/****************************************************************************************************

 *	aventuraycia.css - Archivo de estilos general para Aventura y CÍA v3														* 

 ****************************************************************************************************

 *	Aquí se definen todos los estilos globales para	las páginas																			*

 *	públicas de Aventura y CÍA. Para la sustitución de texto por																		*

 *	imágenes de fondo utilizo la técnica FIR porque el público potencial														*

 *	del sitio no es susceptible de utilizar lectores de pantalla.																		*

 *																																																	*

 *	La anchura de las capas es absoluta puesto a que hoy por hoy la																	*

 *	mejor manera de controlar la correcta visualización de un diseño																*

 *	es mantenerlo con ancho fijo. El tamaño de las fuentes se calcula																*

 *	de manera relativa a partir del valor porcentual del body.																			*

 *																																																	*

 *	Autor:	Javier Cadenas																																					*

 *	Fecha:	enero de 2006		Última modificación:	julio de 2008																			*

 ****************************************************************************************************/

/** Etiquetas completas *****************************************************************************/

*

{

	border: none;

	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

}

abbr, acronym

{

	border-bottom: #000000 1px dotted;

	cursor: help;

}

body

{

	background: #0F364D url(../imagenes/diseno_web/body.png) center top repeat-y;

	color: #000000;

	font-size: 75%;
	height: 100%;

}

h1, h2, h3, h4, h5, h6

{

	font-weight: normal;

}

input, select, textarea

{

	padding: 2px;

}

p

{

	font-size: 1.1em;

	padding-bottom: 10px;

}

em em, em cite

{

	font-style: normal;

}

table

{

	border-spacing: 1px;

}

td, th

{

	padding: 5px;

}

th

{

	font-size: 1.2em;

}

th, th a

{

	color: #FFFFFF;

}

/** Fuentes especiales ****************************************************/

h1, h2, h3, h4, h5, h6, table, #enlace_permanente, #estas_en, #estas_en p, a.especial, .boton, #ranking p, #enlace_permanente span, #menu a span

{

	font-family: 'Century Gothic', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

}

/** Tamaños especiales de cabecera ******************************************************************/

#cuerpo h2

{

	font-size: 1.5em;

}

#cuerpo h3

{

	font-size: 1.4em;

}

#cuerpo h4

{

	font-size: 1.3em;

}

#cuerpo h5

{

	font-size: 1.2em;

}

#cuerpo h6

{

	font-size: 1.1em;

}

/** Bordes y colores de fondo ***********************************************************************/

input, select, textarea, .recuadro

{

	background-color: #79A4B7;

}

input, select, textarea, .recuadro, #comentarios .control a:hover

{

	border: #FD9A0B 1px solid;

}

#capturas img, .boton, .boton_izq, .comentario, .listado

{

	border: #3883A2 1px solid;

}

#comentarios .control a:hover

{

	background-color: #277191;

}

#enlace_permanente, .clara, .comentario

{

	background-color: #C1C1C1;

}

.oscura

{

	background-color: #B6B6B6;

}

/** Identificadores | Etiquetas y clases internas a ellos *******************************************/

#cabecera

{

	background: #000000 url(../imagenes/diseno_web/cabecera.jpg) bottom left no-repeat;

	color: #CCCCCC;

	height: 222px;

	width: 940px;

	overflow: hidden;

}

#cabecera .oculto

{

	width: 200px;

	height: 200px;

	display: block;

	text-indent: -20000px;

}

#capturas img

{

	display: block;

	width: 200px;

}

#comentarios p.especial

{

	color: #666666;

	font-weight: bold;

	margin: 0 10px;

}

#comentarios .recuadro

{

	border-top: none;

	margin: 0 20px 0 18px;

}

#comentarios .sombra_exterior

{

	margin: 0 2px 0 10px;

}
html { height: 100%;}
#contenedor_exterior

{

	background: #D2D2D2 url(../imagenes/diseno_web/sombra_izquierda.jpg) repeat-y;

	margin: 0 auto;

	position: relative;

	width: 940px;
	min-height: 100%;

}

#contenedor_interior

{

	background: url(../imagenes/diseno_web/remate_inferior.jpg) bottom left no-repeat;

}

#contenedor_intermedio

{

	background: url(../imagenes/diseno_web/remate_superior.jpg) no-repeat;

}

#cuerpo

{

	text-align: justify;

}

#enlace_permanente

{

	border: #3782A1 1px solid;

	border-right: none;

	padding: 2px 5px 2px 5px;

}

#enlace_permanente span, .comentario span, .dato span

{

	color: #3782A1;

}

#estas_en

{

	background: url(../imagenes/diseno_web/estas_en.jpg) no-repeat;

	color: #777777;

	font-size: 0.8em;

	height: 45px;

	padding: 11px 0 0 30px;

	position: absolute;

	top: 170px;

	width: 500px;

}

#estas_en p

{

	font-size: 1em;

	padding-bottom: 0;

}

#flotante .boton img

{

	height: 16px;

	margin-bottom: 2px;

	vertical-align: middle;

	width: 16px;

}

#flotante .recuadro

{

	border-right: none;

	padding: 10px 0 0 10px;

}

#flotante .sombra_exterior

{

	margin-right: 10px;

}

#opciones

{

	margin: 40px 0 0 110px;

}

#pie

{

	background: #000000 url(../imagenes/diseno_web/remate.png) repeat-x;

	color: #CCCCCC;

	padding: 55px 5px 10px 5px;

	text-align: center;

}

#pie p

{

	font-size: 0.9em;

	padding: 0;

}

#principal

