/*criado por Camila da Trindade e Paulo Victor em 17-jul-2008*/
@import url(portifolio.css);

.liststyle-none{list-style:none;}

* { margin: 0; padding: 0; }

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

/*invisíveis*/
#topo span,
#barra h1 span,
#barra h2,
.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: #666; }

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

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


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

/*barra lateral e menu*/

#meio{
	/*background-color: #8B008B;*/
	width: 1000px;
	height: 500px;
	}

#barra {
	/*background-color: #ADD8E6;*/
	width: 187px;
	height: 445px;
	padding-top: 40px;
	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 {
  /* background-color: #DDA0DD;*/
	width: 813px;
	height: 400px;
	padding-top: 40px;
	float: left;
}

#miolo h3 {  
  padding: 0 0 25px 77px;
  color: #990000;
  font-size: 14px;
  font-style:normal;
}

.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 126px;
	float: left;
}

/*area home*/

.linkrevista{
	float:left;
	padding: 20px 0px 10px 27px;
	width: 300px;
	height: 100px;
}
.linkrevista a img{
	border: 0;
}

.linkrevista2{
	float:left;
	clear: left;
	width:300px;
	height: 100px;
	padding: 20px 10px 10px 77px;
	
}

.linkrevista2 a img{
	border: 0;
}


/*listas*/

#lista{
	float:left;
}

.lista {
	/*background-color: #DAD7FA;*/
	float:left;
	width:300px;
	height: 100px;
	padding: 35px 10px 10px 77px;
}

#lista2 {
	/*background-color: #DAD7FA;*/
	float:left;
	clear: left;
	width:300px;
	height: 100px;
	padding: 35px 10px 10px 77px;
}

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

#lista2 h4{
	font-size: 15px;
}

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

.listatexto{
	/*background-color: #FAEBD7;*/
	width: 210px;
	float: left;
	padding: 0px 0px 0px 10px;
}

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

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

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

.thumbprod{
   padding-top: 10px;
	float:left;
	border: 0;
	
}

.bull{
	font-size: 8px;
}

/*area acasa*/

#acasa{
width: 630px;
padding: 40px 0 0 77px;
position:relative;
}

#acasa p{
font-size: 16px;
line-height: 20px;
}

#esqacasa{
width: 272px;
float:left;
padding-right: 60px;	
}
#esqacasa p{
font-size: 13px; 	
}
#diracasa{
width: 290px;
float:left;	
}
#diracasa p{
font-size: 13px; 	
}

#acasa p span.titulo, .titulocinza{
	font-size: 16px;
	font-weight: bold;
	color: #900;
	line-height: 27px;
	padding: 0 0 17px 0;
}	
.titulocinza{
	text-decoration:none;
	color: #666;
}	
#acasa p span.subtitulo {
   font-size: 15px;
	color: #900;
	padding-top: 10px;
}
.casadocliente{
	color: #900;
	
}
.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; }


.linkback a{
	text-decoration: none;
   font-size: 10px;
	font-weight: bold;}

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

.clear {
	clear: left;
	padding-top: 30px;
	padding-bottom: 30px;
}

#miolo p.clear{
	padding-left: 77px;
}


#bannerflash{
	padding-left: 77px;
	width: 630px;
}

/*area expertise*/

#expertise{
width: 630px;
padding: 0 0 0 77px;
}

#expertise p{
font-size: 13px;
line-height: 22px;
}

#expertise p span.titulo {
font-size: 16px;
font-weight: bold;
color: #900;
line-height: 27px;
}

/*area clientes*/

#clientes {
width: 630px;
padding: 0 0 0 77px;
}

#listacli1{
   width:210px;
	float: left;
}
#listacli2{
   width:210px;
	float: left;
}
#listacli3{
   width:210px;
	float: left;
}

#listacli4{
   width:210px;
	float: left;
} 

#listacli5{
	float: left;
}

