/*   

Theme Name: CSS inicial
Author: Marc
Author URI: http://nsw.cat
Version: 1.0
Description: CSS b�sico con arreglos y selectores pre-configurados.

*/
/*** HACKS PARA IE ***/
/* Si tienes la necesidad de aplicar algun hack para IE6 utiliza este selector: *  */

/* Si necesitas aplicarlo a IE7 utiliza este: *: */

/*** NEUTRALIZANDO ESTILOS: 
	elementos que queremos limpiar completamente: ***/

* {
	margin: 0;
	padding: 0;
	/*border: none;*/
}

/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}

/*** Algunos ajustes basicos: ***/

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

/*** LINKS:
	recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:active {
	outline: 0;
	text-decoration: none;
	color:#8a1600;
}
a:hover {
color:#4B150B;
text-decoration:none;
}

a img {
	/*border: none;*/
	text-decoration: none;
}

img {
	/*border: none;*/
	text-decoration: none;
	/*Si a�ades un background aparecera como fondo de la imagen, util para imagenes de carga*/
}

/*** FORMULARIOS: ***/

label, button {
	cursor: pointer;
}

input, select, textarea {
	font-size: 100%;
}
/*
input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}
*/
fieldset {
	border: none;
}

/*** Algunas clases �tiles: ***/

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.helvetica {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/
/* ***** ESTILOS WEB******  */


/* elementos */
html {
	font: 70% Arial, sans-serif;
	text-shadow: #000 0px 0px 0px; /*Elimina el efecto bold en Safari*/
	overflow: auto;
	color: #000;
}
body{
	text-align: center;
	background: #3e0000 none no-repeat;
	color: #c39200;
}
form{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
td{
	font-size: 8pt;
	color: #363636;
}
/* ***** ESTILOS WEB******  */

/*ESTRUCTURA PRINCIPAL DE LA WEB*/
div#contenedor{
	position: absolute; 	/*Posicionamiento absoluto*/
	top: 0px;
	left: 50%; 				/*Desde la izquierda, colocar al 50% de la pantalla*/
	margin-left: -492px; 	/*Restamos la mitad de ancho de la capa para centrarla horizontalmente*/
	width: 983px;
	text-align:center;
	/*background: #f5f7f9 none no-repeat;*/
	background: url(../imagenes/img-background-sombras.jpg) repeat-y top;
}
div#contenedor2{
	width: 957px;
	text-align:left;
	margin: 0 auto 0 auto;
	background: #f5f7f9 url(../imagenes/img-background-sombras-ie.jpg) repeat-y top;
}
div#cabecera{width:100%; height:117px;background-color:#931800; background-image:url(../imagenes/img-header.jpg); }
div#idiomas{ height:13px; width:50px; float:right; padding-top:92px;}/* padding:92px 0 0 902px;*/
div#menu{width:100%; height:auto; background-color:#931800;}
div#wrapper{width:100%;}
div#columna-izquierda{width:211px; float:left; background-color:#931800; padding:0 0 35px 0;}
div#wrapper-centro{float:right; width:746px;}
div#contenido-central{width:535px; float:left; background-color:#f5f7f9;}
div#contenido-central-home{width:535px; float:left; background-color:#6c0000;}
div#columna-derecha{width:211px; float:right; background-color:#931800; padding:0 0 35px 0;}
div#pie-pagina{float:left; width:100%; height:35px; background-color:#931800;}

/*MENU PRINCIPAL*/
.menu-principal {margin: 0 0 0 0;	padding: 0 0 0 0;	list-style: none;}
.menu-principal li {padding: 0 0 0 0;	margin: 0 0 0 0;	height: 27px;	/*margin-right: 0.1em;*/ list-style: none;	background-repeat: no-repeat;}
.menu-principal li a, .menu-principal li a:visited {display: block;	text-decoration: none;	text-indent: -2000px;	height: 27px; background-repeat: no-repeat;}
.menu-principal li {float: left;}
.menu-principal:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*SUBMENU : la cerveza*/
#submenu-lacerveza{padding:0 0 15px 0;}

