/**********************************************
Css básico [SCREEN]
Autor: Pedro Martins
Versão: 2.0
**********************************************/


/******************************************RESET*********************************************/
* { /* reseta estas propiedades de todos os objetos */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
    outline:0;
    }
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse;}
caption, th, td {text-align:left; font-weight:normal;}
fieldset, img {border:0;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
:focus {outline:0;} /* a propiedade focus não funciona no IE*/
caption, th {text-align:left;}
a {text-decoration:none;}
a img {border:none;}

/**************************** inicio do estilo para tags padrão *****************************/
body {
	color:#545454;
	background:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:0; 
	padding:0; 
	height:100%; 

    }
body, input, select, textarea, table, td, th {font-size:11px;}
td img, th img {vertical-align:middle;}
a:link, a:visited, a:active, a:focus {}
a:hover {}
h1 {font-size:300%;}
h2 {font-size:250%;}
h3 {font-size:200%;}
h4 {font-size:150%;}
h5 {font-size:120%;}
h6 {font-size:100%;}


/********************************************************************************************
        						 GENERAL [contem todo o site]
********************************************************************************************/
.general {
	width:100%;
	height:100%; /* height 100% no IE7 e FF */
	position:relative; /* estabelece que este é o "pai" dos objetos posicionados com "position:absolute" dentro dela */
	margin:0 auto; /* centraliza o site em todos os browsers, inclusive no IE6 e 7 */

	}
/********************************************************************************************
											HEADER
********************************************************************************************/
.header {
	clear:both;
	width:100%;
	height:76px;
	position:relative; /* estabelece que este é o "pai" dos objetos posicionados com "position:absolute" dentro dela */
	background:url(images/bg_header.jpg) repeat-x top left;
	}
.menu_header{
	float:right;
	height:76px;
	line-height:76px;
	font-size:14px;
	position:relative;
	}
.menu_item:link, .menu_item:visited, .menu_item:active, .menu_item:focus{
	color:#333;	
	padding:30px 20px;
	}

.menu_item:hover {
	color:#FFF;
	background:url(images/bg_header_item_select.jpg) repeat-x top left;
	padding:30px 20px;
	}
/********************************************************************************************
										BODY [conteudo do site]
********************************************************************************************/
.body_site {
	clear:both;
	padding-bottom:30px; /* tem que ter o mesmo tamanho do "footer" se quiser manter o rodape no final da tela ou do conteudo */
	width:100%;
 	position:relative; /* estabelece que este é o "pai" dos objetos posicionados com "position:absolute" dentro dela */
	background:#FFF;
	}
.bg_01{background:#ecf2f1 url(images/imagem_01.jpg) no-repeat top center;}
.bg_02{background:#ecf2f1 url(images/imagem_02.jpg) no-repeat top center;}
.bg_03{background:url(images/imagem_03.jpg) no-repeat center center;}
.titulo{background:url(images/bg_titulo.jpg) repeat-x top left; padding:10px; padding-left:15px;}
.menu{
	margin-top:0px;
	color:#000;

	
	}
.menu li{
	height:80px;
	clear:both;
	}
.menu li img{
	/*float:left;*/
	vertical-align:middle;
	margin:0 5px 0 0;
	}
.escrita{
	background:url(images/bg_escrita.jpg) repeat-x top left;
	height:45px;
	bottom:53px;
	position:absolute;
	width:100%;
	}
.teclado{
	background:#FFF;
	/*border: solid 1px #bacbe3;*/
	padding:5px;
	width:170px;
	height:45px;
	margin-top:1px;
	padding-left:2px;
	}
.botaoLadoTeclado{
	background:#FFF;
	/*border: solid 1px #bacbe3;*/
	padding:1px;
	width:130px;
	height:45px;
	padding-left:5px;
	}
.ObsCNPJCPF{
	background:#FFF;
	/*border: solid 1px #bacbe3;*/
	padding:1px;
	width:270px;
	padding-left:5px;
	}	
.numeros li{
	background:url(images/bg_numeros.png) repeat-x top left;
	height:50px;
	padding:0 2px;
	margin:5px;
	font-size:14px;
	line-height:20px;
	color:#01415c;
	display:inline;
	font-weight:bold;
}
/********************************************************************************************
											FOOTER
********************************************************************************************/
.footer {
	width:100%;
	height:54px;
	background:url(images/bg_footer.jpg) repeat-x bottom left;
	color:#FFF;
	position:absolute;
	bottom:0px;
	}
	
/********************************************************************************************
								CLASSES GERAIS [para todas as páginas]
********************************************************************************************/
.cor_01{color:#000;}
.cor_02{color:#FFF;}
.cor_03{color:#01415c;}
.cor_04{color:#8c8c8c;}
.cor_05{color:#1e60a2;}
.cor_06{color:#559cb9;}
.cor_07{color:#????;}
.cor_08{color:#F00;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.highlight {background:#FFFF99;}
.added {background:#66CC66;color:#fff;}
.removed {background:#333333; color:#fff; text-decoration:line-through;}
.error, .notice, .success {padding:5px; margin:5px; }
.error {background:#FFF; color:#000 ;border-color:#f76060;}
.notice {background:#FFF; color:#036;}
.success {background:#E6EFC2;color:#264409;border-color:#8ed585;}
.error a {color:#8a1f11;}
.notice a {color:#F00; text-align:justify;}
.success a {color:#264409;}
p.paragrafo:first-letter { 
color: #000; 
font-size:200%;
margin:3px 2px 0 0;
float:left;
}
.input_txtarea { /* estilo para qualquer textarea */
	border:solid 1px #ccc;
	background:#fff;
	padding:2px;
	line-height:16px;
	}
.input_txt { /* estilo para qualquer input type="text" */
	border:solid 1px #ccc;
	background:#fff;
	padding:2px;
	line-height:14px;
	height:14px;
	}
.input_select { /* estilo para qualquer input type="text" */
	border:solid 1px #ccc;
	background:#fff;
	padding:2px;
	line-height:14px;
	height:22px;
	}
.button { /* estilo para qualquer botão */
	padding:1px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:url(images/bg_button.jpg) repeat-x top left;
	border:0;
	}
.hide { /* o objeto some */
	display:none;
	visibility:hidden;
	}
.visible { /* o objeto que está invisivel, aparece */
	display:block;
	visibility:visible;
	}
.txt_al_left, .txt_al_left td {text-align:left;} /* alinha o texto para esquerda */
.txt_al_right, .txt_al_right td {text-align:right;} /* alinha o texto para direita */
.txt_al_center, .txt_al_center td {text-align:center;} /* alinha o texto no centro */
.txt_al_just{ text-align:justify;  letter-spacing:1px; line-height:14px;}
.txt_bold, .txt_bold td {font-weight:bold;} /* deixa o texto em negrito */
.txt_up{text-transform:uppercase;}
.al_left {float:left;} /* alinha o objeto à esquerda */
.al_right {float:right;} /* alinha o objeto à direita */
.al_center {margin:0 auto;} /* alinha o objeto no centro */
.clear, .clear_bug {clear:both;}
.clear_bug { /* arruma o bug de float no FF e nos navegadores modernos */
	line-height:0px;
	height:0px;
	}
/*********************************  TABELA  ***********************************************/
.default_table {border:solid 1px #ccc;} /* estilo para tabelas padrão */
	
.default_table caption {
	font-weight:bold;
	font-size:120%;
	line-height:1.7em;
	}
.default_table thead th {
	background:#666;
	color:#fff;
	text-transform:uppercase;
	}
.default_table tfoot td {background:#e0e0e0;}
.default_table td, .default_table th {
	padding:3px 4px;
	border:solid 1px #ccc;
	}
.form_table, .default_table {margin:0 0 1em 0;}
.form_table td {padding:2px 4px;}
/*classes que definem as "caixas"*/
.box {background:#FFFFFF;color:#CCCCCC;border:solid 1px;}
.box_01 {background:#CCCCCC;color:#999999;border-color:#999999;}
.box_02 {background:#999999;color:#666666;border-color:#666666;}
.box_03 {background:#666666;color:#333333;border-color:#333333;}
.box_04 {background:#333333;color:#FFFFFF;border-color:#000000;}

/*******************Cantos********************/
.ct_01{position:absolute; top:-1px; left:-1px;} /*canto superior esquerdo*/
.ct_02{position:absolute; top:-1px; right:-1px;} /*canto superior direito*/
.ct_03{position:absolute; bottom:-1px; left:-1px;} /*canto inferior esquerdo*/
.ct_04{position:absolute; bottom:-1px; right:-1px;} /*canto inferior direito*/
.ct_grd_01{position:absolute; left:-1px;}/*canto esquerdo*/
.ct_grd_02{position:absolute; right:-1px;}/*canto direito*/


/* *************************************************************************************************
										GRID 
****************************************************************************************************/
/*classes que definem a largura das colunas para formar o grid*/
.colun_01 {width:5%;}
.colun_02 {width:10%;}
.colun_03 {width:15%;}
.colun_04 {width:20%;}
.colun_05 {width:25%;}
.colun_06 {width:325px;}
.colun_07 {width:35%;}
.colun_08 {width:40%;}
.colun_09 {width:45%;}
.colun_10 {width:50%;}
.colun_11 {width:55%;}
.colun_12 {width:60%;}
.colun_13 {width:65%;}
.colun_14 {width:70%;}
.colun_15 {width:75%;}
.colun_16 {width:80%;}
.colun_17 {width:85%;}
.colun_18 {width:90%;}
.colun_19 {width:95%;}
.colun_20 {width:100%;}
/*classes que definem as margens*/
/*margem direita*/
.marg_right-01{margin-right:5px;}
.marg_right-02{margin-right:10px;}
.marg_right-03{margin-right:15px;}
.marg_right-04{margin-right:20px;}
.marg_right-05{margin-right:25px;}
.marg_right-06{margin-right:30px;}
.marg_right-07{margin-right:35px;}
.marg_right-08{margin-right:40px;}
.marg_right-09{margin-right:45px;}
.marg_right-10{margin-right:50px;}
.marg_right-11{margin-right:55px;}
.marg_right-12{margin-right:60px;}
.marg_right-13{margin-right:65px;}
.marg_right-14{margin-right:70px;}
.marg_right-15{margin-right:75px;}
.marg_right-16{margin-right:80px;}
.marg_right-17{margin-right:85px;}
.marg_right-18{margin-right:90px;}
.marg_right-19{margin-right:95px;}
.marg_right-20{margin-right:100px;}
/*margem esquerda*/
.marg_left-01{margin-left:5px;}
.marg_left-02{margin-left:10px;}
.marg_left-03{margin-left:15px;}
.marg_left-04{margin-left:20px;}
.marg_left-05{margin-left:25px;}
.marg_left-06{margin-left:30px;}
.marg_left-07{margin-left:35px;}
.marg_left-08{margin-left:40px;}
.marg_left-09{margin-left:45px;}
.marg_left-10{margin-left:50px;}
.marg_left-11{margin-left:55px;}
.marg_left-12{margin-left:60px;}
.marg_left-13{margin-left:65px;}
.marg_left-14{margin-left:70px;}
.marg_left-15{margin-left:75px;}
.marg_left-16{margin-left:80px;}
.marg_left-17{margin-left:85px;}
.marg_left-18{margin-left:90px;}
.marg_left-19{margin-left:95px;}
.marg_left-20{margin-left:100px;}

/*margem abaixo*/

.marg_bottom-01{margin-bottom:2px;}
.marg_bottom-02{margin-bottom:10px;}
.marg_bottom-03{margin-bottom:15px;}
.marg_bottom-04{margin-bottom:20px;}
.marg_bottom-05{margin-bottom:25px;}
.marg_bottom-06{margin-bottom:30px;}
.marg_bottom-07{margin-bottom:35px;}
.marg_bottom-08{margin-bottom:40px;}
.marg_bottom-09{margin-bottom:45px;}
.marg_bottom-10{margin-bottom:50px;}
.marg_bottom-11{margin-bottom:55px;}
.marg_bottom-12{margin-bottom:60px;}
.marg_bottom-13{margin-bottom:65px;}
.marg_bottom-14{margin-bottom:70px;}
.marg_bottom-15{margin-bottom:75px;}
.marg_bottom-16{margin-bottom:80px;}
.marg_bottom-17{margin-bottom:85px;}
.marg_bottom-18{margin-bottom:90px;}
.marg_bottom-19{margin-bottom:95px;}
.marg_bottom-20{margin-bottom:100px;}
/*margem a cima*/

.marg_top-01{margin-top:5px;}
.marg_top-02{margin-top:10px;}
.marg_top-03{margin-top:15px;}
.marg_top-04{margin-top:20px;}
.marg_top-05{margin-top:25px;}
.marg_top-06{margin-top:30px;}
.marg_top-07{margin-top:35px;}
.marg_top-08{margin-top:40px;}
.marg_top-09{margin-top:45px;}
.marg_top-10{margin-top:50px;}
.marg_top-11{margin-top:55px;}
.marg_top-12{margin-top:60px;}
.marg_top-13{margin-top:65px;}
.marg_top-14{margin-top:70px;}
.marg_top-15{margin-top:75px;}
.marg_top-16{margin-top:80px;}
.marg_top-17{margin-top:85px;}
.marg_top-18{margin-top:90px;}
.marg_top-19{margin-top:95px;}
.marg_top-20{margin-top:100px;}
/*classes que definem o pading*/
/*direita*/
.pad-r_01{padding-right:10px;}
.pad-r_02{padding-right:20px;}
.pad-r_03{padding-right:30px;}
.pad-r_04{padding-right:40px;}
.pad-r_05{padding-right:50px;}
.pad-r_06{padding-right:60px;}
.pad-r_07{padding-right:70px;}
.pad-r_08{padding-right:80px;}
.pad-r_09{padding-right:90px;}
/*esquerda*/
.pad-l_01{padding-left:10px;}
.pad-l_02{padding-left:20px;}
.pad-l_03{padding-left:30px;}
.pad-l_04{padding-left:40px;}
.pad-l_05{padding-left:50px;}
.pad-l_06{padding-left:60px;}
.pad-l_07{padding-left:70px;}
.pad-l_08{padding-left:80px;}
.pad-l_09{padding-left:90px;}
/*topo*/
.pad-t_01{padding-top:10px;}
.pad-t_02{padding-top:20px;}
.pad-t_03{padding-top:30px;}
.pad-t_04{padding-top:40px;}
.pad-t_05{padding-top:50px;}
.pad-t_06{padding-top:60px;}
.pad-t_07{padding-top:70px;}
.pad-t_08{padding-top:80px;}
.pad-t_09{padding-top:90px;}
/*abaixo*/
.pad-b_01{padding-bottom:10px;}
.pad-b_02{padding-bottom:20px;}
.pad-b_03{padding-bottom:30px;}
.pad-b_04{padding-bottom:40px;}
.pad-b_05{padding-bottom:50px;}
.pad-b_06{padding-bottom:60px;}
.pad-b_07{padding-bottom:70px;}
.pad-b_08{padding-bottom:80px;}
.pad-b_09{padding-bottom:90px;}
/********************************************************************************************
colocar aqui toda e qualquer classe q somente deva aparecer na hora da impressão
sempre separado por uma virgula (,) -> sintaxe: .class_name, .another_class_name {}
********************************************************************************************/
.print_only
	{
	display:none;
	visibility:hidden;
	}


/**********************************************************************************************
Novas alterações no CSS
**********************************************************************************************/
.marg_top-00{margin-top:-10px;}
/*			*/
.marg_right-p10{margin-right:3%;}
.marg_left-p30{margin-left:30%;}
.marg_left-p70{margin-left:55%;}
.ct_grd_04{position:relative; left:20px;}/*canto esquerdo*/
.ct_grd_03{position:absolute; right:320px; top:5px ; border:#000 solid 1px;}/*canto direito*/

/************************************************************************
 POP UP 
*************************************************************************/
.pop{ 	z-index:1;
		width:100%;
		height:100%;
}
.corpo_div{ 
	z-index:2;
	background-color:#CCC;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	height:100%;
	width:100%;
}
.corpo_div2{ 
	z-index:3;
	position:absolute;
	left:35%;
	top:20%;	
}