@font-face {
	font-family: gotham;
	src: url(../fuente/gotham.otf);
	font-display: fallback;
}

body {
	background: #fff;
	font-family: gotham, Helvetica, sans-serif;
	font-style: normal;
	background:#0054A6;
}

header{
	background: #0054A6;
	font-family: gotham, Helvetica, sans-serif;
	font-style: normal;
}

h1, h2, h3, h4, h5 {
	color: #444; 
	font-family: gotham, Helvetica, sans-serif;
}

p {
	color:#777;
	font-family: gotham, Helvetica, sans-serif;
}

/*General*/

.centrar {
	text-align:center;
}
.gris {
	color:#aaa;
	padding-top:1.5em;
	font-size:0.8em;
}
.mb{
	margin-bottom:0.4em;
}

/* Encabezado */

.acciones{
	width:50%;	
	float:right;
	margin-top: -4.2em;
	padding-right:6em;
}

/* Portada */
.portadagrande{
	display:inline;
}	
.portadachica{
	display:none;
}
.fondodent{
	background-image: url('../images/img-servicios/fondodent.webp');
	background-image: url('../images/img-servicios/fondodent.jpg');
	background-size: 140%;
}

/* Texto de portada */
.textoportada {
	padding:10em 3em 0em 0em;
}

.textoportada h1{
	font-size: 2.5em;
	font-weight: 600;
	color:#fff;
	text-shadow: 0px 0px 10px #777;
	text-align:center;
	text-transform:uppercase;
}
.textoportada p{
	font-size:1.3em;
	color:#fff;
	text-shadow: 0px 0px 5px #999;
	text-align:center;
	font-weight:300;
}

/* Botones */
.accion1{
	margin:0em 0.4em;
	padding: 0.8em;
	border: 1px solid #fff;
	visibility:visible;
	float:right;
	color:#fff;
	text-transform:uppercase;
	font-size:0.85em;
	font-weight:300;
	background: transparent;
	transition-duration: 0.3s;
}

.accion1:hover{
	background: #42B854;
	transition-duration: 0.3s;
}
.accion2{
	margin:0em 0.4em;
	visibility:visible;
	font-weight: 300;
	float:right;
	background: transparent;
	padding: 0.8em;
	color:#fff;
	border: 1px solid #fff;
	font-size:0.85em;
	text-transform:uppercase;
	transition-duration: 0.3s;
}
.accion2:hover{
	background: #3083C7;
	transition-duration: 0.3s;
}

.accion3{
	margin:1em 0.3em 0.5em;
	visibility:visible;
	font-weight: 300;
	background: transparent;
	padding: 0.7em 1.2em;
	color:#fff;
	font-size:0.9em;
	text-transform:uppercase;
	transition-duration: 0.3s;
	border: 1px solid #fff;
}
.accion3:hover{
	background: #3083C7;
	transition-duration: 0.3s;
}

.accion4{
	margin:1em 0.3em 0.5em;
	visibility:visible;
	font-weight: 300;
	background: transparent;
	padding: 0.7em 1.2em;
	color:#fff;
	font-size:0.9em;
	text-transform:uppercase;
	transition-duration: 0.3s;
	border: 1px solid #fff;
}
.accion4:hover{
	background:#12A892;
	transition-duration: 0.3s;
}

.accion5{
	background: transparent;
	width:250px;
	padding:0.4em;
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:0.9em;
	border: 1px solid #fff;
	color:#fff;
	line-height:30px;
	transition-duration: 0.3s;
}


.accion5:hover{
	background:#42B854;
	transition-duration: 0.3s;
}

.accion6{
	background: transparent;
	width:250px;
	padding:0.4em;
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:0.9em;
	color:#fff;
	border: 1px solid #fff;
	line-height:30px;
	transition-duration: 0.3s;
}
.accion6:hover{
	background:#12A892;
	transition-duration: 0.3s;
}
.accion7{
	background: #0CC243;
	width:39%;
	margin-top:0.5em;
	padding:0.6em;
	border: 0px solid #fff;
	color:#fff;
	text-transform:uppercase;
	font-size:0.95em;
    font-weight: 300;
	float:right;
	transition-duration: 0.3s;
}
.accion7:hover{
	background: #04B338;	
	transition-duration: 0.3s;
}


