/* 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;
	text-shadow: 2px 2px 2px #000;

}
body {
	line-height: 1px;
}
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 {
background-color: #000000;
background: url(' bodyBG.png')repeat center;
}

#envoltorio {
margin: 5px;
width: 970px;
}

#logo {
background: url('logoNUEVO.png') no-repeat;
height: 171px;
margin: auto;
position: relative;
width: 600px;
}

#logo h1, #logo h2 {
text-indent: -9999px;
}


/**** NEW BODY ****/

.new_body {

color: #FF9900;
font-family: Thesis;
font-size: 18px;

}

.new_body h3 {
text-shadow: 2px 2px 2px #000;
margin: 15px 4px 12px 10px;
}

.new_body h4 {
text-shadow: 2px 2px 2px #000;
color: #FFBE58;
text-indent: 20px;
margin: 20px 0 20px 0;
}

.new_body p {
text-shadow: 2px 2px 2px #000;
color: white;
margin: 10px 0 15px 20px;
}

.new_body a {

color: #FFBE58;
font-weight: bold;
}

.new_body a:hover {

text-decoration: none;
}

.promo {
text-shadow: 2px 2px 2px #000;
margin-bottom: 100px;
}
.promo h4 {
text-shadow: 2px 2px 2px #000;
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;
}




/*** MENU ***/

·#menu {
font-family: 'Lobster';

}
/*** Cuerpo ***/

#ad_left {
-moz-border-radius: 15px;
	border-radius: 15px;

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;
-moz-border-radius: 15px;
	border-radius: 15px;

}

#reproductor_mp3 {
border: 1px solid #3A4F69;
float: left;
margin-right: 20px;
}

#ad_right {
   -moz-border-radius: 15px;
border-radius: 15px;
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: 12px;
font-weight: bold;
padding-top: 10px;
text-align: center;
}

#footer .empleo {
-moz-border-radius: 10px;
	border-radius: 10px;
background: url(Buttons/empleo.jpg);
float: left;
height: 23px;
text-indent: -9999px;
width: 101px;
}
#footer .empleo:hover {
background-position: bottom;
}