/* CSS Document */
			/* @design Disnay Batista <a href ="mailto:disnay@hotmail.com.br">disnay@hotmail.com.br</a> */
			
			@charset "iso-8859-1";
			
			/* RESET CSS - RESETA TODOS OS COMPORTAMENTOS E DÁ UM COMPORTAMENTO PADRÃO PARA O CONTEÚDO */
			@import 'css/reset.css';

			/* DEFINE O BACKGROUND PARA O CONTEÚDO GERAL */
			body {
				background: #F0F0F0 repeat center top;
				margin: 0px;
				padding: 0px;
				color:#777;
				font-family: "Courier New", Courier, monospace;
				} 	/* cor de fundo alternativa #EBF5DF */
			body#semFundo {
				background: #fff url(none);
				}
			/* fim */
			
			/*  DEFINIÇÕES DE ESTILOS PARA OS LINKS  */
			a:link {
				text-decoration:none;
				color: #544C66;
				}
			a:visited {
				text-decoration:none;
				color: #544C66;
				}
			a:hover {
				text-decoration:none;
				color: #544C66;
				}
			a:active {
				text-decoration:none;
				color: #544C66;
				}
			/*  fim  */
			
			/*  DEFINIÇÕES DE ESTILOS PARA OS PARÁGRAFOS, NEGRITO E LINHA  */
			p {
				text-align:left;
				font-size: 12px;
				line-height: 18px;
				}
			strong {
				font-weight:bold;
				}
			hr {
				border:1px solid #E0DFE3;
				}
			/*  fim  */
			
			/*  DEFININDO OS CABEÇALHOS   */
			h1, h2, h3, h4, h5, h6 {
				letter-spacing: -1px;
				margin-top:8px;
				margin-bottom:8px;
				}
			h1 { font-size: 22px; }
			h2 { font-size: 18px; }
			h3 { font-size: 16px; }
			h4 { font-size: 14px; }
			h5 { font-size: 12px; }
			/*  fim  */
			
			/*   CLASSES PARA OS ELEMENTOS DE FORMULÁRIO   */
			legend {
				padding: 3px;
				background: #EAEEEF;
				font: bold 11px Verdana, Arial, Helvetica, sans-serif;
				color: #0068B0;
				}
			label {
				color: #333;
				}
			input, select, textarea, option {
				background-color:transparent;
				border-color:transparent;
				}
			select {
				background-color:transparent;
				border-color:transparent;
				}
			input {
				height: 35px;
				}
			input.radioBotton {
				}
			input.checkbox {
				}
			input.select {
				}
			input.textarea {
				}
			input.textField {
				}
			fieldset {
				}
			.imageField {
				border-style: none;
				background-color: none;
				width:auto;
				height:auto;
				}
			/*  fim  */
			
			/*  DEFINIÇÕES DE ESTILO PARA LISTA  */
			ul {
				list-style-type: none;
				padding:0px;
				margin:0px;
				}
			li { /* background: url(../images/marcadores/seta.gif) no-repeat 0px 0.4em; */
				display:block;
				/*text-indent: 10px;*/
			border:none;
				padding-bottom: 3px;
				width: auto;
				}
			ol {
				list-style:none;
				}
			/*  fim  */
			
			/* BACKGROUND DA DIV PRINCIPAL */
			#bgConteudo {
				width: 100%;
				position: absolute;
				z-index: 0;
				top: 132px;
				left: 0px;
				background: url(../images/bgMeio.png) repeat-x left 0px;
				}
			/* fim */
			
			/* CONTAINER */
			#container {
				margin: auto;
				width: 960px;
				height: auto;
				}
			/* fim */
			
			/* DEFINIÇÕES DE ESTILOS PARA O RODAPÉ DA PÁGINA PRINCIPAL */
			#back-header {
				background: #FFF;
				width: 100%;
				display: block;
				float: left;
				border-top: 1px none #D6D6D6;
				border-right: 1px none #D6D6D6;
				border-bottom: 1px solid #D6D6D6;
				border-left: 1px none #D6D6D6;
				}
			/* TOPO */
			#header {
				width: 960px;
				background: url(none) no-repeat center bottom;
				display: block;
				margin-right: auto;
				margin-left: auto;
				min-height: 132px;
				}
			/* fim */
			
			/* LOGOMARCA */
			#logo {
				float: left;
				margin-top: 18px;
				/* [disabled]margin-left: 5px;
			*/
				margin-bottom: 18px;
				}
			/* fim */
			
			.nav {
				width: auto;
				height: auto;
				float: right;
				line-height: 90px;
				margin-top: 45px;
				margin-bottom: 18px;
				}
			.nav a {
				color: #333;
				font-size:12px;
				background: #f0f0f0;
				background: url(../images/backgrounds/bg_light.png) repeat-x #f0f0f0;
				text-decoration: none;
				display: block;
				font-weight: bold;
				}
			.nav ul {
				width: 645px;
				margin: 0px;
				padding: 0px;
				margin-top: 32px;
				list-style-type: none;
				}
			.nav li {
				width: 90px;
				height: 25px;
				line-height: 25px;
				background: url(../images/backgrounds/bg_light.png) repeat-x #f0f0f0;
				display: block;
				float: right;
				text-align: center;
				margin: 0px 0px 0px 10px;
				padding: 0px !important;
				}
			.rounded {
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				}
			/* MENU */
			#menu {
				float:right;
				height: 30px;
				width: 204px;
				float: right;
				margin-top: 85px;
				}
			#menu #sobre-nos a {
				background: url(../images/menu/menu.png) no-repeat 0px 0px;
				height: 30px;
				width: 100px;
				display: block;
				float: left;
				}
			#menu #sobre-nos a:hover {
				background: url(../images/menu/menu.png) no-repeat 0px -32px;
				height: 30px;
				width: 100px;
				display: block;
				float: left;
				}
			#menu #contato a {
				background: url(../images/menu/menu.png) no-repeat -104px 0px;
				display: block;
				height: 30px;
				width: 100px;
				float: right;
				}
			#menu #contato a:hover {
				background: url(../images/menu/menu.png) no-repeat -104px -32px;
				display: block;
				height: 30px;
				width: 100px;
				float: right;
				}
			/* fim */
			
			/* SOBRE NÓS */
			#info {
				float: left;
				width: 960px;
				width:920px;
				height:auto;
				padding: 20px;
				background: #F8F8F8;
				margin: 0px 0px 20px;
				display: block;
				}
			#info h1, #socios h1 {
				font-size: 16px;
				color:#554D67;
				margin-bottom:6px;
				}
			/* fim */
			
			#socios {
				float: right;
				width: 290px;
				width:305px;
				height:auto;
				padding: 20px 0px;
				margin: 0px;
				}
			#socios h1 {
				font-size: 16px;
				color:#554D67;
				margin-bottom:6px;
				}
			#socios .detalhesSocios .nome {
				/*text-shadow: #5E5E5E 0 1px 0;*/
				font-size: 16px;
				}
			#socios .detalhesSocios .email {
				background: url(../images/marcadores/objetos.png) no-repeat left 4px;
				padding-left: 18px;
				margin-bottom: 6px;
				margin-top: 6px;
				font-size: 11px;
				}
			#socios .detalhesSocios .telefone {
				background: url(../images/marcadores/objetos.png) no-repeat left -13px;
				padding-left: 18px;
				font-size: 11px;
				}
			#socios .detalhesSocios {
				margin-bottom: 12px;
				margin-top: 23px;
				}
			/* fim */
			
			/* BOX CONTATO */
			#resume {
				width: 960px;
				display: block;
				height: auto;
				float: left;
				margin-top: 20px;
				margin-bottom: 20px;
				background: #F8F8F8;
				}
			#resume #contato {
				float:left;
				width:604px;
				height:auto;
				padding: 20px;
				margin: 0px;
				}
			#resume #contatoDetalhes {
				float:right;
				width:290px;
				height:auto;
				}
			#resume #contato h1, #contatoDetalhes h1 {
				color:#554D67;
				font-size: 16px;
				margin-bottom:18px;
				padding-bottom: 6px;
				border: 1px none #989BA1;
				}
			#resume #contato form #campoNome {
				width: 280px;
				height: 31px;
				float: left;
				clear: both;
				-webkit-border-radius: 0.3em;
				-moz-border-radius: 0.3em;
				border-radius: .7em;
				font-weight: bold;
				margin-bottom: 18px;
				background: url(../images/grupo-form.png) no-repeat left top;
				padding: 5px;
				}
			#resume #contato form #email {
				width: 280px;
				height: 31px;
				float: left;
				clear: both;
				-webkit-border-radius: 0.3em;
				-moz-border-radius: 0.3em;
				border-radius: .7em;
				font-weight: bold;
				color: #5F5F5F;
				margin-bottom: 18px;
				background: url(../images/grupo-form.png) left top;
				padding: 5px;
				}
			#resume #contato form #subject {
				height: 31px;
				width: 280px;
				float: left;
				clear: both;
				-webkit-border-radius: 0.3em;
				-moz-border-radius: 0.3em;
				border-radius: .7em;
				background: url(../images/grupo-form.png) no-repeat left top;
				padding: 5px;
				}
			#resume #contato form #mensagem {
				height: 153px;
				width: 280px;
				float: right;
				-webkit-border-radius: 0.3em;
				-moz-border-radius: 0.3em;
				border-radius: .7em;
				margin-left: 30px;
				background: url(../images/grupo-form.png) no-repeat left -50px;
				padding: 5px;
				margin-top: -160px;
				}
			#resume #contato form #btnEnviar {
				height: 29px;
				width: 72px;
				float: right;
				clear: both;
				-webkit-border-radius: 0.6em;
				-moz-border-radius: 0.6em;
				border-radius: .7em;
				/* [disabled]margin-left: 12px; */
				border: 1px solid #D7D7D7;
				font-weight: bold;
				color: #676D7B;
				}
			#resume #contato form #campoNome label input {
				width: 290px;
				background: #F00;
				border-color: transparent;
				font-weight: bold;
				color: #5F5F5F;
				}
			#resume #contato form #campoNome input {
				width: 280px;
				background: transparent;
				border-color: transparent;
				color: #666;
				height: 100%;
				}
			#resume #contato form #email input {
				color: #666;
				background: transparent;
				border-color: transparent;
				width: 280px;
				height: 100%;
				}
			#resume #contato form #subject select {
				color: #666;
				background: transparent;
				border-color: transparent;
				height: 100%;
				width: 280px;
				}
			#resume #contato form #mensagem textarea {
				color: #666;
				height: 153px;
				width: 280px;
				background: transparent;
				border-color: transparent;
				}
			#resume #contato form {
				float: left;
				}
			/* fim */
			
			/* MEIO */
			#content {
				width: 960px;
				background: url(none) repeat-x left top;
				padding-right: 0px;
				padding-left: 0px;
				float: left;
				}
			/* fim */
			
			/* PORTFÓLIO */
			#portfolio {
				width: 960px;
				float: left;
				}
			#portfolio h2 {
				display: block;
				font-size: 32px;
				font-weight: normal;
				padding-top: 30px;
				margin: 0;
				padding-bottom: 30px;
				}
			#portfolio ul {
				list-style: none;
				width: 250px;
				display: inline;
				}
			#portfolio ul li {
				float: left;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				height: 240px;
				width: 210px;
				padding-top: 10px;
				padding-right: 10px;
				padding-left: 10px;
				display: inline;
				margin-bottom: 10px;
				background: #FFF;
				border: 0.01em none #E3E1D5;
				margin-right: 5px;
				margin-left: 5px;
				}
			#portfolio ul li a img {
				border-style: none;
				height: 132px;
				width: 210px;
				}
			#portfolio ul li .projeto {
				font-size: 11px;
				color: #554D67;
				display: block;
				margin-top: 5px;
				}
			#portfolio ul li .descricao {
				font-size: 12px;
				color: #554D67;
				display: block;
				margin-top: 5px;
				}
			#portfolio ul li.separador {
				width:10px;
				display: block;
				margin: 0px;
				border-style: none;
				float: left;
				padding: 0px;
				height: 10px;
				background: transparent;
				}
			/* fim */
			
			#footer {
				background: url(../images/divide.png) no-repeat center top;
				height: 110px;
				width: 960px;
				margin-right: auto;
				margin-left: auto;
				padding-top: 100px;
				clear: both;
				}
			#footer p {
				text-align: center;
				font-size:12px;
				}
			#footer p a {
				text-decoration:none;
				color: #544C66;
				padding: 3px;
				}
			#footer p a:hover {
				text-decoration:none;
				color: #FFF;
				background: #544C66;
				padding: 3px;
				}
			/* fim */