* { padding: 0; margin: 0; border: 0; }
body { background-color: #fff; }

#site { width: 856px; margin: 0 auto; font: 14px Arial; color: #5d5d5d; }
#site a { color: #ff5683; text-decoration: none; }
#site a:hover { color: #5d5d5d; }
#site a.invert { color: #5d5d5d; text-decoration: none; }
#site a.invert:hover { color: #ff5683; }
#site span { color: #ff5683; }
#site span.large { font-size: 18px; }

/* HEADER */
#site #header { width: 100%; }
#site #header #topbar { height: 5px; background-color: #d5d6d7; width: 100%; }
#site #header #topcontact { background-color: #d5d6d7; height: 15px; padding: 0 10px 2px 10px; float: right; font-size: 10px; color: #868686; }
#site #header #bottompart { overflow: hidden; clear: both; }
#site #header #leftpart { float: left; padding-left: 50px; }
#site #header #rightpart { float: right; height: 100px; overflow: hidden; }
#site #header #rightpart #slogan { margin-top: 30px; padding-right: 5px; text-align: right; font-size: 13px; font-weight: bold; }
#site #header #rightpart #menu { overflow: hidden; margin-top: 25px; position: relative; list-style: none; }
#site #header #rightpart #menu li.menubutton { background: url("../img/menu.jpg") no-repeat; width: 96px; padding: 6px 0; text-align: center; float: right; border: 1px solid #fff; border-bottom: 0; position: relative; }
#site #header #rightpart #menu li.menubutton a { color: #fff; font-size: 13px; font-weight: bold; position: relative; z-index: 100; }
#site #header #rightpart #menu li.active { background: url("../img/menu-hover.jpg") no-repeat; }
#site div.ahover { position: absolute; z-index: 99; background-color: #fff; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; }

#site #content { overflow: hidden; }
#site #content #iniciobar { height: 108px; background: url("../img/iniciobar.jpg") no-repeat #de2253; clear: both; }
#site #content #iniciobar #iniciobartext { text-align:right; float: right; margin-right: 20px; margin-top: 20px; color: #fff; font-size: 18px; }
#site #content #iniciobar #iniciobartext span { font-size: 25px; color: #fff; }
#site #content #inicioclients { overflow: hidden; }
#site #content #inicioclients #clientstext { padding: 40px 0 30px 10px; font-size: 18px; float: left; }
#site #content #inicioclients #clientslogo { float: right; overflow: hidden; margin-right: 50px; }
#site #content #inicioclients #clientslogo ul { list-style: none; }
#site #content #inicioclients #clientslogo ul li { float: left; padding: 20px 35px; }


/* INICIO */
#site #content #iniciotop { height: 222px; background: url("../img/inicio.jpg") no-repeat; margin-bottom: 2px;  }
#site #content #iniciotop #iniciowelcome { padding: 40px 0 0 40px; }
#site #content #iniciotop #iniciotext { width: 450px; padding: 20px 0 0 60px; text-align: justify; line-height: 25px; }


/* SOBRE NOS */
#site #content #sobrecontainer { background: url("../img/border.jpg") no-repeat; padding: 10px; margin-bottom: 2px; overflow: hidden; }
#site #content #sobrecontainer h1{ margin: 20px 0; color: #ff5683; font: 14px Arial; }
#site #content #sobrecontainer #sobreleft { float: left; width: 500px; }
#site #content #sobrecontainer #sobreleft #sobretitle { padding: 30px 0 0 20px; }
#site #content #sobrecontainer #sobreleft #sobretext { padding: 20px 0 0 20px; text-align: justify; line-height: 25px; }



/* SERVICOS */
#site #content #servicoscontainer { background: url("../img/border.jpg") no-repeat; padding: 40px; padding-bottom: 10px; margin-bottom: 2px; overflow: hidden; }
#site #content #servicoscontainer #servicoslist { width: 39%; float: left; border-right: 1px dotted #767676; }
#site #content #servicoscontainer #servicoslist p { margin: 10px; text-align: center;}
#site #content #servicoscontainer #servicoslist ul { margin: 20px; list-style: circle; }
#site #content #servicoscontainer #servicoslist ul li { padding: 2px; cursor: pointer; }
#site #content #servicoscontainer #servicoslist ul li.current { color: #ff5683; cursor: default; text-decoration: underline; }
#site #content #servicoscontainer #servicoslist ul li:hover { color: #ff5683; }
#site #content #servicoscontainer #servicosdescription { height: 305px; width: 58%; padding-top: 20px; float: right; line-height: 25px; text-align: justify; }


/* ASSISTENCIA */
#site #content #assistcontainer { height: 353px; width: 856px; background: url("../img/assistencia.jpg") no-repeat; margin-bottom: 2px; overflow: hidden; }
#site #content #assistcontainer p { margin: 5px; }
#site #content #assistcontainer #assisttext { float: left; overflow: hidden; }
#site #content #assistcontainer #assisttext p { padding: 20px 0 0 25px; }
#site #content #assistcontainer #assisttext #formMessage { line-height: 25px; margin-top: 30px; margin-left: 30px; padding: 30px 10px; width: 500px; font-size:15px; text-align:center; background-color: #f1f1f1; color: #ff5683; }
#site #content #assistcontainer #assisttext #formMessage span#closemessage { margin-top: 20px; font-size: 10px; color: #5d5d5d; cursor: pointer; }
#site #content #assistcontainer #assistform { float: left; overflow: hidden; clear: left; width: 580px; }
#site #content #assistcontainer p.formline { margin-left:240px; margin-top: 12px; }
#site #content #assistcontainer p.submit { margin-left: 495px; margin-top: 5px;  }
#site #content #assistcontainer p.formline label { margin-left: -180px; float: left; }
#site #content #assistcontainer p.formline label.error { margin: 0; font-size: 10px; color: #ff5683; }
#site #content #assistcontainer input[type="text"], #site #content #assistcontainer select, #site #content #assistcontainer textarea { width: 300px; padding: 2px; }
#site #content #assistcontainer textarea { overflow: auto; }
#site #content #assistcontainer #assistright { float: right; width: 240px; height: 170px; margin-right: 27px; margin-top: -18px; }
#site #content #assistcontainer #assistright #assistremotatitle { height: 28px; padding: 3px 10px; color: #dd1b64; font-size: 22px; text-align: center;}
#site #content #assistcontainer #assistright #assistremotatext { color: #fff; padding: 8px 20px; }
#site #content #assistcontainer #assistright #assistremotatext p { margin: 0 0 15px 0; padding: 0; text-align: justify; }
#site #content #assistcontainer #assistright #assistremotatext p a { text-decoration: underline; color: #fff; }
#site #content #assistcontainer #assistright #assistremotatext p a:hover { color: #5d5d5d; }
#site #content #assistcontainer #assistright #assistremotatext span { color: #fff; font-weight: bold; }


/* PRODUTOS */
#site #content #produtoscontainer { background: url("../img/border.jpg") no-repeat; margin-bottom: 2px; overflow: hidden; }
#site #content #produtoscontainer #produtosleft { padding: 20px 0 0 30px; width: 420px; float: left; }
#site #content #produtoscontainer #produtosleft p { margin: 20px 0; }
#site #content #produtoscontainer #produtosleft ul { margin: 10px 20px; list-style: circle; font-size: 12px; }
#site #content #produtoscontainer #produtosleft ul li { padding-bottom: 7px; }
#site #content #produtoscontainer #produtosright { padding-right: 40px; margin-top: 30px; float: right; width: 350px; height: 300px; overflow: hidden; }
#site #content #produtoscontainer #produtosright img { width: 350px; height: 300px; top: 0; left: 0; }

/* CONTACTOS */
#site #content #contactoscontainer { background: url("../img/border.jpg") no-repeat; padding: 20px 40px; padding-bottom: 10px; margin-bottom: 2px; overflow: hidden; }
#site #content #contactoscontainer #contactosleft { float: left; padding-top: 10px;}
#site #content #contactoscontainer #contactosleft p { margin-top: 22px; }
#site #content #contactoscontainer #contactosright { float: right; }

/* FOOTER */
#site #footer { clear:both; border-top: 2px solid #fa3d6f; overflow: hidden; padding: 5px 5px 0 5px; margin-bottom: 10px; }
#site #footer #footerleft { float: left; }
#site #footer #footerright { float: right; }