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

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

    #frame {
        -ms-zoom: 0.80;
        -moz-transform: scale(0.80);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.80);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.80);
        -webkit-transform-origin: 0 0;
    }

	

/* LADO IZQUIERDO DONDE VAN LAS NOTICIAS ***************************/				
				
	#inicio section.noticias
		{
			width: 73%;
			float: left;
			background-color: #fff;
		}

		#inicio section.noticias article.lista
			{
				margin-bottom: 30px;
				padding-bottom: 20px;
				border-top: 1px solid #ddd;
				
				-webkit-border-radius: 0 0 20px 0;
				-moz-border-radius: 0 0 20px 0;
				border-radius: 0 0 20px 0;
			}
			
			#inicio section.noticias article.lista h1
				{
					font-size: 24px;
					font-family: 'an';
					line-height: 32px;
					width: 90%;
					padding: 20px 15px;
				}
			
				#inicio section.noticias article.lista h1 a
					{
						color: #000;
						text-decoration: none;
					}
			
				#inicio section.noticias article.lista h1 a:hover
					{
						color: #f48120;
					}
		
		
		
				#inicio section.noticias article.lista span.miniatura
					{
						margin-right: 15px;
						margin-left: 15px;
						float: left;
					}
		
		
			#inicio section.noticias article.lista time
				{
					color: #f48120;
					padding: 5px 5px 5px 0;
					font-size: 11px;
					line-height: 11px;
				}
		
			
				#inicio section.noticias article.lista p
					{
						font-size: 13px;
						line-height: 20px;
						padding-right: 15px;
						padding-bottom: 20px;
						color: #7c7c7c;
						font-family: arial;
						width: 35%;
						float: left;
					}
				
					#inicio section.noticias article.lista div.share
						{
							width: 35%;
							float: left;
							padding-top: 20px;
						}
				
				#inicio section.noticias article.lista > a.continuar
					{
						display: block;
						width: 100px;
						color: #fff;
						background-color: #333;
						padding: 3px 10px;
						float: left;
						text-decoration: none;

						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;						
					}
				
				#inicio section.noticias article.lista > a.continuar:hover
					{
						background-color: #555;
					}
		
		
		
/* LADO IZQUIERDO DONDE VAN LA GALERIA *****************************/				
				
	section.galeria
		{
			width: 100%;
			float: left;
			background-color: #fff;
			margin-bottom: 20px;
		}

		section.galeria article.lista
			{
				margin-bottom: 30px;
				padding-bottom: 0px;
				border-top: 1px solid #ddd;

			}
			
			section.galeria article.lista h1
				{
					font-size: 24px;
					font-family: 'an';
					line-height: 32px;
					width: 90%;
					padding: 20px 15px;
				}
			
				section.galeria article.lista h1 a
					{
						color: #000;
						text-decoration: none;
					}
			
				section.galeria article.lista h1 a:hover
					{
						color: #f48120;
					}
		
		
		
				section.galeria article.lista div.thumbs
					{
						display: block;
						width: 100%;
						margin: 0 5px 0 15px;
					}
					
					
					section.galeria article.lista div.thumbs a.th
						{
							border: 1px solid #aaa;
							padding: 3px;
							margin: 0 12px 6px 0;
							display: block;
							float: left;
							
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
						}

					section.galeria article.lista div.thumbs a.th:hover
						{
							border: 1px solid #000;
							opacity: 0.65;
						}					
		
		
			section.galeria article.lista .lugar
				{
					color: #f48120;
					padding: 5px 5px 5px 15px;
					font-size: 11px;
					line-height: 11px;
				}
		
			
				section.galeria article.lista p
					{
						font-size: 13px;
						line-height: 20px;
						padding-right: 15px;
						padding-bottom: 20px;
						padding-left: 15px;
						color: #7c7c7c;
						font-family: arial;
					}
				

				
				section.galeria article.lista div.share
					{
						background-color: #333;
						margin: 0 15px;
						padding: 5px 0 0 10px; 
					}
					
					section.galeria article.lista div.share span
						{
							color: #fff;
							font-size: 11px;
						}
							
							
				section.galeria article.lista  span
					{
						margin-right: 15px;
						float: left;
					}
									
					
/* ESTILO PARA DEFINIR EL LADO IZQUIERDO DEL TWITTER ***************/				

		
			#inicio section.twitter
				{
					width: 35%;
					float: left;
					background-color: #fff;
					margin-bottom: 15px;
					height: 600px;
				}
				
		
		
		
		
		
		
/* ESTILO PARA DEFINIR EL LADO DERECHO DEL facebook **************/				

		
			#inicio section.facebook
				{
					width: 63%;
					float: right;
					background-color: #181818;
					margin-bottom: 15px;
					height: 600px;
				}