/*
	CSS - by
	Borja Delgado : http://www.orangeside.org
	Txuma Campos : http://www.altctrlsupr.com
	12 - 2004
*/

/* ESTILOS GENERALES */

* {
	margin: 0px;
	padding: 0px;
	}
	
body {
	color: #FFF;
	background-color: #252525;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

a {
	color: #909090;
	text-decoration: none;
	}

a:hover {
	color: #FFF;
	}

strong {
	color: #FFE700;
	}

em {
	color: #FFF;
	font-style: normal;
	}

h2 {
	color: #FFE700;
	font-size: 18px;
	font-weight: normal;
	}

h3 {
	color: #FFE700;
	font-size: 11px;
	font-weight: bold;
	}

input, textearea, button, submit {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-width: 0px;
	padding: 2px;
	}

/* CONTENEDOR */

#contenedor {
	position: relative;
	width: 700px;
	margin: 10px auto 10px auto;
	}

/* LOGO */

#visualrelax img {
	border-width: 0px;
	}

#visualrelax h1 {
	position: relative;
	width: 145px;
	height: 46px;
	font-size: 11px;
	}

#visualrelax h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../img/visualrelax_logo.gif);
	background-repeat: no-repeat;
	}

#visualrelax h1 span strong {
	display: none;
	}

/* MENU PRINCIPAL */

#menu_principal {
	margin: -16px 0px 6px 150px;
	text-align: right;
	}

/* MENU SECUNDARIO ESTILOS GENERALES */

#menu_secundario {
	background-color: #515151;
	background-image: url(../img/menu_secundario_f.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 17px;
	}

#menu_secundario_seccion {
	float: left;
	width: 100px;
	margin: 0px 4px 0px 2px;
	}
	
#menu_secundario_seccion strong {
	margin: 0px 10px 0px 0px;
	}

#menu_secundario_enlaces {
	font-size: 0px;
	line-height: 0px;
	}

#menu_secundario_enlaces a {
	display: block;
	float: left;
	height: 17px;
	background-color: #515151;
	font-size: 10px;
	text-align: center;
	color: #C0C0C0;
	line-height: 14px;
	}

#menu_secundario_enlaces a:hover {
	color: #515151;
	background-color: #FFE700;
	background-image: url(../img/menu_secundario_f_a_h.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}

#menu_secundario_enlaces a.activo {
	height: 16px;
	color: #FFF;
	background-color: #181818;
	border: 1px solid #FFF;
	border-width: 1px 1px 0px 1px;
	background-image: url(../img/menu_secundario_f_a_ac.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	cursor: default;
	line-height: 16px;
	}

#menu_secundario_enlaces a.activo:hover {
	color: #FFF;
	background-color: #181818;
	background-image: url(../img/menu_secundario_f_a_ac.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	cursor: default;
	}

#menu_secundario_enlaces a.nofoto {
	color: #252525;
	cursor: default;
	}

#menu_secundario_enlaces a.nofoto:hover {
	color: #252525;
	background-color: #515151;
	cursor: default;
	background-image: url(../img/menu_secundario_f_m_a.gif);
	background-repeat: no-repeat;
	background-position: left;
	}

/* MENU SECUNDARIO ESTILOS ADAPTABLES */

#menu_mensual {
	}

#menu_mensual a {
	width: 19px;
	background-image: url(../img/menu_secundario_f_m_a.gif);
	background-repeat: no-repeat;
	}

#menu_mensual a.activo {
	width: 20px;
	}

#menu_autores {
	height: 17px;
	margin: 0px 0px 0px 110px;
	padding: 0px 0px 0px 1px;
	background-image: url(../img/menu_autores_f.gif);
	background-position: left;
	background-repeat: no-repeat;
	}

#menu_autores a {
	width: 82px;
	background-image: url(../img/menu_secundario_f_a_a.gif);
	background-repeat: no-repeat;
	}

#menu_autores a.activo {
	width: 82px;
	}

#menu_archivo {
	float: right;
	}

#menu_archivo a {
	width: 48px;
	background-image: url(../img/menu_secundario_f_ar_a.gif);
	background-repeat: no-repeat;
	}

#menu_archivo a.activo {
	width: 48px;
	}

/* MENU DIARIO */

#menu_diario {
	height: 38px;
	background-color: #181818;
	font-size: 0px;
	line-height: 0px;
	}

#menu_diario div {
	float: left;
	width: 118px;
	height: 33px;
	padding: 5px 0px 0px 5px;
	color: #FFE700;
	background-color: #181818;
	font-size: 11px;
	line-height: 16px;
	border: 1px solid #000;
	border-width: 0px 1px 0px 1px;
	border-left-color: #202020;
	}

#menu_diario div.activo {
	font-weight: bold;
	background-color: #252525;
	height: 33px;
	cursor: default;
	}

#menu_diario a {
	display: block;
	color: #FFE700;
	}

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

#menu_diario a.autor {
	line-height: 10px;
	color: #909090;
	}

#menu_diario a.autor:hover {
	color: #FFF;
	text-decoration: none;
	}

