@charset "UTF-8";
/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Sport - Cabecera bbva
    author:     www.maquetadorweb.es
------------------------------------------------------------------------------*/

/*CABECERA BBVA
------------------------------------------------------------------------------*/
@font-face {
    font-family: 'bebasregular';
    src: url('webfonts/bebas/bebas___-webfont.eot');
    src: url('webfonts/bebas/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/bebas/bebas___-webfont.woff') format('woff'),
         url('webfonts/bebas/bebas___-webfont.ttf') format('truetype'),
         url('webfonts/bebas/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.sp-cabebecera-liga{}
.sp-cabebecera-liga .top{ background:url(img/cabecera/bg-cabecera-liga.png) repeat-x 0 0; height:73px; display:block; position:relative}
.sp-cabebecera-liga .top h1{background:url(img/h1-liga-bbva.png) no-repeat 0 0; width:246px; height:63px; display:block; color:#FFF; position:absolute; top:5px; left:10px}
.sp-cabebecera-liga .top h1 a{color:#FFF; text-decoration:none;width:246px; height:63px; display:block; text-indent:-1999em; overflow:hidden}
.sp-cabebecera-liga .top h1.liga-adelante{background:url(img/h1-liga-adelante.png) no-repeat 0 0; width:359px; height:64px; display:block; color:#FFF; position:absolute; top:5px; left:10px}
.sp-cabebecera-liga .top h1.liga-adelante a{color:#FFF; text-decoration:none;width:359px; height:64px; display:block; text-indent:-1999em; overflow:hidden}
.sp-cabebecera-liga .top h1.serie-a{background:url(img/h1-serie-a.png) no-repeat 0 0; width:359px; height:64px; display:block; color:#FFF; position:absolute; top:5px; left:10px}
.sp-cabebecera-liga .top h1.serie-a a{color:#FFF; text-decoration:none;width:359px; height:64px; display:block; text-indent:-1999em; overflow:hidden}
.sp-cabebecera-liga .top h1.premier-league{background:url(img/h1-premier-league.png) no-repeat 0 0; width:385px; height:64px; display:block; color:#FFF; position:absolute; top:5px; left:10px}
.sp-cabebecera-liga .top h1.premier-league a{color:#FFF; text-decoration:none;width:385px; height:64px; display:block; text-indent:-1999em; overflow:hidden}
.sp-cabebecera-liga .top h1.liga-de-campeones{background:url(img/h1-liga-de-campeones.png) no-repeat 0 0; width:460px; height:64px; display:block; color:#FFF; position:absolute; top:5px; left:10px}
.sp-cabebecera-liga .top h1.liga-de-campeones a{color:#FFF; text-decoration:none;width:460px; height:64px; display:block; text-indent:-1999em; overflow:hidden}
.sp-cabebecera-liga .top h1.europa-league{background:url(img/h1-europa-league.png) no-repeat 0 0; width:370px; height:64px; display:block; color:#FFF; position:absolute; top:5px; left:10px}
.sp-cabebecera-liga .top h1.europa-league a{color:#FFF; text-decoration:none;width:370px; height:64px; display:block; text-indent:-1999em; overflow:hidden}
.sp-cabebecera-liga .top h1.copa-del-rey{background:url(img/h1-copa-del-rey.png) no-repeat 0 0; width:359px; height:64px; display:block; color:#FFF; position:absolute; top:5px; left:10px}
.sp-cabebecera-liga .top h1.copa-del-rey a{color:#FFF; text-decoration:none;width:359px; height:64px; display:block; text-indent:-1999em; overflow:hidden}
.sp-cabebecera-liga .top h1.bundesliga{background:url(img/h1-bundesliga.png) no-repeat 0 0; width:359px; height:64px; display:block; color:#FFF; position:absolute; top:5px; left:10px}
.sp-cabebecera-liga .top h1.bundesliga a{color:#FFF; text-decoration:none;width:359px; height:64px; display:block; text-indent:-1999em; overflow:hidden}



.sp-cabebecera-liga .top .patrocinio{ position:absolute;right:0; top:0; }
.sp-cabebecera-liga .bottom { border-bottom:4px solid #424242; position:relative; height:32px; padding-top:5px;}
.sp-cabebecera-liga .bottom ul.left { padding-top:4px}
.sp-cabebecera-liga .bottom ul.left li { display:block; float:left; color:#424242; text-align:center; padding:0 10px; border-left:1px solid #424242}
.sp-cabebecera-liga .bottom ul.left li.first{ border:none;}
.sp-cabebecera-liga .bottom ul.left li a{ font:15px Arial, Helvetica, sans-serif; color:#424242;}
.sp-cabebecera-liga .bottom ul.left li.current a{ color:#b04546; font-weight:bold}
.sp-cabebecera-liga .bottom ul.left li.current a:hover{ text-decoration:none;}

.sp-cabebecera-liga .bottom ul.n1 { position:absolute; right:0; top:4px; z-index:9}
.sp-cabebecera-liga .bottom ul.n1 li { display:block; color:#424242; width:170px; }
.sp-cabebecera-liga .bottom ul.n1 li span{padding:3px 0 0 10px; height:27px; display:block; color:#363d47; font:14px Arial, Helvetica, sans-serif; background:url(img/cabecera/bg-despegable-span.png) no-repeat 0 0; cursor:pointer}

.sp-cabebecera-liga .bottom ul.n1 li ul.n2{ display:none; background:#FFF url(img/cabecera/bg-despegable.png) no-repeat bottom left; width:252px}
.sp-cabebecera-liga .bottom ul.n1 li ul.n2 li { height:30px; display:block}
.sp-cabebecera-liga .bottom ul.n1 li ul.n2 li a{ font:15px Arial, Helvetica, sans-serif; color:#424242;display:block; padding-left:10px; text-decoration:none}
.sp-cabebecera-liga .bottom ul.n1 li ul.n2 li a:hover{color:#b04546; }
.sp-cabebecera-liga .bottom ul.n1 li.open ul.n2{ display:block;}

.sp-cabebecera-liga {}