div#container {
	position:relative;
	width:950px;
	height:100%;
	margin:0 auto;
}

/* 
************************************ CONTENT ************************************
*/

div#header { width:950px; height:176px; margin:0; }

h1, h1 a { width:187px; height:60px; float:left; position:relative; } 
h1 { margin:33px 0 0 0; background:url(../img/logo-embratec.png) left top no-repeat; }

div.shadow { width:100%; height:268px; margin:0 auto; position:absolute; top:0; left:0; background:url(../img/shadow.png) center top no-repeat;}

div.bg-nav { width:100%; height:53px; margin:0 auto; position:absolute; top:123px; left:0; background:url(../img/bg-nav.png) center top repeat-x;}

div.cartoes {
    width:189px;
	height:93px;
	margin:0 0 0 362px;
	padding:16px 0 0 22px;
	color:#FFF;
	background:url(../img/bg-cartoes.png) left top no-repeat;

}

div.cartoes p.title { font:bold 12px Arial, Helvetica, sans-serif; }
div.cartoes p.desc { font:10px Arial, Helvetica, sans-serif; }

form#frmLoginUser { width:155px; margin:8px 0 0 0; }

form#frmLoginUser label, form#frmLoginGestor label  {
	float:left;
	position:relative;
	width:35px;
	margin:2px 4px 0 0;
	text-align:right;
	font:11px Arial, Helvetica, sans-serif;
}

form#frmLoginUser input[type=text], form#frmLoginGestor input[type=password] {
	float:left;
	position:relative;
	width:78px;
	padding:3px 4px;
	color:#043894;
	font:11px Arial, Helvetica, sans-serif;
	background:url(../img/inp-header.png) left top no-repeat;
}

form#frmLoginUser input[type=submit], form#frmLoginGestor input[type=submit] {
	float:left;
	position:relative;
	width:22px;
	height:19px;
	margin:1px 0 0 4px;
	background:url(../img/inp-submit.png) left top no-repeat;
}

form#frmLoginGestor { width:155px; margin:8px 0 0 30px; }
form#frmLoginGestor label { text-align:left; }
form#frmLoginGestor p { font:bold 11px Arial, Helvetica, sans-serif; padding-bottom:5px; }

div.comercial { text-transform:uppercase; width:160px; margin:16px 0 0 30px; float:left; }

