@charset "utf-8";
@font-face {
	font-family: sanscl;
	src: url('./font/OpenSans-CondLight.eot');
	src: local('OpenSansCondLight'), url('./font/OpenSans-CondLight.woff') format('woff'), url('./font/OpenSans-CondLight.ttf') format('truetype');
}

html, body {
	padding:0;
	margin:0;
	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.1em;
	background:var(--cb);
	color:var(--cfg);
	}
* {
	float:none;
	}
a {
	text-decoration:none;
	}
* img {
	max-width:100vw !important;
	height:auto !important;
	}
p {
	font:1.2em/1.3em sans-serif;
	color:var(--cp);
	margin:0;
	}
h1 {
	font:2em/1em sanscl, sans-serif;
	color:#f00;
	}
h2 {
	font:1.9em/1.1em sanscl, sans-serif;
	color:var(--ch2);
	}
h3 {
	font:1.6em/1.1em sanscl, sans-serif;
	color:var(--ch3);
	}
h4 {
	font:1.3em/1.1em sanscl, sans-serif;
	color:var(--ch4);
	}
h5 {
	font:1.2em/1.1em sanscl, sans-serif;
	color:var(--ch5);
	}

#bg {
	display:none;
	}
#container {
	width:100%;
	position:relative;
	margin:0 auto;
	}
header, #drop {
	width:100%;
	height:2.8em;
	padding:.3em 0;
	position:fixed;
	margin:0;
	background:var(--chb);
	text-align:center;
	z-index:200;
	border-bottom:.2em solid #fff;
	}
#content {
	width:100%;
	margin:0;
	padding-top:3.5em;
	min-height:20em;
	}
main {
	padding-top:.5em;
	color:var(--cfg);
	}

#message {
	position:fixed;
	top:4em;
	left:calc(15%);
	width:60%;
	padding:5%;
	background:url(k6.png);
	z-index:999;
	font-size:24px;
	text-align:center;
	}
#message p {
	color:#fff;
	}
#message h5 {
	color:#f00;
	}




#privacy {
	box-sizing: border-box;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:99999;
	padding:12px;
	background:#000;
	text-align:center;
	border-top:solid 3px #fff;
	color:#fff;
}
#privacy a {
	color:var(--cub);
}
#privacy button {
	display:block;
	padding:5px 10px;
	margin:15px auto 0 auto;
	background:var(--cub);
	color:var(--cuf);
	border:solid 1px var(--cuf);
}







/***** header *****/
#logo img, #drop a.logo img {
	height:var(--logohm) !important;
	margin-top:var(--logotm);
	}
#drop {
	top:-100px;
	box-shadow:0 0 15px rgba(0,0,0,.7);
	z-index:500;
	transition:0.3s;
	}
#drop.on {
	top:0px;
	}

#drop a.su img{
	position:absolute;
	top:1.1em;
	right:1em;
	}
#login {
	position:absolute;
	top:-20em;
	left:10%;
	width:80%;
	padding:2.5em 0 1.5em 0;
	background:url(k6.png);
	transition:.4s;
	z-index:10;
	font-size:1.2em;
	}
#login.on {
	top:3.5em;
	}
#login div.esc {
	position:absolute;
	top:.2em;
	right:.2em;
	width:1.5em;
	height:1.5em;
	background:url(esc.png);
	background-size:cover;
	}
#login p {
	margin:0 0 20px 0;
	color:#aaa;
	}
#login a {
	display:block;
	padding:.5em 0;
	text-decoration:none;
	color:#fff;
	}
iframe {
	border:0;
	overflow:hidden;
	}
iframe.login {
	display:block;
	width:240px;
	height:8em;
	margin:auto;
	}
#phot {
	position:absolute;
	top:1.2em;
	right:.6em;
	z-index:300;
	transform:scale(.9);
	transition:.3s;
	}
#phot.on {
	transform:scale(.9) rotate(180deg);
	}

#cerca form {
	display:inline-block;
	vertical-align:top;
	}
#cerca input[type=text] {
	position:relative;
	top:.4em;
	width:15em;
	height:1.7em;
	border:none;
	font-size:1.2em;
	}
#cerca button[type=submit] {
	position:relative;
	top:1em;
	background-color:#999;
	border:1px solid #fff;
	}
#cerca button[type=submit]:hover {
	background-color:#555;
	}
#cerca button img {
	padding:.2em 0 .1em 0;
	}


/***** menu *****/
#ham {
	position:absolute;
	display:block;
	width:2.4em;
	height:2.4em;
	top:.6em;
	left:.5em;
	z-index:500;
	}
#ham img {
	width:100%;
	}
#m {
    position:fixed;
	top:3.6em;
	left:-19em;
    width:18em;
	display:block;
    list-style:none;  
	text-align:left;
    white-space:nowrap;
	height:calc(100vh - 3.6em);
	background:url(k8.png);
	transition:.2s;
	overflow-y:scroll;
	/*height:calc(100vh - 6.6em);
	border-bottom:3em solid #111;*/
	}
#m>li>img {
	display:none;
	}
#m.on {
	left:0em;
	}
#m div.back {
	display:none;
	}
#m li {
	display:block;
	}
#m > li:last-of-type {
	padding-bottom:3em;
	}
