/* Start of CMSMS style sheet 'layout' */
* {margin:0; padding:0; font-family:Trebuchet MS, Arial;}

body {background:#E6E7E7 url(../images/bg.gif) repeat-x fixed;}

#alinhasite {width:900px; background:#FFFFFF url(../images/bg_alinhasite.gif) repeat-x; margin:20px auto; overflow:hidden;}

#alinhaconteudo {width:850px; background-color:#FFFFFF; margin:0 auto;}

#cabecalho {width:850px; height:52px; background-image:url(../images/cabecalho.gif); float:left;}
#cabecalho p {font-size:11px; color:#2F414B; margin-top:30px; padding-left:5px;}

#topo {width:850px; height:230px; background-color:#456E89; float:left;}


#banner {width:520px; height:230px; background-image:url(../images/banner.jpg); float:left;}
#banner p {font-size:12px; color:#FFFFFF; font-weight:bold; text-align:right; margin-top:160px; padding-right:20px;}

#logo {width:330px; height:230px; float:left;}

#menu {width:850px; height:35px; background-color:#456E89; float:left;}

#menu ul {list-style-type:none; margin-top:5px; padding-left:10px;}

#menu li {color:#FFFFFF; font-size:16px; font-weight:bold; display:inline; padding:0 18px;}
#menu li a:link {color:#FFFFFF; text-decoration:none;}
#menu li a:visited {color:#FFFFFF; text-decoration:none;}
#menu li a:hover {color:#F8CE21; text-decoration:none;}
#menu li a:active {color:#FFFFFF; text-decoration:none;}

#corpo {width:520px; background-color:#FFFFFF; float:left; margin-bottom:15px;}
#corpo h1 {font-size:22px; color:#2F414B; margin:10px 0 ; padding-left:5px;}
#corpo h2 {font-size:16px; color:#2F414B; padding-left:5px; margin:10px 0;}
#corpo p {font-size:11px; color:#333333; text-align:justify; margin-bottom:10px; padding:0 25px 0 5px;}

#corpo a:link {color:#2F414B; text-decoration:none;}
#corpo a:visited {color:#2F414B; text-decoration:none;}
#corpo a:hover {color:#2F414B; text-decoration:underline;}
#corpo a:active {color:#2F414B; text-decoration:none;}


#corpo ul {list-style:disc inside; margin-top:5px; margin-bottom:20px; padding-left:15px;}
#corpo li {color:#333333; margin-bottom:5px; text-align:justify; padding-right:20px; font-size:11px;}
#corpo li a:link {color:#2F414B; text-decoration:none;}
#corpo li a:visited {color:#2F414B; text-decoration:none;}
#corpo li a:hover {color:#2F414B; text-decoration:underline;}
#corpo li a:active {color:#2F414B; text-decoration:none;}

#corpo img {margin: 0 8px;}

#corpo_home {width:520px; background-color:#FFFFFF; float:left;}

#apresentacao {width:520px; height:145px; float:left;}
#apresentacao h1 {font-size:22px; color:#2F414B; margin-top:10px; padding-left:15px;}
#apresentacao h2 {font-size:11px; color:#2F414B; margin-top:5px; padding-right:30px; float:right;}
#apresentacao h2 a:link {color:#2F414B; text-decoration:none;}
#apresentacao h2 a:visited {color:#2F414B; text-decoration:none;}
#apresentacao h2 a:hover {color:#2F414B; text-decoration:underline;}
#apresentacao h2 a:active {color:#2F414B; text-decoration:none;}

#apresentacao p {font-size:11px; color:#000000; text-align:justify; margin-top:5px; padding:0 30px;}



#box {width:520px; height:300px; background-color:#86A8BB; float:left; overflow:hidden;}

#box_esq {width:240px; float:left; padding-left:15px; margin-top:5px;}
#box_esq h4 {font-size:16px; color:#2F414B; margin-top:5px;}
#box_esq h2 {font-size:11px; font-weight:normal; color:#2F414B; margin-top:0px;}
#box_esq h1 {font-size:11px; color:#2F414B; margin-top:5px; padding-left:5px;}

#box_esq a:link {color:#2F414B; text-decoration:none;}
#box_esq a:visited {color:#2F414B; text-decoration:none;}
#box_esq a:hover {color:#2F414B; text-decoration:underline;}
#box_esq a:active {color:#2F414B; text-decoration:none;}


#box_esq p {font-size:11px; color:#FFFFFF; text-align:justify; margin-top:5px; padding-left:5px;}


#box_esq h3 {font-size:11px; font-weight:normal; color:#2F414B; margin-top:0px;}

#hipnose {width:240px; height:280px; float:left; margin:10px 0 0 10px; border-left:1px #FFFFFF dashed;}
#hipnose h4 {font-size:16px; color:#2F414B; margin-top:0; padding-left:10px;}
#hipnose h1 {font-size:13px; color:#2F414B; margin-top:5px; padding-left:15px;}
#hipnose h1 a:link {color:#2F414B; text-decoration:none;}
#hipnose h1 a:visited {color:#2F414B; text-decoration:none;}
#hipnose h1 a:hover {color:#2F414B; text-decoration:underline;}
#hipnose h1 a:active {color:#2F414B; text-decoration:none;}

#hipnose a:link {color:#2F414B; text-decoration:none;}
#hipnose a:visited {color:#2F414B; text-decoration:none;}
#hipnose a:hover {color:#2F414B; text-decoration:underline;}
#hipnose a:active {color:#2F414B; text-decoration:none;}

#hipnose p {font-size:11px; color:#FFFFFF; text-align:justify; margin:5px 0 15px 0; padding-left:15px;}

#noticias {width:240px; height:150px; float:left; border-bottom:1px #FFFFFF dashed;}

#proximos {width:240px; height:145px; float:left;}

#cursospalestras {width:330px; height:445px; background-color:#A5B7C3; float:left;}
#cursospalestras h1 {font-size:22px; color:#2F414B; margin-top:10px; padding-left:15px;}
#cursospalestras h2 {font-size:11px; font-weight:normal; color:#000000; text-align:justify; margin:5px 0 15px 0; padding:0 15px;}
#cursospalestras h3 {font-size:16px; color:#2F414B; margin-top:10px; padding-left:15px;}
#cursospalestras h4 {font-size:11px; font-weght:normal; color:#FFFFFF; float:right; margin-top:3px;  padding-right:15px;}
#cursospalestras h4 a:link {color:#FFFFFF; text-decoration:none;}
#cursospalestras h4 a:visited {color:#FFFFFF; text-decoration:none;}
#cursospalestras h4 a:hover {color:#FFFFFF; text-decoration:underline;}
#cursospalestras h4 a:active {color:#FFFFFF; text-decoration:none;}
#cursospalestras br {line-height:5px;}

#cursospalestras ul {padding-left:22px; list-style:none; margin-top:10px; width:300px; float:left;}
#cursospalestras li {width:75px; margin-bottom:7px; float:left;}

.listagem {height:100px;}
.listagem h3 {font-size:16px; color:#2F414B; padding-left:15px;}
.listagem h3 a:link {color:#2F414B; text-decoration:none;}
.listagem h3 a:visited {color:#2F414B; text-decoration:none;}
.listagem h3 a:hover {color:#2F414B; text-decoration:underline;}
.listagem h3 a:active {color:#2F414B; text-decoration:none;}

.listagem p {font-size:11px; color:#000000; text-align:justify; padding:0 15px;}
.listagem img {float:left; border:2px #FFFFFF solid; margin:0 10px 0 15px;}

#base {width:520px; height:52px; float:left;}
#base p {font-size:12px; font-weight:bold; color:#ffffff; padding-left:20px; margin-top:10px;}
#base a:link {color:#003366; text-decoration:none;}
#base a:visited {color:#003366; text-decoration:none;}
#base a:hover {color:#003366; text-decoration:underline;}
#base a:active {color:#003366; text-decoration:none;}

#base2 {width:330px; height:52px; background-image:url(../images/base.gif); float:left;}
#base2 p {font-size:12px; font-weight:bold; color:#ffffff; padding-left:20px; margin-top:10px;}
#base a:link {font-size:12px; font-weight:bold; color:#003366; text-decoration:none;  padding-right:20px; margin-top:10px;}
#base a:visited {color:#003366; text-decoration:none;}
#base a:hover {color:#003366; text-decoration:underline;}
#base a:active {color:#003366; text-decoration:none;}

#contato {width:520px; background-color:#FFFFFF; float:left; margin-bottom:15px;}
#contato h1 {font-size:22px; color:#2F414B; margin:10px 0 ; padding-left:5px;}

#contato_form {width:400px; float:left; padding-left:40px;}
#contato_campos ul {width:430px; list-style:none; margin-top:20px;}
#contato_campos li {font-size:13px; color:#2F414B; margin-bottom:10px;}
#contato_campos input {width:210px; height:16px; font-size:11px; background-color:#456E89; color:#FFFFFF; border:0; padding:2px 5px;}
#contato_campos select {width:150px; height:16px; font-size:11px; color:#FFFFFF; border: 1px #666666 solid; background-color:#4D4A43; padding:0;}
#contato_campos textarea {font-family:Trebuchet MS, Arial ; width:400px; height:150px; font-size:11px; background-color:#456E89; color:#FFFFFF; border:0; padding:2px 5px; overflow:auto;}
#botoes_contato {margin:5px 0 20px 110px; }
input.botoes {background-color:#456E89; text-align:center; font-size:12px; width:45px; height:16px; color:#FFFFFF; margin-right:6px; border:0;}


#enviar {width: 388px; height:150px; background-image: url(../images/bg_contato.jpg); background-repeat: no-repeat; margin:0; padding:0; border:0; float:left; }
#txt_enviar {border:0; margin:0; padding:0;}
#txt_enviar h1 {font-size:15px; color:#CC0000; text-align:right; padding-right:10px; margin:50px 0 0 0; border:0;}
#txt_enviar p {font-weight:bold; font-size:12px; text-align:right; color:#003366; padding-right:10px; margin-top:10px; border:0;}
/* End of 'layout' */

/* Start of CMSMS style sheet 'galeria' */
#internas_galeria {width:450px; float:left;}
#internas_galeria h1 {font-size:20px; color:#014F7D; margin-bottom:12px; padding-left:10px;}
#internas_galeria h2 {font-size:15px; color:#CC0000; margin-bottom:5px; padding-left:10px;}
#internas_galeria h3 {font-size:12px; margin:0 0 10px 10px; color:#333333; font-weight:normal; }
#internas_galeria h3 a:link {color: #CC0000; text-decoration:none;}
#internas_galeria h3 a:visited {color: #CC0000; text-decoration:none;}
#internas_galeria h3 a:hover {color: #CC0000; text-decoration:underline;}
#internas_galeria h3 a:active {color: #CC0000; text-decoration:none;}
#internas_galeria p {font-size:11px; color:#5E5A4E; text-align:justify; line-height:16px; margin:0 0 10px 10px; }
#internas_galeria ul {width:490px; margin-left:0px; list-style:none;}
#internas_galeria li {font-size:11px; width:115px; line-height:14px; margin:0 0 1em 0; float:left;}
#internas_galeria li a:link {color: #5E5A4E; text-decoration:none;}
#internas_galeria li a:visited {color: #5E5A4E; text-decoration:none;}
#internas_galeria li a:hover {color: #5E5A4E; text-decoration:underline;}
#internas_galeria li a:active {color: #5E5A4E; text-decoration:none;}

.galeriaimg {border:2px solid #FFFFFF;}
a img.galeriaimg {border:2px solid #FFFFFF;}
a:hover img.galeriaimg {border: 2px solid #F8CE21;}

.clear {clear:both}
.seta_nav {margin:0 2px;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.facom.ufjf.br/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.facom.ufjf.br/lightbox/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.facom.ufjf.br/lightbox/images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* End of 'galeria' */