@charset "utf-8";
/* CSS Document */

body {
	background: #0b0b0b;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}

.wrap {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

a {
	color: #FFF;
	text-decoration: none;
}

#header {
	background: transparent url(/images/black-85.png) top left repeat;
	width: 100%;
	height: 111px;
	float: left;
	position: relative;
	z-index: 3;
}

#footer {
	background: transparent url(/images/black-85.png) top left repeat;
	width: 100%;
	height: 31px;
	float: left;
	clear: both;
	z-index: 3;
}

#logo a {
	background: transparent url(/images/logo.png) top left no-repeat;
	width: 263px;
	height: 58px;
	float: left;
	text-indent: -999em;
	margin: 26px 0 0 0;
}

#mainNav {
	float: right;
	margin: 43px 0 0 0;
}

	#mainNav li {
		float: left;
		margin: 0 0 0 48px;
		padding: 0;
		text-indent: -999em;
	}
	
	#mainNav li a {
		display: block;
	}
			
		#mainNav li.nav1 a {
			background: transparent url(/images/mainNav.png) 0px 0px no-repeat;
			width: 102px;
			height: 24px;
		}
		
			#mainNav li.nav1 a:hover {
				background: transparent url(/images/mainNav.png) 0px -40px no-repeat;
			}
			
		#mainNav li.nav2 a {
			background: transparent url(/images/mainNav.png) -148px 1px no-repeat;
			width: 61px;
			height: 24px;
		}
		
			#mainNav li.nav2 a:hover {
				background: transparent url(/images/mainNav.png) -148px -39px no-repeat;
			}
			
		#mainNav li.nav3 a {
			background: transparent url(/images/mainNav.png) -247px 1px no-repeat;
			width: 125px;
			height: 24px;
		}
		
			#mainNav li.nav3 a:hover {
				background: transparent url(/images/mainNav.png) -247px -39px no-repeat;
			}
			
		#mainNav li.nav4 a {
			background: transparent url(/images/mainNav.png) -410px 1px no-repeat;
			width: 77px;
			height: 24px;
		}
		
			#mainNav li.nav4 a:hover {
				background: transparent url(/images/mainNav.png) -410px -39px no-repeat;
			}
			
#albuns {
	background: transparent url(/images/black-85.png) top left repeat;
	width: 100%;
	height: 111px;
	float: left;
	clear: left;
	margin: 3px 0 0 0;
	position: relative;
	z-index: 3;
}

	
	.prevPage, .nextPage {
		margin-top: 43px
	}
	
	.prevPage {
		background: transparent url(../images/arrows.png) 0px 0px no-repeat;
		width: 13px;
		height: 22px;
		float: left;
		margin-right: 10px;
		cursor: pointer;
	}
	
		.prevPage:hover {
			background: transparent url(../images/arrows.png) -23px 0px no-repeat;
		}
	
	.nextPage {
		background: transparent url(../images/arrows.png) 0px -38px no-repeat;
		width: 13px;
		height: 22px;
		float: right;
		margin-right: 0;
		cursor: pointer;
	}
	
		.nextPage:hover {
			background: transparent url(../images/arrows.png) -23px -38px no-repeat;
		}
		
div.album-scroll { 
	float: left;
    /* required settings */ 
    position: relative; 
    overflow: hidden; 
    width: 934px; 
    height: 111px; 
} 

	.itens {
		width:20000em; 
		position:absolute; 
		margin: 7px 0 0 0;
	}
		
			.itens a {
				position: relative;
				display: block;
				width: 180px;
				height: 97px;
				float: left;
				margin: 0 4px 0 4px;
			}
			
			.itens img {
				position: absolute;
				top: 0;
				left: 0;
			}
		
			.itens span {
				background: transparent url(/images/black-85.png) top left repeat;
				width: 174px;
				height: 17px;
				position: absolute;
				bottom: 0px;
				left: 0;
				padding: 6px 0 0 6px;
			}
			
				.itens a:hover span {
					height: 52px;
					padding: 45px 0 0 6px;
				}
				
#fotos {
	float: left;
	clear: left;
	width: 100%;
	margin: 3px 0 3px 0;
}

#fotos .images {
    /* required settings */ 
    position: relative; 
    overflow: hidden; 
    width: 980px; 
	height: 680px;
}

	#fotos .items {
		position:absolute; 
		width:20000em; 
	}
	
	#fotos .items a {
		float: left;
	}
	
#slideshow img {
	width: 980px;
	height: 680px;
}
		

#fotos .prevFoto, #fotos .nextFoto {
	position: absolute;
	width: 133px;
	height: 111px;
	cursor: pointer;
	top: 45%;
	z-index: 999;
}

