/* -------------------------------------------------------- */
/* Flavaquess Design // www.flavaquess.net            CSSīs */
/* ---------------------------------------------- Generales */

body {
	margin: 0em;
	padding: 0em;
	font-size: 62.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #393939;
	background: url(../img/fnd.jpg) repeat;
}

swf {
	padding: 0em;
	margin: 0em;
}

html {
	margin: 0em;
	padding: 0em;
}

h1 {
	text-indent: -500em;
	float: left;
	position: absolute;
	overflow: hidden;
}

h2 {
	margin: 0.9em 0em 0em 2.2em;
	padding: 0em;
	width: 90%;
	font: bold 1.6em Georgia;
	color: #000000;
	float: left;
}
html>body h2 {
	margin: 1em 0em 0em 4.4em;
	float: left;
}

h3 {
	margin: 0em 0em 0em 2.5em;
	padding: 0em;
	font: bold 1.4em Georgia;
	color: #733523;
	width: 90%;
	float: left;
}
html>body h3 {
	margin: 0em 0em 0em 5em;
	width: 90%;
	float: left;
}

div.hr {
	background: url(../img/hr.jpg) repeat-x;
	height:0.1em;
	float: left;
	width: 100%;
}
div.hr hr{
	display: none;
}

a {
	text-decoration: none;
	color: #733523;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}

img {
	border: none;
}





/* ---------------------------------------------- Contenedor */

#contenedor {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 45em;
	background: url(../img/fnd-detalle.jpg) no-repeat top left;
	float: left;
} 
#html>body contenedor {
	min-height: 45em;
	height: auto;
} 





/* ---------------------------------------------- Cabecera */

#cabecera {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 20em;
	float: left;
} 
#html>body cabecera {
	min-height: 20em;
	height: auto;
} 

.logo {
	margin: 4.7em 5em 0em 0em;
	padding: 0em;
	width: 26.3em;
	height: 9.8em;
	background: url(../img/logo.gif) no-repeat top left;
	float: right;
} 






/* ---------------------------------------------- Menu */

#zonamenu {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 100%;
	height: 2em;
	float: left;
} 
html>body #zonamenu {
	min-height: 2em;
	height: auto;
} 

ul#menu {
	margin: 2em 0em 0em 0em;
	padding: 0em 5em 0em 0em;
	float: right;
} 
ul#menu li {
	list-style-type: none;
	margin: 0em 0em 0em 1.4em;
	padding: 0em;
	float: left;
} 
ul#menu li a {
	margin: 0em;
	padding: 0em;
	font: bold 1.4em Georgia;
	color: #000000;
	display: block;
	float: left;
}
ul#menu li a:hover {
	text-decoration: line-through;
}
ul#menu li a.selec {
	text-decoration: line-through;
}    






/* ---------------------------------------------- Banners */

#zonabanner {
	margin: 1.2em 0em 0em 3.4em;
	padding: 0em 0em 0em 0em;
	width: 88%;
	height: 19.6em;
	background: #ffffff url(../img/fnd-banner.jpg) no-repeat top left;
	float: left;
} 
html>body #zonabanner {
	margin: 1em 0em 0em 6.7em;
	min-height: 19.6em;
	height: auto;
} 





/* ---------------------------------------------- Contenido */

#contenido {
	margin: 1.2em 0em 0em 3.4em;
	padding: 0em 0em 5em 0em;
	width: 88%;
	height: 34em;
	background: #ffffff url(../img/piel.gif) repeat-y top left;
	float: left;
} 
html>body #contenido {
	margin: 1em 0em 0em 6.7em;
	min-height: 34em;
	height: auto;
} 

#piel {
	margin: 0em;
	padding: 0em;
	width: 88%;
	height: 34em;
	background: url(../img/anilla.gif) repeat-y top left;
	float: left;
} 
html>body #piel {
	margin: 0em;
	min-height: 34em;
	height: auto;
} 





/* ---------------------------------------------- Pie */

#pie {
	margin: 1.2em 0em 0em 3.4em;
	padding: 0em 0em 1em 0em;
	width: 88%;
	height: 5.5em;
	float: left;
} 
html>body #pie {
	margin: 1em 0em 0em 6.7em;
	min-height: 5.5em;
	height: auto;
} 

