BODY
{
    color : rgb(255 , 255 , 255);
    font-family : Arial , Helvetica , sans-serif;
    font-size : 10pt;
    background : rgb(59 , 59 , 59) url("fundo.gif") repeat-x;
    margin : 0;
    padding : 0;
}
p
{
    font-size : 10pt;
    margin-bottom : 7px;
    margin-top : 0;
}
a
{
    color : rgb(246 , 223 , 100);
    text-decoration : none;
}
a:hover
{
    text-decoration : underline;
    color : White;
}
#header
{
    width : 790px;
    margin-left : auto;
    margin-right : auto;
}
#header ul
{
    margin : 0;
    padding-left : 0;
    height : 10px;
    line-height : 44px;
    display : block;
    list-style : none;
    background-color : rgb(10 , 10 , 10);
    background-repeat : no-repeat;
}
#header li
{
    display : inline;
    background-color : rgb(10 , 10 , 10);
    float : right;
}
#header li a
{
    height : 44px;
    line-height : 44px;
    display : block;
    padding-left : 27px;
    padding-right : 27px;
    border-left : 1px solid Black;
    float : left;
}
#header li a:hover
{
    background-color : rgb(68 , 68 , 68);
    text-decoration : none;
}
#header .logo
{
    height : 85px;
    background-image : url("logo.png");
    background-repeat : no-repeat;
    background-color : rgb(217 , 128 , 34);
    border-top : 3px solid Black;
}
h1
{
    margin : 0;
    padding : 10px 10px 10px 0;
    font-family : "trebuchet ms" , arial , tahoma , verdana , sans-serif;
    font-weight : normal;
    letter-spacing : 0.0050em;
    color : rgb(255 , 148 , 29);
    font-size : 18pt;
}
#conteudo
{
    width : 760px;
    margin-left : auto;
    margin-right : auto;
}
h2
{
    margin : 0;
    padding : 24px 0 7px 40px;
    font-family : "trebuchet ms" , arial , tahoma , verdana , sans-serif;
    font-weight : normal;
    letter-spacing : 0.0050em;
    color : White;
    font-size : 15pt;
}
#texto
{
    padding : 35px 40px 35px 40px;
    border-bottom : 1px solid rgb(255 , 255 , 255);
    border-top : 1px solid rgb(255 , 255 , 255);
    background-color : rgb(34 , 34 , 34);
}
#texto p
{
    margin-bottom : 1em;
}
.left
{
    float : left;
    padding : 0px 8px 0px 0px;
}
.right
{
    float : right;
    padding : 0px 0px 0px 8px;
}
.center
{
    display : block;
    text-align : center;
    margin : 0 auto;
}

img.project{
float:left;
border:1px solid #BF8153;
margin:10px 10px 10px 10px;
padding: 4px 4px 4px 4px; 
    background-color : rgb(34 , 34 , 34);
}

#footer {
	clear: both;
	width: 750px;
	margin: 0 auto;
	padding: 1px 0;
	border-top: 1px solid #fff;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #000000;
margin: 0 0 1px 0;
}


.thumbnail:hover img{
border: 1px solid #C0C0C0;
}

.thumbnail span{
position: absolute;
background-color: #1e1e1e;
padding: 1px;
left: -1000px;
border: 1px solid;
visibility: hidden;
color: #525252;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 15px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 260px; /*position where enlarged image should offset horizontally */
z-index: 50;
}