@font-face{
	font-family: Lato;
    src: url(../fonts/Lato-Light.woff2),
         url(../fonts/Lato-Light.woff),
	     url(../fonts/Lato-Light.ttf);
    font-weight: 300; font-display: swap;}
@font-face{
	font-family: Lato;
    src: url(../fonts/Lato-Regular.woff2),
         url(../fonts/Lato-Regular.woff),
	     url(../fonts/Lato-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Lato;
    src: url(../fonts/Lato-Bold.woff2),
         url(../fonts/Lato-Bold.woff),
	     url(../fonts/Lato-Bold.ttf);
    font-weight: 700; font-display: swap;}
*{
	margin: 0;
	padding: 0;}
body{
	font-family: 'Lato', sans-serif; font-size: 1.1em; line-height: 1.8em; text-align: center;}
img a, a, a img{	text-decoration: none;}
#imagen img{	width: 100%; }
img{height: auto;}
.neg{	font-weight: bold;}
.noneg, .noneg strong{	font-weight: 400;}
.frase .noneg strong{	font-weight: 300;}
.idioma a{	display: block; padding: 2px 0; margin: 0 0 5px 0; width: 50px; text-align: center;
	color: #0EAAA2; font-size: 12px; position: absolute; top: 0; right: 0;
	border-bottom: 1px solid #0EAAA2; border-left: 1px solid #0EAAA2; border-right: 1px solid #0EAAA2;}
.idioma a:hover{background: #0EAAA2; color: #fff;}
#logo{	font-size: 16px; color: #058181; font-weight: 300; text-align: left; clear: both; text-transform: uppercase; padding-top: 20px;}
#logo .logo{width: 100px; margin-bottom: 10px;}
#logo .clinica{color: #8fc8c1; font-weight: 400;}
#membrete{	font-weight: 700; font-size: 30px;}
.nombre{	color: #0EAAA2; font-weight: 400;}
#menu ul li, #menu-eusk ul li{	list-style-type: none; text-align: center;}
#menu ul li a, #menu-eusk ul li a{	color: #0EAAA2; padding: 20px 0; display: block;}
#menu ul li a:hover, #menu-eusk ul li a:hover{	color: #058181;}
h1, h2, .c-h1{	color: #0EAAA2; font-size: 24px; font-weight: 400;}
.subtit{	font-size: 0.6em; display: block; font-weight: 400;}
.servicios h1, .servicios h2{	margin: 50px 0 0 0; font-weight: 700; color: #0EAAA2;}
.sin-cab{	padding: 100px 0 0 0;}
p{	margin: 12px 0;}
.frase{	color: #0EAAA2; font-size: 1.4em; line-height: 1.6em; margin: 35px auto; width: 80%; font-weight: 300;}
.frase2{	color: #0EAAA2; font-size: 1.2em; line-height: 1.6em; margin: 10px auto 0 auto; width: 80%; font-weight: 400;}
.grande{	display: block; font-size: 1.2em;}
.fondo{	background: #0EAAA2; color:#fff; font-weight: 300; }
#gris{	background: #c6c9ca; color: #000;}
#rad, #pla{	padding: 50px 0;}
#dra{	margin: 50px 0;}
.vent{	font-size: 25px; color: #fff;}
.fondo p{	margin: 0 30px;}
.fondo img{	display: block; margin: 60px 0;}
.bloque{	margin: 60px 0;}
footer{	border-top: 1px solid #0EAAA2; margin: 80px 0 0 0; padding: 30px 0 20px 0;}
address{	font-style: normal;	display: inline;}	
.borra{	clear: both;}
#pre a{	color: #000; padding: 0 0 10px 0;}
.cua{	text-align: left; color: #555; font-size: 0.9em;}
.cua h3{	font-weight: 400; font-size: 16px;}
.cua h4{	font-weight: 400; font-size: 14px;}
.cuatro .boton a, .dest .boton a, .bajo .boton a, .a-ttos a{
	display: block; background: #058181; color: #fff; padding: 10px 0; width: 180px;
	font-size: 15px; text-align: center; margin: 0 auto; }
.fondo .boton a{
	display: block; background: #fff; color: #0EAAA2; padding: 10px 0; width: 180px;
	font-size: 15px; text-align: center; margin: 20px auto 0 auto; font-weight: 400;}
.cuatro .boton a:hover, .dest .boton a:hover, .a-ttos a:hover{	background: #0EAAA2; }
.a-ttos{text-transform: uppercase;}
.fondo .boton a:hover{	background: #058181; color: #fff;}
.bajo{	margin: 50px 0 0 0;}
.menor{	font-size: 18px; line-height: 26px; padding: 10px 0 0 0; }
.mmenor{	font-size: 23px; line-height: 35px; padding: 60px 0 0 0;}
.mmenor2{	font-size: 26px; line-height: 33px; padding: 60px 0 0 0;}
.servicios ul li{	list-style-type: none; margin: 5px 0 0 0;}
.servicios ul li a{	color: #000; display: block;}
.servicios ul li a:hover{	color: #0EAAA2;}
.sol{	color: #058181; margin: 30px 0 0 0; font-size: 0.9em;}
#tratamientos .bloque {	border-top: 1px solid #0EAAA2; text-align: left; padding: 50px 0 0 0;}
#tratamientos .bloque .dcho{	margin: 0;}
#tratamientos .bloque .dcho h2{	font-size: 20px; font-weight: 700;}
.grupo {	margin: 60px 0 60px 0;}
.grupo .ficha{	border: 1px solid #ccc; padding: 1.4%; font-size: 0.9em;}
.grupo h2{	margin: 0 0 20px 0;}
.grupo h3{	font-size: 18px; color: #058181;}
.ficha img{	width: 100%; height: auto; margin: 0 0 10px 0;}
.tel{	font-size: 30px; display: block; padding: 10px; color: #058181;}
#horario{	margin: 30px 0;}
#aviso{ 	font-size: 14px; border-top: 1px solid #ccc; color: #bbb;}
#aviso a{	color: #bbb; display: inline-block; padding: 5px 0;}
iframe{	border: none; width: 100%; margin: 50px 0 0 0;}
.mtop{margin-top: 50px;}
.rojo{color: brown; display: block; font-weight: bold; font-size: 14px;}
.destacado{margin: 40px auto; font-size: 1.2em; font-weight: bold;}
.destacado img{margin-top: 40px; width: 100%; height: auto; max-width: 800px;}
footer .uno img{width: 160px;}
.whatsapp{margin-top: 30px;}
.whatsapp a:hover img{opacity: 0.5;}
#mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; background-size: cover; padding: 300px 0 200px 0;}
#mapa a{ width: 200px; font-size: 15px; display: block; padding: 10px 0; color: #fff; background: #058181; margin: 0 auto;}
#mapa a:hover{opacity: 0.7;}
#ortodoncia{padding-top: 100px;}

@media only screen 
and (max-width : 480px){
.pantalla, .tablet{	display: none;}
.container {	width: 100%; font-size: 0.9em;	margin: 0 auto;}
.todo {	margin: 0 20px;}
#logo{	width: 90%; max-width: 240px; margin: 20px auto 20px auto; text-align: center;}
#membrete{	font-size: 26px;}
#menu, #menu-eusk{	width: 100%; font-size: 1em; margin: 20px 0;}
#menu ul li a, #menu-eusk ul li a{	padding: 10px 0; }
h1, h2, .c-h1{	font-size: 21px; margin: 30px 0 0 0;}
.servicios h1, .servicios h2 {    margin: 30px 0 0 0;}
.sin-cab {    padding: 60px 0 0 0;}
.bloque {    margin: 20px 0;}
#pre{	width: 100%; margin: 60px auto;}
.frase {    font-size: 1.2em; line-height: 1.4em;}
#frase-c{	margin: 0 auto 30px auto;}
.vent{	margin: 40px 0 0 0;}
.fondo{	font-size: 26px; line-height: 34px;}
.fondo .izdo p, .fondo .dcho p{	margin: 20px 0 0 0;}
.dest{	margin: 0 auto; padding: 30px 0; width: 80%; }
.duo{	padding: 25px 0;}
.duo .izdo img, .foto, .fondo img{	width: 100%; height: auto; margin: 0;}
.fondo .izdo p{    margin: 0;}
.fondo .dcho p {    margin: 0;}
.fondo .boton a, .boton a{	font-size: 14px;}
#rad, #pla {    padding: 20px 0;}
#labb{	padding: 30px 0 0 0;}
#labb h3{	font-size: 16px;}
.mmenor {    font-size: 18px; line-height: 25px; padding: 40px 0 20px 0;}
.vent{	font-size: 20px;}
.cua{	text-align: center;}
.cua h4{	font-size: 13px;}
.cua .uno{ 	width: 100px; margin: 0 auto 10px auto;}
.cua .uno img{	width: 100%; height: auto;}
.cua .cuatro{	width: 140px; margin: 0 auto; padding: 10px 0;}
.cuatro .boton a{	width: 100%;}
.bloque .dcho p{	margin: 10px 0 0 0;}
.bloque .dcho .frase{	margin: 0 auto;}
#grupo{	max-width: 230px; margin: 0 auto;}
.grupo .ficha{	margin: 20px 0 0 0; padding: 10px; }
#tratamientos .bloque, #tratamientos .duo{	margin: 0; padding: 10px 0 5px 0;}
#tratamientos .bloque .izdo{	margin: 20px 0 0 0;}
#aviso{	margin: 10px 0 0 0; }
.salto{	display: none;}
.galeria img{width: 90%; margin: 4% auto; display: block;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 700px) {
.pantalla, .movil{	display: none;}
.container {	width: 100%; margin: 0 auto; font-size: 0.9em;}
.todo {	margin: 0 40px;}
#logo{	width: 240px; margin: 20px auto 20px auto; text-align: center;}
#membrete{	font-size: 27px;}
#menu, #menu-eusk{	max-width: 400px; width: 100%; font-size: 0.9em; margin: 20px auto 0 auto;}
#menu ul li, #menu-eusk ul li{	float: left; width: 33%;}
#menu ul li a, #menu-eusk ul li a{	padding: 10px 0; }
h1, h2, .c-h1{	font-size: 21px; margin: 40px 0 0 0;}
.servicios h1, .servicios h2 { margin: 40px 0 0 0;}
.sin-cab {    padding: 60px 0 0 0;}
.bloque {    margin: 20px 0;}
#pre{	width: 100%; margin: 70px auto;}
.frase {    font-size: 1.1em; line-height: 1.3em;}
#frase-c{	margin: 0 auto 30px auto;}
.vent{	margin: 40px 0 0 0;}
.fondo{	font-size: 26px; line-height: 34px;}
.fondo .izdo p, .fondo .dcho p{	margin: 20px 0 0 0;}
.dest{	margin: 0 auto; padding: 40px 0; width: 80%; }
.duo{	padding: 40px 0;}
.duo .izdo img, .foto, .duo .dcho img{	width: 100%; height: auto; margin: 0;}
.fondo .izdo p{    margin: 0;}
.fondo .dcho p {    margin: 0;}
#rad{	padding: 0 0 30px 0;}
#pla {    padding: 30px 0 0 0;}
.mmenor {    font-size: 20px; line-height: 26px; padding: 40px 0 20px 0;}
.cua{	text-align: center;}
.cua h4{	font-size: 13px; line-height: 16px; margin: 0 0 10px 0;}
.cua .uno{ 	width: 100px; margin: 0 auto 10px auto;}
.cua .uno img{	width: 100%; height: auto;}
.cua .cuatro{	width: 140px; margin: 0 auto; padding: 10px 0;}
.cuatro .boton a{	width: 100%;}
.bloque .dcho p{	margin: 10px 0 0 0;}
.bloque .dcho .frase{	margin: 0 auto;}
#labb{	padding: 30px 0 0 0;}
#grupo{	max-width: 600px; margin: 0 auto; text-align: center;}
.grupo .ficha{	margin: 0 0 10px 0; padding: 10px 10px 0 10px;}
.grupo .ficha img{	width: 36%; height: auto; float: left; display: block;}
.grupo .ficha .cv{	width: 60%; float: right; margin: 5% 0 0 0;}
#tratamientos .bloque, #tratamientos .duo{	margin: 0; padding: 15px 0 5px 0;}
#tratamientos .bloque .izdo{	margin: 20px 0 0 0;}
#aviso{	margin: 10px 0 0 0; }
.salto{	display: none;}
.galeria img{width: 80%; margin: 4% auto; display: block;}
}

@media only screen 
and (min-width : 701px)
and (max-width : 999px) {
.movil, .tablet{	display: none;}
.container {	width: 100%; margin: 0 auto; }
.todo {	margin: 0 40px;}
#cabecera .todo{margin: 0;}
#logo{	width: 260px; margin: 20px auto 20px auto; text-align: center;}
#membrete{	font-size: 28px;}
#menu, #menu-eusk{	width: 100%; font-size: 0.7em; margin: 20px 0 0 0;}
#menu ul li a{	padding: 15px 0 10px 0;}
#menu ul li{	float: left; width: 14%;}
#menu ul .m{	float: left; width: 17%;}
#menu ul .g{	float: left; width: 19%;}
#menu-eusk li{	width: 20%; float: left;}
#menu-eusk .m{	width: 16%;}
#menu-eusk .g{	width: 17%;}
#menu-eusk .x{	width: 14%;}
.sin-cab {    padding: 60px 0 0 0;}
#pre{	width: 80%; margin: 100px auto;}
.frase {    font-size: 1.3em; line-height: 1.4em;}
.vent{	margin: 40px 0 0 40px; font-size: 20px;}
#impp{	padding: 0 0 30px 0;}
.fondo{	font-size: 26px; line-height: 34px;}
.fondo .izdo{	text-align: right;}
.fondo .dcho{	text-align: left;}
.fondo .izdo p, .fondo .dcho p{	margin: 0 40px 0 40px;}
#rad, #pla {    padding: 40px 0;}
.dest{	margin: 0 auto; padding: 10px 0 50px 0; width: 65%; }
.duo .izdo{	width: 50%; float: left;}
.duo .izdo img, .duo .dcho img{	width: 100%; height: auto;}
.duo .dcho{	width: 50%; float: right;}
.fondo img {    margin: 40px 0;}
.fondo .izdo p{    margin: 0 40px 0 0;}
.fondo .dcho p {    margin: 0 0 0 40px;}
.mmenor {    font-size: 18px;    line-height: 25px;    padding: 40px 0 10px 0;}
#dra .boton{	margin: 0 0 20px 0;}
.cua .uno{	width: 170px; float: left;}
.cua .dos{	width: 29%; float: left;}
.cua .tres{	width: 22%; float: left;}
.cua .cuatro{	width: 120px; float: right;}
.cuatro .boton a{	width: 100%;}
.bloque .izdo{	text-align: left; }
.bloque .dcho{	margin: 20px 0 0 0;}
#labb p, #labb h3{	padding: 0  0 0 40px;}
.bloque .dcho .frase{	margin: 10px 10px 0 10px; width: 100%;}
#tratamientos .bloque .dcho p{	margin: 0 0 0 40px;}
#tratamientos .bloque .dcho h2{	margin: 0 40px;}
#grupo{	margin: 0 auto; text-align: center;}
.grupo .ficha{	width: 29%; float: left; margin: 1% 1.2% 0 0; height: 460px;}
.grupo #ficha-belen-eusk, .grupo #ficha-maider-eusk{	height: 540px;}
.grupo .eusk .ficha{	height: 400px;}
.dentistas{width: 75%; margin: 0 auto 40px auto;}
.grupo .dentistas .ficha{width: 40%; margin: 0 3%;}
#aviso{	position: absolute; margin: -32px 0 0 170px; padding: 0 0 0 0; border: none;}
.guion{	display: none;}
iframe{	margin: 20px 0;}
.galeria img{width: 47%; margin: 1%; display: inline-block;}
}
@media only screen 
and (min-width : 770px)
and (max-width : 999px) {
	#menu, #menu-eusk{	font-size: 0.8em; }

}

@media only screen 
and (min-width : 1000px)
and (max-width : 1299px) {
.movil, .tablet{	display: none;}
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 40px;}
#cabecera{	background: #FFF; position: fixed; top: 0; left: 0; width: 100%; z-index: 3;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.1);}
#logo{	width: 280px; margin: 20px auto 20px auto; text-align: center;}
#menu, #menu-eusk{	width: 100%; max-width: 850px; font-size: 0.9em; margin: 20px auto 0 auto;}
#menu ul li a{	padding: 15px 0 10px 0;}
#menu ul li{	float: left; width: 14%;}
#menu ul .m{	float: left; width: 17%;}
#menu ul .g{	float: left; width: 19%;}
#menu-eusk li{	width: 20%; float: left;}
#menu-eusk .m{	width: 16%;}
#menu-eusk .g{	width: 17%;}
#menu-eusk .x{	width: 14%;}
	#imagen{margin-top: 280px;}
section{	margin: 100px 0 0 0;}
#pre{	width: 80%; margin: 100px auto;}
.vent{	margin: 80px 0 0 50px;}
.fondo{	font-size: 26px; line-height: 34px;}
.fondo .izdo{	text-align: right;}
.fondo .dcho{	text-align: left;}
.fondo .izdo p, .fondo .dcho p{	margin: 20px 50px 0 50px;}
.dest{	margin: 0 auto; padding: 50px 0; width: 65%; }
.duo .izdo{	width: 50%; float: left;}
.duo .izdo img{	width: 100%; height: auto;}
.duo .dcho{	width: 50%; float: right;}
.fondo .izdo p{    margin: 0 50px 0 0;}
.fondo .dcho p {    margin: 0 0 0 50px;}
.mmenor {    font-size: 22px;    line-height: 28px;    padding: 80px 0 20px 0;}
.cua .uno{	width: 21%; float: left;}
.cua .dos{	width: 27%; float: left;}
.cua .tres{	width: 27%; float: left;}
.cua .cuatro{	width: 25%; float: right;}
.cua .cuatro .boton{	margin: 0 0 0 0;}
.bloque .izdo{	text-align: left; }
.bloque .dcho{	margin: 80px 0 0 0;}
.bloque .dcho p{	margin: 10px 40px 0 40px;}
#tratamientos .bloque .dcho h2{	margin: 0 40px;}
.grupo .ficha{	width: 26%; float: left; margin: 1% 6.3% 0 0; height: 460px;}
.grupo .eusk .ficha{	height: 490px;}
.grupo #ultima{	float: right; margin: 1% 0 0 0;}
.grupo .ficha img {    width: 80%; margin: 25px 0 10px 0;}
.dentistas{width: 740px; margin: 0 auto 40px auto;}
.grupo .dentistas .ficha{width: 40%; margin: 0 3%;}
#aviso{	position: absolute; margin: -32px 0 0 19%; padding: 0 0 0 0; width: 76%; }
.guion{	display: none;}
iframe{	margin: 20px 0;}
.galeria img{width: 31%; margin: 1%; display: inline-block;}
}
	
@media only screen 
and (min-width : 1300px){ 
body{	padding: 0 50px;}
.movil, .tablet{	display: none;}
.container {	width: 1200px; margin: 0 auto;}
#cabecera .container{width: 98%; margin: 0 auto;}
.todo { 	margin: 0 50px;}
#cabecera{ 	background: #FFF; position: fixed; top: 0; left: 0; width: 100%; z-index: 3;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.1);}
#logo{ 	width: 380px; float: left; margin: 0 0 20px 0; height: 90px;}
	#logo .logo{width: 100px; display: inline-table; vertical-align: middle; margin-right: 15px;}
	#logo .nombre{width: 250px; display: inline-table; vertical-align: middle;}
	#logo .clinica{position: relative; left: 122px; top: -35px;}
#menu{ 	width: 740px; float: right; font-size: 0.8em; margin: 33px 0 0 0;}
#menu li{ float: left; width: 14%;}
#menu .m{ float: left; width: 17%;}
#menu .g{ float: left; width: 19%;}
#menu-eusk{ width: 800px; float: right; font-size: 0.8em; margin: 15px 0 0 0;}
#menu-eusk li{ width: 20%; float: left;}
#menu-eusk .m{ width: 16%;}
#menu-eusk .g{ width: 17%;}
#menu-eusk .x{ width: 14%;}
section{ margin: 100px 0 0 0;}
#pre{ width: 65%; margin: 100px auto;}
.fondo{ font-size: 26px; line-height: 34px;}
.fondo .izdo{ text-align: right;}
.fondo .dcho{ text-align: left;}
.fondo .izdo p{ margin: 20px 50px 0 50px;}
.fondo .dcho p{ margin: 20px 20px 0 20px;}
.dest{ margin: 0 auto; padding: 50px 0; width: 65%; }
.duo .izdo{ width: 50%; float: left;}
.duo .dcho{ width: 50%; float: right;}
.cua .uno{ width: 25%; float: left;}
.cua .dos{ width: 25%; float: left;}
.cua .tres{ width: 25%; float: left;}
.cua .cuatro{ width: 25%; float: right;}
.cua .cuatro .boton{ margin: 0 0 0 80px;}
.cua .dos h3{margin-top: 33px;}
.bloque .izdo{ text-align: left; }
.bloque .dcho{ margin: 100px 0 0 0;}
.vent {    margin: 100px 0 0 0;}
.grupo .ficha{ width: 26%; float: left; margin: 1% 6.5% 0 0; height: 450px;}
.grupo .dentistas .ficha{ height: 480px; }
.grupo #ultima{ float: right; margin: 1% 0 0 0;}
.grupo .ficha img {    width: 80%; margin: 25px 0 10px 0;}
.dentistas{width: 740px; margin: 0 auto 40px auto;}
.grupo .dentistas .ficha{width: 40%; margin: 0 3%;}
#aviso{ position: absolute; margin: 30px 0 0 275px; padding: 0 0 0 0; width: 825px; }
.guion{ display: none;}
footer{ margin: 120px 0 0 0; }
.galeria img{width: 31%; margin: 1%; display: inline-block;}
	 }
@media only screen 
	and (min-width : 1500px){ 
#menu{ 	width: 940px; font-size: 1em; }
}
@media only screen 
	and (min-width : 1700px){ 
	#logo{ 	width: 460px; }
	#logo .logo{width: 120px; }
	#logo .nombre{width: 300px; }
	#logo .clinica{position: relative; left: 142px; top: -45px;}
}