html, body {
   margin : 0;
   padding : 0;
}

body {
   color : #a52a2a;
   background : #313131 url(images/fundo.jpg);
   width : 100%;
   font : 76% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

/* Links within paragraphs (subtle) */
p a {
color: #666666;
background : inherit;
text-decoration: none;
}

/* Links within paragraphs (revealed) */
p:hover a { 
color: White;
background : inherit;
text-decoration: underline;
}

#container {
width : 750px;
margin : 0 auto;
padding : 0px;
background: Black none repeat;
color : #666633;
line-height : 1.8em;
}

#top {
margin:0;
padding : 0;
color: #CCCCCC;
background : #333333 url(images/banner-andre.jpg) no-repeat;
border-bottom : 1px dotted #fff;
height:150px;
}
#top h1 {
padding : 30px 0px 0 25px;
margin : 0;
font : 100%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing:5px;
text-align:left;
color: #CCCC99;
background:transparent;
}
#top p {
padding : 5px;
font-size: .8em;
}
#top a:link, #top a:visited {
color: #E2E2E2;
background:transparent;
text-decoration: none;
}
#top a:hover { 
color: #fff;
background:transparent;
text-decoration: underline;
}
/* LEFT SIDEBAR */

#content {
margin : 24px 55px 0 70px;
padding : 10px;
}

#footer {
clear : both;
margin : 0 ;
padding : .5em;
color : White;
background : Black url(images/fundo.jpg);
border-top : 1px solid #660000;
}

#footer a:link, #footer a:visited {
font-size: .9em;
color : #CCCCCC;
background : inherit;
text-decoration : none;
}

#footer a:hover {
font-size: .9em;
color : White;
background:inherit;
text-decoration : underline;
}

h2 {
margin : 0;
padding : 20px 0 5px 5px;
font : 150%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing:5px;
border-bottom: 1px solid #656C4A;
color: #999999;
background:inherit;
}
h3 {
margin : 0;
padding : 20px 0 5px 10px;
font : 130%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
color: #CCCC99;
background:inherit;
}

#footer img {
   float : right;
}
/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
        margin : 0;
}
/* end */

.happy {
border-top : 1px solid #660000;
padding : 10px;
}

a:link, a:visited {
font-size: .9em;
color : #5F5C51;
background : inherit;
text-decoration : none;
}

a:hover {
font-size: .9em;
color : #FFFFCC;
background : inherit;
text-decoration : underline;
}

a:active {
font-size: .9em;
color : #F5DE1E;
background : inherit;
text-decoration : none;
}

img {
   border : none;
}

.imgright {
float: right;
border: 1px solid #666633;
margin: 5px 15px 10px 10px;
padding: 10px;
}


.imgleft {
float: left;
border: 1px solid #666633;
margin: 5px 15px 10px 0px;
padding: 10px;
}
#menu {
width: 100%;
height: 23px;
margin: 0 0 0 0;
padding: 0 0 1px 0;
background: Black url(images/pt02.jpg) no-repeat;
color: Black;
}

#navlist li {
list-style-type: square;
background: inherit;
color: #FFCCCC;
margin: 0 15px 0 0;
padding: 0;
}

#gallery {
         margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
			
        }
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:23.8%;
            margin: 0 0 7px 21%; padding:50px 0;
            height:83px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
            background: none;
            
          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
			
            }
            a img{ border:none; } /* A small fix */
            .gallery a:link,
            .gallery a:visited,
            .gallery a:focus,
            .gallery a:hover,
            .gallery a:active{
              padding: 2px;
              background: White;
              width:75px; height:75px;
              border: 1px solid #660000; /* We blend the border with the bg, as if it isn't there */
              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin: -21px 0 0 -21px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
            }
            .gallery a:hover{
              border-color:#dfdfdf;
            }



.clear {
clear: left;
}

.quote {
width: 130px;
margin: 0;
border : 1px dashed #fff;
padding : 10px;
color: #666633;
background: #CCCC99;
font-size: .8em;
}

.search { 
background: #E4DCB2; 
color: #000;
border-top: 1px solid #F0E9DD;
border-bottom: 1px solid #F0E9DD;
clear: both;
text-align: left; 
padding: 5px 0 5px 0;
}

form { 
margin: 0; 
}

input.search { 
	width: 80px; 
	border: none;
	color: #000;
	background: url(images/input.gif); 
	padding: 4px; 
}

input.login { 
	width: 80px;
	border: none; 
	background: url(images/logininput.gif); 
	padding: 4px; 
}