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

html, body {
	background-color:#0b0000;
	margin:0; padding:0;
	height:100%; max-height:100%;
	border:0;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; 
	font-size:80%; color:#fff;
}

a, a:active, a:visited { color:#f89828; text-decoration:none; font-weight:normal; }
a:hover { color:#fff; }

input {
	margin:0px 10px 15px 0; padding:12px;
	width:305px;
	font-size:15px;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; 
	color:#fff;
	border:none;
	background-image:url(../imgs/input/input.png);
	background-color:transparent;
	background-repeat:no-repeat;
}
input:hover {
	color:#fff;
	background-image:url(../imgs/input/input_hover.png);
	background-color:transparent;
}

input.submit {
	margin:0px 10px 15px 0; padding:12px;
	width:325px;
	font-size:15px;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; 
	color:#fff;
	border:none;
	background-image:url(../imgs/input/input_submit.png);
	background-color:transparent;
	text-align:center;
	cursor:pointer;
}

input.submit:hover {
	color:#fff;
	background-image:url(../imgs/input/input_hover.png);
	background-color:transparent;
}

input.checkbox {
	width:15px; height:15px;
	margin:0 8px 15px 0; padding:0; 
	background-color:transparent;
}

select {
	margin:0px 10px 15px -3px; padding:12px;
	width:325px; height:42px;
	font-size:15px;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; 
	color:#fff;
	border:none;
	background-image:url(../imgs/input/input.jpg);
	background-color:#640000;
	background-repeat:no-repeat;
}

select:hover {
	background-image:url(../imgs/input/input_hover.jpg);

}

textarea {
	margin:0px 10px 15px 0; padding:12px;
	font-size:15px; font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; 
	border:none;
	width:645px;
	color:#fff;
	background-image:url(../imgs/input/textarea.jpg);
	background-color:#f89829;
}

textarea:hover {
	color:#fff;
	background-image:url(../imgs/input/textarea_hover.jpg);
}

#social {
	width:980px; height:23px;
	position:absolute; z-index:4;
	top:28px; left:50%;
	margin-left:-490px; padding:0;
	text-align:right;
}

#border { 
	display:block;
	position:relative;
	z-index:3;
	border:solid 3px #f89828;
	margin:20px auto; padding:8px;
	width:980px;
}
	
#content { 
	display:block;
	position:relative;
	z-index:3;
	border:solid 1px #f89828;
	margin:8px; padding:20px;
}

#menu { float:left; z-index:3; position:relative; }

#menu img { border:0; }

#menu img:hover { border:0; margin:1px -1px -1px 1px; }

#menu p { margin:25px 0; }

#menu ul { display:list-item;list-style:none; text-align:center; margin:25px 12px 0 -40px; }
#menu li  { height:35px; background-image:url(../imgs/separador.png); }

#menu li a , #menu li a:active, #menu li a:visited { 
	color:#ffd3a0; 
	font-size:15px; font-weight:bold; 
	font-family: Rockwell Extra Bold, Rockwell, Georgia, Serif; 
	letter-spacing:3px;
}
#menu li a:hover { color:#640000; }

#nav { float:right;  display:box; width:720px; clear:right; }

#h1 { 
	display:block;
	position:relative; z-index:3;
	border:solid 3px #f89828;
	margin:20px auto; padding:8px;
}

#h1 span {
	display:block;
	position:relative; z-index:3;
	border:solid 1px #f89828;
	margin:8px; padding:20px;
	overflow:hidden;
	font-family: Rockwell, Georgia, Serif; font-weight:normal;
	height:100px;
}

#h1 h1 {
	font-size:40px; font-weight:bold;
	text-transform:uppercase;
	position:relative; z-index:3;
	margin:-10px 0;
	color:#fff;
}

#h1 h2 {
	position:relative; z-index:2;
	font-size:220px;
	margin-top:-100px; margin-bottom:-120px;
	margin-left:-10px;
	color:#222;
}

#h2 { 
	display:block;
	position:relative; z-index:3;
	border:solid 3px #f89828;
	margin:20px auto; padding:8px;
}

#h2 span {
	display:block;
	position:relative; z-index:3;
	border:solid 1px #f89828;
	margin:8px; padding:20px;
	overflow:hidden;
	font-family: Rockwell, Georgia, Serif; font-weight:normal;
	height:30px;
}

#h2 h1 {
	font-size:20px; font-weight:bold;
	text-transform:uppercase;
	position:relative; z-index:3;
	margin:-10px 0;
	color:#fff;
}

#h2 h2 {
	position:relative; z-index:2;
	font-size:110px;
	margin-top:-50px; margin-bottom:-120px;
	margin-left:-10px;
	color:#222;
}


#box { 
	display:block;
	position:relative;
	margin:25px auto; padding:0 20px;
	background-image:url(../imgs/louros_down.png);
	background-repeat:repeat-y;
	font-size:14px;
}

#box strong { font-size:14px; }

#box h1 {
	background-image:url(../imgs/h1.png);
	padding:12px 35px;
	font-size:22px;	
}

#box p img {
	margin-top:-16px;
}

#box p, #box h3, #box h4 { margin:15px 35px; }

#box #area img:first-child { margin:0; }

#box #social {
	width:auto; height:auto;
	position:relative;
	top:0; left:0;
	margin-left:20px; padding:0;
	text-align:left;
}

#box #social li { list-style:none; }
#box #social li img { border:0; }

#map { 
	width:100%; height:350px;
	border:2px solid #f89828;
	margin:0px; padding:2px;
	background-color:#640000;
}

#box iframe { border:1px solid #f89828; }

#box #youtube { 
	margin-left:-20px; 
	width:385px; 
	position:relative; text-align:center; 
	clear:both;
}
#box #facebook  { 
	margin-left:360px; 
	margin-top:-328px; 
	
	width:335px; 
	position:relative; 
	text-align:center; 
	clear:both;
}

#box #flickr { width:700px; margin-top:10px; text-align:center; position:relative; }
#box #flickr img, #foto img { border:2px solid #f89828; margin:3px; padding:2px; background-color:#640000; }
#box #flickr img:hover, #foto img:hover { border:2px solid #fff; background-color:#fff; }
#box #flickr #logo img { border:none; background-color:transparent; }
#box #flickr p { margin-left:-15px; margin-right:0; padding:0; }

#sitemap { text-align:center; display:box; clear:both; padding-top:20px; }
#sitemap #links a, #sitemap #links a:active, #sitemap #links a:visited { color:#fff; }
#sitemap #links a:hover { color:#f89828; }
#sitemap #area { color:#f89828; margin:20px 0 -8px 0; }
#sitemap #copyright { font-size:12px; }

#copy {
	width:760px;
	margin:25px auto;
	color:white;
	text-transform:capitalize;
	text-align:center;
}

#copy a, #copy a:active { 
	color:white; 
	text-decoration:none;
}

#copy a:hover { text-decoration:underline; }
