/*  
Site Name: Ivan Fortes Moveis Planejados
Theme URI: http://www.ivanfortes.com.br
Description: Ivan Fortes Moveis Planejados
Version: 2.0
Author: F. new design - Fabiano Pereira
Author URI: http://www.fabianoweb.net
*/

body{
	background-color:#000;
	margin:0;
	padding:0;
	text-align:center;}


/*Container principal de todas as páginas.*/
#principal {
	width:754px;
	margin:0 auto;
	position:relative;
	height:auto !important;
	min-height:550px;
	text-align:left;}

/*Posiciona o topo de todas as páginas.*/
#topo {
	width:754px;
	height:196px;
	background-image: url(../imagens/topo.jpg);
	background-color:#000000;
	margin:0;
	position:absolute;}

/*Formatacao da BARRA DE LINKS SUPERIOR.*/
#menuhor{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;*font-size:14px;
	text-align:left;
	padding: 130px 0 0 0;*padding: 150px 0 0 0;
	color:#fff;}

/*formatando os itens de lista*/
#menuhor li{
	list-style:none;
	margin:1px 1px;
	/*insere espacos entre os itens*/
	display:inline;}

#menuhor li a:link{
	color:#B77507;
	text-decoration:none;}

#menuhor li a:visited{
	color:#936a06;
	text-decoration:none;}

#menuhor li a:hover{
	color:#fff;
	text-decoration:none;}

#menuhor li a:active{
	color:#000;
	text-decoration:none;}
/*Fim MENU*/

/*Formatando item de menu: novidades*/
#menuhor li.novidades a:link{
	color:#f00;
	text-decoration:none;}

#menuhor li.novidades a:visited{
	color:#f00;
	text-decoration:none;}

#menuhor li.novidades a:hover{
	color:#ff6;
	text-decoration:none;}

#menuhor li.novidades a:active{
	color:#666;
	text-decoration:none;}
/*Fim formatacao "novidades"*/


/*Posiciona o formão temático de algumas páginas.*/
#tema {
	position:absolute;
	top:185px;
	left:0;
	width:179px;
}
/* Formata o título branco de todas as páginas.*/

.titulobranco {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	letter-spacing: 2px;
	word-spacing: 2px;
	text-align:center;
}
/* Formata o título cinza de todas as páginas. */

.titulocinza {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:normal;
	color:#666;
	letter-spacing: 2px;
	word-spacing: 2px;
	text-align:center;
}
/* Formata os textos de todas as páginas. */
.textos{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	word-spacing:1px;
	text-align:center;}

/* Formata os textos de rodapé de todas as páginas. */

.textos-rodape {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#999;
	letter-spacing:0;
	word-spacing:0;
	text-align:center;
}
/* Formata a palavra "fortes" em negrito (alusão ao logo "IvanFortes"). */

.fortes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	letter-spacing:0;
	word-spacing:1px;
	text-align:center;
}
/* Formata a palavra "fortes" em negrito (alusão ao logo "IvanFortes") para o rodapé. */

.fortes-rodape {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0;
	word-spacing:1px;
	text-align:center;
}
.mini-titulo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#f90;
	letter-spacing: 2px;
	word-spacing: 2px;
	margin-left:5px;
	text-align:left;
	text-decoration:none;
}
/*Posiciona o título da página inicial.*/	

#titulo {
	position:absolute;
	top:205px;
	left:230px;
	width:470px;
}
/*Posiciona o título da página "produtos".*/			

#titulo-produtos {
	position:absolute;
	top:195px;
	left:230px;
	width:490px;
}

/*Posiciona o título da página "projetos".*/
#titulo-projetos {
	position:absolute;
	top:195px;
	left:0;
	width:754px;}

#titulo-parcerias {
	position:absolute;
	top:195px;
	left:230px;
	width:490px;}

/* Posicionamento dos textos da página inicial. */
#textos-posicao {
	position:absolute;
	top:265px;
	left:230px;
	width:470px;}

