html{ width: 100%; }
body{ width: 100%; }
#pagina{
	width: 100%;
}

.center{
	width: 1000px;
	margin: 0 auto;
}


/***topo***/
#topo{ 
	width: 100%;
	padding: 106px 0 300px;
}
#topo .center{ position: relative; }
.lk-rastreamento{
	width: 184px;
	height: 46px;
	background: url(../img/bt-rastreamento.png) no-repeat;
	position: absolute;
	top: -76px;
	right: 0;
	display: none;
}
#topo .menu{ 
	width: 100%;
	height: 65px;
	margin-bottom: 60px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 6;
}
#topo .logo{ 
	width: 218px;
	max-height: 95%;
	float: left;
	margin: 6px 0 0 14px;
}
#topo .logo img{ width: 100%; }
#topo .menu-desktop{ 
	float: right;
	padding-right: 10px;
}
#topo .menu-desktop li{ 
	display: inline-block;
}
#topo .menu-desktop li a{ 
	display: inline-block;
	color: #2C130A;
	padding: 0 6px;
	font: 16px/65px yanone_kaffeesatzlight, arial, helvetica;
	text-decoration: none;
}
#topo ul li a:hover{ text-decoration: underline; }
.home #topo ul li a.lk-home,
.empresa #topo ul li a.lk-empresa,
.unidades #topo ul li a.lk-unidades,
.area-entrega #topo ul li a.lk-area,
.certificados #topo ul li a.lk-certificados,
.contato #topo ul li a.lk-contato{ font-family: yanone_kaffeesatzbold; }

.menu-mobile{
	margin-left:-100%;
	opacity:0;
	filter:alpha(opacity=0);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #0059B2;
	background: rgba(0,89,178, 0.95);
	z-index: 5;
}
/*-- NAV BUTTON --*/
.navmobileButton {
	background:none;
	width:48px;
	height:41px;
	margin:12px 10px 0 0;
	float:right;
	position:relative;
	z-index: 7;
	display:none;
	border:none;
}
.navmobileButton span{
    background-color: #0059B2;
	height:5px;
	display:block;
	margin-bottom:3px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.navmobileActive .navmobileButton span{
	background-color:#0059B2;
	-webkit-transform:rotate(45deg) translateY(6px) translateX(6px);
	-moz-transform:rotate(45deg) translateY(6px) translateX(6px);
	-ms-transform:rotate(45deg) translateY(6px) translateX(6px);
	transform:rotate(45deg) translateY(6px) translateX(6px);
}
.navmobileActive .navmobileButton span + span{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.navmobileActive .navmobileButton span + span + span{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	opacity:0;
}

.home #topo{ 
	background: url(../img/banner.jpg) no-repeat center center;
	padding-bottom: 80px;
}
.empresa #topo{ background: url(../img/banner-empresa.jpg) no-repeat center bottom; }
.unidades #topo{ background: url(../img/banner-unidades.jpg) no-repeat center bottom; }
.area-entrega #topo{ background: url(../img/banner-area-entrega.jpg) no-repeat center bottom; }
.certificados #topo{ background: url(../img/banner-certificados.jpg) no-repeat center bottom; }
.contato #topo{ background: url(../img/banner-contato.jpg) no-repeat center bottom; }

.tt-banner{
	color: #FFFFFF;
	padding: 15px 0 430px;
	font: 60px/120% bebas, arial, helvetica;
	text-transform: uppercase;
	display: none;
}
.home .tt-banner{ display: block; }

.box-rastreamento{
	width: 350px;
	background-color: #FFFFFF;
	overflow: hidden;
	color: #FFFFFF;
}
.box-rastreamento > div{
	width: 50%;
	padding: 0 20px;
	height: 120px;
	float: left;
	box-sizing: border-box;
}
.box-rastreamento .left{ background: url(../img/bg-rastreamento.jpg) repeat center; }
.box-rastreamento h3{ font: 27px/120% yanone_kaffeesatzbold, arial, helvetica; padding-top: 30px; }
.box-rastreamento p{ font: 14px/120% yanone_kaffeesatzlight, arial, helvetica;  }

/***rodape***/
#rodape{ 
	width: 100%; 
	height: 150px;
	background: url(../img/bg-rodape.jpg) repeat center;
	position: relative;
	background-size: cover;
}
#rodape h3{ 
	font: 28px/120% bebas, arial, helvetica;
	padding-top: 45px;
	color: #FFFFFF;
	float: left;
	text-transform: uppercase;
}
#rodape .lk-facebook{ 
	font: 21px/29px yanone_kaffeesatzbold, arial, helvetica;
	padding: 55px 0 0 25px;
	color: #FFFFFF;
	float: right;
	background: url(../img/ico-f.png) no-repeat 0 55px;
	text-decoration: none;
}
#rodape .lk-mude{ 
	position: absolute;
	bottom: 30px;
	right: 30px;
	color: #FFFFFF;
	font: 15px/120% arial, helvetica;
	text-decoration: none;
 }
 #rodape .lk-facebook:hover,
 #rodape .lk-mude:hover{ text-decoration: underline; }

