@charset "UTF-8";
@import url("reset.css");
/* CSS Document */



/*
Creation date: 05.11.2009
Theme Name: Lunario
Theme Url: http://www.lunario.com.mx
Author: Alejandra Montemayor 
Email: alejandra@rubikmedia.com
*/

/* >>>>>>>>> COLOR PALETTE  <<<<<<<<<<<<<< */

	/* 
	
	BODY TEXT:
	white
	
	HEADERS:
	
	dark blue:#294B7B
	medium blue:#7690C1
	dark gray: #666666
	light gray: #CCCCCC
	

	BACKGROUND:
	black
	
	*/

/* >>>>>>>>> HTML ELEMENTS <<<<<<<<<<<<<< */


body {
	background:#000;
	background-image:url(../images/bg_background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-family: Arial, sans-serif;
	font-size:0.75em;
	color:#FFF;
	
	}
	
a {
	text-decoration:none;}
	
ul {
	list-style:none;
	margin:0;
	padding:0;}
	
@font-face {
  font-family: "Rockwell";
  src: url(http://www.rubikmedia.com/fonts/rockwell/Rockwell.ttf) format("truetype");
}

small {
	margin-bottom:10px;}

/* >>>>>>>>> LAYOUT <<<<<<<<<<<<<< */

/* >>>>>>>>> HEADER <<<<<<<<<<<<<< */

#header {
	width:1000px;
	height:97px;
	padding:0;
	margin:0px auto 0px auto;
	/*border:1px solid #069;*/}
	
#search {
	width:1000px;
	margin:0 auto;}
	
	
	
/* >>>>>>>>> CONTAINER <<<<<<<<<<<<<< */

#container {
	width:800px;
	margin:28px auto 15px;
	}
	
/* >>>>>>>>> MAIN CONTENT <<<<<<<<<<<<<< */

#container #mainContent {
		width:560px;
		float:left;
		clear:left;
		margin-right:15px;
		margin-bottom:30px;}
		
/* >>>>>>>>> MAIN EVENT <<<<<<<<<<<<<< */

#container #mainEvent {
		width:560px;
		background-image:url(../images/bg_mainContent.png);
		padding:0px 0px;}
		
#container #mainEvent #mainEventInfo{
		width:202px;
		float:left;
		}
		
#container #mainContent #mainEvent #mainEventDescription {
	width:300px;
	height:392px;
	float:right;
	background-image:url(../images/bg_mainEventDetail.png);
	background-repeat:no-repeat;
	color:#666666;
	padding:5px 10px;
	margin-bottom:0px;
	}
#container #mainContent #mainEvent #mainEventDescription ul
{
	list-style: none;
}
#container #mainEvent #mainEventDescription h2 {
	color:#264678;
	font-size:18px;}
#container #mainEvent #mainEventInfo embed{
	margin:20px;
}	
#mainEventDescription ul.eventDates  {
	margin:15px 0 0px 0;}

#mainEventDescription ul.localidades{
	margin:	10px 0 0px 0;
	clear: left;
}
#mainEventDescription ul.localidades li {
	display: block;
	width: 220px;
	padding-bottom: 5px;
}
#mainEventDescription ul.localidades span {
	font-weight: bold;
	color: #264678;
	display: block;
	width: 160px;
	float: left;
}
#mainEventDescription ul.boletos {
	margin: 10px 0 0 0;
	padding: 0px;
	float: right;
	width: 55px;
	clear: right; 
}
#mainEventDescription ul.boletos li {
	padding-bottom: 3px;
}
#container #mainContent #menu, 
#container #mainContent #lunario,
#container #mainContent #promotores {
	background-image: url(../images/cuadrito.png);
	background-position: left top;
	clear: both;
	height: 400px;
	color: #333333;
}
#container #mainContent #lunario{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#container #mainContent #promotores
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	height: 720px;
}
#container #mainContent #menu .menuImage {
	float: left;
}
#container #mainContent #menu .menuText {
	float: left;
	padding: 10px;
	width: 215px;
}
#container #mainContent #menu .menuText .highlightMenu {
	font-size: 14px;
	color: #264678;
	font-weight: bold;
}

#container #mainContent #lunario p {
	padding-right: 10px;
	padding-left: 10px;
}
#container #mainContent #lunario #titleLunario {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	background-image: url(../images/pleca_titulo.png);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	height:40px;
	
}
#container #mainContent #promotores .promotoresPicture {
	float: left;
}
#container #mainContent #promotores .promotoresText {
	padding: 10px;
	float: left;
	width: 300px;
}
#container #mainContent #promotores .promotoresText2 {
	float: left;
	width: 550px;
	margin-top: 0px;
	padding-left: 10px;
}
#container #mainContent #promotores .promotoresText2 img {
	float: right;
	padding-left: 10px;
}
#container #mainContent #promotores form {
	padding: 10px;
}

