/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
	min-width: 960px;
	background:#f4f4f4 url(../img/bg.png) repeat-x center;
	background-position-y: 310px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:300;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family: 'Text Me One', sans-serif;
}
/* `Container
----------------------------------------------------------------------------------------------------*/
.topo {
	float:left;
	width:100%;
	background:#000;
}
.logo {
	background: url(../img/logo.png) no-repeat;
	height: 74px;
	width: 245px;
	float: left;
	margin: 20px 0;
	text-decoration: none;
}
.menu {
	float:right;
}
.menu ul {
	float:left;
	margin: 20px 0 0 0;
}
.menu ul li {
	float:left;
}
.menu ul li a {
	font-family: 'Text Me One', sans-serif;
	text-decoration:none;
	color:#999;
	padding:10px 20px;
	float:left;
}
.menu ul li a:hover {
	color:#0F66A5;
	text-decoration: underline;
}
.menu-ativo {
	background:url(../img/bg-menu-ativo.jpg) repeat-x;
	color:#FFF !important;
	border-radius: 30px;
}
.menu-ativo:hover {
	color:#FFF !important;
	text-decoration:none !important;
}
.banner {
	float:left;
	background:url(../img/bg-banner.png) repeat-x;
	width:100%;
	height:243px;
}
.banner h1 {
	float:left;
	color: #FFF;
	font-size: 30px;
	margin-top:30px;
}
.banner p {
	float: left;
	color: #FFF;
	font-size: 15px;
	margin: 10px 0 20px;
}
.titulo-home {
	float:left;
	background:url(../img/bg-titulo.png);
	width:100%;
	border-bottom: 1px solid #fff;
}
.titulo-home h1 {
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding: 15px 0px;
}
.corpo {
	margin:0 auto;
	width: 960px;
}
.rodape {
	border-top:10px solid #CC192B;
}
.link-rodape {
	color:#0F66A5;
}
.img-destaque {
	position: absolute;
	margin: 10px 0 0 505px;
}
.bt-banner {
	float:left;
	background:#98BE35;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
	padding:5px 35px;
	font-family: 'Text Me One', sans-serif;
}
.bt-slider {
	float:left;
	background:#98BE35;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	padding:5px 15px;
	font-family: 'Text Me One', sans-serif;
	margin:10px;
}
.bt-ios {
	float:left;
	background:#325B89;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	padding:5px 15px;
	font-family: 'Text Me One', sans-serif;
	margin:10px;
}
.ico {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.ico img {
	margin:0;
	padding:0 8px;
	width:12px;
}
.qrcode {
	float: right;
	width: 144px;
	margin-top: 50px;
}
.qrcode h2 {
	font-family: 'Text Me One', sans-serif;
	text-align:center;
	color: #2C66B1;
	background:#FFF;
	padding: 5px 0;
}
.qrcode img {
	padding:10px;
	float:left;
	background: url(../img/bg-qr.png);
	margin-top:1px;
}
.div-comp {
	position: absolute;
	margin: 11px 0 0 808px;
	color: #666;
}
.img-zoom {
	position:absolute;
	margin:303px 0 0 0;
	list-style:none;
	font-size:12px;
	text-align:center;
	width:151px;
}
.img-zoom a {
	color:#999;
	text-decoration:none;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.coluna-1, .coluna-2, .coluna-3, .coluna-4, .coluna-5, .coluna-6, .coluna-7, .coluna-8, .coluna-9, .coluna-10, .coluna-11, .coluna-12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.corpo .coluna-3 {
	width: 220px;
}
.corpo .coluna-6 {
	width: 460px;
}
.corpo .coluna-9 {
	width: 700px;
}
.corpo .coluna-12 {
	width: 940px;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Colunas >> 12 Colunaas
----------------------------------------------------------------------------------------------------*/

.corpo .coluna-1 {
	width: 60px;
}
.corpo .coluna-2 {
	width: 140px;
}
.corpo .coluna-4 {
	width: 300px;
}
.corpo .coluna-5 {
	width: 380px;
}
.corpo .coluna-7 {
	width: 540px;
}
.corpo .coluna-8 {
	width: 620px;
	color:#fff;
	text-align:right;
	font-weight: bold;
}
.corpo .coluna-10 {
	width: 780px;
}
.corpo .coluna-11 {
	width: 860px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after, .corpo:before, .corpo:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
.clearfix:after, .corpo:after {
	clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix, .corpo {
	zoom: 1;
}