﻿body { background-image: url(../img/bg.jpg); background-repeat: repeat-x; margin: 0px; padding: 10px 0px 0px 0px; }
body, td { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #00a2d1; }
form { margin: 0px; }
input, textarea, select { font-size: 11px; font-family: arial, helvetica, sans-serif; }
h1 { font-family: arial, helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #f6bc2c; text-transform: uppercase; }
h2 {font-family: arial, helvetica, sans-serif; font-size: 14px; color: #00a2d1; margin: 0px 0px 20px 0px; }
a:link, a:visited, a:active, a:hover { color: #00a2d1; font-weight: bold; text-decoration: none; }
fieldset { padding: 5px; }
fieldset legend { margin-bottom: 5px; }

/* ÁREAS ESPECÍFICAS */
#contentWrapper { padding: 20px 15px 20px 15px; }
#tblLogin td { vertical-align: top; }
#tblLogin .tab { width: 100%; height: 20px; background-image: url(../img/newsletterTab.jpg); background-repeat: no-repeat; text-align: right; font-size: 11px; color: #999999; }
#tblLogin .form { width: 100%; height: 35px; background-image: url(../img/loginBg.jpg); background-repeat: no-repeat; text-align: center; padding-top: 8px; }
#tdPromo { background: url(../img/promoBg.jpg) no-repeat 0px 33px; padding: 0px 0px 63px 130px; vertical-align: bottom; }
#footerWrapper { width: 100%; background: url(../img/footerBg.jpg) repeat-x; }
#footer { width: 100%; height: 286px; padding-top: 40px; background: url(../img/footerBg2.jpg) no-repeat top right; color: #fff; font-family: Verdana; font-size: 11px; }
#footer td { color: #fff; font-family: Verdana; font-size: 11px; }
#footer td.c1 { }
#footer td.c2 { padding-left: 15px; }
#footer td.c1 div.menuItem { padding-top: 6px; padding-bottom: 8px; border-bottom: dotted 1px #67d4f4; text-transform: uppercase; font-weight: bold; }
#footer td.c2 div.menuItem { padding-top: 6px; padding-bottom: 8px; border-bottom: dotted 1px #fff; margin-right: 15px; font-weight: bold; }
#footer td.bot { padding-bottom: 30px; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { color: #fff; text-decoration: none; }
#footer td.c1 a { color: #67d4f4; }
#footer h4 { color: #fff; font-family: Arial Black, Arial; text-transform: uppercase; font-size: 16px; font-weight: bold; border-bottom: solid 1px #fff; margin-bottom: 14px; }
#tblFooter td { font-size: 11px; font-family: verdana, tahoma, arial; }
#tblFooter .inst a:link, #tblFooter .inst a:active, #tblFooter .inst a:visited, #tblFooter .inst a:hover { color: #00a1d1; text-decoration: none; font-weight: bold; text-transform: uppercase; }
#tblFooter .prod { padding: 25px; color: #e5ad18; font-size: 10px; text-align: center; font-weight: bold; }
#tblFooter .prod a:link, #tblFooter .prod a:active, #tblFooter .prod a:visited, #tblFooter .prod a:hover { color: #e5ad18; text-decoration: none; }

/* Banner Widget */
#bannerWidget { width: 126px; height: 240px; background: url(../../../img/widgetBannerBg.png) no-repeat; margin: 20px; padding: 10px 0px 10px 130px; }
#bannerWidget .header { width: 126px; font-family: Helvetica, "Arial Narrow", Arial, Sans-Serif; font-size: 20px; color: #e1aa22; text-transform: uppercase; }
#bannerWidget .subHeader { width: 126px; font-family: Helvetica, "Arial Narrow", Arial, Sans-Serif; font-size: 16px; color: #e1aa22; text-transform: uppercase; margin-bottom: 5px; }
#bannerWidget .desc { width: 126px; font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #00a2d1; margin-bottom: 5px; }

/* Widget iPhone*/
.iPhoneSim { width: 386px; height: 728px; background: url(http://www.flexibom.pt/img/bgip.jpg) no-repeat; position: relative; }
.iPhoneSimBrowser { width: 320px; height: 356px; top: 210px; left: 34px; position: absolute; }
.iPhomeSimBrowserFrame { width: 100%; height: 100%; }

/* CLASSES GENÉRICAS */
.orangeForm { border: solid 1px #e1aa22; color: #999999; }
.blue { color: #00a4e4; }
.blue a:link, .blue a:visited, .blue a:active, .blue a:hover { color: #00a4e4; text-decoration: none; }
.11 { font-size: 11px; }
.center { text-align: center; }
.black { color: #000000; }
.normal { font-weight: normal !important; }
.bold { font-weight: bold; }
.label { width: 140px; font-weight: bold; background-color: #e5e5e5; }
.mandatory { border-right: solid 1px #00a4e4; }
.input { background-color: #f5f5f5; }
.numeric { text-align: right; }
.10 { font-size: 10px; }