/**********
Chamada do arquivo de fontes
**********/
@import url("fonts.css");

/**********
Geral
**********/
*{
	margin: 0; /* centralizar a página */
	text-align: center; /* ie fix para o centro */
}

* ul li{ text-align: justify; padding-top: 2px; padding-bottom: 2px;} /*Fix Listas*/
* div {text-align: justify;} /*Fix Textos*/
* p {text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 14px;	color: #686868;}
* form {text-align: left;}


body{
	background-image:url(../images/theme/climind_background.jpg);
	background-repeat: repeat-x;
	background-color: #E9EEF1;
}
/**********
Divs >> Externas >> Layout 2 Linhas
**********/
#corpo{
	margin: 0px auto; /* centralizar */
	text-align: center; /* centraliar ie < 6 */
	width: 787px;
	height: auto;
}

#rodape{
	background-color: #e9efef;
	text-align: center;
	margin: 0px auto;
	clear: both;
	width: 100%;
	height: 35px;
	background-color: #d9e3e5;
	_margin-top: 10px;
}

/**********
Divs >> Corpo >> Normal >> Layout 2 Linhas
**********/
#topo{
	/*background-image: url(../images/theme/climind_topo.jpg); /* remover quando tiver o flash*/
	margin: 0px auto; /* centralizar */
	text-align: center; /* centraliar ie < 6 */
	width: 777px;
	height: 303px;
	margin: 0px 5px 0px 5px; /* margens (topo, direita, base, esquerda) */
	float: left;
}
#conteudo{
	text-align: left;
	/*width: 777px;*/
	width: 700px;
	margin: 0px 5px 0px 5px; /* margens (topo, direita, base, esquerda) */
	clear: left;
	float: left;
	background-color: #fff;
	margin-left: 43px;
	ma\rgin-left: 43px;
}
#conteudo_final{
	background: url(../images/theme/climind_content_bottom.jpg) no-repeat #fff;
	margin: 0px auto; /* centralizar */
	text-align: center; /* centraliar ie <= 6 */
	/*width: 777px;*/
	width: 700px;
	height: 19px;
	margin: 0px 5px 0px 5px; /* margens (topo, direita, base, esquerda) */
	clear: left;
	float: left;
	margin-bottom: 10px;
	margin-left: 43px;
	ma\rgin-left: 43px;
}
/**********
Divs >> Corpo >> Normal >> Layout 2 Colunas
1ª Col -> Menu (Arquivo de fontes) >> UL Class: MenuEsquerdo >> LI
    |-> LI Class: Final - Não repetir, é o final após o ultimo menu
2ª Col -> Conteudo ID: Direito
	|-> Largura Fixa: 487px
**********/
#menu{
	width: 190px;
	_width: 191px;
	height: auto;
	float: left;
	display: inline;
	
}
#listamenu{
	width: 190px;
	_width: 191px;
	height: auto;
	float: left;
	display: inline;
	border-right: 1px solid #C0C0C0;
	}
#fechamenu{ 
	width: 190px;
	height: 23px;
	clear: left;
	float: left;
	display: inline;
	background: url(../images/theme/fechamenu.gif) no-repeat right;
	margin-left: 1px;
	}

#direito{
	margin: 0px auto; /* centralizar */
	text-align: center; /* centraliar ie <= 6 */
	width: 494px;
	margin: 5px 0px 0px 0px; /* margens (topo, direita, base, esquerda) */
	float: right;
	display: inline;

}
#direito a{ font-style: italic; }
/**********
Direito >> Depoimentos >> Box Depoimentos & Box Extras
**********/
#depoimentos{
	width: 240px;
	margin: 0px auto;
	clear: left;
	float: left;
	margin: 0px 0px 0px 5px; /* (topo, direita, base, esquerda) */
}

#DepTopo{
	background-image:url(../images/theme/climind_depoimentos_topo_ie.jpg);
	background-repeat: no-repeat;
	width: 240px;
	height: 28px;
	float: left;
}
#DepBoxTopo{
	background:url(../images/theme/climind_depoimentos_base_topo_ie.jpg) no-repeat;
	background-color: #E8F0F2;
	width: 240px;
	height: 14px;
	clear:left;
	float: left;
}
#DepBoxRepeat{
	background:url(../images/theme/climind_depoimentos_base_repeat_ie.jpg) repeat-y;
	width: 240px;
	clear: left;
	float: left;
}
#DepBoxRepeat2{
	background:url(../images/theme/climind_depoimentos_base_repeat_ie.jpg) repeat-y;
	width: 240px;
	clear: left;
	float: left;
}
#DepBoxBase{
	background:url(../images/theme/climind_depoimentos_base_botton_ie.jpg) no-repeat;
	width: 240px;
	height: 9px;
	clear: left;
	float: left;
}
#DepBoxAutor{
	width: 240px;
	height: auto;
	padding: 0px 0px 20px 0px; /* distânciamento (topo, direita, base, esquerda) */
	clear: left;
	float: left;
	
}
#ExtBox{
	width: 224px;
	margin: 0px auto;
	float: right;
	margin: 0px 0px 0px 0px; /* (topo, direita, base, esquerda) */
	padding: 0px 20px 10px 0px; /* distânciamento (topo, direita, base, esquerda) */
	text-align: right;
}
#ExtBox img{
	padding: 0px 0px 10px 0px; /* distânciamento (topo, direita, base, esquerda) */	
}
/**********
Direito >> Topo Internas
**********/
#InternasTopo{
	background-image:url(../images/theme/climind_internas_base.jpg);
	background-repeat: no-repeat;
	width: 450px;
		_width: 480px;
	height: auto;
	float: left;
	border-bottom: 1px solid #93C2BA;
}
#InternasTexto{
	width: 470px;
	clear: left;
	float: left;
}
/**********
Rodape Conteudo
**********/
#FixRodape{
	width: 750px;
	height: 35px;
	margin: 0px auto;
	text-align: center;
}
#LogoRodape{
	width: 112px;
	height: 35px;
	float: right;
	margin-right: 25px;
		_margin-right: 12px;
}
#CopyRight{
	width: 550px;
	height: 35px;
	float: left;
	margin-left: 25px;
		_margin-left: 12px;
}

#subcategoria{ width: 450px; height: auto; clear: left; float: left; margin-bottom: 10px;}
#subcategoria2{ width: 450px; height: auto; clear: left; float: left; margin-bottom: 10px; margin-left: 19px; margin-top: 10px;}
#InternasResumo{ width: 455px; height: auto; clear: left; float: left; margin-right: 5px;}
#InternasExtras{ width: 100%; height: auto; clear: left; float: left;}
#InternasData{ width: 60%; height: auto; float: left; display: inline; text-align: left;}
#InternasFonteMuda{ width: 30%; height: auto; float: right; display: inline; text-align: right; padding-top: 2px; padding-bottom: 2px; margin-right: 5px;}

#divVazio{ width: 97%; height: auto; clear: left; float: left; text-align: right;}
#SubNav{ width: 25%; height: auto; float: left; display: inline;}