#conteudo #destaques {
		width: 998px;
		height: 230px;
		clear: both;
		margin-bottom: 20px;
		border:1px solid #e9e9e9; 
	}
	
	#conteudo #comunicacao {
		width: 100%;
		height: 430px;
		margin-bottom: 20px;
	}
	
		#conteudo #comunicacao #noticias {
			width: 660px;
			height: 100%;
			float: left;
		}
		
		#conteudo #comunicacao #veiculos {
			width: 320px;
			height: 427px;
			float: right;
			border: 1px solid #E9E9E9;
		}
		
			#conteudo #comunicacao #veiculos .info { margin: 10px 0px 20px 0px; }	
			#conteudo #comunicacao #veiculos .info #datavideo,
			#conteudo #comunicacao #veiculos .info #horavideo { 
				font-size: 9px; color: #333333; line-height: 30px; text-align: right;
			}			
			#conteudo #comunicacao #veiculos .info #titvideo { font-size: 12px; font-weight: bold; color: #333333; line-height: 14px; }	
			#conteudo #comunicacao #veiculos .info #descvideo { font-size: 10px; margin-top: 10px; }	
			
			#conteudo #comunicacao #veiculos .midia { height: 325px; border: 1px solid #ffffff; }
			#conteudo #comunicacao #veiculos .links { height: 20px; margin: 22px 0px 15px 0px; text-align: right; color:#C0C0C0;}			
			#conteudo #comunicacao #veiculos .links a { padding: 0px 10px 0px 10px; }
		
	
	
	#conteudo #coringa {
		width: 100%;
		height: 70px;
		margin-bottom: 20px;
		background-color: #efefef;
	}
	
	#slideWrapper{ padding: 0 20px;}
	
	
		#slideshow {
			float:left; /* important for inline positioning */
			width:890px; /* important (this width = width of list item(including margin) * items shown */ 
			margin: 0 15px;
			height:70px;
			overflow: hidden;  /* important (hide the items outside the div) */
			/* non-important styling bellow */
			background: #EFEFEF;
		}

		#slidesContainer {
			position:relative;
			left:-180px; /* important (this should be negative number of list items width(including margin) */
			list-style-type: none; /* removing the default styling for unordered list items */
			margin: 0px;
			padding: 0px;
			width:9999px; /* important */
			/* non-important styling bellow */
			padding-bottom:10px;
		}

			#slidesContainer div{
				float: left; /* important for inline positioning of the list items */                                    
				width:180px;  /* fixed width, important */
				/* just styling bellow*/
				padding:0px;
				margin:10px auto;
			}

				#slidesContainer div img {
					.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
					/* styling */
					cursor:pointer;
					border:0; 
				}
		#left_scroll, #right_scroll{
			float:left; 
			height:30px; 
			padding:20px 0px;
			width:20px; 
			background-color:#efefef;
		}
		
		#left_scroll img, #right_scroll img{
			border:0; /* remove the default border of linked image */
			/*styling*/
			cursor: pointer;
		}
	
	#conteudo #calendario {
		width: 998px;
		height: 514px;
		margin-bottom: 20px;
		border: 1px solid #E9E9E9;	
	}
	
	#conteudo #calendario .todocalendario {
		float: right;
		height: 20px;
		text-align: right;
		margin-right: 20px;
	}
		
		#conteudo #calendario #agenda {
			width: 600px;
			height: 490px;
			margin: 20px 0px 10px 20px;
			float: left;
		}

		#conteudo #calendario #eventos {
			width: 330px;
			height: 190px;
			margin: 20px 20px 10px 0px;
			float: right;
			background-color: #F9F9F9;
		}
				
			#conteudo #calendario #categorias h3,
			#conteudo #calendario #eventos h3 { 
				font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
				font-size: 16px;				
				margin-left: 20px;
				margin-bottom: 0px;
				color: #333333;
			}
			
			#conteudo #calendario #eventos .portletItem , 
			.portletItem .even {
				border: none;
				background-color: #F9F9F9;
				padding: 5px 20px;
				margin: 0px 10px 0px 0px;
			}
			
			#conteudo #calendario #eventos .portletItem .portletItemDetails { display: block; }
		
			#conteudo #calendario #eventos .portletItem  .tile {
				font-family: Verdana, sans-serif;
				font-size: 12px;
				color: #666666;
			}
			
			#conteudo #calendario #eventos .portletItem  a:hover { color: #10649D !important; }
			
			#conteudo #calendario #eventos .portletItem  span {
				font-family: Verdana, sans-serif;
				font-size: 11px;
				color: #666666;
				text-align: left;
			}	
				
			#conteudo #calendario #eventos .todoseventos { text-align: right; margin-right: 20px; margin-top: 30px; }
			#conteudo #calendario #eventos .todoseventos a:hover ,
			#conteudo #calendario .todocalendario a:hover { border-bottom: 1px dotted #10649D; }
			
		#conteudo #calendario #categorias {
			width: 340px;
			height: 255px;
			margin: 0px 10px 5px 0px;
			float: right;
		}			
				
		#conteudo #calendario #categorias #fieldset-Subject { border: none; padding-left: 5px; }	
		#conteudo #calendario #categorias #fieldsetlegend-Subject { display: none; }
			
