/* CSS Document */
body{
	background-color:#d7d7d7;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}


/*--- Topo -----*/

#topo {
	width:100%; 
	height:47px; 
	position:relative; 
	background-image:url(images/head_bg.jpg);}
	
#topo_img {
	width:228px; 
	position:absolute;
	margin:0 0 0 25px;
	height:47px;}
	
/* ----- header ----- */	
#header{
	width:742px; 
	height:186px; 
	margin:0 auto; 
	position:relative;
	background:url(images/header.gif) no-repeat 0 0;
	}
	
#header img{
	border:none; 
	position:absolute; 
	left:30px; 
	top:58px;}
	

/*--- menu -----*/

#menu {
	width:740px; 
	height:49px; 
	position:relative; 
	margin:0 auto;
	background-image:url(images/menu_bg.jpg);}

.menu_pontae {
	width:6px;
	height:49px;
	float:left;
	margin:0 auto;
	height:49px;
	background:url(images/menu_esq.gif) no-repeat 0 0;}
	
.menu_pontad {
	width:6px;
	height:49px;
	float:right;
	margin:0 auto;
	height:49px;
	background:url(images/menu_dir.gif) no-repeat 0 0;}
	
.menu_img {
	height:49px;
	float:right;
	position:relative;
	margin:0 auto;}
	
/*--------- conteudo -----------*/

#tudo {
	width:740px; 
	position:relative; 
	margin:0 auto;
	background-color:#6A142D;
	}
	
#texto {
	width:700px; 
	position:relative; 
	margin:0 auto;
	background-color:#6A142D;
	}
	
#texto p{ 
	font:normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#6A142D; text-align:center;
	top:25px;}
	
#texto a{
	font:bold 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#ffffff; text-decoration:none;
	}
	
#texto a:hover{
	font:bold 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#a0a0a0; background-color:#000000; text-decoration:none;
	}
	
/* -------- pag de fotos -----------*/
#fotos {
	width:700px; 
	position:relative; 
	margin:25px auto 15px auto;
	background-color:#6A142D;
	}

#fotos br.spacer{
	line-height:15px}
	
#fotos h2{
	background:url(images/contact_line.gif) repeat-x 0 19px #6A142D; color:#FFFFFF;
	width:700px; float:left; 
	}
#fotos h2 span{
	font:normal 24px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#6A142D; padding:0 3px 0 0; 
	}
#fotos p {
	font:normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#6A142D; text-align:justify;}
	
#fotos p span{
	font:14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#F2CD65; text-align:justify;	}

#fotos h3{
	background:url(images/text_line.gif) repeat-x 0 20px #6A142D; 
	width:390px; float:left;
	font:16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#a0a0a0; text-align:justify;	}
	
#fotos a{
	font:bold 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#000000; text-decoration:none;
	}
	
#fotos a:hover{
	font:bold 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#a0a0a0; background-color:#000000; text-decoration:none;
	}
#fotos ul{
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; text-transform:lowercase; display:block;border:#ffffff;}		
#fotos ul li{
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F2CD65; text-transform:lowercase; display:inline;
	border:#000000;}
#fotos ul li a{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#F2CD65; text-decoration:none;
	}
#fotos ul li a:hover{
	background-color:#b2b2b2; color:#000;
	}
	

#right{
	float:left;	width:430px; padding:25px 0 0 20px;
	}
	
#right br.spacer{
	line-height:15px}
#right h2{
	background:url(images/contact_line.gif) repeat-x 0 19px #6A142D; color:#FFFFFF;
	width:430px; float:left; 
	}
#right h2 span{
	font:normal 24px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#6A142D; padding:0 3px 0 0; 
	}
#right p {
	font:normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#B2B2B2; background-color:#6A142D; text-align:justify;}
	
#right p span{
	font:14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#F2CD65; text-align:justify;	}

#right h3{
	background:url(images/text_line.gif) repeat-x 0 20px #6A142D; 
	width:390px; float:left;
	font:16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#a0a0a0; text-align:justify;	}
	
#right a{
	font:bold 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#000000; text-decoration:none;
	}
	
