/********************
inicio estilos gerais
********************/
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	text-decoration: none;
}

body {
	margin-top: 0;
	background: #192025 url('../images/background-top.jpg') no-repeat center top;
}

#geral {
	width: 814px;
	background-color: #21282d;
	border-right: 1px solid #5a5e61;
	border-left: 1px solid #5a5e61;
	margin: 21px auto 0;
	margin-top: 0;
	overflow: hidden;
}

img, fieldset { border: none; }

hr, legend, .oculto { display: none; }

input[type=hidden] { display: none !important; }

option { padding: 0 5px; }

/********************
fim estilos gerais
********************/

/********************
inicio logo
********************/
#logo {
	z-index: 10;
	position: relative;
}

#logo h1 a {
	text-indent: -9999px;
	float:left;
	margin-top: 10px;
	margin-left: 85px;
	width: 208px;
	height: 78px;
}
/********************
fim logo
********************/

/********************
inicio painel
********************/
#painel {
	z-index: 0;
	position: relative;
}

#painel h1 {
	text-indent: -9999px;
	margin-top: -80px;
	float: left;
	width: 814px;
	height: 350px;
	background: url('../images/fundo-painel.jpg') no-repeat;
}
/********************
fim painel
********************/

/********************
inicio menu
********************/
#menu {
	position: absolute;
	z-index: 12;
	left: -10px;
	top: 293px;
	*top: 218px;
}

#menu li {
	display: inline;
}

#menu li a {
	font-size: 9px;
	padding-right: 6px;
	padding-left: 6px;
	display: inline;
	border-right: 1px solid #FFFFFF;
	letter-spacing: -1px;
	color: #FFFFFF;
}

#menu li a:hover {
	text-decoration: underline;
}

#menu li a.ultimo {
	border-right: 0px solid #FFFFFF;
}

/********************
fim menu
********************/