/* Posicionamento dos textos da página "produtos". */
#textos-posicao-produtos {
	position:absolute;
	top:250px;
	left:230px;
	width:490px;}

/* Posicionamento dos textos da página "parcerias". */
#textos-posicao-parceria {
	position:absolute;
	top:240px;
	left:230px;
	width:490px;
}
/*Posicionamento da imagem "1" da página "inicial".*/

#imagem1 {
	position:absolute;
	top:398px;
	left:230px;
	width:105px;
	height: 5px;
}
/*Posicionamento da imagem "2" da página "inicial".*/

#imagem2 {
	position:absolute;
	top:400px;
	left:410px;
	width:105px;
}
/*Posicionamento da imagem "3" da página "inicial".*/

#imagem3 {
	position:absolute;
	top:400px;
	left:592px;
	width:105px;
}
/*Posicionamento do rodapé em todas as páginas.*/

#rodape {
	clear: both;
	height: 60px;
	position:relative;
	width:auto;
	text-align:center;
	margin:5px 0;}

#rodape2 {
	clear: both;
	height: 60px;
	position:relative;
	width:auto;
	text-align:center;
	margin:180px 0 10px 0;}

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

/*Formatações especiais dos links do "rodapé" */
#rodape a:link, #rodape2 a:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fc9;
	letter-spacing:0;
	word-spacing:1px;
	text-align:center;
	text-decoration:none;}

#rodape a:visited, #rodape2 a:visited{
	color:#333;
	text-decoration:none;}

#rodape a:hover, #rodape2 a:hover{
	color:#fff;
	text-decoration:none;}

#rodape a:active, #rodape2 a:active{
	color:#c60;
	text-decoration:none;
}

/*Formata a tag "address", dentro do rodapé. Trata-se de uma tag semântica, utilizada para indicar endereços físicos (ou não) numa página.*/
#rodape address, #rodape2 address{
	font-style:normal;
	line-height:1.2em;
}
#rodape-parceria address {
	font-style:normal;
	line-height:1.2em;
	padding-bottom:20px;
}
#rodape-contato address {
	font-style:normal;
	line-height:1.2em;
	padding-bottom:20px;
}
/*Posicionamento da imagem "banheiro-produtos" da página "produtos".*/

#banheiro-produtos {
	position:absolute;
	top:310px;
	left:190px;
	width:200px;
	text-align:left;
}
/*Posicionamento da imagem "cozinha-produtos" da página "produtos".*/

#cozinha-produtos {
	position:absolute;
	top:310px;
	left:400px;
	width:180px;
	text-align:left;
}
/*Posicionamento da imagem "sala-produtos" da página "produtos".*/

#sala-produtos {
	position:absolute;
	top:310px;
	left:600px;
	width:180px;
	text-align:left;
}
/*Posicionamento da imagem "dormitorio-produtos" da página "produtos".*/

#dormitorio-produtos {
	position:absolute;
	top:420px;
	left:240px;
	width:180px;
	text-align:left;
}
/*Posicionamento da imagem "especiais-produtos" da página "produtos".*/

#especiais-produtos {
	position:absolute;
	top:420px;
	left:500px;
	width:180px;
	text-align:left;}

/*Posiciona os títulos dos produtos na página "produtos".*/
.subtitulos-produtos{
	display:inline;
	position:absolute;
	margin:35px 0 0 5px;}

img{border:none;}

/* Formata os subtítulos da página "produtos", em formato de links. */
.subtitulos-produtos a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#930;
	letter-spacing: 2px;
	word-spacing: 2px;
	text-align:left;
	text-decoration:none;
}
.subtitulos-produtos a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#333;
	letter-spacing: 2px;
	word-spacing: 2px;
	text-align:left;
	text-decoration:none;
}
.subtitulos-produtos a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#c90;
	letter-spacing: 2px;
	word-spacing: 2px;
	text-align:left;
	text-decoration:none;
}
.subtitulos-produtos a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	letter-spacing: 2px;
	word-spacing: 2px;
	text-align:left;
	text-decoration:none;
}
#logos-parceria {
	position:absolute;
	top:310px;
	left:280px;
}

