/*
Theme Name: Estaki
Theme URI: www.estaki.com.br
Description: Tema desenvolvido para a Estaki Estacionamentos - 3/2015.
Version: 1
Author: Mairus Webber
Author URI: http://mairus.com.br
Tags: estaki, estacionamento
Text Domain: estaki

	Estaki v1
	 http://plutaodesign.com.br

	Este tema foi desenvolvido por Mairus Webber, cujo site mora em http://www.mairus.com

*/



/* Begin Typography & Colors */
body {
	background: #464646;
	font-family: 'Hind', trebuchet ms, sans-serif, helvetica, arial;
	color: #404040;
	margin: 0px;
	font-size: 18px;
}
img {
	border: 0px;
}
.clearboth {
	clear: both;
}
.tudo {
	max-width: 1003px;
	margin: 0px auto;
	background: #abaeae;
}
.header {
	max-width: 1003px;
	height: 102px;
	background: url('imagens/logo-bg-header.gif');
}
.sociais {
	float: right;
	padding: 35px 80px 0px 0px;
}
.sociais img {
	margin-left: 10px;
}
@media (max-width:489px) {
	.header {
		background: url('imagens/logo-bg-header.gif') -40px 0px;
	}
	.sociais {
		padding: 8px 30px 0px 0px;
		width: 34px;
	}
	.sociais img {
		margin-top: 8px;
	}
}
.box-carrossel {
	max-width: 920px;
	height: 430px;
	background: url('imagens/bg-carrossel.jpg');
	padding: 40px 83px 0px 83px;
}
.bgcarousel {
	max-width: 832px;
	border: 4px solid #fff;
}
@media (max-width:768px) {
	.box-carrossel {
		max-width: 920px;
		height: 289px;
		background: url('imagens/bg-carrossel.jpg');
		padding: 40px 40px 0px 40px;
	}
	.bgcarousel {
		max-width: 832px;
		border: 4px solid #fff;
	}
}
/* ############## menu ############## */
.menu {
	max-width: 1003px;
	min-height: 113px;
	text-align: center;
}
.menu-centerer {
	max-width: 603px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.menu-i {
	float: left;
	width: 10px;
	height: 113px;
	background: url('imagens/menu-i.gif');
}
.menu-estaki {
	float: left;
	width: 201px;
	height: 113px;
	background: url('imagens/menu-estaki-off.gif');
}
.menu-estaki:hover {
	background: url('imagens/menu-estaki-on.gif');
}
.menu-convenios {
	float: left;
	width: 95px;
	height: 113px;
	background: url('imagens/menu-convenios-off.gif');
}
.menu-convenios:hover {
	background: url('imagens/menu-convenios-on.gif');
}
.menu-onde {
	float: left;
	width: 125px;
	height: 113px;
	background: url('imagens/menu-onde-off.gif');
}
.menu-onde:hover {
	background: url('imagens/menu-onde-on.gif');
}
.menu-fale {
	float: left;
	width: 152px;
	height: 113px;
	background: url('imagens/menu-fale-off.gif');
}
.menu-fale:hover {
	background: url('imagens/menu-fale-on.gif');
}
body.home div.menu-estaki {
	background: url('imagens/menu-estaki-active.gif');
}
body.page-id-23 div.menu-convenios {
	background: url('imagens/menu-convenios-active.gif');
}
body.page-id-25 div.menu-onde {
	background: url('imagens/menu-onde-active.gif');
}
body.page-id-27 div.menu-fale {
	background: url('imagens/menu-fale-active.gif');
}
@media (max-width:620px) {
	.menu {
		min-height: 58px;
		text-align: center;
	}
	.menu-centerer {
		max-width: 320px;
	}
	.menu-centerer a div {
		margin: 0px 1px 0px 1px;
	}
	.menu-i {
		width: 5px;
		height: 58px;
		background-size: 5px 58px;
	}
	.menu-estaki, 
	.menu-estaki:hover, 
	body.home div.menu-estaki {
		width: 103px;
		height: 58px;
		background-size: 103px 58px;
	}
	.menu-convenios, 
	.menu-convenios:hover, 
	body.page-id-23 div.menu-convenios {
		width: 49px;
		height: 58px;
		background-size: 49px 58px;
	}
	.menu-onde, 
	.menu-onde:hover, 
	body.page-id-25 div.menu-onde {
		width: 64px;
		height: 58px;
		background-size: 64px 58px;
	}
	.menu-fale, 
	.menu-fale:hover, 
	body.page-id-25 div.menu-fale {
		width: 78px;
		height: 58px;
		background-size: 78px 58px;
	}
}
/* ############## conteudo ############## */
.box-conteudo {
	max-width: 1003px;
	background: url('imagens/bg-yd.gif');
	padding: 32px 0px 32px 0px;
}
.conteudo {
	max-width: 1003px;
	background: url('imagens/bg-yl.gif') 9px 0px;
	padding: 39px 145px 39px 145px;
	margin-bottom: 16px;
}
@media (max-width:768px) {
	.conteudo {
		background: url('imagens/bg-yl.gif') 9px 0px;
		padding: 39px 40px 39px 40px;
		margin-bottom: 16px;
	}
}
p {
	font-weight: 300;
	margin: 0px 0px 20px 0px;
}
p.tit {
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
}
.formmail {
	float: left;
	width: 260px;
}
.endereco {
	float: left;
	border-left: 1px solid #000;
	margin-left: 40px;
	padding: 30px 20px 30px 20px;
	width: 200px;
}
p.tit-endereco {
	font-weight: 700;
	font-size: 24px;
}
.box-fique-ligado {
	float: left;
	max-width: 489px;
}
.box-clube-estaki {
	float: right;
	max-width: 489px;
}
.titbox-fique-ligado {
	width: 100%;
	height: 112px;
	background: url('imagens/titbox-fique-ligado.gif');
}
.titbox-clube-estaki {
	width: 100%;
	height: 112px;
	background: url('imagens/titbox-clube-estaki.gif');
}
@media (max-width:386px) {
	.titbox-fique-ligado {
		width: 100%;
		height: 96px;
		background: url('imagens/titbox-fique-ligado.gif');
		background-size: 418px 96px;
	}
	.titbox-clube-estaki {
		width: 100%;
		height: 96px;
		background: url('imagens/titbox-clube-estaki.gif');
		background-size: 418px 96px;
	}
}
.cont-box-fique-ligado,
.cont-box-clube-estaki {
	background: url('imagens/bg-yl.gif') 9px 0px;
	margin-bottom: 20px;
}
.box-fique-ligado p{
	padding: 3px 20px 4px 20px;
	font-size: 15px;
	line-height: 18px;
}
.box-clube-estaki p {
	padding: 3px 20px 10px 20px;
	font-size: 15px;
	line-height: 18px;
}
p.faixa-box-capa {
	background: #abaeae;
	color: #fff;
	font-weight: 700;
	margin: 0px 0px 3px 0px;
	padding: 7px 20px 3px 20px;
	font-size: 20px;
}
p.foot-box-capa {
	background: #abaeae;
	color: #fff;
	font-weight: 500;
	margin: 0px 0px 3px 0px;
	padding: 19px 20px 15px 20px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
}
p.box-pontos, 
p.box-premio {
	background: #abaeae;
	color: #fff;
	font-weight: 700;
	margin: 0px 0px 28px 0px;
	padding: 7px 20px 3px 20px;
	font-size: 20px;
}
p.box-pontos {
	float: left;
	width: 110px;
}
p.box-premio {
	float: right;
	width: 295px;
}
@media (max-width:489px) {
	p.box-pontos {
		margin: 0px 0px 10px 0px;
	}
	p.box-premio {
		font-weight: 500;
	}
}
@media (max-width:400px) {
	p.box-premio {
	width: 200px;
	}
}
.footer {
	background: #abaeae;
	color: #fff;
	padding: 30px 20px 25px 20px;
	font-weight: 500;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
}