@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);



body {font-family:Roboto Condensed;margin:auto;margin-top:0px;text-align:center}
#header {margin:auto; width:100%; height:126px; text-align:center;}
#menu_header {float:left; margin:auto;height:100px;}

#menu_header A {color:white;font-size:25px;text-decoration:none}




#logo {padding:8px;float:left; width:650px;height:126px}
#logo h3 {font-size:40px;font-weight:normal;padding:0px;margin:0px}

.menu1 {background-color:#46b429;float:left;padding:20px;
-webkit-border-bottom-right-radius: 10px; margin-right:5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position:relative;
}
   .menu1:hover {background-color:#1d83be; height:50px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);}

.menu2 {background-color:#a1dcfb;float:left;padding:20px;
-webkit-border-bottom-right-radius: 10px;margin-right:5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position:relative;
}
.menu2:hover {background-color:#1d83be;height:50px;
-webkit-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);}

.menu3 {background-color:#ca0101;float:left;padding:20px;
-webkit-border-bottom-right-radius: 10px; margin-right:5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position:relative;
}
   .menu3:hover {background-color:#aa0000; height:50px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);}

.carrousel_foto {width:100%;margin-top:-5px; z-index:-1}

#clave {background-color:black; margin-top:-10px;width:100%;}
#clave h1 {float:left}
#clave h2 {float:right}
h1,h2 {font-weight:normal;color:white;width:48%;padding:1%;font-size:25px}
h4 {font-size:25px}


#contenido {margin:auto;width:100%;z-index:1;height:auto;}
#contenido_interno {width:98%;font-size:18px;padding:1%;text-align:justify; margin:auto;}
#contenido_interno_texto {width:96%;font-size:20px;padding:1%;text-align:center; margin:auto}

#contenido_interno_texto     ul
						{
						list-style-type: none;
						padding:0px;
						padding-left:2%;
						margin:0px;
						padding-bottom:20px;
												}



	#contenido_interno_texto			.li_horizontal
						{
						background-image: url("lista.png");
						background-repeat: no-repeat;
						background-size:width:50px;
						padding-left:50px;
						float:left;
						}
	#contenido_interno_texto	.ul_vertical {float:left;}
	#contenido_interno_texto			.li_vertical
						{
						background-image: url("lista.png");
						background-repeat: no-repeat;
						background-size:width:50px;
						padding-left:50px;
						text-align:left;
						}					


		#nosotros {width:27%;min-height:120px;margin-left:3%;margin-right:25px; margin-bottom:10px;background-color:#79ea5c;padding:10px;float:left; text-align:justify;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		-moz-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);}
		
		#destacar {width:27%;min-height:120px;margin-left:15px;margin-right:25px; margin-bottom:10px;background-color:#c0e5f9;padding:10px;float:left;  text-align:justify;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		-moz-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);}
		
		
		#destacar2 {width:27%;min-height:120px;margin-left:15px;margin-bottom:10px;background-color:#ca0101;color:white;padding:10px;float:left;  text-align:justify;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		-moz-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);}
		:
	
		
		
		#footer {width:100%;text-align:center;background-color:white; font-size:11px;}
		#footer A {color:blue}
		#abajo {font-size:11px;padding:1%;float:right;text-align:right;width:70%}
		#abajo2 {font-size:12px;}
		
#gradient {z-index:0;height:22px; 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(184,184,184,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(184,184,184,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(184,184,184,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6e7e7e7',GradientType=0 ); /* IE6-9 */}

.img_flecha {float:left;margin-right:10px;margin-left:-21px; margin-top:-5px;width:30px}

.social {z-index:1;}
		.social img {margin-top:-12px;float:left;width:75px}
		
		
.div_carrusel {width:869px;height:869px;}
		

@media screen and (max-width: 900px) {
	#header {height:50px;padding:2px}
	#logo {width:42%;height:50px;padding:0px;}
	#logo img {max-height:50px}
					#logo h3 {font-size:18px;font-weight:normal;padding:0px;margin:0px;}
					#logo h4 {font-size:15px;font-weight:normal;}
					#menu_header {float:left; margin-top:2px;margin-bottom:8px; padding-left:1%;height:auto;}
					#menu_header A {color:white;text-decoration:none; font-size:13px;}
					
					.menu1 {	 background-color:#46b429;float:left;padding:5px; font-size:13px; height:18px;
-webkit-border-bottom-right-radius: 10px; margin-right:5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position:relative;}
					  .menu1:hover {background-color:#1d83be; height:18px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);}

.menu2 {background-color:#a1dcfb;float:left;padding:5px; font-size:13px; 
-webkit-border-bottom-right-radius: 10px;margin-right:5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position:relative;
}
.menu2:hover {background-color:#1d83be; height:18px;
-webkit-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);}

.menu3 {background-color:#ca0101;float:left;padding:5px; font-size:13px; 
-webkit-border-bottom-right-radius: 10px; margin-right:5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position:relative;
}
   .menu3:hover {background-color:#aa0000;  height:18px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);}


#clave {width:100%;margin-top:-3px;}

.carrousel_foto {width:99%;margin-top:-5px; z-index:-1} /* TAMAÑO CARRUSEL PC * SIGUE ABAJO*/

h1,h2 {font-weight:normal;color:white;width:46%;padding:1%;margin-right:5px; font-size:12px}
h4 {font-size:14px}
#contenido_interno {width:98%;font-size:12px;padding:1%;text-align:center; margin:auto;}
	#contenido_interno_texto {width:95%;font-size:12px;padding:1%;text-align:justify; margin:auto}
	#contenido_interno_texto img {width:90%;max-width:200px}
	
	#contenido_interno_texto     ul
						{
						list-style-type: none;
						padding:0px;
						padding-left:2%;
						margin:0px;
						padding-bottom:10px;
						}



	#contenido_interno_texto			.li_horizontal
						{
						background-image: url("lista_responsiva.png");
						background-repeat: no-repeat;
						background-size:width:25px;
						padding-left:25px;
						float:left;
						line-height:17px;
						}
	#contenido_interno_texto	.ul_vertical {float:left;clear:both}
	#contenido_interno_texto			.li_vertical
						{
						background-image: url("lista_responsiva.png");
						background-repeat: no-repeat;
						background-size:width:25px;
						padding-left:25px;
						text-align:left;
						line-height:17px;
						}					
		
.img_responsiva_lista {width:50%; max-width:250px;}		
	
	
	
	#nosotros {width:90%;min-height:120px;margin:10px;background-color:#79ea5c;padding:10px;float:left; text-align:justify;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		-moz-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);}
		
		#destacar {width:90%;min-height:120px;margin:10px;background-color:#c0e5f9;padding:10px;float:left;  text-align:justify;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		-moz-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);}
		
		
		#destacar2 {width:90%;min-height:120px;margin:10px;background-color:#ca0101;color:white;padding:10px;float:left;  text-align:justify;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		-moz-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);}
		
		
		

		
.img_flecha {float:left;margin-right:10px;margin-left:-21px; margin-top:-5px;width:20px}
		
.social {z-index:1;}
		.social img {margin-top:-5px;float:left;width:25px}
		

#abajo {clear:both; float:left;font-size:12px;padding:1%;width:95%;margin-top:-25px;}
				
		
		}
		
																						
@media screen and (min-width:901px) and (max-width: 1099px) {
	#menu_header A {color:white;text-decoration:none; font-size:22px;}
		#logo {width:85%}
	.menu1 {	 background-color:#46b429;float:left;padding:5px; 
-webkit-border-bottom-right-radius: 10px; margin-right:5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position:relative;}
					  .menu1:hover {background-color:#1d83be; 
  -webkit-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);}

.menu2 {background-color:#a1dcfb;float:left;padding:5px; 
-webkit-border-bottom-right-radius: 10px;margin-right:5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position:relative;
}
.menu2:hover {background-color:#1d83be; 
-webkit-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);}

.menu3 {background-color:#ca0101;float:left;padding:5px; 
-webkit-border-bottom-right-radius: 10px; margin-right:5px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
position:relative;
}
   .menu3:hover {background-color:#aa0000;  
  -webkit-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);
box-shadow: 0px 4px 12px 0px rgba(227,227,227,1);}
#contenido_interno_texto {width:95%;font-size:14px;padding:1%;text-align:justify; margin:auto}
	#contenido_interno_texto img {width:90%;}

