@charset "utf-8";
/* CSS Document */

body {
	width: 100%;
	margin: 0 auto;
}

#fundo {
		background-image:url(../img/bg2.jpg);
		width: 100%;
		height: 1200px;
}

#top {
	width: 100%px;
	height: 1200px;
	position: absolute;
	left: 39.5%;
	margin-left: -395px;
}

#header {
	position: relative;
	top: 20px;
	left: 2em;
}

#footer {
	background: #000000;
	opacity:0.75;filter:alpha(opacity=75);
	width: 1000px;
	height: 105px;
	position: absolute;
	bottom: 0;		
	clear:both;
}

#twitter {
	width: 968px;
	height: 130px;
	position: absolute;
	top: 64.5em;
}

#box_informacoes {
	width: 961px;
	height: 341px;
	position: absolute;
	top: 50%;
	left: 2.5%;
}

#wallpaper {
	width: 215px;
	border: solid 1px #614877;
	background: #526b1b;
	padding: 5px 5px 12px 5px;
	margin-left: 20px;
}

/*-------------------------------------------------- CLASSES*/

.fone_topo {	
	width: 150px;
	height: 50px;
	position: absolute;
	top: 7.3em;
	left: 51em;
}

.fone_topo2 {	
	width: 150px;
	height: 50px;
	position: absolute;
	top: 7.3em;
	left: 51em;
}	

.box_destaque {
	background: #ffffff;
	opacity:0.85;filter:alpha(opacity=85);
	-moz-border-radius-topright: 10px;	
    -moz-border-radius-topleft: 10px;	
    -moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	width: 968px;
	height: 413px;
	position: absolute;
	top: 10em;
	left: 1em;
}

.box_esquerda {
	background: #ffffff;
	opacity:0.85;filter:alpha(opacity=85);
	-moz-border-radius-topright: 10px;	
    -moz-border-radius-topleft: 10px;	
    -moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	width: 306px;
	height: 349px;
	margin-left: 0.1em;
	float: left;	
}

.box_centro {
	background: #ffffff;
	opacity:0.85;filter:alpha(opacity=85);
	-moz-border-radius-topright: 10px;	
    -moz-border-radius-topleft: 10px;	
    -moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	width: 306px;
	height: 349px;
	margin: 50px 0 0 0;
	position: absolute;
	left: 20.6em;
	top: -3.1em;
}

.box_direita {
	background: #ffffff;
	opacity:0.85;filter:alpha(opacity=85);
	-moz-border-radius-topright: 10px;	
    -moz-border-radius-topleft: 10px;	
    -moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	width: 306px;
	height: 349px;
	margin: 50px 0 0 0;
	position: absolute;
	right: 0.1em;
	top: -3.1em;
	float: right;
}

.box_interna_esquerda {
	background: #ffffff;
	opacity:0.85;filter:alpha(opacity=85);
	-moz-border-radius-topright: 10px;	
    -moz-border-radius-topleft: 10px;	
    -moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	width: 679px;
	height: 788px;
	margin: 50px 0 0 0;
	position: absolute;
	left: -0.1em;
	top: -30.7em;
}

.box_interna_direita {
	background: #ffffff;
	opacity:0.85;filter:alpha(opacity=85);
	-moz-border-radius-topright: 10px;	
    -moz-border-radius-topleft: 10px;	
    -moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	width: 280px;
	height: 788px;
	margin: 50px 0 0 0;
	position: absolute;
	right: -0.1em;
	top: -30.7em;
}

.box_interna_portfolio {
	background: #ffffff;
	opacity:0.85;filter:alpha(opacity=85);
	-moz-border-radius-topright: 10px;	
    -moz-border-radius-topleft: 10px;	
    -moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	width: 967px;
	height: 777px;
	margin: 50px 0 0 0;
	position: absolute;
	right: -0.1em;
	top: -30.7em;
}

.rodape_esquerda {
	position:  absolute;
	top: 60px;
	left: 30px;
}

.rodape_direita {
	position:  absolute;
	top: 60px;
	right: 36px;
}

.logos_socialmedias {
	position: absolute;
	bottom: 3.7em;
	left: 45em;
	z-index: 3;
}

.twitter_logo {
	background: url(../img/tweetiebird.png) no-repeat;
	width: 100px;
	height: 54px;
	position: absolute;
	top: -4em;
	left: 2.5em;	
}

.banner_flash {
	position: absolute;
	top: 2.5em;
	left: 3em;
	z-index: -1;
}

.flash_clientes {
	position: absolute;
	top: 3.5em;
	left: 1.5em;
}

.logos_clientes {
	position: absolute;
	top: -0.2em;
}

.spacer {
	width: 310px;
	background: transparent;
	padding: 5px 5px 12px 5px;
	margin-left: 20px;	
}