/***conteudo***/
#conteudo .center{ padding: 40px 0 150px; overflow: hidden; }
#conteudo .tt-interno{ width: 100%; height: 40px; text-align: center; }
#conteudo h2{ 
	color: #0059B2;
	font: 40px/100% yanone_kaffeesatzbold, arial, helvetica;
	text-transform: uppercase;
}
#conteudo p{ 
	color: #000000;
	font: 15px/120% yanone_kaffeesatzlight, arial, helvetica;
}
#conteudo .left{
	width: 460px;
	float: left;
	text-align: right;
	padding-top: 40px;
}
#conteudo .right{
	width: 470px;
	float: right;
	padding-top: 40px;
}
#conteudo .right .img-conteudo-home{ max-width: 100%; }
.lk-padrao{
	width: 105px;
	height: 30px;
	background-color: #D33035;
	float: right;
	display: block;
	text-align: center;
	color: #FFFFFF;
	font: 20px/30px yanone_kaffeesatzbold, arial, helvetica;
	text-decoration: none;
	cursor: pointer;
}


.home #conteudo h2{ padding-top: 10px; font: 40px/120% bebas, arial, helvetica; }
.home #conteudo p{ padding: 30px 0; }

.empresa #conteudo p{ padding-bottom: 15px; }
.empresa #conteudo iframe{ width: 100%; }
#conteudo .right .img-empresa{ max-width: 100%; }

.unidades .img-unidades{ max-width: 100%; }
.unidades #conteudo .right ul li{ 
	position: relative;
	width: 170px;
	height: 115px;
	padding-left: 64px;
	float: left;
	color: #000000;
}
.unidades #conteudo .right ul li h3{ font: 18px/120% yanone_kaffeesatzbold, arial, helvetica; }
.unidades .icone{
	width: 54px;
	height: 60px;
	background: #C92025 url(../img/pin-unidades.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
}
.unidades .tt-parceiros{
	font: 24px/100% yanone_kaffeesatzbold, arial, helvetica;
	padding: 20px 0 40px;
}


#conteudo .right .img-regioes-atendidas{ max-width: 355px; }
.area-entrega #conteudo .left{ text-align: left; padding-left: 225px; box-sizing: border-box; }
.area-entrega #conteudo .left ul li{ 
	position: relative;
	padding-left:45px;
	margin-bottom: 15px;
	min-height: 31px;
}
.area-entrega #conteudo .left p{ font: 22px/31px yanone_kaffeesatzbold, arial, helvetica; }
.area-entrega #conteudo .left .icone{
	width: 25px;
	height: 31px;
	background: url(../img/pin-area.gif) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.area-entrega #conteudo .tt-interno{ height: 60px; }


.certificados #conteudo .left{ width: 100%; text-align: center; }
.certificados #conteudo .left ul{ 
	width: 290px;
	margin: 0 auto;
}
.certificados #conteudo .left ul li{ 
	width: 100%;
	position: relative;
	padding-left:55px;
	margin-top: 40px;
	height: 27px;
	box-sizing: border-box;
}
.certificados #conteudo .left ul li a{ text-decoration: none; }
.certificados #conteudo .left p{ text-align: center; line-height: 27px; }
.certificados #conteudo .left .icone{
	width: 31px;
	height: 27px;
	background: url(../img/ico-certificados.gif) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#frmContato{ max-width: 486px; }
