@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:100px; 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:65%}
#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 {margin:2px;padding:2px;font-size:17px}


#contenido {margin:auto;width:100%;z-index:1;height:auto;}
#contenido_interno {width:98%;font-size:18px;padding:1%;text-align:center; margin:auto;}
#contenido_interno_texto {width:96%;font-size:30px;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;}
		#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}
		

@media screen and (max-width: 800px) {
					#header {height:70px}
					#logo {width:70%}
					#logo img {width:100%}
					#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:auto; 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}

h1,h2 {font-weight:normal;color:white;width:46%;padding:1%;margin-right:5px; font-size:12px}
h4 {margin:2px;padding:2px;font-size:17px}
#contenido_interno {width:98%;font-size:12px;padding:1%;text-align:center; margin:auto;}
#contenido_interno img {width:90%}
	#contenido_interno_texto {width:95%;font-size:12px;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:25px;
						padding-left:25px;
						float:left;
						line-height:17px;
						text-align: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:25px;
						padding-left:25px;
						text-align:left;
						line-height:17px;
						text-align:left;
						}					
		
.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:801px) and (max-width: 1099px) {
	#menu_header A {color:white;text-decoration:none; font-size:22px;}
	
	.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     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 {margin:2px;padding:2px;font-size:17px}
		#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;}

		}
		
		
@media screen and (min-width:1301px)  {	
		h1,h2 {font-weight:normal;color:white;width:48%;padding:1%;font-size:25px}
		
			}


.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; 
}