ul#nav-lacerveza {margin:0 0 0 0; padding:0 0 0 0; white-space: nowrap;}
#nav-lacerveza li {display: inline; list-style-type: none; padding:0 5px 0 0; margin:0 0 0 0;}
#nav-lacerveza a { color: #9e2f19; font-weight:bold; text-decoration: none; padding: 0 0 0 0; margin:0 0 0 0; }
#nav-lacerveza a:link, #navlist a:visited {color: #9e2f19; font-weight:bold; text-decoration: none;}
#nav-lacerveza a:hover {color: #4b150b; text-decoration: none;}
#nav-lacerveza #active a{color:#525252;}
#nav-lacerveza #active a:hover {color: #4b150b; text-decoration: none;}

/*secciones menu principal*/
#menu-inicio {background-image: url(../imagenes/btn-menu-cast-inicio-over.png); width: 121px;}
#menu-inicio a {background-image: url(../imagenes/btn-menu-cast-inicio.png);}
#menu-inicio a#current{background-image: url(../imagenes/btn-menu-cast-inicio-over.jpg); width: 121px;}

#menu-dondeestamos {background-image: url(../imagenes/btn-menu-cast-contacto-over.png); width: 123px;}
#menu-dondeestamos a {background-image: url(../imagenes/btn-menu-cast-contacto.png);}
#menu-dondeestamos a#current {background-image: url(../imagenes/btn-menu-cast-contacto-over.png); width: 123px;}

#menu-lacerveza {background-image: url(../imagenes/btn-menu-cast-cerveza-over.png); width: 102px;}
#menu-lacerveza a {background-image: url(../imagenes/btn-menu-cast-cerveza.png);}
#menu-lacerveza a#current {background-image: url(../imagenes/btn-menu-cast-cerveza-over.png); width: 102px;}

#menu-facebook {background-image: url(../imagenes/btn-menu-cast-facebook-over.png); width: 121px;}
#menu-facebook a {background-image: url(../imagenes/btn-menu-cast-facebook.png);}
#menu-facebook a#current {background-image: url(../imagenes/btn-menu-cast-facebook-over.png); width: 121px;}

#menu-losquesos {background-image: url(../imagenes/btn-menu-cast-quesos-over.png); width: 102px;}
#menu-losquesos a {background-image: url(../imagenes/btn-menu-cast-quesos.png);}
#menu-losquesos a#current {background-image: url(../imagenes/btn-menu-cast-quesos-over.png); width: 102px;}

#menu-comentarios {background-image: url(../imagenes/btn-menu-cast-comentarios-over.png); width: 109px;}
#menu-comentarios a {background-image: url(../imagenes/btn-menu-cast-comentarios.png);}
#menu-comentarios a#current{background-image: url(../imagenes/btn-menu-cast-comentarios-over.png); width: 109px;}

#menu-fotos {background-image: url(../imagenes/btn-menu-cast-fotos-over.png); width: 112px;}
#menu-fotos a {background-image: url(../imagenes/btn-menu-cast-fotos.png);}
#menu-fotos a#current{background-image: url(../imagenes/btn-menu-cast-fotos-over.png); width: 112px;}

#menu-ontheroad {background-image: url(../imagenes/btn-menu-ontheroad.png); width: 112px;}
#menu-ontheroad a {background-image: url(../imagenes/btn-menu-ontheroad.png);}
#menu-ontheroad a:hover{background-image: url(../imagenes/btn-menu-ontheroad-over.png); width: 112px;}

#menu-enlaces {background-image: url(../imagenes/btn-menu-cast-enlaces-over.png); width: 84px;}
#menu-enlaces a {background-image: url(../imagenes/btn-menu-cast-enlaces.png);}
#menu-enlaces a#current{background-image: url(../imagenes/btn-menu-cast-enlaces-over.png); width: 84px;}

