/* RESET BROWSERS STYLE -  thx2 meyerweb.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, blockquote,
img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, pre, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}

h2 {font:28px arial;}
h4 {font:13px arial;}
h5 {font:11px arial;}
p {font:11px arial;}


/* == HEADER == */
/* >PATCHED> */ #header {height:240px; width:100%; margin:0px auto; background:center top no-repeat; position:relative; min-width:940px;}
#header h1 {background:url(../img/logo.png) no-repeat left top; width:132px; height:34px; position:absolute; top:4px; left:4px;}
#header h1 a {display:block; width:132px; height:34px; text-indent:-9000px;}
#header .site-width {width:940px; height:240px; margin:0px auto; position:relative;}
.site-width > #top-bar {position:absolute; top:0px; background-color:#FFF; width:936px; height:40px; overflow:hidden; border-bottom:2px solid #DDD; border-left:2px solid #DDD; border-right:2px solid #DDD;}
/* search */
#header .search {width:245px; height:40px; position:absolute; top:0px; left:525px; border-left:1px solid #DDD; border-right:1px solid #DDD;}
#header .search > input.textimput {width:192px; height:29px; border:1px solid #DDD; overflow:hidden; padding:0px 2px; position:absolute; top:5px; left:5px; line-height:28px;}
#header .search > input.bt {left:202px; position:absolute; top:8px;}

#header .search > a {width:38px; height:35px; background:url(../img/btn-searchIcon.png) no-repeat left top; display:block; text-indent:-9000px; position:absolute; left:205px; top:0px;}
/* languages */
#header .lang {width:158px; height:40px; position:absolute; top:0px; right:0px; }
#header .lang > span {position:absolute; left:8px; top:13px; font:12px arial; color:#333;}
#header .lang > ul {position:absolute; left:58px; top:8px;}
#header .lang > ul li {display:block; position:relative; padding:2px; float:left; width:16px; height:11px; border:1px solid #FFF; margin:0px 4px;}
#header .lang > ul li > a {display:block; text-indent:-9000px; width:26px; height:19px; background:no-repeat left top;}

#header .lang > ul li.pt a {background-image:url(../img/pt_off.png);}
#header .lang > ul li.es a {background-image:url(../img/es_off.png);}
#header .lang > ul li.uk a {background-image:url(../img/uk_off.png);}

#header .lang > ul li.pt.on a { background-image:url(../img/pt_on.png);}
#header .lang > ul li.es.on a {background-image:url(../img/es_on.png);}
#header .lang > ul li.uk.on a {background-image:url(../img/uk_on.png);}

