.container{
	background: url('../images/bg-meio.jpg') no-repeat top left;
	min-height: 604px;
	float: left;
}
.slider,
.slider .slider-ul{
	position: relative;
	float: left;
	width: 100% !important;
	height: 567px;
	overflow: hidden;
	min-width: 940px;
}
.slider .slider-ul li,
.slider .slider-ul li a{
	position: relative;
	float: left;
	width: 100% !important;
	height: 567px;
	text-align: center;
}
.slider .slider-ul li span{
	width: 940px;
	display: inline-block;
	position: relative;
	font-family: 'robotothin';
	font-style: italic;
	font-size: 50px;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	text-align: left;
	padding-right: 320px;
	margin-top: 50px;
}
.box-maislog{
	position: relative;
	float: left;
	width: 100%;
	min-height: 447px;
}
.box-maislog .left{
	position: relative;
	float: left;
	max-width: 400px;
}
.box-maislog .logo{
	position: relative;
	float: left;
	font-size: 0;
	background: url('../images/logo-cinza.png') no-repeat 0 0;
	width: 358px;
	height: 57px;
	margin: 42px 0;
}
.box-maislog .txt{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 20px;
	font-family: 'robotolight';
	color: #666;
	width: 100%;
}
.link-maislog{
	position: relative;
	float: left;
	padding-left: 42px;
	line-height: 16px;
	background: url('../images/icone-logo.png') no-repeat left ;
	font-size: 14px;
	color: #78af40;
	font-family: 'robotomedium';
	margin-top: 26px;
	text-decoration: none;
	text-transform: uppercase;
}
.link-maislog:hover{
	color: #78af40;
	text-decoration: underline;
}
.mapa{
	position: relative;
	float: right;
	width: 440px;
	min-height: 410px;
	background: url('../images/mapa.png') no-repeat top left;
}
.mapa .link-maislog{
	position: absolute;
	bottom: 36px;
	left: 300px;
	width: 300px;
}
.box-list{
	position: relative;
	float: left;
	width: 100%;
}
.box-list dl.item{
	position: relative;
	float: left;
	width: 300px;
	border-top: solid 5px #14446f;
	padding-top: 5px;
	background: transparent;
	margin-right: 20px;
	padding-bottom: 18px;
	min-height: 320px;
}
.box-list dl:last-child{
	margin-right: 0;
}
.box-list dl.item dt,
.box-list dl.item dt a{
	position: relative;
	float: left;
	width: 100%;
	text-decoration: none;
	font-size: 20px;
	font-family: 'robotomedium';
	color: #14446f;
	line-height: 24px;
	text-transform: uppercase;
}
.box-list dl.item dt{
	margin: 0 0 16px 0;
}
.box-list dl.item dd,
.box-list dl.item dd a{
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	font-family: 'robotolight';
	line-height: 18px;
	color: #666;
	text-decoration: none;
}
.box-list dl.item .img{
	position: relative;
	float: left;
	max-width: 300px;
	max-height: 179px;
	margin-bottom: 16px;
}
.box-list dl.item .img img{
	max-width: 100%;
}
.box-list dl.item dd .link-maislog{
	color: #78af40;
	position: absolute;
	left: 0;
	bottom: 0;
	font-family: 'robotomedium';
}
.box-list dl.item dd .link-maislog:hover{
	color: #78af40;
	text-decoration: underline;
}
.box-list dl.item dd:last-child{
	height: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	width: 100%;
}
.box-list dl:last-child dd:last-child{
	position: relative;
	bottom: inherit;
}
/**/
.box-rastreamento{
	position: relative;
	float: left;
	width: 100%;
	min-height: 79px;
	background: #2273bb;
	border-radius: 3px 3px;
	line-height: 80px;
	padding: 20px 20px;
	margin-bottom: 54px;
}
.box-rastreamento form{
	position: relative;
	float: left;
	width: 100%;
}
.box-rastreamento h2{
	position: relative;
	float: left;
	line-height: 40px;
	font-size: 20px;
	font-family: 'robotomedium';
	color: #fff;
	margin-right: 15px;
	text-transform: uppercase;
}
.box-rastreamento input{
	position: relative;
	float: left;
	width: 221px;
	height: 40px;
	border: none;
	background: #fff;
	line-height: 40px;
	padding: 0 0 0 16px;
	font-size: 14px;
	font-family: 'robotolight';
	color: #666;
	margin-right: 10px;
	border-radius: 3px 3px;
}
.box-rastreamento .button-verde{
	position: relative;
	float: left;
	width: 95px;
	height: 40px;
	padding: 0 0 !important;
	background: #78af40;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	font-family: 'robotolight';
	text-transform: uppercase;
	color: #fff;
	border: none !important;
	border-radius: 3px 3px;
}
.clouds_one {
    background:url("../images/cloud_one.png");
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:300%;
    -webkit-animation: myfirst 100s linear infinite; /* Chrome, Safari, Opera */
    animation: myfirst 100s linear infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
	0% {left:0;}
	100% {left:-200%;}
}
/* Standard syntax */
@keyframes myfirst {
	0% {left:0;}
	100% {left:-200%;}
}

.sky {
	height:567px;
	background: url('../images/bg-banner.png') no-repeat center top;
	position:relative;
	overflow:hidden;
}

@media (min-width: 721px) and (max-width: 959px){
	  /**/
	.slider, .slider .slider-ul{
		min-width: 0;
	}
    .slider .slider-ul li span{
        width: 720px;
        padding-right: 0;
    }
    
    /**/
    .box-list dl.item{
    	width: 220px;
    	min-height: 330px;
    }
    /**/
    .box-rastreamento h2{
    	width: 100%;
    }
    .box-rastreamento input{
    	width: 325px;
    }
    .box-rastreamento input + input{
    	width:220px;
    }
}
@media (max-width: 959px){
	.container{
		background: #f2f4f5;
	}
    /**/
    .box-maislog .left{
    	max-width: 100%;
    	width: 100%;
    }
    .mapa{
    	float: none;
    	margin: 35px auto 35px;
    	clear: both;
    	width: 100%;
    	background-position: top center;
    }
    .mapa .link-maislog{
    	left: 0;
    }
}
@media (max-width: 720px){
	.slider .slider-ul li{
		background-position: 66% 0 !important;
		background-size: 1600px !important;
		height: 472px;
	}
	.slider, .slider .slider-ul{
		height: 472px;
	}
	.slider .slider-ul li span{
		width: 100%;
		padding-right: 70px;
		text-align: center;
		font-size: 30px;
		line-height: 34px;
	}
	.slider, .slider .slider-ul{
		min-width: 0;
	}
	/**/
	.box-maislog .logo{
		background-size: 300px;
		background-position: center top;
		width: 100%;
	}
	.box-maislog{
		text-align: center;
	}
	.mapa{
    	background-size: 100%;
    	max-width: 300px;
    	min-height: 330px;
    	display: inline-block;
    	margin: 20px 0 35px 0;
    }
	.mapa .link-maislog{
		bottom: 0px;
		text-align: left;
	}
	/**/
	.box-list{
		text-align: center;
	}
	.box-list dl.item{
		float: none;
		display: inline-block;
		text-align: left;
		margin-right: 0;
	}
	/**/
	.box-rastreamento h2{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 15px;
	}
	.box-rastreamento input{
		margin-right: 0;
		margin-bottom: 9px;
		width: 100%;
	}
	.box-rastreamento .button-verde{
		width: 100%;
	}
}