@font-face {
    font-family: 'KameronRegular';
    src: url('http://www.elmundo.es/yodona/estaticas/especiales/2011/09/valencia_fw/font/kameron-regular-webfont.eot');
    src: url('http://www.elmundo.es/yodona/estaticas/especiales/2011/09/valencia_fw/font/kameron-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.elmundo.es/yodona/estaticas/especiales/2011/09/valencia_fw/font/kameron-regular-webfont.woff') format('woff'),
         url('http://www.elmundo.es/yodona/estaticas/especiales/2011/09/valencia_fw/font/kameron-regular-webfont.ttf') format('truetype'),
         url('http://www.elmundo.es/yodona/estaticas/especiales/2011/09/valencia_fw/font/kameron-regular-webfont.svg#KameronRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {outline:none;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav,section { 
	margin:0;
	padding:0;
}

body, html{width:2800px;height:100%; background: url(../img/bg1.jpg) repeat #333; position:relative; }
#top{ width:100%; height:90px; background:#6db0a7; margin:0; padding:0;  border-bottom: 2px solid #444444; position:fixed;}
#topDeg{ width:89px; height:90px; position:absolute; left:947px; top:0px; z-index:150px; background:url(../img/degradadoTop.png)}
#bannerTop{ width:1100px; height:88px; position: relative; left:0px; top:0px; z-index:10px; left:160px;}

#publi730{ float:left; overflow:hidden; height:90px;}
ol,ul {list-style:none;}


h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}

h3{ font-family: Helvetica,Arial, sans-serif; font-size:10px; color:#FFFFFF; margin:0 0 0 30px; width:250px; height:12px; }
h4 { font: 24px 'KameronRegular', Arial, sans-serif;  color:#FFFFFF; margin:0 0 0 10px; width:138px; height:29px; float:left; }
h4 a { color:#FFFFFF; text-decoration:none;}
h4 a:hover { color:#49d6c3;}

q:before,q:after {content:'';}
abbr,acronym { border:0;}

#contenedor{position:relative;overflow:hidden;padding: 0 0 0 300px; position:absolute; top:92px; width:100%; background: url(../img/bg1.jpg) repeat #333;}

.contenido{ height:1158px; border-right: 1px solid  #292929;  background: url(../img/bgAbierto.jpg) repeat #ccc; width:0;}

/**********************************************
****************** NAVEGACION *****************
**********************************************/
.navegacionportada{ width:300px; height:100%; position:fixed; top:90px;  z-index:200;background: url(../img/bg1.jpg) repeat #ccc;border-right: 1px solid  #292929; font: 35px 'KameronRegular', Arial, sans-serif; padding: 40px 0 0;}
.navegacionsecundaria{width:140px;height:100%;position:fixed; top:90px; z-index:200; font: 35px 'KameronRegular', Arial, sans-serif; background: url(../img/bg1.jpg) repeat #ccc;display:none; border-right: 1px solid  #292929; padding: 40px 0 0;}

.navegacionportada li a { color:#FFFFFF; text-decoration:none;}
.navegacionportada li a span{ color:#FFFFFF; text-decoration:none; }

.navegacionsecundaria li a { color:#FFFFFF; text-decoration:none;}
.navegacionsecundaria li a span{ color:#FFFFFF; text-decoration:none;  }

.siete{vertical-align:4px;}
.ocho{vertical-align:0px;}
.nueve{vertical-align:5px;}
.yodona{ font-size:26px;}

.blanco{ background:#FFFFFF}

.return{ cursor:pointer; }




.navegacionportada li { border-bottom:#fb3e70 solid 1px ; padding:10px 0 7px 8px; margin:0 25px 0 0;}
.navegacionsecundaria li { border-bottom:#fb3e70 solid 1px;  padding:10px 0 7px 8px; margin:0 30px 0 0;}


 	













.last{ border: none !important;;}

/**********************************************
****************** PANEL **********************
**********************************************/
.panel{width:299px;position:relative; float:left; height:100%; background: url(../img/bg1.jpg) repeat #ccc;cursor:pointer; #cursor:hand; border-right: 1px solid  #292929; }





ul.nav>li {float:left; width:300px; overflow:hidden; height: 100%;}


.nav li .panel a {display:none;width:300px;height:220px;background: url(../img/sprite.png) no-repeat left top;display:block; text-indent:-999em; margin:160px 0 0 30px;}
.nav li a span {width:240px;height:220px;background: url(../img/sprite.png) no-repeat left top;display:block;opacity:0;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear; #cursor:hand; }
.nav li a:hover span {display:block;opacity:1;} 

.nav li.miercoles a {background-position:0px 0; width:240px; height:220px;}
.nav li.miercoles a span {background-position:0px -220px; width:240px; height:220px;}
.nav li.jueves a {background-position:-240px 0; width:240px; height:220px;}
.nav li.jueves a span {background-position:-240px -220px; width:240px;height:220px;}
.nav li.viernes a {background-position:-480px 0; width:240px; height:220px;}
.nav li.viernes a span {background-position:-480px -220px; width:240px;height:220px;}
.nav li.envivo a {background-position:-720px 0; width:240px; height:220px;}
.nav li.envivo a span {background-position:-720px -220px; width:240px;height:220px;}
.nav li.street a {background-position:-960px 0; width:240px; height:220px;}
.nav li.street a span {background-position:-960px -220px; width:240px;height:220px;}
.nav li.cronicas a {background-position:-1200px 0; width:240px; height:220px;}
.nav li.cronicas a span {background-position:-1200px -220px; width:240px;height:220px;}