#logos-parceria ul{padding: 2px 0;margin:10px 0 0 0;}

#logos-parceria ul li{
	list-style: none;
	width: 230px;
	height:80px;
	padding: 0 5px 12px 0;
	*margin-bottom: 5px;
	display: inline-block; *display:inline;}



form {
	width:360px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#999;
	text-align:left;
	padding:0 0.5em 0.5em 0.5em;
}
form fieldset {
	background-color:#000;
	border:2px double #333;
	padding:0 0.5em 0.5em 0.5em;
}
form legend {
	font-weight:bold;
	background-color:#666;
	color:#fff;
	padding:0 1em;
	border: 1px solid #333;
	width:10em;
}
form label {
	display:block;
	width:10.5em;
	margin-top:1em;
	float:left;
}
form input {
	background-color:#333;
	color:#fff;
	display:block;
	width:15em;
	margin-top:1em;
	border:1px solid #ccc;
}
form .limpo {
	background-color:#000;
	width:0;
	margin-top:0;
	border:none;
}
form input#enviar {
	margin-top:1em;
	width:auto;
	float:right;
}
form input#limpar {
	margin-top:1em;
	width:auto;
}
form textarea {
	background-color:#333;
	color:#fff;
	border:1px solid #ccc;
	display:block;
	margin-top:1em;
	width:15em;
}
form select {
	background-color:#333;
	color:#fff;
	margin-top:1em;
	margin-bottom:1em;
	border:1px solid #ccc;
}

#form-parceria{position:relative;
float:right;
margin:330px 100px 0 0;}

#comochegar{
	position:absolute;
	margin:260px 0 0 120px;
	width:480px;
	text-align:left;}

#comochegar strong{color:#fff;}

/*Formata o menu da sidebar dos produtos*/
#menu-produtos {
	position:absolute;
	margin:260px 0 0 0;
	width:88px;
}

#menuprodutos{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding: 0;
	margin:0;}

/*formatando os itens de lista*/
#menuprodutos li{
	list-style:none;
	margin:0 0 6px 0;}

#menuprodutos li a:link{
	color:#B77507;
	text-decoration:none;}

#menuprodutos li a:visited{
	color:#936a06;
	text-decoration:none;}

#menuprodutos li a:hover{
	color:#fff;
	text-decoration:none;}

#menuprodutos li a:active{
	color:#000;
	text-decoration:none;}

img.logo-sidebar{margin:0 0 0 -4px;}
/*Fim MENU*/

/* Formata thumbs dos produtos */
#album {
	position:absolute;
	margin:270px 0 0 115px;
	width:630px;
	height:270px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;}

#album ul{padding: 2px 0;margin:10px 0 0 0;}

#album ul li{
	list-style: none;
	width: 110px;
	height:80px;
	padding: 0 5px 12px 0;
	*margin-bottom: 5px;
	display: inline-block; *display:inline;}

.inferior-thumbs{text-align:left;letter-spacing:4px;font-size:10px;margin:10px 0 0 16px;}

#album a:link{
	color:#B77507;
	text-decoration:none;}

#album a:visited{
	color:#936a06;
	text-decoration:none;}

#album a:hover{
	color:#fff;
	text-decoration:none;}

#album a:active{
	color:#000;
	text-decoration:none;}

/*Formata thumbs da home*/
#album-home{
	position:absolute;
	margin:370px 0 0 255px;
	width:400px;
	height:270px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;}

#album-home ul#cscroll-2{padding: 2px 0;margin:10px 0 0 0;height:270px;}

#album-home ul#cscroll-2 li{
	list-style: none;
	width: 110px;
	height:270px;
	padding: 0 25px 32px 0;
	*margin-bottom: 5px;
	display: inline-block; *display:inline;}