@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EFEFEF;
	background: #000 url(../images/bg3.jpg) no-repeat left top;
	line-height: 1.3em;
}

.audio { position: absolute; width: 60px; height: 50px; top: 280px; left: auto !important; right: 150px !important; z-index: 20;}
div.entradas-a {
	position: absolute;
	width: 188px;
	height: 188px;
	top: 35px;
	left: 600px;
	z-index: 30;
}


strong { font-weight: bold; color: #FFF; }
#header { position: absolute; z-index: 10; top: 50px; right: 0;}
#header #logo a {
	background: url(../images/logo-cyt-explota.png) no-repeat left top;
	height: 88px;
	width: 223px;
	position: relative;
	display: block;
	text-indent: -9999px;
}
#header .menu { position: relative; margin: 40px 0 0 11px; line-height: 20px;}
#header .menu a {
	font-size: 14px;
	font-weight: bold;
	color: #F2F2F2; 
	text-decoration: none;
}
#header .menu a:hover { color: #FFFFFF; text-decoration: underline;}


.content-a { position: relative; width: 100%; height: 2271px;}


.content {position: relative; width: 658px; float: left;}
.sidebar {
	position: relative;
	width: 297px;
	height: 2150px;
	float: left;
	padding: 0 13px;
	background: #f1592a url(../images/bg-sidebar.jpg) no-repeat left top;
}

.content h1 { position: relative; width: 100%; height: 1035px; text-indent: -9999px; display: block; background: url(../images/afiche2.jpg) no-repeat left top;}
.content h2 { display: none;}

.sidebar .sorteo { margin-top: 320px;}
.sidebar .addthis_button_compact { color: #333333;}
.sidebar .elevento { position: relative; margin-top: 13px; height: 680px;}
.sidebar h3, .sidebar h4 { position: relative; margin: 6px 0 7px 0;}
.sidebar h3, .sidebar h4 { font-size: 18px; color: #FFFFFF; font-weight: bold; margin-top: 7px;}
.sidebar h4 span { color: #000;}
.sidebar h3 span{ font-size: 12px; color: #000; font-weight: bold;}
.sidebar p {position: relative; margin: 16px 0 0 0;}
p.precios { position: relative; width: 280px; height: 80px; display: block; text-indent: -9999px; margin-top: 10px !important; background: url(../images/precios.png) no-repeat left top;}
p.legal { font-size: 10px; color: #FFFFFF; padding-top: 3px;}
.sorteo p {position: relative; margin: 16px 0 0 0 !important;}
.sorteo img {position: relative; margin-top: 13px;}
a.inscribite {position: relative; margin: 10px 0!important; width: 291px; height: 45px; text-indent: -9999px; display: block; background: #000 url(../images/inscribite.png) no-repeat left top;}
a.inscribite:hover {background: #000 url(../images/inscribite.png) no-repeat left -46px;}

div.entradas-b {
	position: absolute;
	width: 188px;
	height: 188px;
	top: 313px;
	left: 596px;
	z-index: 30;
}
div.entradas-a a { position: relative; width: 188px; height: 188px; display: block; text-indent: -9999px; background: url(../images/btn-luna.png) no-repeat left top;}
div.entradas-b a { position: relative; width: 188px; height: 188px; display: block; text-indent: -9999px; background: url(../images/btn-sony.png) no-repeat left top;}
.sub_content { position: relative; width: 100%; height: 1141px; margin-top: 28px; background: #FFFFFF;}
.gallery, .comentarios { position: relative; width: auto; margin: 25px; display: block; }
.gallery { height: 188px;}
.gallery h3 { color:#000; font-size: 18px; font-weight: bold; padding: 25px 0 10px 0;}
.gallery p { position: relative; width: 150px; color:#333; padding: 5px 0; margin-left: 10px; float: left;}
.gallery img { border: solid 1px #fff; float: left;}
.gallery img:hover { border: solid 1px #f00;}
.elevento p img {position: relative; width: 57px; height: 38px; float: left;}
.fanpage { position: relative; height: 270px;}
.content-a .sidebar .sorteo a {
	color: #FFFF00;
}