#conteudo #banners {
		width: 100%;
		height: auto;
	}
	

       #conteudo #banners img {
	    border: 1px solid #e9e9e9;
	    box-sizing: border-box; 
	}

	
	#conteudo #banners a img{
	      width: 321px;    
	}

	
	#conteudo #banners p a{
	    margin: 0 6px;
	}


	/*** para 4 banners ***/
	#conteudo #banners a:nth-last-child(n+8) img,
	#conteudo #banners a:nth-last-child(n+8) ~ a img{
	   	width: 239px;  /*com quatro banners */
	}

	#conteudo #banners p a:nth-last-child(n+8),
	#conteudo #banners p a:nth-last-child(n+8) ~ a {
    		margin: 4px; /*com quatro banners */
	}
	
	
   #conteudo #banners a:hover,#conteudo #governo a:hover {border:none;}
	
	#conteudo #governo {
		width: 100%;
	}

	#conteudo #governo .ban {
		margin: -10px 15px 0 15px;
	}	

	/* Customização para rádio */
		
	#conteudo #comunicacao #veiculos .midia #player{
		background: url(../imagens/comunicacao/UFRGSradio.jpg) no-repeat top center;
		height: 320px;
		width: 300px;
		position: relative;
	}
     
	#conteudo #comunicacao #veiculos .midia .audiojs,
	#conteudo #comunicacao #veiculos .midia audio{
		width: 300px;
		position: absolute;
		bottom: 0;
        left:0;
	}

    #conteudo #comunicacao #veiculos .midia .audiojs .scrubber,
    #conteudo #comunicacao #veiculos .midia .audiojs .time{
    	display: none;
    }
    
    #conteudo #comunicacao #veiculos .midia .audiojs .error-message{
    	width:220px;
    }
    



/* Destaques da página inicial - Carrousel */

	#featured { 
		height:200px; 
		width:1000px;
	}
	
	#featured.ui-tabs { padding: 0px !important; }

	#featured .ui-tabs-panel{
		clear:both;
		padding: 0px;
	}
	
	
	#featured .ui-widget-content { border: none;	}
	#featured .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: none; }
	#featured .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
	#featured .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; background: none; }
	#featured .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none; background: none; }
	#featured .ui-corner-top, #featured.ui-corner-all, #featured .ui-corner-bottom { border: none; }
	#featured ul.ui-corner-all { border: none; border-radius: 0; }

	
	
		#featured .ui-tabs-panel img {
		    z-index:-1;
            width: 1000px; 
			height: 200px;
		}
		
		#featured .ui-tabs-panel .info { 
			position: relative;
		    margin-top: -200px;
			margin-left: 580px;
			background-color: #F9F9F9;
		    height: 170px;
		    padding: 15px;
		    width: 390px;
			opacity:0.8;		
		    filter:alpha(opacity=80);
		}
		
	#featured .info h2{ 
		font-size:28px; 
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
		color:#000000; 
		padding:5px; 
		overflow:hidden; 
        border: none !important;
		margin-bottom: 5px;
	}
	#featured .info p { 
		margin:0 5px; 
		font-family:Verdana; 
		font-size:12px; 
		line-height:18px; 
		color:#000000;
		z-index:32;
	}
	#featured .info h2 a{ 
		text-decoration:none; 
		color:#000000; 
	}
	#featured .info h2 a:hover{ 
		color: #10649D !important;
		border-bottom: 1px dotted #10649D; 
	}
	#featured .ui-tabs-hide{ 
		display:none; 
	}


