/*************************** 
  Layout do Site Impacto
 ***************************/

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

body {
	text-align:left;
	font-family:verdana, trebuchet, arial, sans-serif;
	font-size:12px;
	background:rgb(0,30,50) url("imagens/degrade_fundo.jpg") repeat-x 0px 109px;
	color:rgb(50,50,50);
}

#faixa_superior {
	height:132px;
	background:black;
}

#faixa_superior_centralizado {
	width:850px;
	height:132px;
	margin:0px auto;
	background:black;
}

#cantoesq {
	width:20px;
	height:132px;
	float:left;
}

#pretoesq {
	width:20px;
	height:100px;
	background:black;
}

#brancoesq {
	width:20px;
	height:32px;
	background:white url("imagens/cantos.gif") no-repeat;
	background-position:left -32px;
}

#logo {
	width:249px;
	height:132px;
	float:left;
	background:black;
}

#logo a span {
	display:none;
}

#logo a{
	display:block;
	width:249px;
	height:106px;
	margin-top:26px;
	background:rgb(250,30,30) url("imagens/logo_reflexo_slogan.jpg") no-repeat;
	background-position:center top;
}

#navsup {
	width:581px;
	height:100px;
	float:left;
	background:black;
	text-align:right;
}

#navsup ul {
	margin-top:68px;
	list-style-type:none;
}

#navsup ul li {
	display:inline;
	font-variant:small-caps;
	font-size:22px;
}

/*esquerda cinza*/
#navsup a {
	color:white;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:4px;
	background:rgb(150,150,150) url("imagens/cantos.gif") no-repeat;
	background-position:left -94px;
}

/*direita cinza*/
#navsup a span {
	background:url("imagens/cantos.gif") no-repeat;
	background-position:right -64px;
	padding:0px 7px;
}

/*esquerda branca*/
#navsup a:hover {
	background:white url("imagens/cantos.gif") no-repeat;
	background-position:left -32px;
	color:rgb(250,30,30);
}

/*direita branca*/
#navsup a:hover span {
	background:url("imagens/cantos.gif") no-repeat;
	background-position:right 0px;
}

/*esquerda branca*/
#home .home, #servicos .servicos, #diferencial .diferencial, #contato .contato {
	background:white url("imagens/cantos.gif") no-repeat;
	background-position:left -32px;
	color:rgb(250,30,30);
	border-bottom:2px solid white;
}

/*direita branca*/
#home .home span, #servicos .servicos span, #diferencial .diferencial span, #contato .contato span {
	background:url("imagens/cantos.gif") no-repeat;
	background-position:right 0px;
}

#navinf {
	width:581px;
	height:32px;
	float:left;
	background:white;
}

#navinf p {
	text-align:left;
	margin:7px 20px 0px 30px;
	color:rgb(250,30,30);
}

#navinf a {
	text-decoration:none;
	color:rgb(250,30,30);
}

#navinf a:hover {
	border-bottom:dashed 1px;
}

#principal {
	width:850px;
	height:auto;
	min-height:383px;
	margin:0px auto;
	background:white;
}

#slogan {
	width:269px;
	height:383px;
	float:left;
	background:white;
}

#reflexo {
	width:249px;
	height:45px;
	margin-left:20px;
	background:white url("imagens/logo_reflexo_slogan.jpg") no-repeat;
	background-position:center -106px;
}

#slogan em span {
	display:none;
}

#slogan em {
	display:block;
	width:225px;
	height:218px;
	margin-top:30px;
	margin-left:32px;
	background:white url("imagens/logo_reflexo_slogan.jpg") no-repeat;
	background-position:center -138px;
}

#contato_reduzido {
	width:224px;
	height:39px;
	text-align:center;
	margin-top:54px;
	margin-left:32px;
}

#contato_reduzido p {
	line-height:150%;
	font-size:10px;
}

#contato_reduzido a {
	color:rgb(80,100,160);
	text-decoration:none;
	font-weight:bold;
	font-variant:normal;
	border-bottom:1px dashed;
	border-right:1px solid white;
	border-left:1px solid white;
	border-top:1px solid white;
}

#contato_reduzido a:hover {
	background:rgb(255,255,235);
	border:1px dashed rgb(250,220,220);
	color:rgb(250,150,0);
}

#corpo {
	width:581px;
	height:auto;
	min-height:383px;
	float:left;
	background:white;
}

#corpo p {
	margin:10px 40px 10px 30px;
	line-height:150%;
}

#corpo ul {
	margin:10px 80px 10px 100px;
	line-height:150%;
}

#corpo a {
	color:rgb(80,100,160);
	text-decoration:none;
	font-weight:bold;
	font-variant:normal;
	border-bottom:1px dashed;
	border-right:1px solid white;
	border-left:1px solid white;
	border-top:1px solid white;
}

#corpo a:hover {
	background:rgb(255,255,235);
	border:1px dashed rgb(250,220,220);
	color:rgb(250,150,0);
}

#corpo h2 {
	font-family:trebuchet ms, garamond, serif;
	font-size:32px;
	font-weight:normal;
	text-align:left;
	letter-spacing:-1px;
	color:rgb(250,30,30);
	margin:10px 40px 30px 30px;
}

#corpo strong {
	font-weight:bold;
}

#faixa_inferior {
	width:850px;
	height:10px;
	font-size:1px;
	background:url("imagens/cantos.gif") no-repeat;
	background-position:left -134px;
}

#faixa_inferior div {
	width:850px;
	height:10px;
	background:url("imagens/cantos.gif") no-repeat;
	background-position:right -124px;
}

#fim {
	font-size:1px;
	color:white;
	line-height:1px;
}

#rodape {
	width:850px;
	text-align:center;
	margin:0px auto;
	padding-bottom:15px;
	color:rgb(230,230,230);
}

#rodape p {
	font-size:10px;
	line-height:170%;
}

#rodape a {
	border:1px solid rgb(0,30,50);
	color:rgb(230,230,230);
	text-decoration:none;
}

#rodape a:hover {
	background:rgb(0,60,100);
	border:1px dashed rgb(0,0,0);
	color:rgb(250,150,0);
}

form {
	width:410px;
	margin:10px 0px;
}

form p {
	text-align:center;
}

#visitor, #visitormail {
	width:200px;
	margin-left:20px;
}

#visitorfone {
	width:100px;
	margin-left:35px;
}

#notes {
	width:270px;
	height:80px;
}

#figservicos {
	width:132px;
	height:100px;
	float:right;
	margin:20px 40px 0px;
	background:url("imagens/figuras.gif") no-repeat right;
	background-position:0px 0px;
}

* html #figservicos {
	margin-right:20px;
}

#figdiferencial {
	width:167px;
	height:100px;
	float:right;
	margin:0px 40px;
	background:url("imagens/figuras.gif") no-repeat right;
	background-position:-132px 0px;
}

* html #figdiferencial {
	margin-right:20px;
}

#figcontato {
	width:129px;
	height:100px;
	float:right;
	margin:15px 30px 0px 0px;
	background:url("imagens/figuras.gif") no-repeat right;
	background-position:-299px 0px;
}

* html #figcontato {
	margin-right:15px;
}

#preload {
	display:none;
	background:url("imagens/figuras.gif") no-repeat;
}