#listacli1 li, #listacli2 li, #listacli3 li, #listacli4 li, #listacli5 li{
	list-style: none;	
}

#clientes h2{
font-size: 17px;
font-weight: bold;
color: #900;
line-height: 25px;
padding:5px 0 2px 0px;
}

#clientes ul li{
font-size: 13px;
line-height: 23px;
}

/*area produtos*/

#produtos{
	width: 630px;
	padding: 0 0 0 77px;
}

#produtos p{
	font-size: 13px;
	line-height: 22px;
}

#produtos p span.titulo {
	font-size: 16px;
	font-weight: bold;
	color: #900;
	line-height: 27px;
}

#produtos .listatexto{
	width: 520px;
}

#produtos h4{
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;	
}


/*area contato*/

#contato fieldset {
	border:0pt none;
	float:left;
	padding: 0 0 0 70px;
}

#contato fieldset label{
	font-size: 13px;
	line-height: 22px;

}

#contato{
	padding:35px 0 0 77px;
	position:relative;
	width:632px;
}

#contato p{
	font-size: 13px;
	line-height: 22px;


}

#endereco{
   width: 280px;
	float: left;
}

#contato p span.titulo {
	font-size: 16px;
	font-weight: bold;
	color: #900;
	line-height: 27px;
}

/*area portfolio*/

#listaport {
	/*background-color: #DAD7FA;*/
	clear: both;
	width:300px;
	padding: 35px 10px 10px 77px;
}

#listaport h4{
	font-size: 15px;
}

#port{
	float: left;
}

#port p span.titulo{
	font-size: 16px;
	font-weight: bold;
	color: #666;
	line-height: 27px;
	padding-left: 77px;
}

#selectport {
	/*background-color: Lime;*/
	width: 300px;
	float: left;
}

#selectport fieldset {
	border:0pt none;
	float:left;
	padding: 35px 0 0 77px;
}

.select{
	background-color: #EEE;
	width: 180px;	
	font-size: 13px;
	font-weight: normal;
	color: #666;
	border: 0px;
}

/*paginacao*/

#paginacao{
	clear: both;
	text-align: center;
	padding: 30px 0 0 0;
}

#paginacao ul li{
	list-style: none;
	display: inline;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	padding: 2px;
	
}

#paginacao ul li a:link,
#paginacao ul li a:active,
#paginacao ul li a:visited{
	text-decoration: none;
	color: #666;
}
#paginacao ul li a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #666;
}



/*area portfolio float*/

#fundo{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:1001;
		/*-moz-opacity: 0.5;*/
		opacity:.50;
		/*filter: alpha(opacity=50)*/;
		}


#areafloat{
	width: 800px;
	height: 580px;
	z-index:1010;
	background-color: #333;
	left:50%;
	margin-left: -400px;
	position: relative;	
	top: 50%;
	margin-top: -290px;
}

.imgportfolio{
	float: left;
}

#txtfloat{ 
width: 400px;
height: 580px;
background-color: white;
float: left;

}

#txtfloat p{
	font-size: 14px;
	padding: 10px 0 0 40px;
}

#txtfloat h1{
	font-size: 17px;
	padding: 100px 0 0 40px;
	color: #990000;
}

.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; }


/*area noticias*/

#noticias{
	width: 630px;
	padding: 0 0 0 77px;
}

#noticias p{
font-size: 13px; 
line-height: 22px;	
}

#noticias p span.titulo{
	font-size: 15px;
	font-weight: bold;
	color: #666;
}

#noticias p a{
	text-decoration: none;
   font-size: 13px;
	font-weight: bold;}

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

/*area premios*/

#premios{
	width: 630px;
	padding: 0 0 0 77px;
}

#premios p{
font-size: 13px; 
line-height: 22px;	
}

#premios p span.titulo{
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

#premios p span.ano{
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}

#premiodir{
   width: 300px;
	float: left;
}

#premioesq{
   width: 300px;
	padding-right:30px;
	float: left;
}