/* FOTOGRAFIA */

#fotografia {
	position: relative;
	margin: 30px auto 0px auto;
	}

#fotografia.horizontal {
	width: 520px;
	}

#fotografia.vertical {
	width: 395px;
	}

#fotografia img {
	border: 10px solid #FFF;
	}

#pie_foto {
	margin: 5px 0px 10px 0px;
	}

#foto_navegacion {
	float: right;
	width: 100px;
	text-align: right;
	}
	
#foto_navegacion a.ant {
	margin: 0px 10px 0px 0px;
	}

#foto_navegacion a.sig {
	margin: 0px 0px 0px 10px;
	}

#foto_datos {
	text-align: left;
	}

#foto_datos strong {
	margin: 0px 10px 0px 0px;
	}

#foto_datos em {
	margin: 0px 10px 0px 10px;
	}

#foto_datos a {
	margin: 0px 10px 0px 10px;
	}

/* DATOS DE AUTOR */

#autor {
	float: left;
	width: 220px;
	height: 505px;
	margin: 15px 0px 15px 0px;
	padding: 10px;
	background-color: #181818;
	}

#autor h2 {
	margin: 0px 0px 10px 0px;
	}
	
#autor h3 {
	margin: 10px 0px 0px 0px;
	}

#autor h3 a {
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	}

#autor p {
	margin: 5px 0px 0px 0px;
	}

/* MINIATURAS */

#miniaturas_autor {
	position: absolute;
	right: 0px;
	top: 85px;
	right: -12px;
	width: 445px;
	padding: 0px;
	}

#miniaturas_archivo {
	width: 100%;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}

#miniaturas_archivo h2 {
	margin: 0px 0px 10px 0px;
	}

#miniaturas_autor a {
	display: block;
	float: left;
	width: 81px;
	height: 81px;
	margin: 0px 7px 7px 0px;
	padding: 0px;
	overflow: hidden;
	}

#miniaturas_archivo a {
	display: block;
	float: left;
	width: 81px;
	height: 81px;
	margin: 0px 7.375px 7px 0px;
	padding: 0px;
	overflow: hidden;
	}

#miniaturas_archivo a.mini_archivo_final {
	margin: 0px 0px 7px 0px;
	}

#miniaturas_autor a.mini_archivo_final {
	margin: 0px 0px 7px 0px;
	}

#miniaturas_autor a img , #miniaturas_archivo a img {
	border: 3px solid #FFF;
	}

#miniaturas_autor a:hover img, #miniaturas_archivo a:hover img {
	border: 3px solid #FFE700;
	}

div.hack_mini_ie6 {
	float: left;
	}

/* PAGINACION */

#paginacion {
	clear: both;
	position: static;
	margin: 0px 0px 10px 0px;
	}

#paginacion a {
	display: inline;
	width: auto;
	height: auto;
	float: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #FFF;
	}

#paginacion a:hover {
	color: #FFE700;
	}

#paginacion a.activo {
	color: #414141;
	cursor: default;
	}

#paginacion a.activo:hover {
	color: #414141;
	}

/* VOLVER MENU MINIATURAS */

#volver_menu {
	margin: 5px 0px -10px 0px;
	}

#volver_menu a {
	color: #FFE700;
	}

#volver_menu a:hover {
	color: #FFF;
	}

/* COMENTARIOS */

#miniatura_foto_comentarios {
	float: left;
	width: 125px;
	margin: 15px 0px 0px 0px;
	text-align: center;
	}

#miniatura_foto_comentarios img {
	border: 3px solid #FFF;
	margin: 5px 0px 0px 0px;
	}

#comentarios {
	float: right;
	width: 525px;
	margin: 15px 25px 0px 0px;
	}

#comentarios h3 {
	margin: 0px 0px 5px 0px;
	}

#comentario_autor {
	margin: 10px 0px 10px 0px;
	background-color: #363636;
	padding: 5px;
	}

div.un_comentario {
	margin: 15px 0px 10px 0px;
	}

p.cuerpo_comentario {
	margin: 3px 0px 0px 0px;
	background-color: #363636;
	padding: 5px;
	}

#formulario_comentarios {
	margin: 20px 0px 10px 0px;
	}

#etiquetas {
	float: left;
	width: 100px;
	padding: 3px 0px 0px 0px;
	}

#etiquetas label {
	display: block;
	margin: 0px 0px 11px 0px;
	}

#campos {
	float: left;
	width: 250px;
	}

#campos input, #campos textarea {
	display: block;
	margin: 0px 0px 5px 0px;
	width: 100%;
	}

#campos textarea {
	height: 150px;
	overflow: auto;
	}

#enviar {
	display: block;
	clear: both;
	margin: 5px 0px 0px 100px;
	width: 50px;
	background-color: #000000;
	color: #FFFFFF;
	}

/*  */

#textos {
	margin: 30px 50px 10px 50px;
	}

#textos h2 {
	margin: 0px 0px 20px 0px;
	}

#textos p {
	margin: 0px 0px 10px 10px;
	}