* {margin: 0;padding: 0;font-family:Arial, Helvetica, Verdana,Tahoma, sans-serif;}

a:link, a:visited, a:active {text-decoration: none;color: #006699;outline:0;}
a:hover {text-decoration: underline;}

body {background: #FFF url(/images/bg.jpg) top center repeat-x;text-align: center;}

#contenedor{width:920px;margin:0 auto;background: #FFF url(/images/bgcontenedor.gif) top center no-repeat;overflow:auto;}

#top {display:inline;float:left;width:898px;margin:0 10px;background: #FFF url(/images/bgtop.jpg) top center no-repeat;height:35px;border-left:1px solid white;}
#foto {display:inline;float:left;width:898px;background:white;height:250px;margin:1px 0 1px 11px}

#index {position:absolute;left:50%;top:50%;margin:-50px 0 0 -200px}

#logotipo {position:absolute;height:124px;width:312px;background:url(/images/bglogo.png);top:35px;left:50%;margin:0 0 0 -380px;z-index:500}
#logotipo img {border:0;margin:20px 0 0 0}

#menu {float:left;display:inline;width:898px;margin:0 11px;height:34px;background:url(/images/bgmenu.jpg) no-repeat}

.prodrop4 {padding:0; margin:0 0 0 8px; list-style:none; height:34px; position:relative; z-index:500;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:34px; line-height:34px; color:#fff; text-decoration:none; font-size:10px; font-weight:normal; cursor:pointer;background: url(images/bglista.gif) center right no-repeat;
text-transform:uppercase;padding:0 7px}
.prodrop4 li a.top_link span {float:left; display:block; padding:0; height:34px;padding:0 7px}
.prodrop4 li a.top_link:hover {color:#fff; background: url(/images/bglistah.png) center right no-repeat; line-height:34px;}
.prodrop4 li a.top_link:hover span {}
.prodrop4 li:hover > a.top_link {color:#fff; line-height:34px;}
.prodrop4 li:hover > a.top_link span {}
.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */

.ultima {background: none !important}
.ultima:hover {background: url(images/bgtransp.png) !important}

/* Style the list OR link hover. Depends on which browser is used */
.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;text-align:left !important}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:180px;}
.prodrop4 ul.sub3 {width:180px;}
.prodrop4 ul.sub4 {width:180px;}
.prodrop4 ul.sub5 {width:180px;}
.prodrop4 ul.sub6 {width:170px;}
.prodrop4 ul.sub7 {width:120px;}
.prodrop4 ul.sub8 {width:110px;}

.prodrop4 :hover ul {left:0; top:34px; background: url(/images/bgmenuul.png); padding:3px; border:1px solid #213634; border-width:0 1px 1px; 
white-space:nowrap; height:auto; z-index:300;text-transform:uppercase;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:10px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#fff; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background: url(/images/bgtransp.png); color:#fff;}
/* fin desplegable */

#oferta {margin:115px 0 0 0;z-index:102;}
/*object,embed{z-index:103;position:relative;}*/

#complemento{display:inline;float:left;width:920px;padding:0;margin:0;}
#main{display:inline;float:right;width:660px;text-align:left;padding:0;margin:20px 11px 0 0;}

#main h1{font-size:25px;color:#006699;line-height:21px;text-align:left;font-weight:normal;margin:0 0 20px 0;border-top:1px dotted #E0DD7F;padding:10px 0 0 0;
font-family:Georgia,serif;}
#main h2{font-size:18px;color:#069;font-family:Arial,sans-serif;margin:0 0 20px 10px;font-weight:normal;}
#main h6 {font-size:11px;margin:25px;text-align:center;}
#main h2 span{font-family:Arial, sans-serif;font-size:15px;color:#006699;line-height:10px;font-weight:normal;}
#main ul {margin-left:35px}
#main p,#main li {margin:10px 30px 20px 10px;font-size:0.75em;color:#222525;text-align:justify;line-height:17px;}
#main p span{font-weight:bold;color:#006699;}
#main p.verde{font-weight:bold;color:green;}
#main input.email{width:404px;height:21px;background:url(/images/clave_r1_c1.gif) no-repeat;border:0;vertical-align:middle;line-height:21px;}

#main ul.buscando{margin:-10px 0 20px 35px;font-size:12px;}

.gale{width:128px;height:40px;background:url(/images/vergaleria.gif) no-repeat;float:right;border:0;margin:0 0 10px 50px;}
.gale:hover{width:128px;height:40px;background:url(/images/vergaleriah.gif) no-repeat;float:right;border:0;margin:0 0 10px 50px;text-decoration:none !important}
.vide{width:128px;height:40px;background:url(/images/vervideo.gif) no-repeat;float:right;border:0;margin:0 0 10px 50px;}
.vide:hover{width:128px;height:40px;background:url(/images/vervideo2.gif) no-repeat;float:right;border:0;margin:0 0 10px 50px;text-decoration:none !important}

#main form {width:400px;margin:40px 80px;}
#main fieldset {width:400px;text-align:left;font-size:11px;color:#666;padding:0 0 10px 0;border:0;}
#main input, #main textarea {width:400px;margin:0;border:1px solid #999;padding:3px;font-size:11px;color:#000;}
#main select {padding:3px;margin:0;border:1px solid #999;text-align:left;width:400px;font-size:11px}
#main input.enviar{width:120px !important;}

#main p.ok{font-weight:bold;color:#4f8a10;height:45px;border:1px solid #4f8a10;background:#dff2bf url(/images/ok.gif) top left no-repeat;text-indent:50px;line-height:45px;}
#main p.error{font-weight:bold;color:#d8000c;height:45px;border:1px solid #d8000c;background:#ffbaba url(/images/error.gif) top left no-repeat;text-indent:50px;line-height:45px;}
#main p.alerta{font-weight:bold;color:#9f6000;height:45px;border:1px solid #9f6000;background:#feefb3 url(/images/alerta.gif) top left no-repeat;text-indent:50px;line-height:45px;}
#main p.info{font-weight:bold;color:#00529b;height:45px;border:1px solid #00529b;background:#bde5f8 url(/images/info.gif) top left no-repeat;text-indent:50px;line-height:45px;}

.pestanas {font-size:11px;line-height:16px}
.pestanas a:link,.pestanas a:active,.pestanas a:visited{color:black;text-decoration:none;padding:90px 10px 0 20px;display:block}
.pestanas span {text-transform:uppercase;font:bold 16px "Times New Roman", Times, georgia, serif;line-height:25px}
.pestana1{display:inline;float:left;width:150px;height:180px;margin:0 0 10px 10px;background:url(/images/reservas.gif) top center no-repeat;}
.pestana1:hover{background:url(/images/reservash.gif) top center no-repeat;}
.pestana2{display:inline;float:left;width:150px;height:180px;margin:0 0 10px 6px;background:url(/images/banquetes.gif) top center no-repeat;}
.pestana2:hover{background:url(/images/banquetesh.gif) top center no-repeat;}
.pestana3{display:inline;float:left;width:150px;height:180px;margin:0 0 10px 6px;background:url(/images/localiz.gif) top center no-repeat;}
.pestana3:hover{background:url(/images/localizh.gif) top center no-repeat;}
.pestana4{display:inline;float:left;width:150px;height:180px;margin:0 0 10px 6px;background:url(/images/entornos.gif) top center no-repeat;}
.pestana4:hover{background:url(/images/entornosh.gif) top center no-repeat;}

.aperitivos {float:left;width:315px;font-size:11px}
.aperitivos h5 {margin:0 !important;background: url(/images/bglistas.jpg) repeat-y center left;text-align:left;padding:0 !important;font-size: 12px;font-weight: bold;line-height:30px;}
.aperitivos a{display:block;text-indent:10px !important;padding-left:10px}

#main form.buscar {width:400px;margin:20px auto;font-size:12px;}
.buscar fieldset {border:0;margin:0 0 10px 0;text-align:right;}
.buscar select ,.buscar input ,.buscar textarea{margin: 5px 0 5px 5px;width:300px;padding:2px 0;vertical-align:middle;}

#main table{font-size:11px;border-bottom:1px dotted #8c8c8c;}
#main tr{}
#main td{padding:3px;border-top:1px dotted #8c8c8c;}
#main td.tope{background:#8c8c8c;padding:3px;border-top:1px dotted #8c8c8c;font-weight:bold;color:white;}
#main tr:hover{background:#e1e1e1;}
#main td span{text-transform:uppercase;font-size:14px;font-weight:bold;line-height:22px}
#main td span.precio{font-size:18px;color:#900}

#noticias {float:left;display:inline;width:200px;margin:20px 0 0 21px;background:url(/images/bgnoticias.jpg) bottom center repeat-x}
#noticias .noticia {margin:20px 10px 0 10px;border-bottom:1px dotted #069;text-align:left;font-size:10px;width:180px}
#noticias img{margin:10px 10px 10px 0}
#noticias p{margin:10px 0 20px 0;line-height:14px}
#noticias a{font-size:12px}

.pad {border:1px solid #8c8c8c;padding:2px;background:white;width:75px;}
.pad2 {border:1px solid #8c8c8c;padding:2px;background:white;}
.pad3 {border:1px solid #8c8c8c;padding:2px;background:white;width:40px;}


#pie{display: inline;float: left;width: 920px;margin:10px 0 0 0}
#pie p {text-align:left;font-size:10px;color:#666;line-height:15px;border-top:1px dotted #999;margin:0 21px;padding:8px 0 0 0}
#pie a{color: #fff;text-decoration: none;}
#pie a:hover {text-decoration: underline;}

.panel{cursor:pointer;}
.panel a{text-decoration:none;color:#000000;}
.panel-up{background:url(/images/mas.gif) no-repeat left center;}
.panel-down{background:url(/images/menos.gif) no-repeat left center;}
.panel-target{padding:5px;}
.panel-closed{display:none;}

.verde {font-size:11px !important;color:green;font-weight:bold;}

/* galeria */
/* BEGIN DEMO STYLE */
.caption{font-style:italic;color:#887;}
.gallery_demo{width:620px;margin:0 auto !important;}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 60px auto;height:465px;width:620px;background:black;overflow:hidden;}
#main_image img{margin-bottom:10px;}
.nav{padding-top:15px;clear:both;letter-spacing:3px;text-transform:uppercase;}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* accordion para secciones */
.arrowlistmenu{width: 610px;margin:10px 30px 20px 10px;/*width of accordion menu*/}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/margin:0 0 2px 0 !important;
font: normal 11px Verdana;color: black;background: url(/images/titlebar.png) repeat-y center left;padding: 6px 0 6px 10px; cursor: pointer;text-align:left;}
.arrowlistmenu .menuheader:hover{font: bold 11px Verdana;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background-image: url(/images/titlebar-active.png);font: bold 11px Verdana;color:white;}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/list-style-type: none;margin: 0 !important;padding: 10px 0 !important;background: url(/images/bgdesplegable.jpg) top center repeat-x}
.arrowlistmenu ul li{margin: 0 !important;padding: 5px; /*bottom spacing between menu items*/}
.arrowlistmenu .bodega{font:bold 13px Verdana;color: #069 !important}
/* fin desplegable */