/*
 *	##### ESTILOS GENERALES #####
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
    vertical-align: baseline
}

html {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    font-size: 62.5%;
    background: #000000 url(img/fondo.gif) top center repeat;
    color: #ffffff;
    width: 100%;
}

input {
    font-family: Arial, Helvetica, sans-serif;

}:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

h1, h2, h3, h4, h5, h6, pre, code {
    font-size: 1em;
}

strong {
    font-weight: bold;
}

a {
    text-decoration: none;
    border: none;
	color: #ffffff;
}

a:hover {
    border: none;
}

em {
    font-style: italic;
}

div.clear, hr, span.clear {
    clear: both;
    display: block;
}

/* PRINCIPAL */

#contenedor{
	position: relative;
	margin: 0 auto;
	padding-bottom: 70px;
	width: 990px;
	background: #730101 url(img/fondo_contenedor.jpg) top center no-repeat; 	
}

/* CABECERA */

#cabecera{
	position: relative;
	overflow: hidden;
	width: 90%;
	padding: 10px 0 6px;
	margin: 0 50px;
	border-bottom: 1px dotted #d3bf91;
}

#cabecera h1{
	float: right;
	font-size: 2.6em;
	text-indent: -9999px;
	margin-top: 20px;
	width: 199px;
	height: 212px;
	background: url(img/es/titulo.png) top left no-repeat;
}

#cabecera h2.sublogo{
	float: left;
	font-size: 2em;
	text-indent: -9999px;
	width: 153px;
	height: 139px;
	background: url(img/sublogo.png) top left no-repeat;
}

#cabecera h2.seccion{
	font-size: 1.8em;
	position: absolute;
	bottom: 0;
	left: 0;
	text-indent: -9999px;
}

/* titulos para la seccion */
h2.galeria{
	width: 322px;
	height: 49px;
	background: url(img/es/titulos_seccion/galeria.png) bottom left no-repeat;
}

h2.bases{
	width: 379px;
	height: 45px;
	background: url(img/es/titulos_seccion/bases.png) top left no-repeat;
}

h2.como{
	width: 483px;
	height: 56px;
	background: url(img/es/titulos_seccion/como_hacer.png) top left no-repeat;
}

h2.recetas{
	width: 156px;
	height: 40px;
	background: url(img/es/titulos_seccion/recetas.png) top left no-repeat;
}

h2.sube{
	width: 247px;
	height: 49px;
	background: url(img/es/titulos_seccion/sube.png) top left no-repeat;
}

h2.historia{
	width: 430px;
	height: 46px;
	background: url(img/es/titulos_seccion/historia.png) top left no-repeat;
}

h2.productor{
	width: 262px;
	height: 40px;
	background: url(img/es/titulos_seccion/productor.png) top left no-repeat;
}

h2.ganadores{
	width: 209px;
	height: 45px;
	background: url(img/es/titulos_seccion/ganadores.png) top left no-repeat;
}

h2.enlaces{
	width: 159px;
	height: 45px;
	background: url(img/es/titulos_seccion/enlaces.png) top left no-repeat;
}

/* Cambio de idioma */

ul#cambio_idioma{
	float: right;
	margin-right: -174px;
}

ul#cambio_idioma li{
	display: inline;
	margin-left: 20px;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
}

ul#cambio_idioma li a{
	font-size: 0.9em;
	color: #cccccc;
	text-decoration: underline;
}

/* CUERPO */

#cuerpo{
	overflow: hidden;
	width: 90%;
	margin: 20px 50px;
}

/* enlaces de idiomas de la página de inicio */
ul#enlaces_idiomas{
	text-align: right;
	margin: 50px 0;
}

ul#enlaces_idiomas li{
	margin-bottom: 20px;
}

/* MENÚ IZQUIERDA */

#izq{
	width: 230px;
	float: left;
	margin-right: 22px;
}

#izq li{
	border-bottom: 1px dotted #666666;
	font-size: 1.4em;
	margin-top: 8px;
	text-transform: uppercase;
}

#izq li.primero, #izq li.ultimo{
	border-bottom: 0;
}

/* DERECHA */

#der{
	width: 630px;
	float: left;
}

/* Galería de fotos */

#sin_fotos{
	padding: 20px;
	border: 1px solid #ff0000;
	font-size: 1.4em;
}

ul#galeria_fotos{
	overflow: hidden;
	width: 100%;
}

