@import url(modelo1_header.css);
@import url(modelo1_destaque.css);
@import url(modelo1_coluna_secundaria.css);
@import url(modelo1_coluna_principal.css);

body {
	background-color:#666666;
	margin:0;
	padding:0;
}

div#geral {
	width:748px;
	background-color:#FFFFFF;
	border-top:8px solid #FFCC00;
	background-repeat:no-repeat;
	margin:0 auto; /** Centraliza o layout em qualquer browser, menos Internet Explorer **/
	padding:0 8px 0 8px;
	text-align:left; /** Para fazer o texto alinhar a esquerda**/
}

div#geralInternas {
	width:748px;
	border-top:8px solid #FFCC00;
	background-image:url(../images/bg_geral_internas.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin:0 auto; /** Centraliza o layout em qualquer browser, menos Internet Explorer **/
	padding:0 8px 0 8px;
	text-align:left; /** Para fazer o texto alinhar a esquerda**/
}

div#geralProdutos {
	width:748px;
	background-image:url(../images/bg_geral_produtos.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin:0 auto; /** Centraliza o layout em qualquer browser, menos Internet Explorer **/
	padding:8px 26px 0 26px;
	text-align:left; /** Para fazer o texto alinhar a esquerda**/
}

div#colunaSecundaria {
	width:240px;
	float:left;
	clear:left;
	padding:15px 0 0 0;
}

div#bannerCapa, div#bannerCapaMidia {
	width:240px;
	height:136px;
	float:left;
	clear:left;
	margin:16px 0 0 0;
	text-align:right;
}

div#bannerCapa {
	background-image:url(../images/bg_banner_capa.jpg);
}

div#bannerCapaMidia {
	background-image:url(../images/bg_banner_capa_midia.jpg);
}

div#bannerCapa p, div#bannerCapa a, div#bannerCapaMidia p, div#bannerCapaMidia a {
	color:#003366;
	font-size:13px;
	text-decoration:none;
	margin:0;
	line-height:15px;
}

div#bannerCapa a:hover {
	text-decoration:underline;
}

div#vantagens {
	width:96%;
	text-align:left;
	padding:5px;
}

div#bannersolucoes {
	width:100%;
	text-align:left;
	text-decoration:none;
}

div#bannersolucoes a {
	width:100%;
	position:relative;
	text-decoration:none;
	left:-9px;
}

div#bannersolucoes a:hover {
	text-decoration:underline;
}

div#agende {
	width:96%;
	padding:75px 10px 5px 0;
}

div#destaqueColunaSecundaria {
	width:240px;
	height:170px;
	background-image:url(../images/bg_destaque_coluna_sec.png);
	background-repeat:no-repeat;
	float:left;
	clear:left;
	padding:0;
}

div#destaqueColunaSecundaria a {
	color:#FFFFFF;
	text-decoration:underline;
}

div#destaqueColunaSecundaria a:hover {
	color:#84C225;
	background-color:#FFFFFF;	
}

div#destaqueColunaSecundaria em {
	display:none;
}

div#bemvindo {
	width:500px;
	height:170px;
	background-image:url(../images/bg_bemvindo.jpg);
	background-repeat:no-repeat;
	float:right;
	padding:0;
}

div#bemvindo h3, div#destaqueColunaSecundaria h3 {
	font-family:Tahoma, Arial, Verdana;
	font-size:18px;
	text-transform:uppercase;
	font-weight:100;
	color:##FF6600;
	margin:10px 0 10px 15px;
}

div#bemvindo p, div#destaqueColunaSecundaria p {
	font-family:Tahoma, Arial, Verdana;
	font-size:13px;
	color:#666666;
	margin:5px 20px 3px 15px;
	/**width:220px;**/
}

div#bemvindo img {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
}

div#compatibilidade {
	width:160px;
	float:left;
/**	text-align:center; **/
	padding:15px 0 0 0;
}

div#compatibilidade img {
	margin:5px 5px 3px 5px;
	float:left;
	clear:left;
/**	position:relative;
	left:18px; **/
}

div#compatibilidade p {
	margin:0;
	padding:0;
}

div#colunaPrincipal {
	width:480px;
	height:640px;
	background-repeat:no-repeat;
	float:left;
	padding:67px 15px 15px 70px;
}

div#colunaPrincipal a {
	color: #84C225;
}

div#colunaPrincipal a:hover {
	background-color: #84C225;
	color:#FFFFFF;
}

div#colunaPrincipal b {
	color: #FF6600;
}

div#colunaPrincipalNoticia {
	width:480px;
	height:640px;
	background-repeat:no-repeat;
	float:left;
	padding:67px 15px 15px 70px;
}

div#colunaPrincipalCapa {
	width:294px;
	float:left;
	padding:10px;
}

div#colunaPrincipalEmpresa {
	width:480px;
	height:640px;
	/**background-image:url(../images/bg_empresa.jpg);
	background-position:right;
	background-repeat:no-repeat;**/
	float:left;
	padding:67px 15px 15px 70px;
}

div#colunaPrincipalEmpresa h5 {
	font-weight:normal;
	font-family:Tahoma, Arial;
	font-size:13px;
	color:#FF6600;
	margin:0 0 4px 0;
	clear:both;
}

div#colunaPrincipalFaq, div#colunaPrincipalGrande {
	width:480px;
	height:640px;
	float:left;
	padding:67px 15px 15px 70px;
}

div#colunaPrincipalProdutos {
	width:480px;
	height:640px;
	/**background-image:url(../images/bg_solucoes.jpg);
	background-position:84px 535px;
	background-repeat:no-repeat;**/
	float:left;
	padding:67px 35px 15px 70px;
}

div#colunaPrincipalProdGrafico {
	width:454px;
	height:575px;
	background-image:url(../images/bg_prodgrafico.jpg);
	background-position:right;
	background-repeat:no-repeat;
	float:right;
	padding:15px;
}

div#colunaPrincipalProdEditorial {
	width:454px;
	height:575px;
	background-image:url(../images/bg_prodeditorial.jpg);
	background-position:right;
	background-repeat:no-repeat;
	float:right;
	padding:15px;
}

div#colunaPrincipalProdDigital {
	width:454px;
	height:575px;
	background-image:url(../images/bg_proddigital.jpg);
	background-position:right;
	background-repeat:no-repeat;
	float:right;
	padding:15px;
}

div#colunaPrincipalPortfolioMoodle {
	width:865px;
	height:450px;
	padding:15px 65px 15px 65px;
	float:left;
}

div#colunaPrincipalPortfolio {
	width:480px;
	height:640px;
	float:left;
	padding:67px 15px 15px 70px;
}

div#colunaPrincipalPortfolio h5, div#colunaPrincipalPortfolioMoodle h5 {
	margin:10px 0 10px 0;
}

div.rodape {
	width:774px;
	height:50px;
	/**border-top:solid 10px #E4E4E4;**/
	clear:both;
	margin:0;
}

html>body div.rodape {
	width:100%;
	height:50px;
	display:table;
	clear:both;
	margin:0 0 15px 0;
}


div.rodape p {
	line-height:50px;
	padding:5px 0 10px 0;
	margin:0;
	text-align:center;
}

div.rodape img {
	margin:0 30px 0 30px;
	text-align:center;
}

p.rodape {
	color:#FFFFFF;
	text-align:center;
}

/**** FIXES ****/

div.clearer {clear: left; line-height: 0px; height: 8px;}