@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'helvneuboldcond';
    src: url('../fontes/helvneuboldcond.eot');
    src: url('../fontes/helvneuboldcond.eot?#iefix') format('embedded-opentype'),
         url('../fontes/helvneuboldcond.woff') format('woff'),
         url('../fontes/helvneuboldcond.ttf') format('truetype'),
         url('../fontes/helvneuboldcond.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { 
	position:relative;
	height:100%;
	background:url(../../imagens/nova/bgEscolha.gif) no-repeat bottom center #a7a7a7;
	background-size:contain;
	box-shadow:0 0 150px 33px rgba(0,0,0,0.3) inset}
body { position:relative; height:50%; font-family: Helvetica, Arial, sans-serif; text-shadow:0 1px 1px rgba(0, 0, 0, 0.1)}

#corpo { 
	position:absolute;
	bottom:-40px;
	left:0;
	width:100%;
	height:55px;
	background:#ddd;
	box-shadow:0 -39px 18px -13px rgba(0, 0, 0, 0.1) inset, 0 -85px 14px -40px #CCCCCC inset, 0 1px 2px 0 rgba(0, 0, 0, 0.5);
	text-align:center }

header { margin-top:-210px}
header h1 { width:358px; height:200px; margin:0 auto 10px auto; background:url(../../imagens/nova/LogoSimGrande.png);text-indent:-9999em; overflow:hidden} 
header p { margin:10px 0 17px 0; font-size:14px; letter-spacing:1px; text-transform:uppercase}

.escolhaCidade { display:inline-block; }

.escolhaCidade h2 { font-size:1.9em; line-height:28px; font-family:helvneuboldcond; font-weight:400; color:#444; text-transform:uppercase; text-shadow:1px 1px 1px #eee }
#navCidades a { font-size:1em; font-weight:400; font-family:helvneuboldcond; color:#fff } 

.escolhaCidade h2 { height:40px; margin:0; padding-top:15px	}

#navCidades {	
	margin: 20px 0 0 0;
	padding:0;
	width:370px
	}
#navCidades li { float:left; width:185px; height:28px; list-style:none;}
#navCidades a {
	display:block;
	padding:2px 6px;
	text-decoration:none;
	text-align:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	border:1px solid rgba(0,0,0,0)}
#navCidades li:nth-child(even) a { text-align:right}

#navCidades a:hover { 
	background:#797979;
	box-shadow:
		0 -16px 0 -2px #111 inset,
		0 -37px 10px -16px rgba(0, 0, 0, 0.5) inset,
		0 0 2px 0 rgba(0, 0, 0, 0.4);
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.4)
	
}



/************************************************************************* Mobile */

@media only screen and (min-device-width : 320px) and (max-device-width : 569px)  {	
	html { min-height:450px; background-image:none}
	body { height:auto }	
	
	#corpo { bottom:auto; background:none; box-shadow:none; height:auto }
	header { margin-top:15px}
	header h1 { background-size:contain; background-repeat:no-repeat; width:210px; height:120px}
	header p { font-size:11px; letter-spacing:0}
	.escolhaCidade { width:100%; margin-bottom:10px}
	
	.escolhaCidade h2 {
		height:40px;
		width:100%;
		font-size:20px;
		line-height:38px;
		letter-spacing:normal;
		padding-top:0;
		background:#ddd;
		box-shadow:0 -39px 18px -13px rgba(0, 0, 0, 0.1) inset, 0 -85px 14px -40px #CCCCCC inset, 0 1px 2px 0 rgba(0, 0, 0, 0.5);
		}
	#navCidades { width:100%}
	#navCidades li { width:50%}
	#navCidades a {
		font-size:13px;
		padding:5px 15px 7px 10px;}
	
}