html,body {
margin:0px;
padding:0px;
background:url(../images/bg.jpg) left top repeat-x #f4f4f4;
font-family:Verdana, arial, sans-serif;
font-weight:normal;
height: 100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

#footer, .push {
clear: both;
height: 15em;
}

.push{
	height: 10em;
}

.hide-load{
	display: none;
}

img{
	border: none;
}

a {
text-decoration:none;
color:#175B97;
font-size: 12px;
}

h1 {
position: relative;
float:left;
width: 100%;
font-family: 'Allerta', sans-serif;
font-size: 26px;
font-weight: normal;
color:#175b97;
margin: 60px 0 60px 10px;
}

#right p{
	margin-left: 10px;
	margin-bottom: 15px;
}

h2 {
margin:5px 0px 0px -1px;
padding:0px;
font-weight:normal;
font-family: 'Allerta', sans-serif;
color:#9056a3;
font-size:19px;
}

p {
position: relative;
float: left;
width: 100%;
margin:0px;
padding:0px;
font-weight:normal;
font-family:Verdana, arial, sans-serif;
font-size:11px;
color:#434343;
line-height:19px;
}

#site {
position: relative;
margin: 0 auto;
width:1000px;
z-index: 0;
}

#idioma{
	position: relative;
	float: right;
}

#idioma p{
	color: #FFFFFF;
	line-height: 25px;
}

#idioma img{
	margin: 2px 2px 0px 2px;
}
#left{
	position: relative;
	float: left;
	width: 210px;
}

#right{
	position: relative;
	float: left;
	width: 790px;
	z-index: 1;
}

#logo{
	position: relative;
	float: left;
	width: 196px;
	height: 207px;
}
#menu{
	position: relative;
	float: left;
	margin-top: 20px;
	background: url(../images/menu-bg.png) top left no-repeat;
	padding-bottom: 10px;
}
#menu a{
	position: relative;
	float: left;
	height: 40px;
	padding: 0px 15px 0px 10px;
	margin: -1px 0px 0px 10px;
	display: block;
	border: 1px solid #eaeaea;
	color: #175b97;
	font-size: 24px;
	font-family: 'Allerta', sans-serif;
	background: #FFFFFF;
}

#menu a.activo{
	color: #20bc62;
	background: url(../images/menu.png) top right no-repeat #FFFFFF;
}

#menu a:hover{
	color: #20bc62;
	background: url(../images/menu.png) top right no-repeat #FFFFFF;
}


#home-center{
	position: absolute;
	float: right;
	background: url(../images/home-center-bg.png) top left no-repeat;
	width: 814px;
	height: 497px;
	display: block;
	z-index: 1;
	margin-top: 75px;
	right: 0px;
	top: 0px;
}

#home-center ul{
	position: relative;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 826px;
	height: 384px;
	overflow: hidden;
}

#home-center ul li{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: transparent !important;
}

.titulo{
	float: left;
	left: 88px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	z-index: 2000;
}


#home-center .imagem{
	position: relative;
	float: left;
	z-index: 2;
	margin: 0px;
	padding: 0px;
}


#center{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 100px;
}

.box-home{
	position: relative;
	float: left;
	width: 248px;
	height: 277px;
	margin-right: 2px;
}

.box-home:last-child{
	margin-right: 0px;
}

.box-home-top{
	position: relative;
	float: left;
	width: 248px;
	height: 228px;
	background: url(../images/box-home-top-bg.png) top left no-repeat;
}

.box-home-top img{
	position: relative;
	float: left;
}

.box-home-top h2{
    font-family: 'Allerta',sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 10px 8px;
    padding: 0;
    width: 230px;
	text-align: right;
	letter-spacing: -2px;
}

#maritimos h2{
	color: #36889c;
}

#maritimos img{
	margin-top: 31px;
}

#rodoviarios h2{
	color: #1d770e;
	font-size: 22px;
}

#rodoviarios img{
	margin-top: 25px;
}

#aereos h2{
	color: #659bd1;
}

#logistica h2{
	color: #bc0000;
}

.box-home-top p{
	margin: 0 0 0 8px;
    padding: 0;
    width: 230px;
}

.box-home-bottom{
	position: relative;
	float: left;
	width: 248px;
	height: 47px;
	background: url(../images/box-home-bottom-bg.png) top left no-repeat;
}

.box-home-bottom a{
	position: relative;
	float: right;
	background: url(../images/box-link.png) top left no-repeat;
	width: 46px;
	height: 47px;
	overflow: hidden;
	text-indent: 200px;
}

.box-home-bottom a:hover{
	background: url(../images/box-link.png) top right no-repeat;
}

#r1{
	position: relative;
	float: left;
	width: 370px;
	margin-right: 20px;
	z-index: 2;
}

#r2{
	position: relative;
	float: left;
	width: 390px;
	background: #FFFFFF;
	z-index: 2;
	margin-top: 60px;
}

#r2 h1{
	margin: 10px 0px 20px 10px;
	font-size: 20px;
}

#r2 p{
	width: 370px;
}
#mapa a{
	position: relative;
	float: right;
	margin-bottom: 10px;
}

#mapa{
	position: relative;
	float: left;
	margin: 20px 0px 0px 10px;
}

#mapa iframe{
	border: 1px solid #FFFFFF;
}

#formcontacto input{
	position: relative;
	float: left;
	width: 370px;
	margin: 5px 10px 5px 10px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	height: 20px;
	line-height: 20px;
	color: #A3A3A3;
	text-indent: 10px;
}

#formcontacto input:focus{
	color: #878787;
}