#menu-prensa {background-image: url(../imagenes/btn-menu-cast-prensa-over.png); width: 83px;}
#menu-prensa a {background-image: url(../imagenes/btn-menu-cast-prensa.png);}
#menu-prensa a#current{background-image: url(../imagenes/btn-menu-cast-prensa-over.png); width: 83px;}



#menu-inicio a:hover, #menu-dondeestamos a:hover, #menu-lacerveza a:hover, #menu-facebook a:hover,  #menu-losquesos a:hover, #menu-comentarios a:hover, #menu-fotos a:hover, #menu-enlaces a:hover, #menu-prensa a:hover {background: none;}

/* menu fotos */
#menu-eventos {padding-top:10px; padding-left:30px;}
#menufotos a { color: #9e2f19; font-weight:bold; text-decoration: none; padding: 0 0 0 0; margin:0 0 0 0; }
#menufotos a:link {color: #9e2f19; font-weight:bold; text-decoration: none;}
#menufotos a:visited {color: #9e2f19; font-weight:bold; text-decoration: none;}
#menufotos a:hover {color: #4b150b; text-decoration: none;}
#titulofotos { color: #9e2f19; font-weight:bold; text-decoration: none; padding: 10px 10px 10px 10px; margin:0 0 0 0; }



/***capas fondos y contenidos de los laterales***/

	/*lateral izquierdo*/
#lateral-buscador{width:211px; height:94px; background: url(../imagenes/lateral-fondo-buscador.jpg) no-repeat top;}
	
	#lateral-buscador #buscador-palabras{position:relative; top:45px; left: 17px;}
	#lateral-buscador #buscador-familias{position:relative; top:49px; left: 17px;}
	
#lateral-noticias{width:211px; height:197px; /*background: url(../imagenes/lateral-fondo-noticias.jpg) no-repeat top;*/
		border: 0;
		text-decoration: none;
	}
	#lateral-noticias img{
		border:none;
	}
	#lateral-noticias #contenido-noticias{margin:0 10px 0 22px; padding:50px 0 0 0; width:170px; height:auto;}
	#lateral-noticias #boton-masnoticias{margin:0 0 0 22px;padding:17px 0 0 0; width:170px; height:17px;}
	
#lateral-barrilsemana{width:211px; height:111px; background: url(../imagenes/lateral-fondo-barrilesfijos.jpg) no-repeat top;}
	#lateral-barrilsemana #contenido-barrilsemana{margin:0 0 0 22px; padding:52px 0 0 0; width:100px; height:25px; font-size: 12px; color:#FFFFFF; background: Green;}
	/*#lateral-barrilsemana #boton-barrilsemana{margin:0 0 0 22px; padding:8px 0 0 0;background:lime;}*/
	#lateral-barrilsemana #botones{margin-left:22px; margin-top:8px;}
	
	
	#lateral-barril{width:211px; height:550px; background: url(../imagenes/lateral-fondo-barriles.jpg) no-repeat top;}
	#lateral-barril #contenido-barril{margin:0 0 0 22px; padding:52px 0 0 0; width:150px; height:25px; font-size: 12px; color:#FFFFFF;}
	/*#lateral-barrilsemana #boton-barrilsemana{margin:0 0 0 22px; padding:8px 0 0 0;background:lime;}*/
	#lateral-barril #botones{margin-top:8px;}
	
#lateral-happyhour{width:211px; height:112px; background: url(../imagenes/lateral-fondo-happyhour.jpg) no-repeat top;}
	#lateral-happyhour #contenido-happyhour{margin:0 0 0 22px; padding:45px 0 0 0; width:170px; height:auto;}
	
#lateral-cervezadrunkmonk{width:211px; height:223px; background: url(../imagenes/lateral-fondo-cervezadrunkmonk.jpg) no-repeat top;}
	#lateral-cervezadrunkmonk #contenido-cervezadrunkmonk{margin:0 0 0 92px; padding: 55px 0 0 0; width:90px; height:145px;color: #c39200; text-decoration: underline;}
	#lateral-cervezadrunkmonk a:link, a:visited{color: #c39200; font-weight:bold; text-decoration: underline;}
	#lateral-cervezadrunkmonk a:hover {color: #c39200; text-decoration: underline;}
