@import url("ie.css");
@import url("reset.css");


/*GERAL*/

.both {
    clear: both;
    text-indent: -9999px;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

#geral {
	background: url(../img/bg-fundo.jpg) no-repeat center top;
	width:100%;
}

#site {
	background: url(../img/bg-site.jpg) no-repeat center top;
	width: 980px;
	margin: 0 auto;
}


/*MENU-FLUTUANTE*/

#menu-topo-fix {
	background: #ffffff;
    border-radius: 0 0 6px 6px;
    height: 35px;
    margin: 0 !important;
    overflow: hidden;
    position: fixed;
    text-align: center;
    top: 0;
    width: 500px;
    z-index: 999;
	padding:10px 0px 0px 0px;
	display:none;
}

/*TOPO*/

#topo {
	height: 189px;
	padding: 34px 25px 0px 19px;
}

#logo-topo {
	width: 279px;
	height: 152px;
	float: left;
	display: inline;
	padding: 0px 30px 0px 0px;
}

#logo-topo a {
	display: block;
	width: 279px;
	height: 152px;
	text-indent: -9999px;
	background: url(../img/logo.png) no-repeat center;
}

#menu-topo {
	float: left;
	display: inline;
	height: 26px;
}

#menu-topo ul li, #menu-topo-fix ul li {
	display: inline-block;
	height: 26px;
}

#menu-topo a, #menu-topo-fix a {
	display: block;
	height: 26px;
	text-indent: -9999px;
	transition: background-position 0.3s linear 0s;
}

#menu-topo a:hover, #menu-topo-fix a:hover {
	background-position: center bottom;
}

.menu-home {
	background:url(../img/menu-home.png) no-repeat center top;
	width:75px;
}

.menu-sobre {
	background: url(../img/menu-sobre.png) no-repeat center top;
	width: 75px;
}

.menu-servicos {
	background: url(../img/menu-servicos.png) no-repeat center top;
	width: 80px;
}

.menu-imagens {
	background: url(../img/menu-imagens.png) no-repeat center top;
	width: 86px;
}

.menu-contato {
	background: url(../img/menu-contato.png) no-repeat center top;
	width: 80px;
}

#telefone {
	float: right;
	display: inline;
	width: 145px;
	background: url(../img/ico-telefone-topo.png) no-repeat top left;
	padding: 0px 0px 0px 60px;
}

#telefone p {
	font: bold 22px Tahoma, Arial;
	color:#28324b;
}

.prefixo {
	font-size: 14px;
}

.email {
	font: 12px Arial;
	color:#28324b;
	text-align: right;
	display: block;
	padding: 0px 6px 0px 0px;
}


/*CONTEUDO*/

#conteudo {
	padding: 38px 0px 0px 19px;
}

#sobre {
	height: 250px;
	width: 655px;
	padding: 0px 0px 0px 0px;
}

.titu-sobre {
	text-indent: -9999px;
	width: 478px;
	height: 43px;
	background: url(../img/titu-sobre.png) no-repeat center top;
	padding: 0px 0px 30px 0px;
}

#sobre p {
	font: 14px Arial;
	color:#ffffff;
	line-height: 20px;
	padding: 0px 0px 20px 0px;
}

#sobre p a {
	font-weight: bold;
	color:#fff212;
	transition: color 0.3s linear 0s;

}

#sobre p a:hover {
	color:#ffffff;
}

#filmagem-contato {
	height: 467px;	
}

#box-filmagem {
	float: left;
	display: inline;
	width: 676px;
	padding: 95px 0px 0px 0px;
}

.titu-filmagem {
	background: url(../img/titu-filmagem.png) no-repeat center top;
	text-indent: -9999px;
	width: 176px;
	height: 45px;
	padding: 0px 0px 38px 0px;
}

.box-servicos {
	width: 676px;
	height: 112px;
	clear: both;
	padding: 0px 0px 20px 0px;
}

.foto-servico {
	float: left;
	display: inline;
	width: 300px;
	height: 114px;
}

.direita-servicos {
	float: left;
	display: inline;
	width: 353px;
	padding: 0px 0px 0px 23px;
}

.direita-servicos p {
	font: 14px Arial;
	color:#333f5a;
	line-height: 20px;
	text-align: justify;
}

.direita-servicos a {
	display: inline-block;
	font: bold 14px Arial;
	color:#333f5a;
	text-decoration: underline;
	margin: 17px 0px 0px 0px;
}

.direita-servicos a:hover {
	text-decoration: none;
}

#box-contato {
	float: right;
	display: inline;
	width: 234px;
	padding: 0px 25px 0px 0px;
}

.titu-contato {
	background: url(../img/titu-contato.png) no-repeat center;
	width: 168px;
	height: 49px;
	text-indent:-9999px;
	margin: 0 auto 20px;
}

.inp-text {
	border-radius: 4px;
	border: none;
	width: 214px;
	padding: 8px 8px 5px 12px;
	margin: 0px auto 5px;
	font: 14px Arial;
	color: #333f5a;

}

#cont-texto {
	border-radius: 4px;
	border: none;
	width: 210px;
	padding: 8px 12px 8px 12px;
	height: 76px;
	overflow: hidden;
	font: 14px Arial;
	color: #333f5a;
	background: #fff;
}

#cont-enviar {
	display: block;
	width: 189px;
	height: 35px;
	margin: 0 auto;
}

