/* CSS Document */
/*
Proyecto: C13
Resumen: Tema Especifico PORTADA Canal Trece
Version: 0.1b
Descripcion:
    Estilos de Header.
    Estilos de Modulos
    Estilos de Titulos
*/
/* ---------------------------------- */
/* ESTILOS HEADER PORTADA */
/* ---------------------------------- */
/*Estilos de logo y enlaces*/
body{background-position:center 10px;}
#full{
-moz-opacity:0.8;
filter: alpha(opacity=80);
width:100%;
background-color:#000000;
position:absolute;
top:0px;
left:0px;
z-index:900;
height:100%;
}

div#beta{width:100%;height:20px;background:#d96720;}
div#beta a{width:100%;height:20px;background:url(/static/css/images/bg_beta.png) center top;border-bottom:0px solid white;display:block;text-indent:-10000em;overflow:hidden;}



/* ---------------------------------- */
/* ESTILOS ESTRUCTURA MODULAR */
/* ---------------------------------- */
#main .square{height:293px!important;margin:0 0 15px 0;}
#main .flash{margin:0 0 15px 0!important;float:left;height:245px;overflow:hidden;background:black;}
#main .teletrece{height:600px;}
#main .destacado{height:250px;}
#main .media{min-height:280px;}
#main .programacion{height:260px;}

#side .blogs{height:auto; margin-bottom:5px;}
#side .webtv{
width:320px!important;
height:366px;
padding-left:18px;

/*height:508px;*/
margin:10px 0 10px 0;
}
#side .ad{margin:10px 0px;height:250px!important;}
#side .adm{margin:5px 0 0 10px;height:180px;width:145px;}
#side .celular{text-align:center;background:none!important;height:70px;}

/* ---------------------------------- */
/* ESTILOS TITULOS MODULOS */
/* ---------------------------------- */
.h3_teletrece{background:url(/static/css/images/titulo_teletrece.png) no-repeat;text-indent:-10000em;overflow:hidden;}
.h3_deportes{background:url(/static/css/images/titulo_deportes.png) no-repeat;text-indent:-10000em;overflow:hidden;}
.h3_espectaculos{background:url(/static/css/images/titulo_espectaculos.png) no-repeat;text-indent:-10000em;overflow:hidden;}
.h3_teleseries{background:url(/static/css/images/titulo_teleseries.png) no-repeat;text-indent:-10000em;overflow:hidden;}
.h3_exclusivo{background:url(/static/css/images/titulo_exclusivo.png) no-repeat;text-indent:-10000em;overflow:hidden;}
.h3_especiales{background:url(/static/css/images/titulo_especiales.png) no-repeat;text-indent:-10000em;overflow:hidden;}
.h3_blogs{background:url(/static/css/images/titulo_blogs.png) no-repeat;text-indent:-10000em;overflow:hidden;}
.h3_destacamos{background:url(/static/css/images/titulo_imperdibles.png) no-repeat;text-indent:-10000em;overflow:hidden;}
.h3_micanal{background:url(/static/css/images/titulo_micanal.png) no-repeat;text-indent:-10000em;overflow:hidden;}
.h3_programacion{background:url(/static/css/images/titulo_programacion.png) no-repeat;text-indent:-10000em;overflow:hidden;}

