@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	vertical-align:middle;
	font-family: Verdana, Tahoma, Trebuchet Ms, Arial, Helvetica, Sans-Serif;
}

hr{display:none;}

a{
	outline:none;
	text-decoration:none;
}

a:link, a:visited{color:#6699cc}

a:hover{color:#CC0000;}

body{background:url(../images/bg.jpg) repeat-x top center #0c4288; margin:20px 0 20px 0;}

#Header, #Banner h2, #Container, #Footer{width:761px;}

/*Cabeçalho da página*/

#Header{
	background:url(../images/topo.gif) no-repeat center;
	height:68px;
	margin:0 auto;
	padding-top:10px;
}

#Header h1{
	background:url(../images/logoSucesu.gif) no-repeat;
	height:66px;
	width:475px;
	margin-left:20px;
	
	
}

#Header h1 a{
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	width:472px;
	height:66px;
	/*border: 1px solid #333333;*/
}

/*fim do cabeçalho*/

/*Banner Jogos e Empreendedorismo*/
#Banner h2{
	height:94px;
	background:url(../images/imagemTopo.gif) no-repeat center;
	margin:0 auto;
	text-indent:-3000px;
}

/*fim do banner*/

/*Menu horizontal*/

#Nav {
	background:url(../images/bgNav.gif) repeat-x;
	margin: 0 auto;
	height: 31px;
	width:750px;
	border-bottom: 1px solid #EBEBEB;
}

div#Nav ul li, #Footer ul li {display: inline;}

div#Nav ul li a{
	font-size:10px;
	color: #535353;
	font-weight:bold;
	float: left;
	padding: 0 15px;
	height: 31px;
	line-height: 31px;
	text-transform: uppercase;
	border-right: 1px solid #D7D7D7;
	border-left: 1px solid #E6E6E6;

	
}

div#Nav ul li a:hover {background: #666666; color:#FFFFFF;}
div#Nav ul li .inicio{border-left:none;}
div#Nav ul li .fim{border-right:none;}


/*fim do meni*/

/*Corpo da Pagina*/

#Container{
	background:url(../images/bg_corpo.gif) repeat-y center;
	margin:0 auto;
}

#ColLeft{
	float:left;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:20px;
	/*border: #009966 solid 1px;*/
	margin-left:7px;
	width:555px;
}

#ColLeft ul li{
	list-style-image:url(../images/bullet_orange.gif);
	margin-left:20px;
	font-size:11px;
	color: #929292;
}

#ColLeft h2{
	font-size:19px;
	color:#0c4288;
}

#ColLeft h2, #ColRight h2{
	margin-bottom:15px;
}

#ColLeft p, #ColRight p{
	text-align: left;
	line-height: 1.8em;
  	margin: 0 0 1em;
	font-size:11px;
	color: #666666;
}

#ColRight{
	width:170px;
	float:right !important;
	padding:5px;
	/*background:url(../images/bgSidebar.gif) repeat-x top #4c4c4c;*/
	
	margin-top:2px;
	margin-bottom:2px;
	/*border: #009966 solid 1px;*/
	position:relative;
	overflow:hidden;
	margin-right:7px;


}

#ColRight h2{
	font-size:14px;
	color:#666666;
	margin-top:10px;
	width:170px;
	height:25px;
	border-bottom: solid 1px #999999;
	}

.banners {margin: 0 auto}
.banners li {margin-top:20px;}

.banners li a {
	background: #CCC;
	display: block;
	width: 164px;
	height:62px;
	margin:0 auto;
	padding-top:2px;
}

.banners li a img {
	background: #CCC;
	display: block;
	margin: 0 auto;
	border: none;
}

.banners li a:hover, #banners li a:hover img {background: #0c4288; border: none; }



/*fim do corpo*/

#Footer{
	height:50px;
	margin: 0 auto;
	background:#000000;
	clear:both;
	text-align:center;
	color:#666666;
	background:url(../images/rodape.gif) no-repeat center;
}

#Footer p{	padding:10px; font-size:11px;}


/******************/

table {
	border: none;
	margin: 0 auto 20px auto ;
	width:560px;
}

caption {
	padding: 0.75em;
	font-size: 14px;
	font-weight:bold;
	border-top: 1px solid #B2B2B2;
	border-bottom: 3px solid #B2B2B2;
	background: #EEE;
	margin: 0 auto;
}

th, td {
	padding: 0.5em 1em;
	border: 1px solid #CCC;
	font-size:11px;
	background:#FFFFFF;
}

th.first, td.first {/*border-left: none;*/ border: 1px solid #ccc; width:24%; }

tbody tr.even td  {background:#F6F6F6; }

thead th {text-transform: uppercase; text-align: left; background:#CCCCCC; display:none;}

tfoot {
    font-weight:bold;
    
}

tfoot td {
    background:#EEE;
    width:100%;
    border-top: 1px solid #B2B2B2;
	border-bottom: 3px solid #B2B2B2;
}




/****************/

.importante
{
    background:url(../images/information.gif) no-repeat left;
    padding-left:20px;
    margin-top:20px !important;
    font-weight:bold;
}

.formMsg{
	background:#F8F8F8;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top:20px;
	padding:10px 10px 10px 10px;
}


.formMsg label{font-size:11px; display:block; margin-top:10px;}

.form{
	margin-top:20px;
	padding:10px 10px 10px 10px;
}


.form label{font-size:11px; display:block; margin-top:10px;}

input[type="text"], textarea{
    border: 1px solid #ccc;
    font-size:11px;
}

input[type="text"]{
    height:19px;

}

input[type="submit"]{
  	width:70px;
	height:20px;
	border:none;
	margin-bottom:5px;
	margin-top:5px;
	background:#333333;
	color:#FFFFFF;
	font-size:11px;
	padding-bottom:2px;
    
}
/*
.dataEvento{
    background:url(../images/dataEvento.gif) no-repeat center;
    width:360px;
    height:82px;
    text-indent:-3000px;
    text-align:center;
    margin:10px auto 15px auto;
    
    }
 */

.noticia h5{text-transform:uppercase;}
.noticia span {width:100px; color:#6699cc; font-size:11px;}
.noticia p{border-bottom:1px dashed #999999; padding-bottom:10px;}
.noticia p a{font-size:11px; color: #666666;}
.noticia p a:hover{text-decoration:underline;}

.tituloNoticia{
	font-size:16px;
	color:#000;
}


.date{width:100px; color:#6699cc; font-size:11px; height:30px; }

#ctl00_ContentPlaceHolder1_divConteudo{margin-top:15px;}

.msgOk span, .msgOk a,
.msgErro span, .msgErro a, 
.msgAtencao span, .msgAtencao a, 
.msgInformacao span, .msgInformacao a 
{
    font-size:11px;
    display: block;
	padding-left:18px;
	margin-top:5px;
	height:16px;
}
.msgOk span, .msgOk a{color:Green;}
.msgOk span{background:url(../images/ok.gif) no-repeat left;}

.msgErro span, .msgErro a{color:red;}
.msgErro span{background:url(../images/erro.gif) no-repeat left;}

.msgAtencao span, .msgAtencao a{color:Yellow;}
.msgAtencao span{ background:url(../images/atencao.gif) no-repeat left;}

.msgInformacao span, .msgInformacao a{color:blue;}
.msgInformacao span{background:url(../images/informacao.gif) no-repeat left;}

.msgOk a:hover,
.msgErro a:hover,
.msgAtencao a:hover,
.msgInformacao a:hover {font-weight:bold;}