body {
    text-align:center;
    font-size:65%;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    }  
    
p {
    font-size:1.2em;
    line-height:1.5em;
    color:#888;
    margin:0 20px 10px 0;
    }    
    
h2 {
    font-size:2em;
    color:#666;
    background:url('../img/title-h2-icon.jpg') no-repeat left 5px;
    padding:0 0 0 20px;
    }    
    
li {
    line-height:1.3em;
    }    
    
li a span {
    display:none;
    }    
    
#container {
    position:relative;
    width:950px;
    text-align:left;
    margin:0 auto;
    }    
    
#top {
    position:relative;
    height:55px;
    background:url('../img/fondos/top.jpg') repeat-x left top;
    }    
    
#menu_h {
    position:absolute;
    right:20px;
    width:290px;
    top:0;
    }    
    
ul#menu_corp {
    position:absolute;
    left:0;
    width:195px;
    }    
    
ul#menu_corp li {
    float:left;
    width:47px;
    background:url('../img/menu/flecha.jpg') no-repeat right top;
    }  
    
ul#menu_corp li a {
    display:block;
    height:55px;
    width:40px;
    background-repeat:no-repeat;
    background-position:left top;
    }     
 
ul#menu_corp li a.home {background-image:url('../img/menu/home-3.jpg');}
ul#menu_corp li a:hover.home, ul#menu_corp li a.home_sel {background-image:url('../img/menu/home-1.jpg');}
ul#menu_corp li a:active.home {background-image:url('../img/menu/home-2.jpg');}    
ul#menu_corp li a.empresa {background-image:url('../img/menu/empresa-3.jpg');}
ul#menu_corp li a:hover.empresa, ul#menu_corp li a.empresa_sel {background-image:url('../img/menu/empresa-1.jpg');}
ul#menu_corp li a:active.empresa {background-image:url('../img/menu/empresa-2.jpg');}
ul#menu_corp li a.clientes {background-image:url('../img/menu/clientes-3.jpg');}
ul#menu_corp li a:hover.clientes, ul#menu_corp li a.clientes_sel {background-image:url('../img/menu/clientes-1.jpg');}
ul#menu_corp li a:active.clientes {background-image:url('../img/menu/clientes-2.jpg');}
ul#menu_corp li a.contacto {background-image:url('../img/menu/contacto-3.jpg');}    
ul#menu_corp li a:hover.contacto, ul#menu_corp li a.contacto_sel {background-image:url('../img/menu/contacto-1.jpg');} 
ul#menu_corp li a:active.contacto {background-image:url('../img/menu/contacto-2.jpg');}   
    
    
ul#menu_lang {
    position:absolute;
    right:0;
    width:100px;
    }    
    
ul#menu_lang li {
    float:left;
    width:32px;
    }  
    
ul#menu_lang li a {
    display:block;
    height:55px;
    width:32px;
    background-repeat:no-repeat;
    background-position:left top;
    }    
      
ul#menu_lang li a.es {background-image:url('../img/menu/es-3.jpg');}  
ul#menu_lang li a:hover.es, ul#menu_lang a.es_sel {background-image:url('../img/menu/es-1.jpg');}
ul#menu_lang li a:active.es {background-image:url('../img/menu/es-2.jpg');}
ul#menu_lang li a.en {background-image:url('../img/menu/en-3.jpg');}
ul#menu_lang li a:hover.en, ul#menu_lang li a.en_sel {background-image:url('../img/menu/en-1.jpg');}
ul#menu_lang li a:active.en {background-image:url('../img/menu/en-2.jpg');}
ul#menu_lang li a.br {background-image:url('../img/menu/br-3.jpg');}   
ul#menu_lang li a:hover.br, ul#menu_lang li a.br_sel {background-image:url('../img/menu/br-1.jpg');} 
ul#menu_lang li a:active.br {background-image:url('../img/menu/br-2.jpg');}
    
#logo {
    position:absolute;
    left:0;
    top:0;
    width:538px;
    }
    
#principal {
    position:relative;
    }        
    
#menu_v {
    float:left;
    width:165px;
    padding:4px 10px 10px 5px;
    }    
    
ul#menu_items {
    position:relative;
    }    
        
ul#menu_items li a {
    display:block;
    height:26px;
    padding:0 0 4px 0;
    background-repeat:no-repeat;
    background-position:left 2px;
    border-bottom:#ccc solid 1px;
    }

#banner {
    position:relative;
    height:309px;
    margin:5px 0 0 0;
    }
 
#contact_info {
    position:relative;
    margin:10px 0 0 0;
    } 
 
ul#info {
    font-size:1.1em;
    color:#888;
    }   
    
#contents {
    position:relative;
    min-height:550px;
    margin:0 0 0 175px;
    padding:30px 50px 0 40px;
    background-repeat:no-repeat;
    }
    
#contents_products {
    position:relative;
    min-height:550px;
    padding:5px 0 0 5px;
    margin:0 0 0 175px;
    }    
 
div#quienes_somos, div#who_we_are {
    padding:0 265px 25px 0;border-bottom:#666 solid 1px;margin:0 0 15px 20px;
    background:url('../img/quienes_somos.jpg') no-repeat right bottom;
    }     
      
div#quienes_somos p, div#who_we_are p {padding:0;margin:15px 0;}    
    
