@charset "utf-8";
/* CSS Document */
@import "inicial.css";

body
{
	background-color: #333333;
	height: 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	color: #FFFFFF;
}

div
{
	height: inherit;
	width: inherit;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 7pt;
}

#contenedor
{

	position: absolute;
	top: 50%;
	margin-top: -240px;
	
	height: 500px;

	width: 100%;
	min-width: 1000px;
	overflow: hidden;
	_width: expression((document.body.clientWidth < 1000) ? "1000px" : "auto" );
}

#top
{
	height: 22px;
	font-size: 1em;
}

#idiomas
{
	width: 22%;
	text-align: right;
	font-size:0.9em;
}

#idiomas .enlaces
{
	width: auto;
	margin: 0px 15px 0px 0px;
	padding: 3px 0px 0px 0px;
}

#idiomas .enlace
{
	margin: 0px 5px 0px 5px;
}

#idiomas a:link,
#idiomas a:visited,
#idiomas a:hover,
#idiomas a:active
{
	font-weight: bold;
	color: #CCCCCC;
}

#idiomas a:hover
{
	text-decoration: underline;
}

#idiomas .activo a:link,
#idiomas .activo a:visited,
#idiomas .activo a:hover,
#idiomas .activo a:active
{
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: underline;
}

#navegacion
{
	width: 56%;
	
	text-align: center;
}

#navegacion .enlaces
{
	text-align: center;

	width: auto;
	
	margin: 0px 12px 0px 12px;	
}

#navegacion .enlace
{
	display: block;
	
	width: 16.5%;
	
	float: left;
	
	padding: 2px 0px;
}

.borderLeft
{
	border-left: solid 1px #FFFFFF;
}

#navegacion a:link,
#navegacion a:visited,
#navegacion a:hover,
#navegacion a:active
{
	font-weight: bold;
	color: #CCCCCC;
	width: 100%;
}

#navegacion a:hover span
{
	color: #FFFFFF;
	cursor: pointer;
}

#middle
{
	height: 458px;
}

#contenido-izquierda
{
	background-image: url(../imatges/fondo_izquierda.jpg);
	background-position: right;
	background-repeat: repeat-y;
	
	width: 22%;	
		
	height: 458px;
		
	color: #FFFFFF;
	
	position: relative;
	
	overflow: hidden;
}

#contenido-izquierda * a:link,
#contenido-izquierda * a:visited,
#contenido-izquierda * a:hover,
#contenido-izquierda * a:active
{
	color: #FFFFFF;
	text-decoration: none;
}

#contenido-izquierda #fondo
{
	background-image: url(../imatges/fondo_izquierda_base.jpg);
	position: absolute;
	left: 0px;
	top: 0px;
	
	width: 100%;
	height: 100%;
	
	padding: 12px 0px;
}

#contenido-izquierda #fondo #degradado
{
	height: 434px;

	overflow:hidden;
}

#contenido-izquierda #fondo #degradado table
{
	height: 100%;
	
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;	
}

#contenido-izquierda #contenidos
{
	position: absolute;
	left: 0px;
	top: 0px;
	
	width: 100%;	
}

#contenido-izquierda #contenidos div
{
	position: relative;
}

#contenido-izquierda #contenidos #autor
{
	width: auto;
	height: auto;

	padding: 32px 15px 0px 0px;

	text-align:right;	
}

#contenido-izquierda #contenidos #autor img
{
	margin-bottom: -4px;
	*margin-bottom: -7px;
	_position: relative;
}

#contenido-izquierda #contenidos #autor #imgContainer
{
	border-bottom: solid #FFFFFF 1px;
	overflow: visible;
	_overflow: hidden;
	margin: 0px;
}

#contenido-izquierda #contenidos #autor h3
{
	font-weight: bold;
	text-align: right;
	overflow: visible;
	font-size:11px;
	padding-top: 3px;
}

#contenido-izquierda #contenidos #sitio
{
	width: 100%;
	padding-right: 15px;
}

