@charset "utf-8";

/* ------------------------------------------------------- */
/* --------------------- HTMLs --------------------------- */
/* ------------------------------------------------------- */

*{
	margin: 0;
	padding: 0;
}

html, body{
	min-height: 100% !important;
	height: 100%;
	width:100%;
}
body{
	min-height: 100% !important;
	height: 100%;
	width:100%;
	background-color:#FFF5E1;
	background-image:url(z_interfaz/fondo_body.gif);
	background-repeat: repeat-x;
	background-position: 0px 248px;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
}
a{
	color: #666699;
	font-style:italic;
}
a:link{
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a:active{
	text-decoration:none;
}
a:visited{
	text-decoration:underline;
}
/* ------------------------------------------------------- */
/* ---------------------- IDs ---------------------------- */
/* ------------------------------------------------------- */

#mainframe, #mainframe_index, #mainframe_formularios{
	position:absolute;
	min-height: 100%;
	width: 970px;
	left: 50%;
	margin-left: -485px;
}
#mainframe {
	background-image: url(z_interfaz/fondo_mainframe.gif);
}
#mainframe_index {
	background-image: url(z_interfaz/fondo_index.gif);
}
#mainframe_formularios {
	background-image: url(z_interfaz/fondo_formularios.gif);
}
#menu{
	height: 284px;
}
#datos{
	positiom: relative;
	width:970px;
	height:190px;
	margin-top: 10px;
	background-image:url(z_interfaz/fondo_ofertas.gif);
}
#datos2{
	positiom: relative;
	width:970px;
	height:auto;
	margin-top: 10px;
}
#datos_desayuno{
	positiom: relative;
	width:970px;
	height:auto;
	margin-top: 10px;
}
.desayuno{
	width:890px;
	margin-left: 44px;
	margin-top: 0;
	overflow:visible;
	text-align:center;
	font-size:1.1em;
}

.desayuno .desayuno{
	width:890px;
	margin-left: 0;
	margin-top: 10px;
}
#separador{
	position: relative;
	width: 970px;
	height:10px;
	color:#FFF5E1;
	font-size:0px;
	margin-bottom: 20px;
}
#pie{
	position: absolute;
	display:block;
	clear:both;
	height: 20px;
	width: 970px;
	margin-bottom: 0px;
	bottom: 0px !important;
}
#pie_formularios{
	position: absolute;
	display:block;
	clear:both;
	height: 20px;
	width: 970px;
	margin-bottom: 0px;
	bottom: 0px !important;
}
#datos_index{
	width:870px;
	margin-left: 50px;
	margin-top: 5px;
	text-align:justify;
	font-size:1.2em;
}
#datos_index p{
	margin-bottom: 1em;
}
#datos_formularios{
	positiom: relative;
	width:970px;
	margin-top: 10px;
}
#cabezal_index, #cabezal_formularios{
	height:54px;
	width: 966px;
	margin-left: 4px;
}
#cabezal_index{
	background-image:url(z_interfaz/cabezal_index.gif);
}
#cabezal_formularios{
	background-image:url(z_interfaz/cabezal_formularios.gif);
}
#cabezal_ofertas{
	font-size: 1.4em;
	font-weight:bold;
	font-style:italic;
	color:#DD0000;
	line-height: 3.2em;
	text-align: right;
	margin-right:32px;
	position: absolute;
	right: 0;
	width: 330px;
}
#cabezal_formularios p, #cabezal_index p{
	font-size: 1.4em;
	font-weight:bold;
	font-style:italic;
	color:#DD0000;
	line-height: 3.2em;
	text-align: right;
	margin-right:32px;
}

/* ------------------------------------------------------- */
/* ---------------- Capas Contenedoras ------------------- */
/* ------------------------------------------------------- */

.cont_fotos{
	position:relative;
	float:left;
	margin-left: 30px;
	width:300px;
	height:177px;
}
.cont_descripcion{
	position:relative;
	float:left;
	margin-left: 0;
	margin-top: 60px;
	width:407px;
	height:105px;
}
.cont_precio{
	position:relative;
	float:left;
	margin-left: 17px;
	margin-top: 60px;
	width:165px;
	height:105px;
}
.cont_componentes_formularios{
	display: static;
	clear:both;
	margin-left: 190px;
	width:450px;
	line-height: 3em;
}
.ofertas_index{
	float: left;
	width:170px;
	background-color:#FFEAC6;
	margin-right:15px;
	text-align:center;
	margin-bottom: 15px;
}
.foto_ofertas{
	margin: 5px;
}
.texto_ofertas{
	font-size:1em;
	font-weight:bold;
	color: #FF0000;
	text-align:center;
	width:170px;
	background-color:#E9DCB1;
	margin:0;
	padding:4px 0;
}
div label {
    width: 180px;
    float: left;
    text-align:right;
    margin-right: 40px;
	font-size:1.2em;
	display: static;
	font-weight:bold;
}
div input {
	position: absolute;
	width: 350px;
	left: 410px;
	padding: 0.2em 0 0.1em 0;
	margin-top: 0.4em;
	color:#888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
div textarea{
	position: absolute;
	clear:both;
	width: 350px;
	height: 120px;
	left: 410px;
	padding: 0.2em 0 0.1em 0;
	margin-top: 0.4em;
	color:#888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
td input{
	position: static;
	float:left:
	width: auto;
	left: 0;
	padding: 0;
	margin-top: 0;
	color:#888;
	font-family:Arial, Helvetica, sans-serif;
	font-size: auto;
}
.botones_form{
	position: relative;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	left: 5px;
	padding:0;
}
.botones_desayuno{
	position: relative;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	left: 0;
	padding:0;
}


/* ------------------------------------------------------- */
/* ------------------ Formatos Textos -------------------- */
/* ------------------------------------------------------- */

.texto_descripcion{
	font-size:2ex;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.7ex;
}
.texto_precios{
	font-size:2ex;
	font-weight: bold;
	text-align: right;
	margin-bottom: 3ex;
}
.texto_cantidad{
	position:absolute;
	font-size:2ex;
	font-weight: bold;
	bottom: 0 !important;
	right: 0;
}
.textos_comentarios{
	font-style:italic;
}
.firmas_derecha{
	text-align:right;
}
.destacados{
	font-weight:bold;
}
.titulos_desayunos{
	font-size:1em;
	font-weight:bold;
	color: #FF0000;
	text-align:center;
	width:100%;
	background-color:#E9DCB1;
	margin:0;
	padding:4px 0;
}
.notas_desayunos{
	font-size:1em;
	font-weight:normal;
	font-style:italic;
	color: #FF0000;
	text-align:center;
	width:100%;
	margin:0;
}


/* ------------------------------------------------------- */
/* --------------- Elementos Formularios ----------------- */
/* ------------------------------------------------------- */

.input_pedidos{
	float: left;
	width: 350px;
	left: 0;
	padding: 0;
	margin-top: 0;
	color:#888;
	background-color:#FFF8EC;
}
.option_pedidos{
	float: left;
	width: auto;
	left: 0;
	padding: 0;
	margin-top: 0;
	color:#888;
}
.botones_pedidos{
	float: left;
	width: auto;
	left: 0;
	padding: 0;
	margin-top: 0;
	color:#888;
}

ul{
	margin-left:200px;
}