#contenido_interno_texto     ul
						{
						list-style-type: none;
						padding:0px;
						padding-left:2%;
						margin:0px;
						padding-bottom:10px;
						}



	#contenido_interno_texto			.li_horizontal
						{
						background-image: url("lista_responsiva.png");
						background-repeat: no-repeat;
						background-size:width:35px;
						padding-left:35px;
						float:left;
						}
	#contenido_interno_texto	.ul_vertical {float:left;clear:both}
	#contenido_interno_texto			.li_vertical
						{
						background-image: url("lista_responsiva.png");
						background-repeat: no-repeat;
						background-size:width:35px;
						padding-left:35px;
						text-align:left;
						}					
		
.img_responsiva_lista {width:50%; max-width:450px;}		



#nosotros {width:90%;min-height:120px;margin:10px;background-color:#79ea5c;padding:10px;float:left; text-align:justify;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		-moz-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);}
		
		#destacar {width:90%;min-height:120px;margin:10px;background-color:#c0e5f9;padding:10px;float:left;  text-align:justify;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		-moz-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);}
		
		
		#destacar2 {width:90%;min-height:120px;margin:10px;background-color:#ca0101;color:white;padding:10px;float:left;  text-align:justify;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		-moz-box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);
		box-shadow: 0px 4px 12px 0px rgba(197,197,197,1);}