#lateral-tv3{width:211px; height:224px; background: url(../imagenes/lateral-fondo-tv3.jpg) no-repeat top;}
	
	/*lateral derecho*/
#lateral-cesta{width:211px; height:94px; background: url(../imagenes/lateral-fondo-cesta.jpg) no-repeat top;}
	#lateral-cesta #contenido-cesta-vacia{margin:0 0 0 22px; padding:48px 0 0 0; width:170px; height:auto;}

#lateral-cesta-comprando{width:211px; height:351px; background: url(../imagenes/lateral-fondo-cesta-llena.jpg) no-repeat top;}
	#lateral-cesta-comprando #contenido-cesta-comprando{margin:0 0 0 22px; padding:48px 0 0 0; width:170px; height:auto;}
	#lateral-cesta-comprando #boton-finalizar{margin:0 0 0 22px; padding:15px 0 0 0; width:122px; height:auto;}
	
#lateral-comentarios{width:211px; height:337px; background: url(../imagenes/lateral-fondo-comentarios.jpg) no-repeat top; color:#FFFFFF; font-size:11px;}
	#lateral-comentarios #contenido-comentarios{margin:0 0 0 22px; padding:50px 0 0 0; width:170px; height:236px;}
	#lateral-comentarios #boton-mascomentarios{margin:0 0 0 22px; padding:1px 0 0 0; width:124px; height:auto;}
	#lateral-comentarios #boton-addcomentario{margin:0 0 0 22px; padding:4px 0 0 0; width:124px; height:auto;}
	#lateral-comentarios a:link, a:visited {color: #fff; font-weight:bold; text-decoration: underline;}
	#lateral-comentarios a:hover {color: #c39200; text-decoration: underline;}

#lateral-cervezasemana{width:211px; height:111px; background: url(../imagenes/lateral-fondo-cervezasemana.jpg) no-repeat top;}
	#lateral-cervezasemana #contenido-cervezasemana{margin:0 0 0 22px; padding:52px 0 0 0; width:150px; height:23px; font-size: 12px; color:#FFFFFF; font-weight:bold; text-decoration: underline;}
	#lateral-cervezasemana #boton-selecciones{margin:0 0 0 22px; padding:11px 0 0 0; width:170px;color: #c39200; font-weight:bold; text-decoration: underline;}

#lateral-hermandadchimay{width:211px; height:300px; background: url(../imagenes/hermandad-chimay.jpg) no-repeat top;}
	#lateral-hermandadchimay #contenido-hermandadchimay{margin:0 0 0 22px; padding:217px 0 0 0; width:170px; height:23px; font-size: 12px; color:#FFFFFF; text-align:center}
	#lateral-hermandadchimay img{padding:50px 0px 0px 36px; border: none; position:absolute;}

#lateral-cartapdf{width:211px; height:116px; background: url(../imagenes/lateral-fondo-cartapdf.jpg) no-repeat top; color:#FFFFFF;}
	#lateral-cartapdf #contenido-pdf,#lateral-cartapdf #contenido-pdf a,#lateral-cartapdf #contenido-pdf a:visited{margin:0 0 0 22px; padding:45px 0 0 0; width:95px; height:55px;color: #fff; text-decoration: none;}
	
#lateral-colaboradores{width:211px; height:154px; /*background: url(../imagenes/lateral-fondo-noticias-cat.jpg) no-repeat top;*/}
	#lateral-colaboradores img{
		border: none;
	}
#lateral-camiseta{width:211px; height:223px; background: url(../imagenes/lateral-fondo-camiseta.jpg) no-repeat top;}
	#lateral-camiseta #contenido-camiseta{padding:38px 0 0 9px;}

#pie-pagina #contenido-pie{margin: 10px 0 0 0; text-align: center;}

