/*
Description: estilização das páginas
Version: 1.0
Author: ojpublicidade
Author URI: http://www.ojpublicidade.com.br
Tags: 
*/

@charset "utf-8";
/* CSS Document tuddo*/
@import url("reset.css");
/*zera todos*/

*{
	margin:0;
	padding:0px;
	border:0px;
	}

/*bodu*/

html{
	background-repeat:repeat-y;
	background-color:#cfcfcf;
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	width:100%;}

body{
	background-image:url(../images/bg.jpg);
	width:1000px;
	height:100%;
	margin:0px auto;
	padding:0px;}
	
#wrap {height: auto; min-height: 100%; }

article, aside, dialog, figure, footer, header, hgroup, nav, section, time, meter, a {

display:block;}

header{
	width:1000px;
	height:121px;
	margin:0px;
	}	

nav.header{
	background-image:url(../images/nav-bg.jpg);
	width:370px;
	height:25px;
	float:left;
	margin:18px 0px 0px 30px;
	padding:7px 0px 0px 13px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
div.logo{
	background-image:url(../images/logo-home.jpg);
	height:122px;
	width:248px;
	margin-left:327px;
	float:left;
	}
	
section.home{
	background-image:url(../images/home-bg.jpg);
	height:346px;
	width:709px;
	margin-left:29px;
	padding-bottom:52px;
	float:left;
	}
	
section.quem{
	background-image:url(../images/quem-bg.jpg);
	height:398px;
	width:709px;
	margin-left:29px;
	padding-bottom:0px;
	float:left;
	}
	
section.cliente{
	background-image:url(../images/clientes-bg.jpg);
	height:452px;
	width:941px;
	margin-left:29px;
	float:left;
	}
	
section.noticias{
	background-image:url(../images/noticias-bg2.jpg);
	height:452px;
	width:941px;
	margin-left:29px;
	float:left;
	}
	
section.contato{
	background-image:url(../images/cont-bg.jpg);
	height:415px;
	width:941px;
	margin-left:29px;
	float:left;
	}
p.manchete{
	color:#FFF;
	height:101px;
	width:490px;
	margin:20px 0px 0px 30px;
	font-size:30px;
	float:left;
	text-shadow: 0px 0px 1px #fff;
	/*text-transform: uppercase;*/
	}
p.manchete a{
	color:#fff; text-decoration:none; text-shadow: 0px 0px 0px #fff;}
p.manchete a:hover{
	color:#fff; text-decoration:none; text-shadow: 0px 0px 5px #fff;}
	
.first-line{
	font-size:30px;
	/*text-transform:uppercase;*/
	text-shadow: 0px 0px 1px #fff;
	}
	
div.main{
	color:#FFF;
	height:410px;
	width:600px;
	margin:20px 0px 0px 35px;
	font-size:12px;
	float:left;
	text-shadow: 0px 0px 0px #fff;
	}
	
div.contato{
	color:#FFF;
	height:385px;
	width:435px;
	margin:15px 0px 0px 35px;
	font-size:14px;
	float:left;
	font-weight:bold;
	text-shadow: 0px 0px 0px #fff;
	}
	
div.cadastro{
	color:#FFF;
	height:385px;
	width:430px;
	margin:15px 0px 0px 40px;
	font-size:14px;
	float:left;
	font-weight:bold;
	text-shadow: 0px 0px 0px #fff;
	}
	
div#releases{
	height:452px;
	width:306px;
	float:left;
	overflow:auto;
	margin-bottom:52px;
	}
div#releases #dt{
	font-size:14px;
	}
	
div.releases{
	font-size:14px;
	height:57px;
	width:274px;
	border-bottom:#FFF solid 0px;
	margin-left:10px;
	padding:3px 0px 0px 5px;
	float:left;
	color:#FFF;
	}
	
.main-content{
	height:310px;
	width:100%;
	overflow:auto;
	}
	
p.quem-tit{
	color:#FFF;
	height:auto;
	width:490px;
	margin:20px 0px 0px 30px;
	font-size:30px;
	float:left;
	text-shadow: 0px 0px 1px #fff;
	text-transform: uppercase;}
	
p.news{
	color:#FFF;
	height:58px;
	width:490px;
	margin:10px 0px 0px 30px;
	font-size:18px;
	float:left;
	text-shadow: 0px 0px 0px #fff;}
	
p.news a{
	color:#fff; text-decoration:none; text-shadow: 0px 0px 0px #fff;}
p.news a:hover{
	color:#fff; text-decoration:none; text-shadow: 0px 0px 5px #fff;}
	
p.quem-txt{
	color:#FFF;
	height:auto;
	width:650px;
	margin:10px 0px 0px 30px;
	font-size:12px;
	line-height:14px;
	float:left;
	text-shadow: 0px 0px 0px #fff;}
	
nav.cliente-nav{
	color:#FFF;
	height:50px;
	width:750px;
	margin:15px 0px 0px 40px;
	font-size:14px;
	line-height:16px;
	text-shadow: 0px 0px 0px #fff;
	text-transform:uppercase;
	float:left;}
	
p.cliente-nav2{
	color:#FFF;
	height:364px;
	width:278px;
	margin:10px 0px 0px 35px;
	font-size:14px;
	line-height:16px;
	text-shadow: 0px 0px 0px #fff;
	/*text-transform:uppercase;*/
	float:left;
	overflow:auto;}
	
p.info{
	color:#FFF;
	height:364px;
	width:300px;
	margin:10px 0px 0px 10px;
	font-size:12px;
	line-height:14px;
	text-shadow: 0px 0px 0px #fff;
	float:left;
	overflow:auto;}
	
p.info:first-line{
	font-size:18px;
	text-transform:uppercase;}
	
p.foto{
	height:364px;
	width:300px;
	margin:10px 0px 0px 9px;
	float:left;
	}
	
section.logos{
	background-image:url(../images/logo-bg.jpg);
	height:400px;
	width:189px;
	margin:0px 35px;
	float:left;
	}
	
.set-footer{
	height:67px;
	width:1000px;
	float:left;
	display:block;}	
	
footer{
	background-image:url(../images/footer-bg.jpg);
	height:36px;
	width:970px;
	margin:-52px 15px 0px;
	float:left;
	text-align:center;
	padding-top:16px;
	line-height:12px;
	bottom:0;
	color: #fff;}
		
	
/* type styles */

header a.nav{
	color:#FFF; text-decoration:none; float:left; margin-right:24px;}
header a.nav:hover{
	color:#006; text-decoration:none; text-shadow: 0px 0px 5px #fff; float:left; margin-right:24px;}
.mais{
	color: #fff; text-decoration:none; text-shadow: 0px 0px 0px #fff; font-size:14px;}
.tit{
	color: #F90; text-decoration:none; text-shadow: 0px 0px 0px #fff; font-size:14px;}
a.mais{
	color:#fff; text-decoration:none; text-shadow: 0px 0px 0px #fff; font-size:14px;}
a.mais:hover{
	color:#fff; text-decoration:none; text-shadow: 0px 0px 5px #fff; font-size:14px;}
a.cliente-nav{
	color:#FFF; text-decoration:none; float:left; width:auto; margin-right:20px; font-weight:bold; }
a.cliente-nav:hover{
	color:#F90; text-decoration:none; text-shadow: 0px 0px 0px #fff; float:left; width:auto; margin-right:20px; font-weight:bold; }
a.cliente-nav2:first-line{ font-size:18px;}	
a.cliente-nav2{
	color:#FFF; text-decoration:none; float:left; width:180px; font-weight:bold; margin-bottom:10px; }
a.cliente-nav2:hover{
	color:#F90; text-decoration:none; text-shadow: 0px 0px 0px #fff; float:left; width:180px; font-weight:bold; margin-bottom:10px; }
	


/*estilos para o dropdown*/	
div.first-drop{
	width:100px;
	margin-right:80px;
	float:left;}

ul {
	margin: 0px;
	padding: 0;
	list-style: none;
	width:200px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	float:left;
	}
	
ul_bug {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	}	

ul li {
	position: relative;
	}

li ul {
	position: absolute;
	display: none;
	left: 0px;
	top: 15px;
	display: none;
	z-index:10;
	}
	
ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 0px 0px 0px 0px;
	border:hidden;
	z-index:10;
	}
	
li:hover ul { 
	display: block; 
	}
	
/*form styles*/

.inp{
	height:20px;
	width:250px;
	border:#F60 solid 1px;
	margin:0px 0px;}
	
	
	
	
	
	
	

