html,body {margin:0;padding:0}
body        { background:#111 url('img/tlo.gif') repeat ; font : 0.75em arial,sans-serif, Helvetica, sans-serif;}
p        {margin:10px 0px 10px 10px;
        text-indent:1em;
        text-align:justify}
        
img {float:left; margin-right:0px; margin-bottom:0px; border:0}

span {color:#fff;
letter-spacing:0.20em;
font-weight:bold}
h1 { font : 1.0em Helvetica, sans-serif; verdana,sans-serif, 
        margin:0em 2em 0em 3em;
        letter-spacing:0.20em;
        text-align:center;
        color:#d80000;
        font-weight:bold;}
h2 {font : 1.0em  Helvetica, sans-serif;
        margin:2em 5em 2em 5em;
        letter-spacing:0.20em;
        text-align:center;
        color:#b80000}

#container{
        width:800px;
        margin:0 auto;
        color: #FF8539}
       
#header {background: url('img/top__.jpg') no-repeat top left;
        padding-top:0;
        border-top:1px #111 solid}

#content {float:right;
        width:580px;
        display:inline;
        padding-top: 20px;
        padding-bottom: 20px;
        border-left: 1px #212121 dotted}
        
#content p {margin:10px 10px 10px 10px;
        text-indent:1em}
        
#content img {margin-right:10px;
}
        
#tabela {margin-left: 3em;
        margin-bottom:3em;}

#gal {
width:100%;
        border: 0px #FF8539 dotted;
       text-align:center; }
#gal img {padding-left:75px;
padding-top:40px} 

#foty {float:right;
 width:580px;
        padding-top: 20px;
        border: 0px #FF8539 dotted}
        
#foty ul {list-style-type: none;
        margin: 0px 10px 0px 0px;
        padding: 0}        

#foty ul li {float:left;
        margin:5px 12px 5px 12px;
        border:1px #FFf solid;
        padding:5px;
        background:#FF8539} 

#foty img {margin:0;
                padding:0;
                border:1px #fff solid;}



#wrapper  a, #wrapper  a:visited {color: #ffffff; text-decoration:underline}

#wrapper  a:hover {color: #6bd5ff}
#wrapper  p {line-height:1.4em}                
#wrapper {padding-top: 10px}   

#clearer {clear: left; line-height: 0; height: 0}

#content ul li {color: #6bd5ff;
list-style-type : none;
font-weight:bold;
margin: 20px 20px 60px 20px;
letter-spacing:0.3em} 

#prod {margin-top:10px}

#lista {padding-top:35px;
border:0px #fff solid}
                        
  

#navigation{float:left;
        width:199px;
        padding-top:7px;
        padding-left:10px;
        padding-right:5px;}
            

#extra {background:#FF8539;
        color: #111;
        float:right;
        width:582px}
#extra p {text-align:center;
color:#fff;
font-weight: bold}


#footer{color: #333;
        clear:both;
        width:100%}
        
#footer p{margin:0;padding:5px 10px;
text-align:center }

#footer a, #footer a:visited {color: #898989; text-decoration:none}

#footer a:hover {color: #f3f3f3}


/*   ---------------------------------M E N U ------------------------- */
#menu {font-family: Helvetica, sans-serif;
font-weight:normal;
color:#6bd5ff;
padding-bottom: 5px;
font-size:1.0em;
margin-left:10px;
}

#menu a, #menu a:visited {
  text-decoration:none; 
  color:#6bd5ff;
  margin-left:10px;
    }

#menu a:hover {
  text-decoration:underline;
  font-weight:normal;
  border-bottom: 0px #ffa166 solid; 
  color:#6bd5ff;}