/* menu */
.site-width > h2 {position:absolute; top:90px;  width:450px; color:#FFF; font-weight:bold;}
.site-width > #bottom-bar {position:absolute; bottom:0px; width:936px; height:40px; overflow:hidden; background-color:#DDD; padding:2px 2px 0px 2px;}
#bottom-bar > li {float:left; width:187px; height:40px;}
#bottom-bar > li a {text-align:center; background:url(../img/menu-top-off.png) no-repeat left top; width:188px; height:40px; display:block; text-decoration:none; font:bold 12px arial; color:#18456B; text-transform:uppercase; padding-top:12px;}
#bottom-bar > li a:hover {background:url(../img/menu-top-on.png) no-repeat left top; color:#FFF;}
#bottom-bar > li.last a, #bottom-bar > li.last a:hover {background-position:right top;}
/* onButton */
#bottom-bar > li.on a {background:url(../img/menu-top-on.png) no-repeat left top; color:#FFF;}
#bottom-bar > li.last.on {background-position:right top;}

/* == HEADER IMAGES == */
#header.home {background-image:url(../img/images/home.png);}
#header.clientes {background-image:url(../img/images/clientes.png);}
#header.contactos {background-image:url(../img/images/contactos.png);}
#header.empresa {background-image:url(../img/images/empresa.png)}
#header.posicionamento {background-image:url(../img/images/posicionamento.png)}
#header.solucoes {background-image:url(../img/images/solucoes.png)}

/* STRUCTURE */
#body { background:url(../img/container.png) repeat-y center top; min-width:940px;}
#container {width:940px; margin:0px auto; padding-top:20px; overflow:hidden; position:relative; padding-bottom:60px;}
#container > #left {width:220px; margin-right:20px; float:left;}
#container > #center {width:460px; float:left; margin-right:20px; overflow:hidden;}
#container > #right {width:220px; float:left; overflow:hidden;}
#container a:hover {text-decoration:underline;}

.box {border:2px solid #DDD; margin-bottom:7px; position:relative; background-color:#FFF;}
.box.h108 {padding:5px; height:108px; }
.box.h460 {padding:5px;}
.box h4 {font:13px arial; text-transform:uppercase; margin-bottom:5px;}
.box h5 {font:11px arial; text-transform:uppercase; margin-bottom:5px;}
.box p {font:11px arial;}
a.arrow {font:11px arial; padding-right:20px; background:url(../img/arrow-link.png) right 0px no-repeat; text-decoration:none; height:16px; display:block; text-align:right; color:#333; position:absolute; bottom:4px; right:4px; line-height:16px;}
a.arrow.color {background-image:url(../img/arrow-link-color.png); color:#339999;}

.box > .logo-left {position:absolute; left:102px; top:5px; width:110px;}
.box > .logo-left h5 {color:#333;}
.box > .logo-left p {color:#164C74;}
.box.h108 > img {margin-top:15px;}
.box.map img {width:216px;}
.box.map a.arrow {background-image:url(../img/arrow-link-whiteBg.png); height:22px; padding-left:4px; padding-right:23px; line-height:22px; bottom:2px; right:2px;}

#right {position:relative; width:220px;}
#right .box h4 {color:#339999;}
#right .box.form-container {padding-bottom:36px; z-index:-1;}
#right .box.form-container a.arrow {bottom:10px;}
#right .box > .txt {width:105px; margin:8px;}
#right .box > .forms input {width:198px; height:30px; border:1px solid #DDD; font:11px arial; color:#339999; position:relative; left:3px; padding:0px 5px; margin-bottom:2px; line-height:30px;}

#right .box > .forms textarea {width:198px; height:164px; border:1px solid #DDD; font:11px arial; color:#339999; position:relative; left:3px; padding:0px 5px; margin-bottom:2px; line-height:30px;}
#right .box > .forms .error {font:11px arial; color:#FE443E; margin:3px 10px;}

.callUs {bottom:-107px; position:absolute; right:5px; z-index:10;}
.contactLetter {bottom:-96px; position:absolute; right:-6px; z-index:10;}

.box.h460.home {padding:0px; height:335px; overflow:hidden; position:relative;}
.box.h460.home > div {background:url(../img/home-center-bottom.png) no-repeat left top; position:absolute; bottom:0px; left:0px; padding:10px; font:16px arial; color:#FFF; height:56px;}

/* >PATCHED> */ #container-bottom {background:url(../img/container-bottom.png) center top no-repeat; height:217px; min-width:940px}
#container-bottom #content {width:940px; margin:0px auto; position:relative;}
#content ul {overflow:hidden; padding-bottom:37px;}
#content ul li {display:block; width:219px; float:left; margin:0px 10px; position:relative; height:135px;}
#content ul li.first {margin-left:0px;}
#content ul li.last {margin-right:0px;}
#content h4 {text-transform:uppercase; margin-bottom:10px; color:#339999;}
#content h5 {text-transform:uppercase; padding:15px 0px;}
#content a:hover {text-decoration:underline;}

#footer {background:url(../img/footerBg.png) repeat-y center top; margin:0px auto;}
#footer, #footer a {font:normal 11px arial; color:#333; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/* >PATCHED> */ #footer ul {width:940px; overflow:hidden; margin:0px auto;}
#footer ul li {float:right; padding:10px 7px 10px 30px;}
#footer ul li.left {float:left; padding:10px 0px; font:bold 11px arial;}

.menu .nav-path {background-color:#DDD; padding:7px;}
.menu .nav-path li {display:inline; padding:1px; font:11px arial;}
.menu .nav-path li a {font:11px arial; color:#666666; text-decoration:none;}
.menu .nav-path li.on a {font-weight:bold;}
.menu .nav-path li a:hover {text-decoration:underline;}
.menu h4 {font:12px arial; color:#333; padding:16px 8px; text-transform:uppercase;}

.menu ol {border-top:4px solid #DDDDDD; border-bottom:3px solid #DDDDDD;}
.menu ol li {display:block; padding:8px; border-bottom:1px solid #DDD;}
.menu ol li a {font:11px arial; color:#333333; text-transform:uppercase; padding-left:20px; background:url(../img/menu-off.png) left 2px no-repeat; display:block; height:20px; line-height:20px; text-decoration:none;}
.menu ol li a:hover, .menu ol li.on a {background-image:url(../img/menu-on.png); text-decoration:none !important; color:#183F68;}

.menu.contacts ol li {font:12px arial; color:#193D68; text-transform:uppercase; position:relative; height:36px; line-height:36px;}
.menu.contacts ol li span {font:12px arial; color:#333; text-transform:none; position:absolute; top:4px; right:0px; height:50px;}
.menu.contacts ol li span.one-line {top:20px;}

#center h3 {font:20px arial; color:#005784; text-transform:uppercase;}
#center > * > div {padding:5px;}
#center p {font:12px arial; color:#333; margin:10px 0px 12px 0px;}

.text .news-box {border:1px solid #F0F0F0; overflow:hidden; margin-top:10px; position:relative;}
.text .news-box .img-container {width:150px; height:100px; float:left; text-align:center; line-height:150px;}
.text .news-box .top-center img{margin-top:15px;}
.text .news-box p {margin-bottom:0px !important; margin-top:5px !important; font:11px arial !important; color:#333;}
.text .news-box h4 {margin-bottom:0px; font:bold 12px arial; color:#333;}
.text .news-box .gray > span {font:11px arial; color:#005784; text-transform:uppercase;}
.text .news-box .gray {background-color: #F0F0F0; float:left; width:auto; padding:5px; width:424px;}
.text .news-box.img .gray {width:274px; min-height:90px;}
.text > img {border:1px solid #DDD; position:relative; left:-2px; top:-2px;}
.text.spacer h3 {margin-bottom:13px;}
.text.space-top .news-box {margin-top:15px;}
.text.area h5 {margin-bottom:15px;}
.text.area.contact > img {position:relative; top:1px;}

.text.position p {padding:5px; margin:5px 0 5px !important;}
.text.position .gray {background-color:#F0F0F0;}
.text.position strong {display:block; color:#005784; margin:15px 0px;}

.nav-numbers {overflow:hidden; text-align:right; margin:5px; background-color:#333; padding:5px 10px;}
.nav-numbers li {display:inline; padding-left:3px;}
.nav-numbers li a {color:#FFF; font:11px arial; text-decoration:none;}
.nav-numbers li.on a {font-weight:bold; font-size:12px;}

.nav-results {overflow:hidden; text-align:left; margin:5px; background-color:#333; padding:8px 10px;}
.nav-results li {display:inline; padding-left:3px; color:#FFF; font:12px arial;}
.nav-results li strong {font-weight:bold; font-style:italic;}

.kit {background:url(../img/kit.png) no-repeat left top; width:220px; height:110px; position:relative; margin-top:10px;}
.kit > div {width:100px; position:absolute; left:10px; top:20px;}
.kit h4 {text-transform:uppercase; color:#005784;}
.kit a.arrow.download {left:1px; width:60px; background-image:url(../img/download.png); bottom:10px;}

.links-box {position:relative; padding-right:100px; background-color:#F0F0F0; padding:10px; margin-top:15px;}
.links-box h4 {margin-bottom:0px; font:bold 12px arial; color:#333;}
.links-box span {font:11px arial; color:#005784; text-transform:uppercase;}
.links-box a {position:absolute; right:1px; bottom:1px;}

.clients {padding:6px; background-color:#FAFAFA;}
.clients ul {margin:15px 0px 30px 0px;}
.clients ul li {display:block; margin:1px 0px;}
.clients ul li a {display:block; text-align:center; border:1px solid #ECECEC; height:100px; background-color:#FFF;}
.clients a > img {margin-top:0.8em;}
.clients .arrow {bottom:10px; right:7px; }

.box.form-container.contacto h4,
#right .box.form-container.contacto > .forms input,
#right .box.form-container.contacto > .forms textarea,
#right .box.form-container.contacto a.arrow.color {color:#183F68 !important;}
#right .box.form-container.contacto a.arrow.color { background-image:url(../img/arrow-link2.png);}

.menu.search div {width:225px; height:40px; position:relative; padding-bottom:12px; margin-top:21px; border-bottom:4px solid #DDD;}
.menu.search div > input {width:175px; height:29px; border:1px solid #DDD; overflow:hidden; padding:0px 2px 0px 6px; line-height:28px;}
.menu.search div > a {width:38px; height:35px; background:url(../img/btn-searchIcon.png) no-repeat left top; display:block; text-indent:-9000px; position:absolute; right:0px; top:-5px;}

.news-box.no-border {border:none; padding:0px 12px; padding-bottom:30px; border-bottom:2px solid #EEE;}
.news-box.no-border h4 {color:#005784;}
.news-box.no-border a.arrow {bottom:10px; background-image:url(../img/arrow-link.png); color:#333;}
.news-box.no-border.no-border-bottom {border-bottom:0px;}
.box.h460.pesquisa h3 {margin:5px;}



/*------------------------------------------------*/
.map{height:400px;}



























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

