﻿body {
background-color:#444;
margin: 0px 0px 0px 0px;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color:#000;
}


#tudo {
background: #fff;
text-align:left;
width:99%;
margin:0 auto;			
padding:0px 0 20px 0;
border-top:2px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
box-shadow:0 0 27px #000;
}

@media (min-width: 998px) {#tudo{width:998px;}}

h1 {font-size:13pt; font-weight:bold; text-align:left; margin:10px 0px 20px 0px;}
h2 {font-size:12pt; font-weight:bold; text-align:left; margin:10px 0px 20px 0px;}
p {text-align:justify;}
p.center {text-align:center;}
span {font-weight:bold;}

div.clear {clear:both;}

/* ========== TOPO ========== */

header {
background:url('../images/fundo_top.png') no-repeat 0px 0 #444;
width:100%;
height:180px;
}

img#logo {
position:relative;
width:410px;
height:142px;
margin:14px 0 0 8px;
border:none;
float:left;
}

@media (max-width: 997px) {img#logo{max-width:410px;max-height:142px;width:96%;height:auto;margin-left:2%;}}

@media (max-width: 668px) {
	header {background-image:none;height:auto;}
	img#logo{float:none;width:380px;height:auto;left:50%;margin:1em 0 0 -190px;}
}

@media (max-width: 419px) {
	img#logo{float:none;width:94%;height:auto;left:50%;margin:1em 0 0 -47%;}
}


p#uberlandia {
color:#ffffa1;
text-align:center;
line-height:32px;
margin:56px 12px 0 0;
float:right;
}

span#em_uber {
color:#cf1f190;
font-size:15pt;
letter-spacing:1px;
font-style:italic;
font-weight:inherit;
}

span#rua {font-weight:normal;}

@media (max-width: 860px){
	p#uberlandia{width:220px;line-height:18px;margin-top:49px;}
	span#em_uber{letter-spacing:0px;line-height:36px;}

}

@media (max-width: 668px){
	p#uberlandia{float:none;font-size:0.9em;width:auto;line-height:18px;margin:0.2em 2% 0px 2%;padding:0px 0px 5px 0px;}
	span#em_uber{font-size:1.3em;letter-spacing:0px;line-height:36px;}
	span#rua {display:none;}
}


/* ========== MENU ========== */

nav {
width:239px;
margin:0px 0 0 10px;
font:bold 12px Verdana;
color:white;
margin-top:18px;
float:left;
}

nav ul {
list-style-type: none;
margin:0;
padding:0;
}

nav ul li {
padding-bottom:20px; /*Espaço entre os botões*/
}

nav ul li a {
background:#000;
display:block;
color:white;
text-align:center;
text-decoration:none;
padding:19px 0;
border-radius:12px;
}

nav ul li a:hover {
background-color:#777;
text-shadow:0px 0px 2px #999;
}

@media (max-width: 997px) {
	nav {
		width:25%;
		max-width:239px;
		margin:0px 0 0 1%;
		font:bold 12px Verdana;
		color:white;
		margin-top:10px;
		float:left;
	}
}

@media only screen and (min-width: 811px) {li.mobile {display:none;}}

@media only screen and (max-width: 810px) {
	nav ul li {padding-bottom:6px; /*Espaço entre os botões*/ }

	nav ul li a {
		background:#000;
		display:block;
		color:white;
		text-align:center;
		text-decoration:none;
		padding:14px 4px;
	}
}

@media only screen and (max-width: 778px) {
	nav {
		background-color:#fff;
		width:30%;
		max-width:239px;
		margin:0px 0 0 1%;
		font:bold 12px Verdana;
		color:white;
		margin-top:10px;
		float:left;
	}

	nav ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}


}

@media only screen and (max-width: 258px) {
	nav ul li a {
		background:#000;
		display:block;
		color:white;
		font-size:0.8em;
		text-align:center;
		text-decoration:none;
		padding:14px 1px;
	}
}



/* ========== CONTEÚDO ========== */

div#autorizada {
position:relative;
width:98%;
left:50%;
margin:10px 0 0 -49%;
padding:5px 0px 5px 0px;
border-top:#d1d1d1 1px solid;
border-bottom:#d1d1d1 1px solid;
}

