/* CSS Document */
* { margin:0; padding:0; }
body {
-x-system-font:none;
color:#2F2F2F;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.55em;
text-align:center;
background:#fff;
background-image:url(../imagenes/bg.jpg);
background-repeat:repeat-x;
}

h3{ font-size:150%; color:#2c6ca7;}

a { color:#1E7EC8;
text-decoration:underline;
}
a:hover {
color:#1E7EC8;
text-decoration:underline;
}
a img {
border:0 none;
}

/***************************/
.wrapper {margin:auto;
background-image: url(../imagenes/medio.jpg);
background-position:top;
background-repeat:no-repeat;}
.header {
    text-align:left;
	background-image: url(../images/bg_header.gif);
	background-repeat:repeat-x;
}

.header-top {
    position:relative;
    z-index:999;
    width:930px;
    margin:0 auto;
    }
.header-nav {
    width:800px;/****nohay**/
    margin:0 auto;
    }
.header-top-container { height:155px; width:800px; margin:0 auto;}	

#services_anim{

width:800px;
height:213px;
}

#index_anim{

width:800px;
height:325px;
}

h1#logo {
    float:left;
    width:202px;
    margin:3px 0 5px 12px;
}	
/***************************/
/***************************/
.middle {
    min-height:600px;
	height:auto;
	clear: both;
    width:799px;
    margin:0 auto;
    text-align:left;
    position:relative;
	padding:0px 0px 20px 0px; 
	background-color:#fff;
}

.middle-container { margin:0 auto; line-height:14px;/*background-color:#fff;*/}
.col-2-right-layout .col-main { float:left; padding:0px 5px 10px 5px; background-color:#FFFFFF; /*width:800px;*/ color:#000;}
.col-main-pad { padding:10px 5px 10px 5px; background-image:url(../imagenes/griscontent.jpg); background-repeat:repeat-x; }
.tableblog {border:#95a490 1px solid;}
.tableblogtext { padding:10px 10px 10px 10px;}
.col-right { float:right; }
.side-col { width:238px; }



.testimonial{ color:#5f9436;
padding:40px 10px 10px 10px; background-image:url(../images/testimonials.jpg);
background-repeat:no-repeat; height:130px;}

.testimonial a{ color:#5f9436; }
.testimonial a:hover{ color:#5f9436; }
/***************************/
/*********clear: both; importantisimo funcione en firefox ********************/
.footer-container { clear: both; color:#fff; height:156px;   margin:0 auto; background-repeat:no-repeat; background-color: #2c6ca7;

}

.footer-container a { color:#f1f1f1; font-weight:bold; text-decoration:none;
}

.footer-container a:hover{ color:#FFFFFF; font-weight:bold; text-decoration:underline;
}
.footer {
    width:800px;
	background-image:url(../imagenes/footer.jpg);
	height:156px;
    margin:0 auto;
	/* color fondo fotter */
	color:#FFFFFF;

}

/**********************************************************/
.linea{border-bottom:#CCCCCC 2px solid; height:20px;}
/***********************************************************/

.menu{margin:0 auto; padding:0; height:43px; width:100%; display:block;      }

.menu li{padding:0; margin:0; list-style:none; display:inline; }
.menu li a{float:left;/* padding-left:5px;*/ display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer;}
.menu li a span{line-height:30px; float:left; display:block; text-indent: -5000px;}
.menu li a:hover{ /*background:url('../imagenes/iniciobtn.png'); */color:rgb(255,255,255);}
.menu li a:hover span{/*background:url('../img/maquitodo_menu_ppal_hover.gif'); */}
.menu li a.active, .menu li a.active:hover{/*background:url('../img/maquitodo_menu_ppal_hover.gif'); color:#FFCC00;*/}
.menu li a.active span, .menu li a.active:hover span{/*background:url('../img/maquitodo_menu_ppal_hover.gif');*/}

/**************inicio**************************/
.menu li a#inicio:hover span{background: url(../imagenes/iniciobtn.png) bottom; width:77px; height:43px;}
.menu li a#inicio{background: url(../imagenes/inicio0btn.png) bottom; width:77px; height:43px;}
/***************hover************************/
.menu li a#qs:hover span{background: url(../imagenes/quienes_somosbtn.png); width:85px; height:43px;}
.menu li a#qs{background: url(../imagenes/quienes_somos0btn.png); width:85px; height:43px;}
/***************productos************************/
.menu li a#ps:hover span{background: url(../imagenes/productosbtn.png); width:103px; height:43px;}
.menu li a#ps{background: url(../imagenes/productos0btn.png); width:103px; height:43px;}
/***************servicios************************/
.menu li a#servicios:hover span{background: url(../imagenes/servicios_btn.png); width:103px; height:43px;}
.menu li a#servicios{background: url(../imagenes/servicios0_btn.png); width:103px; height:43px;}
/***************contacto************************/
.menu li a#contacto:hover span{background: url(../imagenes/contactenos_btn.png); width:100px; height:43px;}
.menu li a#contacto{background: url(../imagenes/contactenos0_btn.png); width:100px; height:43px;}



/*****************************************/

input{
  border:#CCCCCC solid 1px;
  width:210px;
  height:20px; 
   
  }
 .inputuser{ background:url(../imagenes/user.png) 1px center no-repeat;    padding:3px 0 0 16px;
  border:#CCCCCC solid 1px;
  width:194px;
  height:20px;
  background-color:#f1f1f1;
  
  } 
.inputtel{ background:url(../imagenes/phone.png) 1px center no-repeat;    padding:3px 0 0 16px;
  border:#CCCCCC solid 1px;
  width:194px;
  height:20px;
  background-color:#f1f1f1;
  }
.inputmail{ background:url(../imagenes/email.png) 1px center no-repeat;    padding:3px 0 0 16px;
  border:#CCCCCC solid 1px;
  width:194px;
  height:20px;
  background-color:#f1f1f1;
  }
.inputcity{ background:url(../imagenes/building.png) 1px center no-repeat;    padding:3px 0 0 16px;
  border:#CCCCCC solid 1px;
  width:194px;
  height:20px;
  background-color:#f1f1f1;
  }

.inputchebox{
background-color:#f1f1f1;
  border:#CCCCCC solid 1px;
  width:15px;
  height:20px;
}
textarea{

  background:url(../imagenes/comment.png) 1px top no-repeat;    padding:3px 0 0 16px;
  border:#CCCCCC solid 1px;
    width:194px;
	background-color:#f1f1f1;
  }
select{
background-color:#f1f1f1;
	background:url(../imagenes/world.png) 1px center no-repeat;    padding:3px 0 0 16px;
  border:#CCCCCC solid 1px;
    width:212px;
  }