#right a:hover{
	font:bold 12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#a0a0a0; background-color:#000000; text-decoration:none;
	}
#right ul{
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; text-transform:lowercase; display:block;border:#ffffff;}		
#right ul li{
	font:normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F2CD65; text-transform:lowercase; display:inline;
	border:#000000;}
#right ul li a{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#F2CD65; text-decoration:none;
	}
#right ul li a:hover{
	background-color:#b2b2b2; color:#000;
	}
	
	/*--- contato ---*/
#left{
	position:relative;
	background-color:#6A142D;
	width:240px; padding:9px 0 0 15px; margin:0 23px 0 0;
	height:350px; /* altura da esquerda toda. nao esquecer de tirar... ou nao. */
	float:left;
	}

#left ul{
	padding: 25px 50px 0 15px; 
	line-height:0;
	}
	
#left ul li{
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#B2B2B2; line-height:0;}
	
#left div.leftForm{
	width:239px; float:left;
	}

#left form#contactForm{
	background-color:#7C2131; color:#000000; 
	border-left:#333333 solid 1px; border-right:#333333 solid 1px;
	padding:20px 21px 31px 21px; width:195px;
	}
#left h2{
	font:normal 24px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; float:left; background-color:#6A142D;
	}
#left form#contactForm h2{
	font:normal 24px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#7C2131; float:left;
	}
#left form#contactForm label{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#7C2131; text-transform:uppercase;
	} 
#left form#contactForm input{
	background-color:#FFFFFF; border:#959595 solid 1px;
	width:183px; height:20px;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; padding:0 4px; float:left;
	}
#left form#contactForm input.submit{
	position:absolute; left:150px; top:347px;
	border:none; width:47px; height:10px;
	background-color:#7C2131; color:#6A142D;
	}
#left form#contactForm textarea{
	background-color:#FFFFFF; border:#959595 solid 1px;
	width:190px; height:81px;
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; float:left;
	}
	
	
/*---------footer -----------------*/

#footer{
	clear:both;
	z-index:1;
	background:url(images/rodape_bg.jpg);
	background-repeat:repeat-x; 
	position:relative;
	margin:0 auto 44px;
	height:150px;
	}

#footer ul.nav{
	margin:auto;
	padding: 25px 0 0 350px ;
	width:550px;	
	}
	
#footer ul.nav li{
	list-style:none;
	float:left;text-align:center;
	}
	
#footer ul.nav li a{
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:11px;color:#000; 
	padding:25px 5px;
	text-decoration:none;
	}

#footer ul.nav li a:hover{
	color:#000000; font-weight:bold;
	}

#footer p{
	font-family:"Trebuchet MS";
	font-size:14px; color:#000;	
	line-height:15px;
	padding: 15px 0 0 0;
	text-align:center;
	}
	
#footer h1{
	font-family:"Trebuchet MS";
	font-size:16px; color:#000;	
	line-height:15px;
	font-weight:bold;
	padding: 25px 0 0 0;
	text-align:center;
	}
	
	
/* ------------ galeria de imagens ------------- */

.gallerycontainer{
position: relative;
width:440px;
height:480px}

.thumbnail img{
border: 1px solid #666;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #fff;
}

.thumbnail span{
position: absolute;
background-color:#b2b2b2;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /* imagem grande */
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /* imgem grande*/
visibility: visible;
top:190px;
left: 50px; /* posição da imagem */
z-index: 50;
}



/* ------------ galeria de imagens da pag de fotos ------------- */

.gallery{
position: relative;
width:700px;
height:1000px;
z-index:1000;}

.thumb{
border: 0;
margin: 0 5px 5px 0;
}

.thumb:hover{
background-color: transparent;
}

.thumb:hover img{
border:0;
}

.thumb span{
position: absolute;
background-color:#b2b2b2;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumb span img{ /* imagem grande */
border-width: 0;
padding: 2px;
}

.thumb:hover span{ /* imgem grande*/
visibility: visible;
top:120px;
left: 15px; /* posição da imagem */
z-index: 50;
}