/* Main Structures */
body { 
	margin: 0px; padding: 0px; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 10pt;
	background: #080706 url(../img/back.jpg) top center no-repeat; color: #4c4b4b; border-top: 5px solid #a40101; }
#wrapper { width: 728px; margin: -18px auto 0; *margin: -18px auto 0; position: relative;}
#content { clear: both; padding: 10px; }
a img { border: 0; } 
body.interna { background: #080706 url(../img/backinterna.jpg) top center no-repeat; }

/* Top Stuff */
#top h1 { background: url(../img/fotografia-saopaulo.jpg) top center no-repeat; text-indent: -9999px; width: 280px; height: 89px; margin: 0; float: left; margin-bottom: 50px; }
#top h1 a { display: block; width: 280px; height: 89px; }

#navigation ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
#navigation li { display: block; float: left; position: relative; margin-left: 13px; }
#navigation ul li a { background-image:url(../img/menu.jpg); background-repeat: no-repeat; display: block; text-indent: -9999px; }
#navigation ul a { float: none; }

#navigation li#casamentos a { width: 79px; height: 99px; }
#navigation li#casamentos a:hover,
#navigation li#casamentos a.active { background-position: 0px -99px; outline: none; }

#navigation li#eventos a { width: 53px; height: 99px; background-position: -86px 0px; }
#navigation li#eventos a:hover,
#navigation li#eventos a.active { background-position: -86px -99px; outline: none; }

#navigation li#pets a { width: 28px; height: 99px; background-position: -149px 0; }
#navigation li#pets a:hover,
#navigation li#pets a.active { background-position: -149px -99px; outline: none; }

#navigation li#ensaios a { width: 51px; height: 99px; background-position: -187px 0; }
#navigation li#ensaios a:hover,
#navigation li#ensaios a.active { background-position: -187px -99px; outline: none; }

#navigation li#voluntario a { width: 96px; height: 99px; background-position: -244px 0; }
#navigation li#voluntario a:hover,
#navigation li#voluntario a.active { background-position: -244px -98px; outline: none; }

#navigation li#contato a { width: 58px; height: 99px; background-position: -347px 0; margin-left: 2px; }
#navigation li#contato a:hover,
#navigation li#contato a.active { background-position: -347px -99px; outline: none; }
a:active { outline: none; }


/* Middle stuff */
#mainfoto { float: left; width: 280px; height: 355px; margin: 5px 10px 0 0; }
#texto { width: 415px; float: right; }
#content h2 { background: url(../img/h2.jpg) top center no-repeat; text-indent: -9999px; width: 411px; height: 53px; margin: 5px 20px 0 0; }
p#nomefone  { text-align: right; font-weight: bold; margin: 30px 0 20px; }
p#destaques { margin: 10px 0; height: 86px; }
table tr { height: 44px; }

#gallery {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul#gallery { width: 170px; margin: 3px 0 0 -35px; float: left; *margin: -8px 0 0 20px; _margin: -8px 0 0 20px; }

#gallery li {
border:3px solid #FFFFFF;
cursor:pointer;
display:block;
float:left;
height:60px;
margin-bottom:10px;
margin-right:14px;
opacity:0.5;
outline-color:#DDDDDD;
outline-style:solid;
outline-width:1px;
width:60px;
}

#gallery li.active, #gallery li:hover {
opacity:0.99;
outline-color:#BBBBBB;
}
div#paginacao { width: 170px; }
div#paginacao a { text-decoration: none; color: #333333; padding: 0 6px; background-color: #e8e8e8;  }
div#paginacao a:hover { background-color: #a8a8a8; }
div#paginacao p { text-align: center; } 

#fotona { float: right; margin-top: 3px; width: 525px; *margin-top: -8px; _margin-top: -8px; }


.boxgrid{ 
				width: 500px; 
				height: 400px; 
				float:left; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 360;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 370px;
 					left: 0;
					height: 400px;
 				}
				
				div#infor { margin: 5px 0 0 5px; color:#CC0000; }
				p#zomg { color: #afafaf; margin-bottom: 50px; }
				
				br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#a40101;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#a40101;
font-weight:700;
display:block;
}