

/* ===== Primary Styles ========================================================
   Author: Rubens Castro @ atua.ag
   ========================================================================== */

body {
  background:url(../img/bg-matriculese.jpg) center 30px repeat-x #00755D;
}

.matriculese a {
	color:#FFCC00 !important;
	text-decoration: none;
}

.matriculese a:hover {
	text-decoration: underline;
}

.bg-m {
	margin-top:170px;
	background:#00ADBB;
}

.menu li {
	text-shadow:2px 2px 2px #502220 !important;
}

.verde {
	background:#14A647 !important;
}

h1 {
	font-family: "KG";
	color:#F7A132;
	font-size:160px;
	font-weight: normal;
	margin-top:60px;
	margin-bottom:40px;
	text-transform: uppercase;
}

.matriculese {
	position: relative;
	top:-120px;
}

.numero {
	width:97px;
	height:104px;
	float:left;
	color:#F7A032;
	font-size:67px;
	text-transform: uppercase;
	font-family: 'KG';
	text-align: center;
	padding-top:5px;
}	

.n1 {
	margin-right:30px;
	background:url(../img/bg-numero.png) no-repeat;
	height:400px;
}

.n2 {
	margin-right:30px;
	background:url(../img/bg-numero2.png) no-repeat;
	
	float:right;
}

.n2 {
	margin-left:40px;
	margin-top:60px;
}

.pergunta {
	color:#FFF;
	font-family:"Arial";
	font-size:14px;
	line-height:23px;
}

.pe1 {
	width:580px;
	margin-left:20px;
}

.pergunta h3 {
	font-family:"KG";
	padding-top:35px !important;
	font-size:40px;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
}

.p2 {
	float:right;
	margin-top:-130px;
}

.pe2 {
	width:670px;
	text-align: justify;
	overflow: hidden;
	margin-top:30px;
	margin-right:190px;
}

.pe1 h3 {
	text-align: left;
}

.cartao {
	width:300px;
	margin-top:60px;
	float:right;
	background:#007A84;
	padding:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	color:#FFF;
	font-size:14px;
	line-height: 23px;
}

.cartao h2, .cartao2 h2 {
	color:#FFF;
	font-family:"KG";
	text-transform: uppercase;
	font-weight: normal;
	margin:0px;
	font-size:30px;
	margin-bottom:25px;
	margin-top:10px;
}

.cartao2 {
	width:900px;
	float:left;
	background:#007A84;
	padding:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	color:#FFF;
	font-size:14px;
	line-height: 23px;
	text-align: justify;
	margin-top:30px;
}

.obs {
	background:#FFF;
	margin-top:20px;
	font-size:12px;
	width:900px; 
	padding:20px;
	border-radius:10px;
}

.clear {
	clear:both;
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}
