/* CSS Document */

*{ margin: 0px; padding: 0px; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; list-style: none;	text-decoration: none; border: none; outline:none; color: #b0b2a5; }

html{ height: 100%; background: #a3915f url(../_img/boxBg.jpg) center center no-repeat; }

body{ background: url(../_img/stripBg.jpg) center center repeat-x; width: 100%; height: 100%; font-size: 62.5%; }

#wrapper{ position:absolute; width: 84.2em; height: 55em; margin:-27.5em 0px 0px -42.1em; top: 50%; left: 50%; background: url(../_img/wrapperBg.jpg) center center no-repeat; }

#logo{ position: absolute; left: 13.1em; top: 12.5em;}

#banner{ position: absolute; left: 12.1em; top: 15.8em;}

#wrapperContent{ position:absolute;	top: 15.8em; left: 31.5em; width: 40.6em; height: 27.6em; background: #242216; }

h1 {color:#978b39; font-size: 1.2em; text-transform: uppercase; margin: 20px 0 0 15px; background: url(../_img/h1Bg.jpg) 0 1.1em repeat-x; padding-bottom: 0.6em; width: 13.8em; } 

ul { color: #b0b2a5; width: 16em; margin: 15px; font-size: 1em; }
ul li { margin-bottom: 0; padding-bottom: 5px; border-bottom: #2c2d28 solid 1px; }
ul > li { margin-bottom: 5px; }

form { font-size: 1.1em; position: absolute; left: 18.5em; top: 0em; }
form legend {display: none; }
form h1{ margin: 20px 0 10px 0; }
form label {display: block; margin-bottom: 2px; color:#885d33; }
form input, form textarea { padding: 2px 5px; border: #554921 solid 1px; color: #000; font-size: 11px; width: 16em; margin-bottom:8px; background: #b8aa7b; }
form input, form textarea { padding-bottom: 0; }
form input:focus, form textarea:focus { border: #e3ca8d solid 1px; }
form textarea { height: 5.5em; }
fieldset > textarea { height: 8em; }

#btnSubmit { background: #8c7c3e; width: 54px; display: block; border: none; color: #f0e9bb; margin-left: 12em;}

#rodape { position: absolute; left: 32.5em; top: 44em; }

#rodape p { color:#242216; padding-bottom: 3px; }

#rodape p img{ position: absolute; top: -3px; }

#menu { color: #242216; position: absolute; top: 14.3em; left: 30em; z-index:1; width: 40.6em; background: url(../_img/menuBg.jpg) repeat-x; }
#menu li { float: left; border: none; }
#menu li a { display: block; color: #242216; line-height: 1.6em; background: url(../_img/menuItemBg.jpg) repeat-x; border-left: #867c53 solid 1px; border-right: #796e41 solid 1px; padding:0 10px; }
#menu li a:hover { background: url(../_img/menuItemHoverBg.jpg) repeat-x; color: #b0b2a5; }


#index #menu .aHelibel, #historia .historia, #contactos .contactos{ cursor: pointer; color: #FFFFFF; }

#index #edificio { position: absolute; top:6em; left:20em; }
#index h1, #historia h1{ width: auto; }


#lang{ position: absolute; top: 14.5em; left: 66em; z-index: 2; }
#lang li{ float: left; border: none; margin-right: 10px; color:#978b39; }
#lang li a{ color:#242216; }

#historia #wrapperContent img {margin:0 0 15px 15px;}
div.imgContainer{ width: 35em; }