.spacer2 {
	width: 310px;
	background: transparent;
	padding: 5px 5px 30px 5px;
	margin-left: 20px;	
}

.flags {
 width: 20px;
 position: relative;
 top: -6.5em;
 left: 57em;
}

.floater {
	position: absolute;
	top:50%;
	left:43%;
	z-index: 1;
}

.clientes_interna {
	position: relative;
	top: 1em;
	left: 5em;
}

/*-------------------------------------------------- FIM CLASSES */

/*-------------------------------------------------- TEXTOS */

.telefone_topo {
	font: 16px bold Verdana, Geneva, sans-serif;
	color: #ffffff;
}

.txt_titulo_twitter {
	position: absolute;
	top: -3em;
	left: 3.5em;
	font: 110% bolder Verdana, Geneva, sans-serif;
	color: #ffffff;
	margin-left: 50px;
}

.txt_twitter {
	font: 80% bold Verdana, Geneva, sans-serif;
	color: #ffffff;
	margin-left: 50px;
}

.txt_rodape {
	font: 85% bold Verdana, Geneva, sans-serif;
	color: #ffffff;	
}

.txt_home {
	padding: 5px 30px 20px 15px;
	margin-left: 5px;
	font: 75% Verdana, Geneva, sans-serif;
	color: #526b1b;
	line-height: 18px; 
}

.txt_conteudo {
	padding: 10px 30px 20px 10px;
	margin-left: 15px;
	font: 80% Verdana, Geneva, sans-serif;
	color: #526b1b;
	line-height: 18px; 
}

.txt_conteudo2 {
	width: 230px;
	padding: 10px 30px 20px 10px;
	margin-left: 15px;
	font: 80% Verdana, Geneva, sans-serif;
	color: #526b1b;
	line-height: 18px; 
}

.txt_conteudo3 {
	width: 250px;
	padding: 10px 30px 20px 10px;
	margin-left: 40px;
	font: 80% Verdana, Geneva, sans-serif;
	color: #526b1b;
	line-height: 18px; 
}

.bt_home {
	margin-left: 40px;	
}

.txt_portifa {
	padding: 10px 30px 5px 20px;
	margin-left: 5px;
	font: 11px Verdana, Geneva, sans-serif;
	color: #ffffff;
	line-height: 15px;
}

.txt_colesq {
	width: 240px;
	height: 30px;
	padding: 40px 30px 20px 10px;
	margin-left: 5px;
	font: 160% Verdana, Geneva, sans-serif;
	color: #526b1b;
}

h1 {
	padding: 20px 30px 5px 10px;
	margin-left: 5px;
	font: 110% bolder Verdana, Geneva, sans-serif;
	color: #526b1b;	
}
.img_port {
	width: 215px;
	height: 120px;
}


h2 {
	padding: 5px;
	margin-left: 10px;
	font: 110% italic Verdana, Geneva, sans-serif;
	color: #526b1b;
}

h3 {
	width: 100px;
	height: 50px;
	position: absolute;
	left: 4.5em;
	font: 110% bolder Verdana, Geneva, sans-serif;
	color: #ffffff;
	display: inline;	
}

h4 {
	width: 500px;
	height: 50px;
	padding: 40px 30px 20px 10px;
	margin-left: 15px;
	font: 160% Verdana, Geneva, sans-serif;
	color: #526b1b;
}

h5 {
	width: 600px;
	height: 50px;
	position: absolute;
	margin-left: 25px;
	font: 120% Verdana, Geneva, sans-serif;
	color: #526b1b;
}

h6 {
	width: 600px;
	height: 50px;
	position: absolute;
	margin-left: 11px;
	font: 120% Verdana, Geneva, sans-serif;
	color: #526b1b;
}

table {
	float: right;
	margin-right: 20px;
	margin-left: 15px;
	padding-left: 15px;
}

td {
	padding-top: 10px;
	margin-right: 15px;
}

table.portifa {
	margin-left: 45px;
	
}

td.portifa {
	padding-top: 20px;
	
}

/*-------------------------------------------------- FIM TEXTOS */

/*-------------------------------------------------- MENU TOPO*/

ul {
	padding:0px;
	margin-left: 100px;
	margin-top: 20px;
	float: right;
	list-style:none;
}

body.ie7 ul {	
	padding:0px;
	margin-left: 50%;
	margin-top: 1em;
	list-style:none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) /* hack chrome */
{
    ul {
	padding:0px;
	margin-left: 60px;
	margin-top: -60px;
	float: right;
	list-style:none;
}

}

ul li {
	display: inline;
}

body.ie7 ul {
	display: inline;
	margin: 0;
	padding:0;
}

