#alto_tras{
	background-color: black;
	z-index: 1;
	width: 100%; /*100%*/
	position: absolute;
	top: 0px;
	left: 0px;
	height: 206px;
}

#alto_frente{
	background-color: transparent;
	z-index: 2;
	color: yellow;
	width: 944px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -472px;
	font-family: 'Orbitron';
	font-size: 116pt;
	height: 206px;
	cursor: default;
	white-space: nowrap; /*http://www.w3schools.com/cssref/pr_text_white-space.asp*/
}

#alto_frente img{
	width: 0px;
	height: 206px;
	vertical-align: middle;
}

body{
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	background-image: url('pics/auto-383897.jpg');
	/*background-size: 100%;*/ /*css3, OK, but smartphones*/
	background-repeat: no-repeat;
	background-position: center 206px;
	background-color: black;
}

/*medio_tras @ rem.css*/


#medio_menu{
	background-color: transparent;
	z-index: 2;
	color: yellow;
	width: 944px;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -472px;
	font-family: 'Oswald';
	font-size: 35pt;
	height: 89px;
	top: 206px;
	padding-left: 32px;
	padding-top: 17px;
	white-space: nowrap; /*http://www.w3schools.com/cssref/pr_text_white-space.asp*/
}

#medio_miolo_tras{
	background-color: black;
	z-index: 2;
	width: 944px;
	position: absolute;
	left: 50%;
	margin-left: -472px;
	height: 924px; /*872px;*/
	top: 310px;
	filter:alpha(opacity=44);
	-moz-opacity: 0.44;
	opacity: 0.44;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#medio_miolo_frente{
	background-color: transparent;
	z-index: 3;
	color: white;
	font-family: 'Oswald';
	font-size: 20pt;
	width: 879px;
	position: absolute;
	left: 50%;
	margin-left: -472px;
	height: 924px; /*872px;*/
	top: 310px;
	padding: 32px;
	padding-top: 0;
}

/*
#medio_miolo_frente .amarelo{
	color: yellow;
}
*/

.amarelo{
	color: yellow;
}

.branco{
	color: white;
}

#medio_miolo_frente h1{
	font-size: 30pt;
	margin-bottom: -24px;
}

#medio_miolo_frente h2{
	font-size: 25pt;
	margin-bottom: -16px;
	margin-top: 26px;
}

#medio_miolo_frente a:link, #medio_miolo_frente a:visited{
	border-bottom: solid white 3px;
	color: white;
	text-decoration: none;
}

#medio_miolo_frente a:hover{
	color: yellow;
	border-bottom: none;
	margin-bottom: 3px;
}

.telinfo{
	border-bottom: dashed transparent 3px;
	margin-bottom: 3px;
	cursor: help;	
}

.item_menu{
	border: 0.062in solid yellow;
	padding-left: 22px;
	padding-right: 22px;
	margin-left: 106px;
	text-transform: uppercase;
}

.item_menu_aberto{
	border: 0.062in solid white;
	padding-left: 22px;
	padding-right: 22px;
	margin-left: 106px;
	text-transform: uppercase;
	color: white;
	cursor: default;
}

#medio_menu a:link, #medio_menu a:visited{
	text-decoration: none;
	color: yellow;
}

#medio_menu a:hover{
	border-color: white;
	color: white;
	/*
	background-color: yellow;
	color: black;
	border-color: black;
	*/
}

#medio_destaque{
	background-color: transparent;
	z-index: 2;
	color: white;
	width: 944px;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -472px;
	font-family: 'Oswald';
	font-size: 35pt;
	height: 89px;
	top: 1182px;
	padding-left: 32px;
	padding-top: 17px;
}


#baixo_tras{
	background-color: black;
	z-index: 1;
	width: 100%;
	position: absolute;
	top: 1286px;
	left: 0px;
	height: 206px;
}

#baixo_frente{
	background-color: transparent;
	z-index: 2;
	color: yellow;
	width: 944px;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -472px;
	font-family: 'Oswald';
	font-size: 26pt;
	top: 1286px;
	height: 189px;
	padding-left: 34px;
	padding-top: 17px;
	white-space: nowrap; /*http://www.w3schools.com/cssref/pr_text_white-space.asp*/
}

.item_submenu{
	border: 0.044in solid yellow;
	padding-left: 13px;
	padding-right: 13px;
	margin-right: 71px;
	text-transform: uppercase;
}

.item_submenu_aberto{
	border: 0.044in solid white;
	padding-left: 13px;
	padding-right: 13px;
	margin-right: 71px;
	text-transform: uppercase;
	color: black;
	background-color: white;
	cursor: default;
}

#baixo_frente a:link, #baixo_frente a:visited{
	text-decoration: none;
	color: yellow;
}