.img_flecha {float:left;margin-right:10px;margin-left:-21px; margin-top:-5px;width:20px}
		
.social {z-index:1;}
		.social img {margin-top:-10px;float:left;width:65px}
		
		
	#abajo {clear:both; float:left;font-size:13px;padding:1%;width:95%;margin-top:-45px;}

		}

@media screen and (min-width:1100px) and (max-width: 1300px) {
	#menu_header A {color:white;text-decoration:none; font-size:25px;}
	
	h1,h2 {font-weight:normal;color:white;padding:3px; margin-right:5px; font-size:16px}
h4 {font-size:14px}
		#contenido_interno_texto {width:95%;font-size:17px;padding:1%;text-align:justify; margin:auto}
		
		#contenido_interno_texto     ul
						{
						list-style-type: none;
						padding:0px;
						padding-left:2%;
						margin:0px;
						padding-bottom:10px;
						}



	#contenido_interno_texto			.li_horizontal
						{
						background-image: url("lista_responsiva.png");
						background-repeat: no-repeat;
						background-size:width:35px;
						padding-left:35px;
						float:left;
						}
	#contenido_interno_texto	.ul_vertical {float:left;}
	#contenido_interno_texto			.li_vertical
						{
						background-image: url("lista_responsiva.png");
						background-repeat: no-repeat;
						background-size:width:35px;
						padding-left:35px;
						text-align:left;
						}					
		
.img_responsiva_lista {width:50%; max-width:450px;}		
.social {z-index:1;}
		.social img {margin-top:-10px;float:left;width:55px}
		
		
	#abajo {clear:both; float:left;font-size:12px;padding:1%;width:95%;margin-top:-45px;}

	.menu_profesionales {width:50%}		
		}


@media screen and (min-width:1301px)  {	
		h1,h2 {font-weight:normal;color:white;width:48%;padding:1%;font-size:25px}
		.menu_profesionales {width:50%}		
			}