#contenido-central #content{width:485px; margin:15px 0 0 23px; color:#333333;}
#contenido-central #content-home{width:485px; margin:15px 0 0 23px; color:#E4C609;}
#contenido-central #comentarios{background-color: #E6E6E6; padding:5px 5px 5px 5px; margin: 0 0 10px 0;}
#contenido-central #comentarios2{background-color: #EDEDED; padding:5px 5px 5px 5px; margin: 0 0 10px 0;}

#comentarios-home{
    background-color: #6C0000;
    font-size: 15px;
    margin: 10px 25px;
    padding: 5px;
    text-align: justify;
    color:#e4c609;
}
#comentarios2-home{
    background-color: #6C0000;
    font-size: 15px;
    margin: 10px 25px;
    padding: 5px;
    text-align: justify;
    color:#e4c609;
}
#paginacion{padding:3px 29px 0; margin: 0 0 15px 0;  border-top: 0pt solid #414141;  
	color:#E4C609;
	font-size:15px;}

.link2-home{
	color:#E4C609;
	font-size:15px;
}
.link2-home a:active{
	color:#E4C609;
	font-size:15px;
}
#paginacion a{
	color:#fff;
	font-size:15px;
}
#paginacion  a:hover{
	color:#E4C609;
	font-size:15px;
}


#comprarcerveza p{padding:5px 5px 5px 5px; height:25px;}
#comprarcerveza .imgbot{cursor:pointer;}
#comprarcerveza .imgbotcomprar{display:block; float:left; cursor:pointer;}
#comprarcerveza .compras{margin-left:5px; 	width:220px;}
#comprarcerveza .desactivada, #comprarcerveza .desactivada:hover{color:#b1b1b1;}
#comprarcerveza .titulo{margin-left:5px; font-size: 12pt; color: #c39200; font-weight: bold;}
#comprarcerveza .cantidad{height:25px; margin-bottom:10px; width:180px;}
#comprarcerveza .unidades{width:20px;}

#cesta-pasos-informacion{background-color: #D7D7D7 ; width: 100%; height: 95px; -moz-border-radius: 6px;}
#cesta-pasos-siguiente{width: 60%; float:right;}
#cesta-pasos-siguiente ul{font-size: 7.5pt; color: #333; width:130px; padding: 14px 0 0 0;}
#cesta-pasos-siguiente a{color: #333; text-decoration: none;}
#cesta-pasos-siguiente a:hover{color: #333; text-decoration: underline;}
#cesta-pasos-list{width: 40%; float: left;}
#cesta-pasos-list ol{margin: 0 0 0 0; padding: 15px 0 0 35px; font-size: 10pt; color: #9e2f19;}

#cesta-datos-fondo{background-color: #E7E7E7; width: 100%; height: 32px; margin: 8px 0 6px 0; padding: 12px 0 0 0; text-align: center; -moz-border-radius: 6px; font-weight: bold; font-size: 10pt; color: #333;}
#cesta-datos-formulario-ley{padding: 15px 0 15px 0; color: #333;}

/*clases varias*/
.submenu-lacerveza-titulo{
	width: 99%;
	height: 16px;
	background-color: #9e2f19;
	color: #dcdcdc;
	font-size: 10pt;
	padding: 2px 0 2px 4px;
	font-weight: bold;
}

.separador{
	width: 100%;
	height: 11px;
	background-color: #9e2f19;
	padding: 0 0 0 0;
	margin: 12px 0 12px 0;
}

/*textos*/
.texto1{
	font-size: 8pt;
	color: #5c5b5b;
}
.texto2{
	font-size: 8pt;
	color: #5c5b5b;
	text-align: justify;
}
.texto3{
	font-size: 8pt;
	color: #9d2d17;
	font-weight: bold;
}
.texto3-home{
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}
.texto4{
	font-size: 8pt;
	color: #5c5b5b;
}
.texto5{
	font-size: 10pt; 
	color: #c39200; 
	font-weight: bold;
}
.texto6{
	font-size: 8pt;
	color: #9d2d17;
}
.texto7{
	font-size: 8pt;
	color: #fff;
}
.texto8{
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
}
.texto9{
	font-size: 10pt;
	color: #9d2d17;
}
.precio{
	padding-left:5px; 
	color:#7c0f08; 
	font-size:11pt; 
	font-weight:bold;
}
/*otros*/
.cesta-paso-activo{
	font-weight: bold; 
	color: #333;
}
/*links*/

