/********************************************************************
*********************************************************************

	Mike Rosas (c) 2010
	mikzael[at]hotmail.com
 
*********************************************************************
********************************************************************/




#agenda .main
	{
		height-min: 400px;
		line-height: 22px;
		font-size: 13px;
	}

				
/* LADO IZQUIERDO DONDE VAN LAS NOTICIAS ***************************/				
				
	#agenda section.eventos
		{
			width: 73%;
			float: left;
			background-color: #fff;
			margin-bottom: 20px;
		}

		#agenda section.eventos article.lista
			{
				margin-bottom: 30px;
				padding-bottom: 20px;
				border-top: 1px solid #ddd;
			}
			
			#agenda section.eventos article.lista .pub
				{
					width: 17%;
					float: left;
				}
			
				#agenda section.eventos article.lista .pub time
					{
						/*
						background-color: #fff;
						color: #f48120;
						*/
						
						background-color: #38221d;
						color: #fff;
						
						display: block;
						text-align: center;
						padding: 10px 0;
						width: 85%;
						float: left;
						line-height: 14px;
						margin-top: 15px;
						margin-bottom: 15px;

					}

				#agenda section.eventos article.lista .pub time:hover
					{
						background-color: #554031;
						color: #fff;
					}					
					
					
					#agenda section.eventos article.lista .pub time span
						{
							display: block;
						}
						
					#agenda section.eventos article.lista .pub time span.day
						{
							font-size: 30px;
							line-height: 36px;
							font-weight: bold;
						}

						
				#agenda section.eventos article.lista .pub div.promo
					{
						width: 60%;
						background-color: #f0f0f0;
						padding: 10px 10% 5px 10%;
						border-left: 2px solid #ddd;
						
						-webkit-border-radius: 0 5px 5px 0;
						-moz-border-radius: 0 5px 5px 0;
						border-radius: 0 5px 5px 0;
					}
						
					#agenda section.eventos article.lista .pub div.promo a
						{
							margin: 0 7px;
							opacity: 0.4;
						}
						
					#agenda section.eventos article.lista .pub div.promo a:hover
						{
							opacity: 1;
						}
						
					#agenda section.eventos article.lista .pub div.promo a.off,
					#agenda section.eventos article.lista .pub div.promo a.off:hover
						{
							opacity: 0.1;
						}

						
						
						
						
						
						
						
						
			
			#agenda section.eventos article.lista .info
				{
					width: 83%;
					float: left;
				}
			
			
					
				#agenda section.eventos article.lista .info a
					{
						color: #f48120;
						text-decoration: none;
					}
					
				#agenda section.eventos article.lista .info a:hover
					{
						text-decoration: underline;
					}
					
			
				#agenda section.eventos article.lista .info h1
					{
						font-size: 24px;
						font-family: 'an';
						line-height: 32px;
						width: 90%;
						padding: 15px 1% 10px 1%;
					}
					
			
				#agenda section.eventos article.lista .info h1 > a
					{
						color: #666;
						text-decoration: none;
					}
			
				#agenda section.eventos article.lista .info h1 > a:hover
					{
						color: #f48120;
					}
							


							
				#agenda section.eventos article.lista .info p.datos
					{
						color: #666;
						display: block;
						width: 100%;
						padding: 0 1%;
					}
					
				#agenda section.eventos article.lista .info p.datos.bold
					{
						
						font-size: 15px;
					}
					
				#agenda section.eventos article.lista .info p.artistas
					{
						margin-top: 10px;
					}
					
					#agenda section.eventos article.lista .info p.artistas strong
						{
							display: block;
							font-size: 11px;
							color: #666;
						}
					

					
			#agenda section.eventos article.lista .info div.share
				{
					width: 100%;
					margin-top: 20px;
					float: left;
				}
				
			#agenda section.eventos article.lista .info div.share span
				{
					float: left;
					margin-right: 10px;
				}





					
			#agenda section.eventos article.lista div.placeholder
				{
					text-align: center;
					padding: 20px;
					background-color: #f0f0f0;
					margin: 20px;
					margin-bottom: 0;
					border-top: 1px solid #ddd;
					border-bottom: 1px solid #ddd;
					display: none;
				}					
			
				#agenda section.eventos article.lista p
					{
						font-size: 13px;
						line-height: 20px;
						padding-right: 15px;
						padding-bottom: 20px;
						color: #666;
						font-family: arial;
						width: 45%;
						float: left;
					}

				
				