{

	background: url(../imagenes/diseno_web/sombra_derecha.jpg) top right repeat-y;

	margin-left: 160px;

	padding-bottom: 20px;

}

#titular, #titulo

{

	border-bottom: #3782A1 1px dashed;

	color: #333333;

	font-size: 2.3em;

	margin-bottom: 5px;

	padding-bottom: 5px;

}

/** Clases | Etiquetas e identificadores internos a ellos *****************/

.boton, .boton_izq

{

	font-size: 1em;

}

.boton

{

	background: #C1C1C1 url(../imagenes/diseno_web/flecha.jpg) center left no-repeat;

	border-right: none;

	padding: 2px 5px 2px 15px;

}

.boton_izq

{

	background: #C1C1C1 url(../imagenes/diseno_web/flecha_derecha.jpg) center right no-repeat;

	border-left: none;

	padding: 2px 16px 2px 5px;

	text-align: right;

}

.boton_recuadro

{

	margin-left: 550px;

}

.cartel

{

	height: 34px;

}

.clear

{

	height: 1px;

	clear: both;

}

.comentario

{

	padding: 5px;

}

.comentario p

{

	font-size: 1em;

}

.control

{

	float: right;

	text-align: right;

}

.enlace_comentario

{

	border-bottom: #3782A1 1px dashed;

	padding-bottom: 2px;

	margin-bottom: 2px;

}

.enlace_oculto

{

	display: block;

	text-indent: -20000px;

}

.entradilla

{

	color: #666666;

	font-size: 1.2em;

	padding-bottom: 5px;

}

.extra

{

	padding: 10px;

	margin-top: 20px;

}

.listado

{

	background: #C1C1C1 url(../imagenes/diseno_web/asterisco.png) center left no-repeat;

	padding: 2px 5px 2px 20px;

}

.listado h1

{

	display: inline;

	font-size: 1.1em;

	font-weight: bold;

}

.listado h2

{

	display: inline;

	font-size: 1em;

}

.oculto

{

	display: none;

}

.recuadro

{

	margin-bottom: 10px;

}

.transparencia

{

	background-image: url(../imagenes/diseno_web/transparencia.png);

	border-bottom: #FD9A0B 1px solid;

	border-top: #FD9A0B 1px solid;

	color: #FFFFFF;

}

/** Menú ******************************************************************/

#menu

{

	background: url(../imagenes/diseno_web/menu_inferior.png) bottom left no-repeat;

	font-size: 1.1em;

	padding-bottom: 50px;

	position: absolute;

	top: 222px;

	width: 160px;

	z-index: 9;

}

#menu_buscador

{

	background: url(../imagenes/diseno_web/menu_buscador.png) no-repeat;

	height: 67px;

	width: 123px;

}

#menu_comunidad

{

	background: url(../imagenes/diseno_web/menu_comunidad.png) no-repeat;

}

#menu_contenidos

{

	background: url(../imagenes/diseno_web/menu_contenidos.png) no-repeat;

}

#menu_especiales

{

	background: url(../imagenes/diseno_web/menu_especiales.png) no-repeat;

}

#menu_noticias

{

	background: url(../imagenes/diseno_web/menu_noticias.png) no-repeat;

}

#menu a span

{

	text-decoration: underline;

}

#menu h3

{

	height: 24px;

	width: 123px;

}

#menu input

{

	background-color: #277191;

	border: none;

	color: #FFFFFF;

	height: 17px;

	margin: 26px 0 0 45px;

	padding: 4px 2px 4px 0;

	width: 83px;

}

#menu ul

{

	background: url(../imagenes/diseno_web/menu_remate.png) repeat-y;

	list-style: none;

	padding: 0 0 5px 15px;

}

#menu li

{

	padding: 1px 0;

}

#menu p

{

	background: url(../imagenes/diseno_web/menu_bola_buscador.png) no-repeat;

	height: 60px;

	margin-left: -20px;

}

/** Enlaces ***************************************************************/

a

{

	color: #3782A1;

	text-decoration: none;

}

a:hover

{

	text-decoration: underline;

}

a.especial

{

	color: #000000;

}

a.especial:hover

{

	color: #3782A1;

	text-decoration: none;

}

#comentarios .control a

{

	color: #C1C1C1;

	padding: 3px;

	text-decoration: none;

}

#comentarios .control a:hover

{

	color: #FD9A0B;

	padding: 2px;

}

#estas_en a.especial, .entradilla a.especial

{

	color: #777777;

}

#estas_en a:hover.especial, .entradilla a:hover.especial

{

	color: #3782A1;

}

/** Sombras *****************************************************************************************/

.sombra

{

	background: url(../imagenes/diseno_web/sombra_completa.png) bottom right no-repeat;

}

.sombra_boton

{

	background: url(../imagenes/diseno_web/sombra_completa.png) bottom left no-repeat;

}

.sombra_exterior

{

	background: url(../imagenes/diseno_web/sombra_superior.png) top right no-repeat;

	padding-bottom: 3px;

}

.sombra_intermedia

{

	background: url(../imagenes/diseno_web/sombra_inferior.png) bottom left no-repeat;

	padding: 8px 0 0 8px;

}

.sombra_interior

{

	left: -8px;

	position: relative;

	top: -8px;

}

.sombra_margen

{

	margin-right: -8px;

}

/** Banners *****************************************************************************************/

#banner_superior

{

	position: absolute;

	top: 5px;

	right: 5px;

}

#banner_menu

{

	position: absolute;

	top: 700px;

	width: 125px;

	height: 125px;

}

#banner_menu img

{

	width: 125px;

	height: 125px;

	border: none;

}