@import 'reset.css';



/* DISPLAY COLORS

-------------------------------------- */

body { background: url("../images/bg-body.gif") repeat-x 0 0; margin:0; padding:0;}





/* STRUCTURE

--------------------------------------- */

#container { width:760px; margin:0 auto; }

#container #main #content { float:left; width:485px; margin:0 23px 10px 10px;}

.ie6 #container #main #content {margin:0 23px 0 5px;}

#quem-somos #container #main #content { width:530px; }

#home #container #main #content { z-index:1; float:none; width:auto; margin:0 0 10px 10px;}

.ie6 #container #main #content {margin:0 23px 0 5px;}

#container #main #rightCol { float:right; width:227px; }

#quem-somos #container #main #rightCol { width:197px; }

#container #footer { clear:both; }

/* Equal Height Columns */ 







/* WRAPPER

--------------------------------------- */

#wrapper {background: url("../images/bg-subfooter.gif") repeat-x left bottom;}



/* TOP

--------------------------------------- */

#top { position:relative; padding:10px 0 10px 10px; height: 110px; margin-bottom:10px; padding:0; }

.bg1 { background: url("../images/bg-top-1.jpg") repeat-x 0 0; }

.bg2 { background: url("../images/bg-top-2.jpg") repeat-x 0 0; }

.bg3 { background: url("../images/bg-top-3.jpg") repeat-x 0 0; }

.bg4 { background: url("../images/bg-top-4.jpg") repeat-x 0 0; }

.bg5 { background: url("../images/bg-top-5.jpg") repeat-x 0 0; }

#top img.logo { margin:10px 0 0 20px; }

#top div.contato { position:absolute; top:15px; left:340px; font:bold 13px arial; color: #fff;}

#top div.contato a { color: #fff;} 



/* ---> Control of Position of the Logo <--- */



/* Menu Left Hide Text / Show Image */

#top h2 { overflow:hidden; width:268px; height:0; padding-top:78px; background:url("..../images/logo2.png") no-repeat;}

#top h2 a { padding:78px 160px 0 0; }



/* MENU TOP

--------------------------------------- */

/* ---> Control of Position of the Menu Top <--- */

/* Menu Left*/

.current { background-color:#358D67 !important; }

#top #menu { position:absolute; left:0px; bottom:0; width: 100%; background: url("../images/bg-menu.gif") repeat-x top;}

#top #menu ul li { position:relative; float:left; margin:0 12px; }

#top #menu ul li a { display:block; padding:6px 19px; color:#fff; text-decoration:none; }

#top #menu ul.son { display:none; z-index:3; position:absolute; margin-top:-2px;}

#top #menu ul.son li { float:none; width:145px; margin:0; background-color:#027041; border-top:1px solid #fff; }

#top #menu ul.son li a { padding:5px 0 5px 5px; }

#top #menu ul.son li a:hover {background-color:#358D67;}

.ie #top #menu ul.son { margin-top:1px;}

.ie #top #menu ul.son li { margin-top:-3px;}

#top #menu ul li ul li ul.son { margin:-26px 0 0 145px; border-left:1px solid #fff; }

.ie #top #menu ul li ul li ul.son { margin:-23px 0 0 145px;}



/* MENU LINK ACTIVE

--------------------------------------- */

#menu ul li a:hover { text-decoration: underline; } 

#home #menu ul li a.home,

#quem-somos #menu ul li a.quem-somos,

#servicos #menu ul li a.servicos,

#clientes #menu ul li a.clientes,

#faq #menu ul li a.faq,

#contato #menu ul li a.contato { height:17px; background: url("../images/bg-menu-active.png") repeat-x; } 

.ie6 #home #menu ul li a.home,

.ie6 #servicos #menu ul li a.servicos,

.ie6 #clientes #menu ul li a.clientes,

.ie6 #faq #menu ul li a.faq,

.ie6 #contato #menu ul li a.contato { width: 20px; } 

.ie6 #quem-somos #menu ul li a.quem-somos { width: 83px;}





/* CONTENT

--------------------------------------- */

#logo { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12pt; color: #027041; font-weight:bold;}

#content h1,

#content h2,

#content h3,

#content h4,

#content h5,

#content h6,

#content p { margin-bottom:10px; }

#content p strong { color:#f00; }

#content img { margin:0 0 10px 0; }

#content img.right { float:right; margin:0 0 0 5px; }

#content img.left { float:left; margin:0 5px 0 0; }

#servicos #content p { margin:0 0 10px 15px; font-style:italic;}

#content h1 { padding-bottom:9px; font:bold 24px trebuchet MS; color: #90C642; background: url("../images/bg-h1.gif") repeat-x left bottom;}

#content h1 a { color: #90C642; }

#content h2,

#content h2 a { font:bold 16px trebuchet MS; color: #027041; text-decoration:none;}

#content h3 { margin-left:10px; font:normal 15px trebuchet MS; }

#content h3 a { text-decoration: none; }

#content div.tr { margin-bottom:10px; }

#content div.tr div.atencao{ margin:0 0 5px 100px; font:bold 13px trebuchet MS; color: #027041;}

#content div.tr div.th { float:left; width:100px; font:bold 16px trebuchet MS; color: #027041;}

#content div.tr input { width:300px; height: 20px; border:1px solid #90C642;}

#content div.tr input.enviar { width:80px; height:30px; margin-left:100px; border:2px solid #90C642; font:bold 16px trebuchet MS; color:#fff; background-color:#027041;}

#content div.tr textarea { width:300px; height: 95px; border:1px solid #90C642;}



/* RIGHTCOL 

--------------------------------------- */

#rightCol div.box { border-top: 5px solid #90C642; margin-bottom: 10px;}

#rightCol div.box-top { margin-top:1px; border:solid #90C642; border-width: 1px 1px 0 1px; padding: 10px 17px 0; font:normal 13px arial; background:#F3FAEF url(../images/bg-box.png) repeat-x bottom;}

.ie #clientes #rightCol div.box-top { margin-bottom:-3px; }

#rightCol div.box-top h3 { margin-bottom:15px; font: 18px trebuchet MS; color: #027041; border-bottom: 1px solid #027041;}

#rightCol div.box-top p { font-size: 13px; }

#rightCol h4 { margin-top: 5px; font:bold 16px "Trebuchet MS"; color:#027041;}

#rightCol h4.first { margin-top: 0; }

#rightCol h4 a { font:normal 16px "Trebuchet MS"; color:#027041;}

#rightCol li { padding:2px 0 0 13px; font:normal 12px "Trebuchet MS"; background:url(../images/bullet_green.gif) -3px 2px no-repeat; list-style-position:outside; }

#rightCol div.box-top table td { font-size: 13px; }



/* FOOTER

--------------------------------------- */

#container #footer { background:url("../images/bg-footer.gif") repeat-x bottom left; text-align:center; color:#FFFFFF; font-family:arial; font-size:12px; height:25px; line-height:25px; margin-top:10px;}