/********************
inicio conteudo
********************/
#conteudo {
	position: relative;
	clear: left;
	width: 764px;
	padding-left: 25px;
	top: -15px;
}
/********************
fim conteudo
********************/

	/********************
	inicio home
	********************/
	#saindoForno {
		position: relative;
		float: left;
		width: 280px;
		height: 465px;
		background-position: left;
		background: url('../images/home-lateral.jpg') no-repeat;
		border-right: 1px solid #5a5e61;
	}
	
	#saindoForno h1 {	
		position: relative;
		float: left;
		text-indent: -9999px;
		width: 189px;
		height: 34px;
		left: 63px;
		top: 15px;
		*top: 20px;
		background: url('../images/home-saindodoforno.jpg') no-repeat;
	}
	
	#exibeForno {
		position: relative;
		float: left;
		width: 282px;
		height: 350px;
		top: 15px;
		*top: 25px;	
	}
	
	#exibeForno p{
		position: relative;
		float: left;
		width: 264px;
		height: 129px;
		margin /* */:/* */ 0;
		left: 11px;
		background: url('../images/fundo-forno.jpg') no-repeat;
	}
	
	#exibeForno p span{
		position: relative;
		float: left;
		padding: 15px;
	}
	
	#exibeForno p span img{
		position: relative;
		float: left;
		width: 130px;
		height: 85px;
	}
	
	#exibeForno p span b{
		position: relative;
		float: left;
		width: 100px;
		height: 80px;
		left: 8px;
		font-weight: normal;
		font-size: 9px;
		color: #98999a;
	}
	
	#exibeForno p span em{
		font-style: normal;
		clear: left;
		color: #98999a;
		font-size: 10px;
	}
	
	#unidadeMovel {
		position: relative;
		float: left;
		width: 207px;
		height: 265px;
		background: url('../images/home-unidadeMovel.jpg') no-repeat;
	}
	
	#unidadeMovel h1 a {
		text-indent: -9999px;
		float: left;
		width: 207px;
		height: 265px;
	}
	
	#banner21 {
		position: relative;
		float: left;
		left:7px;
		width: 270px;
		height: 265px;
		background: url('../images/home-banner.jpg') no-repeat;
	}
	
	#banner21 span a {
		text-indent: -9999px;
		float: left;
		width: 270px;
		height: 123px;
	}
		
	#banner21 .depoimentos {
		position: relative;
		float: left;
		width: 264px;
		height: 138px;
	}
	
	#homeContato {
		position: relative;
		float: left;
		width: 481px;
		height: 194px;
		background: url('../images/home-contato.jpg') no-repeat;
	}
	
	#homeContato div {
		position: relative;
		left: 297px;
		top: 5px;
		*top: 15px;
	}
	
	#homeContato div span {
		color: #a1b92f;
		font-size: 12px;
		display:block;
	}
	
	#homeContato div p, #homeContato div sup {
		color: #727e80;
		font-size: 11px;
		letter-spacing: -1px;
	}
	/********************
	fim home
	********************/
	
	/********************
	inicio forno
	********************/
	#lateralForno {
		position: relative;
		float: left;
		width: 280px;
		height: 465px;
		background-position: left;
		background: url('../images/home-lateral.jpg') no-repeat;
		border-right: 1px solid #5a5e61;
	}
	
	#indexForno {
		position: relative;
		float: left;
		margin-left: 10px;
		width: 465px;
		*top: 10px;
	}
	
	#lateralForno .textoVertical {
		position: absolute;
		float: left;
		left: 125px;
		top: 45px;
		writing-mode: tb-rl;
    	filter: flipH() flipV();
		height: 250px;
		vertical-align: top;
    }
	
	#lateralForno .textoVertical p {
		color: white;
		font-size: 21px;
    }
	
	#indexForno p, #lateralForno .exibeTexto p {
		color: #727e80;
		font-size: 12px;
	}
	
	#lateralForno h1 {	
		position: relative;
		float: left;
		text-indent: -9999px;
		width: 189px;
		height: 34px;
		left: 63px;
		top: 15px;
		*top: 20px;
		background: url('../images/home-saindodoforno.jpg') no-repeat;
	}
	
	#lateralForno .exibeTexto {	
		position: relative;
		float: left;
		width: 100px;
		left: 165px;
		top: 35px;
		*top: 40px;
	}
	
	#indexForno .exibeVideo {	
		position: relative;
		float: left;
		text-align:center;
		width: 460px;
		height: 300px;
		left: 5px;
	}
	
	#indexForno .outrosVideos {	
		position: relative;
		float: left;
		width: 460px;
		left: -10px;
	}
	
	#indexForno .outrosVideos3 a {	
		color: #08d900;
		font-size: 14px;
	}
	/********************
	fim forno
	********************/
	
	/********************
	inicio historia
	********************/
	#lateralHistoria {
		position: relative;
		float: left;
		width: 280px;
		height: 465px;
		background-position: left;
		background: url('../images/historia-lateral.jpg') no-repeat;
		border-right: 1px solid #5a5e61;
	}
	
	#indexHistoria {
		position: relative;
		float: left;
		margin-left: 10px;
		width: 465px;
		*top: 10px;
	}
	
	#indexHistoria p {
		color: #727e80;
		text-align: justify;
	}
	/********************
	fim historia
	********************/
	
	/********************
	inicio produtora
	********************/
	#lateralProdutora {
		position: relative;
		float: left;
		width: 280px;
		height: 465px;
		background-position: left;
		background: url('../images/produtora-lateral.jpg') no-repeat;
		border-right: 1px solid #5a5e61;
	}
	
	#indexProdutora {
		position: relative;
		float: left;
		margin-left: 10px;
		width: 465px;
		*top: 10px;
	}
	
	#indexProdutora p, li, ul {
		color: #727e80;
		text-align: justify;
	}
	/********************
	fim produtora
	********************/
	
	/********************
	inicio estudio
	********************/
	#lateralEstudio {
		position: relative;
		float: left;
		width: 280px;
		height: 465px;
		background-position: left;
		background: url('../images/estudio-lateral.jpg') no-repeat;
		border-right: 1px solid #5a5e61;
	}
	
	#indexEstudio {
		position: relative;
		float: left;
		margin-left: 10px;
		width: 465px;
		*top: 10px;
	}
	
	#indexEstudio p, li, ul {
		color: #727e80;
		text-align: justify;
	}
	/********************
	fim estudio
	********************/
	
	/********************
	inicio unidade movel
	********************/
	#lateralUnidade {
		position: relative;
		float: left;
		width: 280px;
		height: 465px;
		background-position: left;
		background: url('../images/unidade-lateral.jpg') no-repeat;
		border-right: 1px solid #5a5e61;
	}
	
	#indexUnidade {
		position: relative;
		float: left;
		margin-left: 10px;
		width: 465px;
		*top: 10px;
	}
	
	#indexUnidade p, li, ul {
		color: #727e80;
		text-align: justify;
	}
	/********************
	fim unidade movel
	********************/	
	
	/********************
	inicioautoração
	********************/
	#lateralAutoracao {
		position: relative;
		float: left;
		width: 280px;
		height: 465px;
		background-position: left;
		background: url('../images/autoracao-lateral.jpg') no-repeat;
		border-right: 1px solid #5a5e61;
	}
	
	#indexAutoracao {
		position: relative;
		float: left;
		margin-left: 10px;
		width: 465px;
		*top: 10px;
	}
	
	#indexAutoracao p {
		color: #727e80;
		text-align: justify;
	}
	/********************
	fim autoração
	********************/	
	
	/********************
	inicio contato
	********************/
	#lateralContato {
		position: relative;
		float: left;
		width: 280px;
		height: 465px;
		background-position: left;
		background: url('../images/contato-lateral.jpg') no-repeat;
		border-right: 1px solid #5a5e61;
	}
	
	#indexContato {
		position: relative;
		float: left;
		margin-left: 10px;
		width: 470px;
		*top: 10px;
	}
	
	#indexContato span {
		color: #a1b92f;
		font-size: 14px;
		display: block;
	}
	
	#indexContato .div1{
		float: left;
		width: 220px;
	}
	
	#indexContato .div2{
		float: left;
	}
	
	.div1 p, .div2 p, .div1 sup {
		color: #727e80;
	}
	
	#formContato {
		position: relative;
		float:left;
		margin-left: 10px;
		top: 25px;
		*top: 45px;
		width: 470px;
	}
	
	#formContato label {
		color: #727e80;
	}
	
	#formContato .campos {
		color: #fff;
		border-left: 0px;
		border-right: 0px;
		border-top: 0px;
		border-bottom: 0px solid #727e80;
		background-color: #192025;
	}
	/********************
	inicio contato
	********************/
		
