/* ++
+++++ Zera para manter o padrão em todos os browsers
+++++++++++++++++++++++ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus { outline: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* ++
+++++ Elementos do Html
+++++++++++++++++++++++ */
html, body, div, table, input, select, span, textarea{ font-family: Tahoma, Arial, "Trebuchet MS"; font-size: 11px; }
html, body { width: 100%; height: 100%; min-height: 100%; min-width: 100%; background: #EEEEEE; }
body { overflow: auto; }
b, strong { font-weight: bold; }
input{ border: 1px solid #666666; height: 14px; }
a:hover { text-decoration: underline; }


/* ++
+++++ Ids
+++++++++++++++++++++++ */
#menu{ float: left; width: 377px; height:101px; }
#menu a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 9px; }
#menu a:hover { text-decoration: underline; }
#header { background: url(../imagesPOPWEB/login/bg-top.png) repeat-x #FFFFFF; }
#header .top-bg-right { background: url(../imagesPOPWEB/login/bg-top-right.png) repeat-x; }
#login { float:left; width: 356px; height: 119px; padding: 20px 15px 0px 15px; background: url(../imagesPOPWEB/login/bg-acess-user.png); }/**/
#login div { margin-bottom: 3px; }
#new-user{ float:left; width: 356px; height: 126px; padding: 30px 15px 0px 15px; background: url(../imagesPOPWEB/login/bg-new-user.png); }/**/
#login a, #new-user a { color: #000000; text-decoration: none; }
#login a:hover, #new-user a:hover { text-decoration: underline; }
#topic{ text-align: center; background:#FFFFFF; height: 145px; margin: auto; }
#footer { border-top: 1px solid #D8CDC2; border-bottom: 1px solid #D8CDC2; background: #D8CDC2; }

/* ++
+++++ Alerts 
+++++++++++++++++++++++ */
#blockContentWindow{ display: none; }
#blockContent{ position: absolute; width: 100%; height: 100%; opacity:0.50; -moz-opacity: 0.50; filter: alpha(opacity=50); background-color: #000000; z-index: 98; }
#windowAlert{ position: absolute; width: 400px; border: 1px solid #000000; z-index: 99; background-image: url(../imagesPOPWEB/window-alert/bg.png); background-repeat: repeat-x; background-color: #EDEDED; padding: 11px; }
#windowAlertTitle{ color: #023C83; float: left; }
#windowAlertContent{ clear:both; background-color: #FFFFFF; color: #333333; padding: 10px; padding-top: 5px; }
#windowAlert .buttomClose { float: right; }
#windowAlert .buttomClose a { color:#000000; text-decoration: none; }
#windowAlert .buttomClose a:hover { text-decoration: underline; }

/* ++
+++++ Geral 
+++++++++++++++++++++++ */
.clearAll{ clear: both; height: 1px; font-size: 1px; }
.float-left { float: left; }
.float-right { float: right; }
.bg-EEEEEE { background: #EEEEEE; }
.bg-D8CDC2 { background: #D8CDC2; }
.bg-FFFFFF { background: #FFFFFF; }
.bg-CACACA { background: #CACACA; }
.bg-access { background: url(../imagesPOPWEB/login/bg-access.png) repeat-x; }
.bg-topic { margin-left: -15px; float: left; width: 204px; height: 143px; background:url(../imagesPOPWEB/login/bg-topic.gif); }
.bg-topic .content { color:#000000; z-index:97;  }
.bg-topic .content .title { font-weight: bold; padding: 53px 0px 0px 70px; width: 80px; }
.bg-topic .content .text {  padding: 5px 0px 0px 55px; width: 100px;}
.bg-topic .content .text a { color:#000000; text-decoration:none; }
.bg-topic .content .text a:hover { text-decoration:underline; }
.font-9 { font-size: 9px; }
.pT2B2 { padding: 2px 0px 2px 0px; }
.color-999999 { color: #999999; }