/*RESET*/

html, body, div, a, p, img, ul, li, footer, header, section, h1, span, time, hgroup, a img, aside, form, input, article, h2, h3, h4, label, textarea, small {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}


/*WRAPPER*/

.container {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

.logo-container {
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.logorama {
	list-style-type: none; /*to remove bullets*/
    text-align: center;
    margin: 0 auto;
    padding: 0px;
}

.logorama li {
	width: 1003px;
}

.logorama img {
	float: left;
    padding-left: 45px;
    width: 120px;
    margin-left: auto ;
    margin-right: auto ;
}

#fundo {
	position: absolute;
	top: 290px;
	right: 70px;
	z-index : -1;
}
/*#main > .container {
	background-image: url("../../imagens/fundo.png");
	background-repeat: no-repeat;
	background-position: 550px 240px;
}*/

/*BACKGROUND*/

header {	
	background: url("../../imagens/background.png") repeat-x;
	height: 44px;
	min-width: 1203px;
}


body {
	background-color: #e7e6e0;
	color: #727373;
	font-size: 15px;
	font-family: "Century Gothic", sans-serif;
}

footer {
	background-color: #7c7b7b;
	min-width: 1203px;
	clear: both;
}

/*LOGO*/

#logo h1{
	position: absolute;
	background: url("../../imagens/logo.png") no-repeat center;
	width: 202px;
	height: 173px;
	margin-top: 14px;
	margin-left: 63px;
	z-index: 30;
}

#logo span{
	display: none;	
}

/*MENU*/

#lava {
	position: relative;
	text-align: center;
}

#lava ul{
	position: absolute;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	list-style: none;
	left: 243px;
	top: 50px;
}

#lava ul li{
	padding: 3px 0px;
	padding-left: auto;
	width: 800px;
	font-family: 'IM Fell Great Primer', serif;
}

#lava ul li a {
	float: left;
	color: #7c7b7b;
	border-left: dotted 2px;
	border-color: #7c7b7b;
	padding: 0 20px;
	z-index: 5;
	font-size: 150%;
}

.first {
	border-left: none 0px !important;
}

#blob { 
	background: url("../../imagens/lava.png") no-repeat center top;  
    position: absolute;
    width: 18px;
    height: 8px;
    padding-bottom: 20px;  
    z-index : -1;
    top: -7px;  
}

#selected{
	color: #ff6c12 !important;
}

/**SAPOS**/

/*SAPO INDEX*/

.sapoindex {
	position: absolute;
	top: 302px;
	left:43px;
	z-index: 6;
}

/*SAPO CONTATO */

.sapocontato {
	position: absolute;
	top: -80px;
	right: 40px;
	z-index: 6;
}

.saposobre {
	position: absolute;
	top: -76px;
	right: 230px;
	z-index: 6;
}

.sapo5 {
	position: absolute;
	top: 600px;
	right: 321px;
	z-index: 6;
}

.sapoprodutos{
	position: absolute;
	top: -101px;
	right: 100px;
	z-index: 6;
}


/*PORTIFOLIO BANNER*/

.banner-portifolio {
	margin: 90px 0px 0px 75px;
}

.prev, .next {
	position: absolute;
	top: 180px;
	z-index: 10;
}

.prev {
	left: 42px;
}

.next {
	right: -22px;
}

.cover {
	height: 407px;
}

.banner-papel {
	position: relative;
	left: -48px;
	background: url("../../imagens/bannerpapel.png") no-repeat;
	width:1003px;
	height:124px;
	top: 0;
}

.banner-papel span{
	display: none;
}

.portifolio-titulo {
	padding-left: 450px;
	padding-top: 15px;
	width: 300px;
}
.mosca-esquerda {
	background: url("../../imagens/mosca-esquerda.png") no-repeat;
	height: 48px;
	width: 46px;
	float: left;
}

.mosca-esquerda span{
	display: none;	
}

