/* Radio nacional stylesheet by Maciej Ruckgaber <maciekrb@gmail.com>  Revision: $Id:$ */
body{background-color:#fff;margin:0;padding:0 0 10px 0;color:#333;font-size:12px;font-family:arial,helvetica,verdana,sans-serif}
h1{font-size:13px;color:#2a403e}
h2{font-size:12px;color:#2a403e}
h3{font-size:12px}
a{color:#000;font-weight:bold;}
a:hover {text-decoration:none}
img{border:none}
tr.sep td{border-bottom:1px solid #ddd}
tr.sep span{font-size:9px;font-weight:bold}
table.dataTable{border-collapse:collapse;width:90%;margin:0 auto}
table.dataTable th{background-color:#ccc;color:#000;}
table.dataTable td,table.themeTable th{border:1px solid #ddd;padding:3px;color:#000}
form{margin:0;padding:0}
.inputlabel{width:130px}
.inputfield{border:1px solid #444;font-size:10px}
.formbutton{border:1px solid #444;font-size:10px}
.medium{width:200px}
.message{background-color:#2a403e;color:#fff;font-weight:bold;padding:4px;text-align:center}
.evenRow{background-color:#efefef}
.clear{clear:both;font-size:1px;height:1px}
.smalltxt{font-size:10px}
.right{text-align:right}
.mask{background-color:#000000;opacity:0.8}
#loadBox{background-color:#fff;padding:2px 10px;border:1px solid #2a403e}
#loadBox2{background-color:#fff;position:absolute;padding:10px;display:block}
.fplayer{position:relative;top:3px}
/* General layout */
#page-wrapper{width:985px;margin:0 auto}
#mod-main{width:756px;float:left}
#mod-main #left-col{width:241px;float:left}
#mod-main #right-col{width:500px;float:left;margin-left:8px;}
#mod-right{float:left;width:218px;margin-left:8px}
#page-head{background:transparent url(/bd061008/images/headbg.jpg) top left repeat-x;text-align:center;}
#internal-page-head{height:100px;background:#fff url(/bd061008/images/head_ic.gif) top left repeat-x}
#internal-page-head img{float:left}
#lhead{width:20px;height:100px;background:transparent url(/bd061008/images/head_il.gif) top left no-repeat;display:block;float:left}
#rhead{width:20px;height:100px;background:transparent url(/bd061008/images/head_ir.gif) top left no-repeat;display:block;float:right}
/* Menu Properties */
#main-menu{float:left;margin:0 0 10px 0px}
#main-menu ul{list-style-type:none;margin:0;padding:3px}
#main-menu li{display:inline;padding:1px 4px;}
#main-menu li img{position:relative;top:8px}
#main-menu li a{margin:3px}
#main-menu li a:hover {color:#970102;}
/* Menu inside internal pages */
#internal-page-head #main-menu{font-size:10px;color:#ddd;float:right;margin-top:50px}
#internal-page-head #main-menu li{padding:1px 2px;border-left:1px solid #666}
#internal-page-head #main-menu a{color:#666;text-decoration:none}
#internal-page-head #main-menu a:hover {text-decoration:underline}
#inicio li.inicio a,#contacto li.contacto a,#equipo li.equipo a,#quienes li.quienes a, #programas li.programas a{}
/* Box properties */
div.box{width:100%;margin:6px 0px;padding-top:5px}
div.box .hd{font-weight:bold;height:29px;padding:5px 0px 0px 5px;}
div.box .hd span{position:relative;top:10px}
div.box .hd img{position:relative;top:10px}
div.box .yico1{background:transparent url(/bd061008/images/hdbg_y_1.jpg) top left no-repeat;}
div.box .yico2{background:transparent url(/bd061008/images/hdbg_y_2.jpg) top left no-repeat;}
div.box .rico1{background:transparent url(/bd061008/images/hdbg_r_1.jpg) top left no-repeat;}
div.box .rico2{background:transparent url(/bd061008/images/hdbg_r_2.jpg) top left no-repeat;}
div.box .rico3{background:transparent url(/bd061008/images/hdbg_r_3.jpg) top left no-repeat;}
div.box .bd{border:1px solid #999;border-top:0}
div.box .whitebd, div.box .whitebd td{background-color:#fff;color:#444}
div.box .whitebd a,div.box .whitebd td a{color:#970102;}
div.box h1{margin:0;font-size:13px}
div.box h2{margin:0;font-size:11px}
div.box .article-by{font-weight:bold}
div.box p{margin:2px 0px 4px 0px}
/* Destacado */
#destacado {margin-top:0}
#destacado .bd{margin:0;padding:0}
/* Top 10 */
#top10 .bd{margin:0;padding:0}
/* Obsequio */
#obsequios .bd{margin:0;padding:0}
/* sismica */
#sismica {margin-top:10px}
/* Listados */
#listados a{font-weight:bold}
#listados .bd{padding:8px}
#listados .bd div{border-bottom:1px solid #444;padding:2px 0}
.l-number{font-size:16px;font-weight:bold;padding:4px}
/* Listados overlays */
#infoBox{background-color:#fff;color:#444;border:1px solid #2a403e}
#infoBox h1{margin-left:20px}
#bigSheet .container-close{background:transparent url(/bd061008/images/close.gif) no-repeat scroll 0%;width:19px;height:20px;right:15px}
.listing {height:300px;overflow:auto;margin:10px}
.listing table {width:100%;font-size:10px}
.hclose{padding:3px 5px;text-align:right;}
.hclose a{color:#000;text-decoration:none}
.hclose a:hover {text-decoration:underline}
/* Mi radio */
#myarea{overflow:hidden;height:86px;background:transparent url(/bd061008/images/gente_radionacional_bg.jpg) top left no-repeat}
/* Trivia */
#trivia{border:1px solid #2a403e;background:#eeeeee url(/bd061008/images/triviahead.jpg) top left no-repeat;margin-bottom:5px;padding:90px 0 5px 0}
#trivia .bd{padding:0 8px;height:220px;color:#444;background:transparent url(/bd061008/images/triviabg.jpg) top left no-repeat}
#trivia .aggressive-red{color:#cc0000;font-size:12px;font-weight:bold}
.trivia-q {color:#444;padding:10px;}
.trivia-q h2{font-size:12px;color:#2a403e}
.trivia-ans{padding-left:40px;}
.trivia-submit{text-align:right;margin:20px}
.carousel-component .carousel-list li img {display:block;}
.carousel-component .carousel-prev {position:absolute; top:30px; z-index:3; cursor:pointer;left:5px;}
.carousel-component .carousel-next { position:absolute; top:30px; z-index:3; cursor:pointer; right:5px; }
.carousel-component {position:relative;overflow:hidden;display:none;padding:8px 6px 4px 6px;margin:10px 0px 0px 0px;border:1px solid #444}
.carousel-component ul.carousel-list{width:10000000px;position:relative;z-index:1;margin:0px;padding:0px;line-height:0px;}
.carousel-component .carousel-clip-region { overflow:hidden; margin:0px auto; position:relative; }
.carousel-component .carousel-list li {text-align:center; margin:0px; padding:0px;font:10px verdana,arial,sans-serif;color:#666;float:left;list-style:none; overflow:hidden;margin:2px;width:92px;height:59px;}
/* Main Banner */
#main-banner{height:118px;border:1px solid #ccc;background:transparent url(/bd061008/images/bannerbg.jpg) top left repeat-x;margin-bottom:5px;}
#main-banner .promospace{float:left;width:764px;height:118px;overflow:hidden}
#main-banner .dial{}

/* Acordeon */
#acordeon div.hd{height:16px;padding:4px 5px 0 5px;background:#ccc url(/bd061008/images/boxhdbg_y.gif) top left repeat-x;font-weight:bold;color:#666}
#acordeon div.hd span.label{float:left}
#acordeon div.hd span.more{float:right}
#acordeon .posts div.hd{background:#f6f6f6 url(/bd061008/images/liteboxhdbg.jpg) top left repeat-x;color:#444;font-size:11px}
#acordeon .posts div.hd span.label{float:right;text-transform:uppercase;font-weight:normal;}
#acordeon .posts div.hd span.title{float:left}
#acordeon .posts div.bd{background-color:#f6f6f6;padding:5px 8px 2px 8px;color:#444}
#acordeon .posts h1{font-size:12px;margin:0;padding:0}
#acordeon .posts p{margin:5px 0 0 0;padding:0;font-size:12px}
#acordeon .posts p span{font-size:10px;font-weight:bold;}
#acordeon .posts .img-wrapper{float:left;width:80px;text-align:center;margin:4px 4px 0px 4px}
#acordeon .posts .more{text-align:right}
#acordeon .posts a{font-size:9px;color:#970102;}
/* Galeria */
#galerias .bd{background:transparent url(/bd061008/images/galerybg.jpg) top left;padding:6px 0 0 25px;}
#galerias .bd table{height:38px}
#galerias .bd table td{vertical-align:bottom}
#galeria .panel1{width:670px;height:190px;overflow:auto;border-right:1px solid #777;border:1px solid #232323;background-color:#fff}
#galeria .panel1 h1{font-size:10px;margin:0;padding:10px 8px 0 8px;color:#666}
#galeria .set{cursor:pointer;font-size:9px;width:205px;float:left;padding:5px 5px}
#galeria .set img{float:left;margin:0 5px 8px 0}
#galeria .set hr{width:80%;border-bottom:1px solid #ccc;padding-top:0;clear:both}
#galeria .set .clear{width:80%;border-bottom:1px solid #ccc;padding-top:6px;margin:0 0 6px 15px}
#galeria .panel2{margin-top:20px;border:1px solid #ccc;background-color:#000}
#galeria .panel2 .img-container{text-align:center;}
#galeria .panel2 .txt-container{height:40px;overflow:hidden;padding:3px 0px 3px 5px;background-color:#ccc}
#galeria .panel2 .txt-container h1{width:520px;float:left}
#galeria #gimg,#ovgimg{cursor:pointer}
#caption{font-size:10px}
/* Memorias Auditivas */
#memorias-aud .bd h1{font-size:12px;margin-top:4px}
#memorias-aud .bd p{font-size:10px}
#memorias-aud img {float:left;margin:5px}
#memorias-aud .bd div{height:85px;border-bottom:1px solid #2a403e}
#maquetas .bd{background-color:#fff;color:#444}
#maquetas .bd h1{font-size:12px;margin-top:4px}
#maquetas .bd p{font-size:10px}
#maquetas img {float:left;margin:5px}
#maquetas .bd div{height:85px;border:1px solid #444}
/* Cartelera */
.cartelera .bd{padding:4px}
.cartelera .bd div{;border-bottom:1px solid #ddd;}
.cartelera .bd div a{display:block;text-decoration:none;color:#444;font-size:10px;padding:4px 4px 4px 15px;background:transparent url(/bd061008/images/plus_ico.png) 0px 5px no-repeat}
.cartelera .bd div a:hover {background-color:#ccc;}
/* al-aire */
/* Sintonizanos */
#sintonizanos{padding:20px;margin-top:16px;background:transparent url(/bd061008/images/sintonizanosbg.jpg) top left no-repeat;}
#dialinfo{font-weight:bold;text-align:center}
/* fonoteca */
#fonoteca .panel1{text-align:center;background-color:#ddd;padding:15px 0;}
#fonoteca .panel2{padding:10px;}
#fonoteca .panel3{padding:8px}
#fonoteca .panel3 a{font-size:10px}
#fonoteca .overflow{overflow:auto;width:160px;height:155px;margin-top:5px}
#fonoteca .overflow div{border-bottom:1px solid #777;padding:3px 2px}
/* Titulares */
/* Al Aire programacion */
#prog-cal{width:280px;float:left}
#prog-layout{width:320px;float:left}
#prog-left table{margin:0 auto}
/* Podcasts */
#podcast-list img{float:left;margin:0 5px 5px 0}
#podcast-list div{clear:both;padding-bottom:10px}
#podcast-list h1{font-size:15px}
#podcast-list h2{color:#444;font-size:12px}
#podcasts .pager img{position:relative;top:4px;margin:0px 4px}
#podcasts .pager a{text-decoration:none}
/* monthly calendar style */
.cal {width:160px;margin:0 auto;padding:12px;border:1px solid #555;background-color:#f2f2f2;}
.cal table{border-collapse:collapse;width:100%}
.cal table td{padding:1px;border:1px solid #ccc;text-align:center;background-color:#fff;}
.cal table th{border:0;color:#000}
.cal table td a{color:#e76300;display:block;text-decoration:none}
.cal table td a:hover {background-color:#ffcc66;}
/* Blog */
#blog .bd{padding:8px}
#blog div.textlet{border-bottom:1px solid #ddd;padding:5px 0}
#blog div.textlet h3{margin:0;padding:0;font-size:13px;color:#970102}
#blog div.textlet p,#blog div.entry a{font-size:10px}
/* Radionica en */
#radionica-en .bd{padding:5px 2px}
/* Alianzas */
#alianzas .bd{padding:5px;text-align:center}
/* Post */
#post{width:700px;margin:0 auto;}
#post a{color:#970102;text-decoration:none}
#post a:hover {text-decoration:underline}
#post .bd{background-color:#fefefe;color:#2a403e}
#post-resources{padding:10px;border:1px dotted #444;background-color:#999;width:441px;overflow:hidden}
#post #youtube{width:450px;margin:30px auto}
.post-table td{vertical-align:top}
/* Editor Styles */
.audiofile{margin:0;padding:0;font-size:10px;}
.flickr{background:transparent url(/bd061008/images/flickr_ico.gif) center left no-repeat;padding-left:18px}
.link a{background:transparent url(/bd061008/images/link_ico.gif) center left no-repeat;padding-left:18px}
.mp3-tag{position:relative;top:-2px;font-size:10px;}
/* Pie */
#page-foot ul,#page-foot li{list-style-type:none;}
#page-foot li{display:inline;margin:5px 10px}
#page-foot a{font-size:9px}
#address{font-size:9px;margin-top:20px;text-align:center;color:#fff;background-color:#2a403e;padding:3px}
/* Yui objects */
.yui-panel {background-color:#fff;border:1px solid #2a403e;font-family:arial,helvetica,verdana,sans-serif}
.yui-panel .hd{background-color:#2a403e}
#bigSheet{border:1px solid #232323}
#bigSheet .bd{margin:0;padding:0}
#bigSheet .hd{border:0;background-color:#cccecd;font-size:0px;height:0px}
#post{border:1px dotted #666}
#post .hd{background-color:#232323;height:50px;font-size:10px;padding:0 10px 15px 10px}
#post .hd h1{color:#fff;font-size:16px;margin-top:0;padding-top:15px}
#bigSheet #post .hd h2{color:#fff;font-size:14px}
#post .bd{padding:0px}
#parrilla .hd{background-color:#232323;height:50px;font-size:10px;padding:0 10px}
#parrilla .hd h1{color:#fff;font-size:16px;margin-top:0;padding-top:10px}
#parrilla .bd{padding:30px 20px}
#video .hd{background-color:#232323;height:50px;font-size:10px;padding:0 10px}
#video .hd h1{color:#fff;font-size:16px;margin-top:0;padding-top:4px}
#video .bd{padding:40px 40px;background:transparent url(/bd061008/images/floatingOverlayBg.jpg) top left repeat-x;text-align:center}
#galeria .hd{background-color:#232323;height:50px;font-size:10px;padding:0 10px}
#galeria .hd h1{color:#fff;font-size:16px;margin-top:0;padding-top:10px}
#galeria .bd{padding:30px 20px;background:transparent url(/bd061008/images/floatingOverlayBg.jpg) top left repeat-x;text-align:center}
#loadBox2 .container-close{background:transparent url(/bd061008/images/close.gif) no-repeat scroll 0%;width:19px;height:20px;top:35px;right:15px}
/* Paginas internas */
#internalpage{width:930px;margin-bottom:50px;}
#internalpage hr{width:90%;border-top:1px solid #444;margin-bottom:20px}
#mview{padding:20px;background-color:#f6f6f6;border-radius:1em;-moz-border-radius:1em}
#body{width:500px;height:450px;float:left;padding:0px 30px}
#nav{width:280px;padding:0px 15px;height:450px;float:left;overflow:auto;border:1px solid #2a403e;}
#nav .entry,#nav .menu-entry{border-bottom:1px solid #444;padding:5px 3px;cursor:pointer}
.entry h1,.menu-entry h1{margin:0px;padding:0px;}
#body .imgwrap{width:240px;padding:10px;background-color:#ccc;margin:0 20px 10px 0;float:left;text-align:center}
.content-entry{position:absolute;visibility:hidden;width:500px}
.bover{background-color:#ababab}
#prealizador{font-weight:bold;color:#970102;width:220px;padding:10px 0px;float:left}
#pby{font-weight:normal;color:#fff}
.visible{visibility:visible}
/* Historial */
#headMenuBox{border-top:1px solid #27403a}
#headMenuBox .wrapper{margin:0 auto;height:108px;width:92%;background-color:#f4f4f4;}
#headMenuBox .lft{float:left;width:12px;height:110px;background:transparent url(/bd061008/images/appmenu_lft.gif) top left no-repeat}
#headMenuBox .content{width:600px;margin:0 auto}
#headMenuBox .content ul{list-style-type:none;margin:0;padding:0;}
#headMenuBox .content li{display:inline;border-left:1px solid #27403a;padding:0px 4px}
#headMenuBox .content a{font-weight:bold}
#headMenuBox .rgt{float:right;width:12px;height:110px;background:transparent url(/bd061008/images/appmenu_rgt.gif) top left no-repeat}
#hresults {width:90%;margin:0 auto}
#hresults .res h1 span{font-size:10px}
#hresults .res{border-bottom:1px  solid #666;padding-bottom:3px}
#hresults .res a{font-size:10px}
.docmap ul, .docmap li{list-style-image: url(/site_images/page.gif)}
.docmap ul li.dir{list-style-image: url(/site_images/folder.gif)}
#back-to-search{background-color:#cccecd;padding:3px;font-size:10px;}
.textlet{clear:both;padding:5px;}
.textlet .mwrapper{float:left;width:85px;}
.textlet .media{height:20px;margin-top:4px;padding:8px 5px 5px 5px;background:transparent url(/bd061008/images/icobase.gif) top left no-repeat}
.textlet .media span{display:block;float:left;width:18px;padding:0px 2px}
.textlet h3{margin:0;padding-top:0px;color:#ff6600}
.textlet h4{margin:0;padding-top:0px;color:#ff6600;font-size:12px}
#textletOverlay{background-color:transparent;border:none}
#textletOverlay .hd{border:1px;background:transparent url(/bd061008/images/floatingOverlayHead.gif) top left no-repeat;height:68px}
#textletOverlay .hd{text-align:right}
#textletOverlay .hd h1{padding:20px 8px;color:#fff;font-size:18px}
#textletOverlay .bd{background:#fff url(/bd061008/images/floatingOverlayBg.jpg) top left no-repeat;border:1px solid #ccc;padding:10px 5px}
#textletOverlay .textlet{float:left;width:252px;height:120px;clear:none;background:#fff url(/bd061008/images/textletModuleBg.jpg) bottom right no-repeat;margin:5px;padding:8px}
#textletOverlay .container-close{background-image:url(/bd061008/images/spacer.gif);width:29px;height:25px;}
#textletOverlay .textlet-collection{height:390px;overflow:auto;padding:10px 0px}
.pager{font-size:10px;color:#ff6600;padding:10px;font-weight:bold}
.pager span{padding:5px}
.pager .current{color:#777}
.pager a{color:#ff6600;}
.audiofile {padding:4px 0;border-bottom:1px dotted #666}
.audiofile img{margin-right:5px;position:relative;top:3px}
.audio-resource{border:1px solid #666;background-color:#f3e6bb;padding:4px;}
.audio-resource h3{color:#970102;margin:0;padding:2px}
.audio-resource p{margin-bottom:4px}

