/* EGO  */

body {margin:0 auto; background:#fff;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left}
a {color:#000; text-decoration:none; outline:none}
a:hover {color:#333; text-decoration:underline}
input[type="text"], .octavos .resultado, .login input[type="password"], .formRegistro input, .formInvitar input{font-size:12px; font-weight:bold; color:#fff; background:#FFF; border:none;}


/*--------------- Container ---------------*/
.container {width:100%}


/*--------------- Site ---------------*/
.site {width:735px; background-color:#Fff; margin:20px auto 0px}
.site2 {width:755px; margin:20px auto 0px} /* site home */



/*--------------- Header ---------------*/
.header {background:#008acf;width:735px; height:99px; margin:0 0 15px 0}
.header .egoLogo, .header .egoLogo a {width:109px; height:99px; display:block; float:left}
.header .egoLogo {background:url(../imgs/ego_imgs-trans.png) no-repeat 0 0}
.header .btnLogin, .header .btnLogin a{width:57px; height:18px; display:block; float:right}
.header .btnLogin a{background:url(../imgs/ego_imgs-trans.png) no-repeat 0 -283px; display:block; margin:75px 10px 0 0}
.header .btnLogin a:hover{background-position:0 -306px} 

.menuHeader {width:625px; height:28px; margin:5px 0 0 0; float:right}
.menuHeader ul{float:left; margin:65px 30px 0}
.menuHeader li{float:left; padding:0 0 0 10px}
.menuHeader a{display:block; outline:none; background:url(../imgs/ego_imgs-trans.png) no-repeat}
.menuHeader .laMarca, .menuHeader .catalogo,.menuHeader .comercios,.menuHeader .appfacebook,.menuHeader .gana {height:25px}
.menuHeader .laMarca{background-position:0 -101px; width:85px; }
.menuHeader .catalogo {background-position:0 -129px; width:85px}
.menuHeader .comercios{background-position:0 -158px; width:95px}
.menuHeader .appfacebook{background-position:0 -987px; width:160px}
.menuHeader .gana{background-position:0 -214px; width:88px}
.menuHeader ul li a:hover.laMarca{background-position:0 -245px}
.menuHeader ul li a:hover.catalogo{background-position:0 -273px}
.menuHeader ul li a:hover.comercios{background-position:0 -302px}
.menuHeader ul li a:hover.appfacebook{background-position:0 -1016px}
.menuHeader ul li a:hover.gana{background-position:0 -359px}




.opciones {widows:270px; float:right; font-size:11px; font-weight:normal}
.opciones ul{margin:8px 10px 0 0}
.opciones li{float:left; margin:0 0 0 5px; padding:0 5px 0 0; color:#FFF; background:url(../imgs/ego_imgs-trans.png) no-repeat right -4546px; width:auto}
.opciones li span{font-weight:bold; padding:0 0 0 5px}
.opciones li a{text-decoration:none; color:#FFF}
.opciones li a:hover{text-decoration:underline}
.opciones .noFondo {background:none!important}


.login {width:220px; height:84px; float:right; margin:10px 10px 0 0}
.login ul{}
.login li{float:left; width:100%}
.login input, .login input[type="password"]{width:130px; height:24px; background:#fff; margin:0 0 5px 0; font-weight:normal; padding:0 2px}
.login input, .login input[type="password"]{padding /*\**/:6px 0 0 0\9}
.login input, .login input[type="text"]{height /*\**/:20px\9}
.login input, .login input[type="password"]{height /*\**/:20px\9}
.login label{background:url(../imgs/ego_imgs-trans.png) no-repeat; height:15px; width:75px; display:block; float:left}
.login label.labelUser {background-position:23px -203px; margin:8px 10px 0 0}
.login label.labelPass {background-position:0 -219px; margin:7px 10px 0 0}
.login a{background:url(../imgs/ego_imgs-trans.png) no-repeat 0 -235px; display:block; width:70px; height:18px; float:right}
.login a:hover{background-position:0 -256px}


/*--------------- Content ---------------*/
.content {width:100%}
.columnLeft {width:215px; float:left}
.columnLeft .laMarca{width:213px; height:302px; margin:0 0 10px 0}
.columnLeft .comercios{width:213px; height:228px}
.columnCenterHome {width:522px; float:left; padding:0 0 0 10px;} 
.columnCenterHome .penca{width:510px; height:217px; float:left; margin:0 0 10px 0}
.columnCenterHome .catalogo{width:510px; height:309px;  float:left}
.columnCenter {width:100%}
.columnRight {width:100%}


/*--------------- Footer ---------------*/
.footer {width:736px; border-top:1px solid #000; margin:0px 15px 0 0px;}
.footer ul{float:right; margin:7px 0px 0}
.footer li{float:left; padding:0 0 0 21px}
.footer a{display:block; outline:none; background:url(../imgs/ego_imgs-trans.png) no-repeat}
.footer .laMarca, .footer .catalogo,.footer .comercios, .footer /*.penca*/ .appfacebook, .footer .gana {height:22px}
.footer .laMarca{background-position:0 -388px; width:72px}
.footer .catalogo{background-position:0 -416px; width:73px}
.footer .comercios{background-position:0 -445px; width:81px}
/*.footer .penca{background-position:0 -386px; width:45px}*/
.footer .appfacebook{background-position:0 -948px; width:140px;}
.footer .gana{background-position:0 -504px; width:83px;}
.footer ul li a:hover.laMarca{background-position:0 -531px}
.footer ul li a:hover.catalogo{background-position:0 -560px}
.footer ul li a:hover.comercios{background-position:0 -589px}
/*.footer ul li a:hover.penca{background-position:0 -459px}*/
.footer ul li a:hover.appfacebook{background-position:0 -918px;}
.footer ul li a:hover.gana{background-position:0 -645px}
.footer .direccion {float:left; margin:0px auto; background:url(../imgs/ego_imgs-trans.png) no-repeat 0 -680px; height:80px; width:180px; }
.footer .direccion2 {float:left; height:80px; width:180px; height:110px;}


.footer2 {width:735px; border-top:1px solid #000; margin:10px 0 0 0}
.footer2 ul{float:right; margin:7px 0px 0px 10px;}
.footer2 li{float:left; padding:0 0 0 12px}
.footer2 a{display:block; outline:none; background:url(../imgs/ego_imgs-trans.png) no-repeat}
.footer2 .laMarca2, .footer2 .catalogo2,.footer2 .comercios2, .footer2 /*.penca*/ .appfacebook2, .footer2 .gana2 {height:22px}
.footer2 .laMarca2{background-position:0 -388px; width:72px}
.footer2 .catalogo2{background-position:0 -416px; width:73px}
.footer2 .comercios2{background-position:0 -445px; width:81px}
/*.footer .penca{background-position:0 -386px; width:45px}*/
.footer2 .appfacebook2{background-position:0 -948px; width:140px;}
.footer2 .gana2{background-position:0 -504px; width:80px;}
.footer2 ul li a:hover.laMarca2{background-position:0 -531px}
.footer2 ul li a:hover.catalogo2{background-position:0 -560px}
.footer2 ul li a:hover.comercios2{background-position:0 -589px}
/*.footer ul li a:hover.penca{background-position:0 -459px}*/
.footer2 ul li a:hover.appfacebook2{background-position:0 -918px}
.footer2 ul li a:hover.gana2{background-position:0 -645px}
.footer2 .direccion2 {float:left; margin:0px auto; background:url(../imgs/ego_imgs-trans.png) no-repeat 0 -680px; height:80px; width:180px; }
.footer2 .direccion2-b {float:left; height:80px; width:180px; height:110px;}