@import url("reset.css");

/* ESTRUCTURA ********************/
html{
	background:#ddd;
}
#contenido{
	width:860px;
	margin:auto;
	margin-bottom:20px;
}
.ads{
	margin-bottom:20px;
	margin-top:20px;
}
/*********************************/

/* TEXTOS, TITULOS ***************/
h1{
	margin-bottom:10px;
	font-size:2.4em;
	font-weight:bold;
	padding-top:5px;
	color: #5a2086;
}
h2{
	margin-bottom:10px;
	font-size:1.8em;
	font-weight:bold;
}
p{
	font-size:1.2em;
	margin-bottom:10px;
	color:#666;
	text-align:justify;
}
span.texto{
	font-size:1.2em;
}
big{
	font-size:1.6em;
	font-weight:bold;
	color:#9d51bb;
}
.error{
	font-size:1.2em;
	color:#c00;
	font-weight: bold;
	margin-bottom:20px;
}
ul{
	margin-bottom:10px;
	font-size:1.1em;
}
li{
	color:#666;
	background:url(../img/bullet_cuadrado.gif) 0 6px no-repeat;
	padding-left:8px;
}
blockquote{
	font-size:1.2em;
	color:#666;
	margin-bottom:20px;
	padding-left:10px;
	border-left:5px solid #666;
}
/*********************************/

/* LINKS *************************/
a{
	color:#666;
}
a:hover{
	color:#000;
}
#cuerpo a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#cuerpo a:hover{
	color:#fff;
	text-decoration:underline;
}
/*********************************/

/* IMAGENES **********************/
img.generada{
	padding:2px;
	border:1px solid #999;
}
/*********************************/

/* FORMULARIOS *******************/
.bloque{
	margin-bottom:10px;
}
label{
	float:left;
	width:100px;
	color:#333;
	font-size:1.2em;
	line-height:26px;
	font-weight:bold;
}
p label{
	font-size:1em;
	float:none;
	width:auto;
	margin-right:20px;
}
fieldset{
	padding-bottom:10px;
}
legend{
	font-weight:bold;
	font-size:1.2em;
	color:#333;
}
select,textarea,.text{
	border:1px solid #ccc;
	padding:3px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666;
	width:250px;
	margin:3px;
}
.text.corto{
	width:50px;
}
select.corto{
	width:62px;
}
textarea{
	width:250px;
	height:100px;
}
select{
	padding:2px;
}
select.activo,textarea.activo,.text.activo{
	border:1px solid #000;
	color:#000;
}
p a.boton{
	font-size:1em;
}
a.boton{
	background:#7636a7;
	font-size:1.2em;
	padding:5px 5px 3px;
	display:inline-block;
}
a.boton:hover{
	text-decoration:none !important;
	background:#5a2086;
}
a.boton input{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	background:none;
	border:0;
}
/*********************************/

/* MENU **************************/
#menu{
	float:left;
	width:200px;
	margin-top:27px;
	padding-top:3px;
}
#menu ul{
	margin-bottom:20px;
}
#menu li{
	background:none;
	font-size:1.2em;
	line-height:20px;
	padding:0;
	padding-bottom: 3px;
	margin-bottom:3px;
	display:block;
	list-style-type: none;
}
#menu li a{
	color:#666;
	text-decoration:none;
	display:block;
	width:187px;
	padding:2px 0;
	list-style-type: none;
}
#menu li a:hover{
	color:#333;
}
#menu li a.seleccionado{
	color:#fff;
	background:#999 url(../img/flecha.gif) right no-repeat;
	padding:2px 5px;
}
/*********************************/

/* PAGINA ************************/
#pagina{
	min-height:320px;
	height:auto !important;
	height:320px;
}
#cuerpo{
	float:right;
	width:630px;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding-bottom:30px;
}
/*********************************/

/* CABECERA **********************/
#logo_principal{
	width:860px;
	margin:auto;
	position:relative;
}
#logo_principal h2{
	position:absolute;
	top:10px;
}
#cabecera{
	margin-bottom:20px;
	padding-top:10px;
	width:860px;
	margin:auto;
	position:relative;
}
#contenedor_cabecera{
	width:100%;
	height:80px;
	background:#333;
	color:#fff;
}
#cabecera h2{
	font-size:3.2em;
	color:#690;
}
#idiomas{
	float:right;
	width:auto;
	font-size:1.1em;
	position:absolute;
	left: 774px;
	top: 10px;
}
#idiomas a{
	color:#999;
}
#idiomas a:hover,#idiomas a.seleccionado{
	color:#fff;
}
#logo{
	float:right;
	width:100%;
	height:110px;
	background:url(../img/linea_punteada_doble.gif) bottom repeat-x;
}
#logo h2{
	margin:0;
}
#logo p{
	position:relative;
	top:-15px;
}
.social{
	float:right;
	text-align:right;
	font-size:1.1em;
	color:#fff;
	margin-top:20px;
}
/*********************************/

/* PIE ***************************/
#pie{
	color:#666;
	font-size:1em;
	background:#ddd;
	height: 112px;
	width:100%;
	border-top:solid 1px #ccc;
}
#pie a{
	color:#81a939;
	text-decoration:none;
	font-weight:bold;
}
#pie a:hover{
	color:#58791c;
}
#pie #contenido_pie{
	width: 860px;
	margin: auto;
}
#pie p{
	font-size: 1.1em;
	margin-bottom: 5px;
}
#pie #logo{
	float: left;
	width: 140px;
	padding-top: 8px;
}
#pie #geektoolbox{
	margin-top:20px;
}
#pie #texto{
	width: 860px;
	float: right;
	padding-top: 5px;
}
#pie #info{
	color: #999;
}
#pie img{
	margin-bottom: 10px;
}
/*********************************/