p {
	font-family: sans-serif;
	color: #333333;
	text-align: left;
	font-size: x-large;
}

.conferir{
	margin-left: 15%;
}

h1{
	border-bottom: 2px solid #333333;
	font-size: 300%;
}

input {
	width: 200px;
	height: 50px;
	margin-left:40%;
	margin-right:40%;
	margin-top: 7%;
}

.bconferir{
	margin-top: -60px;
	margin-left: 770px;
}

.vermelho{
	width: 1064px;
	height: 138px;
	margin-left: -20%;
}

.azul{
	width: 1058px;
	height: 148px;
	margin-left: -20%;
}

.amarelo{
	width: 1056px;
	height: 148px;
	margin-left: -20%;
}

/* Ajuda - abre uma caixa com mensagem */

.ajuda{
	margin-left: 70%;
	margin-top: 0px;
}

figure{
	margin-top: 5%;
	margin-left: 20%;

}

img:hover + span{display:block;}

span{
	display:none; 
	position:absolute; 
	top:75%; 
	left:30%; 
	padding:7px; 
	background:#0072c6; 
	color:#ffffff; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	z-index:500; 
	width:1000px; 
	text-align:center;
}

/* Fim ajuda */

.botoes{
	margin-left:15%;
	margin-right:0px;
}

iframe{
	width: 1200px;
	height: 200px;
	margin-top: 10%;
}

/* Posicionamento e interação com a régua - Sprite */

.numeros {
position:relative; 
float:left; 
height:167px; 
width:3500px; 
margin-left:10px; 
margin-top: 100px;
background:url(amarelo.gif) no-repeat left top;}

.numeros li{
	list-style:none; 
	position:absolute;
}

.numeros li a{
display:block; 
height:100%; 
text-indent:-999px;
}

#y7 {
	background:url("amarelo.gif") no-repeat scroll 0 0 transparent;
	position: relative;
	width: 80px;
	height: 21px;
	left: 0px;
}

.numeros li a:hover, :target{background:url(amarelo.gif) no-repeat;}

li#y7 a:hover, #y7:target{background-position:0px -100px;}

/* Fim dos sprites */

li {
	color: #333333;
	font-family: sans-serif;
	font-size: large;
	margin-left: 80px;
	margin-top: -100px;
}

h2 {
	color: #333333;
	font-family: sans-serif;
	font-size: 35px;

}

.select{
	width: 2%;
	height: 2%;
	margin-left: 10px;
}