.contato .img-mapa-contato{ max-width: 100%; }
.contato #conteudo .icone.ico-endereco{
	width: 25px;
	height: 31px;
	background: url(../img/pin-area.gif) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.contato #conteudo .icone.ico-fone{
	width: 25px;
	height: 25px;
	background: url(../img/ico-fone.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.contato #conteudo .icone.ico-email{
	width: 25px;
	height: 19px;
	background: url(../img/ico-email.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.contato #conteudo .right p{
	position: relative;
	padding: 0 0 25px 35px;
}
.contato #conteudo .right a{ color: #000000; text-decoration: none; }
.contato #conteudo .right a:hover{ text-decoration: underline; }

.contato #conteudo .right li{
	margin-bottom: 10px;
	position: relative;
}
.contato #conteudo .right input.campo-padrao{ 
	width: 100%;
	height: 25px;
	padding: 0 10px;
	font: 14px/25px yanone_kaffeesatzlight, arial, helvetica;
	border:1px solid #777777;
	color: #777777;
	box-sizing: border-box;
}
.contato #conteudo .right textarea.campo-padrao{ 
	width: 100%;
	height: 80px;
	padding: 10px;
	font: 14px/120% yanone_kaffeesatzlight, arial, helvetica;
	border:1px solid #777777;
	color: #777777;
	box-sizing: border-box;
}
.contato #conteudo .right .campo-padrao.erro{ border-color: #D33035; }
.contato #conteudo .right input.lk-padrao{ border:none; } 
.msg-padrao{
	font: 18px/120% yanone_kaffeesatzlight, arial, helvetica;
	color: #777777;
	padding-top: 20px;
}
.loader{
	position: absolute; 
	top: 2px;
	left: 20px;
	display: none;
}

/**login**/
.box-rastreamento .right li{
	width: 100%;
	margin-top: 10px;
}
.box-rastreamento .right input.campo-padrao{ 
	width: 100%;
	height: 25px;
	padding: 0 10px;
	font: 14px/25px yanone_kaffeesatzlight, arial, helvetica;
	border:1px solid #777777;
	color: #777777;
	box-sizing: border-box;
}
.box-rastreamento .right .campo-padrao.erro{ border-color: #D33035; }
.box-rastreamento .right input.lk-padrao{ 
	border:none;
	width: 100%;
}

/****RESPONSIVO****/
@media screen and (max-width: 999px) {
	.center{ 
		width: 90%;
		margin: 0 auto;
	}
	#conteudo .left{
		width: 45%;
		box-sizing: border-box;
	}
	#conteudo .right{
		width: 50%;
		box-sizing: border-box;
	}
	.area-entrega #conteudo .left{ width: 35%; padding-left: 30px; }
	.area-entrega #conteudo .right{ width: 65%; }
	.unidades .tt-parceiros{ clear: both; }

}

/****RESPONSIVO****/
@media screen and (max-width: 745px) {
	.tt-banner{ font-size: 35px; }
	#pagina #topo{ background-size: cover; padding-bottom: 150px; }
	.home #conteudo .tt-interno{ display: none; }
	#conteudo .center{ padding-bottom: 40px; }
	#conteudo p{ font-size: 16px; }
	#conteudo .left{ width: 100%; text-align: center; }
	#conteudo .left{ width: 100%; text-align: center; }
	#conteudo .right{ width: 100%; clear: both; }

	#conteudo .lk-padrao{ float: none; margin: 0 auto; }

	#rodape h3{
		max-width: 150px;
		font-size: 20px;
		padding-top: 30px;
	}
	#rodape .lk-facebook{ font-size: 19px;	 }

	.certificados #conteudo .left{ padding-top: 0; }
	.area-entrega #conteudo .left{ width: 200px; }
	.area-entrega #conteudo .right{ width: 100%; }
	#conteudo .right .img-regioes-atendidas{ max-width: 100%; }

	.navmobileButton{ display: block; }
	.menu-desktop{
		display: none;
	}
	.menu-mobile ul{ padding: 210px 20px 0; }
	.menu-mobile ul li{ padding-bottom: 20px; }
	.menu-mobile a{
		color:#FFFFFF;
		font: 26px/120% yanone_kaffeesatzlight, arial, helvetica;
		text-decoration: none;
		text-align: center;
		display: block;
	}
	
}