#baixo_frente a:hover{
	border-color: yellow;
	color: black;
	background-color: yellow;
}

#baixo_frente span{
	
}

.item_submenu_safenight{
	border: 0.044in solid red;
	padding-left: 13px;
	padding-right: 13px;
	margin-right: 0;
	text-transform: uppercase;
}

#baixo_frente span a:link, #baixo_frente span a:visited{
	text-decoration: none;
	color: white;
}

#baixo_frente span a:hover{
	border-color: white;
	color: white;
	background-color: red;
}

#baixo_notas{
	background-color: transparent;
	z-index: 2;
	width: 944px;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -472px;
	font-family: 'Oswald';
	top: 1360px;
/*	height: 189px;	*/
	padding-left: 34px;
	padding-top: 17px;
/*	margin-top: 16px;	*/
	color: #808080;
	font-size: 23pt;
	white-space: nowrap; /*http://www.w3schools.com/cssref/pr_text_white-space.asp*/
}

#baixo_notas a{
	text-decoration: none;
	color: silver;
	background-color: transparent;
}

#baixo_notas a:hover{
	color: white;
	background-color: transparent;
}

.a_direita{
	text-align: right;
}

.imagem_no_meio{
	margin-top: -13px;
	margin-right: 5px;
}

#minimo{
	border: 3px solid white;
	padding: 6px;
	width: 50%;
	text-align: center;
	font-size: 22pt;
}

.campo{
	border: solid white 3px;
	font-family: 'Oswald';
	font-size: 20pt;
	background-color: transparent;
	color: white;
	padding: 5px;
}

#contato_persiste input, #documento_persiste input{
	width: 500px;
	margin-bottom: 9px;
}

#contato_persiste textarea{
	width: 500px;
	height: 250px;
	margin-bottom: 9px;
	resize: none;
	overflow: hidden;
}

#contato_persiste button, #documento_persiste button{
	width: 516px;
	color: white;
	cursor: pointer;
}

#contato_persiste button:hover, #documento_persiste button:hover{
	width: 516px;
	color: yellow;
	cursor: pointer;
	border-color: yellow;
}

/*Retirado do projeto pergunteaoigor.com.br*/

::-webkit-input-placeholder {
   color: gainsboro;
}

:-moz-placeholder { /* Firefox 18- */
   color: gainsboro;  
}

-moz-placeholder {  /* Firefox 19+ */
   color: gainsboro;  
}

:-ms-input-placeholder {  
   color: gainsboro;  
}

/*Retirado do projeto sitesetal.com*/

input[type="radio"]{
	display: none;
}

input[type="radio"] + label span{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	margin-left: 32px; /*32px;*/
	/*
	margin-top: -4px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	*/
	vertical-align: middle;
	background-color: transparent;
	cursor: pointer;
	border: 3px solid white;
}

/*
input[type="radio"]:hover + label span{
	border-color: yellow;
}
*/

input[type="radio"]:checked + label span{
	background-color: white;
	cursor: pointer;
	border: 3px solid white;
}
			
label{
	cursor: pointer;
}

/*
label:hover{
	color: yellow;
}
*/

#souum, #solicitar{
	margin-bottom: 9px;
	margin-left: 8px; /*8px;*/
}

.informe_maior{
	float: right;
	position: absolute;
	width: 295px;
	height: 493px;
	background-color: white;
	clear: none;
	margin-left: 549px;
	filter:alpha(opacity=62);
	-moz-opacity: 0.62;
	opacity: 0.62;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-left: 16px;
	padding-right: 16px;
	color: black;
	border-top: 16px white solid;
}

.informe_menor{
	float: right;
	position: absolute;
	width: 295px;
	height: 322px;
	background-color: white;
	clear: none;
	margin-left: 549px;
	filter:alpha(opacity=62);
	-moz-opacity: 0.62;
	opacity: 0.62;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-left: 16px;
	padding-right: 16px;
	color: black;
	border-top: 16px white solid;
}

.destaques_inicial{
	text-align: center;
}

.destaques_inicial img{
	cursor: pointer;
}

#destaque{
	color: white;
	text-align: center;
}

/* https://stackoverflow.com/questions/8738072/forcing-web-site-to-show-in-landscape-mode-only */
#warning-message{
	display: none;
}

@media only screen and (orientation:portrait){
	#wrapper{
		display: none;
	}
	#warning-message{
		display: block;
		
		background-color: black; /*white*/
		color: white; /*black*/

		z-index: 0;
		margin-top: 1493px;
		width: 944px;
		height: 224px;
		padding: 26px;
		font-size: 300%;
		text-align: center;
		font-family: 'Oswald';

	}
	
	#warning-message img{
		margin-top: 24px;
	}
}

@media only screen and (orientation:landscape){
        #warning-message{
			display: none;
		}
}