@import url(reset.css);
@import url(font.css);
@import url(responsivo.css);
@import url(padrao.css);

header { width: 100%; border-bottom: 1px dotted #F1F1F1; height: auto; position: relative; float: left; padding: 0px; border-top: 1px solid #A5A2A5; }
header #logo_menu_utilitario { width: 100%; height: auto; position: relative; float: left; padding: 15px 0px; }
header #titulo_menu { background-color: #F2F2F2; width: 100%; height: auto; position: relative; float: left; padding: 20px 0px; }
header #titulo_menu span { font-size: 16px; font-weight: bold; color: #027D3E; }
header #titulo_menu label { font-size: 16px; font-weight: bold; color: #000; }

#logo_menu_utilitario span { font-size: 16px; font-weight: bold; color: #027D3E; }
#logo_menu_utilitario label { font-size: 16px; font-weight: bold; color: #000; }

a.menu_modulos { font-size: 14px; color: #3C393A; }
a.menu_modulos:hover { font-size: 14px; color: #3C393A;  }

#main section#conteudo { width: 100%; height: auto; position: relative; float: left; padding: 33px 0; }
#main section#conteudo .area ul { border-right: 1px dotted #cacaca; padding: 0px!important; display:inline-block; position: relative; float: left; width: 90%; height: auto; }
#main section#conteudo .area ul>li { list-style-type:none; margin:0px; padding:0px!important; }
#main section#conteudo .area ul>li>a { text-align: left; border-left: 1px #fff solid; border-bottom: 1px dotted #f1f1f1; color: #666666; float: left; font-size: 14px; height: auto; padding: 10px 5px; position: relative; text-decoration: none; transition: all 0.7s ease 0s; width: 100%; background-color: #fff; }
#main section#conteudo .area ul>li>a:hover { border-left: 1px #2d619d solid; text-decoration: none; color: #000; background-color: #F2F2F2; padding: 10px 0px 10px 15px; }
#main section#conteudo .area ul>li>a.sel { border-left: 1px #2d619d solid; text-decoration: none; color: #000; background-color: #F2F2F2; padding: 10px 0px 10px 15px; }


#main section#conteudo .area .box_profissionalizantes { display: block; position: relative; width: 210px; min-height: 110px; background-color: #F2F2F2; border-radius: 5px; margin: 10px; border: 1px dotted #CACACA; }
#main section#conteudo .area .box_profissionalizantes .check_profissionalizantes { position: relative; padding: 15% 0%; margin: 7% 0%; }
#main section#conteudo .area .box_profissionalizantes .titulo_profissionalizantes { position: relative; margin: 8px 0px; padding: 0px; color: #000; font-size: 14px; height: 20px;  }

#main section#conteudo .area #titulo_tipo { width: auto; position: relative; background-color: #F2F2F2; padding:0; z-index: 1000; float: left;}
#main section#conteudo .area #titulo_tipo a { font-size: 21px; color: #C11717; padding: 10px 20px; }
#main section#conteudo .area #titulo_tipo a:hover { text-decoration: none; transition: all 0.7s ease;  -webkit-transition: all 0.7s ease; }
#main section#conteudo .area #titulo_tipo_curso { font-size: 15px; padding: 0px 5px; color: #C11717; border-bottom: 1px solid #CACACA; }

#main section#conteudo #titulo_content { text-align: left; font-size: 16px; font-weight: bold; padding: 24px 0px; background-color: #f3f8fe;  width: 100%; position: relative; float: left; }
#main section#conteudo .area .opt_profissionalizantes { position: relative; padding: 0px; }

.info_box_home { background-color: #F9F9F9; padding: 15px; border: #cacaca; }
.info_box_home h6 { font-size: 18px; font-weight: normal; padding-bottom: 8px; }

.info_box_home_candidato { background-color: #F9F9F9; border: 1px #f1f1f1 solid; padding: 20px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }

footer { width: 100%; height: auto; position: relative; float: left; border-top: 1px solid #f1f1f1; background-color: #f9f9f9; padding: 20px 0; }