@charset "utf-8";
/* CSS Document */
body {
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #E5E5E5;
	background-color: #333;
	text-align: center;
	background:#1F1A16 url(images/bg.jpg) 50% center no-repeat;
	}
	

#logo {background: URL(images/logo.jpg) no-repeat top;
		margin: 5px 180px 2px 0px; 		
		height:105px;
}
		
/* part 1 of 2 centering hack */
	
a {
	text-decoration: none;
	font-weight: bold;
	color: #E5E5E5;
	outline: none;
	}
a:visited {
	color: #E5E5E5;
	}
a:active {
	color: #E5E5E5;
	}
a:hover {
	color: #E5E5E5;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

.input { font-family:Verdana, Arial, Helvetica, sans-serif; width:100px; background:#FFFFFF; border: 1px solid #ABADB3; color:#ABADB3;}
form { font-size: 10px; padding: 20px 20px 0 20px ; margin:0 25px 0 25px}



/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
	
#header {
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #666;
	text-align:left; /* part 2 of 2 centering hack */
	width: 610px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 610px;
	background: url(images/head.jpg) 50% 0 no-repeat; 
	height:0px;
	}
html>body #header {
	width: 610px; /* ie5win fudge ends */
	}
	
#content {
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #666;
	text-align:left; /* part 2 of 2 centering hack */
	width: 610px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 610px;
	background: url(images/body.jpg) 50% 0 repeat-y; 
	}
html>body #content {
	width: 610px; /* ie5win fudge ends */
	}
.navigation {margin:5px 25px 0 25px; position: relative; background-color: tranparent;}
.home { margin:10px 25px 2px 25px;}
.menu { margin:25px 5px 0px 5px;}
.gallery {margin:50px 5px 0px 5px;}
.eventos {margin:50px 0 0 0;}

/*HOME*/
.look { margin: 0 60px 0 0;}

#fb_badge {
 width: 610px;
 float:left;
 margin-top:20px;
 text-align:right;
}

/*POPUP*/

.pupup {
position:absolute;
visibility:hidden;
left:200px;
top:100px;
width:500px;
height:200px;
background:#BD0000 url(images/home/bg_popup.gif) no-repeat;

border:3px solid #000000;


color:#E5E5E5;
}

.popup_close {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; margin:2px 0 2px 5px
}
/*POPUP*/

/*GALLERY*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #f7f999;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;

}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #000000;
padding: 5px 0;
text-align: right;

}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #000000;

}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #BE0000;
color:#f7f999;
border: #000000 2px solid;
padding: 5px;
z-index: 5;
}

.thumbs {width: 100px; height: 80px; border: 1px dashed #f7f999;}
/*GALLERY*/

/*EVENTS*/

h1 { color: #E5E5E5;}

#eventbody { 	
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: .7em;
color: #E5E5E5;
}

#FrogJS{
width: 550px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}

/*EVENTS*/

/*CONTACT*/
.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}
.adress { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
/*CONTACT*/

/*GUEST BOOK FORM*/
.guestform { margin: 5px 10px 5px 10px;}
/*GUEST BOOK FORM*/

#footer {
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #666;
	text-align:left; /* part 2 of 2 centering hack */
	width: 610px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 610px;
	background: url(images/foot.jpg) 50% 0 no-repeat; 
	height:30px;
	}
html>body #footer {
	width: 600px; /* ie5win fudge ends */
	}	

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

.copyright {color:#f6fa9b; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0}