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

html { background:url(../images/bg-fundo.jpg); }

body { margin: 0px; padding: 0px; font-size: 100%; }

h1 { font-size: 40px; font-weight: normal; text-transform: uppercase; }

h2 { font-size: 34px; font-weight: normal; margin: 0px; }

h3 { font-size: 24px; font-weight: bold; }

h4 { font-size: 24px; font-weight: normal; margin-bottom: 20px; }

a.portfolio { color:#2B0900; font-family: Arial, Helvetica, sans-serif; text-decoration: none !important; }
a:hover.portfolio { color:#3c1a11; }

a.contato { color:#002d25; font-family: Arial, Helvetica, sans-serif; text-decoration: none !important; }
a:hover.contato { color:#43f0d3; }

object { border: 0px; }

div.contato h1, h2, h3, h4 { color:#002d25; }

/* --DIVS-- */

#contato { background:url(../images/contato.jpg); float: left; width: 960px; height:600px; }

#design { background:url(../images/design-se.jpg); float: left; width: 960px; height:600px; }

#dgo { float:left; margin-left:1px; }

#galnvg { float: left; height: 202px; }

#galnvg img { margin-top: 90px; }

#home { background:url(../images/intro.jpg); float: left; width: 960px; height:600px; }

#portfolio { background:url(../images/portifolio.jpg); float: left; width: 960px; height:602px; }

#menu { float: right; display: inline; width:476px; height: 34px; }

#middle { display:table-cell; position:static; vertical-align:middle; top:50%; }

#outer { display:table; position:static; height:100%; margin-left:auto; margin-right:auto; overflow:auto; position:relative; }

#slider { float:left; width:960px; height:600px; margin:auto; }

#wrap { background-color: #000; overflow:hidden; width: 960px; height:620px; position:relative; }


/*--MENU--*/

#menu ul { display: inline; list-style-image:none; list-style-type:none; background-color:#000; }

#menu ul li { float:left; margin:0px; }

#menu ul li.home { width: 103px; height: 34px; padding:0px; background-image:url("../images/home-on.png"); }

#menu ul li.portfolio { width: 141px; height: 34px; padding:0px; background-image:url("../images/portfolio-on.png"); }

#menu ul li.design { width: 136px; height: 34px; padding:0px; background-image:url("../images/design-on.png"); }

#menu ul li.contato { width: 96px; height: 34px; padding:0px; background-image:url("../images/contato-on.png"); }

#menu ul li a { display:block; color:#000; }

#menu ul li img { width:100%; height:100%; border:0px; }

#menu ul li a:hover img { visibility:hidden; }


/* --SLIDE-- */

.scroll { height: 100%; overflow: auto; overflow-x: hidden; position: relative; clear: left; }

.scrollContainer div.panel { height: 602px; width:912px; clear:left; }

.scrollButtons { display: none; }

.scrollButtons.left { display: none; }

.scrollButtons.right { display: none; }

.hide { display: none; }


/*--CLASSES--*/

div.portfolio { margin-left:40px; margin-top: 230px; width: 435px; }

div.portfolio img {  }

div.contato { margin-left:40px; margin-top: 300px; }

div.transparent { float:left; width: 880px; height: 202px; background:url(../images/bg-trans.png); border: 1px solid #000; }


/*--THUMBS--*/

div.portfolio .thumb01 { width: 100px; height: 99px; padding:0; background-image:url("../images/portfolio/thumb01a.jpg"); float: left; margin: 0px 15px 15px 0px; border: 1px solid #5F532F; }

div.portfolio .thumb02 { width: 100px; height: 99px; padding:0; background-image:url("../images/portfolio/thumb02a.jpg"); float: left; margin: 0px 15px 15px 0px; border: 1px solid #5F532F; }

div.portfolio .thumb03 { width: 100px; height: 99px; padding:0; background-image:url("../images/portfolio/thumb03a.jpg"); float: left; margin: 0px 15px 15px 0px; border: 1px solid #5F532F; }

div.portfolio .thumb04 { width: 100px; height: 99px; padding:0; background-image:url("../images/portfolio/thumb04a.jpg"); float: left; margin: 0px 15px 15px 0px; border: 1px solid #5F532F; }

div.portfolio .thumb05 { width: 100px; height: 99px; padding:0; background-image:url("../images/portfolio/thumb05a.jpg"); float: left; margin: 0px 15px 15px 0px; border: 1px solid #5F532F; }

div.portfolio .thumb06 { width: 100px; height: 99px; padding:0; background-image:url("../images/portfolio/thumb06a.jpg"); float: left; margin: 0px 15px 15px 0px; border: 1px solid #5F532F; }

div.portfolio .thumb07 { width: 100px; height: 99px; padding:0; background-image:url("../images/portfolio/thumb07a.jpg"); float: left; margin: 0px 15px 15px 0px; border: 1px solid #5F532F; }

div.portfolio .thumb08 { width: 100px; height: 99px; padding:0; background-image:url("../images/portfolio/thumb08a.jpg"); float: left; margin: 0px 15px 15px 0px; border: 1px solid #5F532F;}

div.portfolio .thumb09 { width: 100px; height: 99px; padding:0; background-image:url("../images/portfolio/thumb09a.jpg"); float: left; margin: 0px 15px 15px 0px; border: 1px solid #5F532F; }

div.portfolio a, div.portfolio a:link, div.portfolio a:visited { display:block; }

div.portfolio img { width:100%; height:100%; border:0; }

div.portfolio a:hover img { visibility:hidden; }