@charset "utf-8";
#main-bkg  { background-color: #FFF; margin-top: 10px; height: 210px; z-index: -1; position: absolute; width: 100%; background-image: url(../img/bg_stripe.gif); }
#container  { margin: auto; width: 980px; }
#header   { height: 222px; }
#header-logo   { height: 222px; width: 180px; float: left;  margin-top: 10px;  position: relative;  }
#header-slide { float:left; margin-left: 10px; margin-right: auto; margin-top:3px; z-index: 100; position: relative; }
/*menu*/
#header-menu   { float: left; margin-left: 50px; margin-top: 60px; margin-right: auto; }
#menu-horizontal-ul li a { padding-top: 100px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#header-menu-ul , #header-menu-ul li{ list-style-position: inside; list-style-type: none; margin: 0px; display: inline; padding: 0px; }
#header-menu-ul li a { color: #333; display: inline; list-style-position: inside; list-style-type: none; font-size: 15px; font-weight: bold; margin-top: 0px; margin-right: 7px; margin-bottom: 0px; margin-left: 7px; text-decoration: none; }
#header-menu-ul li a:hover{text-decoration: underline;}
#menu-vertical, #menu-vertical li { list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; list-style-image: url(../img/vineta.gif); }
#menu-vertical li a { color: #D9251D; display: inline; list-style-position: inside; list-style-type: none; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; }
#footer   { background-color: #333; color: #FFF; background-image: url(../img/bg_stripe-footer.gif); background-repeat: repeat-x; background-position: left top; height: 96px; padding-top: 5px; }
#footer #copy { padding-top: 30px; }
/*CONTENIDO*/
#contents   { position: absolute; background-color: #F3F3F3; width: 980px; margin-top: -1px; }
.content-box { -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 1.5em 2em;width: 670px; background-color: #FFF; border: 4px solid #D6D6D6; padding: 7px; }
.content-box .content-box-title { background-color: #e7d400; margin: 0px; color: #487522; font-size: 18px; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: url(../img/content-tit-bkg.jpg); background-repeat: no-repeat; background-position: right top; }
.content-box .content-area { margin: 10px; }
#mods { margin: auto; background-color: #FFF; width: 244px; padding-bottom: 10px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #D6D6D6; border-bottom-color: #D6D6D6; border-left-color: #D6D6D6; }
.mod-box , .search-box{ -webkit-border-radius: 4px; background-color: #FFF; margin-right: auto; margin-left: auto; width: 244px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFF; }
.mod-box .mod-box-title , .search-box .search-box-title{ margin: 0px; color: #FFF; font-size: 14px; text-transform: uppercase; padding-top: 7px; padding-right: 0px; padding-bottom: 10px; padding-left: 32px; cursor: pointer; background-image: url(../img/mod-bkg.jpg); background-repeat: repeat-x; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.mod-box .content-area , .search-box  .content-area{ margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
#resultados-loterias { background-image: url(../img/resultados.jpg); background-repeat: no-repeat; background-position: left top; height: 190px; width: 693px; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: auto; }
#resultado-sorteo { float: left; width: 340px; position: relative; left: 50%; text-align: center; padding-top: 60px; }
#resultado-mayor { position: relative; float: left; padding-top: 90px; margin-left: -303px; font-size: 35pt; color: #FFF; font-weight: bold; letter-spacing: 33px; }
#resultado-serie { position: relative; margin-left: -67px; float: left; padding-top: 110px; font-size: 20px; font-weight: bold; color: #487522; letter-spacing: 15px; }
#resultado-ciudad { float: left; width: 330px; text-align: center; padding-top: 160px; margin-left: -340px; }
.trio-numero {   padding-top: 95px; margin-left: 8px; font-size: 25pt; color: #487522; font-weight: bold; padding-bottom: 25px;  }
.trio-ciudad { font-size: 10px; font-weight: bold; text-align: center;  margin-left: 3px; }
.cafeterito-numero { text-align: center; font-size: 36px; font-weight: bold; padding-top: 75px; }
.cafeterito-sorteo { font-weight: bold; text-align: center; font-size: 12px; padding-top: 20px; }
.cafeterito-fecha { font-size: 10px; font-weight: bold; text-align: center; }
.home-row { height: 140px; margin-bottom: 10px; text-align: justify; }
.home-row-title { font-weight: bold; font-size: 14px; text-transform: uppercase; margin-bottom: 8px; }
#cont_presidencia a {width:137px; height:145px; z-index:1; float: right;  margin-right: 10px; margin-top: 65px;  position: relative; background-image: url(../img/Presidencia.png);}
#cont_presidencia a span {visibility: hidden;}
#cont_presidencia {cursor:pointer}
.aviso{ margin: 1.5em auto 0.5em auto; overflow: hidden;}
ul#img-slide {background: #fff;width:632px;height:123px;overflow: hidden;margin:auto;padding: 0;list-style: none; border: 3px solid #6ca50e;-moz-border-radius:.7em;-webkit-border-radius:.7em; border-radius:.7em;}