.mosca-direita {
	background: url("../../imagens/mosca-direita.png") no-repeat;
	height: 48px;
	width: 46px;
	float: left;
}

.mosca-direita span{
	display: none;	
}

.texto-projeto-nome {
	font-family: "Century Gothic", sans-serif;
	font-weight: lighter;
	font-size: 130%;
	text-align: right;
}

.texto-projeto-nome strong{
	font-weight: bold;
}

.texto-projeto {
	margin-left: 30px;
	font-size: 75%;
	font-family: "Century Gothic", sans-serif;
	font-weight: lighter;
	text-align: right;
}

.textos .saibam {
	display: block;
	text-align: right;
}

.saibam {
	font-size: 90%;
	font-family: "Century Gothic", sans-serif;
	font-weight: bold;
	text-align: right !important;
	color: #2687d5;
}

.index-redes-sociais {
	float: right;
	position: relative;
	border-left: 2px dotted;
	border-color: #7c7b7b;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	top: -60px;
	right: 20px;
}

.redes-sociais a {
	margin-right: 15px;
}
 
 /*INDEX CORPO */

.index {
	text-align: right; 
	margin-left: 70px;
	width: 960px;
	padding-left: auto;
	display: inline-block;
	position: relative;
	top: -20px;
}

.portifolio-colunas{
	width: 290px;
	margin: 10px 3px;
	float: left;
	text-align: right;
}

.portifolio-colunas h2{
	text-align: right;
}

.portifolio-grande {
	width: 585px !important;
}

.mosca1:before{
	content: url("../../imagens/mosca-direita.png");
	position: relative;
	z-index: 100;
	display: inline-block;

}

.portifolio-colunas p{
	text-align: right;
}

.colunas {
	width: 290px;
	float: left;
	margin-top: 50px;
	padding-top: 5px;
	padding-right: 10px;
}

.colunas p{
	margin-top: 10px;
}

.bottom {
	font-family: "Century Gothic", sans-serif;
	color: #818177;
	font-weight: lighter;
	margin-bottom: 30px;
}

.bottom strong {
	font-weight: bold;
}

.bottom h3 {
	font-size: 130%;
	font-style: italic;
	font-weight: lighter;
}

.bottom p {
	font-size: 95%;
}

.bottom blockquote {
	font-size: 95%;
}

.meio {
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: white;
	padding-bottom: 60px;
	padding-left: 10px;
}

blockquote {
	padding: 0;
	margin: 0;
}

blockquote:after {
	content: url("../../imagens/endquote.png");
	position: relative;
	z-index: 100;
	display: inline-block;
}

blockquote:before {
	content: url("../../imagens/quote.png");
	position: relative;
	z-index: 100;
	top:-20px;
}

.portifolio-logos {
	background-color: white;
	height: 83px;
	min-width: 1203px;
}

.form-text {
	background-color: white;
	padding: 5px;
	margin-top: 5px;
	font-family: "Century Gothic", sans-serif;
	color: #818177;
	font-weight: lighter;
	width: 270px;
}

.submit {
	color: #818177;
	font-size: 80%;
	margin-top: 5px;
	font-style: italic;
}

.foot {
	padding-top: 10px;
	color: white;
	font-family: Arial, sans-serif;
	text-align: right;
	font-size: 90%;
	height: 120px;
}

.foot p {
	position: relative;
	margin-top: 5px;
	right: 0;
}

.foot span {
	color: #a6d22c;
}

.head {
	margin-top: 150px;
}


.corpo-texto {
	width: 628px; 
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
	clear: both;
}

.corpo-texto ul {
	padding-left: 20px;
}

.barra-lateral {
	position: relative;
	left: -10px;
	padding-bottom: 280px;
	margin-bottom: 20px;
	padding-left: 20px;
	margin-top: 50px;
	width: 282px;
	float: right;
	border-left: dotted 2px;
	border-color: #a09f9d;
}

