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

body{	font-size:17px;	font-family: 'Roboto', sans-serif; padding: 0px;	margin: 0px; background:#fff; 	color:#333;	}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px; overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;  	overflow:hidden; }
#contenedor4{	width:80%;	border: 0px solid #F60;	margin: 0px auto 0px;  	overflow:hidden; }
#contenedor2{	width:60%;	border: 0px solid #F60;	margin: 0px auto 0px;  	overflow:hidden; font-size:22px; }

#header{background:#fff;  min-height:115px;   width: 100%; }
#reds{border: 0px solid #f60; width:80px; height:36px; float:right; text-align:right; margin-top:10px;}	
#logo{width:350px; float:left; border: 0px solid #f60; margin-bottom:10px; margin-top:10px;	}	
#logo img{width:100%}

ol{line-height:25px; text-align:justify}
p{line-height:25px; text-align:justify}
footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}
#mapa{	width: 100%;	height: 187px;	color: #fff;	font-size:12px;	background:#4E6B8C;	border:0px solid #F00;}

#cua1{float:left; width:22%; margin-left:1.5%; margin-right:1.5%;  border:0px solid #900; color:#333;  margin-bottom:30px;}

#nosotros1{ float:left; width:45%; border: 0px solid #0F0}
#nosotros2{ float:right; width:40%; border: 0px solid #0F0}

#nosotros3{ float:left; width:60%; border: 0px solid #0F0}
#nosotros4{ float:right; width:30%; border: 0px solid #0F0}
#nosotros44{ float:right; width:30%; border: 0px solid #0F0; margin-bottom:30px;}

#aguaalca{width:90%}
#aguaalca2{display:none}

#nosotros5{ float:left; width:25%; border: 0px solid #0F0; margin-bottom:30px}
#nosotros6{ float:left; text-align:center; width:25%; border: 0px solid #0F0; margin-bottom:30px}

#gel{margin-left:20px}

#tratamiento1{ float:left; width:45%; border: 0px solid #0F0}
#tratamiento2{ float:right; width:45%; border: 0px solid #0F0}

#contaa1{width:45%; border:0px solid #09F; float:left}
#contaa2{width:45%; border:0px solid #09F; float:right; margin-top:30px;}
#cont1{height:40px; background:#fff; width:100%; border:0px; margin-bottom:20px; font-size:15px; color:#666;  border-radius:2px}
#bot{background:#5CA9DD; color:#fff; font-size:17px; border:0px; }
#bot2{background:#7B7D91; color:#fff; font-size:17px; border:0px; }


a{   color: #333;	text-decoration: none;	}
a:hover{    color: #0775C2;    text-decoration: none;	}

#titu{	color:#0775C2; font-size: 30px; font-family: 'Signika Negative', sans-serif;	}
#titu2{	color:#069; font-size: 20px; font-family: 'Signika Negative', sans-serif; text-shadow: 3px 3px 3px #999;	}

#f1{float:left; width:50%; border: 0px solid #0C6; font-size:14px }
#f2{float:left; width:50%; text-align:right; border: 0px solid #0C6;font-size:14px  }
#f33{float:left; width:100; text-align:left; border: 0px solid #0C6; }

@media screen and (min-width: 1024px) and (max-width: 1199px) {

#contenedor1{	width:90%;	border: px solid #F60;	margin: 0px auto 0px;  	overflow:hidden; }
#logo{width:350px; float:left; border: 0px solid #f60; margin-bottom:10px; margin-top:10px;	}	
#logo img{width:100%}

#nosotros1{ float:left; width:45%; border: 0px solid #0F0}
#nosotros2{ float:right; width:45%; border: 0px solid #0F0}

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;  	overflow:hidden; }
#logo{width:300px; float:left; border: 0px solid #f60; margin-bottom:10px; margin-top:10px;	}	
#logo img{width:100%}
 
 #header{background:#fff;  min-height:100px;   width: 100%; }
 
#nosotros1{ float:none; width:100%; border: 0px solid #0F0}
#nosotros2{ float:none; width:60%; margin-left:20%; border: 0px solid #0F0}

#nosotros3{ float:none; width:100%; border: 0px solid #0F0}
#nosotros44{ float:none; width:100%; text-align:center; margin-left:0%; border: 0px solid #0F0}
#nosotros4{ float:none; width:100%; text-align:center; margin-left:0%; border: 0px solid #0F0}
#nosotros4 img{  width:50%;}


}

@media screen and (min-width: 600px) and (max-width: 799px) {
#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;  	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;  	overflow:hidden; font-size:22px; }

#logo{width:300px; float:left; border: 0px solid #f60; margin-bottom:10px; margin-top:10px;	}	
#logo img{width:100%}
 
#cua1{float:left; width:40%; margin-left:5%; margin-right:5%;  border:0px solid #900; color:#333; font-size:20px; margin-bottom:30px;}

#header{background:#fff;  min-height:100px;   width: 100%; }
 
#nosotros1{ float:none; width:100%; border: 0px solid #0F0}
#nosotros2{ float:none; width:70%; margin-left:15%; border: 0px solid #0F0}

#nosotros3{ float:none; width:100%; border: 0px solid #0F0}
#nosotros44{ float:none; width:100%; text-align:center; margin-left:0%; border: 0px solid #0F0}
#nosotros4{ float:none; width:100%; text-align:center; margin-left:0%; border: 0px solid #0F0}
#nosotros4 img{  width:50%; }

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:14px }
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6;font-size:14px  }
#f33{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:0px;  margin-bottom:0px; display: flex; justify-content: center; align-items: center;} 

