@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Oswald);
@font-face { 
font-family: "Helvetica Neue";
src: url("http://www.elcuaderno.es/css/HelveticaNeue-BoldCond.otf") format("opentype"); }
@font-face { 
font-family: "Helvetica Nornmal";
src: url("http://www.elcuaderno.es/css/HelveticaNeue.otf") format("opentype"); }
/* CSS Document */

body {
	margin:0;
	padding:0;
	max-width:100%;
	font-family: "Helvetica Neue", Arial;
	overflow-x:hidden;
}
.fixed {
	position:fixed;
	width:100%;
	z-index:999999999;
}
.mainmenu {
	background-color: #000;
	color:#FFF;
	max-width:100%;
	margin:auto;
	text-align:center;
	height:40px;
	overflow:hidden;
	left:0px;right:0px;
	border-bottom:2px solid #900;
	z-index:999999999999;
}
.mainmenu a {
	display:inline-block;
	text-decoration:none;
	margin:0px 5px;
	padding:8px 10px;
	font-weight:normal;
	letter-spacing: 2px;
	color:#FFF;
	font-family: Graduate;
	-webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;
}
.mainmenu a:hover {
	color:#900;
}
.btn-bars {
	float:left !important;
	text-align:left;
	padding:0px 7px;
	cursor:pointer;
	display:none;
	font-size:35px;
}
.totop {
	position:fixed;
	display:none;
	right:50px;
	bottom:50px;
	font-size:30px;
	padding:5px 10px;
	border-radius:5px;
	box-shadow:0 0 5px #333;
	background:rgba(0,0,0,0.3);
}
.totop a {
	color:#FFF;
}
.recomendado {
	overflow: hidden;
	padding:5px;
	background:#ddd;
	position:relative;
	font-weight:bold;
}
.brand {
	clear:both;
	text-align:left;
	position:relative;
	display:block;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:32px;
}
.brand span {
	float:left;
	background:#900;
	color:#FFF;
	font-size:12px;
	padding:7px 15px;
}
.recomendado span a {
	text-decoration:none;
	color:#900;
}
nav {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

#main {
	position:absolute;
	top:0px;
	left:0px;
	background:#aaa url(../img/grain.png) top center fixed;
	width:100%;
	min-height:100%;
	padding-top:0px;
}
#main ul { list-style:none;padding:0px;}
#topbar {
	position:fixed;
	top:0px;
	height:45px;
	width:100%;
	background:#111 url(../img/grain.png) top;
	border-bottom:1px solid #222;
	z-index:999999999;
}
#topbar table {
	width:100%;
}
#topbar #btn-menu {
	padding:10px;
	width:30px;
	cursor:pointer;
	color:#fff;
}
#tmenu {display:table-cell; width:470px;}
#tmenu h2 a { 
	float:left;
	font-size:12px;
	text-align:center;
	margin:-23px 3px 0 3px;
	font-weight:normal !important;
	border-radius:0 0 5px 5px;
	background-color:rgba(0,0,0,0.3);
	padding:5px;
	color:#ccc;
	font-weight:normal !important;
	text-decoration:none;
	
}
#tmenu h2 a:hover { background-color:rgba(120,0,0,0.7);color:#fff; }
#logo input {
	background:rgba(153,20,20,0.7) url(../img/grain.png) top center fixed;
	border-radius:5px;
	color:#FFF;
	padding:5px;
	border:0px;
}
#logo input:focus {
	outline: none;
}
.logo {
	display:block;
	width:100%;
	height:200px;
	background-color:#000;
	box-shadow:0px 0px 10px #777;
	background-image: url(../img/grain.png),url(../img/top-map.png);
	background-position:center;
	text-align:center;
}
.logo img {
	max-width:100%;
}
.socialtop {position:absolute;top:35px;left:5px;}
.logo a {color:#111;}
.logo a.facebook:hover {color:#003399;}
.logo a.twitter:hover {color:#003399;}

.bannerright {
	border:3px dashed #933;
	color:#fff;
	width:290px;
	height:280px;
}
.pub300, .pub720 {text-align:center;}
.pub300 {display:none;}

.popular {width:88% !important;display:block;clear:both;background-color:#F0F0F0;border-radius:5px;padding:3px;
color:#FFF;margin-top:22px !important;box-shadow:0 0 10px #222;letter-spacing: 2px;text-align:center;}
.pop {display:block;
	float:left;
	width:50%;
	text-align:center;
	background-size:cover;
	background-position:center center;
padding:0px;
margin:0px;}
.pop a {display:block;width:100%;height:100px;color:#990000;text-decoration:none;overflow:hidden;letter-spacing: 0px;}
.pop a img {width:100%;position:relative;top:-350px;}
.pop a p{position:relative;top:60px;font-size:12px; background:rgba(10,10,10,0.95);height:300px;z-index:999999;padding:5px;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;}
.pop a:hover p{top:-15px;}
.pop a span {color:#FFF;}
.pop h3 {margin:0px;padding:0px;}
.po0 {width:100%;}
.po0 a {height:200px;}
.po0 a p {top:160px;}
.player {
	width:320px !important;
}
.totop {
display:none;
position:fixed;
bottom:10px;right:10px;
z-index:999999999999999;
}