/*instituto ser familia - design by Carlos Chaui - www.pradochaui.com.br - e Eduardo Ferreira - www.estudio-cinco.com -*/
body {background-color: white; 
text-align: center; 
margin:0; 
padding:0; 
height: 100%; 
color: #333;}

a:link { font-weight: normal; 
	text-decoration: none; 
	color: #EB1263;}

a:visited {font-weight: normal; 
	text-decoration: none; 
	color: #EB1263;}

a:hover, a:active {text-decoration: underline; 
	font-weight: normal;
	color: #EB1263;}

#geral {margin: 0 auto; 
text-align:left; 
width: 945px;
height: 100%;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #003e83; line-height: 29px; font-weight: bold;}

#menu {width: 100%;
background-color: #949393;
height: 33px;
text-align: right;}

.menu {float: left;}

#menu ul {list-style: none;  margin: 0; padding: 0;}
		#menu ul li {float: left; height: 33px; margin: 0; padding: 0;}
		#menu ul li a{float: left; height: 33px; margin: 0; padding: 0;}
			a.menu-home {width: 66px; margin: 0; padding: 0;}
			a.menu-quemsomos {width: 109px; margin: 0; padding: 0;}
			a.menu-revista {width: 112px; margin: 0; padding: 0;}
			a.menu-eventos {width: 111px; margin: 0; padding: 0;}
			a.menu-cursos {width: 110px; margin: 0; padding: 0;}
			a.menu-edicoes {width: 110px; margin: 0; padding: 0;}
			a.menu-blog {width: 110px; margin: 0; padding: 0;}
			a.menu-loja {width: 97px; margin: 0; padding: 0;}
			a.menu-contato {background: url(../imagens/menu-loja-virtual.jpg); display: block; height: 33px; width: 97px; margin: 0; padding: 0;}
			a.menu-protege {width: 112px; margin: 0; padding: 0;}
			
#contato {position: fixed; right: 0; top: 96px;}

#sub-menu {height: 30px; padding-bottom:5px;}
#sub-menu-revista {height: 30px; padding-bottom:5px; margin-left: 284px;}
#sub-menu-habilidades {height: 30px; padding-bottom:5px; margin-left: 283px;}
.sub-menu {float: left; margin: 0; padding: 0;}

#conteudo {width: 745px;
padding: 0px 10px 10px 10px;
float: left;
height: 100%;}

#conteudo-pages {width: 100%;
padding: 0px 10px 10px 10px;
float: left;
height: 100%;}


.text {font-family: verdana,univers, sanserif;font-size: 12px;color: #949393;text-align: left;}

.text-protege {font-family: verdana,univers, sanserif;font-size: 12px;color: #949393;text-align: left; margin: 40px 0 0 0;}
	.text-protege h2 {font-family: verdana,univers, sanserif;font-size: 18px;color: #f50086;}
	.text-protege ul {list-style: inside;}
	.text-protege p {margin: 5px 0;}
#gif {float: left; padding: 0 0 0 15px;}

#ultima-edicao-home{width: 170px; float: left; margin-right: 6px; margin-top: 30px;}
	
		#titulo-ultima-edicao-home {padding-bottom: 3px;}
		#imagem-ultima-edicao-home {}
		#assinatura {padding-top: 7px;}

#descricao-ultima-edicao-home {padding-top: 55px; float: left; margin-right:7px;}

#habilidades-home {width: 273px; float: left; margin-top: 30px;}

		#habilidades-titulo {padding-bottom: 3px;}
		#habilidades-imagem {}
		
#horizontes-home {width: 273px; float: left; margin-top: 7px;}

		#horizontes-titulo {padding-bottom: 3px;}
		#horizontes-imagem {}
		
	
#publicidade {width: 180px; height: 390px; margin: 6px 0 10px 0; float: left; background-color: #ddd;}
.anuncio {padding: 0; text-align: center; padding: 20px;}
#revista-online {padding:0 6px;}

#rodape {clear: both;}
/*--------------------------home-------------------------------*/
	/*banner novo em ajax */
	#slider1 {width: 732px; /* important to be same as image width */
		height: 290px; /* important to be same as image height */
		position: relative; /* important */
		overflow: hidden; /* important */}
	
	#slider1Content {
		width: 720px; /* important to be same as image width or wider */
		position: absolute; top: 0; margin-left: 0;}
		
	.slider1Image {float: left; position: relative; display: none;}
	
	.slider1Image span { position: absolute; font: 15px Arial, Helvetica, sans-serif; padding: 10px 13px;
		width: 694px; background: url(../imagens/wide/bg.png); color: #fff; display: none; margin: 120px 0 0 20px;}
		
	.clear {clear: both;}
	
	.slider1Image span strong {font-size: 25px; line-height: 27px; letter-spacing: -1px;}
	.left {top: 0; left: 0; width: 130px !important; height: 280px; }
	.right {right: 0; bottom: 0; width: 90px !important; height: 290px;}
	ul { list-style-type: none;}


#banner-home {width: 732px; height: 290px; clear: both; margin: 7px 0;}

#text-home {width: 593px; float: left; margin: 12px 5px 0 0;}
	#text-home h1 {font-size: 22px; font-family:Arial, Helvetica, sans-serif; color: #949293; }
	#text-home p {margin: 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #898989;}

#small-banner-home {width: 125px; margin: 12px 7px 7px 7px; float: left;}

#conteudo-home {width: 935px; clear: both; margin: 10px;}
	
	/*---------------------colunas home -----------------*/
	#coluna-ser-familia {width: 225px; padding: 0px; margin: 0px 11px 0 0; float: left;}
		#coluna-ser-familia h2 a{font-size: 17px; color: #f02f72; font-family:Arial, Helvetica, sans-serif; line-height:normal; font-weight: bold;}
	
	#coluna-horizontes-ser-familia {width: 225px; padding: 0px; margin: 0px 11px 0 0; float: left;}
		#coluna-horizontes-ser-familia h2 a{font-size: 17px; color: #00991d; font-family:Arial, Helvetica, sans-serif; line-height:normal; font-weight: bold;}
	
		#coluna-horizontes-ser-familia-large {width: 460px; padding: 0px; margin: 0px 11px 0 0; float: left;}
			#coluna-horizontes-ser-familia-large h2 a{font-size: 17px; color: #00991d; font-family:Arial, Helvetica, sans-serif; line-height:normal; font-weight: bold;}
	
	
	#coluna-habilidades-ser-familia {width: 225px; padding: 0px; margin: 0px 11px 0 0; float: left;}
		#coluna-habilidades-ser-familia h2 a{font-size: 17px; color: #003e83; font-family:Arial, Helvetica, sans-serif; line-height:normal; font-weight: bold;}
	
	#coluna-edicoes-ser-familia {width: 225px; padding: 0px; margin: 0px; float: left;}
		#coluna-edicoes-ser-familia h2 a{font-size: 17px; color: #fd9502; font-family:Arial, Helvetica, sans-serif; line-height:normal; font-weight: bold;}
	
	.titulo-coluna {margin: 0 0 15px 0;}
	.imagem-coluna {margin: 10px 0;}
	.texto-coluna {font-size: 12px; color: #949293; }
		.texto-coluna p {margin: 10px 0; font-family:Arial, Helvetica, sans-serif;}
		.texto-coluna p a{font-size: 12px; margin: 10px 0; font-family:Arial, Helvetica, sans-serif;}
		

	#revista-link {color: #f02f72;}
	#horizontes-link {color: #00991d;}
	#habilidades-link {color: #003e83;}
	#edicoes-link {color: #fd9502;}
	
/*------------------------ quem somos -------------------------*/
#flash-quem-somos {text-align: center; padding: 0 5px 15px 5px; float: left;}
#texto-quem-somos {min-height: 350px; float: left; width: 518px; margin: 50px 0 0 0;}

/*------------------------ revista ser familia ----------------*/
#reportagem_de_capa {width:630px; margin: 6px 3px 20px 10px; float: left; text-align:right;}
#index_image {float: left;	padding: 70px 10px 0 0;}
#banner-especial {padding: 0;	margin: 0;	clear: both;}
#rev_anteriores {	float: left;	padding-right: 10px;	padding-bottom: 10px;	padding-top: 10px;}
#clear {	clear: both;}

.edition {	font-family: verdana;	font-size: 21px;	font-weight: bold;	color: green;}
.title {	font-family: verdana;	font-size: 43px;	font-weight: bold;	color: warm-gray;}
.title2 {	font-family: verdana;	font-size: 43px;	font-weight: bold;	color: warm-gray;}
.descricao {	font-family: verdana;	font-size: 13px;	font-weight: bold;	color: gray;	line-height: 15px;	max-width: 610px;}
.text-revista {font-family: verdana; font-size: 13px; font-weight: normal; color: gray; line-height: auto;max-width: 500px;}
#main_image {float: left; padding: 20px 5px 20px 0px;}

#content2 {padding-top: 10px; clear: both;}
#box_bov_blog {background-image: url(../imagens/box_nov_blog.jpg);width: 544px;height: 132px;background-repeat: no-repeat;	float: left;}
.nov {font-family: verdana;font-size: 13px;font-weight: normal;color: white;line-height: 19px;;width: 250px;padding-left:7px;	padding-top: 35px;float: left;}
.blog {font-family: verdana;font-size: 13px;font-weight: normal;color: white;line-height: 19px;	width: 250px;padding-left: 25px;	padding-top: 40px;float: left;}

.institucional {font-family: verdana;font-size: 12px;font-weight: normal;color: gray;line-height: auto;padding:15px;padding-top: 20px;}
#artigos {max-width: 160px;float: left;padding: 5px;padding-bottom: 20px;border-left-color: fuchsia dotted thin;}
#artigos2 {max-width: 250px;float: left;padding: 5px;padding-bottom: 20px;border-left-color: fuchsia dotted thin;}
.artigos {font-family: verdana;font-size: 13px;font-weight: normal;color: gray;line-height: auto;}

#espacos-publicitarios {padding: 30px 0 0 0;}

#java1 {	float: left;	padding-left: 30px;	padding-bottom: 10px;}
#java_anteriores {padding-left: 10px;padding-bottom: 20px;clear:both;}
* {margin:0; padding:0}
.sm {list-style:none; width:590px; height:141px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

.sm_ant {list-style:none; width:920px; height:270px; display:block; overflow:hidden;padding-top: 10px; }
.sm_ant li {float:left; display:inline; overflow:hidden}


/*------------------------ habilidades Ser Família ------------------*/
.cursos-habilidades {width: 230px; float: left; min-height: 200px; padding: 5px; margin: 0; margin: 15px 5px 0 0;}
	.cursos-habilidades p{margin: 10px 0; line-height: 16px;}
.texto-cursos-habilidades {width: 223px; margin-top: 6px;background-color: #ddd; color: #333; font-family: verdana, univers; font-size: 12px; padding: 8px; min-height: 180px; background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right;}
.texto-cursos-habilidades2 {width: 212px; margin-top: 6px;background-color: #ddd; color: #333; font-family: verdana, univers; font-size: 12px; padding: 8px; min-height: 180px; background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right;}

.explicacao-habilidades {width: 350px; margin-top: 6px;background-color: #ddd; color: #333; font-family: verdana, univers; font-size: 12px; padding: 8px; min-height: 180px; background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right; float: left;}

#habilidades {width: 400px; float: left;}

#texto-horizontes {padding: 15px 5px 15px 5px; min-height: 350px; float: left; width: 518px;}

#ciclo-de-palestras-1col {float: left; margin: 5px; width: 280px; padding: 0 0 6px 0;}
		#title-ciclo {}
		#text-ciclo {background-color: #838182; background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right; font-family: verdana,univers, sanserif;font-size: 12px;color: white;text-align: left; padding: 22px 12px 42px 12px; margin-top: 15px;}

#ciclo-de-palestras-2col {float: left; margin: 5px; width: 400px; padding: 0 0 6px 0;}
		#title-ciclo2 {}
		.text-ciclo2 {background-color: #838182; background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right; font-family: verdana,univers, sanserif;font-size: 12px;color: white;text-align: left; padding: 12px;}

#teens-palestras-1col {float: left; margin: 5px; width: 380px; padding: 0 0 6px 0;}
.modulo {float: left; margin: 5px 5px 5px 0; border: 0;}

	/*tab ser pais kids */
	#tabela { width: 540px; float: left; margin: 0 0 0 15px; }
	.tabberlive .tabbertabhide { display:none;}
		.tabber {}
		.tabberlive {margin-top:1em;}
		ul.tabbernav {margin:0; padding: 3px 0; border-bottom: 2px solid #ddd; font: bold 12px Verdana, sans-serif; }		
		ul.tabbernav li {list-style: none; margin: 0; display: inline; height: 60px;}
		
		ul.tabbernav li a{padding: 8px 0.9em 3px 0.9em; margin-left: 3px; border: 2px solid #ddd; border-bottom: none; background: #ddd; text-decoration: none; font-size: 18px;}
		
		ul.tabbernav li a:link { color: #000; }
		ul.tabbernav li a:visited { color: #000; }		
		ul.tabbernav li a:hover{color: white; background: #333; border-color: #333; color: #fff;}		
		ul.tabbernav li.tabberactive a{background-color: #ddd; border-bottom: 2px solid #ddd; color: #000; }		
		ul.tabbernav li.tabberactive a:hover{color: #fff; background: #333; border-bottom: 2px solid #333;}
		
		.tabberlive .tabbertab {padding:0px; border: none; border-top:0;	
		 /*height:200px;		 If you don't want the tab size changing whenever a tab is changedyou can set a fixed height */	
		  /* overflow:auto; *//* If you set a fix height set overflow to auto and you will get a	scrollbar when necessary */}
		
		.tabberlive .tabbertab h2 {display:none;}
		.tabberlive .tabbertab h3 {display:none;}
		
		.tabberlive#tab1 {}
		.tabberlive#tab2 {}
		.tabberlive#tab2 .tabbertab {height:200px;overflow:auto;}
		.tabber p {padding: 0 0 0 30px;}

/*------------------------ horizontes Ser Família ------------------*/
.cursos-horizontes {width: 335px; float: left; min-height: 300px; padding: 5px; margin: 15px 0px 0 0;}
.texto-cursos-horizontes {width: 327px; margin-top: 6px;background-color: #949393; color: white; font-family: verdana, univers; font-size: 12px; padding: 8px; min-height: 330px; background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right;}
.texto-cursos-horizontes2 {width: 360px; margin-top: 6px;background-color: #949393; color: white; font-family: verdana, univers; font-size: 12px; padding: 8px; min-height: 330px; background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right;}


/*----------------------- bate papo: aumentar letras -----------------*/
#title-batepapo {font-size: 18px; border-top: thin solid gray; border-bottom: thin solid gray; margin: 5px 0 5px 0;}
.batepapo-meio {width: 45%; padding: 25px 10px 10px 10px; float: left; text-align:justify; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #999;}

#rlh1{padding-top: 15px; font-size: 20px; line-height: 20px; color: #627486; font-weight: normal;}
#rlh1txt{padding-top: 3px; font-size: 20px; line-height: 20px; color: #627486; font-weight: normal;}
#rlh2{ padding: 10px 0px 12px 0px; font-size: 11px; line-height: 13px; color: #4D5D6E; font-weight: bold;}

#rlimgl{float:left; padding: 2px 10px 10px 0px; text-align:left;}
#rlimgr{float:right; padding: 2px 0px 10px 10px; text-align:right;}
#rlimgf{font-size:11px; line-height:12px; color:#737373; font-style:italic;}
#rllr {float:right; padding: 10px; margin: 0px 0px 10px 10px; width:90px; background-color:#E8E9ED; font-size:11px; text-align:left; color:#4D5D6E;}
#rlll {	float:left; padding: 10px; margin: 0px 10px 10px 0px; width:90px; background-color:#E8E9ED; font-size:11px; text-align:left; color:#4D5D6E;}

/*-------------------------congresso ser família ---------------------*/
#congresso {color: white;}
#logo-congresso {margin: 5px 0 5px 0;}
#lateral-congresso {width: 386px; float: left;}
#congresso-descricao {width: 355px; float: left; color: white; padding: 15px; background: #838182;  background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right; font-family:Arial, Helvetica, sans-serif; margin: 0 0 15px 0;}
#congresso-horario {width: 530px; float: left; margin-left: 8px; }

#patrocinio {border: 1px solid #333; clear: both; height: 290px;}
#saraiva {border: 1px solid #333; clear: both;}

.congresso-modulo {width: 530px; margin: 0 0 5px 0; clear: both;} 
	.congresso-credenciamento {height: 54px; width: 411px; float: left; font-size: 22px; font-family: Arial, Helvetica, sans-serif; padding: 10px; font-weight:bold; background: #838182; margin: 0 0 5px 0; background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right; }

	.congresso-palestra {background: #838182; width: 520px; margin: 0 0 5px 0; padding: 5px; font-family: Arial, Helvetica, sans-serif;}
	.congresso-titulo {margin: 0 0 5px 0;}
	.congresso-horario {margin: 0 5px 0 0; float: left; width: 94px;}
	.congresso-foto {margin: 0 5px 0 0; float: left; width: 105px;}
	.congresso-palestrante {height: 111px; width: 300px; margin-left: 210px; padding: 10px;  font-size: 22px; font-weight: bold; background: #838182; background-image:url(../imagens/canto.jpg); background-repeat:no-repeat; background-position:bottom right; font-family:Arial, Helvetica, sans-serif;}
		.congresso-palestrante p a{font-size: 12px; color: white; padding: 15px 0 0 0;}
		
/*----------------------- pós congresso ser familia ----------------------------*/

#congresso-esquerda {width:546px; float: left;}
#congresso-texto {margin: 20px 0 20px 0; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #777;}

#congresso-direita {width: 386px; margin: 0 0 0 5px; float: left;}
#patrocinio-congresso {background: url(../imagens/congresso/pos-congresso/patrocinio.jpg) no-repeat top; width: 384px; height: 277px;
border: 1px solid #717171; padding: 50px 0 0 0;}
	#patrocinio-concresso img {float: left;}
	
	#galeria-de-fotos img{margin: 10px 0 0 0;}
	
	#depoimentos img {margin: 10px 0 0 0; }
	
/*--------------------------fotos lançamento do livro -------------------------------------------*/
#fotos-livro {width: 600px; padding: 10px 0 0 0; float: left;}
#loja-livro {float: left; width: 300px; padding: 20px 0 0 0;}
	#loja-livro p {font-size: 12px; color: #333; font-family:Arial, Helvetica, sans-serif;}
	#loja-livro h1 {font-size: 26px; color: #fd9502; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
	#loja-livro h1 a {font-size: 26px; color: #fd9502; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}	

/*--------------------------fotos congresso | http://pikachoose.com/ -----------------------------------*/
#pos-congresso-fotos {width: 550px; float: left;}
/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	margin:0 auto;}
.pika_main{
	width:500px;
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:2px solid #222;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size: 12px;color:black;text-decoration: none; font-family:Arial, Helvetica, sans-serif}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{clear:both;text-align:center;}

/* SliderJS */
.sliderjs{margin:0 auto;}



/*floating window*/