@charset "utf-8";

/* Hoja de estilo para Hostal la Niña*/

																/* >>> ELEMENTOS <<< */

* {
	margin: 0;
	padding: 0;
	}
	body {
		color: #000;
		background-color: #cacaca;
		background-position:top;
		background-repeat:no-repeat;
		font-family: "Verdana", "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		text-align: center;
		}
		
img{
	border: 1px solid #878787;
	padding: 1px;				
	}		






																/* >>> CONTENEDORES <<< */



div#container {
	width: 768px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	background-color:#FFFFFF;
	}
	div#container-cabecera{
		width: 768px;
		height: 230px;
		background-color:#FFFFFF;
		}
		div#container-cabecera-bandera{
			position:absolute;
			margin-top:10px;
			margin-left:10px;
			}
			div#container-cabecera-bandera img{
				border:none;
			}
			
		div#container-cabecera-top1{
			height: 36px;
			background-color:#df6f01;
			margin-bottom: 1px;
			}
		div#container-cabecera-top2{
			height: 24px;
			background-color:#753a00;
			margin-bottom: 1px;
		}
		div#container-cabecera-imagen img{
			border:none;

			}
	div#container-menu{
		padding-top:1px;
		padding-bottom:1px;
		width: 768px;
		height: 49px;	
		margin-left:auto;
		margin-right:auto;	
		}			
		div#top-menu {
				width: 768px;
				height: 49px !important;
				height: 49px;
				background-image:url(images/backgroundMenu.gif);
				background-repeat:repeat-x;
				}
	
			
				
	div#container-contenido{
		position:absolute;
		width: 768px;
		height:auto;
		background-color:#FFFFFF;
		background-image:url(images/backgroundContenido.gif);
		background-repeat:repeat-y;
		}	
		div#container-oferta{
			float:left;
			width: 178px;
			}
			div#container-oferta-precio{
				height: auto;
				background-color:#df6f01;
				background-image:url(images/esquina.gif);
				background-position:top left;
				background-repeat:no-repeat;
				
			}
			div#container-oferta-descripcion{
			}
		div#container-descripcion{
			float:left;
			width: 590px;
			}
			div#container-descripcion img{
				
				margin: 9px;	
			}
			div#container-descripcion-titulo{
				padding: 10px 0 2px 10px;
				font-size:15px;
				color:#df6f01;
				font-weight:bold;
				font-style:italic;
			}

	div#container-pie{
		background-color:#FFF;
		height: 105px;
		clear:both;
		}	
		div#container-pie-top{
			background-color:#753a00;
			background-image:url(images/adornoPie.gif);
			background-position:left;
			background-repeat:no-repeat;
			height: 58px;
		}	
		div#container-pie-down{
			height: 47px;
			}	
			div#container-pie-down img{
				margin-left: 15px;
				border:none;
			}	
	
		
		
		
														/* >>> LISTAS <<< */

div#container-descripcion ul{
    margin:5px 0 0 0;
	padding-left: 15px;
	}
	div#container-descripcion ul li{
		list-style: none;
		background: url(images/bullet.png) left no-repeat;
		padding-left: 12px;
		color:#753a00;
		font-size: 12px;
		font-weight:bold;
		}
		
div#container-descripcion ol{
    margin:5px 0 0 0;
	padding-left: 15px;
	}
	div#container-descripcion ol li{
		padding-left: 12px;
		color:#df6f01;
		font-size: 12px;
		font-weight:bold;
		}
	

	
ul#nav-left {
	text-align:left;
	padding-top: 13px;
	list-style: none;
	}
	ul#nav-left li {
		display: inline;
		}
		ul#nav-left li a {
			display: inline;
			margin-left: 32px;
			color: #753a00;
			font-size: 12px;
			font-weight:bold;
			text-decoration: none;
			}
			ul#nav-left li a:hover {
				color:#000;
				text-decoration:underline;
				}															

				
				
															/* >>> TEXTOS <<< */	
p{
	color:#086e00;
	font-size: 12px;
	font-style:normal;
	}
															
div#container-cabecera-titulo p{
	margin-top: 5px;
	font-size: 13px;
	font-style:normal;
	font-weight:bold;
}

div#container-cabecera-top1 p{
	text-align:right;
	margin-right: 8px;
	color:#FFF;
	font-size: 12px;
	font-style:normal;
	padding-top: 9px;
	}

div#container-cabecera-top2 p{
	text-align:right;
	margin-right: 8px;
	color:#FFF;
	font-size: 10px;
	font-style:normal;
	padding-top: 5px;	
	}
	div#container-cabecera-top2 p a{
		text-decoration:underline;
		color:#FFF;
		}
		div#container-cabecera-top2 p a:hover{
			color:#df6f01;
			}
			
div#container-cabecera-bandera a{
	color:#FFF;
	font-size: 10px;
	text-decoration:none;
	}
	div#container-cabecera-bandera a:hover{
		color:#d753a00;
		text-decoration:underline;
	}

div#container-oferta-precio p{
	text-align:center;
	color:#FFF;
	font-size: 16px;
	font-weight:bold;
	padding: 25px 5px 25px 5px;
}

div#container-oferta-descripcion p{
	text-align:justify;
	color:#656565;
	font-size: 10px;
	padding: 9px 8px 3px 8px;
	}
	div#container-oferta-descripcion p a{
		color:#000;
		font-weight:bold;
		font-size: 10px;
		text-decoration:none;
		}
		div#container-oferta-descripcion p a:hover{
		color:#753a00;
		text-decoration:underline;
	}
	
div#container-descripcion p{
	text-align:justify;
	color:#656565;
	font-size: 10px;
	padding: 9px 8px 3px 8px;
	}	
	
div#container-pie-top p{
	text-align:right;
	color:#FFF;
	font-size: 11px;
	padding: 10px 10px 0px 0px;
	}
	div#container-pie-top p a{
		text-decoration:underline;
		color:#FFF;
		}
		div#container-pie-top p a:hover{
			color:#000;
			}	
			
div#container-pie-down p{
	text-align:right;
	color:#000;
	font-size: 10px;
	margin-top:-30px;
	margin-right: 8px;
	}
	div#container-pie-down p a{
		text-decoration:none;
		color:#000;
		}
		div#container-pie-down a:hover{
			color:#656565;
			text-decoration:underline;
			}			

.destacado{
	font-weight:bold;
	border-bottom: 1px solid #cecece;
	border-top: 1px solid #cecece;
	border-bottom-style: dotted;
	border-top-style: dotted;
}

															/* >>> FORMULARIO <<< */
	
form{
	width: 570px;
}
			
label
{
	width: 95px;
	float: left;
	text-align: left;
	margin-right: 10px;
	margin-left: 15px;
	display: block
}


input
{
	color: #000;
	background: #FFF;
	border: 1px solid #753a00;
	width: 400px;
}

select
{
	color: #000;
	background: #FFF;
	border: 1px solid #753a00;
	width: 400px;
}

.submit input
{
	color: #FFF;
	background: #753a00;
	border: 2px outset #000;
	width: 100px;
	margin: 5px 15px 5px 5px;
	float:right;
}

textarea{
	color: #000;
	background: #FFF;
	border: 1px solid #753a00;
	width: 400px;
	height: 75px;
}

fieldset
{
	background-color:#ececec;
	border: 1px solid #753a00;
	margin-left: 15px;
	margin-top: 20px;
}

legend
{
	color: #fff;
	background: #753a00;
	border: 1px solid #753a00;
	padding: 2px 6px 0px 6px;
} 