@import url("../../futbol-auschwitz/css/overlay.css");

/*chean*/
@font-face {
  font-family: "cheanxb";
  src: url("https://e00-elmundo.uecdn.es/fonts/cheanxb/cheanxb-webfont.eot");
  src: url("https://e00-elmundo.uecdn.es/fonts/cheanxb/cheanxb-webfont.woff2") format("woff2"), url("https://e00-elmundo.uecdn.es/fonts/cheanxb/cheanxb-webfont.woff") format("woff"), url("https://e00-elmundo.uecdn.es/fonts/cheanxb/cheanxb-webfont.ttf") format("ttf"), url("https://e00-elmundo.uecdn.es/fonts/cheanxb/cheanxb-webfont.eot?#iefix") format("embedded-opentype");
}

.cabecera { height: 60px; width: 100%; position:absolute; top:0px !important; left: 0; z-index: 1;background: #eee;}
.cabecera .centraCabecera { width: 100%; margin: 0 auto;}

.logoMarca { color: #fff; float: left; font: 36px/27px "cheanxb", Tahoma, Geneva, sans-serif; height: 26px; margin: 20px 20px 0; padding-right: 20px; text-transform: uppercase; }
.logoMarca:hover  { text-decoration: none !important; }
.nombreEspecial { color: #333; display: block; float: left; font: 45px/60px "robotoBold", Arial, Helvetica, sans-serif; height: 60px; text-transform: uppercase; width: 80%; text-align: center; }
.nombreEspecial:hover  { text-decoration: none !important; }

/*navegacion principal*/
.overlay-open { height: 60px; width: 60px; float: right; font: bold 14px 'Arial', Helvetica, sans-serif; color:#ffffff; text-align: center; overflow: hidden; background: none; border:0; cursor:pointer; background: #333; border-radius: 0px; padding: 0px;}
.overlay-open span { width: 25px; height: 5px; display: block; background: #ffffff; margin: 0 auto;}
.overlay-open span:nth-child(1) { margin: 9px auto 5px;}
.overlay-open span:nth-child(2) { margin: 0 auto 5px;}
.overlay-open span:nth-child(3) { margin: 0 auto 6px;}

.overlay-close { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 0; color: transparent; cursor: pointer; height: 60px; outline: medium none; overflow: hidden; padding: 10px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 60px; z-index: 100; }
.overlay-close span { width: 25px; height: 5px; display: block; background: #ffffff;}
.overlay-close span:nth-child(1) { margin: 20px 0 0 8px; transform: rotate(45deg) ; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ;}
.overlay-close span:nth-child(2) {  margin: -5px 0 0 8px; transform: rotate(135deg) ; -webkit-transform: rotate(135deg) ; -moz-transform: rotate(135deg) ; -o-transform: rotate(135deg) ; -ms-transform: rotate(135deg) ;}

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font: normal 20px Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace !important; text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
    display: block;
    font-size: 30px;
    height: calc(100% / 7);
    min-height: 50px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #cc0000;
    text-decoration: none;
}

/*fin de navegacion principal*/

/*navegacion secundaria*/
.navegacionSecundaria { z-index: 1; position: fixed; right: 20px;}
.navegacionSecundaria li { margin: 0 0 7px; font: normal 10px 'montserratLight', Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px;}
.navegacionSecundaria li:last-child { margin-bottom:0;}
.navegacionSecundaria a { color: #141d25; display: block; text-indent: -9999px;}
.navegacionSecundaria a:hover { text-indent: 0;}
.navegacionSecundaria span { width: 5px; height: 5px; margin: 4px 5px; background: #f00; border-radius: 50%; display: block; float: right;}
/*fin de navegacion secundaria*/


.cabeceraFija { background: #eeeeee;}
.cabeceraFija .overlay-open  { background: #333;}
.cabeceraFija .nombreEspecial { display: block;}
/*fin de cabecera*/

/*general*/
.contenido { margin: 0 auto; /*min-width: 980px;*/ width: 80%; overflow: hidden;}
.contenido p { font: normal 20px/29px 'PTregular', Georgia,"Times New Roman",Times,serif;}
.izquierda {
	float: left;
	/*margin: 0 0 0 20px;*/
}

.right{
	float: right;
	margin: 0 20px 0 0;
}
.contenido .izquierda, .contenido .right{
	padding: 100px 0 0 0;
	position: relative;
	width: 800px;
}

/*fin de general*/

/* Media Queries */
@media screen and (max-width: 767px) {

.overlay ul li { font-size: 21px; min-height: 33px; }

}