/* CSS Document */

*{
	margin: 0;
	padding: 0;
	}

BODY{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5b4837;
	}
	
H1{
	display: none;
	}	
	
IMG{
	border-width: 0;
	}
	
#all{
	margin: 0 auto;
	width: 948px;
	}
	
#general{
	float: left;
	width: 100%;
	}
	
#cabeceraHabitaciones, #cabeceraGaleria{
	display: none;
	}
	
#menu{
	display: none;
	}
						
#derechaHome{
	float: right;
	margin: 0;
	padding: 0;
	width: 278px;
	}			
	#derechaHome IMG{
		float: left;
		}
						
#contenidoHome{
	margin-top: 160px;
	line-height: 16px;
	width: 50%;
	}
	#contenidoHome IMG.titulo{
		padding-left: 190px;
		margin-bottom: 15px;
		}
	#contenidoHome P{
		padding: 0 62px 0 65px;
		}
	#contenidoHome #flash{
		position: absolute;
		top: 442px;
		}
				
#contenido{
	float: left;
	margin:10px 0px 3px 2%;
	line-height: 16px;
	width: 96%;
	}
	#contenido .colIzquierda{
		float: left;
		margin-bottom: 3px;
		width: 100%;
		}
		#contenido .colIzquierda IMG, #contenido .colDerecha IMG{
			margin: 0 3px 3px 0;
			}
		#contenido .colIzquierda .imagenes{
			float: left;
			width: 100%;
			vertical-align:middle;
			}
		#contenido .colDerecha .imagenes{
			float: right;
			width: 100%;
			vertical-align:middle;
			}
	#contenido .colDerecha{
		float: left;
		width: 100%;;
		}
		#contenido .colDerecha P, #contenido .colIzquierda P{
			padding: 10px 50px 10px 55px; 		
			text-align: justify;
			}
		#contenido .colDerecha H3, #contenido .colIzquierda H3{
			margin-left: 55px;
			}
		#contenido .colDerecha H2, #contenido .colIzquierda H2{
			margin-left: 12px;
			}
	#contenido H2{
		padding: 0 0 4px 0;
		margin: 60px 10px 5px 0;
		font-size: 24px;
		border-bottom: 1px solid #d5d2d1;
		}
	#contenido H3{
		margin: 10px 0 5px 0;
		font-size: 18px;
		color: #a47a64;
		}
	#contenido H4{
		margin: 10px 0 5px 0;
		font-size: 14px;
		color: #881536;
		}
	#contenido H5{
		margin: 10px 0 5px 0;
		font-size: 12px;
		color: #881536;
		}
	#contenido A{
		color: #881536;
		text-decoration: none;
		}
		#contenido A:hover{
			color: #6d001f;
			text-decoration: underline;
			}
	
	#contenido P{
		margin: 0 20px 0 0;
		padding: 0 25px 0 0;
		}
	#contenido P EM{
			color: #000000;
			}
		#contenido P.destacado1{
			clear: both;
			margin-right: 25px;
			padding: 8px 5px 10px 5px;
			color: #000;
			border: 1px solid #6D001F;
			}
		#contenido P.destacado2{
			clear: both;
			margin-right: 25px;
			padding: 8px 5px 10px 5px;
			background: #CBC6B9;
			}
		#contenido P.destacado3{
			clear: both;
			margin-right: 25px;
			padding: 8px 5px 10px 5px;
			border: 1px solid #6D001F;
			color: #000;
			font-weight: bold;
			}
			
	#contenido UL{
		clear: both;
		float: left;
		margin: 0;
		padding:0px 0 10px 5%;
		width:90%;
		clear:both;
		list-style-type:none;
		}
		#contenido UL LI{
			float: left;
			margin: 0;
			padding:3px 0 3px 3%;
			width: 97%;
			background-image: url(../images/listaPrinc.gif);
			background-position: 0 6px;
			background-repeat: no-repeat;
			}
			#contenido UL LI UL{
				padding:10px 0 0px 5%;
				width:95%;
				list-style-type:none;
				}
				#contenido UL LI UL LI{
					background-image: url(../images/listaSec.gif);
					background-position: 0 6px;
					background-repeat: no-repeat;
					}
	#contenido OL{
		clear: both;
		float:left;
		margin: 0;
		padding: 10px 0 10px 3%;
		width:94%;
		}
		#contenido OL LI OL{
			padding-left:23px;
			}
	
	#contenido TABLE{
		clear: both;
		float: left;
		width: 66%;
		padding: 5px;
		empty-cells: show;
		border-collapse: collapse;
		border: 1px solid #ce718c;
		}
		#contenido TH{
			padding: 5px;
			border: 1px solid #ce718c;
			color: #FFFFFF;
			background: #cc8196;
			}
				#contenido TH.izq{
					text-align: left;
					}
				#contenido TH.der{
					text-align: right;
					}
				#contenido TH.centro{
					text-align: center;
					}
	
			#contenido TD{
				padding: 5px;
				border: 1px solid #ce718c;
				}
				#contenido TD.izq{
					text-align: left;
					}
				#contenido TD.der{
					text-align: right;
					}
				#contenido TD.centro{
					text-align: center;
					}

