@charset "utf-8";
/* CSS Document */

/* RESETEO */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, ite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; vertical-align: baseline}
body { line-height: 1}
:focus { outline: 0}
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
blockquote:before, blockquote:after, q:before, q:after { content: ""}
blockquote, q { quotes: "" ""}
input, textarea { margin: 0; padding: 0}
hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}

/* PNG FIX */	
img { behavior: url("inc/iepngfix/iepngfix.htc") }

/* CURVY BOX */

.myBox {	display:inherit;	margin:0px;    padding: 12px;    background-color: #171717;}
.myBox p {  padding:0;}


/* --------------------------
GENERAL
----------------------------*/	

.floatleft{float:left}
.floatright{float:right;}
.clear{clear:both}
body {  height: 100%; background:url(../img/general/fondo_madera.jpg);}
html{height: 100%; }
.centrado{ margin:0 auto;}

/* TIPOGRAFIA */
*{ font-family: “Trebuchet MS”, sans-serif; font-size:13px; color:black;}
p{font-size:13px; color:#2d1c00}
.txt_encabezado{ font-size:22px; font-weight:normal; color:white; margin-bottom:25px;}
.txt_normal, .txt_normal p{ font-size:12px; font-weight:normal; color:white; line-height:15px;}
.txt_encabezado_cerveza{ font-size:17px; font-weight:normal; color:white; margin-bottom:15px;}
.txt_direccion p{ font-size:17px; font-weight:normal; color:white;}


.bt_volver_arriba{ position:absolute; right:10px; top:10px;  width:100px; color:white; background-color:#666}


/* --------------------------
PLANTILLA HOME
----------------------------*/	
#contenedor_background{height:100%; width:100%; position:fixed; top:0; z-index:0; overflow:hidden}

#contenedor_total{ position:relative; z-index:1;}
#contenedor_cabecera{ height:64px; background-color:#171717;}
	#contenido_cabecera{width:941px;}
		#logo{ position:absolute; top:10px; height:227px; width:227px;}
			#logo img{ z-index:999; behavior: url("inc/iepngfix/iepngfix.htc") }
		#menu{ width:700px; height:31px; float:right; margin-top:15px;}
			#menu ul{ text-align: center;}
			#menu ul li{ display:inline; margin-left:10px; height:31px; float:right;}
			#menu ul li:hover{  background:url(../img/general/menu_link_fondo.jpg) repeat-x;}
			#menu ul li a{ cursor:pointer; height:31px; display:block; font-size:0px; color:#4b362b}
			#menu ul li a:hover{color:#505050}
			
			#menu #sec_inicio a{ width:83px; background:url(../img/general/bt_inicio_fondo.jpg) no-repeat;}
			#menu #sec_inicio a:hover{ background-position: 0 -31px;}
			
			#menu #sec_empresa a{ width:130px; background:url(../img/general/bt_empresa_fondo.jpg) no-repeat;}
			#menu #sec_empresa a:hover{ background-position: 0 -31px;}
			
			#menu #sec_servicios a{ width:111px; background:url(../img/general/bt_servicios_fondo.jpg) no-repeat;}
			#menu #sec_servicios a:hover{ background-position: 0 -31px;}
			
			#menu #sec_fiestas a{ width:93px; background:url(../img/general/bt_fiestas_fondo.jpg) no-repeat;}
			#menu #sec_fiestas a:hover{ background-position: 0 -31px;}
			
			#menu #sec_localizacion a{ width:141px; background:url(../img/general/bt_localizacion_fondo.jpg) no-repeat;}
			#menu #sec_localizacion a:hover{ background-position: 0 -31px;}
			
			#inicio  #sec_inicio a, #empresa  #sec_empresa a, #servicios  #sec_servicios a, #fiestas  #sec_fiestas a, #localizacion  #sec_localizacion a{background-position: 0 -31px; color:#505050}
		
#contenedor_pag{ padding-bottom:60px;}
	#contenido{ width:941px;}
#contenedor_pie{ width:100%; p_osition:absolute;bottom:0; height:45px; background-color:#171717;}


#bt_carta_cervezas{width:271px; height:107px; background:url(../img/general/bt_carta_cervezas_fondo.png) no-repeat; behavior: url("inc/iepngfix/iepngfix.htc");}
#bt_carta_cervezas a{margin-top:52px; padding:9px 0 0 15px; display:block; font-size:19px; color:#333; text-decoration:none; width:221px; height:34px;}
#bt_carta_cervezas a:hover{color:black;}
.bt_ver_galeria{ }
/*#carta_cervezas:hover{background-position: 0 -108px;}*/

#bt_galeria_fiestas{width:293px; height:76px; background:url(../img/general/bt_galeria_fotos_fondo.png) no-repeat; behavior: url("inc/iepngfix/iepngfix.htc");}
#bt_galeria_fiestas a{margin-top:20px; padding:9px 0 0 15px; display:block; font-size:19px; color:#333; text-decoration:none; width:221px; height:34px;}
#bt_galeria_fiestas a:hover{color:black;}


/* --------------------------
INICIO
----------------------------*/
#inicio #frame_arriba{display:inherit; margin-top:20px; position:relative;}
#inicio #frame_arriba #caja_info{float:right; width:630px; height:240px;}
#inicio #frame_arriba #caja_info #contenedor_foto{ float:left; width:223px;}
#inicio #frame_arriba #caja_info #contenedor_texto{ float:right; width:374px;}
#inicio #frame_arriba #bt_carta_cervezas{float:left; margin-top:160px;}

#inicio #caja_fiesta{ margin:20px 0 20px 0 ;}
#inicio #caja_fiesta #contenedor_texto{ float:right; width:374px;}
#inicio #caja_fiesta #contenedor_foto{ float:left; width:499px;}
#inicio #caja_fiesta #bt_galeria_fiestas{float:right; margin:30px 50px 0 0;}

#inicio #caja_colaboraciones{ margin:20px 0 20px 0 ;}
#inicio #caja_colaboraciones #colabroaciones_izquierda{float:left; width:430px;  border-right:1px solid linen}
#inicio #caja_colaboraciones #colabroaciones_izquierda img{ padding:15px 0 0 ;}
#inicio #caja_colaboraciones #colabroaciones_derecha{float:right; width:430px;}
#inicio #caja_colaboraciones #colabroaciones_derecha img{ padding:15px 0 0 ;}



/* --------------------------
CARTA DE CERVEZAS
----------------------------*/
#listaCervezas{ position:absolute; height:300px; width:100px;}

#cartacervezas #frame_arriba{display:inherit; margin-top:20px; position:relative;}
#cartacervezas #frame_arriba #caja_info{float:right; width:630px;}
#cartacervezas #frame_arriba #caja_info #contenedor_foto{ float:left; width:223px; }
#cartacervezas #frame_arriba #caja_info #contenedor_texto{ float:right; width:374px;}
#cartacervezas #frame_arriba #bt_carta_cervezas{float:left; margin-top:160px;}

#cartacervezas #separador_cervezas{height:180px;}

#caja_cervezas{ margin:20px 0 20px 0 }
.contenedor_links_cervezas{ float:left; width:260px; border-right:1px solid linen}
.link_cerveza{height:19px;}
.link_cerveza a{ padding-left:13px; display:block; text-decoration:none; height:13px; color:#FFF; background:url(../img/cartacervezas/boton_ver_cerveza.jpg) no-repeat;}
.link_cerveza a:hover{ background-position:0 -13px;}

#contenedor_cervezas{ width:630px; float:right; height:280px; overflow:hidden}
.contenedor_cerveza{ float:right; width:600px; display:inherit; margin:0px 0 30px 0;}
.contenedor_cerveza #contenedor_texto{ float:right; margin-bottom:20px; width:450px}
.contenedor_cerveza #contenedor_foto{ float:left;}

/* --------------------------
FIESTAS
----------------------------*/
#fiestas #frame_arriba{display:inherit; margin-top:20px; position:relative;}
#fiestas #frame_arriba #caja_info{float:right; width:630px;}
#fiestas #frame_arriba #caja_info #contenedor_texto{ margin-bottom:30px;}
#fiestas #frame_arriba #bt_carta_cervezas{float:left; margin-top:160px;}
#fiestas #frame_arriba .link_fiesta{float:left; margin-right:22px; width:195px; height:37px; background:url(../img/general/bt_ver_galeria.png) no-repeat; behavior: url("inc/iepngfix/iepngfix.htc")}
#fiestas #frame_arriba .link_fiesta_derecha{margin:0px; float:right}
#fiestas #frame_arriba .link_fiesta a{color:#666; display:block; width:183px; height:20px; padding:8px 0 0 8px; text-decoration:none}
#fiestas #frame_arriba .link_fiesta a:hover{color:#000}

#fiestas #separador_fiestas{height:50px;}

#fiestas .contenedor_fiesta{ display:inherit; margin:0px 0 30px 0;}
#fiestas .contenedor_fiesta #contenedor_texto{ margin-bottom:20px;}
#fiestas .contenedor_fiesta #contenedor_fotos{}

.thumb{ float:left; margin-right:17px; width:116px; background-color:#333}
.thumb_derecha{ float:right; margin-right:0px;}
.thumb a{display:block; height:83px;}
.thumb a:hover{background-color:#4e4236}


/* --------------------------
LOCALIZACION
----------------------------*/
#localizacion #frame_arriba{display:inherit; margin-top:20px; position:relative;}
#localizacion #frame_arriba #caja_info{float:right; width:630px;}
#localizacion #frame_arriba #caja_info #contenedorMapa{width:630px; height:300px; background-color:#999; margin-top:15px;}
#localizacion #frame_arriba #caja_info #contenedor_texto{ float:right; width:374px;}
#localizacion #frame_arriba #bt_carta_cervezas{float:left; margin-top:160px;}


#localizacion #caja_contacto{ margin:20px 0 30px 0 ; float:right; width:630px;}
#localizacion #caja_contacto input{width:150px; }

#localizacion #caja_contacto #contacto_izquierda{ float:left; width:260px; border-right:1px solid linen}
#localizacion #caja_contacto #contacto_izquierda #celdacontactoizq{ text-align:right; float:left; width:60px; margin:0 20px 0 0; }
#localizacion #caja_contacto #contacto_izquierda #celdacontactodrch{float:left; width:150px; margin-bottom:20px; }

#localizacion #caja_contacto #contacto_derecha{ float:right; width:350px;}
#localizacion #caja_contacto #contacto_derecha #celdacontactoizq{ text-align:right; float:left; width:85px; margin:0 20px 0 0; }
#localizacion #caja_contacto #contacto_derecha #celdacontactocoment{float:left; width:150px; margin-bottom:20px; background-color:#666}
#localizacion #caja_contacto #contacto_derecha #celdacontactocoment textarea{width:240px; height:93px;}


#localizacion #caja_contacto #contacto_abajo{ margin-top:20px; }
#localizacion #caja_contacto #contacto_abajo #bt_enviarcontacto { float:right; margin-top:15px; }
#localizacion #caja_contacto #contacto_abajo #bt_enviarcontacto input{height:31px; width:72px;}



/* --------------------------
EMPRESA
----------------------------*/
#empresa #frame_arriba{display:inherit; margin-top:20px; position:relative;}
#empresa #frame_arriba #caja_info{float:right; width:630px; height:140px;}

#empresa #caja_info_eje{ margin:20px 0 20px 0 ;}
#empresa #caja_info_eje #contenedor_texto{ float:right; width:490px;}
#empresa #caja_info_eje #contenedor_foto{ float:left; width:391px;}


#empresa #caja_info_beber{ margin:20px 0 20px 0 ;}
#empresa #caja_info_beber #contenedor_texto{ float:right; width:490px;}
#empresa #caja_info_beber #contenedor_foto{ float:left; width:391px;}
#empresa #caja_info_beber #bt_carta_cervezas{float:right; margin:30px 100px 0 0;}

#empresa #caja_info_comer{ margin:20px 0 20px 0 ;}
#empresa #caja_info_comer #contenedor_texto{ float:right; width:490px;}
#empresa #caja_info_comer #contenedor_foto{ float:left; width:391px;}

#empresa #caja_info_fiesta{ margin:20px 0 20px 0 ;}
#empresa #caja_info_fiesta #contenedor_texto{ float:right; width:490px;}
#empresa #caja_info_fiesta #contenedor_foto{ float:left; width:391px;}
#empresa #caja_info_fiesta #bt_galeria_fiestas{float:right; margin:30px 100px 0 0;}



/* --------------------------
SERVICIOS
----------------------------*/
#servicios #frame_arriba{display:inherit; margin-top:20px; position:relative;}
#servicios #frame_arriba #caja_info{float:right; width:630px;}

#servicios #caja_info_xacobeo{ float:right; width:630px;margin-top:20px;}
#servicios #caja_info_noche{ float:right; width:630px; margin-top:20px;}



/* --------------------------
AVISO LEGAL
----------------------------*/
#contenedor_datos {display:inherit; margin-top:20px; float:right; width:630px; margin-bottom:30px; }
.contenedor_aviso{ margin-bottom:20px;}



/* --------------------------
PIE
----------------------------*/
#contenido_pie { padding-top:15px; text-align:center; width:974px;  margin:0 auto}
#contenido_pie a{color:white; text-decoration:none}
#contenido_pie a:hover{text-decoration:underline}







#addthis {
text-align:right;
float:right;
padding-bottom:10px;
}