/* RESET */
@font-face {
	font-family: Thesis;
	src: url('../fonts/Thesis.otf');
	src: url('../fonts/Thesis.ttf');
}
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code,
em, font, img, 
small, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

/* ---- MAIN STYLES ---- */

body {
font-family: Thesis;
background-color: #000000;
background: url('images/body_bg.jpg');
}

#envoltorio {
margin: auto;
width: 970px;
}

#logo {
background: url('images/logo.png') no-repeat;
height: 195px;
margin: auto;
position: relative;
width: 412px;
}

#logo h1, #logo h2 {
text-indent: -9999px;
}


/**** NEW BODY ****/

.new_body {
color: #46b0d7;
font-family: Thesis;
font-size: 16px;
text-shadow: 2px 2px 2px #000;
}

.new_body h3 {
font-size: 16px;
margin: 15px 4px 12px 10px;
}

.new_body h4 {
color: #fff;
text-indent: 20px;
margin: 15px 0 15px 0;
}

.new_body p {
color: white;
margin: 10px 0 15px 20px;
}

.new_body a {
color: #FFBE58;
font-weight: bold;
}

.new_body a:hover {
text-decoration: none;
}

.promo {
margin-bottom: 40px;
}
.promo h4 {
text-decoration: underline;
}

#cartas_control {
margin: auto;
width: 400px;
}

#cartas_control a {
border: 1px solid #FFBE58;
display: block;
float: left;
margin: 15px auto 15px auto;
padding: 12px;
text-align: center;
}

#cartas img {
clear: both;
display: block;
margin: auto;
}

#cartas h4 {
clear: both;
}

#cartas_bebidas, #cartas_comidas {
float: left;
width: 240px;
}

#cartas .thumb {
}

.carta_close {
float: left;
}

.cartas a {
	display: block;
	padding: 10px;
	margin: 5px;
}


/*** BLOG LINK ***/

#bloglink {
margin: auto;
width: 939px;
}

#bloglink a {
color: #5aa8e8;
display: block;
font-family: Thesis;
font-size: 18px;
text-align: right;
}
#bloglink a:hover {
text-decoration: none;
}


/*** MENU ***/

#menu {
background: url('images/menu_bg.png');
height: 54px;
width: 939px;
}

#menu li {
float: left;
}

#menu a {
display: block;
height: 29px;
margin: 15px 17px 0px 0px;
text-indent: -9999px;
width: 102px;
}

.menu_shows, .menu_galeria, 
.menu_mensajes, .menu_ubicacion,
.menu_bar, .menu_carta, .menu_contacto,
.menu_links {
background: url('images/menu_botones.png');
}

.menu_links {
margin: 15px 0px 0px 4px !important;
}

.menu_shows{
background-position: 0 0;
} .menu_shows:hover {
background-position: 0 -29px;
}

.menu_galeria {
background-position: -102px 0;
} .menu_galeria:hover {
background-position: -102px -29px;
}

.menu_mensajes{
background-position: -204px 0;
} .menu_mensajes:hover {
background-position: -204px -29px;
}

.menu_ubicacion{
background-position: -306px 0;
} .menu_ubicacion:hover {
background-position: -306px -29px;
}

.menu_bar{
background-position: -408px 0;
} .menu_bar:hover {
background-position: -408px -29px;
}

.menu_carta{
background-position: -510px 0;
} .menu_carta:hover {
background-position: -510px -29px;
}

.menu_contacto{
background-position: -612px 0;
} .menu_contacto:hover {
background-position: -612px -29px;
}

.menu_links{
background-position: -714px 0;
} .menu_links:hover {
background-position: -714px -29px;
}


/*** Cuerpo ***/

#ad_left {
background: url(images/banner_evento.jpg);
float: left;
height: 354px;
text-indent: -9999px;
position: relative;
width: 185px;
}
#ad_left a {
background: url(Buttons/ver-promos.jpg);
bottom: 25px;
display: block;
height: 43px;
left: 26px;
position: absolute;
width: 132px;
}
#ad_left a:hover {
background-position: bottom;
}

#frame_center {
float: left;
height: 350px;
margin: 0 0px 0 25px;
width: 500px;
}

#reproductor_mp3 {
border: 1px solid #3A4F69;
float: left;
margin-right: 25px;
}

#ad_right {
background: url(images/banner_hacete-miembro.jpg);
position: relative;
float: left;
height: 350px;
text-indent: -9999px;
width: 185px;
}
#ad_right a {
background: url(Buttons/registrarme.jpg);
bottom: 25px;
display: block;
height: 43px;
left: 26px;
position: absolute;
width: 133px;
}
#ad_right a:hover {
background-position: bottom;
}

/*** Footer ***/

#footer {

clear: both;
height: 23px;
width: 970px;
}

#footer #direccion {
background: url(images/footer2.png) no-repeat;
float: left;
height: 9px;
margin: 7px;
margin-left: 100px;
text-indent: -9999px;
width: 601px;
}

#footer #aviso {
clear: both;
color: #4E6976;
font-family: Thesis;
font-size: 16px;
font-weight: bold;
padding-top: 10px;
text-align: center;
}

#footer .empleo {
background: url(Buttons/empleo.jpg);
float: left;
height: 23px;
text-indent: -9999px;
width: 101px;
}
#footer .empleo:hover {
background-position: bottom;
}