#fotos .prevFoto {
	background: url(../images/prev.png) top left no-repeat;
	left: 0;
}

#fotos .nextFoto {
	background: url(../images/next.png) top left no-repeat;
	right: 0;
}

#album-name {
	background: transparent url(/images/black-85.png) top left repeat;
	width: 100%;
	height: 34px;
	float: left;
	clear: both;
	margin: 3px 0 3px 0;
}

#album-name .wrap {
	text-align: center;
}

#album-name h1 {
	font-size: 16px;
	padding: 9px 0 0 0;
}

	#album-name h1 span {
		color: #777;
	}
	
#content {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0 20px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #D6D6D6;
}

#content h2 {
	font-size: 19px;
	float: left;
	margin: 0 0 10px 0;
	color: #d6d6d6;
	line-height: 22px;
}

.texto_investimento {
	width: 500px;
	float: left;
}

p.action {
	width: 500px;
	float: left;
	clear: left;
	margin: 20px 0 38px 0;
	font-size: 16px;
	text-align: center;
}

	p.action a {
		color: #999;
		text-decoration: underline;
	}
	
		p.action a:hover {
			color: #fff;
		}

.fotos_investimento {
	width: 420px;
	float: right;
	margin: 0 0 0 20px;
}

.texto_sobre {
	width: 500px;
	float: left;
}

p.p1 {
	width: 500px;
	float: left;
	clear: left;
	line-height: 19px;
	margin: 0 0 18px 0;
}

p.p1 small {
	font-size: 11px;
	color: #707070;
	margin: 0 0 0 10px;
}

p.p1 img {
	float: left;
}

blockquote.p1 {
	width: 480px;
	float: left;
	clear: left;
	font-style: italic;
	padding: 0 0 0 20px;
	border-left: 1px solid #222;
}

blockquote small {
	font-size: 11px;
	color: #707070;
	margin: 0 0 0 10px;
}
	
.foto_sobre {
	width: 420px;
	float: right;
	margin: 0 0 0 20px;
}

.depoimentos_sobre {
	width: 500px;
	height: 300px;
	float: left;
	clear: both;
	margin: 8px 0 0 0;
	/* required settings */ 
    position: relative; 
    overflow: hidden; 
}

blockquote.depo {
	float: left;
	font-style: italic;
	position:absolute; 
	width:20000em; 
	top: 90px;
}

blockquote.depo div {
	width: 500px;
	height: 300px;
	float: left;
}

blockquote.depo img {
	float: left;
	margin: 0 10px 10px 0;
}

.agenda_sobre {
	width: 420px;
	float: right;
	margin: 8px 0 0 0;
}

table.agenda {
	width: 365px;
	float: left;
	clear: both;
}

	table.agenda caption {
		width: 365px;
		height: 20px;
		margin: 0 0 8px 0;
	}
	
		table.agenda caption .month_prev {
			background: transparent url(../images/mini_arrows.png) 2px 2px no-repeat;
			width: 12px;
			height: 14px;
			float: left;
			cursor: pointer;
		}
		
		table.agenda caption .month_next {
			background: transparent url(../images/mini_arrows.png) 2px -17px no-repeat;
			width: 12px;
			height: 14px;
			float: right;
			cursor: pointer;
		}

		table.agenda caption .month {
			width: 301px;
			float: left;
			margin: 0 20px 0 20px;
			text-align: center;
		}
	table.agenda th {
		background: #151515;
		width: 40px;
		border: 1px solid #0b0b0b;
		padding: 5px;
		text-align: center;
		font-weight: bold;
		color: #555;
	}
		
		table.agenda th.weekend {
			background: #202020;
		}
	
	table.agenda td {
		background: #101010;
		border: 1px solid #0b0b0b;
		padding: 5px;
		text-align: right;
		color: #999;
	}
	
		table.agenda td.weekend {
			background: #151515;
			color: #fff;
		}
		
		table.agenda td.weekend-full {
			background: #888;
			color: #000;
			font-weight: bold;
		}
		
table.legenda {
	float: left;
	margin: 10px 0 0 0;
}

	table.legenda td {
		border: 1px solid #0b0b0b;
		padding: 5px;
		text-align: left;
		font-size: 11px;
	}
	
	table.legenda td.weekend {
		background: #151515;
		color: #fff;
		border-right: 8px solid #0b0b0b;
	}
	
	table.legenda td.weekend-full {
		background: #888;
		color: #000;
		font-weight: bold;
	}
	
.formulario_contato {
	width: 650px;
	float: right;
	margin: 0 0 30px 0;
}

.formulario_contato label.item {
	font-size: 16px;
	float: left;
	clear: left;
}