/* ---------------------------------- */
/* ESTILOS CONTENIDO MODULOS */
/* ---------------------------------- */
/* Estilos MENU EDITAR */
.submenu{position:absolute;background:white;width:422px;height:120px;font-size:1em;z-index:1!important;text-indent:0em;margin:17px 0;}
.submenu h4{font-size:1.2em;font-weight:900;margin:5px 15px;}
.submenu form{margin:0 15px;}
.submenu p{display:block;float:left;margin:5px 0;width:30%;border:none!important;padding:0!important;}
.submenu .cerrar{text-align:center;margin:auto;padding:5px;font-weight:900;border:1px solid #444!important;background:#ddd;cursor:pointer;clear:both;float:right;width:95%!important;}
.submenu .cerrar:hover{background:#f5f5f5;}
.simple .submenu{width:200px;height:160px;}
.simple .submenu p{width:50%;}
/* Estilos FLASH */
.flash{background:none!important;}
.flash #next{position:absolute;z-index:10;height:180px;width:200px;margin:0 0 0 440px;text-indent:-10000em;overflow:hidden;display:block;background:url(/static/css/images/flash_next.png) right 100px no-repeat;}
.flash #prev{position:absolute;z-index:11;height:180px;width:200px;text-indent:-10000em;overflow:hidden;display:block;background:url(/static/css/images/flash_prev.png) left  100px no-repeat;}
.flash p{position:absolute;z-index:12;width:400px;height:60px;top:200px;margin-left:20px;color:white;}
.flash p small{display:block;line-height:1.2em;}
.flash p strong{font-size:1.8em;display:block;}
.flash .videos{position:absolute;z-index:13;width:60px;height:90px;top:200px;margin-left:490px;text-indent:-10000em;overflow:hidden;display:block;}
.flash .fotos{position:absolute;z-index:14;width:60px;height:90px;top:200px;margin-left:570px;text-indent:-10000em;overflow:hidden;display:block;}
/* Estilos TELE13 ONLINE */
.teletrece{margin:0!important;padding:0!important;text-align:center;float:left;}
.teletrece h3{z-index:1000;}
.teletrece .caja{margin:auto;width:390px!important;border:1px solid #ddd!important;text-align:left;}
.teletrece ul.menu{width:170px;float:right;font-size:1em;height:525px}
.teletrece ul.menu li{margin:0;padding:0;}
.teletrece ul.menu li a{float:left;display:block;margin:0!important;border-top:1px solid white;background:url(/static/css/images/bg_c13.png) repeat-y left top;padding:6px 10px;line-height:1.2em;}
.teletrece ul.menu li.activo a{background:white;}
.teletrece .entradas {margin:10px 0 5px 10px;float:left;width:200px;height:520px;display:block;overflow:hidden;float:left;}
.teletrece .entrada {width:200px;height:520px;float:left;}
.teletrece .entrada a img{float:left;}
.teletrece .entrada ul{margin:0 5px;float:left;}
.teletrece .entrada ul li {margin:0 0 5px 0;line-height: 1.3em;}
.teletrece .entrada h2{font-size: 1.4em;margin:10px 0;float:left;display:block;line-height:1.2em;color:#666;width:200px;}
.teletrece .entrada h4{margin:5px 0;padding:10px 0;font-weight: 900; font-size: 1.1em;border-top:1px dashed #999;float:left;width:100%;}
.teletrece strong{font-weight: 900!important;}
.teletrece .no a{background:none!important;border:none!important;margin:10px 0 0 30px;}


/* Estilos  PROGRAMACION */
.programacion .canales{float:left;margin:0 10px;}
.programacion .canales li{float:left;margin:10px 2px 0 0;background:#eee;}

.programacion .nacionalOn a{background:url(/static/css/images/tab_nacional.png) center center no-repeat;text-indent:-10000em;overflow:hidden;width:87px;height:30px;display:block;}
.programacion .nacionalOff a{background:url(/static/css/images/tab_nacional_o.png) center center no-repeat;text-indent:-10000em;overflow:hidden;width:87px;height:30px;display:block;}
.programacion .cableOff a{background:url(/static/css/images/tab_cable_o.png) center center no-repeat;text-indent:-10000em;overflow:hidden;width:69px;height:30px;display:block;}
.programacion .cableOn a{background:url(/static/css/images/tab_cable.png) center center no-repeat;text-indent:-10000em;overflow:hidden;width:69px;height:30px;display:block;}
.programacion .onlineOn a{background:url(/static/css/images/tab_online.png) center center no-repeat;text-indent:-10000em;overflow:hidden;width:90px;height:30px;display:block;}
.programacion .onlineOff a{background:url(/static/css/images/tab_online_o.png) center center no-repeat;text-indent:-10000em;overflow:hidden;width:90px;height:30px;display:block;}

.programacion .dias{float:right;margin:0 10px;}
.programacion .dias li{float:left;margin:0 0 0 5px;font-size:0.8em;padding:0 0 0 5px;margin:20px 0 0 0;}
.programacion .dias .activo{background:url(/static/css/images/tab_flecha.png) bottom center no-repeat;padding-bottom:10px; }
.programacion .caja{float:left;width:615px;background:#ddd;margin:0 10px 10px 10px;clear:both;}
.programacion .menu{float:right;width:250px;overflow:auto;height:150px;margin:10px 0;}
.programacion .menu li{padding:10px;font-size:1.2em;background:url(/static/css/images/bg_programacion.png) left top repeat-y;border-top:1px white solid;}
.programacion .menu strong{color:white;width:40px!important;float:left;text-align:right;padding:0 10px 0 0;}
.programacion .menu li.activo {background:white;color:black;}
.programacion .menu .activo strong{color:orange;}
.programacion .entradas{float:left;width:335px;margin:10px 0 10px 10px;padding:10px;background:white;height:130px;}
.programacion .entradas a img{float:left;margin:0 20px 20px 0;}
.programacion .entrada h2 a{color:orange;font-size:1.6em;}
.programacion .entrada small{font-size:0.9em;font-style:italic;}
.programacion .entrada p{font-size:1em;font-size:1em;margin:0 0 15px 0;}
.programacion .entrada p a{font-size:1em;font-size:1em;margin:2px 0 0 0;display:block;}
 

/* Estilos Logo Maus*/
#maus{ height: 29px; float: right; margin: 10px 0px 0px 0px; padding: 0px 10px 0px 0px;}