.accion8{
	background: transparent;
	width:250px;
	margin-top:0.5em;
	margin-bottom:1.5em;
	padding:0.6em;
	border: 1px solid #3083C7;
	color:#3083C7;
	text-transform:uppercase;
	font-size:0.95em;
    font-weight: 300;
	transition-duration: 0.3s;
}
.accion8:hover{
	background: #3083C7;	
	color:#fff;
	transition-duration: 0.3s;
}
@media (max-width:993px){
	.accion7{
	font-size:0.85em;
	padding:0.8em 0.1em;
	}
}

/* Clinicas */
.clinicas{
	background-image: url("../images/img-servicios/fondosuc.jpg");
	background-size: 100%;
}

.clinicas a{
	color:#fff;
	text-decoration:none;
}
.clinicas a:hover{
	color:#AADAFF;
	text-decoration:none;
}
.clinicas h2{
	color:#fff;
	text-shadow: 0px 0px 10px #777;
}
.clinicas h3{
	color:#fff;
	font-size:1.3em;
	text-shadow: 0px 0px 8px #777;
	text-transform:uppercase;
}
.clinicas p{
	color:#fff;
	font-size:1.1em;
	text-shadow: 0px 0px 5px #777;
}

.clinicas button span{
	font-size: 0.7em;
	font-weight: 300;
	line-height: 0.5em;
}

/* Secciones */
.iconoseccion {
	width:80px;
}
.seccion{
	padding:2em 0em;
}

.seccion h2{
	text-align:center;
	padding: 1em 1em 0em 1em;
	color:#0054A6;
	text-transform:uppercase;
}
.seccion img{
	text-align:center;
}
.subt{
	text-align:center;
	padding: 0em 1em 1em 1em;
	font-size:1.2em;
	font-weight:300;
}
.linea{
	margin-bottom:3em;
}


/* Especialidades  */
.inputlabel {
	display: inline-block;
	cursor:pointer; 
	cursor: hand;
	transition-delay: 5s;
}


#activar1 {display: none;}
#activar1 ~ .inputlabel:before {content: ""}
#activar1 ~ .desplegable {display: none;overflow: hidden;color:#777;}
#activar1:checked ~ .desplegable {display: block;}
#activar1:checked ~ .inputlabel:before {content: ""}


#activar2 {display: none;}
#activar2 ~ .inputlabel:before {content: ""}
#activar2 ~ .desplegable {display: none;overflow: hidden;color:#fff;}
#activar2:checked ~ .desplegable {display: block;}
#activar2:checked ~ .inputlabel:before {content: ""}


#activar3 {display: none;}
#activar3 ~ .inputlabel:before {content: ""}
#activar3 ~ .desplegable {display: none;overflow: hidden;color:#fff;}
#activar3:checked ~ .desplegable {display: block;}
#activar3:checked ~ .inputlabel:before {content: ""}


#activar4 {display: none;}
#activar4 ~ .inputlabel:before {content: ""}
#activar4 ~ .desplegable {display: none;overflow: hidden;color:#fff;}
#activar4:checked ~ .desplegable {display: block;}
#activar4:checked ~ .inputlabel:before {content: ""}


#activar5 {display: none;}
#activar5 ~ .inputlabel:before {content: ""}
#activar5 ~ .desplegable {display: none;overflow: hidden;color:#fff;}
#activar5:checked ~ .desplegable {display: block;}
#activar5:checked ~ .inputlabel:before {content: ""}


#activar6 {display: none;}
#activar6 ~ .inputlabel:before {content: ""}
#activar6 ~ .desplegable {display: none;overflow: hidden;color:#777;}
#activar6:checked ~ .desplegable {display: block;}
#activar6:checked ~ .inputlabel:before {content: ""}



#activar7 {display: none;}
#activar7 ~ .inputlabel:before {content: ""}
#activar7 ~ .desplegable {display: none;overflow: hidden;color:#fff;}
#activar7:checked ~ .desplegable {display: block;}
#activar7:checked ~ .inputlabel:before {content: ""}