#secondaryBox {
	width:560px;
	height:245px;
	background-image:url(../images/bg_secondBox.png);
	margin-top:20px;
	padding-top: 15px;
		
		/*padding:5px 10px;*/}
		
	#secondaryBox a.box {
	width:532px;
	height:102px;
	display: block;
	padding:5px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
		
		
/* >>>>>>>>> SIDEBAR <<<<<<<<<<<<<< */

#container #sidebar {
		width:220px;
		float:left;
		}
		
		#sidebar #upcomingEvents {
			background-image:url(../images/bg_upComingEvents.png);
			margin-bottom:20px;}
		
		
		
		#sidebar #upcomingEvents h3 {
			height:20px;
			background-image:url(../images/tit_proximosEventos.png);
			
			}
			
		#sidebar #upcomingEvents div.eventPreview {
			height:85px;
			background-image:url(../images/fondo_evento.png);
			background-repeat: no-repeat;
			background-position: bottom;
			padding:0px;
			padding-top: 10px;
			padding-left: 10px;
			border-bottom: 1px solid #fff;
			font-size:11px;}
			
		#sidebar #upcomingEvents div.eventPreviewLast
		{
			height:85px;
			background-image:url(../images/fondo_evento.png);
			background-repeat: no-repeat;
			background-position: bottom;
			padding:0px;
			padding-top: 10px;
			padding-left: 10px;
			font-size:11px;
			-webkit-border-bottom-left-radius:5px;
			-webkit-border-bottom-right-radius:5px;
			-moz-border-radius-bottomleft:5px;
			-moz-border-radius-bottomright:5px;
		}
		#sidebar #upcomingEvents div.eventPreview p {
			margin:0px 0 15px 0;}
			
			#sidebar #upcomingEvents div.eventPreview .floatLeft,
			#sidebar #upcomingEvents div.eventPreviewLast .floatLeft
			{
				margin-bottom: 0px;
			}
			
			#sidebar #blogLunario {
			/*height:275px;*/
			padding-bottom: 10px;
			background-image:url(../images/fondo_blogs.png);
			background-position: bottom;
			}
			
		#sidebar #blogLunario h3 {
			height:20px;
			background-image:url(../images/tit_blogLunario.png);
			
			}
		#sidebar #blogLunario p{
			margin-bottom: 3px;
			height: 30px;
		}
			
			
		#sidebar #blogLunario div.post {
			padding:9px;
			font-size:11px;
			height:62px;}
			
			
		#sidebar #blogLunario div.lastPost {
			padding:10px;
			padding-bottom: 0px;
			font-size:11px;
			border-bottom:0px none;
			height:60px;
			}
			
			
/* >>>>>>>>> FOOTER <<<<<<<<<<<<<< */

#footer {
	width:800px;
	margin:0px auto;
	padding:30px 100px 20px 100px;
	clear:both;
	height:185px;
	display:block;
	text-align:center;
	font-size:10px;
	background-image: url(../images/pleca_footer.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:30px;
	}
	

/* >>>>>>>>> CARTELERA STYLES <<<<<<<<<<<<<< */

#titleCartelera {
	width:530px;
	height:10px;
	background-image:url(../images/tit_cartelera.png);
	text-align:right;
	padding:15px;
	margin-bottom:15px;
	}
	
	#titleCartelera h2 {
		display:none;}
		
	.event {
		height:81px;
		background-image:url(../images/bg_eventList.png);
		background-position:top right;
		background-repeat:no-repeat;
		margin:5px 0px;
		color:#666666;
		padding:0px;
		clear:both;
		}
		
	div.event p {
		padding:5px 0;}
		
	.event h4, .event .eventInfo h4
	{
		display: block;
		margin: 0px;
		padding-top: 5px;
		color: #264678;
		font-size:14px;
		height: 14px;
	}
	.event h5
	{
		margin: 5px 0px 0px 0px;
		font-size:12px;
		height: 12px;
		font-weight: normal;
	}


/* >>>>>>>>> CLASSES <<<<<<<<<<<<<< */

#container #mainContent .eventDisclaimer {
		margin:20px 0px 0px 20px;
		list-style: none;
		padding: 0px;
		}
		
		.eventDisclaimer li{
			height: 60px;
			line-height: 15px;
		}
		
.marginTop {
	margin-top:10px;}
	
