html, body { height: 100%; }
body { margin: 0; padding: 0; font-family: Verdana; font-size: 12px; background-color: #669966; }
#wrapper { width: 950px; position: relative; margin:0 auto;}
* { outline: none; }
a:link, a:visited, a:active { color:#2b6da4; text-decoration: none; }
a:hover { text-decoration: underline; }
a img{ border: 0px; }
p, ul, ol { padding: 0 0 15px; margin: 0; }
ul li, ol li { list-style-position: inside; }
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clear{ clear:both; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
#header{ width: 100%; height: 100px; background: #006633 url(../images/default/header.png); }
#header h1{ margin: 0; padding: 0px; float: left;}
#header h1 a{ display: block; width: 380px; height: 99px;}
#header h1 span{ display: none; }
#navigation { clear:both; height: 40px;}
#navigation ul { margin: 0; padding: 0; width: 100%; list-style: none;}
#navigation li { float: left; height: 40px; }
#navigation a { display:block; height:40px;}
#m_inicio a{ background:#FFF url("../images/default/menu_inicio.png") top no-repeat; width:142px; }
#m_ranking a{ background:#FFF url("../images/default/menu_ranking.png") top no-repeat; width:143px; }
#m_videos a{ background:#FFF url("../images/default/menu_video.png") top no-repeat; width:143px; }
#m_normativa a{ background:#FFF url("../images/default/menu_normativa.png") top no-repeat; width:143px; }
#m_acerca a{ background:#FFF url("../images/default/menu_acercade.png") top no-repeat; width:143px; }
#m_contacto a{ background:#FFF url("../images/default/menu_contacto.png") top no-repeat; width:143px; }
#m_enlaces a{ background:#FFF url("../images/default/menu_enlaces.png") top no-repeat; width:143px; }
#navigation li.selected a{ background-position: bottom; }
#m_inicio a:hover{ background-position: bottom; }
#m_ranking a:hover{ background-position: bottom; }
#m_videos a:hover{ background-position: bottom; }
#m_normativa a:hover{ background-position: bottom; }
#m_acerca a:hover{ background-position: bottom; }
#m_contacto a:hover{ background-position: bottom; }
#m_enlaces a:hover{ background-position: bottom; }
#navigation span{ display:none; }
.nav_home #m_inicio a{ background:#026734 url("../images/default/menu_inicio.png") top no-repeat; }
.nav_home #m_ranking a{ background:#026734 url("../images/default/menu_ranking.png") top no-repeat; }
.nav_home #m_videos a{ background:#026734 url("../images/default/menu_video.png") top no-repeat; }
.nav_home #m_normativa a{ background:#026734 url("../images/default/menu_normativa.png") top no-repeat; }
.nav_home #m_acerca a{ background:#026734 url("../images/default/menu_acercade.png") top no-repeat; }
.nav_home #m_contacto a{ background:#026734 url("../images/default/menu_contacto.png") top no-repeat; }
.nav_home #m_enlaces a{ background:#026734 url("../images/default/menu_enlaces.png") top no-repeat; }
.nav_home li.selected a{ background-position: bottom; }
.nav_home #m_inicio a:hover{ background-position: bottom; }
.nav_home #m_ranking a:hover{ background-position: bottom; }
.nav_home #m_videos a:hover{ background-position: bottom; }
.nav_home #m_normativa a:hover{ background-position: bottom; }
.nav_home #m_acerca a:hover{ background-position: bottom; }
.nav_home #m_contacto a:hover{ background-position: bottom; }
.nav_home #m_enlaces a:hover{ background-position: bottom; }
#main{ clear:both; padding-top: 14px; padding-left: 25px; margin:0; background-color: #006633;}
#main2 { clear:both; padding-top: 5px; margin:0; background-color: #FFF;}
#main h2{ margin: 5px 0px; padding:0px; width: 327px; height: 36px; }
#main h2.home{ display: none; background: #252525 url(../images/default/big_home2.png) no-repeat; }
#main h2.about{ display: none; background: #252525 url(../images/default/big_about.png) no-repeat; }
#main h2.formrec{ display: none; background: #252525 url(../images/default/big_formrec.png) no-repeat; }
#main h2.homerec{ display: none; background: #252525 url(../images/default/big_homerec.png) no-repeat; }
#main h2.homevideo{ display: none; background: #252525 url(../images/default/big_homevideo.png) no-repeat; }
#main h2.help{ display: none; background: #252525 url(../images/default/big_homehelp.png) no-repeat; }
#main h2 span{ display: none; }
.init_info{ margin:0px; padding: 2px 0px; margin-bottom: 10px; }
.init_info p{ margin:0px; padding:0px; font-size: 13px; font-family: Georgia, serif; font-style: italic; word-spacing: 2px; }
#sidebar { margin: 0px; margin-right:25px; float: right; height: 430px; width: 300px; margin-bottom: 10px; background-color: #EFEFEF; }
#sidebar.reclamar{ height: 454px; background: #EFEFEF url(../images/default/write.png) bottom left no-repeat; }
#sidebar.reclamar form{ filter: alpha(opacity=80); opacity: .8 }
#sidebar.reclamar #subi{ display:block; margin:0; padding:0; width: 300px; height:59px; background: url(../images/default/subi_reclamo.png) no-repeat;}
#sidebar.reclamar em { display:none;}
#sidebar.regular{ padding:0; margin-right:0px; width: 290px; height: auto; height: auto; background-color: #FFF;}
#sidebar.regular ul.indice{ margin: 3px;}
#sidebar.regular ul.indice li{ line-height: 21px;}
#sidebar.regular ul.indice a{ color:#026734; }
#sidebar.regular p { margin: 3px 0; line-height: 19px; }
#sidebar ul.last_vid{ list-style: none; }
#sidebar ul.last_vid li{ text-align: center; margin-top:15px;}
#sidebar ul.last_vid li a{ }
#sidebar ul.last_vid li img{ margin-top: 5px; width: 250px; padding:3px; border:1px solid #DDD; }
#minimap{ width:100%; height:500px; }
#tabsmap{ text-align: right; width: 635px; height:21px;}
#tabsmap #tabs { float: right; }
#tabsmap a.tab{ float: left; display: block; filter: alpha(opacity=60); opacity: .6}
#tabsmap a.tab{ float: left; display: block; }
#tabsmap #tabs .activa{filter: alpha(opacity=100); opacity: 1}
#cities-map{ margin: 0px; width: 635px; background-color: #FFF; height: 380px; margin-bottom: 10px; }
#filtros { height: 60px; margin: 0px; width: 635px; }
#filtros #banner_i{ display: block; float: left; width:228px; height:44px; background: url(../images/default/banner_iconos.png) no-repeat; }
#filtros #loading{ display: none; float: right; margin: 5px 5px 0px 5px; }
#filtros p{ margin:0;}
#filtros a.rectype { }
#filtros a.rectype img{ background: transparent; border:0; padding:0; margin:0; width: 44px; height:44px; }
#filtros a.rectype img.deactive{ filter: alpha(opacity=60); opacity: .6}
#content{ margin: 0px; width: 610px; background-color: #FFF; margin-bottom: 10px; }
#content.wide{ margin:0 auto; width: 950px; margin-bottom: 10px;}
#content.regular{ padding-bottom: 15px; }
#content.regular p{ padding:0;margin: 3px 0; line-height: 19px;}
#content.regular ul{ margin: 0 0 0 12px; line-height: 19px;}
#content.regular ol{ margin: 0 0 0 12px; line-height: 19px;}
#content.regular li{ margin-top:5px; line-height: 19px;}
#content ul.acerca{ padding: 0px 5px; }
#content ul.acerca li{ line-height: 25px;}
#content ul.acerca span{ font-weight: bold; display: block;}
#content img.thumb { width: 120px; float: right; padding: 2px; border: 1px solid #DDD; margin: 0px 5px 5px 5px; }
#rankings{ padding-top: 5px; margin:5px auto; margin-bottom:5px; }
#rankings .ranks3{ background-color: #FFF; margin: 0 1.5% 0 1.5%; width: 30%; float: left; }
#rankings .ranks3 h3{}
#rankings .ranks3 ul{ list-style: none; margin:0px; padding:0px; margin-top:5px;}
#rankings .ranks3 ul li{ line-height:30px; font-size: 10px;}
#rankings .ranks3 ul li img{ width: 22px; display:block; float: left; margin: 3px 5px 0px 3px!important; margin: 3px 2px 0px 3px; }
#rankings .ranks3 ul li a{ }
#options{ clear: both; width: 100%; background-color: #FFFFFF; margin: 0 auto 2px auto; border-bottom: 1px solid #939393; }
#options div.cols3{ margin: 0px auto; width: 30%; float: left; margin: 0px 15px 0px 15px; text-align: center; }
.titulo_columna3{ height: 33px; border-bottom:1px solid #35855d;}
.titulo_columna3 h3{ float: right; background-color:#FFF; width:250px; text-align:right; color:#026734;}
.titulo_columna3 a{ float: left; margin:4px 0 0 0; display:block; width:28px; height:28px;}
.titulo_columna3 a.rss_icon{ background: #FFF url(../images/default/rss_icon.png) top left no-repeat; }
.titulo_columna3 a.twitter_icon{ margin-top:8px; width:22px; height:22px; background: #FFF url(../images/default/twitter_icon.png) top left no-repeat; }
.titulo_columna3 a.facebook_icon{ margin-top:8px; width:22px; height:22px; background: #FFF url(../images/default/facebook_icon.png) top left no-repeat; }
.titulo_columna3 a.youtube_icon{ margin-top:8px; width:22px; height:22px; background: #FFF url(../images/default/youtube_icon.png) top left no-repeat; }
.titulo_columna3 a span{ display: none; }
div.cols3 h3#tit_blog,div.cols3 h3#tit_twitter { color:#7aa77a; }
/*
div.cols3 h3#tit_reclamo { height:13px; background: #FFF url(../images/default/titulo_ultimos.png) top right no-repeat; }
div.cols3 h3#tit_reclamo_top { height:13px; background: #FFF url(../images/default/titulo_destacado.png) top right no-repeat; }
div.cols3 h3#tit_videoblog { height:13px; background: #FFF url(../images/default/titulo_videoblog.png) top right no-repeat; }
div.cols3 h3#tit_twitter { height:13px; background: #FFF url(../images/default/titulo_twitter.png) top right no-repeat; }
div.cols3 h3#tit_facebook { height:13px; background: #FFF url(../images/default/titulo_facebook.png) top right no-repeat; }
*/
#banner { position:relative; margin:0 auto; height:147px; overflow:hidden; width:950px; clear:both; background: #FFF url(../images/default/banner.png) no-repeat; }
#b_tel,#b_exp,#b_uni{ position:absolute; height: 108px; width:257px; display:block; float:left; text-decoration:none; }
#b_tel{ top:0px; left:34px; }
#b_exp{ top:0px; left:342px}
#b_uni{ top:0px; left:663px;}
#options div.cols3 ul{ margin-top: 3px; text-align: left; }
#options div.cols3 ul.latest_rec{ list-style:none; }
#options div.cols3 ul.latest_rec li { line-height: 31px; clear:both;}
#options div.cols3 ul.latest_rec li img{ float:left; width:22px; margin:4px 0px 0px 0px; }
#options div.cols3 ul.latest_rec li a{ color:#026734; padding:0px; margin-left: 5px!important; margin-left: 1px;}
#options div.cols3 .rec_dest{ text-align:left; }
#options div.cols3 ul.latest_vid{ list-style:none; }
#options div.cols3 ul.latest_vid li{ text-align: center; }
#options .latest_twitter { margin:10px auto; width:250px; text-align: center; }
#options div.cols3 ul.latest_post li{ line-height: 20px; margin-left:10px; clear:both; }
#options div.cols3 ul.latest_post li a{ color:#7aa77a; padding:0px; margin-left: 5px!important; margin-left: 1px;}
.reclamo{width:100%; padding:5px;}
#footer{ clear:both; width: 100%; background-color: #669966; color:#FFF; padding-top:5px;}
#footer p{ font-size:10px; }
#footer p.copy{ color: #FFF; float: right; margin-right: 10px; }
#footer p.by{ text-align: center; }
#footer p.by img{ border: 1px solid #FFF; padding:1px;}
/* FORMS */
.reclamar form,form#contacto{ margin-top: 10px; }
.reclamar p,form#contacto p{ line-height: 20px; margin-bottom: 5px; padding: 0px; }
.reclamar p.help{ background: url(../images/default/ico_help.png) top left no-repeat; padding-left: 20px; }
.reclamar fieldset,form#contacto fieldset{ border: none; padding: 0px 10px;}
.reclamar legend{ }
.reclamar h3{ margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; border-bottom: 2px solid #D7D7D7;}
.reclamar h3#sobrereclamo{ display: block; height:23px; background: #FFF url(../images/default/tureclamo.png) top left no-repeat; }
.reclamar h3#sobredatos{ display: block; height:23px; background: #FFF url(../images/default/tusdatos.png) top left no-repeat; }
.reclamar h3 span{ display:none; }
.reclamar legend em{ display: block; width:191px; height:30px; background: #EFEFEF url("../images/default/dejatureclamo.png") top left no-repeat; text-indent: -9999px; padding:2px;}
.reclamar label,form#contacto label{ line-height: 20px; font-size: 12px;}
form#contacto label{}
.reclamar select{ font-size: 12px;}
.reclamar textarea,form#contacto textarea{ display: block; width: 100%; height: 190px; font-size: 12px;}
.reclamar input,form#contacto input{ font-size: 12px; }
.reclamar input.submit,form#contacto input.submit{ padding-bottom: 5px; margin-left:40%;}
.reclamar input.long{ display: block; width: 100%;}
.reclamar2 input.long{ width: 350px;}
.reclamar2 label{float: left; width: 70px; }
.input_error{
border: 1px solid #f03a31;
background-color: #fad3c5;
}
#tempMsg{ display: none; font-size: 11px; position: fixed; right:0; top:50%; border: 2px solid #7B96C6; background: #FFF url("../images/logo_pop.jpg") 2px 4px no-repeat; color: #000; font-weight: bold; margin: 0px 0px 1px 1px; width:320px; height:45px; }
#tempMsg p{ margin: 8px 10px 0px 10px; }
* html div#tempMsg { position: absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+((documentElement.clientHeight-this.clientHeight)/2 ): document.body.scrollTop+((document.body.clientHeight-this.clientHeight)/2)); right: 0; }
div.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
div.ProgressBar div { background-color: #0f4b74; font-size: 1pt; height:100%; float:left; }
span.asyncUploader object { position: relative; top: 5px; left: 10px; }
/* Comments (single.php and comments.php) */
h3#comments, h3.lc { font-size: 18px; border-bottom: #D7D7D7 2px solid; width: 97%; margin:0 auto; }
h3.lc { padding-top: 10px; width: 97%; }
.comments_wrap { width: 97%; margin: 10px 0 0px 10px; padding-bottom: 5px; border-bottom: #D7D7D7 1px dotted; }
.comments_wrap .right { float: left; padding-left: 15px; }
.comments_wrap .right h4 { font-size: 11px !important; text-transform: none; padding: 0; font-weight: normal; }
.comments_wrap .right h4 b { font-size: 12px !important; }
.comments_wrap .right h4 a { text-decoration: none; }
.comments_wrap .right h4 a:hover { text-decoration: underline; }
/* Comments (form) */
form#commentform { margin: 20px 0 30px 10px; }
form#commentform label { display: block; margin: 10px 0; font-size: 12px; }
form#commentform label input { padding: 3px; width: 180px; font-size: 12px; }
form#commentform textarea { margin-bottom: 10px; display: block; padding: 3px; font-size: 12px; }
form#commentform input { margin-top: 5px; }
.ayuda li{ margin-top:4px; line-height: 19px; }
/* IE6 css fixer v0.1 alpha: Mon, 13 Apr 2009 19:20:06 +0200 */
/* ============================================= */
/* safe settings */
/* add display:inline to floated elements */
#header h1,
#navigation,
#navigation li,
#sidebar,
#tabsmap a.tab,
#filtros #loading,
#rankings .ranks3,
#rankings .ranks3 ul li img,
#options div.cols3,
#options div.cols3 h3 a img,
#options div.cols3 ul.latest_rec li img,
#footer p.copy,
div.ProgressBar div,
.comments_wrap .right {display:inline;}
/* convert min height values */
#wrapper {height:100%;}
/* convert min widths values */
#wrapper {width:1000px;}
/* add zoom:1 to overflow:hidden */
.inner {zoom:1; width:1000; margin:0 auto;padding:0 25px;}
/* add zoom:1 to pos:relative elements */
#wrapper,
.inner,
span.asyncUploader object {zoom:1;}
h2.cufon{ border-bottom:1px solid #026734; text-align:right; color:#026734;}
h3.cufon{ margin:5px 0 0 0; padding: 0; border-bottom:1px solid #35855d; text-align:center; color:#026734;}
h2.tright,h3.tright{ text-align: right; }
h2.tleft,h3.tleft{ text-align: left; }