/*
//
//  public/css/estilo.php
//  criado por Peewee em 21/06/2011
//	modificado por Peewee em 21/06/2011
//
//
*/

@import "lib.less";

html, body
{
	width: 100%;
	height: 100%;
	min-height: 100%;
}
body
{
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg);
}
#main
{
	height: 100%;
	min-width: 1000px;
	font: @fontMain;
	color: #313131;
	background: url(../images/nuvens.jpg) repeat-x top center;
}
#container
{
	width: 890px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -445px;
	
	#topo
	{
		overflow: hidden;
		height: 100px;
		
		.marca
		{
			margin: 25px 0 0 0;
			float:left;
		}
		.pesquisa
		{
			float: right;
			margin: 10px 0 0 5px;
			
			input
			{
				padding:3px 10px;
				border:none;
				background: #FFFFFF;
				.border-radius(15px);
				.box-shadow(1px 1px 2px rgba(165,195,208,0.5));
				font: normal 11px @fontMain;
				color: #c5c5c5;
				.transition (all 0.25s ease-in);
				
				&:focus
				{
					outline: none;
					background: #fee16f;
					color: @azul;
				}
			}
			
			img
			{
				float: right;
				margin: 2px 0 0 3px;
			}
			
		}
		.social
		{
			float: right;
			margin: 10px 0 0 0;
			
			a
			{
				width: 23px;
				height: 23px;
				margin:0 5px 0 0;
				display: block;
				float: left;
				background: url(../images/sociais_icon.png) no-repeat;
				
				&.facebook
				{
					background-position:0px 0px;
				
					&:hover
					{
						background-position: 0px -27px; 
					}
				}
				
				&.orkut
				{
					background-position:-27px 0px;
					
					&:hover
					{
						background-position: -27px -27px; 
					}
				}
				&.twitter
				{
					background-position:-55px 0px;
					
					&:hover
					{
						background-position: -55px -27px; 
					}
				}
				&.youtube
				{
					background-position:-83px 0px;
					
					&:hover
					{
						background-position: -83px -27px; 
					}
				}
				&.flickr
				{
					background-position:-110px 0px;
					
					&:hover
					{
						background-position: -110px -27px; 
					}
				}
				&.rss
				{
					background-position:-138px 0px;
					
					&:hover
					{
						background-position: -138px -27px; 
					}
				}
			}
		}
	}
	#menu
	{
		height: 15px;
		margin: 20px 0 10px 0;
		padding: 0;
		list-style: none;
		
		li
		{
			float: left;
			margin: 0 20px 0 0;
			font: italic 14px @fontMenu;
			font-weight: bolder;
			text-transform: uppercase;
			.text-shadow(1px 1px 0px rgba(255,255,255,1));

			a
			{
				text-decoration: none;
				color: #8f99b2;
				.transition(all 0.25s ease-in);
				
				&:hover, &.active
				{
					color: #63acff;
				}
				
				&.home
				{
					width: 25px;
					height: 22px;
					display:block;
					margin: -8px 0 0 0;
					background: url(../images/home.png) no-repeat;
					.transition(none);
				}
				&.home:hover, &.home.active
				{
					background-position: 0 -21px;
				}
			}
		}
	}
	#content
	{
		position: relative;
		width:890px;
		background: #FFFFFF;
		.box-shadow(0px 0px 5px rgba(165,195,208,0.7));
		overflow: hidden;
		
		#copyrights
		{
			background: @azul;
			padding: 5px 10px;
			font: normal 11px @fontMain;
			color: #FFFFFF;
			clear: both;
		}
	}
	
	#nav
	{
		margin:20px;
		text-align: center;
		font: normal 14px @fontMain;
		
		a
		{
			padding: 4px;
			text-decoration: none;
			color: @azul;
		}
		
		.anterior
		{
			float: left;
			img
			{
				margin: 0 5px 0 0;
			}
		}
		.proximo
		{
			float: right;
			img
			{
				margin: 0 0 0 5px;
			}
		}
	}
}
.center
{
	margin: 20px;
	overflow: hidden;
	
	h1
	{
		margin: 20px 0 10px 0;
		padding: 0;
		font: normal @title @fontMain;
		font-weight: lighter;
		color: @azul;
	}
	p
	{
		margin: 0 0 0 0;
		padding: 0;
		font: lighter @texto @fontMain;
		color: @padrao;
		line-height: 18px;
	}
}
/* FADE IN IMAGES */
.fade
{
	//display: none;
}