/*tve catalunya****************************************/
@import url("prgTVEcatalunya2013_cab.css");
/***************************************************************/
/*TIPOS*/@import url("/css/tipografias.css");
/* COLORES ENLACES *********************************************/
/***************************************************************/ 
.news h2 a,.news > ul li a, .topview li a {color:#09f;text-decoration:none;outline:none;}
.news h2 a span,.news > ul li a span, .topview li a span {font-weight:bold;}
.news h2 a:hover,.news > ul li a:hover, .topview li a:hover {color:#000;text-decoration:none;}
/*Subrayado de titulares en módulos madre*/
/*Utilizamos border-bottom en lugar de subrayado::siempre nos aseguramos el estilo sea normal o bold*/
.news h2 a:hover {border-bottom:1px solid #000;}
/* COLORES ENLACES *********************************************/
/* END *********************************************************/

#wrapper,.wrapper.foot {background:#e8e8e8 url('http://img.irtve.es/css/style2011/i/bgTop.jpg') repeat-x;}
/*#wrapper,.wrapper.foot {background:#e8e8e8 url('i/bgTop.jpg') repeat-x;}*/
.wrapper.top {/*background-color:#fff;height:24em;width:100%;display:block;*/}
/*VIP zone*/

/* ZONA VIP*/
/*.vipZone {background:url('i/BackgroundPortada.jpg') 0 100% no-repeat; padding: 0.2em 0 0.2em;}
.vipZone .SlideContainer .contentBox .news h2 { width: 90%;}
.vipZone .SlideContainer .contentNav .title { color: #fff;}
/*.vipZone .SlideContainer .contentNav .title  a:hover span { color: #fff;}*/
/*.vipZone .contentNav .active a {background:url('i/fff_20.png');}*/

/******FONS ZONA VIP*******/
/*.vipZone {
    background: url("i/bkg_vipZoneTVEcatalunya.png") repeat-x scroll 0 100% #33bbff;}*/


/*****Franja titular azul mas larga*****/
.vipZone .SlideContainer .contentBox .news h2 { width: 90%;}


/*Menu NAVEGACIÓ TVE Catalunya* debajo zona vip*/
.bodier > .c100:first-child .linkit {background:#cfedfc;}
.linkit em, .linkit.S a span {font-size: 150%;line-height: 111.667%; color: #0174c9;}
.bodier > .c100:first-child .linkit:hover {background-position:0 100%;background-color:#aaa;}
.bodier > .c100:first-child .linkit a:hover span{color:#fff;}

/* COLOR TITULO TWITTER*/
#GENERAL .header span {background: none repeat scroll 0 0 #B5BF09; color: #000000; }
#GENERAL .endBlock { border-bottom: 0.1em solid #fff;}

/* ancho fabebook*/
.fb_iframe_widget .element.style {height: 327px;width: 270px;}


/*SECTARIOS  */
.secmod {padding:1.3em;-moz-box-sizing:border-box;box-sizing:border-box;}
.secmod .title a, .secmod .title span, .parrilla_head h2, .plusblock dt .titu {font-weight: bold; line-height: 140%;}



/********* TITULAR SECTARIO INFORMATIU **********/
.secmod .plusblock dt .titu {background: none; font-weight:bold; font-size: 120%; line-height: 150%; padding-left: 0.2em;}

/* AJUSTES SLIDE PHOTOS 'EL TEMPS' ***************************************/
/***************************************************************/
.secmod .mark > .slide {background:#f6f6f6;padding-bottom:0.8em;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 );
}
.secmod .pagbox ol li strong {color:#ccc;}
.secmod .pagbox ol li .active {color:#fff;}
.secmod .pagbox li strong:hover,
.secmod .pagbox li strong:hover span {color:#fff;}
.secmod .pagbox strong,
.secmod .pagbox .off strong,
.secmod .pagbox .off strong:hover,
.secmod .pagbox .off strong:hover span {color:#999;}
.secmod .pagbox li strong:hover span .next {background: #f6f6f6;}
.secmod .content_slide .titu {background:#3bf;}
.secmod .content_slide .titu strong {text-transform:none;background-image:url('http://img.irtve.es/css/rtve.commons/i/transpBasics/000000_90.png');font-weight:bold;}
.secmod .pagbox + .title strong {color:#000;font-size:150%;line-height:1.333; font-weight: bold;}
.gallery, 
.gallery li {height:auto !important;}
.gallery li .hor {padding-top:56.25%;position:relative;}
.gallery li .hor img {height:100%;position:absolute;left:0;top:0;}
.secmod .pagbox + .title strong {background: url("i/000_25.png") repeat scroll 0 0 transparent  !important;border-radius: 1em;color: #000000;display: inline-block;padding: 0.3em ;width: 90%;}
.pagbox ol li .active {background: none repeat scroll 0 0 #000;}
/* AJUSTES SLIDE PHOTOS ****************************************/
/* END *********************************************************/ 


/* PAGINADO SLIDE PHOTOS ***************************************/
/***************************************************************/
.pagbox {width:100%;float:left;display:block;padding:0.8em 0 0 0;}
.pagbox ul {width:auto;float:none;margin:0 auto;display:table;height:auto;}
/**/    *:first-child+html .pagbox {width:auto;}
/**/    *:first-child+html .pagbox ul {clear:both;display:inline-block;}
.pagbox li {float:left;width:auto;height:auto;margin:0 0.2em;border:0.1em solid #ccc;}
	.pagbox .items {border:none;margin:0;}
.pagbox strong {display:block;text-align:center;height:1.9em;width:100%;font-weight:normal;}
.pagbox span {display:block;font-size:130%;line-height:146.15%;}

/*botones navegacion*/
.pagbox .first,.pagbox .last {overflow:hidden;height:1.9em;width:1.9em;}
.pagbox .first strong,.pagbox .last strong {font-size:180%;line-height:1em;}
.pagbox .next strong,.pagbox .prev strong {width:6em;}

/*efecto hover/selected*/
.pagbox strong {text-decoration:none;}
.pagbox strong:hover {background:#ccc;color:#000;cursor:pointer;}
.pagbox .active {background:#000;color:#eee;}

/*efecto desactivado 'off'*/
.pagbox .off {border-color:#ddd;}
.pagbox .off strong,.pagbox .off strong:hover {color:#ccc;cursor:default;background:none;}

/*paginado compacto*/
.pagbox .numpages {text-align:center;width:5.231em;//68px s/13px;border:1px solid #ccc;color:#444;float:none;margin:0 auto;}
.pagbox .numpages strong {width:auto;display:inline;color:#000;font-weight:bold;}
.pagbox .numpages strong,.pagbox .numpages em {font-style:normal;}
.pagbox .numpages strong:hover {cursor:default;background:none;}

/*paginado extendido*/
/**/    *:first-child+html .pagbox .items {font-size:10px;//Explorer NO calcula bien los 'ems';}
.pagbox .items {overflow:hidden;position:relative;height:2.1em;display:inline-block;}
.pagbox ol {position:absolute;top:0;}
.pagbox ol strong {width:1.9em;}


/**/    *:first-child+html .content_slide {font-size:10px;//Explorer NO calcula bien los 'ems';}
.content_slide {width:100%;display:block;float:left;background:#f8f8f8;}
/*titulo fotogaleria*/
.content_slide .titu {width:100%;height:auto;background:#c00;float:left;}
.content_slide .titu strong {font-size:130%;line-height:169.2%;display:block;text-align:left;color:#fff;padding:0 0 0 0.462em;}
/*como colocar las fotos*/
.gallery,.gallery li,.gallery li span {text-align:center;display:block;width:100%;}
.gallery li,.gallery li span {height:100%;}
.gallery {float:left;cursor: pointer;}
.gallery li {}
.gallery li span {}

.gallery li img {width:none;/*width:100%;width:auto;*/}

.gallery .ver img {height:100%;}
.gallery .hor img {width:100%;}
.gallery .hor,.vmode .ver {overflow:hidden;}
.vmode .ver img {width:100%;height:auto;} 

/*titulo de las fotos*/
.slide .title {width:100%;text-align:center;padding:0.6em ;display:block;clear:both;}
.slide .title strong {font-size:130%;line-height:123.1%;font-weight:normal;}

/*ocultamos enlace 'ver foto'*/
span img + a {display:none;}