/*                                                                  |
* FOLHA DE ESTILO  UESB                                             |
*                                                                   |
* LAYOUT CRIADO POR ERIC SANTOS                                     |
* PROGRAMADO POR KLEBER VASCONCELOS                                 |
*                                                                   |
* ==================================================================|
* ==================================================================|
*                                                                   |
* Folha de estilos Desenvolvida por Kleber Vasconcelos em 22/10/2009|
*				kleberbrito@gmail.com                               |
*                                                                   |
* ==================================================================|
*/

@charset "UTF-8";

* {
	padding: 0;
	margin:0;
}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#282828;
}

#popup{
position: absolute; 
top: 55%; 
left: 62%; 
width: 240px; 
height: auto; 
padding: 20px 20px 20px 20px; 
border-width: 1px; 
border-style: solid; 
background: #ccc; 
color: #000066; 
display: none;
z-index:9999;
}
#popup a{
	color: #000066;
	text-decoration:none;
}
#popup a:hover {
	color:red;
	text-decoration:none;
}
.resultado-eleicao {
	display:block;
	padding:5px;
	background: #fff;
}


  a.dcontexto{
  position:relative; 
  font:12px arial, verdana, helvetica, sans-serif; 
  padding:0;
  color:#039;
  text-decoration:none;
  z-index:24;
  }
  a.dcontexto:hover{
  background:transparent ;
  z-index:25; 
  }
  a.dcontexto span{display: none}
  a.dcontexto:hover span{ 
  display:block;
  position:absolute;
  width:100px; 
  top:1em;
  text-align:justify;
  left:0;
  font: 12px arial, verdana, helvetica, sans-serif; 
  padding:5px 10px;
  border:3px solid #000;
  background: #fff; 
  color:#000;
  }

.bordaBox {background: transparent; width:98%;padding-left:4px;}  
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {display:block; overflow:hidden; font-size:1px;}  
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {height:1px;}  
.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background:#ffffff; border-left:0px solid #ffffff; border-right:1px solid #ffffff;}  
.bordaBox .b1 {margin:0 5px; background:#ffffff;}  
.bordaBox .b2 {margin:0 3px; border-width:0 2px;}  
.bordaBox .b3 {margin:0 2px;}  
.bordaBox .b4 {height:2px; margin:0 1px;}  
.bordaBox .conteudo {padding:0px 10px 0px 10px;display:block; background:#ffffff; border-left:0px solid #ffffff; border-right:1px solid #ffffff;}  

.clearboth{
	clear:both;
}

.preto { color:black; }

#blackbar{  /* GRADE PRINCIPAL */
	width:100%;
	height:41px;
	background:#121212;
	color:#FFF;
	text-indent:30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	line-height:40px;
}
#topo{   /* GRADE PRINCIPAL */
	width:100%;
	height:241px;
	background:#ad1914 url(../imagens/bg_topo.jpg) repeat-x bottom;
}
#wrap-topo{width:950px; height:100%; margin:0 auto;}

#logo_30anos{
	float:left;
	position:relative;
	left:10px;
	top:10px;
	width:181px;
	height:auto;
}

#logo{
	float:left;
	position:relative;
	left:10px;
	top:30px;
	width:181px;
	height:auto;
}
#banner{
	float:left;
	position:relative;
	left:20px;
	top:0px;
	width:550px;
	height:239px;
}
#logo-bahia{
	float:right;
	position:relative;
	left:-10px;
	top:20px;
	width:116px;
	height:53px;
	background:url(../imagens/governo.png) no-repeat;
}
#busca{
	display:block;
	float:right;
	position:relative;
	left:-10px;
	top:150px;
	width:209px;
	height:25px;
	background:url(../imagens/busca.png) no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	padding:2px 0 3px 10px;
}

#busca .caixa-texto{width: 130px;}

.linha {
	background:url(../imagens/linha.jpg) no-repeat center; height:15px;;
}
.espaco-v{ padding:10px;}

#wrap{width:950px; height:100%; margin:0 auto; background:#cccccc;}
#corpo{background:#cccccc; }

