/* CSS - XII Festival de Juegos */

@import url(galeria.css);
@import url(sidebar.css);
@import url(juegos.css); 


/* Generales */
/* ::::::::::::::::::::::::::::::::::::::::: */
*{ margin: 0; padding: 0; }

body{
	background: #C70706 url(body.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 20px 0 0;
}
html, body{ height: 100%; }
img{ border: 0; }
p.clear{ clear: both; }
h1 a{ position: absolute; top: 25px; left: 5px; }

/* Elementos Espanol */
h1.es a{
	background: url(h1-es.gif) no-repeat;
	width: 450px;
	height: 53px;
	text-indent: -9000px;
}
/* Elementos Euskera */
h1.eu a{
	background: url(h1-eu.gif) no-repeat;
	width: 450px;
	height: 53px;
	text-indent: -9000px;
}

/* Elementos Wrapper */
/* ::::::::::::::::::::::::::::::::::::::::: */
p.datetxt{
	width: 169px;
	height: 67px;
	position: absolute;
	z-index: 20;
	top: 640px;
	right: -25px;
	font-weight: bold;
	font-size: .95em;
	/* color: #ffd653; */
	color: #ffffff;

	padding: 25px 0 0 0;
}

p.date a{
	width: 169px;
	height: 67px;
	background: url(../img/date.gif) no-repeat;
	position: absolute;
	z-index: 20;
	top: 77px;
	right: 35px;
	font-weight: bold;
	font-size: .85em;
	color: #801093;
	padding: 25px 0 0 0;
}









/* Elementos Head */
/* ::::::::::::::::::::::::::::::::::::::::: */
ul#lang{
	position: absolute;
	top: 30px;
	right: 30px;
	list-style: none;
}
ul#lang li{
	font-weight: bold;
	font-size: .8em;
	float: left;
	margin: 0 0 0 15px;
}
ul#lang li a{ color: #fff; text-decoration: none; display: block; }
ul#lang li a:hover,
ul#lang li.langES.activo a,
ul#lang li.langEU.activo a{ color: #FFD653; background-position: 0 -30px; }
ul#lang li.langES a{
	background: url(langES.gif) 0 5px no-repeat;
	padding: 10px 0 10px 30px;
}
ul#lang li.langEU a{
	background: url(langEU.gif) 0 5px no-repeat;
	padding: 10px 10px 10px 30px;
}


/* Elementos Content */
/* ::::::::::::::::::::::::::::::::::::::::: */
#content p{
	margin: 0 1.5em .8em 1.5em;
	font-family: "Trebuchet MS";
	font-size: .8em;
	line-height: 1.9em;
	color: #666;
}
#content ul.col{width: 45%;float: left;margin: 0; }
#content ul.col li{font-weight: bold; margin-bottom: 1em; line-height: 1.5em; background-position: 0 2px}
#content ul.col.iz{padding: 2em 0 0 3em;}
#content ul.col.de{padding: 2em 0 0 3em; }
#content ul{
	margin: 1.5em 3em;
	list-style: none;
	font-family: "Trebuchet MS";
	font-size: .8em;
	color: #666;
}
#content ul li{
	margin-bottom: .6em;
	padding: 5px 35px;
	line-height: 1em;
	background: url(list.gif) 0 0 no-repeat;
}
#content a{ color: #D41E09; }
#content a:hover{ color: #f88607; }

/* Titulos */
#content h2{
	font-size: 1.5em;
	margin: 0 1em .5em 1em;
	color: #C70706;
}
#content h3{
	font-size: 1.1em;
	margin: 0 1em .5em 1em;
	color: #801093;
}
#content h3 a{ color: #801093; text-decoration: none; }


#content h3.naranja a{ color: #FD5530; text-decoration: none; }
#content h3.naranja a:hover { color: #F88607; text-decoration: none; }


#content h4{ font-size: 1em; margin: 0 1em .5em 1.2em; color: #bb18d9; }
#content h5{ font-size: .8em; margin: -.4em 1em -.2em 1.5em; color: #666; }
img.centro{
	display: block;
	margin: 0 auto;
}

/* Home */
/* ::::::::::::::::::::::::::::::::::::::::: */


	

.homeBox{ height: 280px; }
.homeG{
	float: left;
	width: auto;
	width: 49.8%;
	/*width: 33%;*/
	text-align: center;
}
.homeG img{ display: block; margin: 0 auto; }
.homeGspecial{ width: 33%; float: left; text-align: center; }
.sp1 img{ margin: 10px 0px; }
.sp1,.sp2,.sp3,.sp4{ width: 100%; text-align: center; }
.sp2 img{ margin: 0 35px; }
.sp3 img{ margin: 10px 12px; }
.sp4 img{ margin: 10px 0px; }

.sponsors{ display: block; margin: 15px auto; }
#content p.ad{
	text-align: center;
	width: 90%;
	margin: 0 auto;
	padding: 16px 0 20px 0;
	font-size: .7em;
	background: url(sponsors.gif) 0 10px repeat-x;
	clear: both;
}

/* Estructura */
/* ::::::::::::::::::::::::::::::::::::::::: */
#wrapper{
	max-width: 1200px;
	min-width: 950px;
	margin: 0 auto 0 auto;
	min-height: 500px;
	position: relative;
}
#head{ height: 95px; margin: 0 0 0 180px; position: relative; }
#sidebar{
	width: 170px;
	min-height: 400px;
	position: absolute;
	top: 0;
	left: 0;
}
#content{
	background: #fff url(bgR.gif) top right repeat-y;
	margin: 0 0 30px 180px;
}

/* Bordes */
/* ::::::::::::::::::::::::::::::::::::::::: */
#contentBox{
	background: url(bgL.gif) repeat-y;
	width: 100%;
	height: 100%;
}
#contentBot{
	height: 100px;
	width: 100%;
	background: url(contentBot.gif) top left repeat-x;
	position: relative;
}
#contentBotR{
	width: 40px;
	height: 120px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(contentBotR.gif) bottom right no-repeat;
}
#contentTop{
	height: 30px;
	width: 100%;
	background: url(contentTop.gif) top left no-repeat;
	position: relative;
}
#contentTopR{
	width: 30px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(contentTopR.gif) top right no-repeat;
}
.margen{
	position:relative;
	left: 20px;
}