/*@ engine:start */
html, body{ height: 100%; margin: 0; padding: 0; }
body { font-size:12px; line-height: 140%; background: #fff;
color:#2E2E2E;
font-family: arial, tahoma, sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px; }
body,ul { margin: 0; }
h1 { color: #133557; font: normal 28px arial, sans-serif; line-height: 36px; margin-bottom: 10px; letter-spacing: -1px; }
h1 em { font-weight: normal!important; color: #B3B9BF; }
h2 { color:#333; line-height: 1.2em; font-size: 1.5em; font-weight: bold; margin: 0.5em 0; font-family: Arial, sans-serif; letter-spacing: -1px; }
h2.orange { color: #EF8100!important; }
h2.op { border-bottom: 1px solid #CCC; padding:10px 0 7px; }
h3 { color: #133557; display:block; font-size:16px; font-weight:bold; margin:0 0 2px; padding: 0; }
h4 { color: #1A77A7; display:block; font-size:15px; font-weight:bold; margin: 2px 0 4px 0; padding: 0; }
h5 { color: #1A77A7; display: block; font: bold 12px arial, sans-serif; margin: 0 0 2px; padding: 0; }
h5.div { margin-top: 30px; }
h6 { font: bold 12px arial; margin: 3px 0 2px;}
h7 { font-size: 1.5em; font-weight: normal; margin-bottom: 8px; margin-top:15px; padding-bottom: 8px; background: url(/interface/imgs/bline.gif) no-repeat left bottom; color: #1B3350; letter-spacing: -1px; }
img { border:0;}
q { font: 20px Georgia, serif; letter-spacing: -1px; line-height: 22px; }
a { outline: none; color: #3B9DBF; }
a:hover { text-decoration: none; color:#4DADCF; }
a:visited { color: #3B90BF; }
td { vertical-align: top; }
p { margin-top: 0; }
cite { background: #ececec; padding: 5px; display: block; }
hr { border: 0; color: #CCC; background-color: #CCC; height: 1px; width: 100%; text-align: left; margin: 10px 0; }
button { cursor:pointer }
button img { vertical-align: middle; }
.left-column { float: left; width: 500px; margin-right: 20px; border-right: 1px dotted silver; padding-right: 20px; }
#maindiv { background: #fff; } /* min-height: 100%; overflow: hidden; */
#langflags {text-align:right;}
#langflags a {font:9px verdana; text-decoration:none; color:#24549C;}
#langflags a:hover {text-decoration: underline;}
.struct { margin: 0 auto; width: 990px; }
.showright { margin-right:220px;}
#main { background: #fff; }
#main-body { }
#main .inner { margin:0 3px 0 6px; padding: 0; padding-bottom: 20px; }
#content { }
/*#content a { color:#36567D; }
#content a:hover { color: #3BAFEF; }*/
#content ul, #content ol { padding-left: 25px; margin: 10px 0; }
#content ul li { list-style-image: url(/interface/imgs/bullet_gray.gif); line-height: 20px; }
#content-header { background: url(/interface/imgs/header_lblue_02.png) repeat-x left bottom; height: 118px; margin-top: 6px; margin-bottom: 18px; border-bottom: 9px solid #e5e5e5; }
#content-header.blue { background-image: url(/interface/imgs/blue_bar.png); }
#content-header.darkblue { background-image: url(/interface/imgs/darkblue.png); }
#content-header.bluemetal { background-image: url(/interface/imgs/bluemetal.png); }
#content-header.blue.large { background-image: url(/interface/imgs/large_blue.png); height: 306px; text-align: center; }
#content-header.gray { background-image: url(/interface/imgs/gray_bar.png); }
#content-header.green { background-image: url(/interface/imgs/green_bar.png); }
#content-header.lblue { background-image: url(/interface/imgs/header_lblue_02.png); }
#content-header.lblue.large { background-image: url(/interface/imgs/header_lblue_01.png); height: 306px; text-align: center; }
#content-header.red.large { background-image: url(/interface/imgs/large_bar_red.png); height: 306px; text-align: center; }
#content-header .sinopse { float: right; margin: 15px; width: 530px; text-align: left; padding: 5px; font: 12px arial; line-height: 1.3em; color: #fff; }
#content-header.gray .sinopse { color: #353535; }
#content-header .pic { height: 120px; vertical-align: bottom; }
#sub-links { text-align: right; margin-top: -5px; }
#sub-links a { font: bold 12px arial; text-decoration: none; color: #aaa; margin-right: 8px; white-space: nowrap; }
#sub-links a:hover { color: #888; }
#sub-links a.on { color: #FF8000; }
#navbar { font-size:10px; color:#333; font-family: tahoma, arial, sans-serif; margin:15px 0 10px 0; padding:0 0 5px 3px; border-bottom:1px solid #ccc; }
#navbar a { color:#666; text-decoration:none; } /*background:url(/interface/imgs/arrow.gif) no-repeat right center; padding-right:5px; margin-right:3px;*/
/* navegacao: menu vertical direito */
#rightside { float: right; width: 200px; margin: 0 0 20px 20px; }
#navigation { }
#navigation ul { padding: 0; }
#navigation li { list-style-type: none; }
#navigation a { background: url(/interface/imgs/sbmenu_bg.png) repeat-y left top; padding: 6px 0 6px 21px; display: block; text-decoration: none; color: #1862b2; border-top: 1px solid #c8d2d8; font-family: arial; line-height: 16px; }
#navigation li ul { padding-left: 22px; margin: 0;}
#navigation li li a { border-top: 0; padding: 5px 0!important; background: transparent!important; font: normal 11px tahoma!important; border-top: 1px dotted #c8d2d8; }
#navigation li li a.on { color: #FF7200; }
#navigation a.on { background: url(/interface/imgs/sdot.gif) no-repeat 8px 11px; font-weight: bold; padding-left: 22px; }
#navigation a:hover { color: #3BAFEF; }
/* footer */
#footer { height: 301px; color:#666; background: #627894; } /* position: relative; margin-top: -160px; */
#b-area { width: 1020px; margin: 0 auto; height: 244px; background: url(../imgs/footer.jpg) no-repeat left top;}
#b-area .inner { width: 950px; margin: 0 auto; }
#gray-zone { }
#blue-zone { padding: 10px 0 0 10px; }
#lownav { float: left; font: 11px tahoma; width: 460px; white-space: nowrap; overflow: hidden; }
#lownav a.navbar { background: url(../imgs/lownav_div.png) no-repeat right center; padding-right: 40px; height: 28px; padding-top: 12px; display: block; float: left; text-decoration: none; color: #fff; font: 11px tahoma; text-shadow: 1px 1px 0 #000; }
#lownav a.navbar:hover { text-decoration: underline; }
#lownav span { height: 28px; padding-top: 12px; display: block; float: left; white-space: nowrap; font: 11px tahoma; color:#FF7E00; text-shadow: 1px 1px 0 #000; }
#blinks { text-align: right; padding: 10px 10px 0 10px;}
#blinks a { color: #848484; font:11px tahoma; margin-left: 10px; text-decoration: underline; }
#blinks a.h1 { color: #2579b7; font:bold 11px tahoma; }
#blinks a.h2 { color: #31699F; font:11px tahoma; }
#blinks a:hover { color: #FF7E00!important; }
#bleft { float: left; color: #A8BDCF; font: 10px verdana; letter-spacing: -1px; width: 330px; padding-top: 20px; }
#footermenu { float: right;}
#footermenu .section { float: left; margin: 16px 25px 0 0; padding-left: 15px; border-left: 1px solid #1b4d7e }
#footermenu h3 { color: #5384BF; font: bold 11px tahoma; }
#footermenu ul { padding-left: 0; }
#footermenu li { list-style: none; padding-left: 0; }
#footermenu a { font: 11px tahoma; text-decoration: none; color: #9BB8CF; display: block; background: url(/interface/imgs/bdot.gif) no-repeat left 8px; padding: 3px 2px 3px 12px; }
#footermenu a:visited { color: #3F657F; }
#footermenu a:hover { background-image: url(/interface/imgs/wdot.gif); color: #C2DCEF; }
#powered { margin-top: 120px; text-align:right; }
#copyright { width: 990px; margin: 10px auto 0; color: #7896AF; font: 10px verdana; letter-spacing: -1px;}
#copyright a { color: #7896AF; }
/* login screen */
#page-imager { height: 400px; border-top: 1px dotted #6da5e8; border-bottom: 1px dotted #6da5e8; margin-bottom: -20px; }
#page-imager #navbar { border: 0; color: #fff; padding: 15px 0 0 27px; margin: 0; }
#page-imager #navbar a { color: #9BB3CF; }
/* services */
/*.desc-mask { overflow: hidden; width: 540px; height: 209px; position: relative; margin: 158px 0 0 441px; }
#desc { position:absolute; height: 209px; padding: 0 20px; }
#desc > div { width: 540px; height: 209px; float: left; color: #ececec; }
#desc div h1 { padding: 0; margin: 5px 0 10px 0; color: #ff9600; }*/
#servicos-imager { height: 500px; background: url(/interface/imgs/servicos.jpg) no-repeat; margin-bottom: -20px; border-top: 1px dotted #6da5e8; border-bottom: 1px dotted #6da5e8; }
#desc { background: url(/interface/imgs/bmask.png); float: right; width: 700px; top: 80px; position: relative; padding-top: 10px;}
#desc > div { float: left; width: 230px; color: #ececec; font: 11px tahoma; }
#desc div h1 { padding: 0 30px; margin: 5px 0 10px 0; color: #FF910F; font-size: 18px; line-height: 18px; }
#desc div p { padding: 10px 10px 10px 30px; height: 110px; }
.horizontal-nav ul { padding: 0!important; }
.horizontal-nav li { padding-bottom: 6px; margin-bottom: 10px; list-style: none!important; float: left; width: 125px; }
.horizontal-nav a { display: block; font: 11px tahoma; padding-bottom: 10px; text-decoration: none; color: #3d5063!important; border-bottom: 1px solid #d8d8d8; height: 40px; padding-right: 33px; }
.horizontal-nav a:hover { text-decoration: underline; }
.horizontal-nav .on { background: url(/interface/imgs/darrow.png) no-repeat center bottom; }
.horizontal-nav .on a { font-weight: bold; }
/* suporte */
#suporte h3 { font: bold 13px verdana!important; color: #000; margin-bottom: 10px; }
#suporte a { color:#07679A; font: 11px verdana; text-decoration: none; }
#suporte a:hover { text-decoration: underline; }
#suporte ul { margin: 0; padding-left: 20px; }
#suporte li { list-style-image: url(/interface/imgs/bullet_gray.gif); line-height: 11px; padding: 3px; }
/* tabelas - o alt class vai ser via JS */
.table { border-collapse: collapse; }
.table th, .table td { padding: 4px 10px; text-align: left; border-top: 1px solid #c8cfd4; border-right: 1px solid #c8cfd4; border-bottom: 1px solid #c8cfd4; }
.table thead th, .table thead td { text-transform: uppercase; border-top: 0; border-left: 0; border-right: 0; color: #53575F; }
.table tbody th { border-left: 0; color: #41545F; border-top: 0; }
.table tbody td { border-right: 1px solid #c8cfd4; border-bottom: 1px solid #c8cfd4; border-top: 0; background: #fff; }
.table tr.alt th, .table tr.alt td {background: #e4e8eb; color: #41545F;}
.product-overview { margin-right: -28px; margin-bottom: 40px;}
.product-overview td { padding-right: 28px; }
.product-overview h3 { margin: 5px 0 3px; text-shadow: 1px 1px 0 #fff; }
.product-overview h4 { margin-bottom: 3px; text-shadow: 1px 1px 0 #fff; }
.product-overview p { margin: 0; text-shadow: 1px 1px 0 #fff; }
.product-overview div { padding: 0 10px; width: 290px; }
.small img { float: left; margin-right: 10px; }
.divider span { border-top: 1px dashed silver; margin-top: 40px; display: block; width: 100%; }
.news { clear: left; margin-bottom: 20px; }
.news a.title {color:#002D53;
font-family:arial,helvetica;
font-size:14px;
font-weight:bold;
text-decoration:none;
margin-bottom:1px; display:block;}
.news a.title.big { font-size: 18px; color: #1A77A7; }
.news a.title:hover {text-decoration: underline;}
.news .date {color:#8F8F8F; font-size:11px; font-style:normal; }
.news p {margin-top:4px; font-size:12px; }
.news .pic {float:left;margin-right:10px; padding:1px; border:1px solid #d0d0d0; line-height: 0;}
.news .pic img { }
.quote {margin-bottom:1em;}
.quote blockquote,
.blockquote {font-family:Georgia,serif; line-height:1.4em; font-size:15px; background:url(/interface/imgs/blockquote.gif) no-repeat left top; margin-left:0; padding-left:30px; margin-bottom:0.5em;}
.author {margin-left:23px; color:#9A9A9A; font-family:arial,helvetica; font-size:0.95em; margin-bottom:0; line-height:1.4em;}
.quote .website {margin-left:29px; color:#9A9A9A; font-family:arial,helvetica; font-size:0.95em;margin-bottom:0;}
.clear {clear:both;}
.colset {clear:both;}
/*.leftcol {floar:left; width:48%; }
.rightcol {float:right; width:35%; margin-top:-20px;}*/
.blog {border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px;}
.blog h2 {color: #21629A; font-size: 28px; letter-spacing:-1px; margin-bottom:2px; font-weight: normal; }
.blog .date {color:#8F8F8F; font-size:11px; font-style:normal; background:url(/interface/imgs/clines.gif) no-repeat left center; padding-left:12px; }
/* estilos de sistema */
#letter-selector a { font-weight: bold; color: #EF8100; text-decoration: none; }
#letter-selector a.on { background: #1d578b; width: 10px; padding: 1px 4px; color: #FFF; font-weight: normal; }
#selected-letter { color: #fff; }
/* conteudos: diversos estilos */
.big-text, big { color:#999999; font-size: 16px; line-height: 22px; margin-bottom: 20px; float: left; width: 380px; margin-right: 20px; }
big strong, big b { color: #294C6F; }
.info { color: #577FAF; font: 16px arial; line-height: 16px; margin: 10px 0; }
.list-item { margin: 16px 0; width: 400px; }
.list-item .qa h4 { color: #316B9F; font: bold 11px tahoma,verdana; padding: 0; margin-bottom: 3px; }
.list-item .qa p { padding: 0; margin: 0; }
.left-column { width: 380px; float: left; padding-right: 20px; border-right: 1px dotted gray; }
.right-column { margin-left: 400px; }
.bloco-text { max-width: 400px; }
.three-columns { margin-left: -20px; }
.three-columns div.column { float: left; width: 240px; margin-left: 20px; }
.items { }
.items li { padding-bottom: 10px; list-style: outside url(/interface/imgs/cuboorange.gif); padding-left: 20px; }
.right-divider { margin-right: 20px; padding-right: 20px; border-right: 1px dotted gray; float: left; }
.label { width: 75px; }
.faq { padding:3px; border-bottom: 1px dotted silver; margin-bottom: 3px; }
.faq a { text-decoration: none; background: url(/interface/imgs/fq.gif) no-repeat left center; padding-left: 20px; color: #1977B6;}
.faq a:hover { text-decoration: underline; }
/* conteudos: bloco */
.bloco { margin: 0 0 60px 0; }
.bloco.leftpic img.large-pic { float: left; margin-right: 40px; }
.bloco.rightpic img.large-pic { float: right; margin-left: 20px; }
.float-left { float: right; margin-left: 20px; }
.float-right { float: right }
/* conteudos: colunas*/
.columns4 { margin-left: -40px; }
.columns4 div { float: left; width: 20%; margin-left: 40px; }
.bloco.round { padding: 20px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; }
.bloco.grey { background: #E4E3E3; }
.bloco.blue{ background: #7891AF; color: #fff; }
.bloco.blue h1 { color: #fff; margin: 0; }
.bloco.blue h2 { color: #fff; }
.round-cube { -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 8px; font-size: 11px; font-family: tahoma; }
.round-cube.grey { background: #E4E3E3; }
.round-cube.blue { background: #7891AF; color: #fff; }
/* conteudos: tile links no final do conteudo */
.tileblocks { background: #93989f; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding-right: 0; margin: 10px 0 0; }
.tileblocks a { float: left; padding: 10px; margin-right: 10px; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; display: block; width: 25%; color: #fff!important; }
.tileblocks a:hover { background: #b8bdc4; }
.tileblocks b { font-size: 14px; color: #000; display: block; }
.tileblocks img { float: left; margin-right: 10px; }
.gallery { border: 1px solid #000; background: #000; width: 300px; }
.gallery h5 { background: url(/interface/imgs/tbarbg.png) repeat-x left top; color: #fff; font: bold 14px arial; padding: 6px 10px; border-bottom: 2px solid #FF910F; }
.gallery a { margin: 1px; }
.gallery img { width: 74px!important; height: 74px!important; }
.picture { border: 3px double silver; }
.picture h3 { padding: 5px 10px; margin: -3px; background: #728297; font: bold 14px arial, tahoma; letter-spacing: -1px; color: #fff; }
.system-notice { background: #ececec; border-bottom: 1px dashed gray; padding: 2px; font: 10px verdana;}
a.underline { text-decoration: underline!important; }
.video { border-bottom: 1px dashed silver; margin: 10px 0; padding-bottom: 10px; }
.video img { float: left; margin-right: 10px; }
.video a { font: bold 12px arial; text-decoration: none; color: #1862B2 }
.video a:visited { color: #4784BF; }
.video .date { font: 11px tahoma; color: gray; }
.video-bullet { list-style-image: url(/interface/imgs/video_bullet.gif)!important; }
.portal-ficheiro {line-height:1.2em; width: 230px; float: left; margin-right: 20px;}
.portal-ficheiro b {color:#002D53; }
.portal-ficheiro img {float:left; margin-right: 16px;}
.portal-ficheiro em {color:#8F8F8F; font-size:11px; font-style:normal; background:url(/interface/imgs/clines.gif) no-repeat left center; }
.portal-ficheiro p {font-size:11px; font-family:tahoma;}
.portal-ficheiro a {font-size:11px; font-family:tahoma;}
#start-tiles { margin-left: -15px; line-height: 14px!important; }
.start-tile { width: 234px; margin-left: 15px; float: left; }
.start-tile .image { height: 120px; }
.start-tile .image a { background: url(/interface/imgs/stile2.png) no-repeat left top; display: block; height: 120px; color: #fff; font: bold 11px tahoma; text-decoration: none; }
.start-tile .image a:hover { background-position: left bottom; }
.start-tile.nov .image a { background-image: url(/interface/imgs/stile.png) ; }
.start-tile .image a b { position: relative; top: 8px; left: 8px; text-shadow: 0 0 5px #224B6F }
.start-tile.nov .image a b { text-shadow: 0 0 5px #FFF }
.start-tile a.text { font-family: tahoma, arial; font-size: 11px; text-decoration: none; color: #727272; cursor: pointer; }
.start-tile a.text b { color: #35709c; margin: 10px 0 3px 0; display: block; }
.start-tile a.text:hover { text-decoration: underline; }
/*
.highlight { }
.highlight .title { background: url(/interface/imgs/stile_01.png) no-repeat; width: 234px; height: 28px; color: #fff; }
.highlight .title b { padding: 8px 0 0 8px; display: block; font-weight: normal; font: 11px tahoma, arial!important; }
.highlight .tile-mask { position: relative; width: 234px; height: 180px; overflow: hidden; }
.highlight #news1 { position:absolute; }
.highlight #news1 > div { width: 234px; height: 180px; float: left;}
.highlight #news2 {position:absolute; }
.highlight #news2 > div { width: 234px; height: 180px; float: left;}
.highlight #news3 { position:absolute; }
.highlight #news3 > div { width: 234px; height: 180px; float: left;}
.highlight .placer-news { }
.highlight .placer-news .pic { width: 234px; height: 92px; }
.highlight .placer-news .inner { margin: 0!important; padding: 5px!important; }
.highlight .placer-news .inner .text { height: 50px; }
.n-title { font: bold 11px tahoma; color: #35709c; margin: 5px 0 3px 0; }
.n-txt { font: 11px tahoma; color: #727272; }
*/
a.btn1 {background: url(/interface/imgs/btnbg.png) no-repeat top left; width: 80px; height: 16px; display: block; text-decoration:none; color: #fff!important; text-transform: uppercase; font:10px verdana; letter-spacing:-1px; padding-top: 4px; text-align: center; }
a.btn1:hover { background-position: bottom left; }
a.btn2 {background: url(/interface/imgs/btn1.png) repeat-x left center; padding: 3px 8px; text-decoration:none; border: 1px solid #deeaff; color: #fff; text-transform: uppercase; color:#deeaff; font:11px arial; letter-spacing:-1px;}
.small-text { font: 10px verdana!important; letter-spacing: -1px; }
.small-text2 { font: 10px arial!important; color: #888; margin-bottom: 3px; }
#versoes-table { font: 11px tahoma; }
#versoes-table tbody th { padding: 4px 8px; background: #DDD; font: 11px tahoma; text-transform: uppercase; text-align: left; color: #000; }
#versoes-table td { border-bottom: 1px solid #DDD; padding: 5px 0; font: 11px tahoma; color: #333; }
#versoes-table td.desc { }
#versoes-table td.desc a { color: #4F667F; text-decoration: underline; }
#versoes-table td.desc a:hover { color: #FF8000; }
#versoes-table td img { margin-left: 65px; }
#versoes-table p { margin: 2px 0; }
.features p { margin: 0; }
/* override styles*/
.gallery_table { width: inherit!important; }
.gallery_table td { padding-right: 30px; }
.round-corners { -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.back { }
.back a { display: block; width: 50px; padding: 3px 4px; background: #5788AF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; color: #fff!important; text-decoration: none;}
.back a:hover { background: #6FAFDF; }
.date { font: 11px tahoma; color: gray; }
/* form */
.form { margin: 20px 0; }
fieldset { border: 1px solid #484848; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 15px 15px 0 15px; }
.input { font: 12px tahoma, arial; margin-bottom: 10px; }
.input input , .input textarea, .input select { font: 11px verdana; color: #22364F; background: #D1D7DF; border-left: 1px solid #8FA4BF; border-top: 1px solid #8FA4BF; border-right: 1px solid #C3CFDF; border-bottom: 1px solid #C3CFDF; padding: 2px; }
.input input:focus, .input textarea:focus, .input select:focus { border-color: #6B91BF; background: #C3CFDF; }
.input label { display: block; font: bold 11px tahoma; color: #627894; margin-bottom: 3px; }
.input label span { color: #FF0000; }
.input .small { margin-left: 10px; font: 12px tahoma,arial; color: #b3b3b3; }
.input .down-space { margin-bottom: 6px; }
.input legend { color: #b3b3b3; }
.input .wide { width: 270px; }
.top { background: url(../imgs/top.gif) no-repeat right center; padding-right: 15px; font: 11px verdana; float: right; }
/* engine:end @*/
body { background: #627894 url(../imgs/wline.gif) repeat-x top; }
table td { border: none }
.error-message { color: #FFF; font: 12px tahoma; margin: 20px 0 -40px -20px; background: transparent url(/interface/imgs/b_60.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 0 10px 45px; width: 660px; line-height: 18px; }
#glossario-destaques { padding-left: 20px; margin-left: -10px;}
#glossario-destaques a { display: block; background: url(/interface/imgs/gray_cube.gif) no-repeat left center; padding-left : 12px; font: 11px arial, tahoma; margin-left: 10px; color: #1B497A; margin-bottom: 4px; text-decoration: none; }
#glossario-destaques .title { font: 11px tahoma; color: #444751; margin-bottom: 6px; text-transform: uppercase; background: none; margin-left: 0; }
#glossario-destaques a:hover { text-decoration: underline; }
.right-block { margin-top: 40px; border-top: 1px solid silver; padding: 15px 0 0 20px; color: #444751; font-family:Helvetica,Arial,sans-serif; font-size:12px; }
#top { background: #FFF url(../imgs/topbg.png) repeat-x center bottom; height :120px; }
#toplinks { height: 18px; float: right; padding-top: 27px; }
.search-field, .search-button{ float: left; }
.search-field input { width: 100px; background: none; border: none; color: #6889b0; font: 11px tahoma; margin: 8px 15px 0 28px; padding-left: 5px; border-left: 1px solid #4479a9; }
.search-field input:focus { color: #89a9cd; border-color: #89a9cd;}
.search-button input { margin-top: 3px; display: none; }
#logo { height: 67px; margin-left: 5px; padding-top: 17px; }
#menu { height: 36px; background: url(../imgs/top_bg.png) no-repeat right bottom; }
/* menu principal */
#sections { float:left; background:url(../imgs/top_04.png) repeat-x center top; height: 36px; overflow: hidden; }
#sections a { display:block; width: 90px; float:left; margin-right:1px; text-align:center; color:#85a3c5; text-decoration:none; font:11px tahoma; font-weight:bold; padding: 13px 2px 10px 2px; box-shadow: }
#sections a.on { border-top: 3px solid #FF910F; color:#fff; padding-top:7px!important; margin-top: 3px;}
#sections a:hover { }
#sections a.last { background:url(../imgs/top_05.png) no-repeat right top; width:176px; color: #A4C8EF; padding-top: 11px; padding-bottom: 12px; }
#sections a.last.on { background:url(../imgs/top_05.png) no-repeat right top; border:0!important; margin-top: 0!important; padding-top: 11px!important; color: #FFF; }
/*
SITEMAP
mapa do site
*/
div.sm1 { float:left;width:230px;padding-top:10px;padding-left:3px; }
.sm1 a { text-decoration:none; color: #FF7200!important;}
a.sm1 { display:block;margin-left:1px; padding-left:10px; font-weight:bold; text-transform:uppercase; font-size:10px; margin-bottom:2px;}
a.sm2 { color:gray!important;display:block;margin-left:1px; padding-left: 10px; font-weight:bold; text-transform:uppercase; font-size:10px; margin-bottom:2px;}
a.sm3 { display:block; text-decoration:none; color:gray!important; padding-left: 20px; font-size: 11px; margin-bottom:2px;}
a.sm4 { display:block;margin-left:30px; padding-left:20px; text-decoration:none;color:gray!important;}
a.sm5 { display:block;margin-left:40px; padding-left:20px; text-decoration:none;color:gray!important;}
a.sm2:visited, a.sm3:visited, a.sm4:visited, a.sm5:visited { color: #9F9F9F!important; }
.sm1 a:hover { text-decoration: underline!important; }
/* paginacao */
.page-nav {text-align: center; margin-top: 20px;}
.page-nav span {display: block; width: 15px; height: 14px; padding: 3px; background-color: #779DBF; float: left; margin-right: 5px; font:10px verdana; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.page-nav a {display: block; width: 15px; height: 14px; padding: 3px; background-color: #D1D8DF; float: left; margin-right: 5px; font:10px verdana; color: #30516F!important; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.page-nav a:hover {text-decoration: none; background: #8EAFCF!important; }
.page-nav a.previous, .page-nav a.next { background: #B5C2CF; color: #fff!important; padding: 3px 10px; }
/* formularios */
#login-form { background: url(/interface/imgs/w_bg_20.png); border: 1px solid #fff; margin: 0 auto; width: 380px; padding: 14px 14px 0 20px; margin-top: 80px!important; margin-right: 400px!important; }
#login-form h1 { color: #fff; margin-top: 0; margin-bottom: 5px; }
#login-form p { color: #fff; margin-top: 0; }
#login-form label { font: 11px tahoma; color: #f3d595; display: block; width: 80px; float: left; }
#login-form div { margin-bottom: 10px; }
#login-form input { width: 200px!important; border: 1px solid #fff; padding: 2px; font: bold 14px tahoma; background-color: #EEEFF0; color: #03182F; }
#login-form .small { font: 11px tahoma; margin: 0 20px; }
#login-form .small a { color: #366DAF; }
#login-form button { font: 11px tahoma; padding: 6px 15px; cursor: pointer; }
/* formulario de contacto */
/*
.form { margin: 20px 0; }
.form div { margin-bottom: 10px; }
.form label { font: 11px tahoma; color: #8F8F8F; display: block; }
.form label.required { }
.form option { font: 11px verdana; }
.form div input, .form div select, .form div textarea { width: 250px!important; border: 1px solid #c8d2d8; padding: 2px; font: 11px verdana; background-color: #EEEFF0; }
.form div :focus { border-color: #538CBF }
.input input, .input select, .input textarea { border: 1px solid #6289AF; padding: 3px; font: bold 12px arial; color: #2C3F4F; width: 300px; font-style: italic; margin-bottom: 3px; }
.input input:focus, .input select:focus, .input textarea:focus { border-color: #2F577F }
.form-submit-button { text-align: right }
*/
/*
#email, #nome { width: 230px; }
#password1, #password2 { width: 130px; }
#telef, #telem { width: 100px; }
#pais { width: 130px; }
*/
.btn input { cursor: pointer; }
/* calendario */
.clPlacer { text-align: center; margin: 10px 0; }
.clPlacer table { margin: 0 auto; }
.clMonth a { color: #000; font: bold 11px tahoma; }
.clDayNames { font: 9px verdana; text-transform: uppercase; color: #7F7F7F; letter-spacing: -1px; padding: 4px 2px; }
.clD { padding: 1px; width: 25px; }
.clD span, .clD a { display: block; padding: 4px; background: #fff; color: #627894; font: 11px arial; }
.clD a { background: #A8BBCF url(/interface/imgs/large_blue.png) no-repeat center center; color: #fff; text-decoration: none; font-weight: bold; }
.clD a:hover { background: #8FA7BF; }
.clFds span { background: #E0E7EF }
.clToday span { border: 1px solid #E87502 }
#accordion h3 { background: #425b7b url(/interface/imgs/openc.gif) no-repeat right center; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: bold 11px tahoma; margin: 0; cursor: pointer; }
#accordion h3:hover { color: #B5C1CF!important; }
#accordion h3:active { background-color: #304D6F; }
#accordion .element { font-size: 11px; font-family: tahoma; margin-bottom: 4px;}
#accordion .element > div { padding: 4px 10px 20px; }
/* client thumbs - slider */
.mask { position: relative; width: 760px; height: 450px; overflow: hidden; }
#client-thumbs { position:absolute; }
#client-thumbs > div { width: 760px; height: 450px; float: left;}
#client-thumbs td { padding: 0 28px 20px 0; }
#client-thumbs h4 { margin-bottom: 0px; margin-top:4px; padding-bottom: 0; letter-spacing: -1px; line-height:14px; color: #000; }
#client-thumbs a { text-decoration: none; color: #929292; font: 10px verdana; letter-spacing: -1px; }
#client-thumbs a:hover { text-decoration: underline; }
.client-thumb { float: left; width: 250px; margin-bottom: 20px; }
.client-thumb h4 { margin-bottom: 0px; margin-top:4px; padding-bottom: 0; letter-spacing: -1px; line-height:14px; color: #000; }
.client-thumb .url a { text-decoration: none; color: #929292; font: 10px verdana; letter-spacing: -1px; }
.client-thumb .url a:hover { text-decoration: underline; }
.client-thumb .tag { color: #929292; font: 10px verdana; letter-spacing: -1px; }
.client-thumb .tag a { text-decoration: none; color: #FF8000; font: 10px verdana; letter-spacing: -1px; }
.client-thumb .tag a:hover { text-decoration: underline; }
div.group { height: 146px; background: url(/interface/imgs/bluegrad.jpg) no-repeat; padding: 10px; }
a.group, a.groupon { width: 200px; padding: 4px; float: left; text-decoration: none; text-shadow: 1px 1px 0 #224B69 }
.grouplbl { color: #fff; }
a.group { color: #61B2DF!important }
.groupon { color: #fff!important; text-shadow: none!important; }
.grouparea { clear: left; margin-top: 10px; }
a.group:hover, a.groupon:hover { background: url(/interface/imgs/w_bg_20.png); color: #fff!important; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.group:active, a.groupon:active { text-shadow: none!important; }
#handles4 { width: 130px; margin-left: 350px; margin-top: 20px; }
#handles4 span { background:url(/interface/imgs/dot_off.png) no-repeat center center; display: block; float: left; width: 17px; height: 15px; margin-right: 5px; cursor: pointer; }
#handles4 span.active { background-image:url(/interface/imgs/dot_on.png); }
#sister-pages { background: #d9d9d9; border-top: 1px solid #ccc; padding: 8px; margin-top: 20px; margin-bottom: -10px; clear: both; }
#sister-pages a { font: bold 12px arial; color: #494d4d; text-decoration: none; margin: 0 20px;}
#sister-pages a:hover { color: #FF7E00; }
/* start - slider */
.wide-mask { position: relative; width: 981px; height: 260px; overflow: hidden; margin-bottom: 10px; }
#start-slider { position:absolute; }
#start-slider > div { width: 981px; height: 260px; float: left;}
.upmobe-mask { position: relative; width: 625px; height: 450px; overflow: hidden; margin-bottom: 10px; }
#upmobe-slider { position: absolute; }
#upmobe-slider > div { width: 625px; height: 450px; float: left;}
#upmobe-slider > div img { float: right; margin-left: 20px;}
.bling { background: #A7BFD0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px; color: #fff; }
.bling a { color: #F58400; font-weight: bold; }
.bling a:hover { text-decoration: none; }
.tip div { background: #EFD695; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 8px; padding: 8px; }
.tip { background: url(/interface/imgs/tip-arrow.png) no-repeat right center; width: 278px; }
#handles { width: 180px; height: 41px; margin-bottom: -50px; position: relative; padding-top: 15px; padding-left: 15px; }
#handles span { background: url(/interface/imgs/idot_off.png) no-repeat center center; display: block; float: left; width: 16px; height: 16px; margin-right: 3px; cursor: pointer; }
#handles span.active { background-image: url(/interface/imgs/idot_on.png); }
a.introbtn1 { background: url(/interface/imgs/intro1btns/btn_01.png) no-repeat left top; display: block; float: left; width: 194px; height: 36px; }
a.introbtn1:hover { background-position: left bottom; }
a.introbtn2 { background: url(/interface/imgs/intro1btns/btn_02.png) no-repeat left top; display: block; float: left; width: 103px; height: 36px; }
a.introbtn2:hover { background-position: left bottom; }
a.introbtn3 { background: url(/interface/imgs/intro1btns/btn_03.png) no-repeat left top; display: block; float: left; width: 97px; height: 36px; }
a.introbtn3:hover { background-position: left bottom; }
/* portal de agente */
#portal-agente #navbar { border: none; margin-top: 0; padding-left: 8px; }
.agente-bar { margin-right: 238px; width: 275px; height:100px; float: right; font-family: tahoma; font-size: 11px; position: relative; z-index: 9999; }
#agente-info { background: #E4E3E3; padding: 4px 8px; color: gray; }
#agente-info b { color: #000; }
#agente-info a { color: #4C79AF; }
.agente-tab { margin-bottom: 5px; padding: 2px 0 6px 8px; font-family: tahoma; font-size: 11px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; background: #E4E3E3; }
.agente-tab a { display: block; color: #000; text-decoration: none; background: url(/interface/imgs/up_down.png) no-repeat left center; padding-left: 22px; }
.agente-tab img { vertical-align: bottom; }
#dashboard { }
#dashboard .leftcol { width: 430px; float: left; margin-right: 12px;}
#dashboard .rightcol { width: 305px; float: left; }
#dashboard .gtitle { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffcf71; padding: 5px 10px; font-size: 12px; margin: 10px 0 5px; }
#dashboard .graph1 { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe7c0; padding: 4px; }
#configurador-engine li { list-style-image: none!important; font-weight: bold; }
#configurador-engine .item-group { border-bottom: 1px solid #D4D4D4; background: #eee url(/interface/imgs/gradient-bottom.png) repeat-x left bottom; color: #686C70; font: bold 12px arial; padding: 7px 10px; text-shadow:0 1px rgba(255, 255, 255, 0.8); }
#configurador-engine .item { border-bottom: 1px solid #ddd; padding: 5px; color: #313334;}
#configurador-engine .item:hover .nome label { color: #000; cursor: pointer; }
#configurador-engine .price { float: right; width: 400px; }
#configurador-engine .price img { vertical-align: middle; margin-left: 15px; }
#configurador-engine .item .nome input { vertical-align: middle; border: 2px solid #686C70!important; width: 10px; height:10px; overflow: hidden; background: none;}
#configurador-engine .item .nome label { font-weight: bold; margin-left: 15px; }
#configurador-engine .item { background: transparent; }
#configurador-engine .item .desc { background: #a8f701 url(/interface/imgs/info_bg.png) repeat-x left top; padding: 5px; color: #000; font-family: tahoma; font-size:11px; margin-top: 5px; margin-bottom:-5px; padding:10px 36px; }
#configurador-engine .item .desc.on { }
#configurador-engine .item.on { background: #F4F5F5 url(/interface/imgs/gradient-invert.png) repeat-x scroll left top; }
#configurador-engine .item.on .nome label { color: #686C70; }
.total { font: bold 15px arial; float: right; }
#total { font: bold 15px arial; margin-left: 20px; margin-right: 36px; }
#request { margin-top: 8px; }
#request a { display: block; width: 139px; height: 29px; background: url(/interface/imgs/req.png) no-repeat left top; }
#request a:hover { background-position: left bottom; }
/* search */
.sr { padding:4px 0 4px 3px; margin-bottom:1px; }
.sr0 { float:left; background: #C3D1DF; color: #fff; width: 10px; text-align: right; font: 10px verdana; margin: 3px 6px; }
.sr1 { float:left; }
.sr1 a { }
.sr1 a:hover { text-decoration:underline;}
.sr2 { clear:left; margin-left: 20px;}
.question { margin-bottom: 4px; margin-left: 5px; }
.barholder { margin: 4px; height: 8px; background-color: #D1D8DF;}
.bar { background-color: #749ECF; height: 8px;}
.ver { margin: 4px; }
.poll_items { margin: 5px; }
.poll_items td { padding: 2px; }
.error-msg { display: none }
.error-on .error-msg { display: block; background: #FFB66F; border-left: 5px solid #ff8000; padding: 4px; margin: 4px 0; color: #fff; text-shadow: 1px 1px 0 #000; ; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px }
#newsletter-subscribe-form label { font-size: 11px; font-family: tahoma, sans-serif; vertical-align: middle; }
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
* Dropdowns by Patrick Griffiths and Dan Webb.
* http://carroll.org.uk/sandbox/suckerfish/bones2.html
*/
/* ----[ LINKS ]----*/
/* all menu links */
/*hpc #nav a, */
#subMenusContainer a{
text-decoration:none;
display:block;
border-bottom:1px solid #ccc;
padding-bottom:7px;
margin:7px;
}
#subMenusContainer a.last{
border:0!important;
padding-bottom:0px;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
margin:0;
float:left;
}
/* Just sub menu links */
#subMenusContainer a, #nav li li a{
text-align:left;
color:#111;
}
/* All menu links on hover or focus */
/* hpc #nav a:hover, #nav a:focus, #nav a.mainMenuParentBtnFocused,*/
#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused{
color:#FF8000;
}
/* sub menu links on hover or focus */
/* hpc #nav a.mainMenuParentBtnFocused, #nav li a:hover,
#nav li a:focus*/
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused,
{
color:#274467;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{
background: url(../imgs/arrow_right.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{
background: url(../imgs/arrow_right_over.gif) right center no-repeat;
}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{
}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{
color:#fff!important;
background: url(../imgs/arrow_down_over.gif) right center no-repeat;
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1.4em;
}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
/*border around submenu goes here*/
border: 1px solid #cccccc;
background-color:#f9f9f9;
left: 0;
width: 200px;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#nav li {
/*great place to use a background image as a divider*/
display:block;
list-style:none;
position:relative;
float:left;
}
#subMenusContainer li{
list-style: none;
}
/* main menu ul or ol elment */
#nav{
display:block;
list-style:none;
margin:0 0 0 0;
z-index:5;
top:15px;
left:50%;
text-align: center;
display:block;
}
#subMenusContainer{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{ float:none; }
#nav li li a{ /* Just submenu links*/
position:relative;
float:none;
}
#nav li ul { /* second-level lists */
position: absolute;
width: 10em;
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top:2.2em;
}
/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul { margin-left: -1000em; }
/* lists nested under hovered list items */
#nav li:hover ul{ margin-left: 0; }
#nav li li:hover ul { margin-left: 10em; margin-top:-2.5em;}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0; margin-left:1000em; width:10em; margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em; margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }
/* especial do menu */
.new { background: url(/interface/imgs/new.png) no-repeat right center; }