/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/




body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	background-position: center top;
	background-color:#FFFFFF;
	background-attachment: fixed;
	background-image: url(../images/fundo.jpg);
	background-repeat: no-repeat;

}

a:link {color:#999999; text-decoration:none;}      /* unvisited link */
a:visited {color:#999999; text-decoration:none;}  /* visited link */
a:hover {color:#999999; text-decoration:underline;}  /* mouse over link */
a:active {color:#999999;}  /* selected link */


h1 {
	font-size: 22px;
	font-weight:bolder;	
	color: #006699;
	padding-top:30px;
	padding-bottom:10px;
}


h2 {
	font-size: 18px;
	color: #006699;
	padding-top:20px;
}

h3 {
	font-size:15px;
	color:#006699;
	
}

h4 {
	font-size:12px;
	color: #666666;
	text-transform: uppercase;
	border-bottom:medium;
	border-bottom-style:solid;
	border-bottom-width:thin;
	width:100%;
	border-bottom-color:#CCCCCC;
	padding-bottom:9px;	
	
	
	
}

#img_capa{margin-right:5px;
}

#titulo-banner{
color:white;
font-size:24px;
font-weight:bolder;
color:#CCFFFF;
}

#texto-banner{
color:white;
width:350px;
float:left;
margin-left:20px;
margin-top:30px;
color:#FFFFFF;
height:240px;
vertical-align:top;
}

#botoes-banner{
width:350px;
margin-top:5px;
margin-left:20px;

}

#imagem-banner{
float:right;
margin-top:23px;
margin-right:27px;
margin-bottom: 40px;
z-index:5;
}

espaco{
height:20px;
}

#margin-top{
margin-top:30px;
margin-left:30px;
width: 580px;
}

#margin-lateral{
margin-top:30px;
float:right;
}





#topo {
background-image:url(../images/topo.jpg);
	height:164px;
	width:960px;
	margin-left:0px;
	
}


#menu{
	margin-left:0px;
	background-image:url(../images/back-menu.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;


}

#menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#menu li
{
	margin-left:0px;
}





#big-banner{
background-image:url(../images/big-banner.jpg);
height:330px;
width:960px;
margin-left:0;
margin-bottom:30px;
}


#rodape{
background-image:url(../images/rodape.jpg);
height:123px;
width:960px;
margin-left:0;
text-align:center;
color:#666666;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

#texto_banner{background-image:url(../images/banner_curso_online.gif);
z-index: 3;
background-repeat:no-repeat;
width:292px;
height:156px;
margin-top:20px;
margin-left:20px;
}



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_3 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;

}

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

.grid_1,
.grid_2,
.grid_3 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/

.container_3 .grid_1 {
	width:300px;
}

.container_3 .grid_2 {
	width:620px;
}

.container_3 .grid_3 {
	width:940px;
}



/* Prefix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/

.container_3 .prefix_1 {
	padding-left:320px;
}

.container_3 .prefix_2 {
	padding-left:640px;
}



/* Suffix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/

.container_3 .suffix_1 {
	padding-right:320px;
}

.container_3 .suffix_2 {
	padding-right:640px;
}



/* Push Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/

.container_3 .push_1 {
	left:320px;
}

.container_3 .push_2 {
	left:640px;
}



/* Pull Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/

.container_3 .pull_1 {
	left:-320px;
}

.container_3 .pull_2 {
	left:-640px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

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

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}