@charset "utf-8";
/* CSS Document */
html { background:#003463;}

#bar_top { background:url(../img/top_bar.jpg) repeat-x bottom left; height:20px; }

#wrap { width: 960px; margin: 0 auto; padding: 0 52px; background: url(../img/hemacias.jpg) no-repeat right top; }
#sba { background:url(../img/back.jpg) repeat-x #ffffff; font: 75%/150% Verdana, Geneva, sans-serif; }

#header { position:relative; height:110px; }
#main { margin-top: 15px; }
#logo { background:url(../img/logo_sbacvsp.gif) no-repeat; height: 80px; width:200px; margin-top:20px; position:absolute; left:0; text-indent:-510000px; }

div.mod_breadcrumb { padding: 15px 0; }


/*menu layout */

#menu { width:200px; float:left;}
#menu ul li { list-style: none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#menu ul li a, #menu ul li span { line-height: 30px; border-bottom:1px solid #cccccc; width:100%; display:block; font-weight: bold;}
#menu ul li a:link, #menu ul li a:visited { color:#999999; text-decoration:none; background: url(../img/seta.gif) no-repeat 10px center; text-indent:25px;font-weight: bold; }
#menu ul li a:hover, #menu ul li a:focus, #menu ul li span.active { color:#666666; background: url(../img/seta-1.gif) no-repeat 10px center; text-indent:25px;font-weight: bold;}

#menu #banner-encontre { background:#eeeeee; height: 100px; margin: 30px 0; }
#footer { background:url(../img/footer.jpg) repeat-x #003464; height: 100px; color:#ffffff; font-size: 1.0em; }

.busca div.formbody { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding:24px 0 25px 10px; }
.busca div.formbody input.text { border:1px solid #dddddd; width:120px; margin-right:5px; font-size: 12px; padding:2px 0; }
.busca div.formbody input.submit { font-size:12px; border:1px solid #dddddd; padding:1px 0; }

/* Login */
#login { width:250px; height:100px; position:absolute; top:20px; right:10px; display:block; overflow:hidden;}
#login p { display:block; width: 190px; float:left; }
#login #crm_label, #login #password_label { color:#ffffff; font-size: 12px; font-weight: bold; width:50px; display: block; float:left; line-height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#login form div #username, #login form div #password { border:1px solid #d0a7a7; font-size: 12px; width:130px; margin:0 5px 0 0; padding:2px 0; }
#login .submit { font-size:0.8em; border:1px solid #dddddd; padding:1px 0; }
#login p a.esqueceu:link, p a.esqueceu:visited { font-size:11px; font-weight:bold !important; color:#ffffff; text-align:right;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#login p a.esqueceu:hover { color:#900; }
#login p.esqueceu_container { text-align:right; margin-right:70px;}
p a.dados_pessoais:link, p a.dados_pessoais:visited { color:#FFFFFF; }

#login p.error { color:#ffffff; width: 210px;}
#login h4 { font-size:16px; color:#FFF; margin-bottom:5px; }
#login .login_info { color:#FFFFFF; width: 210px; }
#login #logout_submit { width: 210px; text-align:right; }

/* content */
#content { width: 710px; float: left; padding: 0 0 40px 40px; height:500px; min-height:500px; }
html>body #content{height:auto}

#banner-top { background:url(../img/top_bar.jpg) repeat-x bottom left; min-height:20px; }
#banner-top .image_container { width:940px; height:40px; background:#ccc; margin:20px auto; }
#banner-top #banner-topo { clear:both; }
#content #banner_destaque { margin-bottom: 30px; display:block; height:290px; }

#content #news_ticker { background:url(../img/news_ticker_bkg.jpg) repeat-y;border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; height: 30px; line-height:30px; margin-bottom: 30px; }
#content .bar_blue { background:url(../img/box_bar.jpg) repeat-x; height: 30px; }
#content .bar_blue p { margin-left: 10px; line-height: 30px; color:#ffffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight:bold; }

#content .banners { margin:0 30px 0 0; float:left; width: 155px; height:145px; background:#eeeeee; overflow:hidden;}
#content #banner-tv { position:relative; }
#content #play { /*background:url(../img/play.gif) no-repeat; z-index:10; position:absolute; top:52px; height:60px; width:60px; left:47px; opacity:0.7;filter:alpha(opacity=70);*/ }

#content #last-banner { margin-right:0 !important; }

/* text format -----------------------------*/
p, li, {font-size: 1.0em; line-height: 1.5em; }

h1, h2, h3, .pagetitle { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#00386c;}
h1, .pagetitle { font-size: 2.8em; padding: 10px 0 30px 0; line-height:1.0em;}
h2 { font-size: 1.8em; padding: 10px 0; line-height:1.0em;}
h3 { font-size: 1.4em; padding: 10px 0; line-height:1.0em;}
h4 { font-weight:bold; }

em { font-style:italic; }

ol { padding-left: 50px }
ol li { list-style:decimal; }

a:link, a:visited { text-decoration:none; color: #333333; font-weight:bold; }
a:hover, a:focus { text-decoration:underline; color: #333333; }

/* table -----------------------------------*/
.simple_table table {width:90%; margin: 0 auto;}
.simple_table table td { border-bottom: 1px solid #eeeeee; font-size:1.0em; padding: 5px 10px; background:#FFFfff; }
.simple_table table tr.row_first td { border-top: 3px solid #dddddd; padding-top: 15px; }
.simple_table table tr td.col_first { background: #fcfcfc; font-weight:bold; }

/* MISC ------------------------------------*/
.clear { clear:both; }
.wrap {width: 960px; margin: 0 auto; padding: 0 52px;}

.link:visited, .link:link { text-decoration:none; }
.link:focus, .link:hover { text-decoration:underline; }

/* font colors */
.txt_branco {color:#ffffff; }
.txt_center {text-align:center; }
.txt_left {text-align:left; }
.txt_right {text-align:right; }


.bold, b, strong { font-weight:bold !important; }
.float-right { float:right; }
.float-left { float:left; }

.debug { border:1px solid #6CF; }


/* cadastro ------------------------------------ */

#tl_registration, #tl_lost_password, #dados-pessoais { font-size:12px; }
#tl_registration input, #tl_lost_password input { display:block; width: 300px; float:left; margin-bottom: 5px; border:1px solid #dddddd; padding:2px 0;}
#tl_registration select { display:block; width: 100px; float:left; margin-bottom: 5px; border:1px solid #dddddd; padding:2px 0;}
#tl_registration label, #tl_lost_password label { display:block; width: 150px; float:left; font-size: 12px; margin: 0 5px 5px 0; text-align:right; line-height:20px;}
#tl_registration p.error, #tl_lost_password p.error { display:block; width:200px; color:#900; float:right; font-size:12px; font-weight:bold; }
#tl_registration br, #tl_lost_password br { clear:both; }
#tl_registration .field { position:relative; }
#tl_registration .checkbox_container { margin-left: 150px; }
#tl_registration .checkbox_container input { width:20px !important; float:left !important; margin: 0 0 0 20px !important; border:none !important; padding:0 !important; }
#tl_registration .checkbox_container label { width:auto !important; text-align:left !important; float:none !important; line-height:14px; }
#tl_registration .submit_container, #tl_lost_password .submit_container { margin-left: 160px; }
#tl_registration .submit_container input, #tl_lost_password .submit_container input , #dados-pessoais .submit_container input { width: auto !important; border:1px solid #eeeeee; padding: 2px 5px; }
.textarea { width:300px; border:1px solid #dddddd; }
#tl_registration label.mandatory { font-weight:bold; }
.avatar_container { margin: 20px 0 0 150px; }

label[for=ctrl_avatar] { font-weight:bold; float:none !important; display:block; width:600px; margin: 20px 0 0 0 !important;}
label[for=ctrl_publicFields] { font-weight:bold; float:none !important; display:block; width:600px; margin: 20px 0 0 0 !important;}

#tl_registration .avatar_container input { width:auto !important; }
#tl_registration .avatar_reset_container {display:block; height: 20px; width: 100%; }

#tl_registration fieldset { padding: 20px; border: 2px dashed #eeeeee; margin-bottom: 30px;}
#tl_registration fieldset legend { font-weight:bold; font-size:12px; }

#dados-pessoais .col_0 { width: 150px; text-align:right; padding-right:5px; vertical-align:text-top;}
#dados-pessoais .col_1 { width: 300px; vertical-align:text-top;}
#dados-pessoais label { width: 150px; margin: 0 5px 5px 0; line-height:20px;}
#dados-pessoais input { width: 300px; margin-bottom: 5px; padding:2px 0; border:1px solid #dddddd;}
#dados-pessoais select { width: 100px; margin-bottom: 5px; padding:2px 0; border:1px solid #dddddd; }
#dados-pessoais .checkbox_container input { width:20px !important; float:left !important; margin: 0 0 0 20px !important; }
#dados-pessoais .checkbox_container label { width:auto !important; text-align:left !important; float:none !important; }
#dados-pessoais .checkbox_container span { display:block; }
#dados-pessoais p.error { color:#900; font-size:12px; font-weight:bold; }

.error {color:#900; }

.all_records td { border-bottom:1px solid #ececec; }

/*#cadastro-1 { font-size:12px; }
#cadastro-1 label { width: 150px; float:left; margin: 0 5px 5px 0; text-align:right;}
#cadastro-1 input { width: 300px; float:left; margin-bottom: 5px;}
#cadastro-1 .radio_container input { width: auto; }
#cadastro-1 .radio_container label { width: auto; margin-right: 20px; }
#cadastro-1 br {clear: both; }
#cadastro-1 p.error { width: 200px; color:#900; float:right; }
*/
.tl_checkbox_container { width: 600px !important; height: 30px; }
.tl_checkbox_container input { width:auto !important; }
.tl_checkbox_container label { width:400px !important; text-align:left !important; }

.file_container input, .file_container label { float:none !important; }
.label_container input, .label_container label { float:none !important; }
.label_container label { font-size: 12px; font-weight:bold; }
.upload { border:1px solid #eeeeee; width: 250px; }

/* folha vascular -------------------------------*/
#folha-vascular h3 { background:#00386C; color: #ffffff; padding-left:10px; font-size:1.4em; }
#folha-vascular .ce_text { width: 220px; float:left; height: 500px; margin-right:15px; }
#folha-vascular .ce_text p { padding-left:10px; }


/* Alexis Carrel */
#premio-alexis-carrel h3 { font-size:1.4em; border-bottom: 1px solid #00386C; padding-bottom: 5px; margin-bottom: 10px; }
#premio-alexis-carrel .ce_text { width: 320px; float:left; height:250px; margin-right:30px; }
#premio-alexis -carrel .ce_text p { padding-left:10px; line-height:24px; }



/*event calendar */
table.calendar { width:100%; }
table.calendar th a:link, table.calendar th a:visited { height: 60px; background: #00386C; color:#ffffff; text-align:center; font-size: 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
table.calendar th.head { height: 60px; background: #00386C; color:#ffffff; text-align:center; font-size: 18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
table.calendar th.label { height: 20px; background: #00386C; color:#ffffff; text-align:center; font-size: 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; width:100px;}
table.calendar td.days { height: 90px; background:#ffffff; border: 1px solid #eeeeee; vertical-align:top; }
table.calendar td div.header { width: 100%; padding: 1px 2px; background: #fafafa; }
table.calendar td div.event { width: 100%; padding: 1px 2px; }
table.calendar td div.event a:link, table.calendar td div.event a:visited { color:#00386C; }

/*event details */
.event .info {font-weight:bold; color:#666; margin-bottom: 20px; }

/*busca */
.mod_search h3 { font-size:14px; color:#00386C; margin: 10px 0 0 0 ; }
.mod_search h3 a { color:#00386C }
.mod_search input.text { width: 300px; font-size:12px;}
.mod_search .radio_container { margin-left: 0 !important; margin-top: 10px; }
p.context span.highlight { font-weight:bold; color:#900;}
.mod_search p.header { border-bottom:1px solid #ccc; padding: 2px 3px; margin: 20px 0; text-align:left; font-weight:bold; color:#00386C; }
.mod_search div { margin-left: 20px; }

/* videos */
div.toggler1, div.toggler { font-size:14px; color:#00386C; margin-bottom:10px; cursor:pointer; font-weight: bold; }
div.toggler2 { padding-left:10px; margin-bottom:2px; color:#444444; cursor:pointer; font-weight: bold; }
div.toggler:hover,
div.toggler1:hover,
div.toggler2:hover { color: #C00;}
div.accordion1, div.accordion { margin-bottom: 5px; }
div.accordion2 { margin-bottom: 5px; padding-left:15px; }
div.accordion2 a { font-weight:normal !important; }
.accordion div a:link, .accordion div a:visited { font-weight: normal !important; color:#444444; }

/* perfil do associado */
p.label { font-weight:bold; padding:2px 5px; margin: 0 0 0 20px; }
p.label span { font-weight: normal !important ; }
.mod_memberlist h3 { margin:10px 0 0 0; }

p.back { background:url(../img/back.gif) no-repeat left center; padding-left: 20px; margin-top: 30px; height:auto !important; }

/* newsticker */
.ticker p { margin: 0 10px; line-height:30px; }
.ticker li { line-height:30px; }
.ticker .info { color:#a7a6a6; font-size:11px; font-weight:bold;}
.ticker .headline a:link, a:visited { color:#666666; }

/*fale conosco e fale com o presidente*/
#fale-conosco input, #fale-com-o-presidente input, #programa-circulando input { display:block; width: 300px; float:left; margin-bottom: 5px; border:1px solid #dddddd; padding:2px 0;}
#fale-conosco label, #fale-com-o-presidente label, #programa-circulando label { display:block; width: 200px; float:left; font-size: 12px; margin: 0 5px 5px 5px; text-align:right; line-height:20px;}
#fale-conosco .submit, #fale-com-o-presidente .submit, #programa-circulando .submit { width: auto !important; border:1px solid #eeeeee; padding: 2px 5px; margin-left:210px; }
#fale-conosco br, #fale-com-o-presidente br, #programa-circulando br { clear:both; }
.radio_container .radio, .radio_container label { width:auto !important; display:inline; height: 20px; line-height:20px;}
#fale-conosco .captcha, #programa-circulando .captcha { display:block; width: 50px; float:left; margin-left: 210px; border:1px solid #dddddd; padding:2px 0; }
#fale-conosco .captcha_text { display:block; width:auto; float:left; margin-left:10px; font-weight:bold; }
.piccap { width:600px !important; margin: 20px 0;}
.piccap label { width:500px !important; text-align:left; margin-left: 200px; }
.piccap .cpimage { float:left !important; }

#login_2 { margin-left: 100px; }
#login_2 p { width:100% !important; height: 25px !important;}
#login_2 #crm_label, #login_2 #password_label { width: 50px; line-height:20px; }
#login_2 input { border:1px solid #d0a7a7; font-size: 12px; width:130px; margin:0 5px 0 0; padding:2px 0; }
#login_2 .submit { width:auto !important; font-size:0.8em; border:1px solid #dddddd; padding:1px 0; margin:0 5px 0 60px !important; float:none !important; }
#login_2 a.esqueceu:link, #login_2 a.esqueceu:visited, #login_2 a.esqueceu:hover { display:none;}

/* pagination */
div.pagination { padding-top: 5px; margin:5px 0 0 0; font-weight:bold; }
div.pagination p { margin:0 10px 0 0 ; width: auto; display:block; float:left; color:#444444; }
div.pagination ul { width:600px; display:block; float:right; }
div.pagination ul li { display:inline; }
div.pagination ul li a { background:#999999; color:#FFFFFF; font-weight:bold; width: 20px; line-height:20px; float:left; margin-left: 5px; text-align:center;}
div.pagination ul li a.next:link, div.pagination ul li a.next:visited,
div.pagination ul li a.last:link, div.pagination ul li a.last:visited,
div.pagination ul li a.first:link, div.pagination ul li a.first:visited,
div.pagination ul li a.previous:link, div.pagination ul li a.previous:visited {width:auto !important; background: none !important; color:#444444; }
div.pagination ul li span { background:#00386C; color:#FFFFFF; font-weight:bold; width: 20px; line-height:20px; float:left; margin-left: 5px; text-align:center; } 

.mod_quickpoll .title {display:none; }
.mod_quickpoll .description { margin-bottom: 20px;}
.mod_quickpoll .submit_container { margin: 0 0 20px 20px; float:left;}
.mod_quickpoll .resultslink { margin: 20px 0 20px 20px; clear:left; }

#ctrl_qpoll_1 span { display: block; height: 25px; margin: 0 20px 20px 20px; float:left; }

.ce_survey .question { margin-bottom:20px; }
.ce_survey .submit_container { padding-top:30px; }
.ce_survey .tl_error { font-weight:bold; color:#CC0000;}


.audio { width: 300px; height: 24px; }

/* Veja como foi */
div#veja li { background:url(../img/bullet.gif) no-repeat left center; padding:3px 0 3px 15px; }


/* pesquisa de valor de consulta */
#f21 input { margin-bottom: 5px; }
#f21 label { font-weight:bold; margin: 0 5px 0 0; }
#f21 .explanation { font-weight:bold;} 
#f21 #ctrl_120 label, #f21 #ctrl_121 label { margin-right: 150px !important; font-weight:normal !important;}



#ctrl_119 { width: 400px; }

.convenio { float:left; margin: 0 0 0 5px; width:350px; }
.valor { clear:right; display:block; width: 100px; }
.tabela_convenios br { display:none;}


#video-curso-online { width: 660px; margin: 0 auto; }