@charset "utf-8";

/* Geral
-------------------------------------------------------------------------------- */
div#tudo {
	margin: 20px auto;
	width: 951px;
	background: #fff url(../images/topo-slogan.jpg) no-repeat 737px -63px
}


/* Títulos / Borda / Botão Formulário
-------------------------------------------------------------------------------- */
button.enviar-limpar {
	margin: 0 0 0 0;
	width: 86px;
	height: 29px;
	line-height: 29px;
	border: 0;
	text-align: center;
	color: #333;
	font-weight: bold;
	background: url(../images/btn-formulario.png) no-repeat;
	cursor: pointer
}
button.enviar-limpar:hover {
	color: #fff;
	background-position: 0 -29px
}

/* Formulários
-------------------------------------------------------------------------------- */
/* Label, Input, Textarea, Select, Button */
label {
	display: block;
	padding: 10px 0;
	font-size: 14px
}
label.campo-obrigatorio {position: relative}

span.nome-campo {
	display: block;
	float: left;
	margin: 3px 5px 0 0;
	font-size: 14px;
	text-align: right;
}
span.nome-campo font {color: #f00}

input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select {
	padding: 0 5px;
	height: 30px;
	border: 1px solid #bbb;
	font-size: 13px;
	color: #555;
	background: #eaeaea
}
textarea {height: auto}

input[size="70"] {width: 440px}
input[size="60"] {width: 340px}
input[size="50"] {width: 240px}
input[size="40"] {width: 242px}
input[size="30"] {width: 242px}
input[size="20"] {width: 242px}
input[size="10"] {width: 85px}

textarea[cols="60"] {width: 540px}
textarea[cols="50"] {width: 440px}
textarea[cols="40"] {width: 340px}

button {
	width: 108px;
	height: 32px;
	font-size: 13px;
	cursor: pointer;
	color: #fff;
	background: #e91c23
}
button:hover {background: #828282}
button[type="submit"] {margin: 0 10px 0 0}

span.dica-preenchimento {
	font-size: 10px;
	color: #999
}

p#campo-obrigatorio span {
	padding-left: 10px;
	color: #f00
}

/** Spry **/
span.textfieldRequiredMsg,
span.textfieldMinCharsMsg,
span.textfieldMaxCharsMsg,
span.textfieldInvalidFormatMsg {
	position: absolute;
	width: 300px;
	top: 42px;
	padding-bottom: 5px;
	text-align: left;
	background: url(../images/seta-erro.gif) no-repeat 0 6px;
	text-indent: 19px;
	color: #cc3333
}
/* fim - Spry */

/* Formulário News */
form#formulario-news {}
	form#formulario-news label {padding: 0}
		form#formulario-news input {
			margin: 0 0 0 5px;
			padding: 3px 10px;
			width: 210px;
			height: 24px;
			border: 0;
			color: #333;
			background: url(../images/news-input.jpg) no-repeat left top
		}
		form#formulario-news button {
			clear: both;
			margin: 5px 0 0 5px;
			width: 92px;
			height: 24px;
			line-height: 24px;
			text-align: center;
			text-indent: -9999px;
			background: url(../images/botoes/news-cadastrar.jpg) no-repeat
		}
		form#formulario-news button:hover{background: url(../images/botoes/news-cadastrar.jpg) no-repeat 0 -24px}
		
		form#formulario-news a {
			margin: 0 0 0 10px;
			font-size: 10px
		}

/* Formulário de Contato */
form#formulario-contato {}
	form#formulario-contato span.nome-campo {width: 85px}
	
	/** Spry **/
	form#formulario-contato span.textfieldRequiredMsg,
	form#formulario-contato span.textfieldMinCharsMsg,
	form#formulario-contato span.textfieldMaxCharsMsg,
	form#formulario-contato span.textfieldInvalidFormatMsg {left: 90px}
	/* fim - Spry */
	
	form#formulario-contato p#campo-obrigatorio {margin: 10px 0 0 90px}


