/*criado por Camila da Trindade e Paulo Victor em 17-jul-2008*/

* { margin: 0; padding: 0; }

.separador {
	clear:both;
	line-height: 0;
	font-size: 0;
	height: 0;}

/*invisíveis*/
#topo span,
#barra h1 span,
.linkrevista span,
.linkrevista2 span,
.menu1 a span,
.menu2 a span,
.menu3 a span,
.menu4 a span,
.menu5 a span,
.menu6 a span,
.menu7 a span,
#selectport legend span,
#selectport label
 {width: 0; height: 0; overflow: hidden; position: absolute;}


/*áreas e elementos comuns */

body {font-family: Tahoma, Arial, Helvetica, sanserif, verdana;
  		font-style: normal;
  		font-variant: normal;
  		font-weight: normal;
  		font-size: 10px;
  		line-height: normal;
  		color: #999; }

body.zero { background-image: url(../../bg.jpg);}

#principal{
	width: 1000px;
	margin: 0 auto;
	position: relative;	
}

/*#principalport{
	width: 100%;
	position: absolute;	
}*/


#topo {
	/*background-color: #FF8C00;*/
	width: 1000px;
	height: 50px;
}

/*barra lateral e menu*/

#meio{
	/*background-color: #8B008B;*/
	width: 1000px;
	height: 500px;
	}
	
#meio h2{
	font-size: 18px;
	margin: 30px 0px 0px 0px;
	
}

#barra {
	/*background-color: #EBEBEB;*/
	background-color: #fff;
	width: 187px;
	height: 490px;
	float: left;
}

#barra h1{
 	padding-top: 66px;
}

#barra h1 a img{
	border: 0px;
}

#barra ul{
	height: 237px;
 	width: 187px;
	border: #A52A2A;
	list-style: none;
}


#miolo {
 	width: 100%;
	height: 100%;
	float: left;
	padding: 30px 0 0 0;
}


.bt{
	font-size: 12px;
	font-weight: bold;
	width: 54px;
	height: 25px;
	color: #333;
	background-color: #EBEBEB; 
	margin: 10px 0px 0px 222px;
}

.btbuscar{
	font-size: 12px;
	font-weight: bold;
	width: 54px;
	height: 25px;
	color: #333;
	background-color: #EBEBEB; 
	margin: 10px 0px 0px 66px;
	float: left;
}

/*area home*/


.thumb{
	float:left;
	
	border-color: #CCC;
	
}

a:hover .thumb{
	border-color: #666;
	
}
	
	

/*listas*/

#lista{
	float:left;
}

.lista {	
	float:left;
	width:220px;
	height: 80px;
	padding: 10px 10px 10px 10px;
}


.lista h4{
	font-size: 15px;
}


.listatexto h4 a:link,
.listatexto h4 a:active,
.listatexto h4 a:visited{text-decoration: none;color: #999;	}
.listatexto h4 a:hover{ color: #333;background-color: #EBEBEB;}

.listatexto{
	
	width: 125px;
	float: left;
	
}

.listatexto p{
	padding: 4px 0px 8px 10px;
	line-height: 1.3em;
	font-size: 13px;
}

.listatexto p a:link,
.listatexto p a:active,
.listatexto p a:visited{text-decoration: none; color: #333;	}
.listatexto p a:hover{ color: #000; background-color: #EBEBEB;}


.bull{
	font-size: 8px;
}

.cinzaesc{
color: #666;
}

.linktexto a{
	text-decoration: none;
   font-size: 13px;
	font-weight: bold;}

.linktexto a:link,
.linktexto a:active,
.linktexto a:visited{ color: #333; background-color: #EBEBEB;}
.linktexto a:hover{ color:#333;  background-color:#CCC; }



.linkfechar a{
	text-decoration: none;
	margin: 10px 0 0 280px;
   font-size: 13px;
	font-weight: bold;
	
}
.linkfechar a:link,
.linkfechar a:active,
.linkfechar a:visited{ color: #333; background-color: #EBEBEB;}
.linkfechar a:hover{ color:#333;  background-color:#CCC; }

#pop {
position: absolute;
height:400px;
margin-top:-200px;
top:50%;
width:400px;
margin-left:-200px;
left:50%;
}

#pop1 {
position: absolute;
height:200px;
margin-top:-100px;
top:50%;
width:500px;
margin-left:-250px;
left:50%;
}

#pop2 {
position: absolute;
height:600px;
margin-top:-300px;
top:50%;
width:800px;
margin-left:-400px;
left:50%;
}

#pop3 {
position: absolute;
height:500px;
margin-top:-250px;
top:50%;
width:650px;
margin-left:-325px;
left:50%;
}

#pop4 {
position: absolute;
height:330px;
margin-top:-165px;
top:50%;
width:300px;
margin-left:-150px;
left:50%;
}

#pop5 {
position: absolute;
height:600px;
margin-top:-300px;
top:50%;
width:550px;
margin-left:-275px;
left:50%;
}


#pop6 {
position: absolute;
height:375px;
margin-top:-187px;
top:50%;
width:650px;
margin-left:-325px;
left:50%;
}


.itens{
	
	width: 650px;

	
}

.itens p{
	padding: 4px 0px 8px 0px;
	line-height: 1.3em;
	font-size: 42px;
}

.itens p a:link,
.itens p a:active,
.itens p a:visited{text-decoration: none; background-color: #D7D7D7; color:#000;}
.itens p a:hover{ color: #D7D7D7; background-color: #000; margin-left: 20px;}

#meio.frente{
	/*background-color: #8B008B;*/
	width: 800px;
	height: 500px;
	}
	
#meio.frente h3{
	font-size: 18px;
	margin: 30px 0px 0px 0px;
	/*color: #FF8C00;*/
	
}