#esquerda{float:left;  width:195px; margin-top:5px;} /* GRADE PRINCIPAL */
#menu{ background:#e6e6e6; width:168px; margin:0 auto; }
#canais{ width:168px; margin:0 auto;display:block;}
#canais h1{font-family:Arial, Helvetica, sans-serif; color:white; font-size:15px; margin-bottom:10px; display:block; background:url(../imagens/tit-campus.jpg) no-repeat #e5e5e5 ; height:33px; text-indent:10px; line-height:35px;}
#canais ul { display:list-item; list-style-type:none;}
#canais li{ display: inline; list-style-type:none; padding-right:5px; margin:0 auto;} 
#caixa-esq{ width:180px; margin:0 auto;display:block; }
#caixa-esq li {display:list-item; list-style:none; list-style-image:url(../imagens/seta-lista.jpg); margin-left:10px; font-family: Arial, Helvetica, sans-serif;; font-size:9px; line-height:20px;}
#caixa-esq li a:link { color:#000; text-decoration:none;}
#caixa-esq li a:visited { color:#000; text-decoration:none;}
#caixa-esq li a:hover { color:#C33; text-decoration:none;}
#caixa-esq li a:active { text-decoration:none;}
#caixa-esq a{transition: all 300ms linear}
#caixa-esq a:hover{opacity: 0.7}
#redes { width:180px; margin:0 auto;display:block;  }
#redes p{float: left; margin: 15px 5px;}
#redes a{float: left; width: 29px; text-decoration:none; padding: 0 5px; transition: all 300ms linear}
#redes a:hover {opacity: 0.7}
#face { float:left; margin-top:5px; }
#twitter { float:left; margin-left:8px; margin-top:5px; }
#email { background:url(../imagens/e-mail.png) no-repeat center; color:#fff; height:150px; padding:20px 0 0 80px;}

#centro{float:left;  width:414px; margin-top:5px;}  /* GRADE PRINCIPAL */
#slideshow{width:414px; height:320px; }
#veja-mais{width:395px; margin:0 auto; }
#veja-mais h1{font-family:Arial, Helvetica, sans-serif; color:white; font-size:15px; margin-bottom:5px; display:block; background:url(../imagens/tit-veja.jpg) no-repeat #e5e5e5 ; height:33px; text-indent:10px; line-height:35px;}
#veja-mais-conteudo{background:#fff url(../imagens/bg_veja-mais.jpg) no-repeat bottom; height:285px; margin:0 auto; margin-left:7px; overflow:auto;}
#veja-mais-conteudo ul { display:list-item; list-style-type:none;}
#veja-mais-conteudo li {border-bottom:1px dotted #cccccc ; color:gray; margin-bottom:5px; padding-bottom:5px; padding-left:10px;list-style-type:none;}
#veja-mais-conteudo strong {
	color:#D6D6D6;
	font-weight: bold;
}
#veja-mais-conteudo a:link { color:gray; text-decoration:none;}
#veja-mais-conteudo a:visited { color:gray; text-decoration:none;}
#veja-mais-conteudo a:hover { color:black; text-decoration:none; font-weight:bold;}
#veja-mais-conteudo a:active { text-decoration:none;}
#veja-tab{position:relative; float:right; padding:6px;}
#veja-tab a:link { color:black; text-decoration:none;}
#veja-tab a:visited { color:black; text-decoration:none;}
#veja-tab a:hover { color:gray; text-decoration:none; font-weight:bold;}
#veja-tab a:active { text-decoration:none;}

#eventos{width:395px; margin:0 auto;}
#eventos h1{font-family:Arial, Helvetica, sans-serif; color:white; font-size:15px; margin-bottom:10px; display:block; background:url(../imagens/tit-eventos.jpg) no-repeat #e5e5e5 ; height:33px; text-indent:10px; line-height:35px;}


#direita{float:right;  width:340px; margin-top:5px;}   /* GRADE PRINCIPAL */
#banner_radio{width:300px; margin:0 auto; display:block;}
	#banner_radio img{margin-bottom: 10px}