#contenido-izquierda #contenidos #sitio #estenopeica
{
	text-align: left;
	width: 12%;
}

#contenido-izquierda #contenidos #sitio #estenopeica img
{
	margin: 220px 0px 0px 7px;
}

#contenido-izquierda #contenidos #sitio #menu
{
	text-align: right;
	width: 87%;
}

#contenido-izquierda #contenidos #sitio #menu *
{
	margin: 0px 15px 0px 0px;
}

#contenido-izquierda #contenidos #sitio #menu * *
{
	margin: 0px;
}

#contenido-izquierda #contenidos #sitio #menu ul
{
	margin: 0px 15px 0px 0px;
}

#contenido-izquierda #contenidos #sitio #menu ul.abajo
{
	margin: 20px 15px 5px 0px;
	_margin: 10px 15px 5px 0px;
	border: 1px solid #FFFFFF;
	padding: 7px;
}

#contenido-izquierda #contenidos #sitio #menu ul.abajo2
{
	margin: 0px 15px 10px 0px;
	border: 1px solid #FFFFFF;
	padding: 7px;
}

#contenido-izquierda #contenidos #sitio #menu ul li
{
	margin: 1px 0px;
	padding: 0px;
}

#contenido-izquierda #contenidos #sitio #menu ul.extraspacing li
{
	margin: 3px 0px;
	padding: 0px;
}

#contenido-izquierda #contenidos #sitio #menu ul li.vMargen
{
	margin: 1px 0px 5px 0px;
}

#contenido-izquierda #contenidos #sitio #menu ul li a:link,
#contenido-izquierda #contenidos #sitio #menu ul li a:visited,
#contenido-izquierda #contenidos #sitio #menu ul li a:hover,
#contenido-izquierda #contenidos #sitio #menu ul li a:active
{	
	background-image: url('../imatges/cuadradito.gif');
	background-repeat: no-repeat;
	background-position: right top;

	padding: 0px 12px 0px 12px;
	
	display: block;
	
	_background-image: none;
	_padding: 0px;
}

.sinCuadrado
{
	background-image: none !important;
	padding: 0px 3px !important;
	_padding: 3px !important;
}

#contenido-izquierda #contenidos #sitio #menu ul li a:hover
{
	text-decoration: underline;
}

#contenido-izquierda #contenidos #sitio #menu ul li.inline a
{
	display: inline;
}

#contenido-izquierda #contenidos #sitio #menu ul li a.activo
{
	text-decoration: underline;
}

#contenido-izquierda #contenidos #sitio #menu ul li h2
{
	padding: 0px 0px 5px 0px;
	text-decoration: underline;
}

#contenido-izquierda #contenidos #sitio #menu ul li h2.noUnderLine
{
	text-decoration: none;
}

#contenido-izquierda #contenidos #sitio #menu ul li h2.arriba
{
	padding: 0px 0px 5px 0px;
	text-decoration: underline;
}

#firma
{
	width: 22%;
}

#firma *
{
	width: auto;
	
	float: none;
	
	text-align: right;

	margin-top: 197px;
	margin-right: 10px;
	
	border: none;
}

#firma img
{
	margin: 0px;
	border: none;
}

#contenido-centro
{	
	color: #666666;

	background-color: #D5D3CE;
	background-image: url(../imatges/fondo_contenidos_base.jpg);
	background-repeat: repeat-x;	
	
	width: 56%;
	height: 100%;	
	
	margin: 0px;
	padding: 0px;
}

#contenido-centro a:link, #contenido-centro a:visited, #contenido-centro a:hover, #contenido-centro a:active
{
	color: #333333;
	text-decoration: none;
}

#contenido-centro a:hover
{
	text-decoration: underline;
}

.camara li, .serie li
{
	list-style-type: disc !important;
	margin: 5px 0px 0px 15px;
}

