/* 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/fondo.gif);
background-repeat: repeat;
}
#sello{
	position: absolute;
	z-index:60999;
	width:150px;
	height:150px;
	background-image:url(../imagenes/660.png);
	background-repeat:no-repeat;
	left: 769px;
	top: -24px;
}

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-repeat:repeat-x;
}

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

#services_anim{

width:800px;
height:213px;
}

#top_img{

width:850px;
height:91px;
}

h1#logo {
    float:left;
    width:202px;
    margin:3px 0 5px 12px;
}	
/***************************/
/***************************/
.middle {
    /*min-height:750px;
	height:auto;*/
	clear: both;
    width:850px;
    margin:0 auto;
    text-align:left;
   position:relative;
	padding:0px 0px 20px 0px;
	background:url(../imagenes/middle_bg.jpg) left repeat-y; 
	background-color:#fff;
}

.middle-container { margin:0 auto; line-height:14px;/*background-color:#fff;*/}
.col-2-right-layout .col-main { float:left; padding:0px 0px 10px 0px;  width:850px; color:#000;}
.col-main-pad { padding:10px 0px 5px 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; }

#bannerindex{ width:320px; height:215px }

.testimonials{ 
position:relative;
float:left; 
color:#ccc;
width:850px;
height:120px;
background-image:url(../imagenes/comillas.jpg);
background-position:center top; 
background-repeat:no-repeat;
}

.texto_testimonios{ 
margin:0 auto; padding-top:15px;
width:740px; height:50px; color: #333333;
}

.firma{
color:#666666;
position:relative;
top:30px; 
float:right; right:25px; 
height:28px;
}

.testimonials a{ color:#5f9436; }
.testimonials 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; 
}

.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:850px;
	background-image:url(../imagenes/bg_footer.jpg);
	background-repeat:no-repeat;
	height:156px;
    margin:0 auto;
	/* color fondo fotter */
	color:#FFFFFF;

}

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

#menuppal{position:relative; float:right; right:0; top:10px; width:503px; height:52px; z-index:9999;}

.menu{/*margin:0 auto;*/ padding:0; height:53px; 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/inicio0btn.jpg) bottom; width:99px; height:52px;}
.menu li a#inicio{background: url(../imagenes/iniciobtn.jpg) bottom; width:99px; height:52px;}

.menu li a#inicio.active{background: url(../imagenes/inicio0btn.jpg) bottom; width:99px; height:52px;}

/***************hover************************/
.menu li a#funcionalidad:hover span{background: url(../imagenes/funcionalidad_hover.jpg); width:164px; height:52px;}
.menu li a#funcionalidad{background: url(../imagenes/funcionalidad.jpg); width:164px; height:52px;}
.menu li a#funcionalidad.active{background: url(../imagenes/funcionalidad_hover.jpg); width:164px; height:52px;}
/***************productos************************/
.menu li a#faq:hover span{background: url(../imagenes/faq_hover.jpg); width:97px; height:52px;}
.menu li a#faq{background: url(../imagenes/faq.jpg); width:97px; height:52px;}
.menu li a#faq.active{background: url(../imagenes/faq_hover.jpg); width:97px; height:52px;}
/***************servicios***********************
.menu li a#servicios:hover span{background: url(../imagenes/servicios_btn.png); width:103px; height:52px;}
.menu li a#servicios{background: url(../imagenes/servicios0_btn.png); width:103px; height:52px;}*/
/***************contacto************************/
.menu li a#contacto:hover span{background: url(../imagenes/contacto_hover.jpg); width:142px; height:52px;}
.menu li a#contacto{background: url(../imagenes/contacto.jpg); width:142px; height:52px;}
.menu li a#contacto.active{background: url(../imagenes/contacto_hover.jpg); width:142px; height:52px;}



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


 .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;
}

#casos{
float:left;
width:850px;height:275px;
background-color:#e9e9e9;

border-top:#c3c3c3 1px solid;
border-bottom:#c3c3c3 1px solid;
}

.cuadro_funcionalidades{
	width:624px;
}

.cuerpo_cuadro{
width:622px; 
background-color:#ebebea;
border-left:#d3d3d3 1px solid;
border-right:#d3d3d3 1px solid;
}

.espacio_cuadro{
background-image:url(../imagenes/espacio_cuadro.jpg);
background-repeat:no-repeat;
height:40px;
}