#campus{ width:320px; margin:0 auto;display:block; margin-top: 10px}
#campus h1{font-family:Arial, Helvetica, sans-serif; color:white; font-size:15px; margin-bottom:10px; display:block; background:url(../imagens/tit-campus.jpg) no-repeat #e5e5e5 ; height:33px; text-indent:10px; line-height:35px;}
#campus li{ display: inline; list-style-type:none; padding-right:5px; }
#eleicoes {width:320px; margin:0 auto;display:block;}
#eleicoes h1 {font-family:Arial, Helvetica, sans-serif; color:white; font-size:15px; margin-bottom:10px; display:block; background:url(../imagens/tit-campus.jpg) no-repeat #e5e5e5 ; height:33px; text-indent:10px; line-height:35px;}
#eleicoes p { padding:5px; }
#tab-editais-evidencias{width:320px;  margin:0 auto;display:block;}
.mais-tab{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#900; text-align:right; margin-top:10px; background-color:#fff; padding: 10px 10px 10px; border-radius:5px;}
	.mais-tab:hover { background-color:#d8522c;}
.mais-tab a:link { color:#900; text-decoration:none;}
.mais-tab a:visited { color:#900;; text-decoration:none;}
.mais-tab a:hover { color:#900; text-decoration:none; }
.mais-tab a:active { text-decoration:none;}

#programacao{width:320px; margin:0 auto;display:block; }
#prog-titulo{ height:60px; background:url(../imagens/programacao.jpg) no-repeat;}
#portais{width:320px; margin:0 auto;display:block;}
#portais h1{font-family:Arial, Helvetica, sans-serif; color:white; font-size:15px; margin-bottom:10px; display:block; background:url(../imagens/tit-portais.jpg) no-repeat #e5e5e5 ; height:33px; text-indent:10px; line-height:35px;}
#portais li{ display: inline; list-style-type:none; padding-right:5px; } 
#wesbmail{width:240px; height:60px; background:url(../imagens/uesbmail_bg.jpg) no-repeat center; margin:0 auto;display:block; padding:42px; color:#fff; margin-left:15px;}

#baixo{height:80px; margin-top:20px;}   /* GRADE PRINCIPAL */
#uesb-baixo{position:relative; top:10px; left:300px; background:url(../imagens/uesb-baixo.jpg) no-repeat; width:143px; height:44px; float:left}
#bahia-baixo{position:relative; top:10px; left:400px; background:url(../imagens/governo-old-baixo.png) no-repeat; width:80px; height:44px;float:left}
#chp-baixo{position:relative; top:10px; left:550px; background:url(../imagens/chp-baixo.jpg) no-repeat; width:117px; height:44px;float:left}

/* MENU */
#menu h2{
	display:block;
	background:#797675 url(../imagens/bg_menu_h1.jpg) repeat-x;
	height:33px;
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-indent:10px;
	line-height:35px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

#menu ul li {
	position: relative;
	}
	
#menu li ul {
	position: absolute;
	left: 166px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #e6e6e6; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
#menu ul li a.current { background:#d54312; color:#FFF; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu ul li a:hover { color: #000; background: #f9f9f9; } /* Hover Styles */
#menu ul li.menu-red a  { background: #e0040b; color:#fff; }		
#menu ul li.menu-red a:hover { background: #F30; color: #FFC; }
#menu li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#menu li:hover ul, li.over ul { display: block; } /* The magic */
/* MENU */



/* slider*/





ul#feature_buttons{
margin:				0 0 0 270px;
padding:			3px 0 0 0;
width:				130px;
height:				27px;
}


#slider_wrap {
background:			white;
width: 				385px;
margin: 			0;
display:			block;
z-index:			-1200;
height:				266px;
max-height:			266px;
overflow:			hidden; 
}
		
#slider_wrap div div { 
overflow: 			hidden;
height:				266px;
z-index:			-1200; 
}

#slider_wrap div div a{
border:				none;
}

/* TABBED */

/* TABBED */

/* SCROLL */
#parceiros{
	position:relative;
	margin:0 auto;
	padding:0;
}
#parceirosPanel {
	width:100%;
	height:auto;
	position:relative;
}
#parceirosViewport {
	width:100%; 
	/*height:500px; */
	height:600px;
	overflow:hidden;
	
}
#parceirosContent {
	height:100%;
	width:100%;
}
#parceirosContent ul{
	display: list-item;
	list-style-type: none;
	padding:5px;
	vertical-align:middle;
	margin:10px 0 0 10px;
}
#parceirosContent li{
	width:100%;
	height:100px;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:15px;
}
#parceirosContent li img { margin: 0 5px 5px 0; float: left; }

/* SCROLL */

/* modal */
#mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}  
#boxes.window {position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px;}
#boxes #dialog2 {position: fixed;width:533px; height:407px; z-index:9999;}
	#bg_modal{float: left; width: 533px; height: 370px; background:url(../imagens/bg_modal.png) no-repeat; font-family: verdana}
		#bg_modal h3{float: left; margin-top: 28px; width: 400px; margin-left: 69px; font-size: 17px; color: #000; margin-bottom: 10px}
		#bg_modal p{float: left; padding: 12px 0; width: 400px; margin-left: 69px; font-size: 11px; color: #a5a5a5; line-height: 160%}
.close{float: right; width: 68px; height: 27px; background:url(../imagens/bt_fechar.png) no-repeat; border: none; margin-top: 10px; cursor: pointer; transition: all 300ms linear}
	.close:hover{opacity: 0.8}