/* Formatador Geral
--------------------------------------------------------------------------------------------------------------- */
*{margin:0; padding:0; list-style:none; text-decoration:none;}

/* Imagens
--------------------------------------------------------------------------------------------------------------- */
img{border:0;}
img.esq{margin:10px; float:left;}

table{ margin-left:auto; margin-right:auto}

small{color:#f30;}


a{color:#039; text-decoration:none;}
a:hover{text-decoration:none;}


/* Corpo do Site
--------------------------------------------------------------------------------------------------------------- */
body{color:#1c1c1c; background:#000 url(../images/fundo.jpg);}



/* Geral
--------------------------------------------------------------------------------------------------------------- */
#geral{width:1000px; margin:0; display:table; background-color:#fff; margin-left:auto; margin-right:auto}

/* Topo
--------------------------------------------------------------------------------------------------------------- */
#topo{ width:100%; height:180px; margin:0; display:table;}

/* Logotipo
--------------------------------------------------------------------------------------------------------------- */
h1.logo{background:url(../images/logo_projecaocursos.gif) no-repeat; width:258px; margin:22px 0 0 20px; float:left;}
h1.logo a{height:62px; text-indent:-99em; display:block;}

h1.ulbra{background:url(../images/logo_ulbra.gif) no-repeat; width:57px; margin:16px 20px 0 0; float:right;}
h1.ulbra a{height:73px; text-indent:-99em; display:block;}



/* Banner Topo
--------------------------------------------------------------------------------------------------------------- */
#flash{background:url(../images/flashDetA.gif) no-repeat left top !important; width:721px; height:205px; padding:0 0 0 5px; float:left;}
#flash #banner{font:normal 0.8em Arial, Helvetica, sans-serif;}
#flash #banner h3{color:#e80801; margin:20px 0; padding:0 0 0 20px;}
#flash #banner p{padding:10px 20px;}










a.mapa{background:url(../images/mapa.jpg) no-repeat; width:476px; height:168px; text-indent:-99em; display:block;}



/* Meio
--------------------------------------------------------------------------------------------------------------- */
#meio{background-color:#000; width:100%; float:left;}





/* Titulos
--------------------------------------------------------------------------------------------------------------- */

#colB h2{color:#002c6c; font:normal 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; height:29px; text-align:right; padding:10px 0 0 0; display:block; clear:both;}
#colB h3{color:#e80801; font:normal 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:14px 0 22px 0; clear:both;}


/* COLUNAS
--------------------------------------------------------------------------------------------------------------- */

#Left_col {width:175px; float:left;}
#Left_col li { list-style:none;}
#Left_col ul { margin-left:0px; padding-left:0px; line-height:1.6em; }
#Left_col a:link, #Left_col a:visited { text-decoration:none; color:#f30; display:block; }
#Left_col a:hover, #Left_col a:active { color:#039;}
#Left_col .top{background:#000 url(../images/bg_top_left.jpg) no-repeat; width:175px; height:35px;}
#Left_col .top .titulo{ padding:10px 0 0 15px; color:#fff; font: bold 14px Verdana, Geneva, sans-serif}
#Left_col .Conteudo{ padding:0 5px 0 5px; font-weight:bold; font-size:14px; font-family:Verdana, Geneva, sans-serif; background:#fff url(../images/bg_center_left.jpg) repeat-y;}
#Left_col .bottom{ width:175px; height:9px; background:url(../images/bg_bottom_left.jpg) no-repeat;}
#Left_col .selMarcas{ padding:5px 0 0 5px}

#Center_col {width:625px; float:left;}
#Center_col .top{ width:625px; height:44px; padding:0; color:#fff; font: bold 14px Verdana, Geneva, sans-serif}
#Center_col .Conteudo{ padding:0; color:#333; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#Center_col .bottom{ width:625px; height:9px; background:url(../images/bg_bottom_center.jpg) no-repeat;}


#Right_col {width:200px; float:left;}
#Right_col li { list-style:none;}
#Right_col ul { margin-left:0px; padding-left:0px; line-height:1.6em; }
#Right_col a:link, #Right_col a:visited { text-decoration:none; color:#039; display:block; font-size:11px;}
#Right_col a:hover, #Right_col a:active { color:#000; }
#Right_col .top{background:url(../images/bg_top_right.jpg) no-repeat; width:200px; height:35px;}
#Right_col .top .titulo{ padding:10px 0 0 12px; color:#fff; font: bold 14px Verdana, Geneva, sans-serif}
#Right_col .Conteudo{ padding:0 0 0 10px; font-weight:bold; font-size:14px; font-family:Verdana, Geneva, sans-serif; background:#fff url(../images/bg_center_right.jpg) repeat-y;}
#Right_col .bottom{ width:200px; height:9px; background:url(../images/bg_bottom_right.jpg) no-repeat;}



.titleDestaqueCenter{color:#039; font-size:16px; font-weight:bold; text-align:center;}

.titleView{color:#039; font-size:12px; font-weight:bold; text-align:center; text-align:left;}
.titleView2{color:#09c; font-size:16px; font-weight:bold; text-align:center; text-align:left;}
.textView{color:#333; font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align:justify;}
.dView{color:#333; font-size:14px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-align:justify;}
.noresult{color:#f30; font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
.campo_form{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:bold; text-align:left; padding:5px;}
.title_form{ padding-left:3px; font:bold 14px Verdana; height:25px; color:#fff; text-align:left;}
.mini{color:#777777; font-size:11px; text-align:left;}


/* menu HOR
--------------------------------------------------------------------------------------------------------------- */
#menuH{float:left; width:990px; background:#f30; margin:5px}
.menuHor { border:none; background:#f30; color:#fff; border:none; padding:0;} /*Color navigation bar normal mode*/
.menuHor ul {list-style-type:none;}
.menuHor ul li {float:left; position:relative; border:1px solid #f30; background-color:#f30; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.menuHor ul li ul {display:none; border:none;}
.menuHor ul li ul { padding:0px;} /*Sticky hover zones*/
.menuHor ul li a {float:left; display:block; height:1.5em; line-height:1.5em; padding:0 20px 0 20px; text-decoration:none; font-weight:bold; color:#fff;}
.menuHor ul li:hover {width:auto;}
.menuHor table {position:absolute; top:0; left:0; border-collapse:collapse;}

/*IE6*/
.menuHor ul li a:hover {background-color:#000; text-decoration:none;} /*Color main cells hovering mode*/
.menuHor ul li a:hover ul {display:block; position:absolute; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.menuHor ul li a:hover ul li a {display:block; width:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.menuHor ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute;}
.menuHor ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/


legend{color:#039; font-size:14px; font-weight:bold}



.preco{color:#f30; font-size:16px; font-weight:bold; text-align:center;padding:0 5px 0 5px;}
.promocao{color:#aaa; font-size:14px; font-weight:bold; text-align:center;padding:0 5px 0 5px; text-decoration:line-through}
.titleDestaqueProdutos{color:#039; font-size:16px; font-weight:bold; text-align:center;padding:0 5px 0 5px}


/* Contato
--------------------------------------------------------------------------------------------------------------- */
#contato{padding:15px 0 0 0; width:475px; clear:both;}
#contato p{margin:0 0 13px 0;}
#contato p label{/*color:#1f3f78;*/ font:bold 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 3px 0; display:block;}
#contato p label small{color:#f00;}
#contato p select, #contato p input, #contato p textarea{width:227px; padding:2px; clear:both;}
#contato p textarea{height:90px;}

#contato .cA{width:242px; float:left;}
blockquote.enviado{color:#a5a5a5; font:normal 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif; background:#e1e1e1 url(../images/aspas.gif) no-repeat 20 20; text-align:justify; border:solid 1px #c0c0c0; padding:30px 55px;}



.fontdata{ color:#777; font-size:11px;}
.tblue{font-size:11px; text-align:center; color:#039;}




.paginacao{color:#000; font:12px Arial; text-align:center;}
.paginacao a{color:#000; text-decoration:none; font-size:12px}
.paginacao a:hover{ text-decoration:underline;}
.sel{ text-decoration:none; font-weight:bold}



#contato button{position:relative; border:none; cursor:pointer; overflow:visible; /* removes extra side padding in IE */}

#contato button::-moz-focus-inner{border:none;  /* overrides extra padding in Firefox */}

#contato button span{position:relative; display:block; white-space:nowrap;}

@media screen and (-webkit-min-device-pixel-ratio:0){/* Apenas para Safari e Chrome - Fix Margins */ #contato button span{	margin:-1px 0 -1px -3px; }}

#contato button.botao{background:transparent url(../images/bt_azul.gif) no-repeat right -54px; text-align:center; margin:0 5px 0 0; padding:0 20px 0 0;}

#contato button.botao span{color:#1f3f78; padding:5px 0 0 20px; height:20px; background:transparent url(../images/bt_azul.gif) no-repeat left top;}

#contato button.botao:hover, button.botaoHover { /* the redundant class is used to apply the hover state with a script */ background-position:right -81px;}

#contato button.botao:hover span, button.botaoHover span{background-position:0 -27px;}







.button { padding:4px; background:#222; color:#fff; }
.button:hover { background:#333; color:#fff; }







a.botao{color:#1f3f78; background:url(../images/bt_azul.gif) no-repeat right -54px; height:26px; padding:0 20px 0 0; margin:0 0 25px 0; text-decoration:none; display:block; float:left;}
a.botao span{background:url(../images/bt_azul.gif) no-repeat left top; padding:5px 0 4px 20px; display:block;}

a.botao:hover{background-position:right -81px;}
a.botao:hover span{background-position:0 -27px;}







/*aba*/
*{PADDING-BOTTOM:0px; PADDING-LEFT:0px; PADDING-RIGHT:0px; PADDING-TOP:0px; margin-top:0px}
.caixa_busca{ widows:600px; background:}
.caixa_busca OL{ FONT-FAMILY:Arial, Helvetica, sans-serif;	LIST-STYLE-TYPE:none; LIST-STYLE-IMAGE:none;}
.caixa_busca OL li.aba{ float:left; text-align:center;}
.caixa_busca OL li.ativa.aba{ text-align:center;}
.caixa_busca OL li.ativa.aba LABEL{ COLOR:#069;}
.caixa_busca OL li.aba LABEL{padding-top:20px; padding-bottom:20px; MARGIN:0px; WIDTH:280px; font-weight:bold; DISPLAY:block; COLOR:#888; FONT-SIZE:18px;}

.caixa_busca .logistas.conteudo_aba{ width:590px;}
.caixa_busca .clientes.conteudo_aba{ width:590px;}
/*abas*/





/* Rodapé
--------------------------------------------------------------------------------------------------------------- */
#rodape{color:#002356; font:normal 0.7em Arial, Helvetica, sans-serif; background:#000 url(../images/footer.jpg) no-repeat; text-align:center; width:100%; height:70px; padding:14px 0 0 0; clear:both;}
#rodape p{padding:10px; _padding:10px; /* IE 6 */}
#rodape a{color:#002356; text-decoration:none;}
#rodape a:hover{text-decoration:underline;}

#rodape ul{width:390px; _width:373px; /* IE 6 */ margin:0 auto; clear:both;}
#rodape ul li{float:left;}
#rodape ul li a{color:#002356; margin:0 15px; text-decoration:underline; float:left;}
#rodape ul li a:hover{text-decoration:none;}