#activar8 {display: none;}
#activar8 ~ .inputlabel:before {content: ""}
#activar8 ~ .desplegable {display: none;overflow: hidden;color:#fff;}
#activar8:checked ~ .desplegable {display: block;}
#activar8:checked ~ .inputlabel:before {content: ""}

.items{	
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.items h4{
	font-size:1.2em;
	color:#5399D4;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:-1em;
}

.items p{
	font-size:1em;
	color:#999;	
	text-align:center;
	margin-top:1em;
}

.items h1{
	color:#1F5891;
}

.especialidades1 {
	border: 1px solid #5399D4;
	margin:1em;
	padding:1em 2em 1em;
	transition-duration: 0.5s;
}

.especialidades2 {
	background: #5399D4;
	margin:1em;
	padding:1em 2em 1em;
	color:#fff;
	transition-duration: 0.5s;
}
.especialidades3 {
	background: #1B1464;
	margin:1em;
	padding:1em 2em 1em;
	transition-duration: 0.5s;
}
.especialidades4 {
	background:#0054A6;
	margin:1em;
	padding:1em 2em 1em;
	transition-duration: 0.5s;
}


.especialidades1:hover{
	background: #E3F2FF;  
	transition-duration: 0.5s;
	cursor:pointer; 
	cursor: hand;
}
.especialidades2:hover{
	background: #357BB5;
	transition-duration: 0.5s;
	cursor:pointer; 
	cursor: hand;
}
.especialidades3:hover{
	background: #0D074F;
	transition-duration: 0.5s;
	cursor:pointer; 
	cursor: hand;
}
.especialidades4:hover{
	background: #00488F;
	transition-duration: 0.5s;
	cursor:pointer; 
	cursor: hand;
}

.especialidades2 h4, .especialidades3 h4,.especialidades4 h4{
	color:#fff;
	text-transform:uppercase;    
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Carrousel */
.customer-fotos{
	margin-top:-0em;
	background:#fff;
	padding:3px 3px 3px;	
	-webkit-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
	box-shadow: 0px 3px 5px 0px rgba(204,204,204,1);
}
/* Menús azul */
.menus {
	background:#0054A6;
	padding:1em 0.5em 0em;
	text-align:center;
	color:#fff;
}

.menus  p{
	color:#fff;	
}
.menus a{
	color:#fff;
	text-transform: uppercase;
	font-size:1.1em;
}
.menus a:hover{
	color:#ccf;	
	text-decoration: none;
}

.menuazul1{
	margin-bottom:1em;
	border-right: 1px solid #fff;
}
.menuazul2{
	margin-bottom:1em;
}


/* Redes */
.redes{
	text-align:center;
}
.fb{
	background-image: url("../images/img-servicios/iconos/fb.png");
	background-repeat: no-repeat;
	background-size:30px;
	padding-bottom: 15px;
}
.fb:hover{
	background-image: url("../images/img-servicios/iconos/fbc.png");
}
.in{
	background-image: url("../images/img-servicios/iconos/in.png");
	background-repeat: no-repeat;
	background-size:30px;
	padding-bottom: 15px;
}
.in:hover{
	background-image: url("../images/img-servicios/iconos/inc.png");
}
.tw{
	background-image: url("../images/img-servicios/iconos/tw.png");
	background-repeat: no-repeat;
	background-size:30px;
	padding-bottom: 15px;
}
.tw:hover{
	background-image: url("../images/img-servicios/iconos/twc.png");
}
.yt{
	background-image: url("../images/img-servicios/iconos/yt.png");
	background-repeat: no-repeat;
	background-size:30px;
	padding-bottom: 15px;
}
.yt:hover{
	background-image: url("../images/img-servicios/iconos/ytc.png");
 }
 
/*footer */
footer{
	background: #333333;
	padding: 2em;
	color:#fff;
	text-align:left;
}

footer p{
	color:#ccc;
	font-weight: 300;
	font-size:1em;
}

footer a{
	color: #fff;
	font-weight: 300;
	font-size:1em;
}

footer a:hover{
	color: #6DCFF6;
	text-decoration:none;
}
.datafiscal{
	width:70px;
	margin-bottom:1em;
}

/* Responsive */

@media (max-width:767px) {
	.logo {
		width:49%;
		padding-left:1em;
	}

	.acciones{
		padding-right:1em;
	}
	.portadagrande{
		display:none;
	}.portadachica{
		display:inline;
	}
}

@media (max-width:1500px) {
	.textoportada {
		padding:7em 3em 0em 0em;
	}
	.textoportada h1{
		font-size: 2.3em;
		margin-bottom:0.5em;
	}
	.textoportada p{
		font-size:1.15em;
		margin-bottom:1em;
	}
}

@media (max-width:1350px) {
	.textoportada h1{
		font-size: 2.0em;
		margin-bottom:0.4em;
	}
	.textoportada p{
		font-size:1.2em;
		margin-bottom:0.6em;
	}
	.textoportada {
		padding:6em 2em 0em 0em;
	}

}


@media (max-width:1250px) {
	.textoportada{
		padding:4em 0.5em 0em 0em;
	}
}

@media (max-width:1230px) {
	.textoportada{
		padding:3.5em 0.5em 0em 0em;
	}
}
@media (max-width:1200px) {
	.textoportada{
		padding:3em 0.5em 0em 0em;
	}
	.clinicas p{
		font-size:1em;
	}
}
@media (max-width:1150px) {
	.textoportada{
		padding:3em 0.5em 0em;
	}
	.textoportada h1{
		margin-bottom:0.2em;
		font-size: 2.0em;
	}
	.textoportada p{
		margin-bottom:0.5em;
	}
}
@media (max-width:1100px) {
	.textoportada h1{
		font-size: 1.7em;
	}
	.textoportada p{
		font-size:1.2em;
	}
	.textoportada {
		padding-top:4em;;
	}
}
@media (max-width:1035px) {
	.textoportada {
		padding-top:2.5em;;
	}
}

@media (max-width:1024px) {
	.botonc{
		padding: 0.4em 1em 0.6em;
		font-size:0.8em;
		margin-top: 0.25em;
	}
	.botonc img{
		width:15px;
	}
}
@media (max-width:999px) {

	.textoportada h1{
		font-size:1.6em;
	}
	.textoportada p{
		font-size:1em;
	}
	.textoportada {
		padding-top:4em;;
	}
	.acciones span{
		display:none;
	}
	footer p{
		text-align:center;
	}
	.consultorio{
		padding: 0em 0em 2em;
	}
}

@media (max-width:991px) {
	.menuazul1{
	margin-bottom:1em;
	margin-left: 7em;
	margin-right: 7em;
	padding-bottom:1em;
	border-bottom: 1px solid #fff;
	border-right: 0px solid #fff;
	}
}

@media (max-width:950px) {
	.textoportada h1{
		font-size: 1.5em;
	}
	.textoportada p{
		font-size:1em;
	}
}

@media (max-width:880px) {
	.textoportada {
		padding:2.5em 0em 0em;;
	}
}

@media (max-width:840px) {
	.textoportada {
		padding:2.5em 0em 0em;;
	}
}
@media (max-width:810px) {
	.textoportada h1{
		font-size: 1.4em;
	}
	.textoportada p{
		font-size:0.9em;
	}
}

@media (max-width:767px) {
	.botonc{
		padding: 0.8em 1.5em 1em;
		font-size:0.9em;
	}
	.botonc img{
		width:20px;
	}
	.derecha {
		text-align:center;
	}
	.textoportada {
		padding:2em 8em;
	}
	.textoportada h1{
		font-size: 1.7em;
	}
	.textoportada p{
		font-size:1em;
	}
	.consultorio{
		padding: 0em 0em 2em;
	}
}

@media (max-width:600px) {
	.textoportada {
		padding:2em 1em;
	}	
	.menuazul1{
	margin-left: 2em;
	margin-right: 2em;
	}
	.customer-fotos{
	margin-top:-0.4em;
	background:#fff;
	padding:0px;	
	-webkit-box-shadow: 0px 0px 0px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 0px 0px rgba(204,204,204,1);
	}
}

@media (max-width:430px) {
	.botonp2{
		visibility:hidden;
	}
	.logo{
		margin-left:-1em;
	}
}

@media (max-width:330px) {
	.botonp1{
		visibility:hidden;
	}
}

/*Barra de conversion*/
.consultorio{
	padding: 0.5em;
	background:#1b1464;
	position:relative;
}
.muela{
	margin-bottom: 1em;
	padding-top:0.5em;
}
.textocon{
	border-style: solid;
	text-align:center;
	border-width: 0px;
}
.textocon h1{
	color:#fff;
	text-align:center;
	font-weight:300;
	font-size: 1.6em;
	text-transform:uppercase;
	padding-top:0.5em;
}
.textocon p{
	color:#fff;
	text-align:center;
	font-weight:300;
	border-color:#fff;
	font-size: 1.1em;
}

 /* Formulario */
input {
	border: 0px;
	padding:0.5em;
	width:100%;
	font-size:1em;
    font-weight: 300;
 }
 input:select{
	border: 0px;	
 }
.motivo{
	width:59%;
	margin-top:0.5em;
	margin-right:2%;
	padding:0.6em;
	border: 0px solid #fff;
	font-size:0.95em;
    font-weight: 300;
	color:#666;
}
.color9{
	color:#999;	
}


.botondellamada{
	color:#fff;
	padding: 1em 1.20em;
	background: #0DC143;
	position: absolute;
	z-index:10000;
	right: 20px;
	bottom: 20px;
	border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
	-webkit-border-radius: 100px 100px 100px 100px;
    display:scroll;
    position:fixed;
}

.botondellamada:hover {
	color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(119,119,119,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(119,119,119,1);
	box-shadow: 0px 0px 5px 0px rgba(119,119,119,1);
    transition-duration: 5s all;
    -webkit-transition-duration: 5s all;
    -moz-transition-duration: 5s all;
    -o-transition-duration: 5s all;
    -ms-transition-duration: 5s all;
}

.botondellamada span{
	display: none;
	text-decoration:none;
	text-transform:uppercase;
}

.botondellamada:hover span{
	display:contents;
	text-decoration:none !important;
}

a:hover:not(.active){
	text-decoration: none;
}


.ubicacion{
	background-image:url('../images/img-servicios/ubicacion.jpg');
	background-repeat:no-repeat;
	background-size:100%;
}

.sucursal{
	border:0.5px solid #fff;
	padding:1em;
	margin:3em 5%;
	text-align:center;
	background: rgba(0,59,117,0.7);
	width:90%;
}
.sucursal button{
	border:0.5px solid #fff;
	background: rgba(0,59,117,0.7);
	color:#fff;
	padding:0.5em;
	text-transform:uppercase;
	transition:0.3s;
}
.sucursal button:hover{
	background: rgba(0,59,117,1);
	padding:0.5em 1em;
	transition:0.3s;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
	box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);	
}
.sucursal button img{
	width:25px;
}
.sucursal h6{
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
}
.sucursal p{
	color:#fff;
}

@media (max-width: 1080px){
	.ubicacion{
		background-image:url('../images/img-servicios/ubicacion-m.jpg');
		background-repeat:no-repeat;
		backrgound-size:cover;	
	}
	.formulario{
		padding: 1em 0em;
	}
	.sucursal{
		margin:1em 5%;
	}
}
@media (max-width: 650px){
	.ubicacion{
		background-image:url('../images/img-servicios/ubicacion-m6.jpg');
		background-repeat:no-repeat;
		background-size:200%;	
	}
	.sucursal{
		border:0.5px solid #fff;
		padding:1em;
		margin:1em 5%;
		text-align:center;
		background: rgba(0,59,117,0.7);
		width:90%;
	}
}
/*
.sucursal button{
	border:0.5px solid #fff;
	background: rgba(50,109,167,0.5);
	color:#fff;
	padding:0.5em;
	text-transform:uppercase;
	transition:0.3s;
}
.sucursal button:hover{
	background: rgba(50,109,167,1);
	padding:0.5em 1em;
	transition:0.3s;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);
	box-shadow: 0px 0px 10px 0px rgba(102,102,102,1);	
}
.sucursal button img{
	width:25px;
}*/

/* Iconos */
.w15{
	width:15px;
}
.w19{
	width:19px;
}

.w20{
	width:20px;
}

/* Efecto Desplegables */
label img{
	transition:0.3s;
}
label:hover img{
	transform: rotate(-180deg);
	transition:0.5s;
}