/********* 2 columnas ***********/
.izquierda{
	float: left;
	width: 50%;
	}
	
.derecha{
	float: left;
	margin-top: 10px;
	padding-bottom: 15px;
	padding-left: 1%;
	width: 35%;
	background-color: #f2f2ee;
	}
	#contenido .derecha UL LI{
		padding-left: 7%;
		width: 92%;
		background-position: 0 6px;
		}
		#contenido .derecha UL LI A{
			font-size: 10px;
			}
			#contenido .derecha UL LI A:hover{
				text-decoration: underline;
				}		
		
		
/********* CONTACTO **********/
#contenido .formulario{
	float: left;
	width: 99%;
	}
	#contenido .formulario P, #contenido P{
		padding: 10px 0 5px 0;
		}
		#contenido .formulario UL{
			float: left;
			padding: 15px 0 10px 0;
			margin: 0 0 15px 0;
			width: 100%;
			list-style-type: none;
			}
			#contenido .formulario UL LI{
				float: left;
				padding: 3px 0 3px 0;
				margin: 0;
				width: 100%;
				background-image: none;
				}
				#contenido .formulario UL LI LABEL{
					float: left;
					margin: 2px 0 0 0;
					width: 150px;
					text-align: right;
					}
				#contenido .formulario UL LI INPUT{
					float: left;
					margin: 1px 0 0 2px;
					padding: 1px 1px 1px 2px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10px;
					width: 300px;
					height: 13px;
					color: #000000;
					border:1px solid #47544b;
					background-image: url(../images/formulario/input.gif);
					background-position: 0 0;
					background-repeat: repeat-x;
					background-color: #f7f7f7;
					}
					#contenido .formulario UL LI INPUT.radioButton{
						float: left;
						margin: 5px 0 0 0!important;
						margin: 6px 0 0 0;
						border: 0;
						}
			#contenido .formulario UL LI TEXTAREA{
					float: left;
					margin: 2px 0 0 2px;
					padding: 1px 1px 1px 2px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #000000;
					border: 1px solid #47544b;
					width: 350px;
					background-image: url(../images/formulario/input.gif);
					background-position: 0 0;
					background-repeat: repeat-x;
					background-color: #f7f7f7;
					}
				#contenido .formulario UL LI SELECT{
					float: left;
					margin: 5px 0 0 2px;
					padding: 1px 15px 1px 2px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #000000;
					border: 1px solid #47544b;
					background-color: #f7f7f7;
					}
				#contenido .formulario UL LI TEXTAREA#comentarios{
					overflow: auto !important;
					overflow: hidden;						
					}
				#contenido .formulario UL LI TEXTAREA#privacidad{
					color: #000;
					}
				#contenido .formulario UL LI.aceptaprivacidad{
					width: 471px;
					margin-left: 150px!important;
					margin-left: 75px;
					}
					#contenido .formulario UL LI INPUT.checkbox{
						margin: 4px 0 0 -1px;
						width: 20px;
						background-color: #FFF;
						border-width: 0;
						}
					#contenido .formulario UL LI.aceptaprivacidad LABEL{
						width: auto;
						font-size: 11px;
						margin-left: 15px;
						}
			#contenido .formulario UL LI.botones{
				clear: left;
				}
				#contenido .formulario UL LI.botones INPUT.boton{
					margin: 10px 0 0 150px;
					padding: 0pt 0pt 2px 0;
					width: 57px;
					height: 17px;
					font-family: Arial, Helvetica, sans-serif;
					font-size:10px;
					text-align: center;
					cursor: pointer;
					border: 1px solid #6d001f;
					background-color: #881536;
					color: #FFF;
					}
						
#contenido .direccion{
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 0 0 5%;
	width: 94%;	
	}
	#contenido .direccion P{
		padding: 0;
		}
		
#googleMap{
	float: left;
	margin: 0 15px 10px 15px!important;
	margin: 0 7px 10px 7px;
	width: 667px;
	height: 350px;
	}
	
#pie{
	float: left;
	margin: 0;
	padding: 8px 0 8px 55px;
	width: 893px;
	background-color: #6d001f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	}
	#pie A{
		color: #FFF;
		text-decoration: none;
		}
		#pie A:hover{
			text-decoration: underline;
			}
			
/*********** CLASES *************/

.imagenIzquierda{
	float: left;
	margin: 0 7px 7px 0;
	}
	
.imagenDerecha{
	float: right;
	margin: 0 0 7px 7px;
	}
	
.oculto{
	display: none;
	}
	
.negrita{
	font-weight: bold;
	}