body {
    margin: 0px;
    padding: 0px;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    background-color: #e1e1e1;
    color: #393939;
    line-height: 17px;
}

ul, li,
h1, h2, fieldset { margin: 0px; padding: 0px; list-style-type: none; border: none;}

#main {}



/********************/
/* DEFAULT */
/********************/
img { border: none;}
a { text-decoration: none; color: #393939;}
h1 { color: #cbd300; text-transform: uppercase; font-size: 12px;}
h2 { font-size: 12px; text-transform: uppercase;}
h1 span,
h2 span { color: #a3a3a3; text-transform: lowercase; font-weight: normal; font-size: 12px;}
h2 span { font-style: italic; color: #8e8b8b;}
.containerMain,
.containerHome {
    position: relative;
    width: 944px;
    padding: 0px 28px;
    left: 50%;
    margin-left: -472px;
}
.containerHome { width: 1000px; padding: 0px; margin-left: -500px;}
.title { margin: 0px 15px;}
#sobre p,
#contato p { margin-bottom: 13px;}
.link { font-weight: bold; color: #cbd300;}
.field { background-color: #e1e1e1; border: none; width: 80%;}
textarea { background-color: #e1e1e1; border: none; width: 100%; font-family: helvetica, arial, sans-serif; font-size: 11px;}
#contato h2 { color: #FF0000;}





/********************************/
/* BUTTONS AND LINKS WITH IMAGE */
/********************************/
.kiwi { display: block; width: 118px; height: 32px; background: url(../img/kiwi.png) no-repeat; text-indent: -9000px;}
.kiwi2 { display: block; width: 140px; height: 22px; background: url(../img/kiwi_footer.png) no-repeat; text-indent: -9000px;}
.msn { display: block; width: 21px; height: 20px; background: url(../img/icon/msn.png) no-repeat; text-indent: -9000px;}
.skype { display: block; width: 21px; height: 20px; background: url(../img/icon/skype.png) no-repeat; text-indent: -9000px;}
.twitter { display: block; width: 27px; height: 20px; background: url(../img/icon/twitter.png) no-repeat; text-indent: -9000px;}





#main #header {
    background-color: #cbd300;
    height: 35px;
    clear: both;
    overflow: hidden;
    line-height: normal;
}
ul.listNav {
    float: right;
}
ul.listNav li {
    float: left;
}
ul.listNav li a {
    color: #FFF;
    display: block;
    height: 29px;
    padding: 5px 10px 0px 10px;
    text-transform: uppercase;
}
ul.listNav li a span { text-transform: lowercase; font-style: italic;}
#home ul.listNav li.home a,
#sobre ul.listNav li.sobre a,
#projetos ul.listNav li.projetos a,
#clientes ul.listNav li.clientes a,
#contato ul.listNav li.contato a { background-color: #acb400;}
ul.listNav li a:hover {
    background-color: #acb400;
}





#main #footer {
    background-color: #e1e1e1;
    padding: 17px 0px;
    clear: both;
    overflow: hidden;
}
#main #footer p { float: left; margin: 0px 0px 0px 260px; padding: 0px;}
ul.listIcons { float: right;}
ul.listIcons li { float: left; margin-left: 5px;}


/********************/
/* HOME */
/********************/
#navPhotos { clear: both; overflow: hidden; position: absolute; z-index: 10000; margin-left: 851px;}
#navPhotos a { display: block; padding: 5px 0px 0px 0px; width: 24px; height: 14px; color: #cbd300; float: left; background: url(../img/bgNumberOff.png) no-repeat; text-align: center;}
#navPhotos a.activeSlide { background: url(../img/bgNumberOn.png) no-repeat;}




/********************/
/* GALLERY */
/********************/
#gallery { height: 450px; margin: 5px 0px;}
#gallery .content {
    position: absolute;
    color: #FFF;
    height: 43px;
    width: 700px;
    margin-top: 407px;
    background: url(../img/bgGallery.png) repeat-x;
    z-index: 10000;
}
#gallery .content p { margin: 5px;}
#gallery .left,
#gallery .right{
    display: block;
    width: 350px;
    position: absolute;
    height: 450px;
    text-indent: -9000px;
    z-index: 10000;
}
#gallery .left {
    background: url(../img/icon/left.png) no-repeat center left;
}
#gallery .right {
    margin-left: 350px;
    background: url(../img/icon/right.png) no-repeat center right;
}




#main #container {
    padding: 25px 0px;
    background-color: white;
    clear: both;
    overflow: hidden;
}
#home #main #container { min-height: 450px;}
#main #container .contentMain { clear: both; overflow: hidden;}
#main #container #nav {
    width: 244px;
    float: left;
    margin-top: 26px;
}
ul.listNavLateral { margin: 18px 0px;}
ul.listNavLateral li { margin-bottom: 3px;}
ul.listNavLateral li.on a { background-color: #cbd300;}
ul.listNavLateral li a:hover { background-color: #cbd300;}

#main #container #content { width: 700px; float: right;}
.boxLanguage { clear: both; overflow: hidden;}
.languageOne,
.languageTwo,
.formContact { width: 45%; float: left; padding: 15px;}
.languageOne p,
.languageTwo p { margin:0px; padding: 0px; }
.languageOne { color: #393939;}
.languageTwo,
.otherLanguage { color: #7e7e7e; font-style: italic;}

.req-string,
.req-email { background-color: #e1e1e1; border: none; width: 80%;}

/*error*/
#contato .error-input, #contato .error-both .input, #contato .error-same .input { background-color:#cbd300; color:#000; }
#contato .input-container {display: block;}



/*************/
/* CLIENTES */
/*************/
ul.listClients { clear: both; overflow: hidden;}
ul.listClients li { float: left; margin: 0px 46px;}
.sesc { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/1.jpg) no-repeat;}
.callis { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/2.jpg) no-repeat;}
.nextel { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/3.jpg) no-repeat;}
.gerdau { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/4.jpg) no-repeat;}
.ericson { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/5.jpg) no-repeat;}
.faber { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/6.jpg) no-repeat;}
.pusco { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/7.jpg) no-repeat;}
.realce { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/8.jpg) no-repeat;}
.repIdeias { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/9.jpg) no-repeat;}
.sainteMarie { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/10.jpg) no-repeat;}
.trapiche { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/11.jpg) no-repeat;}
.agenciaA { display: block; width: 140px; height: 90px; text-indent: -90000px; background: url(../img/clientes/12.jpg) no-repeat;}