body{ margin:0 auto; background:#272727; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8a8a8a}
a{ text-decoration:none; color:#e98e21}
h1{color:#e98e21; margin:0 0 10px 0; font-weight:normal; background:url(../imgs/flecha.gif) no-repeat left 0.5em; padding-left:20px}
h3{color:#e98e21; margin:10px 0 5px 0; font-weight:normal}
h4{color:#e98e21; margin:10px 0 0px 0; font-weight:bolder}
.salto{ margin-top:10px}


.container{margin:15px auto; width:854px}
.site{ position:absolute; z-index:1}
.siteTop{ width:854px; height:29px; background:url(../imgs/bk_top.jpg) no-repeat #FFF}
#siteBackIndex{ height:480px; background: #FFF}
.siteBack{ background:#FFF; min-height:400px}
.siteBottom{ width:854px; height:29px; background:url(../imgs/bk_bottom.jpg) no-repeat #FFF}

#contHome{width:834px; position:absolute;}
.contenido{ z-index:2; padding:12px}
.headerHome{ width:740px; position: absolute; margin:30px 0 0 50px}
.header{ width:740px; margin:1px 0 0 50px}

#introHome{ position:absolute; margin:150px 0 0 50px}
.logo{ width:222px; height:64px; background:url(../imgs/logo.png); float:left}
#logoBrillo{ width:222px; height:64px; position:absolute}
.linkHome{ position:absolute; top:30px; left:50px; z-index:200}

.fotoFondo{ width:831px; height:456px}

/*Menu*/
.menu{ float:right}
.menu a{color:#999}
.menu ul li{float:left; margin:0 10px}

/*Menu Espa�ol
.menuQuienes, .menuClientes, .menuServicios, .menuContacto{ background-image: url(../imgs/menu_esp.png); background-repeat:no-repeat}
.menuQuienes{width:106px; height:13px; background-position:0 0}
.menuClientes{ width:52px; height:13px; background-position:0 -34px}
.menuServicios{ width:58px; height:13px; background-position:0 -68px}
.menuContacto{ width:60px; height:13px; background-position:0 -102px}
/*Menu Hovers
.menuQuienes:hover{ background-position:0 -17px}
.menuClientes:hover{ background-position:0 -51px}
.menuServicios:hover{ background-position:0 -85px}
.menuContacto:hover{ background-position:0 -119px}
/*Menu Links
.menuQuienes a img{width:106px; height:13px}
.menuClientes a img{ width:52px; height:13px}
.menuServicios a img{ width:58px; height:13px}
.menuContacto a img{ width:60px; height:13px}
*/

.clientes{ margin:15px 0 0 35px; background:#FFF}
.clientes p{ float:left; margin-right:20px; line-height:38px; vertical-align:middle}
.clientes img{ float:left}
.clientesLogos{ margin-top:30px}
.clientesLogos li{ float:left; width:165px; height:62px; padding:12px 10px; text-align:center}


/*Clientes Home*/
.clientes ul li{ float:left; padding:0 11px}
.c0{ height:34px; background: url(../imgs/clientes/clientes_home/endesa.gif) no-repeat}
.c1{ height:32px; background: url(../imgs/clientes/clientes_home/jazztel.gif) no-repeat}
.c2{ height:32px; background:url(../imgs/clientes/clientes_home/ibanesto.gif) no-repeat}
.c3{ height:37px; background: url(../imgs/clientes/clientes_home/vodafone.gif) no-repeat}
.c4{ height:37px; background:url(../imgs/clientes/clientes_home/enel.gif) no-repeat}
.c5{ height:22px; background:url(../imgs/clientes/clientes_home/infostrada.gif) no-repeat}
.c6{ height:36px; background:url(../imgs/clientes/clientes_home/unibanco.gif) no-repeat}
.c7{ height:37px; background:url(../imgs/clientes/clientes_home/optimus.gif) no-repeat}
.c8{ height:31px; background:url(../imgs/clientes/clientes_home/unicef.gif) no-repeat}
.c9{ height:28px; background:url(../imgs/clientes/clientes_home/iberdrola.gif) no-repeat}
.c10{ height:28px; background:url(../imgs/clientes/clientes_home/hera.gif) no-repeat}

/*Clientes Home Hovers*/
.c0:hover{background-position: 0 -35px}
.c1:hover{background-position: 0 -33px}
.c2:hover{background-position: 0 -33px}
.c3:hover{background-position: 0 -38px}
.c4:hover{background-position: 0 -45px}
.c5:hover{background-position: 0 -25px}
.c6:hover{background-position: 0 -37px}
.c7:hover{background-position: 0 -37px}
.c8:hover{background-position: 0 -32px}
.c9:hover{background-position: 0 -26px}
.c10:hover{background-position: 0 -33px}


.contBox{ clear:both; padding:30px 0 0 50px}
.contTexto{ width:415px; float:left}
.contTextoOneCol{ width:768px}
.contFoto{ width:330px; float:left; margin-left:18px}
.quienes{ margin-left:0}



/*Formulario*/
form{}
form ul li{ padding:3px 0}
form label{ float:left; width:75px}
.inputText{ float:left; margin-left:10px; width:270px; font-size:12px; padding:2px; border:1px solid #CCC;}
textarea{ float: left; margin-left:10px; width:270px; height:80px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px;
border:1px solid #CCC}



/*Botones*/
.boton{ float:left; height:18px; background: url(../imgs/bt_fondo.gif) no-repeat left; margin: 4px 0px 0 10px}
.boton img{ position:absolute}
.botonTexto{ float:left; background:none; text-align:center; font-size:11px; color:#FFF; border:0; padding:1px 14px 0 15px; cursor: pointer;overflow:visible}


/*Footer*/
.footer{ margin-top:5px; font-size:11px; color:#FFF}
.footer p{ float:left; margin-left:15px }
.footer a{ color:#a3a9a9}
.footer a:hover{ color:#e98e21}

.footer .lang{ float:right; margin-right:15px;}
.footer .lang li{ float:right; padding:0 4px}