/*
 * Comparables v1
 * Copyright 2013 comprables, Inc
 * File responsible for all styles common site
 * Designed and built by LmbInterativa.
 */

 /*IMPORT CSS*/
 @import url("bootstrap.css");
 @import url("bootstrap-responsive.min.css");
 @import url("reset.css");

 /*CLASS GERAL*/
 .clear { clear:both; }
 .replace
 {
 	display: block;
 	overflow: hidden;
 	text-indent: -999em;
 }
 .marginLeftNone
 {
 	margin:0 !important;
 }
 .floatNone
 {
 	float:none !important;
 }

 .center
 {
 	margin:0 auto !important;  
 }

 /*COMON CSS*/
 html, body { height:auto; }

 body 
 {
 	background:url(../_img/bg/content.jpg) center center;
 	background-size:100% 100%;
 	cursor: default;
 	font-family: helvetica;
 	font-size:62.5%;
 	line-height: 100%;
 	padding:2.1em 0;
 }
 	
 	header .top
 	{
 		height:88px;
 		padding:0 29px 0 20px;
 	}
		header .nav { background:url(../_img/bg/border.jpg) repeat-x center top; }
			header .navContainer
			{
				background:url(../_img/bg/border.jpg) repeat-x center bottom;
				height:4.5em;
				padding: 0.25em 0;
				position: relative;
			}
				header nav
				{
					background:url(../_img/bg/border_horizontal.jpg) repeat-y left top;
					height:4.5em;
				}
					header .nav .user
					{
						position: absolute;
						right:0;
						top:0;
					} 
					header .nav li
					{
						background:url(../_img/bg/border_horizontal.jpg) repeat-y right top;
						float: left;
					}

						header .nav .main a 
						{
							border-left:1px solid transparent;
							border-top:1px solid transparent;
							display: block;
							color:#000000;
							font-size: 1.8em;
							font-family: "brandon-grotesque",sans-serif;
							font-weight: bold;
							padding:0.7em 0.7em 0.6em;
						}
						header .nav .main a:hover
						{
							background-image: linear-gradient(bottom, #8C9AA8 33%, #7E8E9E 67%, #687B8D 84%);
							background-image: -o-linear-gradient(bottom, #8C9AA8 33%, #7E8E9E 67%, #687B8D 84%);
							background-image: -moz-linear-gradient(bottom, #8C9AA8 33%, #7E8E9E 67%, #687B8D 84%);
							background-image: -webkit-linear-gradient(bottom, #8C9AA8 33%, #7E8E9E 67%, #687B8D 84%);
							background-image: -ms-linear-gradient(bottom, #8C9AA8 33%, #7E8E9E 67%, #687B8D 84%);
							background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.33, #8C9AA8),color-stop(0.67, #7E8E9E),color-stop(0.84, #687B8D));
							border-left:1px solid #52616f;
							border-top:1px solid #515f6e;
							color:#fff;
							text-decoration: none;
						}


						header .nav .user 
						{ 
							margin-top: 3px !important;
							padding-left: 14px; 
						}
							header .nav .user li { background:none; }
								header .nav .user a
								{
									background:url(../_img/btn/acess.png) no-repeat left center;
									color:#000;
									display: block;
									font-family: "brandon-grotesque",sans-serif;
									font-size: 1.4em;
									margin:0.1em;
									padding:0.7em 1.5em;
									text-decoration: none;
								}
								header .nav .user .exit a { background-position: -133px center; }
	
	.loading
	{
		display: none;
		position: absolute;
	}