/* ---------- RESETEAR ESTILOS CSS POR DEFECTO ------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}
hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #a60000;
     height: 2px
}

/* ---------- FIN RESETEAR ESTILOS CSS POR DEFECTO ------------------ */

.none {
	background-color: #36f; 
	margin:auto;
	visibility: hidden; 
	position: absolute; 
	top: 18px; 
	left: 18px; 
	width: 752px; 
	height: 500px
	}

/* ----------------------------- SLIDER ------------------------ */
#slider {
    width: 422px; /* important to be same as image width */
    height: 281px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background-color:#000;
}
#sliderContent {
    width: 422px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
/*	margin: 0 0 0 -40px;*/
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 12px Arial, Helvetica, sans-serif;
    padding: 7px 7px;
    width: 422px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.6;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 13px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/* ----------------------------- FIN SLIDER ------------------------ */

body{
	font-family:'Trebuchet MS',verdana,tahoma,arial;
	font-size:12px;
	line-height:16px;
	color:#999;
	background-color:#000;
	padding:0px;
	margin:0px;
	}
h2 {
	font-size:18px;
	font-weight:bold;
	padding:6px 0 8px 0;
	}
h2 span{
	color:#a60000;
	}
h3{
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#A60000;
	padding:6px 0 8px 6px;
	}
h4 {
	font-size:14px;
	padding:6px 0 6px 0;
	}

p {
	line-height:17px;
	}
p a{
	color:#a60000;
	text-decoration:none;
	}
p a:hover{
	color:#fff;
	text-decoration:underline;
	}
a{
	color:#a60000;
	text-decoration:none;
	}
a:hover{
	color:#ddd;
	text-decoration:underline;
	}
	
strong {
	color:#FFF;	
	}

ul {
	padding-left:15px;
	}

.fondo {
	background-image:url('../images/fondoluces.jpg');
	background-repeat: repeat-x;
	height:322px;
	padding-top:40px;
	}

.contenedor {
	Background-Color: #000;
	Width: 900px;
	margin:auto;
/*	overflow:auto;*/
	display:table;
	}

#jazz{
	text-align:center;
	margin:auto;
	padding-top:30px;
	}
#jazz img{border:1px solid #333;}
/*#jazz a:hover{border:1px solid #000;}*/

#izquierda {
	width:450px;
	float:left;
	padding-bottom:10px;
	}
#izquierda p {
	padding:0 0 0 6px;
	}
#izquierda p a{
	color:#a60000;
	text-decoration:none;
	}
#izquierda p a:hover{
	color:#fff;
	text-decoration:underline;
	}

#derecha {
	width:440px;
	margin-left:450px;
	height:auto;
	}

#topizquierda {
	width:450px;
	float:left;
	padding-bottom:10px;
	}
#topizquierda p {
	padding:0 0 0 6px;
	}
#topizquierda p a{
	color:#a60000;
	text-decoration:none;
	}
#topizquierda p a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
#topderecha {
	width:300px;
	margin-left:600px;
	padding-top:40px;
	height:auto;
	vertical-align:middle;
	}
#topderecha img {
	vertical-align:middle;
	padding:4px;
	border:0;
	}
#topderecha a {
	text-decoration:none;
	color:#999;
	}
#topderecha a:hover {
	font-weight:bold;
	color:#a60000;
	}

#izquierdanovedades {
	width:640px;
	float:left;
	padding-bottom:10px;
	margin-left:5px;
	}
#derechanovedades {
	margin-left:660px;
	padding-top:40px;
	height:auto;
	}
.archivo {
	margin:10px 0 6px 5px;
	padding: 0 0 2px 0;
	border-bottom:#999 1px solid;
	}
.archivo a{
	color:#a60000;
	text-decoration:none;
	}
.archivo a:hover{
	color:#fff;
	text-decoration:underline;
	}

	
#horario {
	padding-bottom:10px;
	}

#horario p {
	padding:0 0 0 6px;
	}
#horario p a{
	color:#a60000;
	text-decoration:none;
	}
#horario p a:hover{
	color:#fff;
	text-decoration:underline;
	}
#horario table {
	width:100%;	
	}
#horario tr {
	border-bottom:1px solid #A60000;
	}
#horario th {
	width:13%;
	border:1px solid #A60000;
	color:#FFA800;
	}
	
#horarioderecha {
	width:440px;
	margin-left:450px;
	margin-top:30px;
	}
.subtitulo1 {
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#A60000;
	}

.novedades {
	border-bottom:2px solid #A60000;
	margin:10px 0 15px 10px;
	}

.espan {
	text-align:center;
	}
.espan span{
	font-size:12px;
	color:#eee;
	padding-left:5px;
	font-weight:normal;
	background-color:#a60000;
	text-align:left;
	}
.espan a.info{position:relative;
    z-index:24;
    text-decoration:none;
    color:#999;
    }
 
.espan a.info:hover{z-index:25;
	text-decoration:none;
	color:#999;
	}
 
a.info span{display: none} /* ocultar el SPAN */
 
a.info:hover span{ /* Mostrar el span cuando paso por el link */
    display:block;
    position:absolute;
    top:-4em; left:7em;
    width:230px;
	}