#contaa1{width:100%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; margin-top:15px;}
}


@media screen and (min-width: 480px) and (max-width: 599px) {
#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;  	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;  	overflow:hidden; font-size:18px; }

#logo{width:250px; float:left; border: 0px solid #f60; margin-bottom:10px; margin-top:10px;	}	
#logo img{width:100%}
 
#cua1{float:left; width:40%; margin-left:5%; margin-right:5%;  border:0px solid #900; color:#333; font-size:17px; margin-bottom:30px;}

#header{background:#fff;  min-height:100px;   width: 100%; }
 
#nosotros1{ float:none; width:100%; border: 0px solid #0F0}
#nosotros2{ float:none; width:80%; margin-left:10%; border: 0px solid #0F0}

#nosotros3{ float:none; width:100%; border: 0px solid #0F0}
#nosotros44{ float:none; width:100%; text-align:center; margin-left:0%; border: 0px solid #0F0}
#nosotros4{ float:none; width:100%; text-align:center; margin-left:0%; border: 0px solid #0F0}
#nosotros4 img{  width:70%; }

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:14px }
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6;font-size:14px  }
#f33{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:0px;  margin-bottom:0px; display: flex; justify-content: center; align-items: center;} 

#contaa1{width:100%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; margin-top:15px;}
}



@media screen and (min-width: 320px) and (max-width: 479px) {
body{	font-size:15px;	font-family: 'Roboto', sans-serif; padding: 0px;	margin: 0px; background:#fff; 	color:#333;	}

#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;  	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;  	overflow:hidden; font-size:18px; }

#logo{width:200px; float:left; border: 0px solid #f60; margin-bottom:10px; margin-top:10px;	}	
#logo img{width:100%}
 
#cua1{float:left; width:80%; margin-left:10%; margin-right:10%;  border:0px solid #900; color:#333; font-size:18px; margin-bottom:30px;}
#cua1 img{width:85%}

#header{background:#fff;  min-height:100px;   width: 100%; }
 
#nosotros1{ float:none; width:100%; border: 0px solid #0F0}
#nosotros2{ float:none; width:90%; margin-left:5%; border: 0px solid #0F0}

#nosotros3{ float:none; width:100%; border: 0px solid #0F0}
#nosotros44{ float:none; width:100%; text-align:center; margin-left:0%; border: 0px solid #0F0}
#nosotros4{ float:none; width:100%; text-align:center; margin-left:0%; border: 0px solid #0F0}
#nosotros4 img{  width:70%; }

#aguaalca2{width:100%; display:block}
#aguaalca{display:none}

#f1{float:left; width:100%; text-align:center; border: 0px solid #0C6; font-size:14px }
#f2{float:left; width:100%; text-align:center; border: 0px solid #0C6;font-size:14px  }
#f33{float:left; width:100%; text-align:right; border: 0px solid #0C6; margin-top:0px;  margin-bottom:0px; display: flex; justify-content: center; align-items: center;} 

#contaa1{width:100%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; margin-top:15px;}

#titu{	color:#0775C2; font-size: 24px; font-family: 'Signika Negative', sans-serif;	}
#titu2{	color:#069; font-size: 17px; font-family: 'Signika Negative', sans-serif; text-shadow: 3px 3px 3px #999;	}

}