.eventPresenter {
	padding: 0px;
	padding-bottom: 5px;
	color:#264678;}
	
.eventSubtitle {
	padding-bottom:15px;}
	
.section {
	color:#264678;
	font-weight:bold;}
	
.verticalAlign {
	vertical-align:bottom;
	margin-bottom:3px;}
	
.floatLeft {
		float:left;
		margin:0 10px 10px 0;}
		
.floatRight{
		float:right;
		margin-right:10px;
		vertical-align:middle;
		}
		
.eventPreviewDate {
	font-size:11px;
	font-weight:bold;
	padding-bottom:5px;}
	.eventPreviewDate strong
	{
		font-weight:bold;
	}
	
.pushButtonRight {
	margin-right:20px;
	float:left;}
	
.pushButton  {
	margin-right:20px;
	}

.clear {
	clear:both;
	}
	
#mainEventDescription .titEvento, 
#mainEventDescription .localidades, 
#mainEventDescription .eventDates, 
#mainEventDescription .boletos,
#mainEventDescription .detTextEvent
{
	height: 70px;
	padding: 0px 5px;
	margin: 0px;
	overflow: hidden;
}
#mainEventDescription .detTextEvent
{
	height: auto;
	margin-top: 10px;
	line-height: 17px;
}
#titEvento h2
{
	padding: 0px;
	padding-bottom: 5px;
}

/* >>>>>>>>> CARTELERA CLASSES <<<<<<<<<<<<<< */

.presenter {
	display: block;
	font-size:10px;
	height: 10px;
	color:#264678;
	padding-top:5px;}
	
.date {
	padding-top:10px;
	display:block;
	width:90w%;}
	
.eventInfo {
	width: 480px;
	display:block;
	}
	
.buttons {
	width:60px;
	float:right;
	display:block;
	padding:15px 0 0 0;
	margin-left:20px;
	}
	
.underline {
	text-decoration:underline;}
	
#paging {
	clear:both;
	width:550px;
	height:20px;
	background-image:url(../images/pleca_navegacion.png);
	text-align:right;
	padding:0px;
	padding-right: 10px;
	line-height: 20px;
	margin-bottom: 10px;
}
#paging b{
	color:#666;
	text-decoration: underline;
}
#paging a{
	color:#000000;
}
.curvCorner
{
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	overflow: hidden;
}
.curvCorner5
{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	overflow: hidden;
}
.imgDetEvento
{
	width: 200px;
	height: 200px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}	
#infoEvtCat
{
	margin: 0px 0px 0px 20px;
	list-style: none;
}
#infoEvtCat li
{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	list-style: none;
	height: 20px;
	line-height: 20px;
}
#search #link_registro {
	height: 20px;
	width: 70px;
	display: block;
	position: relative;
	top: -22px;
/*	left: 630px;*/
	float: left;
}
#search #link_contact {
	height: 20px;
	width: 70px;
	display: block;
	position: relative;
	top: -22px;
/*	left: 580px;*/
	float: left;
}
#search #search_form {
	position: relative;
	top: -21px;
/*	left: 702px;*/
	padding-left: 20px;
	width: 110px;
	padding-top: 1px;
	float: left;
}
#search #search_form input {
	font-size: 9px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 95px;
	height: 14px;
}
#head_buscador
{
	margin-top: 20px;
	margin-bottom: 10px;
	background-image: url(../images/bg_head_busqueda.png);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 10px;
}
#head_buscador #res_busqueda
{
	padding-top: 10px;
	line-height: 15px;
}
#head_buscador #search_form
{
	padding-bottom: 10px;
}
#head_buscador #search_form input
{
	padding:3px;
	width: 460px;
}
#head_buscador #search_form a
{
	margin-top: 2px;
	float: right;
}
#container  #mainContent #resBusqueda .listBuscador
{
	background-image: url(../images/cuadrito.png);
	background-position: left top;
	clear: both;
	width: 560px;
	color: #333333;
	margin-bottom: 10px;
	margin-top:10px;
	padding: 0px;
	list-style-type: none;
}
.listBuscador li
{
	padding: 10px;
	height: 60px;
	list-style-type: none;
	margin: 0px;
}
.listBuscador a span
{
	font-weight: bold;
}
.azul
{
	color:#264678;
}
#slideImgContainer
{
	width: 560px;
	height: 200px;
	display: block;
	position: relative;
}
#slideImgContainer img
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	opacity: -0.01;
	margin: 0px;
	padding: 0px;
}.titulo {
	margin-bottom: 20px;
}
#container #mainContent ul {
	list-style-type: disc;
	padding-left: 10px;
	font-size: 11px;
}
#container #mainContent .contCuadros {
	background-image: url(../images/cuadrito.png);
	margin-top: 20px;
	color: #666666;
}
#container #mainContent .contCuadros img {
	margin: 0px;
	padding: 0px;
}
#container #mainContent .contCuadros form {
	padding: 10px;
	float: left;
	width: auto;
}
#container   #mainContent   .contCuadros   form   label
{
	display: block;
	padding-bottom: 10px;
	clear: both;
	width: 200px;
}
#container #mainContent .contCuadros form label input[type=text],
#container #mainContent .contCuadros form label select,
#container #mainContent .contCuadros form label textarea {
	width: 200px;
}

