﻿body {
	margin: 0;
	padding: 0;
	text_align: center;
	font-family: Arial, Arab;
	text-align: center;
	background: #222222;
line-height: 18px;
_line-height: 17px;

/*background: url(../images/fondos/bg108.gif)*/

}

#contenedor {
	margin: 20px auto;
	width: 1000px;
	height: 560px;
	background: url(../images/fondo.jpg) top center no-repeat;
	border: 3px solid #444444; 
	text-align: left;
}

#header {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 120px;
}

#header .fight_effect {
	position: absolute;
	top: 20px;
	left: 50px;
	border: none;
}

#header #menu {
	position: absolute;
	top: 30px;
	right: 0px;
	list-style: none;
	border: none;
	padding: 0;
	margin: 0;
}

#header #menu li {
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	height: 32px;
}

#header #menu li a {
	display: block;
	height: 28px;
	border: none;
	background-repeat: no-repeat;
	background-position: 0px -1px;
	margin-right: 25px;
}

#header #menu li a.productos 	{ width: 132px;  background-image: url(../images/menu/boton-producto.jpg); }
#header #menu li a.eventos 	{ width: 106px; background-image: url(../images/menu/boton-eventos.jpg); }
#header #menu li a.company 	{ width: 120px; background-image: url(../images/menu/boton-company.jpg); }
#header #menu li a.locales 	{ width: 93px; background-image: url(../images/menu/boton-locales.jpg); }

#header #menu li a:hover {
	background-position: 0px -64px;
}

#header #menu li a:active, #menu li a.selected {
	background-position: 0px -34px;
}

#header #menu li a.disabled {
	background-position: 0px -94px;
}

#header #menu li ul {
	position: absolute;
	top: 29px;
	left: 0px;
	padding: 0;
	margin: 0;
	width: auto;
	display: none;
}

#header #menu li ul li {
	position: relative;
	float: none;
	display: block;
	height: 20px;
	width: 100%;
	padding: 3px 5px;
	background: url(../images/backgrounds/submenu.jpg);
	border-top: none;
	border-bottom: solid 1px #444444;
}

#header #menu li ul li a {
	height: auto;
	border: none;
	background: none;
	margin-right: 0px;
	display: inline;
	color: #ffffff;
	text-decoration: none;
	font-size: 9pt;
}


#header #menu li:hover ul a:hover {
	color: #ff0000;
}

#header #menu li:hover ul a.selected {
	color: #550000;
}

#header #menu #company ul {
	width: 120px;
}


#contenido {
	position: relative;
	float: left;
	margin-left: 20px;
	width: 210px;
	height: 420px;
}

#contenido {
	width: 730px;
	position: relative;
}

.transparencia {
	position: absolute;
	top:0;
	left:0;
	z-index: 0;

	background: #ffffff;
	-moz-opacity:0.50;
	opacity:0.50;
	filter:alpha(opacity=50);
	border: solid 2px #ffffff;
}

#contenido .transparencia {
	width: 730px; 
	height: 420px; 
}



/** jqModel **/

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 10%;
    left: 50%;
    
    /*margin-left: -400px;*/
    
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/*
 * Pop Up de comprar/locales
 */
div.locales div {
	width: 400px;
	height: 400px;
	background: #000;
	padding: 20px;
	text-align: left;
	color: #aaaaaa;
}

div.locales div div {
	width: auto;
	height: auto;
	background: none;
	padding: 0;
}

div.locales ul.localidades {
	list-style: none;
	padding: 0;
	margin: 0;
	margin: 10px 0;
	display: block;
	width: 400px;
	height: 360px;
	overflow: auto;
}

div.locales li.localidad {
	margin-bottom: 10px;
}

div.locales div.localidad {
	padding: 5px;
	border-bottom: solid #551a00 1px;
	font-size: 11pt;
	font-weight: bolder;
	cursor: pointer;
	color: #ffffff;

}

div.locales li.localidad ul {
	margin: 10px 0 20px;
	padding: 0 15px;
	list-style: none; 
}

div.locales li.localidad ul li {
	margin: 0 0 20px;
	font-size: 10pt;

}

div.locales li.localidad ul li span.titulo {
	font-size: 13pt;
	font-weight: bolder;
	
}

div.locales li.localidad ul li a {
	text-decoration: none;
	color: #ffffff;
}

div.locales li.localidad ul img {
	width: 150px;
	float: left;
	margin: 0 10px 0 0;
}