.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

.imagereplacement{text-indent:-5000px;overflow:hidden;}


*{
	padding:0;
	margin:0;
	border:none;
	list-style-type:none;
	font-family:tahoma;
	font-size:11px;
}

#msg{width:80%; margin:0px auto; text-align:left; font-weight:bold; padding:10px; background:#faf9a6; margin-bottom:10px}
a{color:#982123; text-decoration:none; font-size:12px}
a:hover{color:#982123; text-decoration:underline; font-size:12px}

body{margin-bottom:10px}
html{background:#dfe0db url(img/bg-html.png) repeat-x}
#container-all{width:900px; margin:0 auto; padding-top:10px; background:white; padding-bottom:10px}
#header{background: #231f1c url('img/menu_background.jpeg') repeat-x bottom center; color:#E8E7E5; text-transform:uppercase; border-top:10px solid #949393}
#header-login{background:white; border-bottom:5px solid #969593; padding-right:35px;}
#header-login input{background:#DDDDDB}
#header-login input.btn{border: 1px outset}
#header-login fieldset{background:#969593; padding-top:2px; }
#header-login ul{display:inline;float:right;width:424px;background:#969593;}
#header-login li{float:left;}
#header-login li.form{width:380px;}
#header-login ul li.top_left{background: url('img/curve_tl.jpg') no-repeat;width:22px;height:18px;}
#header-login ul li.top_right{background: url('img/curve_tr.jpg') no-repeat;width:22px;height:18px;}
#header-title{background: url('img/header.jpeg') no-repeat}
#header-title h1{float:left}
#header-title h1 a{display:block; height:125px; width:300px}

/* NOVO �REA DE LOGIN */
#header-title #login{float:right; width:580px}
#header-title #login ul{width:240px; height:110px; /*margin:0 auto;*/ margin-top:1px; float:right; padding-top:10px; background:#9B3824 /*url(img/login-bg.png) no-repeat bottom*/}
#header-title #login ul li label{width:40px; display:block; float:left; line-height:25px; color:white}
#header-title #login ul li.input{float:left; background:#939597; padding:1px 0px; margin:0px 10px; padding-left:2px; width:167px; float:left; height:22px; border-top:1px solid #939597; border-bottom:1px solid #939597}
#header-title #login ul li.botao{width:30px; float:left; background:#939597; margin:1px}
#header-title #login ul li input{background:#DDDFE0}
#header-title #login ul li h2{/*border-bottom:2px solid #ccc;*/ margin-bottom:5px; color:white; font-size:12pt; text-transform:none; padding:5px 10px;}

#header-menu{width:650px; float:left}
#header-menu ul{padding:5px;}
#header-menu ul li{display:display:block; margin-top:2px; border-right:1px solid #888; float:left; text-align:center; height:15px}
#header-menu ul li.min{width:65px}
#header-menu ul li.med{width:100px}
#header-menu ul li.end{border:0px}
#header-menu a{color:white; text-decoration:none; text-transform:none}
#header-menu a:hover{color:white; text-decoration:none; font-weight:bold}
#header-menu a.active{color:white; text-decoration:none; font-weight:bold}

#header-search{padding:5px 0px; float:right; width:250px;}
#header-search input{background:#DDDDDB; padding:1px; font-size:11px; border:1px outset #999}

#inscricao h3{font-size:14px; color:#982123; border-bottom:1px solid #982123; margin-bottom:10px;}
#inscricao p{text-indent:10px;margin:10px}
#inscricao li.um{margin:10px 5px 10px 10px;}
#inscricao li.dois{margin:10px 5px 10px 10px; display:inline-block; width:90%;}
#inscricao li.tres{margin:10px 5px 10px 10px; display:inline-block; width:90%}
#inscricao label{display:block;}
#inscricao input{border-top:1px solid black;border-left:1px solid black;border-bottom:1px solid #CCC;border-right:1px solid #CCC;width:300px;padding:2px;}
#inscricao input.bnt{border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid black; border-right:1px solid black; background-color:#999; margin-left:10px; width:90px; height:30px;}
#inscricao select{border-top:1px solid black;border-left:1px solid black;border-bottom:1px solid #CCC;border-right:1px solid #CCC;width:300px;padding:2px;}
#inscricao label.error{color:red;}

#body{margin-top:10px; background-image: url('img/bg_body_cursos.gif'); clear:both}
#body.cursos{margin-top:10px; background-image: url('img/bg_body_cursos.gif'); clear:both;}

#body #menu{width:192px; border:2px solid #E5E6E1; float:left; margin-bottom:10px; margin-left:4px}
#body #body-head{width:200px; float:left}
#menu h2, #featured h2{background:#72706f; color:white; padding:5px; margin:0}
#menu h2.pos{margin-top:0px;}

#menu .graduacao h3 a{background:#72706f; color:white; padding:5px; border-left:0px solid #dededc}
#menu .graduacao h3 a:hover{background:#72706f; color:#982123}

#menu .extensao h3{background:#fff; padding:5px; border-left:0px solid #dededc;}
#menu a{color:black; text-decoration:none;}

#menu .subCategorias li{background:#fff;}
#menu .subCategorias a:hover{color:#982123;}

/* begin 2009-06-10 @author Bonoto */
#menu div.graduacao li{padding:1px}
#menu div.extensao a, #menu div.graduacao a{padding:3px 0px; padding-left:10px; display:block}
#menu div.extensao li h3{padding:1px}
#menu div.extensao h3 a{display:block; font-weight:normal}
#menu .extensao ul li.subCategorias a.active{color:white; background:#c7c7c7}
#menu div.extensao a:hover, #menu div.graduacao a:hover{color:white; background:#72706f}

#menu li.subCategorias .graduacao h3 a{background:#ccc}
#menu li.subCategorias .graduacao h3 a:hover{background:#ccc; color:black}
#menu li.subCategorias ul li a{background:url(img/seta-menu.gif) no-repeat 5px 4px; text-indent:5px}
#menu li.subCategorias ul li a:hover{background:#c7c7c7 url(img/seta-menu-hover.gif) no-repeat 5px 4px; color:#383431}
#menu li.subCategorias ul li a.active{background:#c7c7c7 url(img/seta-menu-hover.gif) no-repeat 5px 4px; color:#383431}

#menu .extensao ul li.subCategorias h3 a{background:url(img/seta-menu.gif) no-repeat 5px 4px; text-indent:5px}
#menu .extensao ul li.subCategorias h3 a:hover{background:#c7c7c7 url(img/seta-menu-hover.gif) no-repeat 5px 4px; color:#383431}
/* end 2009-06-10 @author Bonoto */

#menu h3:hover{color:#982123;}
#menu #location { padding:10px 10px 20px 10px;}
#menu #location p{padding:11px; background:#ccc; font-size:11px; line-height:12px;}
#menu #location p span{font-size:12px; line-height:12px; font-weight:bold; color:#982123}

#fotosCurso{ width:100%; background:#C3C3C3; margin-bottom:15px; margin-top:15px;}

#featured{width:130px; float:left; margin-left:10px; _margin-left:6px}
#featured h2{width:120px; margin-bottom:0px; clear:both; padding:5px; margin:0px}
#featured #informativo{width:130px; float:left; background:#A9A9A9}
#featured #informativo p.informativo{width:120px; color:white; padding:5px}
#featured #informativo p.informativo a{color:#333; font-size:12px}
#featured #featured-banner{width:126px; padding-bottom:2px; float:left}
#featured #featured-banner a img{border:2px solid #a9a9a9; float:left}
#featured #featured-banner a:hover img{border:2px solid #982123}
#featured #featured-banner a.replace{display:block; text-indent:-5000px; overflow:hidden}
#featured #featured-banner a.banner_concurso{background:url(img/concurso_banner.png) no-repeat left top; height:124px; width:126px; border:2px solid #a9a9a9}
#featured #featured-banner a:hover.banner_concurso{background:url(img/concurso_banner.png) no-repeat left bottom}

/* 2009-07-14 VWI */
#body #content{background:#efefef; float:right; width:534px; padding:10px}
#body #content-banner{background:white; width:510px; text-align:center; margin:0 auto; padding:10px}

.home #content #cursos{width:530px; margin:0 auto; clear:both}
.home #content #cursos ul li.left{float:left}
.home #content #cursos ul li.right{float:right}
.home #content #cursos ul li{background:white; width:234px; padding:10px; margin-top:10px; height:220px}
.home #content #cursos ul li a{text-decoration:none; color:#666}
.home #content #cursos ul li a:hover{text-decoration:none; color:#982123}
.home #content #cursos ul li img{display:block; border:2px solid #ccc; margin-bottom:5px}
.home #content #cursos ul li a:hover img{border:2px solid #982123; opacity:0.7}
/* 2009-07-14 VWI */

/* 2009-07-15 VWI - DEPOIMENTOS*/
#content-msg{background:white; padding:20px; margin-top:10px}
#content-msg #depoimento{background:#A8A9AC; width:454px; padding:20px; margin:0 auto; color:white}
#content-msg #depoimento p{text-align:center; line-height:18px; font-size:16px}
#content-msg #depoimento span{display:block; text-align:center; padding-top:10px; font-size:12px}
#content-msg #depoimento a{color:#221E1F; text-decoration:none; float:right; margin-top:20px}
#content-msg #depoimento a:hover{text-decoration:underline}

#depoimentos h3{font-size:14px;	color:#982123; border-bottom:1px solid #982123; margin-bottom:10px;	margin-top:10px}
#depoimentos li{margin-bottom:10px; padding:10px; background:white}
#depoimentos li p{font-size:12px; color:#333; line-height:16px; padding-bottom:10px}
#depoimentos li span.data{color:#982123; font-size:10px; text-align:left; display:block; margin-bottom:10px}
#depoimentos li span.autor{color:#727071; font-size:11px; text-align:right; display:block}
/* 2009-07-15 VWI - DEPOIMENTOS*/

#body #content.cursos{background:#efefef}
#body #content.cursos #regulamento{background:white}
#body #content.cursos #regulamento ul{padding:10px}
#body #content.cursos #regulamento li{font-size:12px; line-height:18px}
#body #content.cursos #regulamento h3{padding-bottom:10px}

#body #curso-titulo{width:554px; float:right; background:white; padding-bottom:3px}
#body #curso-titulo h4{clear:both; background:url(img/bg-titulo-curso.png) no-repeat top left; text-indent:30px; font-size:11px; text-transform:uppercase; color:white; height:45px; line-height:36px}
#body #curso-titulo ul{display:block; height:20px}
#body #curso-titulo ul li{float:left; color:#828180; font-size:12px; padding:0px 2px}
#body #curso-titulo ul li a{color:#828180}
#body #curso-titulo ul li a:hover{color:#982123; text-decoration:none}

#body #content #quemsomos{}
#body #content #quemsomos h3{font-size:14px; color:#982123; border-bottom:1px solid #982123; margin-bottom:10px;}
#body #content #quemsomos p{font-size:12px; text-indent: 20px; line-height:1.2em; text-align:justify; margin-bottom:15px;}

#body #content #cursosLista h3{    font-size:14px;	color:#982123;	border-bottom:1px solid #982123;    margin-bottom:10px;}
#body #content #cursosLista ul{    margin-bottom:40px;}
#body #content #cursosLista ul li{line-height:18px; padding:2px;}
#body #content #cursosLista ul li a{padding-left:5px; border-left:2px solid #dededc; display:block; font-size:12px; background:#dededc}

#body #content #cursosLista ul li a:link,
#body #content #cursosLista ul li a:visited{text-decoration:none;    color:#000;}
#body #content #cursosLista ul li a:hover{background:#efefef; border-left:2px solid #982123; text-decoration:none !important; color:#982123;}

#body #content #curso h4{    font-size:14px;	/*color:#982123;*/ color:black;    margin-bottom:10px; margin-top:20px;}
#body #content #curso #box{background:#ccc; width:515px; padding:10px; text-align:center}
#body #content #curso p{    font-size:12px;    /*text-indent: 20px;*/    line-height:1.3em;    text-align:justify;}
#body #content #imagens{}
/*
#body #content #imagens img{float:right;}
*/

#body #content #noticia{}
#body #content #noticia h4{padding:5px 0px 10px 0px; color:#982123; font-size:24px;}
#body #content #noticia .foto{padding:3px; margin-bottom:20px; text-align:center; display:block; /*float:left; overflow:auto;*/ padding-right:15px;}
#body #content #noticia .foto .box{background:#ccc; width:500px; padding:10px; float:left}
#body #content #noticia .foto .box img{        border: #333 2px solid;}
#body #content #noticia .foto .box p{        padding-top:3px;}
#body #content #noticia .foto .box img:hover{        border: #982123 2px solid;}
#body #content #noticia .texto p{	text-indent: 15px;	text-align:justify;	padding:5px;	line-height:1.6em;	padding-top:0; /*height:2000px;*/}

#noticia ul.lista{padding-top:25px; padding-left:18px}
#noticia ul.fotos li{padding:0px; margin:0px; display:block; float:left}
#noticia ul.fotos img{border:1px solid #ccc; padding:1px}
#noticia ul.lista li a{padding-left:15px; color:#836668; font:normal 12px 'Tahoma', verdana, sans-serif, arial; text-decoration:underline;}
#noticia ul.lista li a:hover{padding-left:15px; color:#333; font:normal 12px 'Tahoma', verdana, sans-serif, arial; text-decoration:none;}

#body #content #pesquisa h3{    font-size:16px;	color:#c71c1f;    margin-bottom:10px;}
#body #content #pesquisa h4{font-size:14px; 	color:#982123;    margin-bottom:10px;}
#body #content #pesquisa dl dt a{    font-size:12px;    line-height:1.2em;	color:black;	text-decoration:none;}
#body #content #pesquisa dl dd a{    font-size:12px;	color:black;	text-decoration:none;    line-height:1.2em;}
#body #content #pesquisa dl dt a:hover{	color:#982123;	text-decoration:none;}
#body #content #pesquisa hr{border: 1px solid #666;    margin-top: 15px;}

#body #content #localizacao h3{	font-size:14px;	color:#982123;	border-bottom:1px solid #982123;    margin-bottom:10px;	margin-top:10px;}
#body #content #localizacao p{	margin:3px;	font-size:12px;}
#body #content #localizacao h4{	font-size:14px;	font-family:verdana;	margin-left:3px;}

#body #content #contato{width:45%;border-right:1px solid;padding:10px;		float:left;}
#body #content #contato h3{	font-size:14px;	color:#982123;	border-bottom:1px solid #982123;    margin-bottom:10px;}
#body #content #contato label{	display:block;	font-size:12px;	margin-bottom:2px;}
#body #content #contato label.error{	color:red}
#body #content #contato textarea{	display:block;margin-bottom:5px;	padding:3px;	width:200px;	border:1px inset #000;}
#body #content #contato input{	margin-bottom:5px;	width:200px;	padding:3px;	font-size:11px;	border:1px inset #201d1d;}
#body #content #contato input.btn{	width:100px;	border:1px outset #201d1d;}

#body #content #inscricao h3{	font-size:14px;	color:#982123;	border-bottom:1px solid #982123;  margin-bottom:10px;}

#body #content #adress{	float:left;	width:47%;	padding:10px;}
#body #content #adress h3{	font-size:14px;	color:#982123;	border-bottom:1px solid #982123;    margin-bottom:10px;}
#body #content #adress h4{	font-size:14px;	font-family:verdana;	margin-left:3px;}
#body #content #adress p{	margin:3px;	font-size:12px;}

/*.home #content #cursos ul li{background:white; padding:10px; width:230px; float:left; margin-bottom:10px;}
.home #content #cursos ul li.left{float:left;}
.home #content #cursos ul li.right{float:right;}
.home #content #cursos ul li p{background:white; padding:10px 0px; line-height:20px;}
.home #content #cursos ul li a{text-decoration:none; color:#666;}
.home #content #cursos ul li a:hover{text-decoration:none; color:#982123;}
.home #content #cursos ul li img{display:block; border:2px solid #ccc;}
.home #content #cursos ul li a:hover img{border:2px solid #982123; opacity:0.7;}*/


#content #curso #fotosCurso ul{	padding:5px;	display:block;}
#content #curso #fotosCurso ul li{	display:inline;	width:100px;	height:100px;}
#content #curso #fotosCurso ul li img{	padding:5px;	margin:5px;	border:1px solid #666;	text-align:center;}
#content #curso #fotosCurso ul li img:hover{border:1px solid #982123; background:#dfdfdf}

/*
#content #fotosCurso ul{    display:block;	background:green;}
#content #fotosCurso ul li{    float:left;    width:100px;    height:100px;    padding:5px;    margin:5px;    border: 1px solid #666;    text-align:center;}
*/

a.regulamento{text-decoration:none; color:#982123; font-size:14px; font-weight:bold;}
a.regulamento:hover{text-decoration:underline; font-size:14px; font-weight:bold;}

#body #content #texto h4{	font-size:14px;}
#body #content #texto h3{	font-size:14px;	color:#982123;	border-bottom:1px solid #982123;    margin-bottom:10px;margin-top:10px;}
#body #content #texto p{	margin: 7px 0px;	/*line-height:20px;*/text-indent:15px;	clear:both;}

#body #content #mapa h3{	font-size:14px;	color:#982123;	border-bottom:1px solid #982123;    margin-bottom:10px;	margin-top:10px;}
#body #content #mapa dl{	padding:10px;}
#body #content #mapa dl dt{	font-size:13px;	font-family:verdana;	background: url('img/seta_avancar_blue.png') no-repeat left;	padding-left:15px;	margin:2px 0px;}
#body #content #mapa dl dd.categoria{	margin-left:20px;	font-size:12px;	background: url('img/seta_avancar_green.png') no-repeat left; padding-left:15px; font-weight:bold;}
#body #content #mapa dl dd.curso{	margin-left:40px;	margin-bottom:4px;	font-size:12px;	background: url('img/seta_avancar_red.png') no-repeat left;	padding-left:15px;}
#body #content #mapa a{color:#000; text-decoration:none;}
#body #content #mapa a:hover{color:maroon; text-decoration:underline;}

#footer{text-align:center;	padding:5px;	clear:both;}

/* VWlinks Method was developed by Eduardo Bona (VivaWeb Internet) */
ul.vwlinks{display:block; text-align:right; padding:5px 0px;}
ul.vwlinks li{padding:0px 1px; display:inline;}
ul.vwlinks li.inicio{border:none}

/*PARCEIROS*/
#footer p{clear:both}

/*PARCEIROS*/
#body #body-head #partners{width:196px; clear:both; margin-left:4px}
#body #body-head #partners h3{color:#982123; font-weight:normal; font-size:13px}
#body #body-head #partners ul{width:169px; border:2px solid #e5e6e1; padding:12px}
#body #body-head #partners ul li{float:left}

/* LINKS IMPRESSAO, CRONOGRAMA E ENVIA EMAIL*/
ul.cslinks{float:right; margin:10px 0px}
ul.cslinks li{width:65px; height:50px; float:left}
ul.cslinks li a{display:block; width:65px; height:50px; text-indent:-5000px; overflow:hidden}
ul.cslinks li a.impressao{background:url(img/impressao.jpg) no-repeat top left}
ul.cslinks li a.enviaemail{background:url(img/envia_email.jpg) no-repeat top left}
ul.cslinks li a.cronograma{background:url(img/cronograma.jpg) no-repeat top left}
ul.cslinks li a:hover.impressao{background:url(img/impressao-hover.gif) no-repeat top left}
ul.cslinks li a:hover.enviaemail{background:url(img/envia_email-hover.gif) no-repeat top left}
ul.cslinks li a:hover.cronograma{background:url(img/cronograma-hover.gif) no-repeat top left}

.gra{width:90%;}
ul.form li.um{width:100%;}
input{border:1px #ccc inset; padding:3px; background-color:#fff; color:#000;}
select{border:1px #ccc inset; padding:2px;}
textarea{border:1px #ccc inset; padding:3px; background-color:#fff; color:#000; height:100px;}

ul.form li label{display:block; padding-top:5px; padding-bottom:2px; color:#333; font:normal 11px 'Tahoma', verdana, sans-serif, arial;}

body.home div.container-all div#body div#content div#conteudo_inteiro div#background form#commentForm fieldside ul.form li label.error{color:red;}