#container #mainContent .contCuadros form .botones {
	text-align: right;
	display: block;
	padding-bottom: 10px;
	clear: both;
	width: 200px;
}

#container #mainContent .contCuadros .regPromotores label
{
	display: block;
	padding-bottom: 10px;
	width: 240px;
	float: left;
	padding-right: 20px;
	clear: none;
}
#container #mainContent .contCuadros .regPromotores label input[type=text],
#container #mainContent .contCuadros .regPromotores label select,
#container #mainContent .contCuadros .regPromotores label textarea {
	width: 240px;
}

#container #mainContent .contCuadros .regPromotores .botones {
	text-align: right;
	display: block;
	padding-bottom: 10px;
	clear: both;
	width: 503px;
}
#container #mainContent .graciasRegPromo {
	background-image: url(../images/cuadrito.png);
	color: #666666;
	padding: 10px;
	margin-top: 20px;
}
#container #mainContent #listAchivos
{
	list-style: none;
	padding: 0px;
}
#listAchivos li
{
	background-image:url(../images/bg_eventList.png);
	background-position:top right;
	background-repeat:no-repeat;
	color: #666666;
	margin-bottom: 10px;
	display: block;
	height:80px;
}
#listAchivos li p
{
	padding: 10px;
	font-size: 14px;
	width: 400px;
}
#listAchivos li strong
{
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 5px;
}
#listAchivos li .icono{
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	border: 1px solid #ccc;
	display:block;
	float: left;
	width: 78px;
	height: 78px;
	margin-right: 5px;
}
#listAchivos li .buttons
{
	width: 70px;
	height:50px;
	margin: 0px;
	padding-top: 30px;
	padding-left: 10px;
	text-align:center;
}
#cinebarList {
	background-image: url(../images/bg_cinebar.png);
	height: 180px;
}
#cinebarList #logoCinebar {
	float: left;
	margin-top: 10px;
	padding-top: 10px;
	margin-left: 27px;
}
.carrousel
{
	float: left;
	display: block;
	margin-top: 15px;
	margin-left: 38px;
	width: 420px;
}
#mainContent  #cinebarList ul {
	float: left;
	height: 90px;
	list-style-type: none;
	width: 420px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
}
#mainContent #cinebarList li {
	display: block;
	float: left;
	height: 80px;
	width: 118px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #8CAFC6;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: center;
}
#cinebarList a {
	color: #DDEF1A;
}
#cinebarList a:hover {
	text-decoration: underline;
}

#mainContent  #cinebarList  li a {
	font-size: 13px;
	clear: both;
	display: block;
	font-weight: bold;
	line-height: 13px;
}
#mainContent #cinebarList .top {
	height: 60px;
	overflow: hidden;
}

#mainContent  #cinebarList  .bots a {
	display: inline;
	float: right;
	margin: 0px;
	padding: 0px;
	clear: none;
}
#mainContent #cinebarList .bots .floatLeft {
	float: left;
	clear: none;
	margin-top: 2px;
}


#cinebarList #pagCinebar {
	background-image: url(../images/bg_paging_cinebar.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	width: 550px;
	clear: both;
	margin-top: 20px;
	float: left;
	line-height: 20px;
	text-align: right;
	padding-right: 10px;
}


#cinebarList #pagCinebar a.current {
	color: #FFFFFF;
	text-decoration: underline;
}

#detCinebar {
	background-image: url(../images/bg_cinebarProgram.png);
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 560px;
}
#detCinebar .tit_ciclo {
	background-image: url(../images/bg_tit_cinebar.png);
	background-repeat: no-repeat;
	height: 53px;
	width: 540px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#detCinebar .tit_ciclo h2 {
	font-size: 18px;
	color: #264778;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
#detCinebar .tit_ciclo h3 {
	color: #264778;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}

#detCinebar .tit_ciclo .boletos {
	float: right;
	margin-top: 18px;
}
#detCinebar .tit_ciclo .fecha {
	color: #333333;
}
#detCinebar  .movie {
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#detCinebar .movie h3 {
	line-height: 18px;
	font-size: 18px;
}
#detCinebar #peli1 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8CAFC6;
}
#detCinebar .imageCinebar {
	background-repeat: no-repeat;
	background-position: center center;
	height: 142px;
	width: 100px;
	border: 1px solid #333333;
	margin-bottom: 10px;
}
#detCinebar small {
	font-size: 9px;
}