.formulario_contato table {
	float: left;
	clear: left;
	font-size: 14px;
	margin: 5px 0 15px 10px; 
}

.formulario_contato .field {
	background: #151515;
	border: 0;
	color: #999999;
	float: left;
	clear: left;
	width: 650px;
	margin: 5px 0 20px 0;
	padding: 5px;
	font-size: 14px;
}

.formulario_contato textarea.field {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 200px;
}

.formulario_contato fieldset {
	background: #101010;
	padding: 10px;
	margin: 10px 0 20px 0;
	float: left;
	clear: left;
}

.formulario_contato fieldset .field {
	width: 630px;
	background: #202020;
	color: #999999;
	margin: 5px 0 10px 0;
}

.slider {
	width: 100%;
	float: left;
	clear: both;
}

.slider p {
	font-size: 11px;
	margin: 8px 0 0 0;
}

.formulario_contato .submit {
	background: #888;
	color: #000;
	font-size: 16px;
	border: 0;
	float: right;
	clear: both;
	margin: 0 -10px 0 0;
	padding: 5px;
	cursor: pointer;
}

.infos_contato {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}

.infos_contato p {
	text-align: left;
	margin: 0 0 20px 0;
	line-height: 18px;
}

.infos_contato p span {
	color: #999;
}

.heading {
	width: 100%;
	float: left;
	clear: both;
	margin: 40px 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #222;
}
				
#copyright {
	float: left;
	margin: 10px 0 0 0;
	color: #cecece;
}

#musica {
	float: left;
	margin: 3px 0 0 140px;
	width: 290px;
	height: 24px;
}

#fabiopittol a {
	background: transparent url(/images/fabiopittol.png) 0px 0px no-repeat;
	width: 83px;
	height: 21px;
	float: right;
	margin: 5px 0 0 0;
	text-indent: -999em;
}

	#fabiopittol a:hover {
		background: transparent url(/images/fabiopittol.png) 0px -26px no-repeat;
	}
	
/* Admin Area */

.admin .content {
	float: left;
	clear: both;
	margin-top: 20px;
}

.admin h1 {
	font-size: 20px;
	margin: 20px 0 20px 0;
	float: left;
	clear: left;
}

#adminNav {
	float: right;
	margin: 48px 0 0 0;
}

	#adminNav li {
		float: left;
		margin: 0 0 0 28px;
		padding: 0;
	}
	
		#adminNav li a {
			font-size: 20px;
			font-weight: 500;
			color: #FFF;
		}
		
			#adminNav li a span {
				color: transparent;
			}
		
			#adminNav li a:hover span {
				color: #aeaeae;
			}
			
.lista_albuns {
	width: 100%;
	float: left;
	clear: left;
	margin: 0 0 20px 0;
}

	.lista_albuns li {
		width: 180px;
		height: 97px;
		float: left;
		margin: 0 5px 0 5px;
		position: relative;
	}
		
		.lista_albuns img {
			position: absolute;
			top: 0;
			left: 0;
		}
	
		.lista_albuns span {
			background: transparent url(/images/black-85.png) top left repeat;
			width: 174px;
			height: 17px;
			position: absolute;
			bottom: 0px;
			left: 0;
			padding: 6px 0 0 6px;
		}
		
			.lista_albuns a:hover span {
				height: 52px;
				padding: 45px 0 0 6px;
			}
			
		.lista_albuns .delete {
			position: absolute;
			top: 2px;
			right: 2px;
			z-index:999;
		}
		
			.lista_albuns .delete:hover {
				background: #333;
			}

.lista_fotos {
	width: 100%;
	float: left;
	clear: left;
	margin: 0 0 20px 0;
}

	.lista_fotos li {
		float: left;
		margin: 0 5px 0 5px;
		position: relative;
	}
			
		.lista_fotos .delete {
			background: transparent url(/images/black-85.png) top left;
			position: absolute;
			top: 2px;
			right: 2px;
		}
		
			.lista_fotos .delete:hover {
				background: #333;
			}
			
.form {
	width: 100%;
	float: left;
	clear: left;
	margin: 0 0 20px 0;
}

	.form li {
		float: left;
		clear: left;
		margin: 0 0 10px 0;
	}
	
		.form li input {
			width: 230px;
			margin: 0 0 0 10px;
		}
		
		.form li input.submit {
			margin: 0;
			width: auto;
		}
		
		.form li img {
			padding: 5px 0 10px 0;
		}
		
	/** GridView Style **/
	
	.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; float: left; clear: left; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(/images/gridview/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
	.mGrid .alt { background: #fcfcfc url(/images/gridview/grd_alt.png) repeat-x top; }
	.mGrid .pgr {background: #424242 url(/images/gridview/grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }