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

body{
	width:100%;
	font-family: georgia;
	background: #CCCC99 url(../img/bg.gif) repeat;

	font-size:11px;
}
#outer-wrapper{
	width:900px;
	margin:0 auto;
	margin-bottom:10px;
	position:relative;
}

a{
	color:#e1dfd4;
}

a img {
	border:none;
}

h1{
	color:#ccc;
	text-align:right;
	text-indent:0;
	font-size:16px;
	font-style: oblique;
	}
h2{
	color:#958873;
	text-align:left;
	text-indent:0;
	font-size:14px;
	}
	
h3{
	float:right;
	font-weight:bold;
	color:#fff;
	text-indent:0;
	font-size:11px;
		margin-top:20px;
		margin-left:0px;
		position:absolute;
	}

h4{
	float:right;
	font-weight:normal;
	color:#fff;
	text-indent:0;
	font-size:11px;
		margin-top:20px;
		margin-left:70px;
		position:absolute;
	}
	
	

/*HEADER*/

#header-wrapper{
	height:200px;
	margin-top:40px;
	position: relative;
	z-index:1;
	background: #333333 url(../img/hdbg_01.jpg) no-repeat;
}

#header-logo{
	float:left;
	margin:-30px 0 0 0;
	height:100px;
	width:295px;
	background: url(../img/logo.png) no-repeat transparent;
	position:relative;
	z-index:1;
}

#seccion{
	background: url(../img/tool.png)  repeat-x transparent;
	height:30px;
	width:900px;
	position:relative;
	font-size:14px;
	font-weight:bold;
	margin-top:-30px;
	z-index:500;
}


#boton a{
	margin-right:20px;
	background:none;
	color:#999;
	padding-top:10px;
	float:right;
	height:25px;
	text-align:left;
	text-decoration:none;
}

#boton a:hover{
	margin-right:20px;
	padding-top:10px;
	color:#FFF;
	float:right;
	background:url(../img/btover.jpg) repeat-x;
	height:25px;
	text-align:left;
	text-decoration:none;
}


#botonact a{
	margin-right:20px;
	background:url(../img/btuso.jpg) repeat-x;
	color:#ccc;
	padding-top:10px;
	float:right;
	height:25px;
	text-align:left;
	text-decoration:none;
}

#subseccion{
	background: url(../img/tool.png)  repeat-x transparent;
	height:30px;
	width:900px;
	position:relative;
	font-size:9px;
	font-weight:bold;
	margin-top:-20px;
	z-index:500;
}


#suboton a{
	background:none;
	color:#999;
	padding:10px 5px 0 5px;
	float:right;
	height:20px;
	text-align:left;
	text-decoration:none;
	font-size:9px;
}

#suboton a:hover{
	padding:10px 5px 0 5px;
	color:#FFF;
	float:right;
	height:20px;
	text-align:left;
	text-decoration:none;
	font-size:9px;
}


#subotonact a{
background: #294D1D;
	color:#ccc;
	padding:10px 5px 0 5px;
	float:right;
	height:20px;
	text-align:left;
	text-decoration:none;
	font-size:9px;
}
/*MAIN*/

#main-wrapper{
	background: #303030 url(../img/main_bg.jpg) no-repeat right bottom;
	width:880px;
	height:420px;
	padding:20px 20px 0 0;
}

#content{
	margin-left:30px;
	position:relative;
	float:left;
	width:400px;
	height:380px;
	}
	
#quote{
	width:100%;
	bottom:60%;
	position:absolute;
	margin:auto;
}

#quote h1{
	text-align:left;
	font-size:24px;
	font-weight:normal;
	color:#ccc;
	font-style:normal;
}

#thumbs{
	background: url(../img/tbbg.png)  no-repeat top left transparent;
	width:100%;
	bottom:80px;
	position:absolute;
	margin:auto;
}

#thumbs img{
	float:left;
	margin-left:10px;
}



#hostal{
	width:100%;
	height:40px;
	bottom:0px;
	position:absolute;
	margin:auto;
	background:#ccc;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}

#hostal-logo{
	float:right;
	margin:-30px 0 ;
	height:89px;
	width:100px;
	background: url(../img/monolito.png) no-repeat transparent;
	position:relative;
	z-index:1;
}

#hostal h1{
	text-align:right;
	font-size:18px;
	font-weight:normal;
	color:#666;
	font-style:normal;
	margin:10px 10px 10px;
}

#hostal a{
	text-align:left;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	color:#666;
	font-style:normal;
}

#content-mail{
	margin-left:50px;
	position:relative;
	float:left;
	width:400px;
	border-left:#ccc 1px groove;
	padding-left:20px;
	}
	
#column{
	margin-top:-10px;
	margin-left:15px;
	position:relative;
	float:left;
	width:200px;
	color:#CCC;
	text-indent:10px;
	text-align:left;
	font-weight: normal;
	font-size:12px;
	}
	
#column a{
	position:absolute;
	text-align:right;
	font-weight:bold;
	color:#BBFFCC;
	text-decoration:none;
	top:190px;
	text-indent:0px;
	}

#column a:hover{
	position:absolute;
	text-align:right;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	top:190px;
	text-indent:0px;
	}


#column img{
	position:absolute;
	top:40px;
	}

#column-txt{
	position:absolute;
	top:220px;
	}

#column-txt a,a:hover,a:visited{
	text-decoration:none;
	color:#FFF;
	position:relative;
	top:inherit;
	}

#column-txt a:hover{
	text-decoration:none;
	color:#BBFFCC;
	position:relative;
	top:inherit;
	}


#column-txt p{
	margin-bottom:5px;
		position:relative;

	}

#galeria{
	margin-left:30px;
	position:relative;
	padding-top:10px;
	float:left;
	text-align:left;
	width:840px;
	height:380px;
}


/*FOOTER*/
#footer-wrapper{
	background: url(../img/foot.png) no-repeat transparent;
	width:100%;
	color:#FFF;
	font-size:11px;
	height:30px;
	text-align:center;
	bottom:0px;
	padding-top:10px;
	
}

#footer-wrapper span{
	
	margin:10px 0 0 0;
}

#footer-wrapper a{
	color:#ccffcc;
	font-size:11px;
	text-decoration:none;
	font-style:italic;
	margin:0 0 0 0;
	flot: none;
	text-align:center;
	padding:10px 0 0 0;
}

/* FORMULARIO DE CONTACTO*/

.notification_error
{
margin-top:10px;
border: 1px solid #666;
height: auto;
width: 90%;
padding: 4px;
background: #999;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
margin-top:10px;
border: 1px #336600 solid;
height: auto;
width: 90%;
padding: 8px;
background: #669933;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { width:325px; margin:10px 0 0 0; -moz-border-radius: 7px; border: none; }

.info_fieldset legend
{
border: 1px #dddddd solid; 
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
	border: 1px solid #666;
	border-top-color: #666;
	border-left-color: #666;
	float:right;
	background: black;
	padding:0 10px 0 10px;
	color: #fff;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	-moz-border-radius: 3px;
}

/* Label */
label  { width: 100px; padding-left: 10px; margin: 5px; float: left; text-align: left; font-size:12px; color:#FFF;}

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px; 
float: left;
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* BR */


a.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#333 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
}

a.Ntooltip:hover {
z-index:3000; /* va a estar por encima de todo */
background-color:#000000; /* DEBE haber un color de fondo */
}

a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:-25px; left:-300px; /* donde va a estar */
width:200px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #fff; /* el color de fondo por defecto */
color: #999; /* el color de los textos por defecto */
text-align:center;
border: 1px solid #ccc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
behavior:url(js/border-radius.htc);

}