.titulo {
	font-family: Times, serif;
	padding-left: 120px;
	font-weight: lighter;
	font-style: italic;
	color: #ff6c12;
	font-size: 300%;
	position: relative;
	z-index: 5;
	top: -40px;
}

.titulo em {
	color: #fbbf94;
	position: relative;
	left: -40px;
	top: 15px;
	z-index: -1;
	font-size: 250%;
}

.logo {
	padding-top: 7px;
/*
	padding-left: 45px;*/
}

.portifolio-lateral {
	margin-top: 50px;
}

.portifolio-lateral h2{
	font-size: 180%;
	font-weight: lighter;
}

.portifolio-lateral h3{
	padding-top: 30px;
}

.portifolio-lateral blockquote {
	padding-top: 20px;
}

.portifolio-lateral p {
	padding-top: 20px;
}


.lado {
	padding-left: 20px;
}

.lado h2{
	padding-top: 20px;
}

.redes {
	padding-top: 30px;
}

.contato input, textarea{
	width: 463px;
	padding: 5px;
	background-color: white;
	border: 1px;
	margin: 8px;
	border-color: #c6c6c6;
}

.contato label {
	padding: 5px;
	margin: 5px;
}
.contato .submit {
	width: 470px;
	background-color: #c2c1b9;
	color: white;
	border: 1px;
	border-color: white;
}

.portifolio-lista ul{
	width: 938px;
	overflow: hidden;
}

.textos {
	z-index: 9;
	margin-left: 20px;
}

.mosca {
	position: absolute;
	top: -70px;
	right: 120px;
	z-index: 6;
}

.barra-lateral-contato {
	position: relative;
	left: -100px;
	padding-bottom: 280px;
	margin-bottom: 20px;
	margin-top: 50px;
	width: 324px;
	float: right;
	border-left: dotted 2px;
	border-color: #a09f9d;
}

.barra-lateral-contato h2{
	font-size: 120%;

}

.barra-lateral-contato em{
	color: #769c26;

}

.barra-lateral-contato .redes {
	padding-left: 120px;
}

.checkbox {
	width: 12px !important;
}

.portifolio-destaque {
	margin-top: 100px;
	margin-bottom: 50px; 
}

.bannerextendido {
	float: left;
}

.portifolio-informacao {
	display: inline-block;
	height: 263px;
	width: 280px;
	margin-left: 10px;
	background-color: #f9f5e9;
}

.portifolio-informacao h3 {
	margin: 10px;
	font-size: 200%;
}

.portifolio-informacao p {
	margin: 10px;
}

.portifolio-informacao a {
	margin: 10px;
}

.portifolio-lista {
	display: block;
	margin-left: 20px;
	margin-bottom: 50px;
}

.portifolio-lista a {
	cursor: pointer;
}

.botoes {
	font-weight: bold;
	padding-right: 20px;
}

.form-portifolio  {
	width: 300px;
	margin-top: 30px;	
	margin-left: auto;
	margin-right: 30px;
	float: left;
}

.form-portifolio input {
	width: 280px;
}

.formulario {
	padding-left: 180px;
	position: relative;
	margin: 0 auto;
	width: 1200px;
}

.triplo {
	min-height: 600px;
}

.painel {
	list-style-type: none;
	display: block;
	width: 800px;
}

.painel li {
	list-style-type: none;
}

.painel {
	list-style-type: none;
	display: block;

	height: 600px;
	float: right;
}

.facebook {
	position: relative;
	left: 7%;
	top: 20px;
}

.news {
	width: 80%;
}

.news h2{
	display: none;
}

.news h3 {
	font-size: 200%;
	font-weight: bold;
	padding-top: 50px;
}

.news blockquote {
	padding-top: 20px;
}

.news p {
	padding-top: 20px;
	padding-bottom: 20px;
}

.news .saibam {
	display: none;
}