.descuento {width:98%;color:black; background-color:#cfe4ff; border:1px dotted #3b70b3; padding:1% }
.profesionales {border:1px dotted #488fb0; font-size:16px;margin:5px; background-color:#ecf9ff; color:#323232}
.visita {font-size:30px; color:green; }

ul, li .menu_profesionales  {text-align:left; list-style-type: square}
.menu_profesionales A {color:blue;text-decoration:none}

.animated { 
    animation-duration: 1.5s; 
    animation-fill-mode: both; 
} 

@keyframes fadeInBottomBig { 
    0% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInBottomBig { 
    animation-name: fadeInBottomBig; 
}

animated3 { 
    animation-duration: 1.5s; 
    animation-fill-mode: both; 
} 

@keyframes fadeInTopBig { 
    0% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInTopBig { 
    animation-name: fadeInTopBig; 
}

.animated2 { 
    animation-duration: 1s; 
    animation-fill-mode: both; 
} 

@keyframes fadeInLeftBig { 
    0% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeftBig { 
    animation-name: fadeInLeftBig; 
}

 /* CONTINUA CARRUSEL*/

@media screen and (max-width: 500px) {
																				.div_carrusel {width:340px;height:300px;}
																				.slide {width:340px;height:280px; !important; margin-left:-15px; box-shadow:none !important; font-size:11px !important}
																				.slide-inner {width:80%;height: calc( 260px + 0em) !important;}
																	}
																	
@media screen and (min-width:501px) and (max-width: 900px) {
																				.div_carrusel {width:700px;height:500px;}
																				.slide {width:680px;height:500px; !important; box-shadow:none !important; font-size:12px !important}
																				.slide-inner {height: calc( 600px - 3em) !important;}
																				#contenido_interno_texto img {max-width:500px}
																				#contenido_interno_texto {font-size:14px}
																	}																	
																	
.slide {
				position: relative;
				box-shadow: none;
				margin-top: 26px;
				font-size:16px;
			}

			.slide-inner {
				position: relative;
				overflow: hidden;
				width: 90%;max-width:900px;
				height: calc( 700px - 1em);
			}

			.slide-open:checked + .slide-item {
				position: static;
				opacity: 100;
			}

			.slide-item {
				position: absolute;
				opacity: 0;
				-webkit-transition: opacity 0.6s ease-out;
				transition: opacity 0.6s ease-out;
			}

			.slide-item img {
				display: block;
				height: auto;
				max-width: 600px;
			}

			.slide-control {
				background: rgba(0, 0, 0, 0.28);
				border-radius: 50%;
				color: #fff;
				cursor: pointer;
				display: none;
				font-size: 40px;
				height: 40px;
				line-height: 35px;
				position: absolute;
				top: 50%;
				-webkit-transform: translate(0, -50%);
				cursor: pointer;
				-ms-transform: translate(0, -50%);
				transform: translate(0, -50%);
				text-align: center;
				width: 40px;
				z-index: 10;
			}

			.slide-control.prev {
				left: 2%;
			}

			.slide-control.next {
				right: 2%;
			}

			.slide-control:hover {
				background: rgba(0, 0, 0, 0.8);
				color: #aaaaaa;
			}

			#slide-1:checked ~ .control-1,
			#slide-2:checked ~ .control-2,
			#slide-3:checked ~ .control-3,
			#slide-4:checked ~ .control-4,
			#slide-5:checked ~ .control-5,
			#slide-6:checked ~ .control-6,
			#slide-7:checked ~ .control-7,
			#slide-8:checked ~ .control-8
			{
				display: block;
			}

			.slide-indicador {
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: 2%;
				left: 0;
				right: 0;
				text-align: center;
				z-index: 10;
			}

			.slide-indicador li {
				display: inline-block;
				margin: 0 5px;
			}

			.slide-circulo {
				color: #828282;
				cursor: pointer;
				display: block;
				font-size: 35px;
			}

			.slide-circulo:hover {
				color: #aaaaaa;
			}

			#slide-1:checked ~ .control-1 ~ .slide-indicador 
			 	li:nth-child(1) .slide-circulo,
			#slide-2:checked ~ .control-2 ~ .slide-indicador 
			 	 li:nth-child(2) .slide-circulo,
			#slide-3:checked ~ .control-3 ~ .slide-indicador 
			 	 li:nth-child(3) .slide-circulo,
			#slide-4:checked ~ .control-4 ~ .slide-indicador 
			 	 li:nth-child(4) .slide-circulo

				 {
				color: #428bca;

			}

			#titulo {
				width: 100%;
				position: absolute;
				padding: 0px;
				margin: 0px auto;
				text-align: center;
				font-size: 27px;
				color: rgba(255, 255, 255, 1);
				font-family: 'Open Sans', sans-serif;
				z-index: 9999;
				text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), 
			 	    -1px 0px 2px rgba(255, 255, 255, 0);
			}
		</style>