#formcontacto textarea{
	position: relative;
	float: left;
	width: 370px;
	height: 170px;
	margin: 5px 10px 5px 10px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #A3A3A3;
	text-indent: 5px;
	padding-top: 5px;
}

#formcontacto textarea:focus{
	color: #878787;
}

#formcontacto input.enviar{
	background: #175B97;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-family: 'Allerta',sans-serif;
	font-size: 16px;
	height: 35px;
	cursor: pointer;
	margin: 7px 0px 12px 10px;
}

#formcontacto input.enviar:hover{
	background: #20BC62;
}

.sombra-internas{
	position: relative;
	float: left;
	width: 100%;
	z-index: 1;
	margin-top: -5px;
}

#menu-prod{
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

#menu-prod h2{
	font-size: 16px;
    margin: 69px 0 0 13px;
}

#menu-prod li{
	cursor: pointer;
	z-index: 1;
}
.active{
	z-index: 3 !important;
}
#prod1{
	position: relative;
	float: left;
	margin-right: 5px;
	background: url(../images/prod-1.png) top left no-repeat;
	width: 190px;
	height: 95px;
}

#prod1 h2{
	color: #36889C;
	margin-left: 8px;
}

#prod2{
	position: relative;
	float: left;
	margin-right: 5px;
	background: url(../images/prod-2.png) top left no-repeat;
	width: 190px;
	height: 95px;
}

#prod2 h2{
	color: #1D770E;
	font-size: 15px;
    margin-left: 3px;
}


#prod3{
	position: relative;
	float: left;
	margin-right: 5px;
	background: url(../images/prod-3.png) top left no-repeat;
	width: 190px;
	height: 95px;
}

#prod3 h2{
	color: #659BD1;
}

#prod4{
	position: relative;
	float: left;
	margin-right: 5px;
	background: url(../images/prod-4.png) top left no-repeat;
	width: 190px;
	height: 95px;
}

#prod4 h2{
	color: #BC0000;
	margin-left: 105px;
}

#prod-show{
	position: relative;
	float: left;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #dadada;
	min-height: 480px;
	z-index:2;
	margin-top: -1px;
}

#prod-show h1{
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0px 20px 0px;
	font-size: 21px;
}

#prod-show h2{
	font-size: 16px;
	margin-bottom: 10px;
}

#prod-show p{
	position: relative;
	float: left;
	width: 460px;
	margin-bottom: 15px;
}

.prod-show1 h1, .prod-show1 h2{
	color: #36889C;
}

.prod-show2 h1, .prod-show2 h2{
	color: #1D770E;
}

.prod-show3 h1, .prod-show3 h2{
	color: #659BD1;
}

.prod-show4 h1, .prod-show4 h2{
	color: #BC0000;
}

.prod-show1 .prod-show-bottom a{
	background: url(../images/download.png) center left no-repeat #36889C;
}

.prod-show2 .prod-show-bottom a{
	background: url(../images/download.png) center left no-repeat #1D770E;
}

.prod-show3 .prod-show-bottom a{
	background: url(../images/download.png) center left no-repeat #659BD1;
}

.prod-show4 .prod-show-bottom a{
	background: url(../images/download.png) center left no-repeat #BC0000;
}

.prod-show-bottom a{
	position: relative;
	float: left;
	margin: 2px;
	width: 248px;
	height: 30px;
	border: 1px solid #dadada;
	line-height: 30px;
	text-indent: 34px;
	background: url(../images/download.png) center left no-repeat;
	color: #FFFFFF;
}

.prod-show-top{
	position: relative;
	float: left;
	width: 770px;
	margin: 10px 0px 10px 10px;
}

.prod-show-bottom{
	position: relative;
	float: left;
	width: 770px;
	margin: 10px 0px 10px 10px;
	border-top: 1px dotted #dadada;
}

.img-transportes{
	position: relative;
	float: left;
	width: 300px;
	height: 260px;
	overflow: hidden;
}

#pdf-holder a{
	position: relative;
	float: left;
	margin: 2px;
	margin-left: 10px;
	width: 381px;
	height: 30px;
	border: 1px solid #dadada;
	line-height: 30px;
	text-indent: 34px;
	background: url(../images/download.png) center left no-repeat #175B97;
	color: #FFFFFF;
}

#footer{
	width: 100%;
	background-color: #555555;
	overflow: hidden;
}

#footer a{
	color: #FFFFFF;
}

#footer-cont{
	position: relative;
	margin: 0px auto;
	width: 1000px;
}
#footer-esq{
	position: relative;
	float: left;
	width: 220px;
}

#footer-esq img{
	margin: 20px 0px 0px 20px;
}

#footer-centro{
	position: relative;
	float: left;
	width: 310px;
	padding-top: 20px;
}

#footer-centro p{
	color: #2a2a2a;
	font-weight: bold;
}

#footer-dir img{
	position: relative;
	float: left;
	margin-top: 20px;
}

#footer-dir .flag{
	position: relative;
	float: right;
	margin: 3px 3px 0px 0px;
}

#footer-dir p{
	position: relative;
	float: right;
	text-align: left;
	width: 100px;
	font-size: 11px;
	font-weight: bold;
	color: #2a2a2a;
	width: 107px;
	line-height: 14px;
	margin-top: 137px;
}

#botao-cont{
	position: relative;
	float: right;
	margin-top: 0px;
	margin-right: 100px;
	display: none;
}

#botao-cont1{
	position: relative;
	float: right;
	margin-top: 40px;
	margin-right: 100px;
}

#breakout{
	position: relative;
	float: left;
	width: 100%;
	text-align: right;
	margin-top: 30px;
	margin-left: -100px;
}