@charset "utf-8";
@font-face {
   font-family: 'FontLoco';
   src: url(fonts/ANDIRONO.TTF);
}

body {
	background-color: #000;
	background-image: url(img/bg.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

H1 {
	color: #EEE;
	text-align: right;
	font-family: 'FontLoco';
}

#menu {
	background-image: url(img/menu.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: scroll;
	width: 100%;
	height: 90px;
	position: absolute;
	z-index: 2;
}

#menu img {
	float: left;
	margin: 0px 30px 0px 10px;
	z-index: 10;
}
#menu ul {
	top: 300px;
	padding: 0px;
	margin: 0px;
	top: 300px;
	background: url(img/menu.jpg);
	list-style: none;
	
}#menu ul li { display: inline; }

#menu ul li a {
	padding: 16px 8px 10px 8px;
	display: inline-block;
	background: url(img/menu.jpg);
 
	/* visual do link */
	color: #000;
	text-decoration: none;
}

#menu ul li a:hover {
	background: url(img/menua.jpg);
	color: #EEE;
}

body,td,th {
	font-size: 18px;
	color: #EEE;
}

#container {
	width: auto;
	height: auto;
	color: #EEE;
	background: #000;
	z-index: 3;
}

#home {
	width: 800px;
	height: 600px;
	position:absolute; 
    top:50%; 
    margin-top:-300px;
    left:50%;
    margin-left:-400px;
}

#sobre {
	width: 800px;
	height: 600px;
	position:absolute; 
    top:50%; 
    margin-top:-300px;
    left:50%;
    margin-left:-400px;
}

#blog {
	width: 800px;
	height: 600px;
	position:absolute; 
    top:50%; 
    margin-top:-300px;
    left:50%;
    margin-left:-400px;
}

#fotos {
	width: 800px;
	height: 600px;
	position:absolute; 
    top:50%; 
    margin-top:-300px;
    left:50%;
    margin-left:-400px;
}

#fotos1 {
	width: 100%;
	height: 100%;
	position:absolute; 
	opacity: 0.9;
    filter: alpha(opacity=40);
}

#videos {
	width: 800px;
	height: 600px;
	position:absolute; 
    top:50%; 
    margin-top:-300px;
    left:50%;
    margin-left:-400px;
}

#contato {
	width: 800px;
	height: 600px;
	position:absolute; 
    top:50%; 
    margin-top:-300px;
    left:50%;
    margin-left:-400px;
}

P {
	color: #DDD;
	background: rgba(0,0,0,.7);
}

#fundoinicio {
	position:absolute; 
    top:50%; 
    margin-top:-384px;
    left:50%;
    margin-left:-512px;
}

#fundosobre {
	position:absolute; 
    top:50%; 
    margin-top:-384px;
    left:50%;
    margin-left:-512px;
}

#fundofotos {
	position:absolute;
	margin: 90px auto auto 10px; 
}

#fundoblog {
	position:absolute;
	margin: 90px auto auto 10px; 
}

#fundovideos {
	position:absolute;
	margin: 90px auto auto 10px; 
}

#fundocontato {
	position:absolute;
	margin: 90px auto auto 10px; 
}


#sobrep {
	width: 800px;
	height: 120px;
	color: #EEE;
	text-align: center;
	border:0px solid #999;
	
}

#sobrep img {
	position: relative;
	float: left;
}

#sobrep:hover{
	background: #000;
	border:1px solid #999;
	transition: 0.9s ease-out;
	
}

#galeria1 {
	width: 200px;
	height: 200px;
	background: #EEE url(img/galeria/show/capa.jpg);
	border: 2px #EEEEEE;
	transition: 0.5s ease-in;
	float: left;
	margin-left: 20px;
}

#galeria2 {
	width: 200px;
	height: 200px;
	background: #EEE url(img/galeria/pessoas/capa.jpg);
	border: 2px #EEEEEE;
	transition: 0.5s ease-in;
	float: left;
	margin-left: 20px;
}

#galeria3 {
	width: 200px;
	height: 200px;
	background: #EEE url(img/galeria/paisagens/capa.jpg);
	border: 2px #EEEEEE;
	transition: 0.5s ease-in;
	float: left;
	margin-left: 20px;
}

#galeria1 P {
	position: relative;
	top: 90px;
	text-align: center;
}
#galeria2 P {
	position: relative;
	top: 90px;
	text-align: center;
}
#galeria3 P {
	position: relative;
	top: 90px;
	text-align: center;
}

#galeria1:hover {
	width: 210px;
	height: 210px;
	background: #EEE url(img/galeria/show/capa.gif) no-repeat;
	border: 2px 2px 2px 2px #EEEEEE; 
	transition: 0.7s ease-in;
}
#galeria2:hover {
	width: 210px;
	height: 210px;
	background: #EEE url(img/galeria/pessoas/capa.gif) no-repeat;
	border: 2px 2px 2px 2px #EEEEEE; 
	transition: 0.7s ease-in;
}
#galeria3:hover {
	width: 210px;
	height: 210px;
	background: #EEE url(img/galeria/paisagens/capa.gif) no-repeat;
	border: 2px 2px 2px 2px #EEEEEE; 
	transition: 0.7s ease-in;
}

#miniaturas {
	background: rgba(238,238,238,.6);
	position: relative;
	width: 120px;
	height: 120px;
	border: thick  groove rgb(238,238,238);
	margin: 2px 2px 5px 2px;
	float: left;
}

#abrefoto img{
	width: 88%;
	height: 100%;
	border-bottom: double 10px rgb(0,85,0);
	border-top: double 10px rgb(0,68,0);
	margin: 40px 6% 40px 6%;
}

#outrasfotos {
	width: 90%;
	margin-left: 5%; 
	height: auto;
	background: url(img/bgfotos.jpg) no-repeat fixed;
}

#outrasfotos P {
	position: fixed;
	margin: auto;
	bottom: 10px;
	z-index: 10;
	width: 100%;
}