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

	Mike Rosas (c) 2010
	mikzael[at]hotmail.com
	
	Este documento define de forma especifica un estilo para la
	pagina que lo contiene, tiene la finalidad de definir los
	colores, imagenes y estilos que serán aplicados en los demas
	elementos del html.
 
*********************************************************************
*********************************************************************

	Proyecto: Página web de América Sierra
	Fecha: 06/05/2013
	Nombre Clave: Porque el amor manda
	Versión: 1


/** PROPIEDADES PRINCIPALES ****************************************/

		



/** PROPIEDADES CSS ************************************************/

body
	{
		background-color: #f2f6f5;
	}
	
	body > main
		{
			background: url(images/freddo_pagina.jpg) top center no-repeat;
		}
		
			body > main nav a
				{
					color: #fff;
					
					/*font-family: 'Passion One', cursive;*/
					font-family: 'Fjalla One', sans-serif;
					font-size: 20px;
					text-transform:uppercase;
					text-shadow: 2px 2px 3px #000;
				}
		
			body > main nav a.on,
			body > main nav a:hover
				{
					background-color: #333;
					/*background-color: #f9ef6b;*/
				}
				
		
	/* + FOOTER ********************************************************/
	
	body > footer
		{
			background: #222;
		}
	
			body > footer nav a
				{
					color: #aaa;
					border-right: dotted 1px #888;
				}
				
			body > footer nav a:hover
				{
					color: #fff;
				}
		
		body > footer div.bottom
			{
				color: #666;
			}
		
		
	/* ESTILO PARA LAS FLECHAS AL FINAL DEL LISTADO DE NOTICIAS *********/
					
					
		section .arrows
			{
				background-color: #f2f6f5;
			}
	
			section .arrows a
				{
					background-color: #333;
					font-family: arial;
					font-size: 14px;
					color: #fff;
					
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}
	
			section .arrows a:hover
				{
					background-color: #555;
				}
	
			section .arrows a.off, section .arrows a.off:hover
				{
					background-color: #dcdede;
					color: #504833;
					opacity: 0.5
				}	
	
		
		
		
	/* + ESTILO PARA WIDGETS ***************************************/
	
	.widget
		{
		}
		
		.widget section
			{
				border-top: 1px solid #ccc;
				background-color: #fff;
			}
			
			.widget section h2
				{
					font-size: 24px;
					font-family: 'an';
					font-weight: normal;
					color: #666;
					border-bottom: 1px solid #ddd;
				}				
				
			.widget section a.mas
				{
					background-color: #333;
					color: #ccc;
					text-decoration: none;
				}
				
			.widget section a.mas:hover
				{
					background-color: #555;
					color: #fff;
				}
				
			.widget section article
				{
					font-size: 11px;
					color: #666;
					font-family: arial;
				}
				
				.widget section article a
					{
						color: #666;
						text-decoration: none;
					}
				
				.widget section article a:hover
					{
						background-color: #f0f0f0;
					}
					
				.widget section article a time,
				.widget section article a .c2
					{
						color: #f48120;
					}

				.widget section article a:hover time,
				.widget section article a:hover .c2
					{
						color: #f48120;
					}

					
				
				

		.widget section#fb-recomend
			{
				background-color: #fff;
			}		
	
	
	/* WIDGET INFO ********************/
	

			
			.widget section.info p.titulo
				{
					font-weight: bold;
				}

			.widget section.info p a
				{
					text-decoration: none;
					color: #f48120;
				}

			.widget section.info p a:hover
				{
					text-decoration: underline;
					color: #f48120;
				}
	
	
	
	/* SECCION AGENDA *****************/			


			section#agenda article a span.lugar
				{
					font-size: 14px;
				}
					
	
	/* SECCION ENLACES ****************/				

	

		
	/* SECCION NOTICIAS ***************/				

	

	
	
	/* SECCION LANZAMIENTOS ***********/
	
	
			section#lanzamientos article span
				{
					background-color: #f0f0f0;
					border: 1px solid #e0e0e0;
				}

				section#lanzamientos article span img
					{
						border: 4px solid #f0f0f0;
					}

			section#lanzamientos article h1
				{
					color: #f48120;
					font-weight: 700;
				}

			section#lanzamientos article a.buy
				{
					background-color: #ff7500;
					color: #fff;
					font-size: 9px;
					text-decoration: none;
				}

			section#lanzamientos article a.buy:hover
				{
					background-color: #ffa050;
				}


	/* SECCION GALERIAS ***************/
	
				

	
	
	/* SECCION VIDEOS *****************/
	

	
	
	/* SECCION AUDIOS *****************/

		section#audios .enlace a span.iconsweets
			{
				font-size: 16px;
				color: #666;
				font-family: 'IconSweets';
			}


		section#audios .enlace a:hover span.iconsweets
			{
				color: #666;
			}