p#autorizada_tx {
text-align:center;
font-weight:bold;
letter-spacing:2px;
margin:14px 0 14px 0;
}

p#p-logos {
line-height:54px;
margin:18px 0 0px 0;
}

#sestini, #santino, #luxcel, #primicia, #batiki {
margin:0 24px 0 24px;
}

#gladiador, #cruzeiro, #gol, #azul, #passaredo, #xeryus {
margin:0 16px 0 16px;
}

img#sestini {
width:113px;
height:57px;
}

img#santino {
width:102px;
height:66px;
margin-bottom:-4px;
}

img#luxcel {
width:103px;
height:52px;
}

img#primicia {
width:126px;
height:34px;
margin-bottom:7px;
}

img#moovi {
width:113px;
height:32px;
margin-bottom:12px;
}

img#batiki {
width:102px;
height:25px;
margin-bottom:9px;
}

img#gladiador {
width:94px;
height:56px;
margin-left:0px;
}

img#cruzeiro {
width:120px;
height:36px;
margin:0 12px 2px 6px;
}

img#gol {
width:81px;
height:54px;

}

img#azul {
width:128px;
height:35px;
margin-bottom:8px;
}

img#passaredo {
width:144px;
height:57px;
}

@media (min-width: 998px) {img#passaredo{margin-right:-15px;}}

img#xeryus {
width:100px;
height:54px;
}

img#tonin {
width:115px;
height:31px;
margin-bottom:1px;
}

@media (max-width: 698px){
	#sestini, #santino, #luxcel, #primicia, #moovi, #batiki,#gladiador, #cruzeiro, #gol, #azul, #passaredo, #xeryus, #tonin {
		margin:0 0.3em 0 0.3em;
	}
	img#sestini {width:67px;height:34px;}
	img#santino {width:61px;height:40px;margin-bottom:-4px;}
	img#luxcel {width:70px;height:31px;}
	img#primicia {width:76px;height:21px;margin-bottom:7px;}
	img#moovi {width:68px;height:19px;margin-bottom:12px;}
	img#batiki {width:61px;height:15px;margin-bottom:9px;}
	img#gladiador {width:56px;height:33px;}
	img#cruzeiro {width:72px;height:22px;}
	img#gol {width:49px;height:33px;}
	img#azul {width:77px;height:21px;margin-bottom:8px;}
	img#passaredo {width:86px;height:34px;}
	img#xeryus {width:60px;height:32px;}
	img#tonin {width:69px;height:19px;margin-bottom:1px;}
}

/* Cartões */

div#cartoes {
	position:relative;
	width:600px;
	left:50%;
	margin:3em 0 2em -300px;
}



p#cartoes_tl {
	text-align:center;
	font-size:12pt;
	font-weight:bold;
}

img.cartao {padding:1em;}
img.visa {width:80px;}
img.mastercard {width:80px;}
img.elo {width:60px;}
img.hipercard {width:100px;}
img.american-express {width:65px;}


@media (max-width: 668px) {
	div#cartoes{width:96%;left:0%;margin:3em 0 2em 0;}
	img.cartao {padding:0.2em;}
	img.visa {width:60px;}
	img.mastercard {width:60px;}
	img.elo {width:45px;}
	img.hipercard {width:80px;}
	img.american-express {width:50px;}
}

@media (max-width: 399px) {
	div#cartoes{width:94%;margin:20px 0% 0 3%;}
}


/* ========== LATERAL ========== */

p#endereco_tl {
text-align:center;
font-size:14px;
font-weight:bold;
line-height:19px;
letter-spacing:1px;
margin-top:6px;
}

p#endereco_tx {
text-align:center;
font-size:13px;
line-height:19px;
margin-top:4px;
}

span#galeria {
color:#555;
font-weight:bold;
}

/* ========== RODAPÉ ========== */

footer {
background: #000;
width:100%;
max-width:998px;
margin-bottom:-20px;			
height:30px;
border-bottom:2px solid #444;
}

p#rodape_tx {
color:#999;
font-size:10pt;
text-align:center;
margin:0px;
padding-top:6px;
}

a.lk_rdp:link, a.lk_rdp:visited {
color: #999;
}

a.lk_rdp:hover, a.lk_rdp:active {
color: #d1d1d1;
}