#contenido-centro div
{	
	background-image: url(../imatges/fondo_derecha.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	
	float: none;
	
	width: 100%;
	height: 100%;

	overflow: hidden;
}

#contenido-centro div div
{
	background-image: url(../imatges/fondo_centro.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#contenido-centro div div div
{	
	background-image: none;
		
	height: auto;
	
	width: auto;
	
	padding: 45px 30px 30px 30px;
	/*padding: 30px 30px 30px 30px;*/

}

.enlaces
{
	width: 100%;
}

/*.enlaces div
{	
	width: 50% !important;
	float: left !important;
	text-align: left;
}*/

.enlaces ul
{
	margin: 0px;
	padding: 0px;
}

.enlaces ul li, .publicaciones ul li
{
	text-align: left;
	list-style-type: none;
	list-style-position: inside;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 40%;
	background-image: url(../imatges/circulito.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#contenido-centro div div div.flash
{	
	text-align: center;
	
	background-image: none;
		
	height: auto;
	
	width: auto;

	padding: 12px;	

}

#contenido-centro div div div div
{
	margin: 0px;
	padding: 0px;
}

a.linksAlerta, a.linksAlerta:link, a.linksAlerta:visited, a.linksAlerta:hover, a.linksAlerta:active
{
	color: #FFFFFF;
}

a.linksAlerta:hover
{
	text-decoration: underline;
}

div.camara
{
	height: auto !important;
	width: auto !important;
	text-align: left;
}

div.camara .camara_texto
{
	padding-left: 2% !important;
	width: 50% !important;
}

div.camara .camara_imagen
{
	width: 46% !important;
}

div.camara *
{
	/*width: auto !important;
	height: auto !important;*/
	width:auto;
	height:auto;
	float: left !important;
}

div.camara * *
{
	height: auto !important;
	width: auto !important;
	float: none !important;
}

div.publicacion
{
	height: auto !important;
	width: auto !important;
	text-align: left;
}

div.publicacion div
{
	float: left !important;
}

div.publicacion .texto_publicacion
{
	width: 50% !important;
}

div.publicacion .imagen_publicacion
{
	text-align: right !important;
	width: 50% !important;
}

.float-left {
	float:left;
}

body.texto, body.autor
{
	margin: 20px 15% 10px 15%;
	text-align: justify;
	font-size: 1.2em;
}

body.info
{
	margin: 20px;
}

body.autor #foto
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

/*Clases útiles */
.fila
{
	clear: both;
	float: none;
}

.vMargen
{
	margin: 1em 0em;
}

.hMargen
{
	margin: 0em 1em;
}

.width100
{
	width: 100%;
}

.width75
{
	width: 75%;
}

.width50
{
	width: 50%;
}

.width33
{
	width: 33.3%;
}

.width25
{
	width: 25%;
}

.alignCenter
{
	text-align: center;
}

.alignLeft
{
	text-align: left;
}

.alignRight
{
	text-align: right;
}

.centred
{
	margin:0px auto;
}

.fuente15
{
	font-size: 1.5em;
}

.fuente2
{
	font-size: 2em;
}

h2.class{
	font-size:9px;
	display:inline;
	
}

/* FORM
*/

.formulario{
	background-color:#333333;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	margin-left: 20px;
	margin-right: 20px;
	height: 100%;
	width: 100%;
}

.celdas_form{
	background-color:#333333;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	border: 1px solid #999999;
	text-align:left;
}

.form_m{
	color: #999999;
	text-align:center;
}
a.form_l{
	color: #999999;
	text-decoration:underline;
}
.form_head{
	font-size: 10pt;
	font-weight: bold;
}

a.log_form_close{
	color: #999999;
	text-decoration:underline;
}

input.formulario{
	background-color:#333333;
}

#bookmark {
	position: relative;
	float:left;
	width: 100%;
	text-align: right;
}

#footer
{
	height: 20px;
	text-align:right;
	width: 77%;
}

#footer .stbuttontext {
	color: #FFFFFF;
}