/********************
inicio rodape
********************/
#rodape {
	position: relative;
	clear: left;
	margin: 0 auto;
	background: url('../images/fundo-rodape.jpg') no-repeat;
	margin: 21px auto 0;
	margin-top: -10px;
	width:814px;
	height: 66px;
	z-index: 2;
}

#rodape h1 {
	position: relative;
	text-indent: -9999px;
	top: 45px;
	margin: 0 auto;
	width: 93px;
	height: 23px;
	background: url('../images/logo-soempresas.jpg') no-repeat;
}
/********************
fim rodape
********************/

/********************
inicio slideshow
********************/
#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
	float:left;	/* Floating */
	margin-left: 55px;
	_margin-left: 30px;
	margin-top: 15px;
	_margin-top: 10px;
		
	/* CSS HACK */
	height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	height/* */:/**/438px;	/* Other browsers */
	height: /**/438px;
		
	/* CSS HACK */
	width: 217px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */:/**/217px;	/* Other browsers */
	width: /**/217px;
				
	padding:5px;	/* A little space between the black border and the content inside */		
}
	
#galleryContainer #setaDesce{	/* Arrow down image */
	height:27px;
	text-align:center;
}
	
#galleryContainer #setaSobe{
	height:27px;	/* Arrow up image */
	text-align:center;
}
	
#slideImages{	/* DIV where the images are located */
	position:relative;
	overflow:hidden;
	height: 375px;	/* Height of boxes for the images */
}
	
#slideImages div{	
	position:relative;	/* Don't change this */
	height:1500px;	/* Higher than total height of thumbnails */
}
	
#slideImages img{
	border:0px;	/* No border */
	filter:alpha(opacity=80);	/* Transparency - IE */
	opacity:0.8; /* Transparency - Firefox */
	padding-top:1px;	/* Space between images */
}
/********************
fim slideshow
********************/


/********************
Inicio making off
********************/
.fotos-box-maior {
	position:relative;
	width:709px;
	height:150px;
	clear:both;
}
.fotos-box-um {
	position:relative;
	width:100px;
	height:100px;
	float:left;
	margin: 8px;
}

.titulo { font: 20px Verdana, Arial; color:#bcbdc2; font-weight:bold }

.titulo-dois { font: 20px Verdana, Arial; color:#7b7e85; font-weight:bold }

.paginacao {
	width:709px;
	height:30px;
	padding: 15px 0 0 0;
	text-align:center;
}

a.paginacao2:link, a.paginacao2:visited { color:#FFFFFF; text-decoration:none; outline:none; }
a.paginacao2:hover, a.paginacao2:active { color:#7b7e85; text-decoration:none; }