/*
	project: internet encyclopedia
	author: luka cvrk (www.solucija.com)
*/

:link,:visited { text-decoration:none } :focus,:active { outline: 0 } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img, fieldset { border:none } address { font-style:normal }

body 
{ 	
	*height: 100%;
	_height: 100%;
	overflow: hidden;
	font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif; 
	color: #666;  
	background: #313131 url(../images/bg_laranja_header.jpg);
	background-position: top center;
	background-repeat:no-repeat;}


a { color: #FFF; cursor: pointer; }
a:hover { color: #F30; }
h1 { font-size: 1.9em; font-weight: normal; clear: both; margin: 0 0 5px; }
h2 { font: normal 1.6em Arial; color: #3D3C3B; margin: 0 0 15px; }
p  { margin: 0 0 15px; line-height: 1.7em; }
.clear { clear: both; }
.wrap { margin: 0 auto; width: 969px; }
.background {}

html {
	*height: 100%;
}

#header {
	width: 969px;
	height: 340px;
}

#header_topo{
	height: 102px;
}

#header_topo p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#FFF;
	float:left;
	text-align:left;
	width:500px;
	padding-left: 369px;
	padding-top: 35px;
}

	
#destaques{
	float:left;
	width:532px;
	height:320px;
	padding-top:14px;
	padding-left:34px;
	background-image:url(../images/bg_destaques.png);
	background-repeat:no-repeat;
}	

#destaques_slides a{
	border: 0;
}

#destaques_nav{
	float:left;
	width:502px;
	
	margin-top: 20px;
}


#menu_principal{
	float:left;
	width: 300px;
	color:#FFF;
	margin-left: 10px;
}

#menu_principal p {
	font-size: 30px;
	line-height: 20px;
}

#menu_principal p.escolha{
	font-size:13px;
	margin-bottom: 40px;
	margin-top:24px;}	

#menu_principal p.link{
	padding-left:30px;
	background-image:url(../images/seta.png);
	background-repeat:no-repeat;
	background-position: top left;}	
	
#menu_principal p.link:hover{
	background-position: top 2px;
	padding-left:32px;
}	


#promo {
	background-image: url(../images/bg_rodape.jpg);
	background-repeat: repeat;
	height: 450px;
	*height: 100%;
		
	clear: both;
	color: #ccc;
	
	*margin-top: 100px;
	_margin-top: -10px;
	padding: 20px 0 0 0;
	
}
#promo h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
}
#promo a {
	color: #D9EAF9;
}
#promo a:hover {
	color: #FFF;
}

#promo p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.col {
	float: left;
	width: 290px;
	padding-left:30px;
	margin-bottom: 20px;
}
.last {
	margin: 0;
}

#footer { clear: both; padding: 0px 0; font-size: .84em; color: #ffffff; }

#dock{
	width: 365px;
	margin-top:35px;
}

#dock span {
	color: #666;
	display: none;
}

.dock_icons {
	width: 60px;
	text-align: center;
	float: left;
}
	
	
.left{
	float:left;
	margin-left:10px;
}
		
		
.right{
		float:right;
		margin-right: 10px;
		}
		
.foto_destaque{
		float:left;
		margin-right:10px;
		border-color:red;
		width: 60px;
		height: 60px;
		padding:6px;
		background-image: url(../images/bg_thumb.jpg);
		background-repeat:no-repeat;
}
	
#jFlowSlide {
	width: 495px;
	height: 256px;
	z-index: 2;
}	
	
.jFlowControl {
	cursor: pointer;
	width: 31px;
	height: 26px;
}

.jFlowNext, .jFlowPrev {
	cursor: pointer;
	width: 29px;
	height: 26px;
}

.jFlowControl:hover {
	background-position
}


/* Imagens botões, Hover */
#controle1 {
	background-image: url(../images/1.png);
	background-repeat: no-repeat;
}
#controle1:hover {
	background-image: url(../images/1.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}
#controle1.jFlowSelected {
	background-image: url(../images/1.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}

#controle2 {
	background-image: url(../images/2.png);
	background-repeat: no-repeat;
}
#controle2:hover {
	background-image: url(../images/2.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}
#controle2.jFlowSelected {
	background-image: url(../images/2.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}

#controle3 {
	background-image: url(../images/3.png);
	background-repeat: no-repeat;
}
#controle3:hover {
	background-image: url(../images/3.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}
#controle3.jFlowSelected {
	background-image: url(../images/3.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}

#controle4 {
	background-image: url(../images/4.png);
	background-repeat: no-repeat;
}
#controle4:hover {
	background-image: url(../images/4.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}
#controle4.jFlowSelected {
	background-image: url(../images/4.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}

#controle5 {
	background-image: url(../images/5.png);
	background-repeat: no-repeat;
}
#controle5:hover {
	background-image: url(../images/5.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}
#controle5.jFlowSelected {
	background-image: url(../images/5.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}

#controle6 {
	background-image: url(../images/6.png);
	background-repeat: no-repeat;
}
#controle6:hover {
	background-image: url(../images/6.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}
#controle6.jFlowSelected {
	background-image: url(../images/6.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}

#controle7 {
	background-image: url(../images/7.png);
	background-repeat: no-repeat;
}
#controle7:hover {
	background-image: url(../images/7.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}
#controle7.jFlowSelected {
	background-image: url(../images/7.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}

#controle8 {
	background-image: url(../images/8.png);
	background-repeat: no-repeat;
}
#controle8:hover {
	background-image: url(../images/8.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}
#controle8.jFlowSelected {
	background-image: url(../images/8.png);
	background-repeat: no-repeat;
	background-position: -31px 0;
}


#seta-next {
	background-image: url(../images/seta_right.png);
	background-repeat: no-repeat;
}
#seta-next:hover {
	background-image: url(../images/seta_right.png);
	background-repeat: no-repeat;
	background-position: -29px 0;
}

#seta-prev {
	background-image: url(../images/seta_left.png);
	background-repeat: no-repeat;
}
#seta-prev:hover {
	background-image: url(../images/seta_left.png);
	background-repeat: no-repeat;
	background-position: -29px 0;
}