div.comercial p.title { font:bold 12px Arial, Helvetica, sans-serif; color:#656565; float:left; padding:0 0 7px 0; } 
div.comercial small { font:bold 12px Arial, Helvetica, sans-serif; color:#9F6D15; line-height:90%; } 
div.comercial big { font:20px Arial, Helvetica, sans-serif; color:#0F49AB; text-shadow: 2px 2px 1px #ACA9A3; } 

ul.nav { width:950px; height:53px; margin-top:14px; display:inline; }
ul.nav li { display:inline; }
ul.nav li, ul.nav li a { float:left; position:relative; width:190px; height:53px; }

ul.nav li a { background-position:left top; }
ul.nav li a:hover, ul.nav li a.ativo { background-position:left bottom; }

ul.nav li a.embratec { background-image:url(../img/nav-embratec.png); }
ul.nav li a.ecobeneficios { background-image:url(../img/nav-ecobeneficios.png); }
ul.nav li a.ecofrotas { background-image:url(../img/nav-ecofrotas.png); }
ul.nav li a.goodcard { background-image:url(../img/nav-goodcard.png); }
ul.nav li a.contato { background-image:url(../img/nav-contato.png); }

/* MIOLO */

a.saiba-mais {
	width:100px;
	height:25px;
	background:url(../img/saiba-mais.png) left top no-repeat;
}

ul.breadcrumb { width:720px; margin:21px 0 0 0; }
ul.breadcrumb, ul.breadcrumb li { display:inline; }
ul.breadcrumb li, ul.breadcrumb li a { font:12px Arial, Helvetica, sans-serif; color:#494848; }


div.left { width:720px; }

img.imgleft { margin:0 15px 10px 0; }
img.embra { margin:32px 0 12px 32px; }

div.content { margin-bottom:30px; }
body#home2 div.content { margin-bottom:0; }

div.content h2 {
	width:720px;
	margin:4px 0 28px 0;
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#083A8D;
}

div.content p { font:14px Arial, Helvetica, sans-serif; color:#333; line-height:150%; }

div.content h3 { font:21px Arial, Helvetica, sans-serif; color:#333; line-height:100%; margin-bottom:10px; }

div.right {
	width:201px;
	margin:30px 0 0 29px;
	background:url(../img/bg-gdnt-right.jpg) left top no-repeat #03317F;
}

ul.nav-right { margin:30px 0 0 17px; }
ul.nav-right li { padding-bottom:10px; }
ul.nav-right li a { font:12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; padding:0 0 0 13px; background:url(../img/seta.png) left 5px no-repeat; }

ul.nav-right big { font:18px Arial, Helvetica, sans-serif; color:#FFF; }
ul.nav-right small { font:12px Arial, Helvetica, sans-serif; color:#FFF; }

ul.nav-right li a:hover, ul.nav-right li a.ativo { color:#DCC924; font-weight:bold; background:url(../img/seta-o.png) left 5px no-repeat; }

/* HOME */

a.home-ecofrotas { width:219px; height:115px; background:url(../img/home-ecofrotas.png) left -112px no-repeat; position:absolute; top:44px; right:-165px; }
a.home-ecofrotas:hover, a.home-ecofrotas-ativo { width:219px; height:115px; background:url(../img/home-ecofrotas.png) left top no-repeat; position:absolute; top:44px; right:-165px; }

a.home-ecobene { width:219px; height:115px; background:url(../img/home-ecobene.png) left -112px no-repeat;  position:absolute; top:156px; right:-165px; }
a.home-ecobene:hover, a.home-ecobene-ativo { width:219px; height:115px; background:url(../img/home-ecobene.png) left top no-repeat; position:absolute; top:156px; right:-165px; }

/* A EMBRATEC */
/*body#quem-somos div.right { height:870px; }
body#missao div.right, body#historia div.right, body#certificacoes div.right { height:590px; }
body#palavra div.right { height:650px; }
body#relatorio div.right { height:520px; }*/

a.ac-ecoben { position:absolute; top:175px; left:254px; width:120px; height:39px; background:url(../img/acesse.png) left top no-repeat; }
a.ac-ecofro { position:absolute; top:287px; left:590px; width:141px; height:60px; background:url(../img/acesse2.png) left top no-repeat; }


body#ecobeneficios ul.breadcrumb, body#ecobeneficios div.content h2 { width:950px; }
body#ecobeneficios div.content h2 { margin:4px 0 0 0; }
body#ecobeneficios div.ecobeneficios { width:830px; }

ul.cartoes { width:950px; margin-top:33px; }
ul.cartoes, ul.cartoes li { display:inline; float:left; position:relative; }

body#ecobeneficios div.content h3 { color:#333; width:950px; line-height:100%; margin-bottom:30px; }
body#norteadores div.content h3 { color:#9F6D15; width:200px; line-height:100%; margin-bottom:15px; }
body#norteadores div.missao { width:345px; margin-right:90px; }
body#norteadores div.valores { width:165px; *margin-top:-30px; }

body#contato div.content h2 { margin-bottom:1px; }

body#ecobeneficios a.btn-ecobeneficios { position:absolute; float:right; z-index:9999; right:0; top:30px; width:237px; height:55px; background:url(../img/btn-ecobeneficios.png) left top no-repeat; }
body#ecobeneficios a.btn-ecofrotas { position:absolute; float:right; z-index:9999; right:0; top:30px; width:210px; height:56px; background:url(../img/btn-ecofrotas.png)  left top no-repeat; }

ul.ecofrotas { width:950px; margin:60px 0 0 0; padding-bottom:60px; }
ul.ecofrotas, ul.ecofrotas li { display:inline; float:left; position:relative; }

ul.valores li {
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:150%;
	padding:0 0 0 13px;
	background:url(../img/seta-azul.png) left 7px no-repeat;
}

div.box-small {
	width:259px;
	height:190px;
	padding:4px 30px 0 30px;
	margin-bottom:45px;
	background:url(../img/hist-small.png) left top no-repeat;
}

div.box-small h3 {
	color:#fff;
	font-size:15px;
	font-weight:bold;
}

div.box-big, div.box-big-r {
	width:259px;
	height:251px;
	margin-bottom:45px;
	padding:4px 30px 0 30px;
	background:url(../img/hist-big.png) left top no-repeat;
}

div.box-small big, div.box-big big { font:bold 24px Arial, Helvetica, sans-serif; color:#FFF; width:259px; height:45px; }
div.box-small p, div.box-big p { line-height:120%; color:#FFF; }

div.relatorio { width:272px; height:400px; }
div.responsabilidade { width:290px; height:300px; }
div.pescar { width:290px; height:150px; }


body#certificacoes img.sgi { margin:0 125px 0 28px; }
a.c2004 { margin:0 60px 50px 0; }

div.pgqp { width:490px; margin-bottom:50px; }

body#certificacoes .premio { margin:0 27px 0 0; }

/* ECOBENEFÍCIOS */

body#ecobeneficios div.right { height:520px; }

/* GOODCARD */

div.vantagens { width:950px; }

ul.vantagens { width:710px; float:right; margin-bottom:60px; }

ul.vantagens li {
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:180%;
	padding:0 0 0 13px;
	background:url(../img/seta-azul.png) left 9px no-repeat;
}

/* CONTATO */

form#form label.error { font:12px Arial, Helvetica, sans-serif; color:#990000; position:absolute; top:0; left:90px; }

form#form p { font:11px Arial, Helvetica, sans-serif; color:#333; padding-top:10px; }

form#form div {
	float:left;
	position:relative;
	width:321px;
	margin-right:19px;
}

form#form input[type=text] {
	float:left;
	position:relative;
	width:311px;
	padding:11px 5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#494747;
	background:url(../img/inp-sml.png) left top no-repeat;
}

form#form label {
	float:left;
	position:relative;
	width:321px;
	margin-top:16px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333;
}

form#form select {
	width:661px;
	padding:10px 7px;
	border:0 none;
	font:12px Arial, Helvetica, sans-serif;
	color:#494747;
	background:url(../img/slc-fale.png) left top no-repeat transparent;
}

form#form textarea {
	width:650px;
	height:103px;
	padding:5px;
	border:0 none;
	font:12px Arial, Helvetica, sans-serif;
	color:#494747;
	background:url(../img/textarea-fale.png) left top no-repeat transparent;
}

form#form input[type=submit] {
	width:120px;
	height:35px;
	margin:0 57px 0 0;
	background:url(../img/btn-enviar.png) left top no-repeat;
}

/* ESCRITÓRIOS */

ul.escritorios { width:355px; }

ul.escritorios, ul.escritorios li { display:inline; float:left; position:relative; }

ul.escritorios li { width:355px; height:100%; padding-bottom:10px; margin-bottom:9px; background:url(../img/bg-escritorio.png) left top no-repeat; }
ul.escritorios li p.title { font:18px Arial, Helvetica, sans-serif; color:#333; float:left; margin:14px 0 0 9px; }

ul.escritorios li a { border:0 none; outline:0 none; focus:0 none; text-decoration:none; }

span.mais { float:left; position:relative; width:28px; height:28px; margin:10px 0 0 10px; background:url(../img/mais.png) left top no-repeat;}
span.menos { float:left; position:relative; width:28px; height:28px; margin:10px 0 0 10px; background:url(../img/menos.png) left top no-repeat;}

img.abre-fundo { position:absolute; bottom:-8px; left:0; }

ul.escritorios li div { width:355px; padding:10px 0; display:none; background:#FFF; }
ul.escritorios li div p { font:12px Arial, Helvetica, sans-serif; color:#666; line-height:130%; float:left; margin-top:0; margin-left:48px; }

span.esc-left { width:355px; background:#666; }

/* 
************************************ FONTS ************************************
*/

@font-face {
    font-family: 'Swis721BTRoman';
    src: url('../fonts/swiss_721_bt-webfont.eot');
    src: url('../fonts/swiss_721_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/swiss_721_bt-webfont.ttf') format('truetype'),
         url('../fonts/swiss_721_bt-webfont.svg#Swis721BTRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 
************************************ FOOTER ************************************
*/

div.footer {
	overflow:hidden;
	width:100%;
	height:173px;
	margin-top:32px;	
	background:url(../img/bg-footer.jpg) left top repeat-x #FFF;
}

div.ftr-content {
	width:950px;
	height:121px;
	margin:0 auto;
	padding-top:32px;
}

div.ftr-content big { font:18px Arial, Helvetica, sans-serif; color:#004579; padding-bottom:9px; }
div.ftr-content p { font:12px Arial, Helvetica, sans-serif; color:#4D4D4D; padding-bottom:9px; }

div.ftr-content div.onde-comprar { width:340px; margin-right:18px; }
div.ftr-content div.onde-comprar img { margin-right:20px; }

div.ftr-content div.trabalhe-conosco {padding-right:24px;height:126px; background:url(../img/divisor.png) no-repeat right top; }

div.ftr-content div.logos { width:522px; }

div.ftr-content div.logos img { margin-bottom:10px; }

div.ftr-content a.sign { font:12px Arial, Helvetica, sans-serif; color:#4D4D4D; text-decoration:none; }
div.ftr-content a.sign:hover { text-decoration:underline; }

div.ftr-content div.logos p {
	float:left;
}

div.ftr-content div.logos p span {
	display:block;
	float:left;
	width:45%;
}

.slider-wrapper {
	height:605px !important;
	margin-top:30px;
}

#slider {
	height:605px !important;
	
}

.bodyclientes {
	display:none;
}

.ondecomprarr li {
	width:239px;
	text-align:Center;
	margin-bottom:40px;
}

.cartoes a,
.right b {
	text-decoration:none;
	color:#222;
	font:12px Arial, Helvetica, sans-serif; 
}

.botao-sustentabilidade {
	position: relative;
	left: -15px;	
}

.relatorio-antigos{
	position: relative;
	top: -40px;
	float: left;
}

.botao-sustentabilidade-anterior{
	left: -178px;
	position: relative;
	top: 200px;
}

.right b {
	display:block;
	color:#fff;
	font-size:14px;
	margin-bottom:10px;
	text-decoration:none;
}