@import url('reset.css');
@import url('960.css');
@charset "UTF-8";

html, body{
	height:100%;
}

body{
	background: url('../images/background-pattern.jpg') 6px 0px;
	font-family: Arial;
	font-size:11px;
}

a{
	color:white;
	text-decoration:none;
}
#menu a{
	color:black;
	text-decoration:none;
}
#content a{
	color:#9c8d61;
}
#content a:hover{
	color:#9c8d61;
	text-decoration:underline;
}

#content h1 a, #content h2 a{
	color:white;
}
#content h1 a:hover, #content h2 a:hover{
	color:white;
	text-decoration:underline;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#main{
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
	background: url('../images/background.jpg') top center repeat-x;
}

#pagina{
	position:relative;
	margin:0 auto;
	width:1000px;
	min-height:100%;
	background: url('../images/background-luzes.jpg') top center no-repeat;
}


/********************
	TOPO
********************/

	#topo{
		position:relative;
		width:920px;
		height: 90px;
		background: url('../images/shadow-topo.png') bottom center no-repeat;
		margin:0 auto;
	}
	
		#topo #logotipo{
			position:relative;
			float:left;
			display:inline-block;
			width:150px;
			top:15px;
			left:22px;
		}
	
		#menu ul{
			position:relative;
			display:inline;
			/*left:-20px;*/
		}
		#menu ul li{
			color:black;
			display:inline-block;
			float:left;
			font-family:"HelveticaNeue MediumCond", "Trebuchet MS", Arial;
			font-size:22px;
			margin-left:-2px;
			padding:32px 0px;
			width:128px;
			text-align:center;
			text-transform:uppercase;
			line-height:23px;
			white-space: nowrap;
		}
		
		#menu ul li:hover{
			background:url('../images/luz-over.png') center top;
		}

		
/********************
	CONTEUDO
********************/
	#content{
		clear:both;
		position:relative;
		width:870px;
		height:100%;
		min-height:100%;
		background: url('../images/bk-content.gif') #dcc88d;
		margin:0 auto;
	}
		
		
		/* CONTEUDO POST */
		/*---------------*/
		#content-post{
			float:left;
			width:559px;
			height:100%;
			background-color:#ffeebc;
			border-right:1px solid #98895e;
		}
		
			.titulopostpage{
				padding:15px 0px 10px 30px;
			}
			.img-call{
				padding-top:40px;
				padding-bottom:20px;
			}
			
			#spot {
				float:right;
				width:560px;
				height:400px;
				margin-bottom:30px;
			}

			#content-box{
				width:500px;
				margin:0 auto;
				margin-top:20px;
				background-color:#ffeebc;
				margin-bottom:30px;
			}
			
			
				#content-box h2, #content-box h1{
					clear:both;
					position:relative;
					top:10px;
					left:-51px;
					padding-top:20px;
					padding-left:35px;
					font-size:20px;
					width:515px;
					height:40px;
					color:white;
					background:url('../images/h2-back-title.png');
				}
				#content-box h3{
					clear:both;
					position:relative;
					font-size:20px;
					color:#9c8d61;
					margin-bottom:10px;
				}				
				#content-box .ilustra{
					width:499px;
					border:0px;
				}
				#content-box .boxtexto{
					clear:both;
					padding:20px;
					border:1px solid #d6c696;
					min-height:170px;
					color:#615635;
					
				}
				#content-box p{
					line-height:14px;
				}
				#content-box .boxtexto p{
					margin-bottom:10px;
					font-size:13px;
					line-height:14px;
				}
				#content-box .boxtexto img{
					margin-right:10px;
					margin-bottom:10px;
				}
				
		
		
		/* SIDEBAR */
		/*---------------*/
		#sidebar{
			float:left;
			width:309px;
			min-height:100%;
			background:url('../images/pixel-creme.jpg') #dcc88d;
			
		}
		
			#sidebar #sidebox, #sidebar #linkcat-2{
				position:relative;
				clear:both;
				width:248px;
				margin:0 auto;
			}
			
				#sidebar #player{
					position:relative;
					width:100%;
					height:50px;
					margin-top:15px;
					text-align:center;
					padding:5px;
				}
			
				#sidebox h3, #linkcat-2 h3{
					clear:both;
					position:relative;
					padding-top:30px;
					padding-left:30px;
					font-size:20px;
					width:270px;
					height:35px;
					color:white;
					background:url('../images/h3-back-title.png');
					z-index:3;
				}
				
				#sidebox .ilustra{
					position:relative;
					width:248px;
					top:-5px;
					z-index:2;
					padding-bottom:8px;
					background:url('../images/line-div-sidebar-ilustra.jpg') no-repeat bottom center;
				}
				
				
				#sidebox .textwidget{
					position:relative;
					clear:both;
					padding:15px;
					top:-5px;
					background:url('../images/line-div-sidebar.jpg') no-repeat bottom center #ffeebc;
				}
				#sidebox p{
					line-height:14px;
				}


				#sidebox img{
					position:relative;
					top:-5px;
				}
				
				#sidebox ul, #linkcat-2 ul{
					position:relative;
					clear:both;
					top:-5px;
				}
				#sidebox ul li, #linkcat-2 ul li{
					display:block;
					padding:15px;
					background:url('../images/line-div-sidebar.jpg') no-repeat bottom center #ffeebc;
				}
				#sidebox a, #linkcat-2 a{
					text-decoration:none;
					color:#333;
					font-size:12px;
					font-weight:bold;
					line-height:14px;
				}
				#sidebox a:hover, , #linkcat-2 a:hover{
					line-height:14px;
					text-decoration:underline;
				}
				
/********************
	RODAPE
********************/

	#rodape{
		clear:both;
		position:relative;
		margin:0 auto;
		margin-bottom:40px;
		width:912px;
		height:190px;
		background: url('../images/background-rodape.png') no-repeat bottom center;
	}
	
		#rodape  .luzes{
			clear:both;
			width:870px;
			height:89px;
			margin:0 auto;
			background:#ffeebc;
			margin-bottom:20px;
			background: url('../images/luzes-rodape.jpg') no-repeat bottom center;
		}
		
		#rodape  address{
			clear:both;
			width:800px;
			height:60px;
			color:white;
			padding-left:40px;
		}
		
		#rodape .logotipo-crista{
			position:relative;
			top:-30px;
			right:30px;
			float:right;
		}
	
	



/***************************************
	MENU com sombra no texto em HTML
****************************************/


/*
.sombra{
   font-size: 3em;
   display: block;
   line-height: 1em;
   color: #666;
   background-color: transparent;
   white-space: nowrap;
}

#menu .home:before, #menu  .home:after{ content: "HOME"; display: block; }
#menu .decoracao:before, #menu  .decoracao:after{ content: "DECORAÇÃO"; display: block; }
#menu .iluminacao:before, #menu  .iluminacao:after{ content: "ILUMINAÇÃO"; display: block; }
#menu .inspirese:before, #menu  .inspirese:after{ content: "INSPIRE-SE"; display: block; }
#menu .facaseuprojeto:before, #menu  .facaseuprojeto:after{ content: "SEU PROJETO"; display: block; }
#menu .contato:before, #menu  .contato:after{ content: "CONTATO"; display: block; }

.sombra:before{
   margin-bottom: -1.05em;
   margin-left: 0.1ex;
   color: #999;
   background-color: transparent;
}

.sombra:after{
   margin-top: -1.05em;
   margin-left: -0.1ex;
   color: #000;
   background-color: transparent;
} 
	
	
*/