/**
 * templates.css
 *
 * Folha de estilo com as definicoes basicas de layout.
 *
 * @project atitudecidada
 * @author CSP - Marcos Migon
 * @version 1.0
 * @copyright 2010 - Casa da Moeda do Brasil
 * @package xhtml-css
 */

/* reset html*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*fim do reset CSS*/

/**
* Definicao padrao do corpo das paginas.
*/
body {font-family:Verdana, Arial, Helvetica, sans-serif;overflow-x:hidden;}

/**
* Definicao padrao de tabelas.
*/
table {width:100%; text-align:left; font-size:10px;}
table th {color:#6498e5; padding:3px; vertical-align:middle; border:1px solid #dddada; text-align:left;}
table td {padding:3px; vertical-align:middle; border:1px solid #dddada;}
table .col01 {border-left:none; font-weight:bolder;}
table .ultima {border-right:none;}

/**
* Definicao do h2.
*/
.conteudo h2 {margin:20px 0;}

/**
* Classe de reinicializao de linha.
*/
.clear {clear:both;}

/**
* Definicao do corpo do layout.
*/
.envoltorio {background:#86AEEC url(../images/fundo-geral.jpg) repeat-x;}
.envoltorio .envoltorio-topo-cmb {background:#fff;}

.envoltorio .envoltorio-topo-cmb .topo-cmb {padding:7px; margin:auto; width:100%;}
.envoltorio .topo-ac {margin:auto; width:100%;}
.envoltorio .envoltorio-conteudo-menu {background:url(../images/fundo-nuvem.png) no-repeat 13% bottom;}

/**
* Definicao do corpo do menu.
*/
.envoltorio .conteudo-menu {margin:auto;}
.envoltorio .envoltorio-conteudo-menu .conteudo-menu .menu .menu-principal {margin:40px 5px 0 0; }
.envoltorio .envoltorio-conteudo-menu .conteudo-menu .menu .menu-principal .topo-menu-principal {display:block; background:url(../images/topo-menu-principal.png) no-repeat left; height:9px; width:179px;}
.envoltorio .envoltorio-conteudo-menu .conteudo-menu .menu .menu-principal ul {background:#4c7cc4; width:179px; font-size:12px; padding:20px 0}
.envoltorio .envoltorio-conteudo-menu .conteudo-menu .menu .menu-principal ul li a {display:block; color:#9fbdeb; background:url(../images/bullet-menu-principal.gif) no-repeat 16px 11px; text-decoration:none; padding:5px 0 5px 30px;}
.envoltorio .envoltorio-conteudo-menu .conteudo-menu .menu .menu-principal ul li a:hover {color:#fff;}
.envoltorio .envoltorio-conteudo-menu .conteudo-menu .menu .menu-principal ul li.atual a {color:#fff;}
.envoltorio .envoltorio-conteudo-menu .conteudo-menu .menu .menu-principal ul li.atual a:hover {cursor:default;}
.envoltorio .envoltorio-conteudo-menu .conteudo-menu .menu .menu-principal .base-menu-principal {display:block; background:url(../images/base-menu-principal.png) no-repeat right; height:9px; width:179px;}

/**
* Definicao do controle select.
*/
.conteudo select{padding:5px;}


.envoltorio .conteudo-menu .menu {float:left; width:15%; padding:0 0 0 1%; min-width:170px; margin:0 15px 0 0;}
.envoltorio .conteudo-menu .menu p {margin:95px 0 0 0;}
.envoltorio .conteudo-menu .menu p a {display:block; background:url(../images/fundo-edital-download.png) no-repeat; font-size:16px; padding:12px 0 15px 40px; color:#c9d3e1; text-decoration:none;}
.envoltorio .conteudo-menu .menu p a:hover {background-position:0 -58px;}

/**
* Definicao do topo.
*/
.envoltorio .conteudo-menu .envoltorio-conteudo {float:left; width:74%; min-width:484px;}
.envoltorio .conteudo-menu .envoltorio-conteudo .topo .esquerda {display:block; float:left; background:#fff url(../images/canto-superior-esquerdo.gif) no-repeat; height:15px; width:5%; min-width:5px}
.envoltorio .conteudo-menu .envoltorio-conteudo .topo .meio {display:block; float:left; background:#FFF; height:15px; width:90%; min-width:398px; *min-width:397px; *width:89.9%;}
.envoltorio .conteudo-menu .envoltorio-conteudo .topo .direita {display:block; float:left; background:#fff url(../images/canto-superior-direito.gif) no-repeat right top; height:15px; width:5%; min-width:5px}

/**
* Definicao do layout do conteudo.
*/
.envoltorio .conteudo-menu .envoltorio-conteudo .conteudo {background:#fff; color:#5d5e5e; font-size:12px; line-height:normal; padding:10px 2% 2%; min-height:505px;}
.envoltorio .conteudo-menu .envoltorio-conteudo .conteudo h2 {font-family:Helvetica, sans-serif; color:#6397e4; font-size:24px; font-weight:normal;}

/**
* Definicao do layout do conteudo .sobre.
*/
.envoltorio .conteudo-menu .envoltorio-conteudo .conteudo .sobre {width:38%; float:left; margin:30px 9% 0 15px;}
.envoltorio .conteudo-menu .envoltorio-conteudo .conteudo .sobre h2 {margin:0 0 17px 0;}

/**
* Definicao do layout do rodape.
*/
.envoltorio-rodape {color:#b5cae9; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#4c7cc4; padding:15px;}
.envoltorio-rodape .rodape {margin:auto; width:60%;}
.envoltorio-rodape .rodape p {background:url(../images/logo-rodape.gif) no-repeat; padding:0 0 0 30px;}

/**
* Definicao do conteudo lista.
*/
.conteudo form .form ul li {margin:0 0 15px 0;}
.conteudo form .form ul li label {display:block; margin:0 0 5px 0;}
.conteudo form .form ul li select {width:200px;}
.conteudo form .form ul li input, .conteudo form .form ul li textarea {width:95%; padding:5px;}
.conteudo form .form ul li span {position:relative; top:0; color:#ff9000; vertical-align:top; font-size:24px;}
form .form ul li textarea {height:105px; overflow:auto; border:1px solid #9d9a9a;}

/**
* Definicao do conteudo tabela.
*/
.conteudo form .tabela {width:95%; margin:40px 0 0 0;}
.conteudo form .tabela h3 {font-size:16px; color:#6397e4; float:left; width:245px;}
.conteudo form .tabela p {float:right; width:60px;}
.conteudo form .tabela p input {display:block; border:none; background:url(../images/icone-editar.gif) no-repeat 0 -60px; padding:0px 0px 2px 18px; color:#838383; font-size:14px;}
.conteudo form .tabela p input:hover {background-position:0 0; color:#333;}
.conteudo form .tabela table {margin:20px 0; font-size:11px;}
.conteudo form .tabela table th {font-weight:bold;}
.conteudo form .tabela table .bold {font-weight:bold;}
.conteudo form .tabela table th, .conteudo form .tabela table td {padding:5px;}

/**
* Definicao do conteudo botton.
*/
.conteudo form .botoeira ul li {float:right;}
.conteudo form .botoeira ul li a {display:block;}
.conteudo form .botoeira ul .voltar {padding:10px 0 0 0; margin:0 10px 0;}
.conteudo form .botoeira ul .voltar a{background:url(../images/icone-voltar.jpg) no-repeat; padding:0px 0px 0px 20px; color:#838383; font-weight:bold; text-decoration:none;}
.conteudo form .botoeira ul .voltar a:hover {background-position:0 -31px;}
.conteudo form .botoeira ul .pesquisar input{display:block; background:url(../images/bt-continuar-fundo.jpg) no-repeat 0 -51px; border:0; margin:0; height:38px; color:#fff; font-weight:bold; padding:0 0 5px 0; width:96px;}
.conteudo form .botoeira ul .pesquisar input:hover {background-position:0 0;}

/**
* Definicao da legenda.
*/
.legenda .legenda-conteudo{padding: 3px 0;margin-left: 0;border-bottom: 1px solid #adaaaa;font-size:11px;}
.legenda .legenda-conteudo li{list-style: none;margin: 0;display: inline;}
.legenda .legenda-conteudo li a{color: #DDD;padding: 3px 0.5em;margin-left: 3px;border:1px solid #DDD;border-bottom: none;text-decoration: none;}
.legenda .legenda-conteudo li .current{color:#898989;background: #FFF;border: 1px solid #898989;border-bottom: 1px solid #FFF;}

/**
* Definicao padrao de distruicao de controles no formulario.
*/
form div {margin-top: 1px;}
form fieldset p {float: left;width:100%;color:#676767;font-size:11px;margin-top:10px;}
form fieldset p label {width:120px;float:left;margin-left: 10px;margin-top: 5px;}
form fieldset p .valores {width: auto;font-weight: bold;}
form input, select, textarea {border: 0px;font-size: 11px;padding: 2px;border:solid 1px #CCC;background-color: #FFF;}
form fieldset p textarea {height: 70px;}
form fieldset p select {border:1px solid #333;padding:1px;}
form .obrigatorio {font-size: 10px;font-weight: bold;color: #F00;padding: 5px;}

/**
* Definicao padrao de botao.
*/
form input.botao {float:right;cursor: hand;color: #4870AA;background: #FFF;text-align: center;font-size: 11px;font-weight: bold;border: 3px double #cccccc;width: auto;padding: 0px 5px;line-height: 16px;height: 24px;margin: 20px;}