@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

body
{
	margin: 0px;
	font-family: 'Montserrat', sans-serif;
}

a
{
	text-decoration: none;	
}

.open
{
	font-family: 'Open Sans', sans-serif;
}

.verde
{
	color: #0198a1;	
}

.fondo_verde
{
	background-color: #0198a1;	
}

.SubTitulo
{
	color: #0198A1;
}

.Titulo
{
	font-size: 26px;
	color: #0198a1;
	font-weight: 700;
}

.Parrafo
{
	color: #9C9C9C;
}

.flex_pc
{
	display: flex;
}



.cuadro_subgaleria
{
	display: flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction: column;
	padding: 10px;
	box-sizing: border-box;
}

.paddingslider
{
	padding-bottom: 40px;
}


.centrarflex_moviles
{
	align-items: flex-start;
}


.doctores
{
	width:420px; 
	height:420px; 
	overflow: hidden; 
	border-radius: 50%;
}

/*Botones*/

.boton_menu
{
	width: auto;
	height: auto;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: #000000;
	border-radius: 3px;
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
    margin-left: 15px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.boton_menu:hover
{
	background-color: #0198A1;
	color: #fff;
}

.boton_menu_seleccionado
{
    background-color: #0198A1;
	color: #fff;
}

.boton_menu_seleccionado:hover
{
    background-color: #0198A1;
	color: #fff;
}





.boton_menumovil
{
	width: 100%;
	height: auto;
	padding: 10px;
	color: #000000;
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.boton_menumovil:hover
{
	background-color: #0198A1;
	color: #fff;
}

.boton_menumovil_seleccionado
{
    background-color: #0198A1;
	color: #fff;
}

.boton_menumovil_seleccionado:hover
{
    background-color: #0198A1;
	color: #fff;
}



.boton_leermas
{
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #0198A1;
	border: 1px solid #0198A1;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	font-weight: 200;
	position: relative;
	width: auto;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.boton_leermas:hover
{
	background-color: #0198A1;
	border: 1px solid #00737a;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}




.div_centrar
{
    max-width: 1140px;
    margin: 0 auto;
}





.contenedor1
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
}
  
.contenedor2
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
}
   
.contenedor3
{
	float:left;
	width:33.3333%;
	height:auto;
	box-sizing:border-box;
}

.contenedor4
{
	float:left;
	width:25%;
	height:auto;
	box-sizing:border-box;
}

.contenedor60
{
	float:left;
	width:60%;
	height:auto;
	box-sizing:border-box;
}

.contenedor70
{
	float:left;
	width:70%;
	height:auto;
	box-sizing:border-box;
}

.contenedor75
{
	float:left;
	width:75%;
	height:auto;
	box-sizing:border-box;
}

.contenedor30
{
	float:left;
	width:30%;
	height:auto;
	box-sizing:border-box;
}

.contenedor40
{
	float:left;
	width:40%;
	height:auto;
	box-sizing:border-box;
}



/*Slider*/
.galeriaprincipal
{
    height: 420px;
}

.portada
{
    height: 500px;
}

.slidertext1
{
	font-size: 16px;
}

.slidertext2
{
	font-size: 44px;
}

.slidertext3
{
	font-size: 24px;
}

/*SLIDER FIN*/



.slider_testimonios
{
	height: 400px;
}


.datos
{
	display: flex; 
	justify-content: space-between;
	width: auto;
}

#cuadro_datos
{
	width: auto;
}

.cuadro_datos_padding
{
	margin-top: 0px;
}

#datos
{
	display: block;
}

#menu
{
	display: block;
}

#menu_movil
{
	display: none;
}


::placeholder 
{ 
	color: #ccc;
	letter-spacing: 1px;
}

.textbox-linea
{
	padding: 25px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	font-size: 14px;
	color: #4B4B4B;
	font-weight: 300;
}

.textbox-linea:hover
{
	border: 1px solid #20bcd3;
	outline: none;
}

.textbox-linea:focus
{
	border: 1px solid #20bcd3;
	outline: none;
}


.quitarflex_movil
{
	display: flex;
}

.padding_pie
{
	padding-top:0px;
}


.div_galeria
{
	width:100%;
	height:auto;
	overflow: hidden;
	cursor:pointer;
	display:block;
}

.div_galeria:hover .img_galeria
{
	transform: scale(1.4);
}

.img_galeria
{
	height:230px;
	
	transition: all .5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;	
}


.ocultar_pc
{
	display:none;	
}

.doctores_movil
{
	display:none;
}

	.display_pc
{
	display: block;
}
	
	.display_movil
{
	display: none;
}



/* ==================     /pc 		====================		*/





@media only screen and (max-width:1180px)
{
	.display_pc
	{
		display: block;
	}

		.display_movil
	{
		display: none;
	}

	.contenedor1
	{
	 
	}

	.contenedor2
	{
	  width:100%;
	}

	.contenedor3
	{
	  width:33.33%;
	}

	.contenedor_responsivo
	{
		width:100%;
		margin-top:20px;
		padding:0px;
	}

	.contenedor4
	{
	  width:25%;
	}

	.contenedor60
	{
	  width:100%;
	}

	.contenedor70
	{
	  width:100%;
	}

	.contenedor75
	{
	  width:100%;
	}

	.contenedor30
	{
	  width:100%;
	}

	.contenedor40
	{
	  width:100%;
	}
    
    
    
    .padding_tablet
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    
    /*Slider*/
	.galeriaprincipal
	{
   		height: 320px;
	}
	
	.portada
	{
    	height: 450px;
	}
	
	.slidertext1
	{
		font-size: 14px;
	}

	.slidertext2
	{
		font-size: 40px;
	}

	.slidertext3
	{
		font-size: 20px;
	}
	
	.paddingslider
	{
		padding-bottom: 25px;
	}

	/*SLIDER FIN*/
	
	
	.datos
	{
		display: block;
	}
	
	#cuadro_datos
	{
		width: 50%;
	}

	.cuadro_datos_padding
	{
		padding-top: 25px;
	}
	
	.flex_pc
	{
		display:block;
	}
	
	.slider_testimonios
	{
		height: 400px;
	}

.ocultar_pc
{
	display:none;	
}


.doctores
{
	width:420px; 
	height:420px; 
	overflow: hidden; 
	border-radius: 50%;
}

.doctores_movil
{
	display:none;
}

}



/* ==================     /TABLET 		====================		*/




@media only screen and (max-width:800px)
{
	
	.display_movil
	{
		display:block;
	}
	.display_pc
	{
		display:none;
	}
	
	.contenedor1
	{
		width:100%;
	}
  
	.contenedor2
	{
		width:100%;
	}
   
	.contenedor3
	{
		width:100%;
	}

	.contenedor4
	{
		width:100%;
	}

	.contenedor60
	{
		width:100%;
	}

	.contenedor70
	{
		width:100%;
	}

	.contenedor75
	{
		width:100%;
	}

	.contenedor30
	{
		width:100%;
	}

	.contenedor40
	{
		width:100%;
	}


    /*Slider*/
	.galeriaprincipal
	{
    	height: 220px;
	}

	.slidertext1
	{
		font-size: 12px;
	}

	.slidertext2
	{
		font-size: 24px;
	}

	.slidertext3
	{
		font-size: 14px;
	}
	
	.paddingslider
	{
		padding-bottom: 10px;
	}

	/*SLIDER FIN*/

	#datos
	{
		display: none;
	}

	#menu
	{
		display: none;
	}

	#menu_movil
	{
		display: block;
	}

	.flex_pc
	{
		display:block;
	}
	
	.centrarflex_moviles
	{
		align-items: center;
	}
	
	.doctores
	{
		width:300px; 
		height:300px; 
		overflow: hidden; 
		border-radius: 50%;
		display:none;
	}
	
	.slider_testimonios
	{
		height: 400px;
	}
	
	.quitarflex_movil
	{
		display: block;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	
	.padding_pie
	{
		padding-top:40px;
	}

.img_galeria
{
	height:auto;
}

.ocultar_pc
{
	display:block;	
}

.doctores_movil
{
	width:300px; 
	height:300px; 
	overflow: hidden; 
	border-radius: 50%;
	display:block;
}

}







.animaropcion1
{
	 animation: opcion1 10s infinite;
	-moz-animation: opcion1 10s infinite; /* Firefox */
	-webkit-animation: opcion1 10s infinite; /* Safari and Chrome */
	-o-animation: opcion1 10s infinite; /* para cuando ópera... */
	-ms-animation: opcion1 10s infinite; /* para cuando ie... */
} 
  
@keyframes opcion1 {
	0% 
	{
      transform:scale(1);
     }
	50% 
	{
      transform:scale(1.4) translate(-25px,0);
     }
	 100% 
	{
      transform:scale(1);
     }
}



.animaropcion2
{
	 animation: opcion2 15s infinite;
	-moz-animation: opcion2 15s infinite; /* Firefox */
	-webkit-animation: opcion2 15s infinite; /* Safari and Chrome */
	-o-animation: opcion2 15s infinite; /* para cuando ópera... */
	-ms-animation: opcion2 15s infinite; /* para cuando ie... */
} 
  
@keyframes opcion2 {
	0% 
	{
      transform:scale(1.1);
     }
	50% 
	{
      transform:scale(1.6);
     }
	 100% 
	{
      transform:scale(1.1);
     }
}



.animaropcion3
{
	 animation: opcion3 12s infinite;
	-moz-animation: opcion3 12s infinite; /* Firefox */
	-webkit-animation: opcion3 12s infinite; /* Safari and Chrome */
	-o-animation: opcion3 12s infinite; /* para cuando ópera... */
	-ms-animation: opcion3 12s infinite; /* para cuando ie... */
} 
  
@keyframes opcion3 {
	0% 
	{
      transform:scale(1.1);
     }
	50% 
	{
      transform:scale(1.4) translate(0,15px);
     }
	 100% 
	{
      transform:scale(1.1);
     }
}




.animaropcion4
{
	 animation: opcion4 13s infinite;
	-moz-animation: opcion4 13s infinite; /* Firefox */
	-webkit-animation: opcion4 13s infinite; /* Safari and Chrome */
	-o-animation: opcion4 13s infinite; /* para cuando ópera... */
	-ms-animation: opcion4 13s infinite; /* para cuando ie... */
} 
  
@keyframes opcion4 {
	0% 
	{
      transform:scale(1.1);
     }
	50% 
	{
      transform:scale(1.4) translate(25px,0);
     }
	 100% 
	{
      transform:scale(1.1);
     }
}



.animardoctores
{
	 animation: doctores 20s infinite;
} 
  
@keyframes doctores {
	25% 
	{
      transform:scale(1.) translate(95px,65px);
    }
	75% 
	{
      transform:scale(1.3) translate(-150px,65px);
    }
	100% 
	{
      transform:scale(1) translate(0,0);
    }
}

.animardoctores_movil
{
	 animation: doctores_movil 7s infinite;
} 
  
@keyframes doctores_movil {
	25% 
	{
      transform:scale(1.) translate(95px,65px);
    }
	75% 
	{
      transform:scale(1.3) translate(-155px,-65px);
    }
	100% 
	{
      transform:scale(1) translate(0,0);
    }	
}