@media screen and (max-width: 400px) {
	#topo .logo{ width: 200px; }
	.box-rastreamento{ width: 288px; }
	.box-rastreamento h3{ font-size: 22px; }
}

@media screen and (min-width: 1250px) {
	.center{ 
		max-width: 1400px;
		width: 90%;
		margin: 0 auto;
	}
	#conteudo .left{
		width: 45%;
		box-sizing: border-box;
	}
	#conteudo .right{
		width: 50%;
		box-sizing: border-box;
	}
	.unidades .tt-parceiros{ clear: both; }
	#conteudo .right .img-regioes-atendidas{ max-width: 559px; }
	.area-entrega #conteudo .left .icone{ 
		width: 39px;
		height: 49px;
		background: url(../img/pin-area-g.png) no-repeat; 
	}
	.area-entrega #conteudo .left ul li{ padding-left: 70px; }
	.area-entrega #conteudo .left p{ font-size: 26px; line-height: 49px; }
	.certificados #conteudo .left ul{ width: 500px; }
	.certificados #conteudo .left p{ font-size: 24px; }
}

@media screen and (min-width: 1600px) {
	.center{ 
		max-width: 1573px;
		width: 90%;
		margin: 0 auto;		
	}
	#conteudo .center{ padding-top: 80px; }
	#conteudo .left,
	#conteudo .right{ padding-top: 90px; }
	#topo{ padding: 107px 0 94px; }
	#topo .logo{
		width: 418px;
	}
	#topo .menu{
		height: 114px;
	}
	#topo .menu-desktop li a{
		font-size: 24px;
		line-height: 114px;
		padding: 0 15px;
	}
	.box-rastreamento{
		width: 502px;
	}
	.box-rastreamento > div{
		height: 203px;
		padding: 0 30px;
	}
	.box-rastreamento h3{ 
		padding-top: 56px;
		font-size: 40px;
	}
	.box-rastreamento p{ 
		padding-top: 5px;
		font-size: 18px;
	}
	.box-rastreamento .right ul{ margin-top: 10px; }
	.box-rastreamento .right li{ margin-top: 20px; }
	.box-rastreamento .right input.campo-padrao{
		height: 32px;
		line-height: 32px;
		font-size: 20px;
	}
	.box-rastreamento .right input.lk-padrao{
		height: 45px;
		line-height: 45px;
	}

	.home #topo{ padding-bottom: 200px; }
	.home #conteudo h2{ font-size: 50px; }
	.home #conteudo p{ font-size: 20px; }
	.lk-padrao{
		height: 45px;
		line-height: 45px;
	}

	#rodape{ height: 260px; }
	#rodape h3{ font-size: 36px; padding-top:93px; }
	#rodape .lk-facebook{ 
		padding: 104px 0 15px 55px; 
		font-size: 36px;
		background: url(../img/ico-f-grande.png) no-repeat 0 95px;
	}

	#conteudo h2{ font-size: 50px; }
	#conteudo p{ font-size: 23px; }
	.empresa #conteudo p{ font-size: 23px; text-align: justify; }
	.empresa #conteudo iframe{
		width: 720px;
		height: 414px;
	}

	.unidades #conteudo .right ul li{ 
		width: 240px;
		height: 175px;
		padding-left: 100px;
	}
	.unidades #conteudo .right ul li h3{ font-size: 30px; }
	.unidades .icone{
		width: 82px;
		height: 91px;
		background: #C92025 url(../img/pin-unidades.png) no-repeat center;
	}
	.unidades .tt-parceiros{
		font-size: 50px;
		padding: 20px 0 40px;
	}

	.area-entrega #conteudo .left{ padding-top: 150px; }

	.contato #conteudo .right input.campo-padrao{
		height: 32px;
		line-height: 32px;
		font-size: 20px;
		color: #777777;
	}
	.contato #conteudo .right textarea.campo-padrao{
		height: 130px;
		font-size: 20px;
		color: #777777;
	}

}