ul#galeria_fotos li{
	float: left;
	border: 1px solid #ffffff;
	width: 100px;
	height: 100px;
	margin: 10px;
	overflow: hidden;
}

/* Paginación */

ul.paginacion{
	margin: 5px 0;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

ul.paginacion li{
	display: inline;
	font-size: 1.4em;
	margin: 0 4px;
}

ul.paginacion li a{
	font-weight: bold;
}

ul.paginacion li.actual a{
	color: #ded856;
	text-decoration: underline;
}

/* Vídeos */

#videos{
	overflow: hidden;
	width: 100%;
}

#videos p{
	text-align: right;
	font-size: 2em;
	margin-bottom: 10px;
}

#videos p a:hover, #videos p a.actual{
	color: #ff9100;
	text-decoration: underline;
}

.video{
	float: right;
}

/* Bases */

#bases{
	padding: 10px 0;
	color: #ffffff;
}

#bases h3{
	font-size: 1.8em;
	line-height: 1.5em;
	margin-top: 8px;
	font-style: italic;
	color: #ff9100;
}

#bases p{
	font-size: 1.3em;
	line-height: 1.5em;
}

/* Recetas */

#recetas{
	padding: 10px 0;
}

#recetas .receta{
	border-bottom: 1px dotted #999999;
	margin-bottom: 20px;
}

#recetas h3{
	font-size: 1.8em;
	font-style: italic;
	color: #ff9100;
	margin-bottom: 10px;
}

#recetas dl{
	margin-bottom: 10px;
}

#recetas dt{
	font-size: 1.5em;
	color: #ffff66;
}

#recetas dd{
	font-size: 1.3em;
	line-height: 1.5em;
	color: #ffffff;
}

/* Subida de fotografías */

#sube{
	padding: 10px 0;
}

#sube p, #sube li{
	font-size: 1.3em;
	color: #ffffff;
	margin-bottom: 10px;
}

#sube div.errores{
	padding: 15px;
	margin-bottom: 10px;
	background: #ff0000;
	border: 1px solid #ffffff;
}

#sube div.errores li{
	list-style-type: decimal;
	margin-left: 30px;
}

#sube p.sub{
	width: 99%;
	text-align: right;
}

#sube p input{
	width: 99%;
	background: #ffffff;
	border: 2px solid #ff9100;
}

#sube p input:focus{
	background: #ffff99;
}

#sube p.sub input{
	cursor: pointer;
	width: auto;
	background: #000000;
	color: #ffffff;
}

#sube p.sub input:hover{
	background: #ff9100;
	color: #000000;
}

/* Historia de Halloween */

#historia{
	padding: 10px 0;
}

#historia h3{
	font-size: 2.4em;
	font-style: italic;
	margin-bottom: 15px;
}

#historia p{
	font-size: 1.3em;
	line-height: 1.5em;
	color: #ffffff;
	margin-bottom: 10px;
}

/* Ganadores */

#ganadores{
	padding: 10px 0;
}

#ganadores h3{
	font-size: 2.4em;
	font-style: italic;
	margin-bottom: 15px;
}

#gana_con, #gana_sor{
	width: 300px;
}

#gana_con{
	float: left;
} 

#gana_sor{
	float: right;
}

#ganadores .ganador{
	padding: 8px;
	margin-bottom: 10px;
}

#ganadores .ganador p{
	font-size: 1.3em;
	line-height: 2em;
}

#ganadores ul li{
	font-size: 1.3em;
	line-height: 1.5em;
}

/* Enlaces */

#enlaces{
	padding: 10px 0;
}

#enlaces ul li{
	font-size: 1.4em;
	line-height: 1.8em;
}

#enlaces ul li a:hover{
	color: #ff9100;
}

/* Burbujas informativas */

.qtip{
	margin: 0;
}

.qtip .qtip-content{
   padding: 10px;
   overflow: hidden;
   font-size: 1.6em;
}


/* PIE */

#pie{
	text-align: center;	
	position: absolute;
	bottom: 10px;
}

#pie h3{
	width: 697px;
	height: 29px; 
	background: url(img/es/titulopie.png) center center no-repeat;
	text-indent: -9999px;
	margin: 20px 163px 10px;
}

#pie ul{
	overflow: hidden;
	width: 100%;
}

#pie ul li{
	display: inline;
	margin: 0 8px;
}