/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,100,100italic,300,300italic,400italic,500italic,700,700italic,900,900italic);

body {font-family: 'Roboto','Arial',sans-serif;}

/* text & font */
.grid > h3 span {font-family:'Roboto','Arial',sans-serif;}
.grid > h3 span,.catalog .nav .active a span, .news h2 span,.TablaContenidos .ladillo h2 span, .container > h2 span {text-transform:none;color:#f3f3f3;}

/* logo filmoteca en titulos */
/* cambiando la maquetacion logo filmoteca en titulos */
.bodier .grid > h3, .container > h2 span, .bodier .c33 h2, .bodier .c34 h2, .TablaContenidos .ladillo h2, .mark .categoria{background:none;}
.bodier .grid > h3:before, .container > h2 span:before, .bodier .c33 h2:before, .bodier .c34 h2:before, .TablaContenidos .ladillo h2:before, .mark .categoria:before {content:' ';display:block;width:51px;height:25px;background:url('/css/rtve.2015.filmoteca/i/logofilmoteca_2fa1e0.png') no-repeat 0 100%;position:absolute;top:0;z-index:-1;}

.bodier .grid > h3 span, .bodier .c34 h2 span, .bodier > h2,
.categoria a span, .container > h2 , .TablaContenidos .ladillo h2 span, .bodier .c33 h2 span, .bodier > h2 {padding:0.1em 1.5em 0 1.7em;display:inline-block;}
h2.M {position:relative;}
.container > h2 span:before {z-index:0;}
.TablaContenidos .ladillo, .TablaContenidos .f02, .thumbox > .ladillo {padding:0 !important;}
/****/

.container > h2 span {padding: 0.5em 1.5em 0 1.8em;}
/*h3 span, .TablaContenidos h2 span, .categoria span, h2.M span , .container > h2  span {margin-left:-0.8em;}*/

/* 24px*/
.TablaContenidos .ladillo h2 span {font-size:240%;line-height:1;}
.grid > h3 span, .container > h2 span, .catalog .nav .active a span, .news h2 span, .videoWall .mainBox .maintitle {font-size:240%;line-height:1;}
.show3 .active .mantitle {line-height:2;}
.bodier .c33 h2 span,.bodier .c34 h2 span, .container > h2 span, .TablaContenidos .ladillo h2 span {font-weight:700;}
.grid > h3 span, .container > h2 span, .catalog .nav .active a span, .news h2 span, .videoWall .mainBox .maintitle {font-weight:700;}

/* 20px*/
.videoWall .mainBox .maintitle, .txtBox .maintitle {font-size:200%;}
.videoWall .mainBox .maintitle {line-height:1.2;color:#2fa1e0;}
.videoWall .mainBox .maintitle:first-letter {text-transform:lowercase;}
.mainBox .maintitle {color:#bbb;}

.show3 .active .mantitle {}

/* 16px*/
.switcher li .label, p {font-size:160%;line-height:1.25;}
.g6 .txtBox .mantitle  {color:#2fa1e0}

/* 14px*/
.nodo  .gridBox:not(.videoWall) .mainBox .maintitle {font-weight:400;font-size:140%;line-height: 1.2;}
.hourdata {font-size:140%;line-height:1.2855;}
.pubBox time:before , .panel h3 span, .auxBox .pubBox .time, .hourdata, .date,.auxBox .pubBox .date{font-size:140%;}
.pubBox time:before  {color:#5f5f5f}
.panel h3 span, /*.mod .txtBox .maintitle */{line-height:1.4285;}
.auxBox .pubBox .date {font-weight:400;}