body {
	margin:0;
	padding:0;
	background-color:#000;
	color:#fff;
	font-family:"Roboto", sans-serif;
	font-size:100%;
	font-weight:400;
	text-align:center;
}

a {text-decoration:none;}

header {
	background-color:#fff;
	color:#4b2f23;
	height:auto;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	max-width:450px;
	display:block;
	padding-bottom:10px;
}

nav {
	background-color:#4b2f23;
	color:#fff;
	width:100%;
	max-width:450px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0 auto;
}

#img-top {
	width:55%;
	float:left;
}

#img-top img {width:100%;}

#tx-top {	
	font-size:0.6em;
	font-weight:400;
	text-transform:uppercase;
	text-align:left;
	float:right;
	border-left:1px solid #4b2f23;
	padding-left:15px;
	margin-top:10px;
	width:30%;
	margin:20px 20px 0 0;
}

.clr {width:100%;clear:both;}

.num {
	width:49.5%;
	max-width:224px;
	font-size:3em;
	font-weight:500;
	float:left;
	display:block;
	padding:0.3em 0;
}

.border-r {border-right:2px solid #fff;}
.border-b {border-bottom:2px solid #fff;}

.titol {width:100%;max-width:450px;margin:20% auto 50px auto;font-weight:500;font-size:1.2em;border-top:2px solid #fff;border-bottom:2px solid #fff;}

.botons {width:25%;max-width:100px;background-color:#fff;color:#4b2f23;padding:20px 0;margin:20px auto;text-transform:uppercase;}
.close {margin-top:40px;}

#idiomes {position:fixed;z-index:5;width:100%;height:80%;top:25%;}
.bot-idiomes {width:90%;max-width:410px;padding:20px 20px;margin:0 auto 5px auto;background-color:#fff;color:#4b2f23;text-align:left;display:block;}
.rodona {float:right;margin-right:5%;width:20px;height:20px;border-radius:100px;border:6px solid #4b2f23;margin-top:-5px;}

#funda {position:fixed;width:100%;height:100%;z-index:2;background-color:#4b2f23;opacity:0.95;filter: alpha(opacity=95);}
#tema1,#tema2,#tema3,#tema4,#tema5,#tema6,#tema7,#tema8,#tema9,#tema10 {position:fixed;width:100%;height:100%;z-index:3;display:none;font-size:1.4em;}