@charset "utf-8";
/* CSS Document  font-family: 'Rubik', sans-serif; */

@font-face {
 font-family: "Helvetica";
  src: url("HelveticaNeueLTStdRoman.otf");
  
 font-family: "Helvetica2";
 src: url("HelveticaNeueLTStdBlk.otf");
}

body{ font-family: 'Avenir', sans-serif; padding: 0px;	margin: 0px; }
#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; }
#contenedor2{	width:80%;	border: 0px solid #F60; margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:70%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:950px;  border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#3A3A3C}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#FEE21D;}

#logo{float:left; width:120px; border: 0px solid #f60;  margin-bottom:35PX; margin-top:35PX; margin-left:5%}	
#logo img{width:100%}

#tel{float:left; width:45%; margin-top:50px; margin-left:7%}
#tel-1{width:47.5%}
#appointment{float:right; width:22%;  margin-top:55px; margin-right:5%}
#sepa1{height:50px; width:100%}

p, #binetas{font-size:18px; line-height:26px; text-align:left; color:#333}

h1{color:#FFF;  font-size:50PX; line-height:0; letter-spacing: 1px; font-weight:300;}
#txt1{color:#3A3A3C; font-family: 'Avenir', sans-serif; font-size:25px; }
h2{color:#FFF; font-family: 'Avenir', sans-serif; font-size:23PX; line-height:23px; margin: 5px 0; margin-bottom:10px; }
h3{color:#404042;  font-size:30PX; letter-spacing: 1px; font-weight:300;}

#titu1{color:#FEE21D; font-weight:600;  font-size:45PX; line-height:1.3; }

a{ color: #232323;	text-decoration: none;	}
a:hover{ color:#127C09;    text-decoration: none;	}

#f4{float:left; width:33%; text-align:left; border: 0px solid #0C6; margin-top:21PX; margin-bottom:0px;  font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5{float:left; width:34%; text-align:center; border: 0px solid #0C6; margin-top:15PX; margin-bottom:25px; font-family: 'Avenir2', sans-serif; font-size:18px;}
#f6{float:left; width:33%; text-align:right; border: 0px solid #0C6; margin-top:15PX; margin-bottom:15px; font-family: 'Avenir2', sans-serif; font-size:18px;}

#serv1{width:20%; float:left; }
#serv1 img{width:98%; margin-bottom:10px; margin-right:1% }
#serv2{width:20%; float:left;}
#serv2 img{width:98%; margin-bottom:10px; margin-left:1.5% }
#serv3{width:20%; float:left; }
#serv3 img{width:98%; margin-bottom:10px; margin-left:2.5% }
#serv4{width:20%; float:left; }
#serv4 img{width:98%; margin-bottom:10px; margin-left:2.5% }
#serv5{width:20%; float:left; }
#serv5 img{width:98%; margin-bottom:10px; margin-left:2.5% }

#cuadro2{width:45%; float:left; margin-bottom:30PX;}
#cuadro3{width:45%; float:right; margin-bottom:30PX;}

#cua1{width:40%; margin-left:5%; margin-right:5%; float:left; margin-top:3%; }
#cua11{width:50%; float:left; background:url(../img/index/6-09.png); min-height:620px }

#cua2{width:40%; float:left; margin-right:2.5%; margin-left:5%; }
#cua3{width:40%; float:right;  text-align:right; padding:2.5% 5%; background:#FEE21D; margin-bottom:5%;}
#cua4{width:100%; float:right; }


.bg1{background:url(../img/index/BG.jpg); background-size:100%;}

#conta1{width:50%; float:left; border:0px solid #09F;}
#conta2{width:45%; float:right; border:0px solid #09F;}

#cont1{height:35px; background:#ededed; width:96%; border:0px; margin-bottom:10PX; color:#666; font-size:15px; border-radius:2px}
#cont2{height:120px; background:#ededed; width:96%; border:0px;  color:#666; font-size:15px; border-radius:2px}
#bot{background:#404042; color:#fff; font-size:20px; padding:5px 10px; border:0px; font-family: 'Avenir', sans-serif; letter-spacing: 1px; border-radius:3px }

#video{ width:80%}
#separador{height:30px; width:100%;}
#separador2{height:10px; width:100%;}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:80%;	border: 0px solid #F60;	}
#contenedor3{	width:70%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#cua1{width:40%; margin-left:5%; margin-right:5%; float:left; }
#cua11{width:50%; float:left; background:url(../img/index/6-09.png); min-height:680px }

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
#contenedor1{	width:90%;	border: 0px solid #F00;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #F00;	}
#contenedor3{	width:90%;	border: 0px solid #F00;	margin: 0px auto 0px;	overflow:hidden; }

#tel{float:right; width:55%; margin-top:30px; margin-left:0%; margin-right:5%}
#tel-1{width:47.5%}
#appointment{float:right; width:26%;  margin-top:95px; margin-right:-53.5%; }
#sepa1{height:25px; width:100%}

#serv1{width:20%; float:left; }
#serv1 img{width:98%; margin-bottom:20px; margin-right:1% }
#serv2{width:20%; float:left;}
#serv2 img{width:98%; margin-bottom:20px; margin-left:1.5% }
#serv3{width:20%; float:left; }
#serv3 img{width:98%; margin-bottom:20px; margin-left:2.5% }
#serv4{width:20%; float:left; }
#serv4 img{width:98%; margin-bottom:20px; margin-left:2.5% }
#serv5{width:20%; float:left; }
#serv5 img{width:98%; margin-bottom:20px; margin-left:2.5% }

h1{color:#fff;  font-size:40PX; line-height:0; letter-spacing: 1px; font-weight:300;}
#txt1{color:#404042; font-family: 'Avenir', sans-serif; font-size:22px; }
h2{color:#FFF; font-family: 'Avenir', sans-serif; font-size:23PX; line-height:23px; margin: 5px 0; margin-bottom:10px; }
h3{color:#404042;  font-size:25PX; letter-spacing: 1px; font-weight:300;}

#cua1{width:90%; margin-left:5%; margin-right:5%; float:left; margin-top:5%; }
#cua11{width:100%;  margin-top:20px; float:left; background:url(../img/index/6-09.png); background-size:100%; background-position:0 -55px; min-height:450px }

#cua2{width:40%; float:left; margin-right:2.5%; margin-left:5%; }
#cua3{width:40%; float:right;  text-align:right; padding:2.5% 5%; background:#FEE21D;}
#cua4{width:100%; float:right; }

#titu1{color:#FEE21D; font-weight:600;  font-size:35PX; line-height:1.3; }

}

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

#tel{float:right; width:65%; margin-top:35px; margin-left:0%; margin-right:5%; border:0px solid#0C6}
#tel-1{width:47.7%}
#appointment{float:right; width:28%;  margin-top:100px; margin-right:-63.3%; }
#sepa1{height:25px; width:100%}

#serv1{width:33%; float:left; margin-left:0.5%; }
#serv1 img{width:98%; margin-bottom:20px; margin-left:1% }
#serv2{width:33%; float:left;}
#serv2 img{width:98%; margin-bottom:20px; margin-left:1% }
#serv3{width:33%; float:left; }
#serv3 img{width:98%; margin-bottom:20px; margin-left:1% }
#serv4{width:33%; float:left; margin-left:17% }
#serv4 img{width:98%; margin-bottom:10px; margin-left:1% }
#serv5{width:33%; float:left; }
#serv5 img{width:98%; margin-bottom:10px; margin-left:1% }

h1{color:#fff;  font-size:35PX; line-height:0; letter-spacing: 1px; font-weight:300;}
#txt1{color:#404042; font-family: 'Avenir', sans-serif; font-size:22px; }
h2{color:#FFF; font-family: 'Avenir', sans-serif; font-size:23PX; line-height:23px; margin: 5px 0; margin-bottom:10px; }
h3{color:#404042;  font-size:25PX; letter-spacing: 1px; font-weight:300;}

#cua1{width:90%; margin-left:5%; margin-right:5%; float:left; margin-top:5%; }
#cua11{width:100%;  margin-top:20px; float:left; background:url(../img/index/6-09.png); background-size:100%; background-position:0 -55px; min-height:450px }

#cua2{width:90%; float:left; margin-right:0%; margin-left:7%; }
#cua3{width:90%; float:right;  text-align:center; padding:2.5% 5%; margin-top:20px; margin-bottom:0; background:#FEE21D;}
#cua4{width:100%; float:right; }

#f4{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:25PX; margin-bottom:0;  font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:15PX; margin-bottom:0; font-family: 'Avenir2', sans-serif; font-size:18px;}
#f6{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:15PX; margin-bottom:25px; font-family: 'Avenir2', sans-serif; font-size:18px;}

#titu1{color:#FEE21D; font-weight:600;  font-size:35PX; line-height:1.3; }

}


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

#logo{float:left; width:100px; border: 0px solid #f60;  margin-bottom:35PX; margin-top:35PX; margin-left:5%}	
#logo img{width:100%}

h1{color:#fff;  font-size:36PX; letter-spacing: 1px; font-weight:600;}
#txt1{color:#404042; font-family: 'Avenir', sans-serif; font-size:19px; }
h2{color:#FFF; font-family: 'Avenir', sans-serif; font-size:23PX; line-height:23px; margin: 5px 0; margin-bottom:10px; }
h3{color:#404042;  font-size:18PX; letter-spacing: 1px; font-weight:300;}

#cua1{width:90%; margin-left:5%; margin-right:5%; float:left; }
#cua11{width:100%;  margin-top:20px; float:left; background:url(../img/index/6-09.png); background-size:100%; background-position:0 -55px; min-height:300px }

#cuadro2{width:100%; float:left; margin-bottom:30PX;}
#cuadro3{width:100%; float:right; margin-bottom:30PX;}


#tel{float:right; width:65%; margin-top:35px; margin-left:0%; margin-right:5%; border:0px solid#0C6}
#tel-1{width:47.0%}
#appointment{float:right; width:28%;  margin-top:90px; margin-right:-63.3%; }
#sepa1{height:25px; width:100%}

#serv1{width:33%; float:left; margin-left:0.5%; }
#serv1 img{width:98%; margin-bottom:20px; margin-left:1% }
#serv2{width:33%; float:left;}
#serv2 img{width:98%; margin-bottom:20px; margin-left:1% }
#serv3{width:33%; float:left; }
#serv3 img{width:98%; margin-bottom:20px; margin-left:1% }
#serv4{width:33%; float:left; margin-left:17% }
#serv4 img{width:98%; margin-bottom:0px; margin-left:1% }
#serv5{width:33%; float:left; }
#serv5 img{width:98%; margin-bottom:0px; margin-left:1% }


h1{color:#fff;  font-size:30PX; line-height:0; letter-spacing: 1px; font-weight:300;}
#txt1{color:#404042; font-family: 'Avenir', sans-serif; font-size:20px; }
h2{color:#FFF; font-family: 'Avenir', sans-serif; font-size:23PX; line-height:23px; margin: 5px 0; margin-bottom:10px; }
h3{color:#404042;  font-size:18PX; letter-spacing: 1px; font-weight:300;}

#titu1{color:#FEE21D; font-weight:600;  font-size:30PX; line-height:1.3; }

#cua1{width:90%; margin-left:5%; margin-right:5%; float:left; margin-top:5%; }
#cua11{width:100%;  margin-top:20px; float:left; background:url(../img/index/6-09.png); background-size:100%; background-position:0 -55px; min-height:405px }

#cua2{width:90%; float:left; margin-right:0%; margin-left:7%; }
#cua3{width:90%; float:right;  text-align:center; padding:2.5% 5%; margin-top:20px; margin-bottom:0; background:#FEE21D;}
#cua4{width:100%; float:right; }

#f4{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:25PX; margin-bottom:0;  font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:15PX; margin-bottom:0; font-family: 'Avenir2', sans-serif; font-size:18px;}
#f6{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:15PX; margin-bottom:25px; font-family: 'Avenir2', sans-serif; font-size:18px;}
}


@media screen and (min-width: 320px) and (max-width: 479px) {
#contenedor1{	width:90%;	border: 0px solid #f00;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor2{	width:90%;	border: 0px solid #f00;	}
#contenedor3{	width:90%;	border: 0px solid #f00;	margin: 0px auto 0px;	overflow:hidden; }


h1{color:#fff; font-size:36PX; letter-spacing: 1px; font-weight:600;}
#txt1{color:#404042; font-family: 'Avenir', sans-serif; font-size:17px; }
h2{color:#FFF; font-family: 'Avenir', sans-serif; font-size:20PX; line-height:23px; margin: 5px 0; margin-bottom:10px; }
h3{color:#404042;  font-size:17PX; letter-spacing: 0px; font-weight:300;}

p, #binetas{font-size:17px; line-height:20px; text-align:left; color:#333}

#logo{float:none; width:70px; border: 0px solid #f60; margin: 0px auto 0px; overflow:hidden; margin-bottom:20PX; margin-top:20PX; }	
#logo img{width:100%}

#tel{float:right; width:90%; margin-top:5px; margin-left:0%; margin-right:5%; border:0px solid#0C6}
#tel-1{width:47.0%}
#appointment{float:right; width:50%;  margin-top:10px; margin-bottom:20px; margin-right:25%; }
#sepa1{height:25px; width:100%}

#serv1{width:33%; float:left; margin-left:0.5%; }
#serv1 img{width:98%; margin-bottom:20px; margin-left:1% }
#serv2{width:33%; float:left;}
#serv2 img{width:98%; margin-bottom:20px; margin-left:1% }
#serv3{width:33%; float:left; }
#serv3 img{width:98%; margin-bottom:20px; margin-left:1% }
#serv4{width:33%; float:left; margin-left:17% }
#serv4 img{width:98%; margin-bottom:0px; margin-left:1% }
#serv5{width:33%; float:left; }
#serv5 img{width:98%; margin-bottom:0px; margin-left:1% }

h1{color:#fff;  font-size:25PX; line-height:0; letter-spacing: 1px; font-weight:300;}
#txt1{color:#404042; font-family: 'Avenir', sans-serif; font-size:17px; }
h2{color:#FFF; font-family: 'Avenir', sans-serif; font-size:23PX; line-height:23px; margin: 5px 0; margin-bottom:10px; }
h3{color:#404042;  font-size:17PX; letter-spacing: 0px; font-weight:300;}

#cua1{width:90%; margin-left:5%; margin-right:5%; float:left; margin-top:5%; }
#cua11{width:100%;  margin-top:20px; float:left; background:url(../img/index/6-09.png); background-size:100%; background-position:0 -55px; min-height:270px }

#cua2{width:90%; float:left; margin-right:0%; margin-left:7%; }
#cua3{width:90%; float:right;  text-align:center; padding:2.5% 5%; margin-top:20px; margin-bottom:0; background:#FEE21D;}
#cua4{width:100%; float:right; }

#f4{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:25PX; margin-bottom:0;  font-family: 'Avenir2', sans-serif; font-size:18px;}
#f5{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:15PX; margin-bottom:0; font-family: 'Avenir2', sans-serif; font-size:18px;}
#f6{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:15PX; margin-bottom:25px; font-family: 'Avenir2', sans-serif; font-size:18px;}

#titu1{color:#FEE21D; font-weight:600;  font-size:25PX; line-height:1.3; }

}