/*
-----------------------------------------------------------------------------
version:   1.0
date:      04/06/2008
author:    [Laura Margarita Mulett Torres - Mónica Castellanos - diseñador junior - Axesnet]
email:     [lmulett@axesnet.com]
website:   [www.bogotabeercompany.com]
project:	Portal BBC
-----------------------------------------------------------------------------


Estilos globales 
-----------------------------------------------------------------------------
*/

body{ background-color:#000; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#3d3c3c; margin:0px; padding:0px;}
img{border:none;}
*{ font-size: 12px; margin:0px; padding:0px;}

/* Header o cabezote
-----------------------------------------------------------------------------*/
#container #cabezote{ width:100%; height:200px; background:#000; margin:0px; padding:0px;}
#club{ width:87px; margin:0px; padding:0px; float:left;}
#container #cabezote #logo{ width:659px; float:left; margin:0px; padding:0px;}
#container #cabezote #logo #barril{ width:175px; float:left; margin:0px; padding:0px;}
#container #cabezote #logo #bbc{ width:484px; float:left; margin:0px; padding-top:60px;}
#container #cabezote #randomFotos{ width:209px; height:170px; float:left; margin:0px; padding:0px;}
#container #cabezote #randomFotos #random{ padding-top:18px; padding-left:72px;}
#randomForm{ padding-top:10px; padding-left:50px}
#randomForm2{ padding-top:4px; padding-left:53px; padding-bottom:2px;}
.txtBuscar { height:16px; font-size:11px; width:110px; border:#000 1px solid;}
#navegacionSup{ width:868px; height:30px; line-height:30px; background-color:#2a1710; float:right; text-align:center; letter-spacing: 2px; margin:0px; padding:0px;}
#navegacionSup a {  font-weight:bold; font-size:11px; color:#ecdeb9; padding-left:15px; padding-right:10px; text-decoration:none;}
#navegacionSup a:hover {  font-weight:bold; font-size:11px; color:#c97711; padding-left:15px; padding-right:10px; text-decoration:none;}
.logo{ background-position:center; margin:0px; padding:0px;}
#creditos{ padding:8px;}
.tiendaOver { background-image:url(../images/btn_LatiendaHover.gif); width:92px; height:30px;}
#menu ul{ list-style:none;}
#menu ul li{ margin:5px auto 5px auto; display:block;  font-size:14px;}
/*<!--.historiaOver
.cerveceriaOver
.pubsOver
.cervezasOver
.culturaOver-->*/



/* espacio
-----------------------------------------------------------------------------*/

#espacio{ height:50px;}
#espacio2{ height:20px;}
#espacio3{ height:40px;}
#logoBBC { background-image:url(../images/background_BBC.gif); background-repeat:no-repeat; background-position:top;}

/* contenido
-----------------------------------------------------------------------------*/

#container{width:955px; border:#733816 5px solid; background-color:#ecdeb9; height:auto; margin:0 auto; }
#container:after{ clear:both; content:"."; height:0; visibility:hidden; display:block; }
#contenidos{width:955px; margin:0; padding:0px;}
#contenidos:after{ clear:both; content:"."; height:0; visibility:hidden; display:block; }
.pedido{ background-image:url(../images/fndPedido.gif); background-repeat:repeat-y;}
.pedidos{ background-color:#fff6d9;}
#contenidos2{width:955px; height:auto; margin:0; padding:0px; background:#000;}
#contenidos #flaPrin{width:765px; height:475px; margin:0; padding:0px; float:left; background:#000;}
#contenidos #domicilios{width:190px; height:210px; float:right; margin:0; padding:0px; background-color:#000;}
#contenidos #tienda{width:190px; height:265px; float:right; margin:0; padding:0px; background:#000}
#contenidos #laTienda ul{ list-style:none}
#contenidos #laTienda ul li{ margin:20px auto 20px auto;}
#contenidos #cervezas ul{ list-style:none}
#contenidos #cervezas ul li{ margin:40px auto 40px auto;}
#contenidos #pubs ul{ list-style:none}
#contenidos #pubs ul li{ margin:35px auto 35px auto;}
#trebuchet { font-size:11px; color:#1b1b1b; padding:18px 15px; text-decoration:none; vertical-align:middle; text-align:center; letter-spacing:1px;}
#trebuchet a {font-size:11px; color:#1b1b1b; padding:15px 15px; text-decoration:none; vertical-align:middle; text-align:center; letter-spacing:1px;}
#trebuchet a:hover { font-size:11px; color:#c97711; text-decoration:none;  text-align:center; letter-spacing:1px;}
#txtTrebuchet1 { color:#494949; font-size:9px;}
.trebuchetCervezas{ color:#c97711; padding-top:5px;}


h1 { font-size:14px; padding-bottom:5px;}
h2 {}
h3 { font-size:14px; float:right; padding-right:20px;}
h4 { font-family:Arial, Helvetica, sans-serif; font-size:9px;}
h5 {}
h6 { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#ecdeb9}

#tiendaImgs { width:200px; padding-right:10px;}
.txtCantidad { height:16px; font-size:11px; width:25px; border:#ecdeb9 1px solid;}
.txtCaracteres { height:16px; font-size:11px; width:130px; border:#ecdeb9 1px solid;}
.txtMailsHome { height:16px; font-size:11px; width:120px; border:#000 1px solid;}
.txtMailsHome1 { height:16px; font-size:11px; width:180px; border:#000 1px solid;}
.txtMails { height:16px; font-size:11px; width:200px; border:#ecdeb9 1px solid;}
.txthistoria { letter-spacing:1.3px; line-height:16px; color:#525252}
.txtTrebuchet { color:#30302f; font-size:10px; line-height:25px;}
.txtTrebuchet1 { color:#30302f; font-size:11px;}
.txtTrebuchet1 a { color:#707070; font-size:11px;text-decoration:none; font-weight: bold;}
.txtTrebuchet1 a:hover { color: #525252; font-size:11px; text-decoration:none; font-weight: bold;}
.txtTrebuchet1:visited{ color: #c97711;}
.txtTrebuchet2 { color:#30302f; font-size:20px; font-weight:bold;}
.txtTrebuchet3 { color:#30302f; font-size:16px; font-weight:bold;}
.txtTrebuchet4 { color: #525252; font-size:12px;}
.txtTrebuchet4 a { color:#525252; font-size:12px;text-decoration:none; font-weight: bold;}
.txtTrebuchet4 a:hover { color: #000; font-size:12px; text-decoration:none; font-weight: bold;}
.txtTrebuchet4:visited{ color: #000;}
.botonIngresa{ background-color:#000; border:#ecdeb9 1px solid; color:#ecdeb9; font-size:9px;  padding:2px;}
.botonIngresa:hover{ background-color:#000; border:#ecdeb9 1px solid; color:#c27d05; font-size:9px;padding:2px; }
.botonIngresa2{ background-color:#ecdeb9; border:#000 2px solid; color:#000; font-size:9px;}
.cajaTxt { background-color:#ECDEB9; border:none; border-bottom:#000000 solid 1px; }
.cajaImg{ background-color:#ecdeb9; border:#6c664d solid 1px;}
.txtTrebuchet5 { color:#30302f; font-size:18px; font-weight:bold; margin:0px; padding-bottom:5px;}

.botonBuscador{ background-color:#4d2913; color:#ecdeb9; font-size:11px; border:none; width:55px; height:17px; text-align:center;}
.botonBuscador:hover{ background-color:#4d2913; color:#c27d05; font-size:11px; border:none; width:55px; height:17px; text-align:center;}




/*columnas centro*/

#colCen{width:554px; float:left; }
#colCen1{width:960px; background-color:#000000; float:left;}
#colCen2{width:495px; float:left; }
#colCen3{width:700px; float:left; }


/*columnas derecha*/

#colDer{width:184px; float:right; margin-left:0px; }
#colDer1{width:190px; float:right; margin-left:0px; padding-right:10px; }

/*columnas derecha*/

#colIzq{width:180px; float:left; margin-left:0px; padding-left:10px; padding-right:10px; }
.cajacomida { background-image:url(../images/fnd_CajaPicada.jpg); background-repeat: repeat-y; }
.cajapubs { background-image:url(../images/fnd_CajaPubs.gif); background-repeat: repeat-y; }
.txtblanco {font-size:11px; color:#FFFFFF;}
.txtbeige{font-size:11px; color:#ecdeb9;}
.txtbeige2 {font-size:12px; color:#ecdeb9; font-weight:bold; text-align:center; text-decoration:none;}
.txtbeige2 a { color:#c97711; text-decoration:none;}
.txtbeige2 a:hover { color:#c97711; text-decoration:none;}



/* imagenes catar*/

#newsTicker {
width: 390px;
border: solid 1px #733816;
float: left;
margin: 0px;
}
#newsTicker .SlidingPanels {
width: 390px;
height: 220px;
float: left;
}
#newsTicker .SlidingPanelsContentGroup {
width: 500em;
float: left;
}
#newsTicker .SlidingPanelsContent {
float: left;
width: 195px;
height: 210px;
}

#newsTicker img {
float: left;
margin-right: 4px;
}

#newsTicker .SlidingPanelsContent .content {
margin: 4px;
float: left;
height: 180px;
}
#item1 .content, #item2 .content, #item3 .content, #item4 .content, #item5 .content {
border-right: dashed 1px #733816;}

#newsTicker .content {
height: 50px;
padding: 0px 4px;
}

#newsTicker p {
margin: 4px 4px;
}

#newsTicker .prev {
text-align: left;
padding: 4px 4px;
clear: both;
}

#newsTicker .next {
text-align: right;
padding: 4px 4px;
clear: both;
}

.SlidingPanelsAnimating * {
overflow: visible !important;
}

#newsTicker .navLinks {
clear: both;
text-align: center;
border-top: solid 1px #733816;
padding-top: 4px;
padding-bottom: 4px;}