/*TABS*/

		
#featured ul.ui-tabs-nav{ 
	list-style-type: none;
    padding: 0;
    width: 1000px;
	height:30px;
	background-image:url(../imagens/bg.jpg);
	background-repeat:repeat-x;
	margin:0;
}
	#featured ul.ui-tabs-nav li{ 
		font-size:12px; 
		color:#666; 
		float: left;
                border-right:1px solid #5B8800;
                border-radius:0;
                margin:0;
	}

	#featured ul.ui-tabs-nav li.ui-tabs-selected, 
	#featured ul.ui-tabs-nav li.ui-state-hover{padding:0;}

		#featured ul.ui-tabs-nav li span{ 
			font-size:15px; 
			font-family: 'Trebuchet MS', Helvetica, sans-serif;
			line-height:190%; 
		}
				
		#featured li.ui-tabs-nav-item a{ 
			display:block; 
			height:29px; 
			color:#fff; 
			font-size:20px;
			text-decoration:none;  
			padding:0 10px;	
		}
		
		#featured li.ui-tabs-nav-item a:hover{ 
			background-image:url(../imagens/bg_hover.jpg); 
			text-decoration:none;
                        border-bottom:none;
		}
		
		#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
			background-image:url(../imagens/bg_hover.jpg);
		}
		
		
	

	
/* Área de Comunicação - Veículos - Accordion */
	
	#veiculos .accordionWrapper{
		display:inline-block; 
		background-color:#fff; 
		overflow:hidden; 
		height:43px; 
	}
	
	#veiculos .accordionWrapper .set{ padding-right: 0px; width: 56px; }
	#veiculos .accordionWrapper div{display:inline; float:left; margin:auto;}
	#veiculos .accordionWrapper div.title{cursor:pointer; width:45px; height: 45px;}
	
	#veiculos .accordionWrapper div.content{
		display:none;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px; 
		padding:14px 0;
		letter-spacing:-0.07em;
		color: #ffffff;
	}
	
	#veiculos div.content a {text-decoration:none; color:#333; margin-right:10px; line-height:180%;}
	
	#veiculos .title p{ height:45px; padding:0; margin:0;}
	#veiculos #tv{ background:url(../imagens/comunicacao/tv.jpg) top left no-repeat;}
	#veiculos #jornal { background:url(../imagens/comunicacao/jornal.jpg) 0 0 no-repeat; }
	#veiculos #radio { background:url(../imagens/comunicacao/radio.jpg) no-repeat; }
	#veiculos #editora { background:url(../imagens/comunicacao/editora.jpg) no-repeat; }
	#veiculos #tv.active, #veiculos #jornal.active, #veiculos #radio.active, #veiculos #editora.active{background-position: 0 -43px; width: 152px; }
	#veiculos .active div.content a{ color:#fff;}
	#veiculos .active div.content a:hover{text-decoration:underline;}	
	#veiculos #comcont { padding:10px; text-align: center; }

/* NOTICIAS */	
	
