body {
	background: #000 url(../img/main-bg.jpg) top repeat-x;
	color: #fff;
}

#container {
	margin: auto;
	width: 980px;
}
#welcome {
	/*Este div id es para el encabezado cuando un usuario esta loggeado*/
	width: 1000px;
	position: absolute;
	z-index:91;
	text-align: right;
}

#welcome  a{
	color: #fff;
	text-decoration: underline;
}

#welcome  a:hover{
	color: #fa0;
}

#logo {
	width: 403px;
	height:123px;
	background: url(../img/logo.png) top left no-repeat;
	position: absolute;
	z-index:92;
}
* html #logo {
	background-image: none;
	/*Ponele un slash antes de img cuando lo subás en vivo: /img */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png', sizingMethod='crop');
}
#slogan {
	width: 567px;
	margin-left: 403px;
	top: 0;
	padding-right: 10px;
	position: absolute;
	text-align: right;
	font: 24px/90px Arial, Helvetica, sans-serif;
	font-weight: bold;
	z-index:90;
}

* html #slogan {
	font: 24px/90x Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*Agregado por Sergio Castillo, usado en el index de los bares*/
#maincaption {
	margin: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 165%;
	width: 500px;
}

#content-container {
	width: 980px;
	top: 80px;
	position: absolute;
	z-index:89;
	/*z-index:1;   Cambio hecho por sergio para probar el autocomplete*/
}
* html  #content-container {
	top: 85px;
}

#completer {
	
	position: absolute;
}

#top {
	height: 50px;
	background: #fc0;
	border: #000 solid 1px;
	padding: 8px;
	margin: 0;
}
#top  a{
	color: #00a;
	text-decoration: none;
}
#top a:hover {
	color:#000;
	text-decoration: underline;
}
#top form {
	margin: 0;
	padding: 0;
}
#searchbox {	
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
	float:right;	
	z-index:92; /*Agregado por sergio para el autocomplete*/
}
.search {
	width: 280px;
	height: 20px;
	font: 16px Arial, Helvetica, sans-serif;
	float: left;
	border: 1px solid #000;
}



#menu {
	margin-top: 10px;
	width: 200px;
	float: left;
}

#menu  center{
	background: #111;
}

#menu h1 {
	height: 25px;
	width: 190px;
	padding-left: 10px;
	background: url(../img/nav-h1.jpg) repeat-x;
	font: 15px/25px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	border: 1px solid #000;
	margin:0;
}
#menu p {
	width: 200px;
	padding: 0;
	border: 1px solid #000;
	border-top: none;
	margin: 0;
	background: #111;
}
#menu a {
	width: 180px;
	padding: 0 10px;
	font: 15px/25px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: #111;
	border: 1px solid #000;
	border-top: none;
	display: block;
}
#menu a:hover {
	background: #222;
}
#menu a.selected {
	background: #333;
}

/*Creado por Sergio Castillo para las busquedas populares*/
#menu  a.busquedas{
	background: #111;
}
/* fin del Div para buskedas populares*/

#menu h2 {
	width: 190px;
	padding: 0;
	padding-left: 10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	font: 15px/25px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #111;
}
#menu a.sub1 {
	margin: 0;
	border: none;
	background: none;
	width: 170px;
	padding: 0 10px 0 20px;
	display: block;
}
#menu a:hover.sub1 {
	background: #222;
}
#menu a.sub1.selected {
	background: #333;
}
#content {
	width: 748px;
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	background: #000;
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #fff;
}
#content h1 {
	font: 24px/24px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
}

/*Hecho por Sergio Castillo*/
#content h3 {  
	font: 18px/18px Arial, Helvetica, sans-serif;	
	/*color: #fc0; El amarillo del search box*/
	color: #fff; /*Blanco*/
	/*background-color: #fc0; /*Agregado por sergio, amarillo del search box*/
	/*background: url(../../img/nav-h1.jpg) repeat-x; /*El rojo del top menu*/	
	font-weight: bold;
	/*
	margin: 0 0 10px 0;
	padding: 0;
	*/
}

/*Agregado por Sergio */
h3 {
	font-weight: normal;
	padding: 2px;
	
	/*background-color: #cc3030; /*Cambio Sergio*/
	/*background-color: #F8A704;*/
	background: url(/img/nav-h1.jpg) repeat-x;
	
	color: #fff7cc;
	text-align: center;
	font: 12px/14px Helvetica, Arial, sans-serif;
	/*border-bottom: 1px solid #333;*/
}

a {
	color: #777777;
	font-weight: bold;
	text-decoration: none;
	text-decoration: underline;	
}
a:hover {
	color: #F8A704;
	text-decoration: underline;
}


 /*Sergio Castillo, Efecto  Flip Hoja*/
 #pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(/img/sapc.png) no-repeat right top;
	text-indent: -9999px;
}
 
/*Creado por Sergio Castillo*/
.breadcrumb{
	text-align: left;		
	color: #fa0;
	font: 18px/18px Arial, Helvetica, sans-serif;	
}
 
 
.sesion {
	background: #222 url(../img/evento-bg.jpg) top repeat-x;
	width: 160px;
	margin-bottom: 10px;
	padding: 10px;
	float: left;
	z-index:88;
	
}
 
.evento, .comentario {
	background: #222 url(../img/evento-bg.jpg) top repeat-x;
	width: 728px;
	margin-bottom: 10px;
	padding: 10px;
	float: left;
	z-index:88;
	
}


.eventoFB {
	background: #222 url(../img/evento-bg.jpg) top repeat-x;
	width: 450px;
	margin-bottom: 10px;
	padding: 10px;
	float: left;
	z-index:99;
	
}


.evento_sobresaliente {
	background: #fa0 url(../img/evento-bg-sobresaliente.jpg) top repeat-x;
	width: 728px;
	margin-bottom: 10px;
	padding: 10px;
	float: left;
	
}

.evento h2 , .comentario h2, .evento_sobresaliente h2 {
	font: 14px/14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

.evento a.thumb, .comentario a.thumb, .evento_sobresaliente a.thumb  {
	border: none;
	float: left;
	margin-right: 10px;
	display: block;
}
.evento p,.comentario p, .evento_sobresaliente p  {
	margin: 0;
	padding: 0;
	float: left;
	font: 12px/20px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.evento b {
	color: #fa0;
}

.evento_sobresaliente b {
	color: #000;
}

.comentario b {
	color: #0af;
}

.evento a, .comentario a {	
	/*text-decoration: none;*/ /*Cambio para que todos los links lleven raya abajo*/
	text-decoration: underline; /*Cambio para que todos los links lleven raya abajo*/
}
.evento a:hover, .comentario a:hover{
	text-decoration: underline;
	color: #fa0;
}

* html .evento, *html .comentario{
	float: none;
}

.marketing {
	border: 1px #111 solid;
	width: 746px;
	margin-bottom: 10px;
	padding-top: 5px;
	float: left;
}
.marketing h3 {
	font: 10px/12px Arial, Helvetica, sans-serif;
	width: 746px;
	height: 12px;
	margin: 0;
	padding: 0;
	background: #111;
	float: left;
}
* html .marketing  {
	float: none;
}
.generica {
	border: 1px #111 solid;
	width: 726px;
	font: 12px/12px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding: 10px;
	float: left;
}
.generica a {
	color: #fa0;
	text-decoration: none;	
}

.generica a:hover {
	text-decoration: underline;
}
.generica  b {
	color: #fff;
	font-weight: bold;
}
* html .generica {
	float: none;
}