div.ingenieria {background-position:right bottom;background-image:url('../img/fondos/ingenieria.jpg');}
div.servicios {background-position:right bottom;background-image:url('../img/fondos/servicios.jpg');}
div.software {background-position:60px 370px;background-image:url('../img/fondos/software.jpg');}  
div.clientes {background-position:100px 210px;background-image:url('../img/fondos/clientes.jpg');} 
.home {background-repeat:no-repeat;background-position:right bottom;}
    
h1 {height:40px;background-repeat:no-repeat;background-position:left top;}    
h1 span {display:none;}    
   
div.descripcion {margin:0 0 0 22px;} 
div.descripcion_corp p {margin:10px 20px;}   
div.descripcion_corp p.last {border-bottom:#888 solid 1px;padding:0 0 10px 0;}

form {margin:15px 0 0 0;border-bottom:#888 solid 1px;padding:0 0 20px 0;}
form legend {padding:0 0 0 145px;font-size:1.2em;color:#888;margin:5px 0;}
div.campo_ingreso {position:relative;margin:5px;}  
div.campo_submit {position:relative;margin:0 0 0 145px;} 
div.campo_submit input {background:url('../img/fondos/send.jpg') repeat-x left top;color:#fff;padding:4px 10px;border:none;}   
div.campo_ingreso label {float:left;width:120px;text-align:right;padding:4px 20px 0 0;font-weight:bold;}    
div.campo_ingreso input, div.campo_ingreso textarea, div.campo_ingreso select {width:330px;padding:2px;}
div.campo_ingreso textarea {height:100px;}   

#info-contact {position:relative;margin:15px 0 0 0;padding:0 0 30px 0;height:260px;}
div.contact {float:left;width:220px;}   
div.contact h3 {background:url('../img/fondos/title-h3.jpg') repeat-x left top;
padding:5px 0 5px 10px;color:rgb(21,64,133);margin:0 5px 15px 0;}  
div.contact h4 {margin:0 0 0 10px;font-size:1.2em;color:rgb(0,33,140);}    
div.contact p {margin:0 0 0 10px;color:#333;}    
div.contact p.cargo {font-style:italic;}    
div.contact p.mail {margin:0 0 10px 10px;}   
div.contact li {font-size:1.2em;margin:0 0 0 10px;}     
.middle {padding-left:5px;border-left:#888 solid 1px;border-right:#888 solid 1px;}   
.right {padding-left:5px;}  

#product {
    position:relative;
    width:770px;
    height:445px;
    }   
    
#map {
    float:left;
    width:445px;
    height:445px;
    }    
    
div.option {
    position:absolute;
    cursor:pointer;
    border:#888 solid 1px;
    width:27px;
    height:27px;
    }
    
div.option a {
    display:block;
    padding:13px;
    }      
    
.bg {
    border:#fff solid 1px;opacity: 0.1;-moz-opacity: 0.1;filter: alpha(opacity=1);
    background-repeat:repeat;background-position:left top;background-color:transparent;
    }
          
.blue {background-image:url('../img/fondos/option.png');}    
.red {background-image:url('../img/fondos/option-red.png');} 
.black {background-image:url('../img/fondos/option-black.png');}
.white {background-image:url('../img/fondos/option-white.png');}
 
#detail {
    float:right;
    width:320px;
    height:440px;
    padding:0;
    margin:0;
    }    
    
#detail h1 {
    color:rgb(0,50,137);
    font-size:2.1em;
    height:auto;
    margin:5px 0 5px 0;
    } 
    
.aux {
    display:none;
    }
           
h3 {
    font-size:1.1em;margin:10px 0 5px 0;color:rgb(7,40,133);
    }
 
#detail p {
    font-size:1em;
    color:#333;
    }    
    
#menu-products {
    position:relative;
    margin:2px 0 5px 0;
    height:153px;
    padding:7px;
    background-color:rgb(1,93,88);
    }    
    
ul.items {margin:5px 15px;font-size:1.3em;}    
ul.items li {margin:5px 0;list-style-image:url('../img/list-icon.jpg');width:450px;font-weight:bold;}    
p.intro {width:350px;}    
#footer {clear:both;height:20px;background:url('../img/fondos/footer.jpg') no-repeat left top;margin:0;}


/************* ESTILOS DE LOS MENSAJES *******************/ 
div#mensaje_val {
    position:relative;
    margin:10px 0;
    padding:10px 10px 10px 30px;
    cursor:pointer;
    }

div#mensaje_val li {
    margin:0 0 0 15px;
    }

div#mensaje_val #close {
    position:absolute;
    right:20px;
    top:8px;
    color:#000;
    font-family:"Georgia", "Tahoma", "Times New Roman", serif;
    }   

div#mensaje_val.error {
    background:#FFC1C9 url('../img/iconos/error.png') no-repeat 5px 5px;
    color:#000;
    border:#800 solid 1px;
    }
    
div#mensaje_val.confirmacion {
    background:#A2FF83 url('../img/iconos/confirmacion.png') no-repeat 13px 4px;
    color:#000;
    border:#40BF2C solid 1px;
    }
    
div#mensaje_val.advertencia {
    background:#A2FF83 url('../img/iconos/advertencia.png') no-repeat 13px 4px;
    color:#000;
    border:#40BF2C solid 1px;
    }