#costos {
	text-align:center;
	width:850px;
	margin:auto;
	border:1px solid #fff;
	}
	
#costos UL.col2 {
	padding:0 0 20px 0; 
	float: left;
	margin: 5px 0px;
	width: 100%;
	list-style-type: none;
	text-align:left;
	}
 
#costos UL.col2 LI {
	padding-right: 2px;
	display: inline;
	padding-left: 2px;
	float: left;
	padding-bottom: 2px;
	width: 49%;
	padding-top: 2px
	}

/* -------------- STAFF ---------------- */	
#staff {
	text-align:left;
	width:850px;
	margin:auto;
	clear:both;
	}
	
#staff UL.col2 {
	padding:0 0 20px 0; 
	float: left;
	margin: 5px 0px;
	width: 100%;
	list-style-type: none;
	text-align:left;
	}
 
#staff UL.col2 LI {
	padding-right: 2px;
	display: inline;
	padding-left: 2px;
	float: left;
	padding-bottom: 2px;
	width: 49%;
	padding-top: 2px
	}
.foto {
	float:right;
	padding:6px;
	background-color: #222;
	border: 1px solid #555;
	margin:0 5px;

}
.fotosinalign {
	padding:6px;
	background-color: #222;
	border: 1px solid #555;
	margin:0 5px;
}


/* -------------- MENU PRINCIPAL ---------------- */
#menu {padding: 10px 0; width:650px; margin:auto;clear:both;}
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu li { float: left; margin: 0 10px; padding: 0 10px; }
#menu li a {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	padding-top: 68px;	
	overflow: hidden;
/*	text-indent: -5000px;*/
	height: 14px;
	text-decoration: none;
	text-align:center;
	width:66px;
	color:#A60000;
	font-weight:bold;
	}

#menu li a:hover 			{ background-position: 0 -90px; color:#FFF;}
#menu li a.menu_active 		{ background-position: 0 -90px; color:#FFF;}
#menu li a.menu_active:hover{ background-position: 0 -90px;}

#menu #menu_home a 		{ background-image: url(../images/b_home.png); }
#menu #menu_horarios a 	{ background-image: url(../images/b_horarios.png); }
#menu #menu_imagenes a 	{ background-image: url(../images/b_imagenes.png); }
#menu #menu_novedades a { background-image: url(../images/b_novedades.png); }
#menu #menu_galeria a 	{ background-image: url(../images/b_galeria.png); }
#menu #menu_contacto a 	{ background-image: url(../images/b_contacto.png); }

/* ---------------- TABLA DE HORARIOS -------------------- */
#tablahorarios{
	line-height:16px;
	width:870px;
	margin:auto;
	clear:both;
	}
#tablahorarios .grilla {
	margin:auto;
	text-align:center;
	padding:10px 0;
	}

/* -------------- PIE DE PAGINA ---------------- */
#piedepagina{
	clear:both;
	padding-top:5px;	
	border-top:2px solid #333;
	font-size:11px;
	color:#333;
	}
#copy {
	width:220px;
	float:left;	
	}
#social {
	width:620px;
	margin-left:276px;
	text-align:right;
	padding-top:0;
	}

/* -------------- INTRODA ---------------- */
#introda a {
	background-image: url(../images/b_introda.png); 
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width:37px;
	height:24px;
	margin-top:2px;
	padding-right: 8px;
	float:left;
	text-decoration:none;
	}
	
#introda a:hover {
	background-position: 0 -24px; 
	}

/* -------------- SOCIAL ---------------- */
#smenu {padding: 0;}
#smenu ul { margin: 0; padding: 0; list-style-type: none; }
#smenu li { float: right; padding: 0 1px; }
#smenu li a {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	padding-top: 31px;
	overflow: hidden;
/*	text-indent: -5000px;*/
	width:28px;
	}

#smenu li a:hover 	{ background-position: 0 -35px; color:#FFF;}

#smenu #smenu_fb a 	{ background-image: url(../images/b_facebook.png); }
#smenu #smenu_yt a 	{ background-image: url(../images/b_youtube.png); }
#smenu #smenu_tw a 	{ background-image: url(../images/b_twitter.png); }
#smenu #smenu_bg a 	{ background-image: url(../images/b_blogger.png); }
#smenu #smenu_fl a 	{ background-image: url(../images/b_flickr.png); }
#smenu #smenu_ms a 	{ background-image: url(../images/b_myspace.png); }
#smenu #smenu_rs a 	{ background-image: url(../images/b_rss.png); }
#smenu #smenu_ff a 	{ background-image: url(../images/b_friendfeed.png); }

/* -------------- FORMULARIOS ---------------- */

#textinput {
	border:1px solid #a60000;
	font-size:12px;
	font-family:verdana,tahoma,arial;
	color:#333;
	width:230px;
	}
textarea {
	border:1px solid #a60000;
	font-size:12px;
	font-family:verdana,tahoma,arial;
	color:#333;
	width:230px;
	padding:2px 0;
	}
input {
	border:1px solid #a60000;
	font-size:12px;
	font-family:verdana,tahoma,arial;
	color:#333;
	padding:2px 0;
	}
label {
	padding:2px 0;
	line-height:20px;
	}