.link1:visited{
	text-decoration: none;
    color: #E4C609;
    font-size: 11px;
		
}
.link1{
	text-decoration: none;
    color: #E4C609;
    font-size: 11px;
		
}
.link1:hover{
    color: #E4C609;
    font-size: 11px;
	text-decoration: underline;
}

.link2, .link2:visited{
	font-weight: bold;
	color: #9d2d17;
	text-decoration: underline;
}
.link2:hover{
	color: #732210;
	text-decoration: none;	
}


/* formularios */
form label {
  font-size: 8pt;
  font-weight: bold;
  color: #9d2d17;
}
label {
  font-size: 8pt;
  font-weight: bold;
  color: #9d2d17;
}
input.texto {
  font: 8pt Arial, Helvetica, sans-serif;
  background-color: #913600;
  border: 1px solid #913600;
  color: #FFFFFF;
  padding: 1pt 1pt 1pt 3pt;
}
input.texto:focus{
	color: #FFFFFF;
}
input.texto2 {
  font: 8pt Arial, Helvetica, sans-serif;
  border: 1px solid #5c5b5b;
  color: #333333;
  padding: 1pt 1pt 1pt 3pt;
}
input.texto3 {
  font: 9pt Arial, Helvetica, sans-serif;
  border: 1px solid #5c5b5b;
  color: #333333;
  padding: 1pt 1pt 1pt 3pt;
  width: 20px;
}
input.counter {
  font: 8pt Arial, Helvetica, sans-serif;
  border: 1px solid #5c5b5b;
  color: #333333;
  background-color: #ccc;
  padding: 0 0 0 3pt;
}
textarea.texto{
	font: 8pt Arial, Helvetica, sans-serif;
	border: 1px solid #686868;
	color: #333333;
	overflow: auto;
	padding: 1pt 1pt 1pt 3pt;
}

.selects {
  font: 8pt Arial, Helvetica, sans-serif;
  background-color: #913600;
  border: 1px solid #913600;
  color: #FFFFFF;
  width: 180px;
}
.selects:focus {
	color: #FFFFFF;
}
.button {
  width: 120px;
  color: #333;
  background-color: #F2F2F2;
  border: 1px solid #686868;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8.5pt;
  padding: 1pt;
}
.links-prensa{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.links-prensa li{
	margin: 0 0 8px 0;
	padding: 0;
}

.links-prensa li a{
	text-decoration: none;
	color: #8a1600;
	font-weight: bold;
}
.links-prensa li a:hover{
	color: Gray;
}
#prensa-tv3{ height:123px; background: url(../imagenes/img_playvideo.jpg) no-repeat top; margin-top:20px; margin-bottom:20px;}
#prensa-tv3:hover{background: url(../imagenes/img_playvideo_hover.jpg) no-repeat top;}
#prensa-tv2{height:123px; background: url(../imagenes/img_playvideo_2.jpg) no-repeat top; margin-top:20px; margin-bottom:20px;}
#prensa-tv2:hover{background:url(../imagenes/img_playvideo_hover_2.jpg) no-repeat top;}

.content-ontheroad-presen{
	color: #e7ce04;
	font-size:15px;
	background: url(../imagenes/img-ontheroad-fondo.png);
	background-position: right;
	background-repeat:no-repeat;
	line-height: 22px;
}
.content-ontheroad-presen a{
	color: #fff;
	font-size:15px;
}
.content-ontheroad-presen a:hover,a:visited {
	color: #e7ce04;
	font-size:15px;
}
.ontheroad-container-descripcion{
    color: #FFFFFF;
    font-size: 19px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.ontheroad-container-fotos{
}