/* Formulário de FTP */
form#formulario-ftp {}
	form#formulario-ftp span.nome-campo {width: 51px}
	form#formulario-ftp input#senha {margin: 0 0 0 9px}
	
	/** Spry **/
	form#formulario-ftp span.textfieldRequiredMsg,
	form#formulario-ftp span.textfieldMinCharsMsg,
	form#formulario-ftp span.textfieldMaxCharsMsg,
	form#formulario-ftp span.textfieldInvalidFormatMsg {left: 56px}
	/* fim - Spry */
	
	form#formulario-ftp p#campo-obrigatorio {margin: 10px 0 0 56px}
	
a.esqueceu-senha {margin: 0 0 0 55px}


/* Cabeçalho
-------------------------------------------------------------------------------- */
div#cabecalho {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 135px;
}

	div#cabecalho a.logo,
	div#cabecalho ul {position: absolute}
	
	/**** Logo ****/
	div#cabecalho a.logo {
		top: 24px;
		left: 0
	}
	
	/**** Menu ****/
	div#cabecalho ul {
		right: 0;
		top: 30px;
		width: 650px;
		height: 95px;
		background: url(../images/menu/menu.png) no-repeat 0 0;
	}
		div#cabecalho ul li,
		div#cabecalho ul li a {
			display: block;
			height: 95px;
			line-height: 110px;
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			color: #fff
		}
		div#cabecalho ul li {float: left}

			div#cabecalho ul li.home a {margin: 0 25px 0 33px}
			div#cabecalho ul li.empresa a {margin: 0 26px 0 0}
			div#cabecalho ul li.portfolio a {margin: 0 18px 0 0}
			div#cabecalho ul li.grafica a {margin: 0 23px 0 0}
			div#cabecalho ul li.brindes a {margin: 0 23px 0 0}
			div#cabecalho ul li.servicos a {margin: 0 21px 0 0}
			div#cabecalho ul li.contato a {margin: 0 0 0 0}
			
			div#cabecalho ul li a:hover,
			div#cabecalho ul li a.ativo {
				text-decoration: none;
				color: #FF0
			}


/* Conteúdo
-------------------------------------------------------------------------------- */
div#corpo-site {
	margin: 0 auto;
	width: 950px;
	background: #fff
}
	div#coluna-esquerda,
	div#coluna-direita {
		float: left;
		font-size: 14px
	}
	
/**** Topo Títulos ****/
.topo-01 {background: url(../images/topo/topo-01.jpg) no-repeat 16px 0}
.topo-02 {background: url(../images/topo/topo-02.jpg) no-repeat 16px 0}
.topo-03 {background: url(../images/topo/topo-03.jpg) no-repeat 16px 0}
.topo-04 {background: url(../images/topo/topo-04.jpg) no-repeat 16px 0}
.topo-05 {background: url(../images/topo/topo-05.jpg) no-repeat 16px 0}
.topo-06 {background: url(../images/topo/topo-06.jpg) no-repeat 16px 0}

.titulos {
	margin: 0 0 18px 0;
	padding: 5px 0 0 0;
	width: 70%;
	border-bottom: 2px solid #3d031c;
	font: 30px normal 'Trebuchet MS';
	color: #3d031c
}
.titulos-interno {
	margin: 0 0 10px 0;
	width: 100%;
	font: 17px normal 'Trebuchet MS';
	color: #444
}
.titulos-redes {
	background: #b41b99;
	color: #fff;
	text-align: center;
	font: 18px normal 'Trebuchet MS';
	height: 30px;
	line-height: 30px
}

