/*  
	CSS desenvolvida para MSIdeias no dia 01/10/2011 por Adriano Ferreira
*/

@charset "utf-8";

/*reset css*/
@import url("reset.css");

/*body*/
body{
	background:url(imagens/back-body-interna.jpg) repeat-x;
	font-family:"Microsoft New Tai Lue", Arial, sans-serif;
}

#container{
	width:960px;
	margin:0px auto;
}

#container .header{
	height:193px;
	background:url(imagens/header-topo.jpg) repeat-x;
}

#container .logo{
	width:468px;
	float:left;
}

#container .pesquisa{
	float:right;
	margin-top:45px;
	margin-right:105px;
}

#container .pesquisa .campo-pesquisa{
	width:165px;
	border:none;
	margin-top:30px;
	margin-right:0px;
}

#container .pesquisa .botao-pesquisa{
	width:29px;
	border:none;
	background:none;
	cursor:pointer;
	margin-right:30px;
}

#container .mainmenu{
	height:90px;
	background:#003366;
	margin-top:7px;
	background:url(imagens/back-menu.png) no-repeat;
	z-index:100;
	position:relative;
}

#container #slide{
	margin-top:-50px;
	z-index:1;
	position:relative;
}

#container #slide .cs-title{
	float:right;
	background:#003366;
	margin-bottom:25px;
	margin-left:650px;
	height:282px;
	background:url(imagens/back-slide-texto.png);
}

#container #slide .cs-title h1{
	font-size:20pt;
	font-weight:normal;
	color:#09a3a0;
	margin-top:40px;
	margin-left:30px;
}

#container #slide .cs-title h2{
	font-size:54pt;
	font-weight:bold;
	color:#a8d112;
	margin-left:30px;
}

#container #slide .cs-title p{
	font-size:12pt;
	margin-left:30px;
	margin-right:120px;
	color:#c2c2c2;
}

#container #slide .botao-leiame{
	background:url(imagens/leiamais.png);
	width:126px;
	height:32px;
	margin-left:290px;
	margin-top:20px;
	position:relative;
	z-index:1000;
}

#container .mainmenu #menu{
	border:none;
	padding-top:22px;
	width:860px;
	margin:0px auto;
}

#container .mainmenu #menu li {
	list-style: none; 
	margin: 0;
	display: inline;
}

#container .mainmenu #menu li a {
	height:1px; /* IE5.0 bug */
	padding: 10px 10px; 
	margin:0;
	text-decoration: none;
	font-size:20px;
	margin-top:-15px;
	float:left;
	height:13px;
}

#container .mainmenu #menu li a:link {
	color:#42494f;
}

#container .mainmenu #menu li a:visited {
	color:#42494f;
}

#container .mainmenu #menu li a:hover {
	background:url(imagens/back-item-ativo.jpg) repeat-x;
	color: #000; 
	border-color: #000;
	color:#FFFFFF;
}

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 13px; width: 14px; float: left; text-indent: -1000px; background:url(imagens/seletor.jpg) repeat-x;}
.cs-buttons .cs-active { background:url(imagens/seletor-ativo.jpg) repeat-x; }
.cs-prev{display:none;}
.cs-next{display:none;}

#container .agenda{
	background:url(imagens/fundo-agenda.png) repeat-x;
	width:1026px;
	height:52px;
	margin:0px auto;
	margin-top:45px;
}

#container .agenda h3{
	font-size:14px;
	padding-top:20px;
	padding-left:150px;
	font-weight:normal;
	color:#FFFFFF;
}

#container .agenda .data{
	color:#b3dd19;
	font-weight:bold;
	font-size:16px;
}

#container .agenda .inscrever{
	float:right;
	width:149px;
	height:50px;
	margin-top:-35px;
}

#container .contents{
	width:960px;
	height:100px;
	margin:0px auto;
	margin-top:30px;
}

#container .contents .left{
	width:654px;
	float:left;
}

#container .contents .left .sub1{
	width:283px;
	float:left;
	margin-right:30px;
}

#container .contents .left h3{
	color:#06403f;
	font-size:26px;
	font-weight:500;
	margin-top:20px;
}

#container .contents .left p{
	color:#989898;
	margin-top:8px;
	line-height:20px;
}

#container .contents .left .texto{
	height:150px;
}

#container .contents .left .leiamais{
	width:125px;
	height:32px;
	background:url(imagens/leiamais.jpg) repeat-x;
	float:left;
}