/*Estilo das abas*/
#abas{
	border: 1px solid #e9e9e9;
	width:660px;
	height:427px;
}
	
	#abas #menunoticias { 
		padding:0;
		margin:0;
		text-decoration: none;
		}
		
		#abas #menunoticias li { 
		    display: inline; 
            list-style-type: none;
			border-bottom: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
		
		#abas #menunoticias li:hover{ 
			background-color:#ccc;			
		} 
		
			#abas li {
				background: #E8E8E8; 
				float:left; 				
				color: #000; 
				height:28px;
				width:164px;
				text-align:center;
				cursor:pointer;
			}
							
				#abas li{
					text-decoration: none;
					color: #000000;
					line-height: 25px;
				}
				
				#abas.aba a:visited{
					text-decoration: none;
					color: #000000;
				}
												
				#abas #menunoticias li.ativo { 
					text-decoration: none;
					background: #fff; 
					line-height: 25px;
					border-bottom:1px solid #fff;
				}
				
				#abas #menunoticias li.last {
					border-right:1px solid #e9e9e9;
				}
					
				#abas #menunoticias li.ativo.last{
					border-right:1px solid #fff;
				} 
				
	/*Estilo conteúdo*/
	#abas .content { 
		float: left; 
		clear: both; 
		width: 660px; 
		height:390px;
		display:none;
                position: relative;
	}
	
	#abas .content.ativo {display:block;}
		
	#abas .destaque{
		margin-bottom: 20px;
		width: 98%;
		height: 30%;	
	}
			
			#abas .dest{
				float: left;
                margin: 20px 0 0 20px; 
			} 
		
			#abas .titulo {
				border-bottom: 1px solid #c0c0c0;
				padding-bottom: 5px;
			}
					
			#abas .titulo a {
				font-size: 16px;
				color: #666666;
			}
			
			#abas .titulo a:hover { color: #10649D; }
			
			#abas .data {
				font-size: 10px;
				color: #666666;
				padding-top: 5px;
			}			
	
			#abas .imagem {
				margin: 10px 15px 15px 0px;
				border: 1px solid #c0c0c0; 
				float: left;
				height: 230px;	
                                width: 55%;			
			}

#abas .imagem img { width: 100%; height:230px; }

		#abas .destaque .cont { width: 40%;  float: right; padding-top: 10px; } 
		
		#abas .dest .imagem a{position: relative;}

		#abas .legenda {
                    background-color: #FFFFFF;
                    font-family: arial,verdana,sans-serif;
                    font-size: 11px;
                    opacity: 0.9;
                    padding: 5px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 97%;
	         }							
			#abas .desc{
				font-size: 12px;
				line-height: 18px;
				margin-top: 10px;
			}
				
			#abas .noticias{
				height:110px;
				width:660px;
				background-color:#fafafa;
				clear: both;
                                position: absolute;
                                bottom: 0px;
			}
				#abas .mininoticia {
                                    float: left;
                                    height: 70px;
                                    margin: 10px 5px 5px;
                                    width: 205px;			
				}				
						
				#abas .mininoticia .titulo  { margin-left: 15px; } 
				#abas .mininoticia .titulo a {
					font-size: 12px;
					color: #666666;
				}

				#abas .mininoticia .data { margin-left: 15px; } 
				
				#abas .mininoticia .titulo a:hover { color: #10649D; }

	.todasnoticias {
             bottom: 0;
             clear: both;
             color: #C0C0C0;
             height: 20px;
             padding-bottom: 10px;
             position: absolute;
             width: 97%;
         }
    .todasnoticias p{text-align: right;}
	.todasnoticias a:hover {  border-bottom: 1px dotted #10649D; }
 

#calendar div.fc-content {
    z-index:0;
    height: 430px;
    overflow: auto;
}
	
/** BANDEIRA PRETA **/
 .eleicoes{
background: rgb(237,166,61);
background: radial-gradient(circle, rgba(241,181,58,1) 0%, rgba(237,166,61,1) 100%);
font-size: 3em;
text-align: center;
color: #352E22;
font-weight: bold;
display: none;
}

.eleicoes span{
  background-color: #352E22;
  color: #F1B53A;
}

.eleicoes a{
  font-size: 0.6em;
}
.eleicoes a img{
  border: none;
  text-decoration: none;
}

.ui-dialog .ui-dialog-titlebar-close{
  margin:10px !important;
  z-index: 3;
}

.ui-dialog .ui-dialog-titlebar-close{
	padding: 10px !important;
	background-color: #f9c87c;
}

.ui-dialog .ui-dialog-titlebar, .ui-dialog, .ui-dialog .ui-dialog-content{padding: 0!important ;}
.ui-dialog .ui-dialog-title{display: none;}
.ui-widget-header{border: none;}