/* CSS Document */
body{
	background-color:#f2f2f2;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	color:#999999;
}

.rodape {
	font-size:11px;
	color:#93989A;
}
/* Scroller Box */

#scroller_container {
 position: relative;
 width: 450px;
 height: 60px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 60px;
 font-size: 60px;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */
a.l_rodape:link { text-decoration:none;color:#93989A; }
a.l_rodape:visited { text-decoration: none;	color:#93989A; }
a.l_rodape:hover { text-decoration: underline; color: #999; }


/* MENU */
.linha_menu{
	height:23px;
	vertical-align:middle;
}

/*form*/

input,  select, radio {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	border-top-color: #40484B;
	border-right-color: #40484B;
	border-bottom-color: #A5CF3A;
	border-left-color: #A5CF3A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #f2f2f2;

}
textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	border-top-color: #40484B;
	border-right-color: #40484B;
	border-bottom-color: #A5CF3A;
	border-left-color: #A5CF3A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #f2f2f2;
}

.texto_insc{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}


.twitter{
color:#ffffff;
	font-size:12px;
}
.titulo_palestras{
	font-weight:bold;
	color:#666666;
	font-size:125%;
}
.titulo_palestras2{
	font-weight:bold;
	color:#688224;
	font-size:130%;
}

.titulo_prog{
	font-size:125%;
	color:#666666;
	text-decoration:none;
}
.titulo_progb{
	font-size:115%;
	color:#666666;
	text-decoration:none;
}
.titulo_aba{
	font-size:15px;
	font-weight:bold;
	color:#666666;
}
.titulo_aba2{
	font-size:13px;
	font-weight:bold;
	color:#688224;
}
.horario{
	font-size:11px;
	color:#666666;
}

.aba{
	font-size:13px;
	color:#666666;
}
.aba1{
	font-size:10px;
	color:#666666;
}
.titulo{
	font-size:180%;
	font-weight:bold;
	font-family:Arial, Helvetica;
	color:#688224;
	padding-top:10px;
}
.titulo2{
	font-size:145%;
	font-weight:bold;
	font-family:Arial, Helvetica;
	color:#A4CE3C;
	padding-top:10px;
}
.titulo2b{
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica;
	color:#336600;
	padding-top:10px;
}
.titulo3{
	font-size:140%;
	font-weight:bold;
	font-family:Arial, Helvetica;
	color:#999999;
	padding-top:10px;
}
.titulo3b{
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica;
	color:#999999;
	padding-top:10px;
}
.curso {

	color:#333333;
	font-family:"Trebuchet MS";
	text-decoration:none;
	font-size:13px;

}

.data_curso { color:#a3a3a3;	font-family:"Trebuchet MS"; }
.ver_site { width: 500px; height:20px; border:1px dashed #A5CF3A; }
#rolagem {
width:100%; 
height:520px; 
overflow:auto; 
}
#rolagem_programacao {
width:100%; 
height:450px; 
overflow:auto; 
}
#rolagem_programacao23 {
width:100%; 
height:380px; 
overflow:auto; 
}


/* parte do banner palestrantes */ 
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 545px;
	height:217px;
/* custom decorations */
/*border:1px solid #ccc;
background:url(../palestrantes/h300.png) repeat-x; */

}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/

.scrollable .items {
	/* this cannot be too large */
	width:4000px;
	position:absolute;
	clear:both;
}
/* single scrollable item */

.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:175px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
/*	z-index:9999;*/
	z-index:fff;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */

.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */

a.browse {
	background:url(../palestrantes/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:80px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 

/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */

a.up, a.down		{ 
	background:url(../palestrantes/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 

/* disabled navigational button */

a.disabled {
visibility:hidden !important;		
} 	

/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#333;
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
/* close button positioned on upper right corner */

.simple_overlay .close {
	background-image:url(../palestrantes/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */

#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */

.next, .prev {
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}
/* the "information box" */

.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */

.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */

.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../palestrantes/h80.png) repeat-x;		
}

/* remove margins from the image */

.items img {
	margin:0;
}

/* make A tags our floating scrollable items */

.items a {
	display:block;
	float:left;
	margin:20px 15px;
} 

/* tooltip styling */

#tooltip {
	display:none;
	background:url(../palestrantes/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}

/* scrollable should not disable gallery navigation */

#gallery .disabled {
	visibility:visible !important;
}

#gallery .inactive {
	visibility:hidden !important;
}




/* PAINEIS DA PROGRAMAÇÃO */
/* navigation */
#nav {

	background:#ddd url(../palestrantes/h300_reverse.png);
	border-bottom:1px solid #CCCCCC;
	height:55px;	
	width:725px;
}

#nav ul {	

	width:705px;
	margin:0 auto;	
}

#nav li {	

	border-right:1px solid #fff;
	float:left;
	padding-left:1px;
	width:130px;
	list-style-type:none;
	text-align:center;
}

#nav a {

	color:#333333;
	display:block;
	padding:5px;
	position:relative;
	word-spacing:-1px;
	font-size:9px;		
	height:50px;
	text-decoration:none;

}	
#nav a.current {
	background:url(../palestrantes/down_large.jpg);	

}

#nav img {

	background-color:#fff;
	border:1px solid #ccc;
	margin:3px 0 5px 25px;
	padding:2px;		
	display:block;
}

#nav strong {

	display:block;		
	font-size:12px;
}

/* panes */

#panes {

	background:#fff url(../palestrantes/h300_reverse.png) repeat scroll 0 0;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0;
	width:723px;
	height:150px;
	margin-bottom:-10px;
	padding-bottom:10px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}
/* crossfading effect needs absolute positioning from the elements */

#panes div {

	display:none;		
	position:absolute;
	top:10px;
	left:10px;
	font-size:11px;
	color:#444;	
	width:600px; 
}

#panes img {
	float:left;
	margin-right:5px;		
}

#panes p.more {
	color:#000;
	font-weight:bold;

}

#panes span.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
	margin:0 0 -5px 0;
	font-size:18px;
	font-weight:normal;
}

.overlay {
	display:none;
	width:300px;
	padding:20px;
	background-color:#ddd;
}

/* configuração dos currículos da programação */
.curriculo_programacao{
    display:none;
	position: fixed;
	top:260px;
	left:500px;
	z-index:1;

}

.fechar{
	top:260px;
	left:850px;
	float:right;
	position:fixed;
	z-index:2;
}

/* configuração do link para fechar os currículos da programação */
a.mais:link { text-decoration:none;color:#93989A;font-size:9px; }
a.mais:visited { text-decoration: none;	color:#93989A;font-size:9px; }
a.mais:hover { text-decoration: underline; color: #999;font-size:9px; }