#container .contents .left .img-post{
	width:276px;
	height:144px;
	background:url(imagens/fundo-post.jpg) repeat-x;
}

#container .contents .left .img-post img{
	margin-top:11px;
}

#container .contents .right{
	float:left;
	width:300px;
	background:url(imagens/pensamento.jpg) no-repeat;
	margin-top:30px;
}

#container .contents .right h3{
	color:#06403f;
	font-size:26px;
	font-weight:500;
	margin-top:40px;
	margin-left:50px;
}

#container .contents .right p{
	color:#6d6d6d;
	font-size:18px;
	line-height:25px;
	margin-top:20px;
	margin-left:50px;
}

#container .contents-interna{
	width:900px;
	margin:0px auto;
}

#container .contents-interna h2{
	font-size:30px;
	font-weight:500;
	color:#255c52;
	margin-bottom:10px;
}

#container .contents-interna h3{
	font-size:20px;
	font-weight:500;
	color:#255c52;
	margin-bottom:10px;
}

#container .contents-interna p{
	line-height:20px;
	margin-bottom:10px;
}

#container .contents-interna table tr{
	height:30px;
}

#container .contents-interna .campo-texto{
	border:2px solid #3a8d7e;
	color:#333333;
}

#container .contents-interna .campo-textarea{
	border:2px solid #3a8d7e;
	color:#333333;
	width:300px;
}

#container .contents-interna ul li{
	list-style-type:square;
	margin-left:20px;
}

#container .topo-interna{
	width:1025px;
	height:52px;
	background:url(imagens/topo-interna.png) no-repeat;
	margin:0px auto;
	margin-bottom:40px;
}

#container .topo-interna h2{
	color:#FFFFFF;
	font-weight:500;
	font-size:20px;
	float:left;
	width:130px;
	text-align:center;
	margin-top:15px;
}

#container .topo-interna h3{
	color:#FFFFFF;
	font-weight:500;
	font-size:20px;
	float:left;
	margin-top:15px;
	margin-left:20px;
}

#container .rodape{
	height:230px;
	margin-top:40px;
	background:url(imagens/back-rodape.jpg) repeat-x;
}

#container .rodape .colunas{
	height:194px;
	width:619px;
	background:url(imagens/colunas-rodape.jpg) no-repeat;
	margin-top:-2px;
	float:left;
}

#container .rodape .bloco-rodape{
	margin-top:38px;
	float:left;
	margin-right:38px;
}

#container .rodape .bloco-rodape h3{
	width:147px;
	text-align:center;
	margin-left:18px;
	color:#FFFFFF;
}

#container .rodape .bloco-rodape ul{
	margin-top:25px;
	margin-left:40px;
	list-style-image:url(imagens/seta-rodape.png);
}

#container .rodape .bloco-rodape ul li{
	margin-bottom:8px;
}

#container .rodape .bloco-rodape ul li a{
	text-decoration:none;
	color:#c1d1d3;
	font-size:12px;
}

#container .rodape .bloco-rodape h3{
	width:147px;
	text-align:center;
	margin-left:18px;
}

#container .rodape .rodape-right{
	height:194px;
	width:300px;
	background:url(imagens/rodape-right.jpg) no-repeat;
	float:left;
	padding-left:20px;
	margin-top:-2px;
}

#container .rodape .rodape-right .news{
	height:78px;
	width:180px;
	background:url(imagens/newsletter.png) no-repeat;
	float:left;
	margin-top:28px;
}

#container .rodape .rodape-right form{
	margin-top:52px;
}

#container .rodape .rodape-right .campo{
	border:none;
	background:none;
	color:#666666;
	padding-top:5px;
	padding-left:5px;
}

#container .rodape .rodape-right .botao{
	border:none;
	background:none;
	cursor:pointer;
}

#container .rodape .rodape-right .redesocial{
	clear:both;
	float:left;
	margin-top:15px;
}

#container .rodape .rodape-right .redesocial a{
	width:32px;
	height:30px;
	padding-top:20px;
}

#container .rodape .copy{
	float:left;
	margin-left:20px;
	margin-top:10px;
	font-size:12px;
	color:#FFFFFF;
}

#container .rodape .trade{
	float:right;
	margin-left:20px;
	margin-top:10px;
	font-size:12px;
	color:#FFFFFF;
}

#base{
	clear:both;
}