#likebox {
	width: 223px;
	height: 42px;
	padding: 52px 0px 0px 0px;
	margin: 0 auto;
}

#conteudo-dois {
	width: 100%;
	background: #1a243b;
	padding: 30px 0px 0px 0px;
}

#conteudo-centro {
	width: 980px;
	margin: 0 auto;
}

.box-slides {
	padding: 0px 0px 0px 8px;
	border-bottom: 1px solid #283450;
	margin: 0px 0px 39px 0px;
}

.titu-produtos {
	width: 254px;
	height: 50px;
	background: url(../img/titu-produtos.png) no-repeat center top;
	text-indent: -9999px;
	margin: 0px 0px 33px 12px;
}

#produtos-meio {
	height: 155px;
	width: 980px;
}

#anterior {
	float: left;
	display: inline;
	background: url(../img/seta-voltar.png) no-repeat center;
	text-indent: -9999px;
	width: 43px;
	height: 43px;
	cursor: pointer;
	margin: 65px 35px 0px 0px;
	transition: background 0.3s linear 0s;
}

#anterior:hover {
	background:url(../img/seta-voltar-hover.png)
}

#todos-slides {
	float: left;
	display: inline;
	width: 821px;
	height: 155px;
}

.slide {
	width: 821px;
	height: 155px;
}

.slide-esquerda {
	float: left;
	display: inline;
	width: 400px;
}

.titu-sl {
	font: bold 20px Tahoma;
	color:#fff010;
	text-align: center;
}

.img-slide {	
	width: 400px;
	height: 129px;
}

.img-slide img {
	border: 2px solid #fff010;
	display: block;
	width: 396px;
	height: 125px;
	border-radius: 3px;
}

.slide-direita {
	float: left;
	display: inline;
	width: 400px;
	padding: 0px 0px 0px 21px;
}

#proximo {
	float: right;
	display: inline;
	width: 43px;
	height: 43px;
	text-indent: -9999px;
	background: url(../img/seta-avancar.png) no-repeat center;
	margin: 65px 0px 0px 0px;
	cursor: pointer;
}

#proximo:hover {
	background:url(../img/seta-avancar-hover.png) no-repeat center;
}

#bullets {
	text-align: center;
	padding: 30px 0px;	
}

.bullet-player {
	width: 17px;
	height: 17px;
	display: inline-block;
	background: url(../img/round-blue.png) no-repeat center;
	cursor: pointer;
	text-indent: -9999px;
}

.bullet-player:hover {
	background: url(../img/round-yellow.png) no-repeat center !important;
}	

.titu-galeria {
	background: url(../img/titu-galeria.png) no-repeat center;
	width: 257px;
	height: 53px;
	text-indent: -9999px;
	margin: 0px 0px 25px 0px;
}

.slides-meio {
	width: 980px;
	height: 155px;
}

.box-galeria {
	padding: 0px 0px 15px 8px;
	border-bottom: 1px solid #283450;
}

.momento-volta {
	float: left;
	display: inline;
	background: url(../img/seta-voltar.png) no-repeat center;
	text-indent: -9999px;
	width: 43px;
	height: 43px;
	cursor: pointer;
	margin: 40px 35px 0px 0px;
}

.momento-volta:hover {
	background:url(../img/seta-voltar-hover.png)
}

.momento-avanca {
	float: right;
	display: inline;
	width: 43px;
	height: 43px;
	text-indent: -9999px;
	background: url(../img/seta-avancar.png) no-repeat center;
	margin: 40px 0px 0px 0px;
	cursor: pointer;
}

.momento-avanca:hover {
	background:url(../img/seta-avancar-hover.png) no-repeat center;
}

.itens-geral {
	width: 820px;
	overflow: hidden;
	height: 129px;
	float: left;
	display: inline;
}

.itens  {
	display: inline;
    float: left;
    height: 129px;
    overflow: hidden;
    position: absolute;
    width: 9999px;
    z-index: 999;
}

.itens li {
	float: left;
	display: inline;
	width: 192px;
	height: 129px;
	padding: 0px 17px 0px 0px;
}

.itens a {
	display: block;
	width: 188px;
	height: 125px;
	border: 2px solid #fff010;
	transition: opacity 0.3s linear 0s, border-color 0.3s linear 0s;
	opacity:0.8
}

.itens a:hover {
	border-color:#fff;
	opacity:1;
}

/*RODAPE*/

#rodape {
	width: 980px;
	padding: 15px 0px;
}

#logo-rodape {
	float: left;
	display: inline;
	width: 51px;
	height: 33px;
}

#logo-rodape a {
	display: block;
	width: 51px;
	height: 33px;
	background: url(../img/logo-rodape.jpg) no-repeat center;
	text-indent: -9999px;
	transition: opacity 0.3s linear 0s;
}

#logo-rodape a:hover {
	opacity:0.5;
}

#direitos {
	float: left;
	display: inline-block;
	padding: 7px 0px 0px 30px;
}

#direitos p {
	font: 11px Arial;
	color:#ffffff;
}

#netzee {
	float: right;
	display: inline;
	width: 191px;
	height: 30px;	
}

#netzee a {
	display: block;
	width: 191px;
	height: 30px;
	background: url(../img/netzee.jpg) no-repeat center;
	text-indent: -9999px;
	transition: opacity 0.3s linear 0s;
}

#netzee a:hover {
	opacity: 0.5;
}