ul li a {
	padding: 15px 7px;
	float:right;
	font: 14px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

body.ie7 ul li a {
	padding: 20px 10px;
	float:right;
	font: 20px bold Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

ul li a:hover {
	background-color: #000000;
}

ul li a:active {
	color: #ffffff;
	background-color: #000000;
}

/*-----------------*/

ul.menu2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	left: 0.5em;
	display: list-item;
}

ul.menu2 li {
	display: list-item;
	float: left;
	margin: 0;
	padding: 0;
}

ul.menu2 li a {
	width: 250px;
	height: 15px;
	padding: 10px 10px;
	float: left;
	font: 90% bold Verdana, Geneva, sans-serif;
	color: #526b1b;
	text-decoration: none;	
}

body.ie7 ul.menu2 li a {
	width: 250px;
	height: 15px;
	padding: 10px 10px;
	float: left;
	font: 90% bold Verdana, Geneva, sans-serif;
	color: #526b1b;
	text-decoration: none;	
}
.caracters {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #526B1B;
}


ul.menu2 li a:hover {
	text-decoration: underline;
	background-color: transparent;
	
}

body.ie7 li a:hover {
	text-decoration: underline;
	background-color: transparent;	
}

/*-----------------*/

ul.menu3 {
	padding: 0px;
	margin-left: 5px;
	margin-top: 20px;
	float: left;
	list-style-type: none;
}

body.ie7 ul.menu3 {
	width: 160px;
	margin-top: 10px;
	float: left;
	list-style-type: none;
}

body.ie8 ul.menu3 {
	width: 250px;
	padding: 0;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	list-style-type: none;
}

ul.menu3 li {
	display: list-item;
}

ul.menu3 li a {
	display:block;
	padding: 10px 10px;
	float:left;
	font: 130% bold Verdana, Geneva, sans-serif;
	color: #526b1b;
	text-align: left;
	text-decoration: none;
}

body.ie7 ul.menu3 li a {
	display:block;
	padding: 10px 10px;
	float:left;
	font: 130% bold Verdana, Geneva, sans-serif;
	color: #526b1b;
	text-align: left;
	text-decoration: none;
}

ul.menu3 li a:hover {
	text-decoration: underline;
	background-color: #ffffff; 
}

body.ie7 ul.menu2 li a:hover {
	text-decoration: underline;
	background-color: transparent; 
}

body.ie8 ul.menu2 li a:hover {
	text-decoration: underline;
	background-color: transparent; 
}

/*-----------------*/

ul.menu4 {
	width: 125px;
	padding:0px;
	margin-left: 5px;
	margin-top: 120px;
	float: left;
	list-style-type: none;
}

body.ie7 ul.menu4 {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
}

body.ie8 ul.menu4 {
	width: 900px;
	padding: 0;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	list-style-type: none;
}

ul.menu4 li {
	display: block;
	float: inherit;
}

body.ie7 ul.menu4 li {
	display: list-item;
	float:left;
	margin:0;
	padding:0;
}

ul.menu4 li a {
	display:block;
	padding: 10px 10px;
	float:left;
	font: 16px bold Verdana, Geneva, sans-serif;
	color: #526b1b;
	text-align: left;
	text-decoration: none;
}

body.ie7 ul.menu4 li a {
	display:block;
	padding: 10px 10px;
	float:left;
	font: 130% bold Verdana, Geneva, sans-serif;
	color: #526b1b;
	text-align: left;
	text-decoration: none;
}

ul.menu4 li a:hover {
	text-decoration: underline;
	background-color: #ffffff; 
}

body.ie7 ul.menu4 li a:hover {
	text-decoration: underline;
	background-color: #ffffff; 
}

/*-------------------------------------------------- FIM MENU TOPO*/

/*-------------------------------------------------- LINKS*/

a.link_rodape:link {
	text-decoration: none;
	color: #ffffff;
	font-size: 80%;
}

a.link_rodape:visited {
	text-decoration: none;
	color: #CCCCCC;	
}

a.link_rodape:hover {
	text-decoration: underline;
}

a.link_rodape:active {
	color: #FFFFFF;
}
.link_conteudo/*-------------------------*/

 {
	text-decoration: none;
	color: #526b1b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a.link_conteudo:hover {
	text-decoration: underline;
}

/*-------------------------------------------------- FIM LINKS*/


/*-------------------------------------------------- FORMULARIO*/

#form {
	font: 120% Verdana, Geneva, sans-serif;
	color: #526b1b;
	line-height: 2em;	
}

#form fieldset {	
	border: 0;
	margin: 0;
	padding: 1em;
}

#form fieldset label {
	font-size: 0.7em;
	display: block;
	line-height: 2em;
}

#form fieldset input {
	font-size: 0.8em;
	height: 2.2em;
	border: 1px solid #526b1b;
	width:420px;
}

.botao {
	background: #305e30;
	font: 100% Verdana, Geneva, sans-serif;
	width: 200px;
	height: 100px;
	color: #ffffff;
	padding-top: 30px;
}

/*-------------------------------------------------- FIM FORM*/
