/* Customização de elementos */
* { }
body { background: url(../imgs/bgr_site.jpg) repeat; font: 10px Arial; color: #9D9D9D; }
p { }
ul { list-style: none; padding: 0; margin: 0; }
ul li { list-style: none; padding: 0; margin: 0; }
a { text-decoration: none; outline: none !important; color: #EBEBEB; }
strong { }
.logo { width: 125px; height: 39px; display: block; text-indent: -9999px; background: url(../imgs/logo_site.gif) no-repeat; position: absolute; top: 25px; }
.logo:hover { background-position: 0px -39px; }


/* Estilos Gerais */
.fl { float: left; }
.fr { float: right; }
.clr { clear: both; }
.vaM { vertical-align: middle; }
.hide { display: none; }
.show { display: block; }
.txaR { text-align: right; }

/* Estrutura */
#geral { width: 980px; _width: 976px; margin: auto; overflow: hidden; }
#topo { position: relative; height: 78px; overflow: hidden; }
#conteudo { background: url(../imgs/bgr_destaque.jpg) no-repeat; overflow: hidden; position: relative; padding-top: 300px; _height: 500px; }
	#conteudo.img01 { background: url(../imgs/bgr_destaque_01.jpg) no-repeat; }
	#conteudo.img02 { background: url(../imgs/marcacao_portfolio_home.jpg) no-repeat; }
	#conteudo.img03 { background: url(../imgs/bgr_destaque_03.jpg) no-repeat; }
	#conteudo.img04 { background: url(../imgs/bgr_destaque_04.jpg) no-repeat; }
#rodape { font: 10px Arial; color: #FFFFFF; text-align: right; padding: 10px 10px 0 0; }

/* Formulários */
.input { background-color: #A4C8CD; border: none; padding: 5px; font: 10px Arial; color: #000; margin: 2px 0px 8px; }

/* Botões */
.btn { display: block; text-indent: -9999px; }
a.btn:hover { background-position: 0px -22px; }
a.maisInfo { width: 106px; height: 22px; background: url(../imgs/btn_maisInformacoes.gif) no-repeat; }
a.verPort { width: 111px; height: 22px; background: url(../imgs/btn_verPortfolio.gif) no-repeat; }
a.acessarBlog { width: 91px; height: 22px; background: url(../imgs/btn_acessarBlog.gif) no-repeat; }
a.saibaComo { width: 79px; height: 22px; background: url(../imgs/btn_saibaComo.gif) no-repeat; }
a.verMapa { width: 71px; height: 22px; background: url(../imgs/btn_verMapa.gif) no-repeat; }
a.verSite { width: 66px; height: 22px; background: url(../imgs/btn_verSite.gif) no-repeat; text-align:left; }

/* Títulos */
.ttl { display: block; text-indent: -9999px; clear: both; }
h3.ttlAzul { margin: 0px 0px 5px 0px; color: #4485A4; font-weight: bold; font-size: 11px; }
h3.conheca { width: 163px; height: 27px; background: url(../imgs/ttl_conhecaKolm.gif) no-repeat; }
h3.verportfolio { width: 126px; height: 27px; background: url(../imgs/ttl_verPortfolio.gif) no-repeat; }
h3.portfolio { width: 126px; height: 27px; background: url(../imgs/ttl_portfolio.gif) no-repeat; }
h3.blog { width: 44px; height: 27px; background: url(../imgs/ttl_blog.gif) no-repeat; }
h3.seja { width: 142px; height: 27px; background: url(../imgs/ttl_sejaUmKolm.gif) no-repeat; }
h3.faleconosco { width: 129px; height: 27px; background: url(../imgs/ttl_faleConosco2.gif) no-repeat; }
h3.pacotes { width: 132px; height: 27px; background: url(../imgs/ttl_pacotes.gif) no-repeat; }


h2.conheca { width: 219px; height: 38px; background: url(../imgs/ttlGde_conhecaKolm.gif) no-repeat; }
h2.parceiros { width: 189px; height: 38px; background: url(../imgs/ttlGde_parceirosKolm.gif) no-repeat; }
h2.faleconosco { width: 174px; height: 34px; background: url(../imgs/ttl_faleConosco.gif) no-repeat; }
h2.comochegar { width: 224px; height: 33px; background: url(../imgs/ttl_vejaComoChegar.gif) no-repeat; }
h2.redessociais { width: 160px; height: 33px; background: url(../imgs/ttl_redesSociais.gif) no-repeat; }

/* Design */

/**** Submenu ****/
#subMenu { bottom:5px; clear:both; position:absolute; right:410px; width:365px; }
	#subMenu li { float: left; margin-right: 20px; }
	#subMenu li a:hover { color: #73A6C6; }

/**** Menu ****/
#menu { clear: both; width: 390px; _width: 260px; position: absolute; bottom: 0px; right: 10px; }
#menu li { float: left }
#menu li a { float: left; margin-right: 2px; height: 23px; display: block; background: url(../imgs/abas_top.gif) no-repeat; text-indent: -9999px; position: relative; }
	#menu li a.conhecaKolm { width: 120px; background-position: 0px 0px; }
	#menu li a.portifolio { width: 91px; background-position: -122px 0px; }
	#menu li a.blog { width: 64px; background-position: -215px 0px; }
	#menu li a.sejaUmKolm { width: 107px; background-position: -281px 0px; }
		#menu li a.conhecaKolm:hover { background-position: 0px -23px; }
		#menu li a.blog:hover { background-position: -215px -23px; }
		#menu li a.portfolio:hover { background-position: -122px -23px; }
		#menu li a.sejaUmKolm:hover { background-position: -281px -23px; }

.box { padding: 16px 18px 17px 16px; background-color: #FFFFFF; clear: both; }

.coluna_1 { width: 273px; overflow: hidden; float: left; margin: 0 8px 0 13px; _margin: 0 8px 0 6px;}
.coluna_2 { width: 407px; overflow: hidden; float: left; margin-right: 8px; }
.coluna_3 { width: 258px; overflow: hidden; float: left; }

.breve { padding: 5px; background-color: #006699; position: absolute; top: -25px; left: 0; }


/**** Home ****/
.portfolio .img { width: 246px; height: 185px; float: left; clear: both; padding-top: 5px; }
.portfolio .texto { width: 126px; float: left; }
.aviso { background-color: #FF0000; color: #EEE; position: fixed; top: 0; left: 0; width: 100%; padding: 20px; }

.boxIndique { z-index: 999; position: absolute; _width: 120px; top: 86px; _top: 93px; left: 200px; _left: 195px; background: #5391B1; padding: 10px 20px; color: #FFFFFF; }
.boxSeja { z-index: 999; position: absolute; _width: 120px; top: 86px; _top: 93px; left: 813px; _left: 829px; background: #5391B1; padding: 10px 20px; color: #FFFFFF; }

.pacoteDiamond { width: 360px; height: 177px; background: url(../imgs/banner_pacotes_r1_c1.jpg) no-repeat; display: block; text-indent: -9999px; clear: both; overflow: hidden; }
.pacoteGold { width: 360px; height: 160px; background: url(../imgs/banner_pacotes_r2_c1.jpg) no-repeat; display: block; text-indent: -9999px; clear: both; overflow: hidden; }
.pacoteSilver { width: 360px; height: 123px; background: url(../imgs/banner_pacotes_r3_c1.jpg) no-repeat; display: block; text-indent: -9999px; clear: both; overflow: hidden; }

/*** Conheça ***/
.boxConheca { width: 655px; _width: 630px; margin: 0px 14px; float: left; }
.boxParceiros { width: 215px; float: left; clear: none !important; }
.boxParceiros a.parceiro { width: 214px; height: 64px; overflow: hidden; }
.boxParceiros .listaParceiros { margin: auto; }
.boxParceiros .listaParceiros li.div { border-bottom: 1px solid #CCCCCC; height: 10px; margin-bottom: 10px; }
.boxParceiros .listaParceiros a:hover { background-position: 0px -74px !important; }
.boxParceiros .listaParceiros a { display: block; text-indent: -9999px; }
.boxParceiros .listaParceiros a.ncs { width: 214px; height: 64px; background: url(../imgs/img_parceiros_ncs.jpg) no-repeat; }
.boxParceiros .listaParceiros a.locaweb { width: 214px; height: 64px; background: url(../imgs/img_parceiros_locaweb.jpg) no-repeat; }
.boxParceiros .listaParceiros a.trevisan { width: 214px; height: 64px; background: url(../imgs/img_parceiros_trevisan.jpg) no-repeat; }

/*** Fale Conosco ***/
.boxFaleconosco { width: 420px; margin: 0px 14px; float: left; }
.boxComoChegar { width: 215px; float: left; clear: none !important; margin-right: 14px; }
.boxRedesSociais { width: 180px; _width: 160px; float: left; clear: none !important; }
.boxRedesSociais .listaRedesSociais { margin: auto; width: 147px; }
.boxRedesSociais .listaRedesSociais li.div { border-bottom: 1px solid #CCCCCC; height: 10px; margin-bottom: 10px; }
.boxRedesSociais .listaRedesSociais a { display: block; width: 147px; height: 55px; background-repeat: no-repeat; background-position: 0px -55px !important; text-indent: -9999px; }
.boxRedesSociais .listaRedesSociais a:hover { background-position: 0px 0px !important; }
.boxRedesSociais .listaRedesSociais a.twitter { background: url(../imgs/img_redessociais_twitter.gif); }
.boxRedesSociais .listaRedesSociais a.orkut { background: url(../imgs/img_redessociais_orkut.gif); }
.boxRedesSociais .listaRedesSociais a.facebook { background: url(../imgs/img_redessociais_facebook.gif); }

/*** Portifolio ***/
#lista-portfolio {
	width: 253px; 
	overflow: hidden; 
	float: left; 
	margin: 0 8px 0 13px; 
	_margin: 0 8px 0 6px;
	background-color:#FFFFFF;
	padding: 0 10px;
}

#lista-portfolio .site {
	display: block;
	font: normal 10px Arial;
	color: #528fb0;
	margin: 5px 0 0 0;
}

#portfolio {
	width: 640px; 
	overflow: hidden; 
	float: left; 
	margin: 0 8px 0 13px; 
	_margin: 0 8px 0 6px;
	background-color:#FFFFFF;
	padding: 0 10px;
}

#portfolio .imagem {
	width: 450px;
	float: left;
}

#portfolio .imagem img {
	margin: 15px 0 15px 8px;
}

#portfolio .descricao {
	width: 190px;
	float: right;
}

#portfolio .titulo {
	margin: 15px 10px 10px 10px;
}

#portfolio .texto {
	font: normal 10px Arial;
	color: 9d9d9d;
	margin: 10px;
}

#portfolio .visite-site {
	float: right;
	margin: 10px;
	font: normal 10px Arial;
	color: #FFFFFF;
	background: #528fb0;
	padding: 3px 8px;
}