/* NAVIGATION **************************************************/
/***************************************************************/
/*backgrounds*/
body {
background: url('http://img.irtve.es/css/style2011/i/bgTop.jpg') repeat-x top center !important;
background-color: #E8E8E8 !important;
}
.overheader,.header,.principal li > a:hover span,.breadCrumb,.calendar.linear {background:url('http://img.irtve.es/css/rtve.deportes/rtve.deportes.jjoo2012/i/web/BkgTableHeaders.png') repeat-x;}
.secondary .cabLogo img,.searchBox .ico {background:url('http://img.irtve.es/css/rtve.deportes/rtve.deportes.jjoo2012/i/web/spriteCabecera.png') no-repeat;}
.overheader {background-color:#3d3d3d;background-position:0 -2em;}
.header {background-position:0 -32em;}
.cab_especial {padding-top:0em;}
.overheader .cab_box    {padding:0.8em;}
.header .cab_box  {padding:0em;display:block; min-height:9.3em;border-bottom:#B4B4B4 solid 1px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; overflow:visible}
.header li {float:left;}
.principal,.principal li > a {display:block;width:100%;height:3.3em;}
.principal {border-top: 0.1em solid #B4B4B4;bottom: 0em;position: absolute;width: 73.4em;left: 13.5em;}
.principal li a:hover * {cursor:pointer;}
.principal li > a:hover span {background-position:0 -1.9em;color:#ff3500;}
.principal li.active a * {cursor:default;}
.principal li.active > a span {background-position:100% -7em;/*color:#fff;*/ color:#000}
.principal li > a span {font-size:150%;line-height:226.667%;text-transform:uppercase;color:#ff3500;padding:0 0.8em;display:inline-block;float:left;border-right: solid 0.1em 
#B4B4B4;}
.principal li .mainTit,.principal li .mainSub {text-transform:none;padding:0;background:none;font-size:290%;line-height:120.79%;letter-spacing:-0.034em; border:none}
/**/    *:first-child+html .principal li .mainTit,*:first-child+html .principal li .mainSub {letter-spacing:0;}
.principal li .mainTit {color:#000;}
.principal li .mainSub {color:#555;}

/*cleaning Explorer*/
.principal li.active a .mainTit,.principal li.active a .mainSub,
.principal li a:hover .mainTit,.principal li a:hover .mainSub {background:none;color:#000;}
/*arrows*/
.principal li .ico {display:none;}
.principal .combo > a span {padding-right:1.6em;}
.principal .combo .ico {font-size:10px;background:url('i/arrows.png') 50% 50% no-repeat;width:1.2em;height:1.2em;display:block;padding:0;margin:1.1em -2em 0 -2em; border:none}
.principal .combo a:hover .ico {background-position:100% 0;}
.principal .combo.active a .ico {background-position:0% 0%;}


/*SECUNDARY*/
.secondary .cabLogo img,.searchBox .ico {display:block;}
.secondary {width:100%;float:left;padding:0.6em 0;/*background:yellow;*/}
.secondary .cabLogo img {height:8.5em;}
.secondary .londres, .secondary .olympic {height: 9.3em;box-sizing: border-box;}
.secondary .general {display:none;}
.secondary .olympic {background: #fff; width: 13.5em; border-right:solid 0.1em #b4b4b4}
.secondary .londres {width: 8.3em; border-left:solid 0.1em #b4b4b4}
	.secondary .general img {width:11.3em;padding:0 0.5em 0 0;}
	.secondary .londres img {width: 7em;background-position: -18em 0.5em;background-color: white;margin: 0 auto;}
	.secondary .olympic img {width:11em;background-position:100% 1em;margin:0 auto; height:9em}
/*SEARCH-BOX*/
.searchBlock {display:none;}
.searchBlock form {font-size:10px;}
.searchBox,.searchBox * {float:left;}
.searchBox .ico {width:1.8em;height:1.8em;background-position:0 -8.8em;margin:0.5em;}
.searchBox {border:0.1em solid #bbb;-webkit-border-radius:0.4em;border-radius:0.4em;height:2.8em;border-top-color:#ddd;}
.searchBox input {font-size:130%;line-height:200%;height:2em;display:block;width:14.77em;padding:0 0.615em;color:#07f;}

/*botones*/
.overheader .botones a,.searchBlock .botones.falseLink {background-position:0 -18em;}
.overheader .botones span,.searchBlock .botones.falseLink span {background-position:100% -18em;}
.overheader .botones strong,.searchBlock .botones.falseLink input {background-position:0 100%;text-transform:uppercase;color:#ccc;}
.searchBlock .botones.falseLink:hover {background-position:0 0;}
.searchBlock .botones.falseLink:hover span {background-position:100% 0;}
.searchBlock .botones.falseLink:hover input {background-position:0 -240px;}
.searchBlock .botones.falseLink input:hover {color:#fff;}

.overheader .botones li {box-shadow:0.2em 0.1em 0.2em #000;margin:0 0.8em 0 0.6em;}
.overheader .botones span {right:-0.8em;}
.overheader .botones strong {font-size:170%;text-transform:none;height:30px;line-height:30px;margin-right:8px;}

/*BREADCRUMBS*/
/*pseudocabeceras*/
.cuerpo {width:100%;clear:both;}
/*.cuerpo .mark {padding-top:0;padding-bottom:2.4em;}*/
/*fin ajustes 'cuerpo'*/
.cab_especial .breadCrumb {font-size: 270%;color: #555;position: absolute;left: 19.5em;top: 0.7em;line-height: 100%;font-family: RTVEfontR;}
/*positioning*/
.header .cab_box {position:relative;}
.secondary, 
.secondary .olympic,
.secondary .londres,
.searchBlock {position:absolute;}

.secondary,.secondary .olympic {top:0;z-index:2;}
.searchBlock {top:1em;right:15em;z-index:3;}
.principal .mainTit,.principal .mainSub {position:absolute;z-index:3;left:0.3em; top:-1.593em;}
	/*.principal .mainSub {top:1.207em;}*/.principal .mainSub {left:8em;}

.secondary {/*left:1.2em;*/}
.secondary .olympic {top: 0em;right: auto;left: 0.2em;}
.secondary .londres {right:0em; top:0;}

/* NAVIGATION **************************************************/
/* END *********************************************************/
/*boliche directo*/
/*.principal li.l1 > a{background: url("/css/rtve.deportes/rtve.deportes.jjoo2012/i/enVivoBack.png") no-repeat 5px 7px;}
.principal li.l1 > a > span:first-child {background-image: url("http://www.rtve.es/css/style2011/i/enVivo.gif");background-position: 5px 7px;background-repeat: no-repeat;padding-left: 25px;}*/


/* Estilos para arreglar cabecera JJOO 2012 Londres */

/* Pinta logo RTVE y establezco tamaño */
#header .logo a {background: url(http://img.irtve.es/css/rtve.commons/rtve.header.footer/i/logoRTVEes.png) no-repeat left;background-size: 100%;}

/* el float none oculta fondo */
.wrapper {float:none !important;}

/* Aumento ancho porque los literales son mas largos y se solapan con logo facebook */
#header .maintabs {max-width: 50em;}

/* Disminuyo separacion entre lineas del menu */
#header .maintabs li {margin: 0 0.2em 0 0;}

/* Quito padding para ajustar altura de las pestañas */
.maintabs li strong, .maintabs li strong span abbr {padding: 0em 0em;}