#m a {
	display:block;
	overflow:hidden;
	height:2.4em;
    text-decoration:none;
	border-bottom:solid 1px #444;
	}
#m a p{
	font-size:1.1em;
	margin:.4em;
    color:var(--chb);
	}
#m>li>a>img {
	display:none;
	}
/* sub */
#m ul {
	width:100%;
    margin:0;
    padding:0;
    list-style:none;
	}
#m ul li {
    display:block;
	width:100%;
	}
#m ul a {
	position:relative;  
    padding:0;
    display:block;
	text-align:center;
	}
	#m ul a img {
		position:relative;
		bottom:.4em;
		height:2em;
		margin-right:12em;
		}
	#m ul a p {
		position:absolute;
		left:1em;
		top:.1em;
		font-size:1em;
		color:#fff;
		}

#top {
	position:fixed;
	width:18em;
	height:3em;
	bottom:0em;
	left:-19em;
	text-align:left;
	border-top:1px solid #666;
	background:#111;
	transition:.2s;
	}
#top.on {
	left:0em;
	}
#top a {
	display:inline-block !important;
	margin-left:.6em;
	border-bottom:none;
	}
#top img {
	height:1.3em !important;
	padding:.7em .1em;
	}

#cerca {
	position:absolute;
	left:14.8em;
	display:inline-block;
	width:2.5em;
	transition:.3s;
	overflow:hidden;
	background:#111;
	}
#cerca.on {
	left:0;
	width:17em;
	}

/** Filtro **/
#filtro {
	text-align:center;
	}
#filtro li {
	font-size:16px;
	font-weight:normal;
	margin:0 10px;
	display:inline-block;
	color:#ccc;
	}
#filtro li:before {
	content:"■";
    padding:0 3px 0 0;
	font-size:30px;
	position:relative;
	top:3px;
	}
#filtro a {
	text-decoration:none;
	color:#aaa;
	}
#filtro a:hover, #filtro .act a {
	color:#666;
	}
.art .bullet {
	position:relative;
	top:30px;
	left:.9em;
	width:23px;
	height:23px;
	margin:0px 10px 0px 0;
	float:left;
	}
.bullet + h3 {
	padding-left:28px;
	}

#content > nav {
	margin:.3em 0;
	text-align:center;
	}
#content > nav a{
	display:inline-block;
	text-decoration:none;
	color:#999;
	padding:.2em .6em;
	}
#content > nav a.act {
	color:#333;
}

#content > hr {
	display:none;
	}


/******** side ********/
aside {
	display:none;
	}
#left {
	position:absolute;
	top:0;
	}
	
iframe.newsletter {
	display:none;
	}

#allnews {
	display:block;
	width:10em;
	text-align:center;
	padding:.3em;
	margin:.2em auto;
	text-decoration:none;
	font-size:1.1em;	
	color:#fff;
	background:#888;
	border: 1px solid #666;
	}
#tag {
	display:block;
	width:100%;
	text-align:center;
	}
#tag>a{
	display:inline-block;
	padding:.3em .6em;
	margin:.2em;
	text-decoration:none;
	font-size:1.1em;	
	color:#fff;
	background:#888;
	border: 1px solid #666;
	}

/*footer*/
#mnav {
	width:100%;
	height:3em;
	background:url(k8.png);
	text-align:center;
	overflow:hidden;
	}
#mnav .butt {
	display:inline-block;
	width:2.5em;
	height:2.5em;
	border-radius:1.25em;
	margin:.5em .5em;
	overflow:hidden;
	}
#mnav img{
	height:1.8em !important;
	}
#mnav .rand {
	border:.1em solid #fff;
	}
#mnav .rand img{
	height:2.5em !important;
	position:relative;
	left:-.7em;
	}
#mnav .prev{ 
	position:absolute;
	left:-.2em;
	}
#mnav .next {
	position:absolute;
	right:-.1em;
	}


/*footer*/

footer {
	position:relative;
	width:100%;
	background:var(--cfb);
	color:var(--cbf);
	text-align:center;
	padding:.8em 0 5em 0;
	}
footer img {
	height:2.5em !important;
	}

#addr {
	width:60%;
	margin-left:20%;
	text-align:center;
	margin-top:1em;
	}

footer nav {
	position:relative;
	left:1em;
	width:15em;
	text-align:left;
	margin-bottom:1em;
	}
footer nav a {
	display:block;
	text-decoration:none;
	font-size:1.2em;
	line-height:1.3em;
	color:var(--cbf);
	}
	
footer nav.lay {
	width:90%;
	position:relative;
	top:10px;
	text-align:center;
	margin-bottom:15px;
	}
footer nav.lay a {
	display:inline-block;
	}


#legal {
	position:absolute;
	bottom:1em;
	width:100%;
	text-align:center;
	font-size:.8em;
	color:var(--cfC);
	}
#legal a {
	display:block;
	color:#fff;
	font-size:1.2em;
	}

#key a{
	display:block;
	position:absolute;
	right:.5em;
	bottom:2em;
	width:20px;
	height:20px;
	background-image:url(lock.png);
	background-size:cover;
	}
#mau a{
	display:block;
	position:absolute;
	right:.5em;
	bottom:.5em;
	width:40px;
	height:14px;
	background-image:url(mau.png);
	background-size:cover;
	}