/* CSS La barraca */

/* GENERAL CSS --------------------------------------------------------------------------------------------------------------------- */
body { background:url(../images/bg_site.gif); background-color:#C7BDA1; margin:0; padding:0; font-family:"Trebuchet MS", Arial, Verdana; color:#666666; font-size:14px; }

a { color:#E0BC69; text-decoration:none; } 
a:hover { color:#56585B; }

h1 { color:#E0BC69; font-size:28px; font-weight:normal; background:url(../images/item_h1.gif) no-repeat center left; padding:10px 0px 10px 31px; margin:0px; }
h1.index { text-align:center; background:none; padding:10px 0px 10px 0px; }
h2 { color:#F2BD75; font-size:22px; font-weight:normal; padding:10px 0px 5px 25px; margin:0px; clear:both; }
h3 { font-size:14px; font-weight:normal; color:#333333; padding:5px 25px; margin:0px;  }

p { margin:5px 25px; }
p a:hover { background:url(../images/bg_bottom_menu.gif) repeat-x bottom left; }

/* FONDO TOP ----------------------------------------------------------------------------------------------------------------------- */
#bg_top { background:url(../images/bg_top.gif) no-repeat center top; margin:0 auto; vertical-align:middle; padding-top:70px;  }
#bg_header { background:url(../images/bg_header.gif) no-repeat center top; width:900px; margin:0 auto; vertical-align:middle; height:34px; overflow:hidden; margin-bottom:-1px; }


/* CONTENIDO ----------------------------------------------------------------------------------------------------------------------- */
#contenedor { width:900px; margin:0 auto; vertical-align:middle; }
#contenido, #contenido_pre { background:#fff center; width:850px; margin:0 auto; vertical-align:middle; }
#contenido_pre { width:700px; padding:10px; }
#contenido_pre img#logo { padding-bottom:20px; }
a.idioma { color:#6D6E71; font-size:16px; font-weight:bold; }
a.idioma:hover { color:#E6C884; }

#bg_col_der { background:url(../images/bg_col_der.gif) repeat-y right top; }
#bg_col_izq { background:url(../images/bg_col_izq.gif) repeat-y left top; }

/* Columna izquierda */
#col_izq, #col_izq_pied { float:left; width:310px; padding:20px 10px 20px 0px; }
#col_izq_pied { background:url(../images/bg_piedras.gif) no-repeat bottom center; padding-bottom:115px; }
.img_1 { background:#F2BD75; padding:10px; margin-left:5px; } 

/* Columna derecha */
#col_der { float:left; width:510px; padding:20px 0px 20px 5px; }

ul { margin:0px; padding:10px 25px; list-style:none; }
ul li { background:url(../images/item_1.gif) no-repeat left center; padding:4px 0px 4px 20px; }
ul li.email { background:url(../images/email.png) no-repeat left center; padding-left:22px; }
ul li.credit { background:url(../images/creditcards.png) no-repeat left center; padding-left:22px;}

/* Columna ancha */
#columna { float:left; width:830px; padding:20px 10px; } 


/* Que hacer? ----------------------------------------------------------- */
.que_hacer { background:url(../images/bg_quehacer.jpg) no-repeat; width:224px; float:left; margin:10px; }
.recomendados { background:url(../images/bg_recomendados.jpg) no-repeat; width:321px; float:left; margin:10px; }
.que_hacer h4, .recomendados h4 { font-size:22px; color:#666; margin:48px 0px 0px 30px; font-weight:normal; }
.recomendados h4 { color:#333; }
.recomendados p { margin:0px 20px 0px 40px; font-size:11px; }
.que_hacer ul, .recomendados ul { padding:10px 0px 0px 35px; }

/* Guestbook ----------------------------------------------------------- */
.guestbook { background:url(../images/bg_tit.gif) no-repeat top left; width:478px; padding:10px 0px 0px 10px; margin-top:25px; }
.guestbook span { float:right; font-size:11px; padding:0px 25px 0px 0px; margin:0px; }
.guestbook h4 { font-size:15px; background:url(../images/item_2.gif) no-repeat left top; padding:0px 0px 10px 22px; float:left; margin:0px; font-weight:normal; color:#333; }
.guestbook p { clear:both; font-size:13px; color:#666; margin:0px 10px; padding:0px;}

#pag { background:url(../images/bg_link.gif) repeat-x top; text-align:center; display:block; clear:both; margin:20px 10px 0px 10px; padding:10px; font-size:13px; color:#666; font-weight:normal; } 
#pag a { padding:0px 6px; border:1px solid #F2BD75; background:white; margin:0px 2px; }
#pag a:hover { background:#F2BD75; color:white; }


/* Tarifas -------------------------------------------------------------- */
.tarifas, .temporadas { background:url(../images/bg_tit.gif) no-repeat; width:488px; text-align:center; } 
.temporadas { text-align:left; font-size:13px; }
.tarifas td, .temporadas td{ background:url(../images/bg_link.gif) repeat-x bottom left; padding:5px; } 
.tarifas td.no, .temporadas td.no { background:none; }
.tarifas td h4, .temporadas td h4 { font-size:16px; font-weight:normal; color:#333; margin:0px; padding:2px 5px 5px 5px; }


/* Contacto ------------------------------------------------------------ */
form { padding:0px; margin:0px;}
.txt_form, .campos_form { float:left; }
.txt_form p { padding:9px 22px 8px 0px; background:url(../images/item_1.gif) no-repeat right center; text-align:right; }
.error { color:#CC6600; font-weight:bold; } 

label { background:url(../images/bg_input.gif) no-repeat center left; display:block; width:344px; height:27px; padding:7px 0px; /padding:6px 0px; }
label.txtarea { background:url(../images/bg_textarea.gif) no-repeat top left; display:block; width:344px; height:133px; }
input { background:none; border:0px; width:325px; padding:5px; font-family:"Trebuchet MS", Arial, Verdana; }
form input#enviar, input#borrar { background:url(../images/btn.gif) no-repeat; width:104px; height:36px; color:white; font-size:17px; padding-left:25px; margin:0px 15px; }
input#borrar { margin-left:55px; }
textarea { font-family:"Trebuchet MS", Arial, Verdana; font-size:14px; background:none; border:0px; width:329px; height:113px; padding:8px; overflow:auto; }

/* Encabezado ----------------------------------------------------------- */
#header { background:url(../images/bg_header_2.gif) no-repeat right top; width:850px; height:233px; display:block; }
#header a.logo { background:url(../images/la_barraca_hostel.gif) no-repeat; width:290px; height:233px; display:block; float:left; }

	/* Idioma */
	#idioma { float:right; padding-right:43px; }
	#idioma a { font-size:10px; text-transform:uppercase; color:#6C6D70; display:block; clear:left; letter-spacing:1px; padding:0px 0px 3px 0px;}
	#idioma a:hover { text-decoration:none; color:#2C2D2E; }
	/* Botonera  */
	#botonera { float:right; clear:right; padding:138px 10px 0px 0px; width:550px; height:35px; }
	/*#botonera { float:right; padding:50px 10px 0px 0px; width:550px; height:35px; }*/
	#botonera a { color:#fff; font-size:15px; font-weight:bold; background:url(../images/divider_menu.gif) no-repeat right top; padding:6px 8px 15px 2px; }
	#botonera a.c { background:none; }
	#botonera a:hover { text-decoration:none; color:#6D6E71; } 


/* FOOTER -------------------------------------------------------------------------------------------------------------------------- */

/* Bottom Menu */

#bottom_menu { display:block; clear:both; text-align:center; font-size:13px; background:url(../images/bg_bottom_menu.gif) repeat-x top; padding:10px 0px; margin:0px 0px 10px 0px; color:#999;}
#bottom_menu a { color:#999; } #bottom_menu a:hover { color:#E6C884; text-decoration:none; background:url(../images/bg_link.gif) repeat-x bottom left; }

/* Footer */
#footer { background:url(../images/footer.gif) no-repeat; padding:130px 0px 0px 95px; }
#footer p { margin:0px; padding:0px; line-height:21px; font-size:14px; } #footer p strong { font-size:16px; padding-bottom:5px; }
#footer a:hover { color:#E6C884; text-decoration:none; background:url(../images/bg_link.gif) repeat-x bottom left; }

/* Links */
#links { float:right; width:350px; margin:50px 0px 0px 50px; padding:0px 15px; border-left:1px solid #ededed; font-size:11px; height:120px;}
#links h2 { padding:5px 0px; }
#links ul { margin:0px; padding:0px; } #links ul li { background:url(../images/bg_bottom_menu.gif) repeat-x bottom; padding:3px 0px; }
#links ul a { color:#3E3E3E; } #links ul a:hover { color:#000; }

/* FONDO BOTTOM -------------------------------------------------------------------------------------------------------------------- */
#bg_bottom { background:url(../images/bg_bottom.gif) no-repeat center bottom; margin:0 auto; vertical-align:middle; height:20px; overflow:hidden; }
#bg_footer { background:url(../images/bg_footer.gif) no-repeat center bottom; margin:0 auto; vertical-align:middle; }

	/* Firma */
	#firma, #firma2{ display:block; text-align:right; padding:20px 40px 130px 0px; }
	#firma { width:700px; margin:0 auto; vertical-align:middle; padding:10px 0px 130px 0px; }
	#firma a img, #firma2 a img { filter: alpha(opacity=80); opacity: .8; -moz-opacity:0.8; }
	#firma a:hover img, #firma2 a:hover img { filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; }
	
	
	
/* EXTRAS -------------------------------------------------------------------------------------------------------------------------- */
.float_left { float:left; margin:0px 10px 20px 0px; }
.ampliar { font-size:14px; color:#333; background:url(../images/ico_lupa.gif) no-repeat center left; padding:10px 0px 10px 22px; display:block; margin:0 auto; vertical-align: middle; width:250px; }
h3.ampliar_2 { font-size:14px; color:#333; background:url(../images/ico_lupa.gif) no-repeat center left; padding:5px 25px 5px 25px; display:block; clear:both; }
.nota { font-size:11px; color:#666; font-style:oblique; }

img.promo { float:left; padding:25px 0 0 60px; }

/* Fotos */
.foto { background:url(../images/bg_imgs.gif) no-repeat; padding:14px 8px 25px 8px; float:left; display:block; margin:5px 19px; }
a img.foto { filter: alpha(opacity=80); opacity: .8; -moz-opacity:0.8; }
a:hover img.foto { filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; }

/* Ir Arriba */ 
#arriba { display:block; clear:both; padding:5px 5px 0px 0px; text-align:right; font-size:10px; text-transform:uppercase; letter-spacing:1px; }