/* LADO IZQUIERDO DONDE VA EL EVENTO ESPECIFICO ***************************/				
				

		#agenda section.eventos article.evento
			{
				background-color: #fff;
				margin-bottom: 30px;
				padding-bottom: 20px;
			}
			
			#agenda section.eventos article.evento .pub
				{
					width: 17%;
					float: left;
				}
			
				#agenda section.eventos article.evento .pub time
					{
						background-color: #38221d;
						color: #fff;
						display: block;
						text-align: center;
						padding: 10px 0;
						width: 85%;
						float: left;
						line-height: 14px;
						margin-top: 15px;
						margin-bottom: 15px;
						text-shadow: 2px 2px 3px #000;
					}

					#agenda section.eventos article.evento .pub time span
						{
							display: block;
						}
						
					#agenda section.eventos article.evento .pub time span.day
						{
							font-size: 30px;
							line-height: 36px;
							font-weight: bold;
						}

						
				#agenda section.eventos article.evento .pub div.promo
					{
						width: 60%;
						background-color: #f0f0f0;
						padding: 10px 10% 5px 10%;
						border-left: 2px solid #ddd;
						
						-webkit-border-radius: 0 5px 5px 0;
						-moz-border-radius: 0 5px 5px 0;
						border-radius: 0 5px 5px 0;
					}
						
					#agenda section.eventos article.evento .pub div.promo a
						{
							margin: 0 7px;
							opacity: 0.4;
						}
						
					#agenda section.eventos article.evento .pub div.promo a:hover
						{
							opacity: 1;
						}
						
					#agenda section.eventos article.evento .pub div.promo a.off,
					#agenda section.eventos article.evento .pub div.promo a.off:hover
						{
							opacity: 0.1;
						}

						
			
			#agenda section.eventos article.evento .info
				{
					width: 83%;
					float: left;
				}
			
			
					
				#agenda section.eventos article.evento .info a
					{
						color: #f48120;
						text-decoration: none;
					}
					
				#agenda section.eventos article.evento .info a:hover
					{
						text-decoration: underline;
					}
					
			
				#agenda section.eventos article.evento .info h1
					{
						font-size: 24px;
						font-family: 'an';
						line-height: 32px;
						width: 90%;
						padding: 15px 1% 10px 1%;
						color: #666;
					}
					

							
				#agenda section.eventos article.evento .info p.datos
					{
						color: #666;
						display: block;
						width: 100%;
						padding: 0 1%;
					}
					
				#agenda section.eventos article.evento .info p.datos.bold
					{
						
						font-size: 15px;
					}
					
				#agenda section.eventos article.evento .info p.artistas
					{
						margin-top: 10px;
					}
					
					#agenda section.eventos article.evento .info p.artistas strong
						{
							display: block;
							font-size: 11px;
							color: #666;
						}
					

					
			#agenda section.eventos article.evento .info div.share
				{
					width: 100%;
					margin-top: 20px;
					float: left;
				}
				
			#agenda section.eventos article.evento .info div.share span
				{
					float: left;
					margin-right: 10px;
				}





					
			#agenda section.eventos article.evento div.placeholder
				{
					text-align: center;
					padding: 20px;
					background-color: #f0f0f0;
					margin: 20px;
					margin-bottom: 0;
					border-top: 1px solid #ddd;
					border-bottom: 1px solid #ddd;
					display: none;
				}					
			
				#agenda section.eventos article.evento p
					{
						font-size: 13px;
						line-height: 20px;
						padding-right: 15px;
						padding-bottom: 20px;
						color: #666;
						font-family: arial;
						width: 45%;
						float: left;
					}