#izquierda {
	margin: 1.5em 0em 0em 1em;
	padding: 0em 0em 0em 0em;
	width: 50%;
	font: bold 1em Verdana;
	color: #000000;
	float: left;
} 

#derecha {
	margin: 1.5em 1em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 40%;
	font: bold 1em Verdana;
	color: #000000;
	text-align: right;
	float: right;
} 



/* ---------------------------------------------- Tablas */

table {
	margin: 0em;
	padding: 0em;
	border-spacing: 0em;
	border: none;
	width: 80%;
	text-align: left;
	float: left;
}

table, td, th {
	margin: 3em 0em 0em 4em;
	padding: 0em 0em 0em 0em;
	border-spacing: 0em;
	font: normal 1em Verdana;
	border: none;
}
html>body table, td, th {
	margin: 3em 0em 0em 8em;
	padding: 0em 0em 0em 0em;
}

table caption {
	text-align: left;
	font: bold 1.1em Verdana;
	color: #f55d13;
	padding: 0em 0em 1em 0em;
}

tbody td, tbody th {
	padding: 0em;
	margin: 0em;
}

.boton {
	font: normal 1em Verdana;
	color: #ffffff;
	padding: 0.5em 1em 0.4em 1em;
	margin: 0em 1em 0em 0em;
	background-color: #999999;
	float: left;
	border: none;
}
a.boton:hover {
	color: #ffffff;
	text-decoration: line-through;
}

.boton2 {
	font: bold 1em Verdana;
	color: #ffffff;
	padding: 0em;
	margin: 0.3em;
	background-color: #002d71;
	border: 2px solid #002d71;
}
html>body .boton2 {
	padding: 0em 0.8em 0.2em 0.8em;
}

.campo {
	border: #d7d3d0 1px solid; 
	font: normal 10px Verdana; 
	color: #696969;
	height: 1.4em;
	padding: 0em;
	margin: 0.3em;
	background-color: #ffffff
}

.campo2 {
	border: #d7d3d0 1px solid; 
	font: normal 10px Verdana; 
	color: #696969;
	padding: 0em;
	margin: 0.3em;
	background-color: #ffffff
}





/* ---------------------------------------------- Noticias */

dl {
	margin: 1.4em 0em 0.8em 2.5em;	
	padding: 0em;
	width: 100%;
	height: 1em;
	float: left;
}
html>body dl {
	margin: 1.4em 0em 0.8em 5em;
	min-height: 1em;
	height: auto;
}

dt {
	margin: 0em 0em 1.3em 1em;
	padding: 0em 0em 0em 1em;
	width: 100%;
	height: 1em;
	font: bold 1.1em Verdana;
	color: #000000;
	text-transform: uppercase;
	float: left;
}
html>body dt {
	min-height: 1em;
	height: auto;
}

dd {
	margin: 0em 0em 0em 3em;	
	padding: 0em;
	height: 1em;
	font: normal 1em Verdana;
	color: #000000;
    line-height: 1.48em;
}
html>body dd {
	min-height: 1em;
	height: auto;
}

.fecha {
	width: 90%;
	color: #733523;
}

.foto {
	width: 440px;
	height: 382px;
	color: #733523;
	float: left;
}

.infor {
	width: 400px;
	float: left;
}





/* ---------------------------------------------- Fotos */

ul#fotos {
	margin: 1em 0em 0em 2.5em;
	padding: 0em 0em 0em 0em;
	width: 100%;
	float: left;
} 
html>body ul#fotos {
	margin: 1em 0em 0em 4.5em;
	padding: 0em 0em 0em 0em;
	width: 100%;
	float: left;
}
ul#fotos li {
	list-style-type: none;
	margin: 0em -2em 0em 0em;
	padding: 0em;
	height: 20.6em;
	float: left;
} 
ul#fotos li a {
	margin: 0em;
	padding: 0em;
	display: block;
}





/* ---------------------------------------------- Otros */

#centrado {
	margin: 2em 0em 0em 23em;
	padding: 0em;
	float: left;
} 

.snippet {
	position: absolute;
	margin: 0em;
	padding: 0em;
	top: 36em;
	left: 10em;
	width: 20em;
	height: 2em;
}