/* CSS  */

* { margin:0; padding:0; }
body { background:url(../images/bg_header.png) repeat-x; font-family:Arial, Helvetica, sans-serif; }

img { border:0; }
.clear { display:block; clear:both; font-size:0; }
:focus { outline:none; }

@font-face {
    font-family: 'Dinn';
    src: url('dinnbdcn-webfont.eot');
    src: url('dinnbdcn-webfont.eot?#iefix') format('eot'),
         url('dinnbdcn-webfont.woff') format('woff'),
         url('dinnbdcn-webfont.ttf') format('truetype'),
         url('dinnbdcn-webfont.svg#webfontPj4jUQp7') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5 { font-family:'Dinn', Arial, Verdana; color:#c00; font-size:35px; font-weight:normal; }
h2 { color:#000; font-size:25px; padding:0 0 10px 0; }
h3 { font-size:22px; padding:10px 0; }
h4 { font-size:20px; color:#fff; }
h5 { font-size:15px; color:#fff; font-style:oblique; }
	h1.int { font-size:25px; }
	.inte h1 { color:#000; padding:0 0 20px 0; }
	.inte h2 { color:#333; padding:20px 0 10px 0;  }
	.inte h2 em { font-size:18px; color:#999; }
	
h6 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666; font-weight:normal; line-height:150%; padding:0 0 20px 0; }

a { text-decoration:none; color:#c00; }
a:hover { color:#000; text-decoration:underline; }

p { font-size:12px; line-height:150%; padding:0 0 15px 0; color:#666; }
	.nota { font-size:11px; color:#999; }

/* HEADER ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#header_bg { background:url(../images/bg_header2.png) no-repeat center top; }
#header { width:950px; height:423px; margin:0 auto; padding:0 0 0 10px; position:relative; }
#header h1 { position:absolute; z-index:100; margin:395px 0 0 0;}
	.logo { z-index:99; position:absolute; }
	
	#nav { width:240px; height:373px; padding:5px 0 0 0; background:url(../images/bg_nav.png) no-repeat; list-style:none; margin:35px 0 0 710px; position:absolute; z-index:2;}
	#nav li { display:block; padding:0 15px; margin:0 auto 2px auto; }
	#nav li a { display:block; font-family:'Dinn', Arial, Verdana; font-size:20px; color:#000; text-align:right; width:205px; height:25px; padding:5px 5px 0 0; }
	#nav li a:hover, #nav li a.s { color:#fff; text-align:left; background:url(../images/bg_nav_lnk.png) no-repeat; width:380px; height:25px; padding:5px 0 0 30px; 
	text-shadow:#8E0000 2px 2px; text-decoration:none; }
	
	#main_img { width:720px; height:248px; position:absolute; z-index:1; margin:121px 0 0 0;}
	#main_img .firulete { z-index:4; position:absolute; margin:18px 0 0 0; }
	#main_img .img { z-index:3; position:absolute; }
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */





/* CONTENIDO /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#contenido { width:940px; margin:0 auto; padding:20px 0; }

.col { float:left; }
.col2 { float:right; }
.c200 { width:200px; }
.c220 { width:220px; }
.c435 { width:435px; }
.c460 { width:460px; }
.c700 { width:700px; }
.cpad { padding-left:20px; }
.cpadb { padding-bottom:20px; }
.ipadb { padding-bottom:10px; }

.testimonio { padding:20px 0; }
.testimonio h3 { color:#666699; padding:0 0 5px 0; }
.testimonio div { background:url(../images/ico_quote.gif) no-repeat top left; padding:0 0 0 22px; }
.testimonio p { font-size:11px; border-left:1px solid #666699; padding:0 0 2px 7px; color:#333; }
.testimonio p em { font-style:normal; font-size:10px; color:#666699; display:block; text-align:right; }

.texto ul { list-style:none; font-size:12px; color:#333; padding:0 0 15px 0; }
.texto ul li { background:url(../images/ico_tick.gif) no-repeat left top; padding:2px 0 2px 20px; margin:0 0 5px 0; line-height:150%; }
.texto ul.rss li { background:url(../images/ico_rss.gif) no-repeat left top; font-size:14px; margin:0 0 10px 0; }

.imgs img { padding:0 0 30px 0; }

.btn01 { display:block; width:196px; height:23px; font-family:'Dinn', Arial, Verdana; color:#000; font-size:16px; text-align:center; padding:9px 0 0 0;
background:#ccc url(../images/btn01.png) no-repeat; }
.btn01:hover { color:#333; text-decoration:none; }

.share { float:right; padding:10px 0 0 0;}
.share .face { float:right; }
.share .twitter { float:right; }

.cita { background:url(../images/ico_quote2.gif) no-repeat left top; padding:0 0 20px 20px; }
.cita p { border-left:1px solid #ccc; color:#333; padding:3px 0 3px 10px; font-size:14px; font-style:oblique; }
.cita span { display:block; color:#c00; padding:5px 0 0 0; font-size:11px; }
.cita span strong { display:block; }
.cita .clear { border-top:1px solid #ccc; margin:20px 0; }

	/* porfolio */
	.galeria a, .galeria div { display:block; float:left; position:relative; margin:0 15px 15px 0; width:160px; height:157px; overflow:hidden; }
	.galeria a .zoom { position:absolute; z-index:2; background:url(../images/img_states01.png) no-repeat top; display:block; width:160px; height:157px; }
	.galeria a:hover { text-decoration:none;}
	.galeria a:hover .zoom { background-position:bottom;  }
	.galeria a .zoom strong { visibility:hidden; }
	.galeria a img { position:relative; z-index:1; }
	
	.galeria div { height:190px; }
	.galeria .desc { display:block; clear:both; text-align:center; font-size:11px; color:#333; padding:0 0 0 0;}
	
		/* team */
		.galeria3 { float:right; width:290px; margin:0 0 0 20px; }
		
		.bartender { width:160px; float:left; height:335px; margin:0 20px 40px 0; }
		.bartender em { display:block; }
		.bartender .btn01 { width:160px; background:url(../images/btn02.png) no-repeat; margin-top:10px; }
		.l { margin-right:0; }
	
	/* servicio de bar */
	.banner_cocktail { display:block; width:220px; height:132px; background:url(../images/banner_cocktail-del-mes.png) no-repeat; }
	.banner_cocktail strong { display:block; width:120px; font-family:'Dinn', Arial, Verdana; font-size:25px; color:#333; padding:45px 0 0 90px; text-align:center; 
	font-weight:normal; }
	
	#tabs .c435 { padding:0 0 0 20px; }
	#tabs h2 { font-size:21px; }
	#tabs .btn01 { margin:30px 0 20px 0; }
	
	.galeria2 a { margin:0 10px 10px 0; width:135px; height:179px; }
	.galeria2 a .zoom { background:url(../images/img_states02.png) no-repeat top; width:135px; height:179px; }
	
		/* noticias */
		.noticia h1 { color:#000; padding:0 0 10px 0; }
		.noticia h2 a { color:#000; } .noticia h2 a:hover { color:#c00; text-decoration:underline; }
		.noticia h3 { color:#666; font-size:25px; }
		.noticia .fecha { display:block; padding:0 0 10px 0; font-size:11px; color:#c00; }
		.noticia .clear { border-top:1px solid #ccc; margin:10px 0 30px 0; }
		
		.detalle .clear { border-top:1px solid #ccc; margin:10px 0; }
		.detalle p { color:#000; }
		.detalle .img { float:left; padding:0 20px 20px 0; }
			.pdf { float:left; padding:5px 0 5px 20px; background:url(../images/pdf.gif) no-repeat left center; font-size:11px; color:#000; margin:0 0 10px 0; }
			.link { float:right; padding:5px 20px 5px 0; background:url(../images/link.gif) no-repeat right center; font-size:11px; color:#000; margin:0 0 10px 0; }
		
		.paginador { height:50px; }
		.ant { float:left; }
		.sig { float:right; }
		
		/* catalogo */
		.catalogo h2 { color:#c00; font-size:22px; padding:0 0 20px 0; }
		.catalogo h3 { color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:0 0 10px 0; }
		.catalogo .dos p { font-size:11px; color:#666; }
		.catalogo a img { float:left; padding:0 20px 20px 0; }
		.catalogo .clear { border-top:1px solid #ccc; margin:10px 0 30px 0; }
		
	/* testimonios */
	.testimonios blockquote { background:url(../images/ico_quote2.gif) no-repeat left top; padding:0 0 0 20px; }
	.testimonios blockquote p { border-left:1px solid #ccc; padding:3px 0 3px 10px; }
	.testimonios span { display:block; color:#c00; text-align:right; padding:5px 0 0 0; font-size:11px; }
	.testimonios span strong { display:block; }
	.testimonios .clear { border-top:1px solid #ccc; margin:20px 0; }
	
	/* contacto */
	#contacto p { font-size:15px; padding:0 0 10px 0; }
	#contacto input { background:url(../images/input.gif) no-repeat; width:450px; height:30px; padding:0 5px; border:0; margin:0 0 10px 0; }
	#contacto textarea { background:url(../images/textarea.gif) no-repeat; width:450px; height:240px; padding:5px; border:0; font-family:Arial, Helvetica, sans-serif; 
	overflow:auto; }
	#contacto #enviar { display:block; width:196px; height:32px; font-family:'Dinn', Arial, Verdana; color:#000; font-size:16px; text-align:center; float:right; margin:20px 0 0 0;
	background:#ccc url(../images/btn01.png) no-repeat; }
	
	.ok, .error { display:block; margin:25px; padding:25px; text-align:center; color:#c00; font-family:'Dinn', Arial, Verdana; font-size:20px; border:1px dotted #999;  }
		
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */





/* FOOTER ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#footer_bg { background:#333 url(../images/bg_footer.png) repeat-x; height:}
#footer { width:940px; margin:0 auto; background:url(../images/bg_footer2.png) no-repeat center bottom; padding:20px 0; }
#footer h4 { display:block; background:url(../images/bgtr_bl_30.png); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:7px 7px 4px 7px;
		     margin:0 0 20px 0;}
#footer h4 img { float:right; }
#footer h5 { padding:0 0 5px 0; }
#footer p { color:#ccc; }
#footer p em { font-size:11px; color:#999; font-style:normal;}
#footer .c460 a { color:#fff; text-decoration:underline; }

.skype { background:url(../images/skype.png) no-repeat left center; padding:4px 0 4px 25px; }

.nomargin { margin:0!important;}

	.navbot { display:block; background:url(../images/divider1.png) no-repeat top center; padding:15px 0; font-size:10px; color:#999; text-align:center; line-height:200%;
	margin:10px 0 0 0; }
	.navbot a { color:#999; padding:0 5px; }
	.navbot a:hover { color:#fff; text-decoration:underline; }

	.firma { display:block; background:url(../images/divider1.png) no-repeat top center; padding:15px 0; font-size:11px; color:#666; }
	.firma a { float:right; }

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */