/* ==============================
Project Name: 
Description: 
Slicer: 
Designer: 
===============================*/

//============================ Colors
@bg: #fff;
@links: #990000;

//============================ Libraries
@import "libs/css3";
@import "libs/noGrid";
@import "libs/grid";

//============================ Code

body{
	background: #fff;
}

p{
	color: #666;
	font-size: 12px;
}

h2{
	font-size: 30px;
	letter-spacing: -1px;
}

h3{
	text-transform: uppercase;
	color: #000;
	font-size: 11px;
	margin-bottom: 15px;
	font-weight: bold;
}

header{
	
	background: #000 url(../imgs/bgMenu.gif) repeat-x top left;
	height: 78px;
	width: 100%;
	
	nav{
		.grid16(10);
		margin: 30px 40px;
		height: 48px;
		
		ul{
			li{
				a{
					color: #666;
					text-transform: uppercase;
					margin-left: 20px;
					font-size: 11px;
					text-shadow: #000 1px 1px 2px;
					padding-bottom: 31px;
					float: left;
				}
		
				a:hover{
					color: #fff;
					border-bottom: 1px solid #ff7d00;
					.animate(all, 0.3s, ease-in-out);
				}
			}
		}
		
		
	}
	
	h1{
		.grid16(5);
		margin-top: 12px;
	}

}

.content{
	width: 960px;
	margin:0 auto;	
}

.tituloPagina{
	background: #d4d5d9 url(../imgs/bgTituloPagina.png) no-repeat 70% center;
	height: 70px;
	
	h2{
		color: #666;
		margin-left: 25px;
	}
	
	.main{
		background-color: #d4d5d9;
		width: 300px;
	}
}

#vitrine{
	text-align: right;
	width: 100%;
	height: 290px;
	background: #141414 url(../imgs/vitrine1.jpg) no-repeat top right;
	
	.fraseVitrine{
		margin-top: 70px;
		float: left;
	}
	
}

.main{
	width: 960px;
	margin: 0 auto;
	background-color: #d4d5d9;
}

.blog{
	
	.grid16(10);
	margin: 40px 0 0 10px;
	
	h5{
		a{
			font-size: 26px !important;
			letter-spacing: -1px;
		}	
	}
	
	a{
		color: #000;
	}
	
	a:hover{
		color: #ff7d00;
		.animate(all, 0.3s, ease-in-out);
	}
	
	article{
		display: block;
		width: 250px;
		margin-right: 20px;
		float: left;
		
		h4{
			font-size: 18px;
			text-indent: -1px;
			margin-bottom: 3px;
			padding-left: 20px;
			line-height: 20px;
		}
		
		small{
			font-size: 11px;
			color: #999;
			font-family: Tahoma, Arial, Sans-serif;
			font-size: 9px;
			padding-left: 20px;
		}
		
		span{
			float: left;
			clear: both;
			background: #fff url(../imgs/bgTituloBlog.gif) repeat-y top left;
		}
		
		p{
			float: left;
			margin: 10px 0 40px 0;
		}
		
	}
	
	
	
}

.clientes{
	margin: 40px 0 40px 0;
	float: left;
	width: 360px;
	
	a{
		margin-right: 10px;
	}
	
}

//============================ Internas

