/* reset */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video{list-style:none;text-decoration:none;margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
/* Remove margins/bullets for navigation lists */
nav ul,nav ol,nav li{list-style:none; list-style-image:none; margin:0; padding:0;}
/* typography */
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0;}
td{vertical-align:top;}
/* images: borders, ie scaling etc. */
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}
a img{border:none;}
/* forms */
form{margin:0;}
fieldset{border:0; margin:0; padding:0;}
textarea{overflow:auto; vertical-align:top; resize:vertical;}
/* disable iOS input button styling */
input[type='submit']{-webkit-appearance:none;}
/* clearfix */
.clearfix:before,.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/*Mammola*/
body{background:#f5f5f5;}
.wp{position:relative;width:940px;margin:auto;}
.clear{clear:both;}
h1{font-family:'helv77'; font-size:48px; color:#353535;padding-bottom:20px;margin-bottom:15px; background:url(../img/dbl_line.jpg) repeat-x bottom;}
h2{font-family:'helv77'; font-size:32px; color:#353535;padding-bottom:10px;font-weight:normal;}
h3{font-family:'helv77'; font-size:24px; color:#353535;padding-bottom:10px;font-weight:normal;}
h4{font-family:'helv77'; font-size:14px; color:#606060;padding-bottom:5px;font-weight:normal;}
p{font-family:'droid_r';font-size:13px; color:#595959; margin-bottom:35px;}

/*BANNERS*/
.bannerHome{height:607px;background:url(../img/banner_home.jpg) no-repeat center;}
.bannerEmpresa{height:331px;background:url(../img/banner_empresa.jpg) no-repeat center;}
.bannerServicios{height:331px;background:url(../img/banner_servicios.jpg) no-repeat center;}
.bannerContacto{height:331px;background:url(../img/banner_contacto.jpg) no-repeat center;}

/*header*/
#header{height:94px; background:#1e2125;}
#header .logo{position:absolute; top:24px; left:0;}
#header .nav{position:absolute; top:20px; right:-25px;}
#header .nav li{float:left;}
#header .nav li a{display:block;height:55px;line-height:55px;font-family:'helv67';font-size:13px; color:#b3b3b4; text-transform:uppercase;padding:0 25px;}
#header .nav li a:hover{color:#FFF;}
#header .nav li a.active{color:#FFF;}

/*main*/
#main{padding:125px 0;}
#main a{font-size:13px; color:#353535; text-transform:uppercase;font-family:'helv77';}

/*clientes*/
#clientes{background:url(../img/dbl_line.jpg) repeat-x top #e6e6e6; padding:140px 0 80px/*200*/ 0;}
#clientes .clientes{padding-bottom:20px;background:url(../img/dbl_line.jpg) repeat-x bottom; margin-bottom:120px; }
#clientes .boxTes{width:300px; float:left;}
#clientes .boxTes p{font-family:'droid_i'}
#clientes .boxTes{font-family:'helv67'; color:#595959}
#clientes .boxTes.Mid{padding:0 20px;}

/*empresa*/
.cols_empresa{background:url(../img/dbl_line.jpg) repeat-x top; padding:35px 0 60px 0;}
.cols_empresa .box_emp_l{float:left; width:460px;}
.cols_empresa .box_emp_r{float:right; width:460px;}
.cols_empresa .box_emp_r h2, .cols_empresa .box_emp_l h2{margin:35px 0 10px 0;}

/*servicios*/
.box_serv{float:left; width:300px; margin-bottom:25px}
.box_serv h3{margin:35px 0 15px 0;}
.box_serv.mid{padding:0 20px;}

/*contacto*/
.mapa{padding:35px 0 55px 0;}
.contacto_left{float:left;}
.contacto_right{float:right; width:620px; padding-left:45px;background:url(../img/dbl_line_v.jpg) repeat-y left;}
.form{padding:35px 0 0 0;}
.form .input{width:300px; float:left;padding-bottom:20px; position:relative}
.form .input .valid{position:absolute; top:3px; right:0; font-family:Tahoma, Geneva, sans-serif; font-size:9px; color:#C00; text-transform:uppercase;}
.form .input.mrg{margin-left:20px;}
.form .input input{border:1px solid #e1e1e1; width:295px; height:47px; background:#FFF; line-height:47px; padding-left:5px;}
.form .txtarea{padding-bottom:30px;}
.form .txtarea textarea{width:610px;border:1px solid #e1e1e1;padding:5px;background:#FFF;height:140px}
.form .btn_enviar{border:none;background:url(../img/btn_enviar.jpg) no-repeat; width:163px; height:51px; float:right; cursor:pointer;}

/*footer*/
#footer{height:94px; background:#3d4146;}
#footer .logo{position:absolute; top:24px; left:0;}
#footer .nav{position:absolute; top:20px; right:170px;}
#footer .nav li{float:left;}
#footer .nav li a{display:block;height:55px;line-height:55px;font-family:'helv67';font-size:13px; color:#b3b3b4; text-transform:uppercase;padding:0 25px;}
#footer .nav li a:hover{color:#FFF;}
#footer .nav li a.active{color:#FFF;}
#footer .logoIndigo{position:absolute; right:0; top:29px;}

/*boxhome*/
.boxHome{background:#1e2125;}
.boxHome .box{float:left; position:relative; width:300px;}
.boxHome .box.mid{margin:0 20px;}

.boxHome .box .over{position:absolute;widht:300px; height:179px; top:0; left:0; z-index:10; width:300px}
.boxHome .box .anima{position:absolute; top:0; left:0; background:#18c5dc; padding:15px; width:270px; height:149px; display:none}
.boxHome .box .anima span{display:block;color:#FFF; font-size:18px; text-transform:uppercase;font-family:'helv77'; margin:5px 0 15px 0;}
.boxHome .box .anima p{color:#05525c; margin:0 !important;}
.boxHome .box .anima a{position:absolute; bottom:15px; left:15px; color:#000;font-family:'helv67'; font-size:16px;}