@import url('jquery.lightbox-0.5.css');
*{
	margin: 0 auto;
	text-align: center;
	padding: 0;
	font-size: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body{
	background: url(../images/background.jpg) repeat-x top left;
}
p{ margin-bottom: 5px;}

/*divs prioritarias*/
#main{
	width: 100%;
	height: auto;
	float: left;
	font-size: 12px;
}

#rodape{
	width: 100%;
	height: 54px;
	background: url(../images/rodape_background.jpg) repeat-x top left;
	clear: left;
	/*float: left;*/
	margin-top: 10px;
}

/*Containers*/
#mcontainer{
	width: 851px;
	height: auto;
	font-size: 12px;
}

#rcontainer{
	width: 851px;
	height: 40px;
	font-size: 12px;
	margin-top: 10px;
}

/*rodape*/
#rcontainer p{
	color: #3363aa;
	font-size: 12px;
}

/*topo*/
#topo{
	width: 851px;
	height: 89px;
	float: left;
}
#logomarca{
	width: 232px; 
	height: 89px;
	float: left;
	display: inline;
	margin-left: 57px;
}
#telefone{
	width: 277px;
	height: 89px;
	float: right;
	display: inline;
	margin-right: 69px;
	background: url(../images/topo_telefone.jpg) no-repeat;
}

/*banner*/
#destaque{
	width: 851px;
	height: 166px;
	clear: left;
	float: left;
	background: url(../images/destaque_bottom.jpg) no-repeat bottom;
	padding-bottom: 3px;
}

/*conteudo*/
#conteudos{
	width: 851px;
	height: auto;
	/*min-height: 466px;*/
	clear: left;
	float: left;
}

/*menu*/
#menu{
	width: 163px;
	height: auto;
	float: left;
	display: inline;
	margin-left: 13px;
	border-right: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	padding-bottom: 5px;
}

/*links menu*/
#menu ul {
        list-style-type: none;
        width: 163px;
} 

#menu ul li {
        margin: 0px;
		font-size: 12px;
		text-align: left;
}

#menu ul li a { 
        color: #1F4784;
        display: block;
        font-size: 12px;
		font-weight: bold;
        padding: 5px 0 0 5px;
        text-decoration: none;
		text-align:left;	
}

* html #menu ul li a {  /* make hover effect work in IE */
	width: 158px;
}

#menu ul li a:hover {
		background: #dcdcdd;
		color: #183869;
}
/*ie menu border hack*/
.iemenubottom{ width: 163px;}

/* depoimentos e eventos*/
#depoimentos{
	width: 246px;
	height: auto;
	float: left;
	display: inline;
	margin-left: 19px;
	margin-top: 10px;
}

/*Depoimentos*/
#hdedepoimentos{
	background: url(../images/depoimentos.jpg) no-repeat top left;
	padding-top: 26px;
	width: 246px;
	height: auto;
	clear: left;
	float: left;
}

#hdedepoimentos img{
	margin-bottom: 10px;
	margin-top: 5px;
}

#hdedepoimentos p a div{
	color: #343333;
	font-size: 12px;
	text-align: justify;
}

#hdedepoimentos p a{
	font-size: 12px;
	color: #343333;
	text-decoration: none;
	text-align: justify;
}
#hdedepoimentos p a:hover{
	text-decoration: underline;
}
#hdedepoimentos p{
	width: 240px;
	height: auto;
	text-align: justify;
}

#hdedepoimentos span{
	font-size: 11px;
	color: #696868;
	display: block;
}

#hdedepoimentos a.seemore{
	float: right;
	display: block;
}

/*Ultimos Eventos*/
#hdeeventos{
	background: url(../images/eventos.jpg) no-repeat top left;
	padding-top: 29px;
	width: 246px;
	height: auto;
	clear: left;
	float: left;
}

#hdeeventos img{
	float: left; 
	display: inline; 
	margin-left: 15px;
}


#hdeeventos span{
	float: right; 
	display: inline; 
	width: 160px; 
	text-align: left; 
	font-size: 10px; 
	color: #333;
}

#hdeeventos p{
	clear: right;
	float: right;
	display: inline;
	font-size: 12px;
	width: 160px;
	text-align: left;
	color: #414141;
}

#hdeeventos p a{
	font-size: 12px;
	color: #414141;
	text-decoration: none;
}

#hdeeventos p a:hover{
	text-decoration: underline;
}

#hdedepoimentos a.seemore{
	float: right;
	display: block;
}

/* treinamento */
#treinamento{
	width: 194px;
	height: auto;
	float: left;
	display: inline;
	margin-left: 14px;
	margin-top: 10px;
}

/* atividades - componente*/
#atividades{
	width: 163px;
	height: auto;
	float: left;
	display: inline;
	margin-left: 29px;
	margin-top: 10px;
}

/*PAgina Interna*/
#interna{
	width: 642px;
	height: auto;
	float: left;
	display: inline;
	margin-left: 19px;
	margin-top: 5px;
}

#flextitulo{
	width: 642px;
	height: auto;
	float: left;
	margin-bottom: 5px;
	border-bottom: 1px solid #357CA8;
}
#flextitulo h1{
	font-size: 18px;
	color: #4d4d4d;
	text-align: left;
	margin-bottom: 3px;
}

#flexresumo{
	width: 600px;
	height: auto;
	clear: left;
	float: left;
	display: inline;
	font-size: 12px;
	color: #999;
	text-align: left;
	margin-bottom: 5px;
}
#flexsize{
	width: 42px;
	height: auto;
	float: right;
	display: inline;
	margin-bottom: 5px;
}
#flexlocal{
	width: 600px;
	height: auto;
	clear: left;
	float: left;
	display: inline;
	font-size: 12px;
	color: #000;
	text-align: left;
	margin-bottom: 5px;
}
#flextexto{
	width: 642px;
	height: auto;
	clear: left;
	float: left;
	margin-bottom: 5px;
	text-align: left;
	font-size: 12px;
}
#flextexto a, #flextexto p, #flextexto em, #flextexto span, #flextexto div, #flextexto i, #flextexto b, #flextexto strong, #flextexto u,#flextexto li{ font-size: 12px; text-align: justify; padding-bottom: 2px;}
#flextexto ol, #flextexto ul{ margin-left: 30px; margin-bottom: 5px; margin-top: 5px;}
#flextexto a{ color: #000;}
#flextexto a:hover{ font-weight: bold;}

#flexmore{
	width: 642px;
	height: auto;
	clear: left;
	float: left;
	text-align: right;
	font-size: 12px;
}
#flexmore a{ color: #000; font-size: 12px; text-decoration: none;}
#flexmore a:hover{ text-decoration: underline;}

ul#flexlista{ margin: 0; padding: 0; clear: left; float: left; margin-left: 5px; width: 642px; height: auto;}
ul#flexlista li{ font-size: 12px; list-style-type: none; text-align: left; float: left; clear: left; margin-bottom: 5px;}
ul#flexlista li span{ float:left; font-size: 10px; display: block; float: left; color: #666;}
ul#flexlista li a{ font-size: 12px; clear: left; float: left; color: #000; text-decoration: none;}
ul#flexlista li a:hover{text-decoration: underline;}
