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

@font-face {
 font-family: "LEMONMILK-Medium";
 src: url("LEMONMILK-Medium.otf");
  
 font-family: "LEMONMILK-Light";
 src: url("LEMONMILK-Light.otf");
 
 font-family: "LEMONMILK-Regular";
 src: url("LEMONMILK-Regular.otf");

}

body{ font-family: 'LEMONMILK-Light'; padding: 0px;	margin: 0px; background:#2F362F}
#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:70%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#DCD8D7;}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#2F362F}

#logo{ width:200px; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:20PX; margin-top:20PX;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:-170px}

p, #binetas{font-size:20px; line-height:26px;  color:#2F362F; font-family:'LEMONMILK-Regular';}

#titu{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:55px; margin-bottom:30px }
#txt1{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:25px; }
#txt2{color:#2F362F; font-family:'LEMONMILK-Regular'; font-size:40px; }
#txt3{color:#FFF; font-family:'LEMONMILK-Light'; font-size:25px; }

#separador1{width:100%; height:70px}
#separador2{width:100%; height:150px}

#mm{display:none}

a{ color: #fff;	text-decoration: none;	}
a:hover{ color: #2ACFFF;    text-decoration: none;	}

#cua1{width:60%; padding:20px; float:left; }
#cua2{width:30%; padding:20px; float:right; }
#cua11{width:30%; padding:20px; float:left; }
#cua22{width:60%; padding:20px; float:right; text-align:right }

#serv1{width:45%; float:left;  border:0px solid #09F;  text-align:right}
#serv2{width:45%; float:right; border:0px solid #09F; }
#ser-img{width:70px; margin-top:5px; margin-bottom:5px}

.bg1{background:url(../img/index/CLIENTS-13.png); background-size:100%; background-attachment:fixed}
.bg2{background:url(../img/index/CLIENTS-13.png); background-size:100%; background-attachment:}

#cu11{width:33%; padding:20px; float:left; }
#cu22{width:28%; padding:20px; float:left; }
#cu33{width:30%; padding:20px; float:right; }

#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:0PX; margin-bottom:10px;  font-size:15px;}
#f5{float:left; width:40%; text-align:center; border: 0px solid #0C6; margin-top:20PX; font-size:15px;}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; font-size:15px;}

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

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


@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:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#DCD8D7;}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#2F362F}

#logo{ width:200px; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:20PX; margin-top:20PX;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:-170px}

p, #binetas{font-size:19px; line-height:26px;  color:#2F362F; font-family:'LEMONMILK-Regular';}

#titu{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:50px; margin-bottom:30px }
#txt1{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:22px; }
#txt2{color:#2F362F; font-family:'LEMONMILK-Regular'; font-size:40px; }
#txt3{color:#FFF; font-family:'LEMONMILK-Light'; font-size:22px; }

#separador1{width:100%; height:70px}
#separador2{width:100%; height:150px}

a{ color: #fff;	text-decoration: none;	}
a:hover{ color: #2ACFFF;    text-decoration: none;	}

#cua1{width:60%; padding:20px; float:left; }
#cua2{width:30%; padding:20px; float:right; }
#cua11{width:30%; padding:20px; float:left; }
#cua22{width:60%; padding:20px; float:right; text-align:right }

#serv1{width:45%; float:left;  border:0px solid #09F;  text-align:right}
#serv2{width:45%; float:right; border:0px solid #09F; }
#ser-img{width:70px; margin-top:5px; margin-bottom:5px}

.bg1{background:url(../img/index/CLIENTS-13.png); background-size:100%; background-attachment:fixed}
.bg2{background:url(../img/index/CLIENTS-13.png); background-size:127%; background-attachment:}

#cu11{width:30%; padding:20px; float:left; }
#cu22{width:25%; padding:20px; float:left; }
#cu33{width:30%; padding:20px; float:right; }
#cu11 img, #cu22 img, #cu33 img{width:70px}

#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:0PX; margin-bottom:10px;  font-size:15px;}
#f5{float:left; width:35%; text-align:center; border: 0px solid #0C6; margin-top:20PX; font-size:15px;}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; font-size:15px;}

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

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

@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 #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#DCD8D7;}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#2F362F}

#logo{ width:180px; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:10PX; margin-top:10PX;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:-140px}

p, #binetas{font-size:17px; line-height:26px;  color:#2F362F; font-family:'LEMONMILK-Regular';}

#titu{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:40px; margin-bottom:30px }
#txt1{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:20px; }
#txt2{color:#2F362F; font-family:'LEMONMILK-Regular'; font-size:30px; }
#txt3{color:#FFF; font-family:'LEMONMILK-Light'; font-size:20px; }

#separador1{width:100%; height:60px}
#separador2{width:100%; height:100px}

a{ color: #fff;	text-decoration: none;	}
a:hover{ color: #2ACFFF;    text-decoration: none;	}

#cua1{width:60%; padding:0px; float:left; }
#cua2{width:30%; padding:0px; float:right; }
#cua11{width:30%; padding:0px; float:left; }
#cua22{width:60%; padding:0px; float:right; text-align:right }

#serv1{width:45%; float:left;  border:0px solid #09F;  text-align:right}
#serv2{width:45%; float:right; border:0px solid #09F; }
#ser-img{width:70px; margin-top:5px; margin-bottom:5px}

.bg1{background:url(../img/index/CLIENTS-13.png); background-size:140%; background-attachment:fixed}
.bg2{background:url(../img/index/CLIENTS-13.png); background-size:160%; background-attachment:}

#cu11{width:45%; padding:10px; float:left; }
#cu22{width:45%; padding:10px; float:left; }
#cu33{width:100%; padding:10px; float:right; }
#cu11 img, #cu22 img, #cu33 img{width:70px}

#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:0PX; margin-bottom:10px;  font-size:15px;}
#f5{float:left; width:35%; text-align:center; border: 0px solid #0C6; margin-top:20PX; font-size:15px;}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; font-size:15px;}

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

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

@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 #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#DCD8D7;}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#2F362F}

#logo{ width:180px; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:10PX; margin-top:10PX;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:-140px}

p, #binetas{font-size:17px; line-height:26px;  color:#2F362F; font-family:'LEMONMILK-Regular';}

#titu{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:35px; margin-bottom:30px }
#txt1{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:19px; }
#txt2{color:#2F362F; font-family:'LEMONMILK-Regular'; font-size:28px; }
#txt3{color:#FFF; font-family:'LEMONMILK-Light'; font-size:19px; }

#separador1{width:100%; height:60px}
#separador2{width:100%; height:100px}

a{ color: #fff;	text-decoration: none;	}
a:hover{ color: #2ACFFF;    text-decoration: none;	}

#cua1{width:60%; padding:00px; float:left; }
#cua2{width:35%; padding:00px; float:right; }
#cua11{width:35%; padding:00px; float:left; }
#cua22{width:60%; padding:00px; float:right; text-align:right }

#serv1{width:45%; float:left;  border:0px solid #09F;  text-align:right}
#serv2{width:45%; float:right; border:0px solid #09F; }
#ser-img{width:70px; margin-top:5px; margin-bottom:5px}

.bg1{background:url(../img/index/CLIENTS-13.png); background-size:140%; background-attachment:fixed}
.bg2{background:url(../img/index/CLIENTS-13.png) no-repeat; background-size:190%; background-attachment:}

#cu11{width:45%; padding:10px; float:left; }
#cu22{width:45%; padding:10px; float:left; }
#cu33{width:100%; padding:10px; float:right; }
#cu11 img, #cu22 img, #cu33 img{width:70px}

#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:0PX; margin-bottom:10px;  font-size:15px;}
#f5{float:left; width:35%; text-align:center; border: 0px solid #0C6; margin-top:20PX; font-size:15px;}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; font-size:15px;}

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

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


@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 #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#DCD8D7;}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#2F362F}

#logo{ width:160px; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:10PX; margin-top:10PX;}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:-140px}

p, #binetas{font-size:17px; line-height:26px;  color:#2F362F; font-family:'LEMONMILK-Regular';}

#titu{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:30px; margin-bottom:25px }
#txt1{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:18px; }
#txt2{color:#2F362F; font-family:'LEMONMILK-Regular'; font-size:25px; }
#txt3{color:#FFF; font-family:'LEMONMILK-Light'; font-size:18px; }

#separador1{width:100%; height:50px}
#separador2{width:100%; height:70px}

a{ color: #fff;	text-decoration: none;	}
a:hover{ color: #2ACFFF;    text-decoration: none;	}

#cua1{width:100%; padding:00px; float:left; }
#cua2{width:100%; padding:00px; float:left; }
#mm{display:block; float:left; width:50%}
#vv{display:none; }
#cua11{width:100%; padding:00px; float:left; display:none }
#cua22{width:100%; padding:00px; float:left; text-align:left }

#serv1{width:80%; float:left;  border:0px solid #09F;  text-align:right}
#serv2{width:80%; float:right; border:0px solid #09F; }
#ser-img{width:60px; margin-top:5px; margin-bottom:5px}

.bg1{background:url(../img/index/CLIENTS-13.png); background-size:180%; background-attachment:none}
.bg2{background:url(../img/index/CLIENTS-13.png) no-repeat; background-size:200%; background-attachment:}

#cu11{width:90%; padding:0px; float:left; margin-left:5% }
#cu22{width:90%; padding:0px; float:left; margin-left:5% }
#cu33{width:90%; padding:0px; float:right; margin-right:5% }
#cu11 img, #cu22 img, #cu33 img{width:50px}

#f4{float:left; width:30%; text-align:left; border: 0px solid #0C6; margin-top:0PX; margin-bottom:10px;  font-size:15px;}
#f5{float:left; width:35%; text-align:center; border: 0px solid #0C6; margin-top:20PX; font-size:15px;}
#f6{float:left; width:30%; text-align:right; border: 0px solid #0C6; margin-top:10PX; font-size:15px;}

#conta1{width:100%; float:left; border:0px solid #09F;}
#conta2{width:100%; float:right; border:0px solid #09F; margin-bottom:20px}
}


@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 #F60;	margin: 0px auto 0px;	overflow:hidden; }

#hea{height:; width:100%; background:#DCD8D7;}
#header{min-height:95px;  border:0px solid#C30;  width: 100%; background:#2F362F}

#logo{ width:130px; margin: 0px auto 0px;	overflow:hidden;  margin-bottom:10PX; margin-top:10PX; float:left}	
#logo img{width:100%}
#redes{float:right; width:110px; margin-top:10px}

p, #binetas{font-size:16px; line-height:20px;  color:#2F362F; font-family:'LEMONMILK-Regular';}

#titu{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:25px; margin-bottom:25px }
#txt1{color:#FFF; font-family:'LEMONMILK-Regular'; font-size:16px; }
#txt2{color:#2F362F; font-family:'LEMONMILK-Regular'; font-size:20px; }
#txt3{color:#FFF; font-family:'LEMONMILK-Light'; font-size:16px; }

#separador1{width:100%; height:40px}
#separador2{width:100%; height:50px}

a{ color: #fff;	text-decoration: none;	}
a:hover{ color: #2ACFFF;    text-decoration: none;	}

#cua1{width:100%; padding:00px; float:left; }
#cua2{width:100%; padding:00px; float:left; }
#mm{display:block; float:left; width:50%}
#vv{display:none; }
#cua11{width:100%; padding:00px; float:left; display:none }
#cua22{width:100%; padding:00px; float:left; text-align:left }

#serv1{width:100%; float:left;  border:0px solid #09F;  text-align:right}
#serv2{width:100%; float:right; border:0px solid #09F; }
#ser-img{width:60px; margin-top:5px; margin-bottom:5px}

.bg1{background:url(../img/index/CLIENTS-13.png); background-size:180%; background-attachment:none}
.bg2{background:url(../img/index/CLIENTS-13.png) no-repeat; background-size:200%; background-attachment:}

#cu11{width:90%; padding:0px; float:left; margin-left:5% }
#cu22{width:90%; padding:0px; float:left; margin-left:5% }
#cu33{width:90%; padding:0px; float:right; margin-right:5% }
#cu11 img, #cu22 img, #cu33 img{width:40px}

#f4{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:0PX; margin-bottom:10px;  font-size:14px;}
#f5{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:10PX; font-size:14px;}
#f6{float:left; width:100%; text-align:center; border: 0px solid #0C6; margin-top:15PX; font-size:14px;}

#conta1{width:100%; float:left; border:0px solid #09F;}
#conta2{width:100%; float:right; border:0px solid #09F; margin-bottom:20px}

#bot{background:#147484; color:#fff; font-size:15px; padding:2px 5px; border:0px; font-family:'LEMONMILK-Light'; letter-spacing: 1px; border-radius:3px }
}