hr.divisao {
	margin: 20px auto;
	width: 581px
}
	
	
	/**** Coluna Esquerda ****/
	div#coluna-esquerda {
		padding: 15px 0 15px 15px;
		width: 660px
	}
		div#coluna-esquerda ul#apresentacao {}
			div#coluna-esquerda ul#apresentacao li {
				display: block;
				padding-bottom: 20px;
				float: left;
				text-align: justify
			}
			div#coluna-esquerda ul#apresentacao li.primeiro {
				padding: 0 15px 0 0;
				width: 315px
			}
			div#coluna-esquerda ul#apresentacao li.segundo {width: 330px}
				div#coluna-esquerda ul#apresentacao li img.bem-vindo {
					margin: 0 0 10px 0;
					border: 1px solid #ccc
				}
				div#coluna-esquerda ul#apresentacao li h3 {
					padding: 0 0 10px 0;
					font-size: 18px;
					font-weight: bold;
				}
				
				div#coluna-esquerda ul#apresentacao li ul#portfolio-menu {}
					div#coluna-esquerda ul#apresentacao li ul#portfolio-menu li {
						display: block;
						padding: 0 0 10px 0;
						width: 330px;
						height: 84px;
						text-align: justify
					}
					div#coluna-esquerda ul#apresentacao li ul#portfolio-menu li#ultimo {padding: 0}
						div#coluna-esquerda ul#apresentacao li ul#portfolio-menu li img {
							float: left;
							padding: 0 12px 5px 0
						}
							
	/**** Coluna Direita ****/
	div#coluna-direita {
		padding: 15px 15px 15px 25px;
		width: 235px;
	}
	
		/**** News ****/
		div#coluna-direita div#news {
			width: 234px;
			height: 104px;
			background: url(../images/news-titulo.png) no-repeat left top
		}
			div#coluna-direita div#news h3 {
				height: 30px;
				line-height: 30px;
				text-indent: 10px;
				color: #fff
			}
				
		/**** Twitter ****/
		div#coluna-direita div#twitter {
			margin: 15px 0 0 0;
			width: 234px;
			background: url(../images/twitter-fundo.jpg) repeat-x
		}
		
		/**** Facebook ****/
		iframe.if-facebook {
			border: 0;
			border-bottom: 1px solid #aaa;
			overflow: hidden;
			width: 234px;
			height: 206px
		}
		
/* Gráfica
-------------------------------------------------------------------------------- */
ul#grafica {}
	ul#grafica li {
		float: left;
		display: inline-block;
		padding: 0 30px 30px 0;
		width: 142px;
		height: 162px;
		font-size: 15px;
		font-weight: bold;
		color: #d54131;
		text-align: center
	}
	ul#grafica li.ultimo {padding: 0 0 30px 0}
		ul#grafica li img {margin: 0 0 5px 0}



/* Rodapé
-------------------------------------------------------------------------------- */
div#rodape-corpo {
	width: 100%;
	height: 113px;	
	background: #e3e3e3 url(../images/rodape-fundo.jpg) repeat-x left top
}
	div#rodape {
		position: relative;
		margin: 0 auto;
		width: 950px;
		height: 113px;	
		color: #000
	}
		div#rodape p {
			position: absolute;
			top: 60px;
			left: 22px;
			display: block;
			font-size: 14px;
			color: #000
		}
		div#rodape ul {
			position: absolute;
			bottom: 20px;
			right: 10px
		}
			div#rodape ul li,
			div#rodape ul li a {
				display: block;
				width: 54px;
				height: 49px
			}
			div#rodape ul li {
				float: left;
				margin: 0 0 0 15px
			}
				div#rodape ul li a {
					text-indent: -9999px;
					background-image: url(../images/redes-sociais.png);
					background-position: 0 0
				}
				div#rodape ul li a.facebook {background-position: 0 0}
				div#rodape ul li a.facebook:hover {background-position: 0 -49px}

				div#rodape ul li a.twitter {background-position: -54px 0}
				div#rodape ul li a.twitter:hover {background-position: -54px -49px}

				div#rodape ul li a.youtube {background-position: -108px 0}
				div#rodape ul li a.youtube:hover {background-position: -108px -49px}

				div#rodape ul li a.picasa {background-position: -162px 0}
				div#rodape ul li a.picasa:hover {background-position: -162px -49px}
			
			
/* Serviços
-------------------------------------------------------------------------------- */
ul#servicos {width: 584px}
	ul#servicos li {
		margin: 0 15px 15px 0;
		display: block;
		float: left;
		width: 126px;
		height: 126px;
	}
	ul#servicos li.ultimo {margin: 0 0 15px 0}