.container{
	.grid16(11, 40px 0 40px 40px);
	
	h1{
		font-size: 32px;
		margin-bottom: 15px;
	}
	
	h2{
		font-size: 22px;
		margin-bottom: 8px;
	}
	
	h3{
		text-transform: none;
		margin-bottom: 0;
		font-size: 12px;
	}
	
	h5{
		font-size: 17px;
		font-style: italic;
		line-height: 20px;
		
		a{
			color: #ff7d00;
			margin-bottom: 0;
		}
	}
	
	p{
		line-height: 18px;
		margin-bottom: 10px;
	}
	
	img{
		border: 8px solid #ddd;
		float: left;
		margin: 0 20px 20px 0;
	}
	
	input, textarea{
		diplay: block;
		float: left;
		margin: 0 0 10px 0;
		padding: 8px;
		width: 300px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		.corners;
		border: 1px solid #ddd;
	}
	
	input[type=submit]{
		background: #ff7d00;
		border: none;
		font-weight: bold;
		width: 100px;
		color: #fff;
		clear: both;
		.corners;
		cursor: pointer;
	}
	
	input[type=submit]:hover{
		background: #ff5a00;
		.animate(all, 0.3s, ease-in-out);
	}
	
	label{
		float: left;
		display: block;
		clear: both;
		width: 100%;
	}	
	
	.wpcf7-validation-errors{
		border: 1px solid #db7d7d;
		font-weight: bold;
		float: left;
		clear: both;
		background: #ffccbd;
		padding: 10px;
		color: #9a5656;
	}
	
	.wpcf7-mail-sent-ok{
		border: 1px solid #a6b670;
		font-weight: bold;
		float: left;
		clear: both;
		background: #e3ffc1;
		padding: 10px;
		color: #707d44;
	}	
	
	.wpcf7-not-valid-tip-no-ajax{
		border: 1px solid red;
		color: red;
		font-size: 11px;
		margin-bottom: 10px;
		float: left;
		clear: both;
		padding: 5px;
	}
	
	hr{
		display: block;
		margin: 30px 0;
	}
	
	small{
		font-size: 10px;
		font-family: Tahoma, Arial, sans-serif;
		color: #999;
	}
	
	a{
		color: #ff7d00;
	}
	
	a:hover{
		text-decoration: underline;
	}
	
	article{		
		margin-bottom: 30px;
		
		span{
			float: left;
			clear: both;
			background: #fff url(../imgs/bgTituloBlog.gif) repeat-y top left;
		}	
		
		h5{
			padding-left: 20px;
			font-size: 24px;
			letter-spacing: -1px;
		}
		
		small{
			padding-left: 20px;
		}
		
		p{
			clear: both;
			padding-top: 20px;
		}
		
		ul{
			margin: 5px 0;
			
			li{
				list-style-image: url(../imgs/marcador.gif);
				list-style-position: inside;
				padding: 5px 0 0 0;
				color: #666;
				font-weight: bold;
				font-size: 12px;
			}
		}
	}
	
	.paginacao{
		border: 1px solid red;
		
		li{
			border: 1px solid #ddd;
			float: left;
		}
	}
	

}

//============================ Sidebar

aside{
	.grid16(3);
	padding-right: 40px;
	margin: 40px 0 40px 0;
	border-right: 1px solid #ddd;
	
	a{
		color: #ff7d00;
	}
	
	article{
		margin-bottom: 20px;
	}
	
	.widgettitle{
		text-transform: uppercase;
		color: #000;
		font-size: 11px;
		font-weight: bold;
	}
	
	.linkSidebar{
		margin-bottom: 20px;
		
		h3{
			margin-bottom: 10px;
		}
		
		a{
			display: block;
			padding: 8px 0;
			color: #ff7d00;
			border-bottom: 1px solid #ddd;
			font-size: 12px;
			.animate;
		}
		
		a:hover{
			background: #fff;
			padding-left: 10px;
		}
		
	}

	
	h4{
		a{
			color: #ff7d00;
			font-weight: bold;
			font-size: 16px;
			letter-spacing: -1px;
		}
		
		a:hover{
			text-decoration: underline;
			color: #000;
			.animate(all, 0.3s, ease-in-out);
		}
	}
	
	small{
		font-size: 10px;
		color: #999;
		font-family: Tahoma, Arial, sans-serif;
	}
	
	
}

//============================ Footer

footer{
	background: #f5f5f5 url(../imgs/bgFooter.gif) repeat-x top center;
	padding-top: 40px;
	clear: both;
	height: 260px;
	
	
	#correspondentes{
		width: 160px;
		float: left;
		
		a{
			display: block;
			color: #666;
			margin-bottom: 5px;
		}
		
		a:hover{
			color: #ff7d00;
			.animate(all, 0.3s, ease-in-out);
		}
		
	}
	
	#twitter{
		.grid16(8);
		
		h3{
			background: url(../imgs/logoTwitter.png) no-repeat 55px center;
			height: 22px;
		}
		
		a{
			color: #ff7d00;
		}
		
		a:hover{
			text-decoration: underline;
		}
		
		p{
			font-style: italic;
			font-size: 16px;
			line-height: 20px;
			clear: both;	
		}
		
		small{
			color: #999;
			font-size: 13px;
			margin-bottom: 20px;
			float: left;
		}
		
	}
	
	#search{
	
		float: right;
	
		input{
			background: url(../imgs/lupa.gif) no-repeat left center;
			border: none;
			.grid16(5);
			height: 45px;
			margin-bottom: 30px;
			width: 220px;
			padding: 0 10px 0 50px;
			font-size: 14px;
		}
		
		.telefone{
			text-align: right;
			margin: 0 10px 30px 0;
			
			small{
				font-size: 14px;
				color: #666;
			}
			
			p{
				color: #666;
				font-size: 32px;
				letter-spacing: -1px;
				margin-top: 5px;
				font-weight: bold;
			}
			
		}
	}
	
	address{
		font-style: normal;
		float: left;
		width: 960px;
		padding-top: 20px;
		border-top: 5px solid #bfc0c4;
		
		h3{
			float: left;
			margin: 0 10px 0 0;
		}
		
		p{
			float: left;
		}
		
		.assinatura{
			float: right;
		}
		
	}
	
	
	
}