/* --- RESET --- */

html,body,div,dl,dt,dd,pre,form,input,button,textarea,p,blockquote,table,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
caption { text-align:left; }
q:before, q:after { content:''; }
abbr,acronym { border: 0; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
form { border: 0; }




/* --- LAYOUT --- */

body { background: url(img/backg.gif) top repeat-x #fff; font: 12px/15px arial, helvetica, sans-serif; color: #333; }

.h { width: 100%; height: 6px; background: #000; font: 0/0 serif; float: left; clear: both; }
.c { width: 980px; margin: 0 auto; }




/* --- MAIN --- */

.c .head { width: 980px; height: 117px; float: left; }
.c .head a { display: block; width: 471px; height: 55px; background: url(img/cilogo.gif) 0 0 no-repeat; margin: 45px 0 0 23px; }

.c .login { width: 292px; border-right: 1px solid #999; margin-top: 29px; float: left; }
.c .login .seainda { display: inline; width: 183px; margin: 10px; float: right; }
.c .login .seainda a { display: block; width: 183px; height: 91px; background: url(img/seainda.gif) 0 0 no-repeat; }
.c .login .box { width: 292px; text-align: right; float: right; }
.c .login .box p { display: inline; width: 72px; height: 25px; background: url(img/login.gif); margin: 40px 16px 10px 0; float: right; }

.c .login .box form { display: inline; width: 215px; margin: 0 16px 10px 0; float: right; }
.c .login .box form input.area { width: 215px; height: 27px; background: url(img/input.gif) 0 0 no-repeat; font: bold 13px/22px arial, helvetica, sans-serif; color: #666; margin: 2px 0; padding: 0; text-align: right; border: 0; float: right; }
.gecko .c .login .box form input.area { width: 215px; height: 27px; background: url(img/input.gif) 0 0 no-repeat; font: bold 13px arial, helvetica, sans-serif; color: #666; margin: 0; padding: 3px 0; text-align: right; border: 0; float: right; }
.c .login .box form input.bt { width: 89px; height: 23px; background: url('img/entrar.gif') 0 0 no-repeat; border: 0; cursor: pointer; margin: 5px 0; padding: 0; float: right; }
.c .login .box ul { display: block; width: 276px; padding: 0 16px 20px 0; border: 0; margin: 0; list-style-type: none; text-align: right; float: right; }
.c .login .box ul li { padding: 5px 0 10px; border: 0; }
.c .login .box ul li a { color: #df1032; }

.c .anunc { width: 671px; margin-top: 29px; padding: 10px 0 0 16px; float: right; }
.c .anunc .up { width: 671px; float: left; }
.c .anunc .up p { display: block; width: 437px; height: 59px; background: url(img/anuncie.gif) 0 0 no-repeat; }
.c .anunc .up span { display: block; padding: 10px 0; }
.c .anunc .up pre { display: block; width: 613px; height: 138px; margin: 15px 0 0 5px; background: url(img/seusite.jpg) 0 0 no-repeat; }
.c .anunc .up ul { margin: 10px 0 0; padding: 0; border: 0; list-style-type: none; text-align: center; clear: left; }
.c .anunc .up ul li { display: block; width: 200px; margin: 0; padding: 0 5px; font: italic 17px/18px georgia, serif; text-align: center; color: #333; float: left; }

.c .contact { width: 980px; float: left; }
.c .contact a { color: #df1032; }
.c .contact .l { width: 150px; height: 23px; background: url(img/contactos.gif) 120px 25px no-repeat; padding: 25px 18px 42px 125px; float: left; }
.c .contact .nm { padding: 25px 25px 10px; border-left: 1px solid #999; float: left; }
.c .contact .nm p { display: block; font-weight: bold; }
.c .contact .nm span { display: inline-block; background: #df1032; padding: 0 10px; color: #fff; font-weight: bold; }

.c .contact .cp { margin: 25px 25px 25px 0; padding: 0 0 0 25px; border-left: 1px solid #999; float: left; }
.c .contact .cp p { font-weight: bold; }
.c .contact .cp a { display: block; }

.c .footer { width: 980px; padding: 15px 0 30px; text-align: center; float: left; }

.md { width: 100%; background: #333; float: left; }
.md .features { width: 980px; margin: 0 auto; }
.md .features p { display: block; width: 826px; height: 86px; background: url(img/trafego.gif) 0 0 no-repeat; margin: 0 0 20px 0; float: left; }
.md .features ul { list-style-image: url(img/bullet.gif); border: 0; margin: 0; padding: 5px 0 20px 0; clear: left; }
.md .features ul li { border: 0; margin: 0 0 0 20px; padding: 0 0 10px 10px; color: #fff; vertical-align: middle; }
.md .features ul li pre { font: italic bold 16px/20px arial, helvetica, sans-serif; text-transform: uppercase; color: #ccc; }

#help { display: none; width: 980px; margin: 0 auto; position: relative; }
#help div { position: absolute; top: 225px; left: 300px; width: 350px; z-index: 2; background: #df1032; padding: 10px 20px 10px 5px; border: 6px solid #fff; color: #fff; text-align: left; font-weight: normal; }
#help div p { display: block; padding: 10px 20px 0 20px; color: #fff; font: bold 18px/22px arial, helvetica, sans-serif; }
#help div p a { color: #fff; font-size: 12px; }


/* -- COMMON --- */

.bold { font-weight: bold; }




/* -- FOOTER CONTROLINVESTE --- */

.link_footer_CI { color: #a7a8ad; font: 11px/12px arial, helvetica, sans-serif; text-decoration: underline; padding: 0 2px; }
.copyright_footer_CI { color: #000; font: 11px/12px arial, verdana, helvetica, sans-serif; text-decoration: none; text-align: center; }
.separador_footer_CI { border-bottom: 1px solid #a7a8ad; }