/* CSS Document */

body { background: url(img/body_bg.png) repeat-x; font-size: 11px; }
h3 { margin-top: 0px; }
label { display: block; clear: both; }
ul { padding: 8px; margin: 8px; }
th { background: #666666; color: #FFFFFF; padding: 4px; }
#page { width: 898px; margin: 10px auto; }
#left { width: 728px; margin-right: 10px; float: left; }
#right { width: 160px; float: left; }
#header { height: 140px; margin: 10px 0px; }
#header #logo { float: left; width: 110px; }
#header #toolbar { float: right; width: 600px; text-align: right; }
#header #toolbar .input { width: 80px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#header #toolbar a { color: #844113; }
#header #tienda { height: 68px; float: right; text-align: right; }
#header #nav { height: 32px; float: right; margin-top: 15px; }
#header #nav a { margin: 0px 0px 0px 5px; }
#sabias { background: #d4ee55; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 270px; overflow: hidden; }
#directorio { background: #d4ee55; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 270px; }
#noticias { background: #a8c3eb; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 158px; overflow: hidden; }
#buenos { width: 178px; float: left; background: #f3f3f3;; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; height: 250px; overflow: hidden; }
#mensajes { width: 178px; float: left; background: #f2fac9; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; margin-left: 10px; height: 250px; overflow: hidden; }
#encuesta, .encuesta { background: #ffa475; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 270px; overflow: hidden; }
#revista { background: #ffd4ee; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 250px; overflow: hidden; }
#footer { clear:both; width 728px; padding 5px; text-align: center;  }
#contenido { width: 708px; font-size: 12px; }
#contenido h1 { color: #009ad8; background: url(img/minilogo.png) no-repeat; padding-left: 35px; height: 35px; }

.col160 { width: 160px; float: left; }
.col388 { width: 388px; float: left; margin: 0px 10px; }
.col500 { width: 500px; float: left; margin: 0px 10px; }
.ad728x90 { width: 728px; height: 90px; clear: both; }
.ad160x90 { width: 160px; height: 90px; }
.ad160x600 { width: 160px; height: 600px; }
.ad234x60 { width: 234px; height: 60px; float: left;}
.ad160x60 { width: 160px; height: 60px; background: #CCC;  }

.revista { background: #ffd4ee; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 120px; height: 240px; float: left; margin: 10px; }
.bigrevista { background: #ffd4ee; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 440px; margin-left: 10px; }
.input { width: 300px; }
.error { background: #FF0000; color: #FFF; padding: 3px 10px; margin: 3px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 285px; }
.evento { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px; border: 1px solid #EEE; margin: 10px 0px; clear: both; width: 680px; }
.evento h2 { margin: 0px; }
.image { float: left; margin: 5px; border: 4px solid #EEEEEE; }
.links { background: #d4ee55; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.categoria a, { display: block; float: left; border: 1px solid #EEE; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px; font-size: 12px; }
.soft { color: #999	; }
.servicio { font-size: 12px; margin-bottom: 10px; }

.odd { padding: 3px; border-bottom: #CCCCCC 1px solid; }
.even { padding: 3px; border-bottom: #CCCCCC 1px solid; background: #EFF7FC }
.date { margin: 10px 0px; color: #666; }

/* Pop Up */

#dialog { display: none; }