/* 
    Document   : custom.css
    Created on : 20/05/2011, 16:28:51
    Author     : Sicca
    Description:
        O objetivo desde arquivo é adicionar estilos customizados, além 
        do padrao do tema.

*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


#mapa_parte2 {
	display:none;
	}


#tabs {
        margin:16px 0 0 4px;
	height: 72px; /* posicao vertical das tabs*/
	background-color:#FFF; /*andre 15set2011 DAE4C0*/


}

#youtube_titulo{
	margin-top:8px;
	background-image: url('../images/marcadorVideos.png') !important; 
	float:right;
	width: 245px;
	height:22px;
	margin-bottom:4px;
		}
		
#youtube_texo{
	margin-top:3px;
	font-size: 13px;
	font-weight:bold;
	float:right;
	color:#3b8b27;
	width: 215px;
	height:20px;
		}	
			
#youtube_fundo_video{
	float: left;
	margin: 6px 6px 6px 6px;
	width: 230px;
	height:185px;
	background-color:#fbfef6;
	border:1px solid #CCC;
	-moz-border-radius:5px; /* Firefox, etc */
	-khtml-border-radius:5px; /* Konqueror, etc */
	-webkit-border-radius:5px; /* Safari, Google Chrome, etc */
	-opera-border-radius:5px; /* Opera */
	}
	
#youtube_video{
	width: 206px;
	height:171px;
	float:left;
	padding-top:7px;
	padding-left:12px;
	padding-bottom:5px;
	
	
	}
		
#youtube{
	float:right;
	width: 245px;
	height:238px;
	margin:3px 5px 10px 0px;
	border:1px solid #CCC;
	-moz-border-radius:5px; /* Firefox, etc */
	-khtml-border-radius:5px; /* Konqueror, etc */
	-webkit-border-radius:5px; /* Safari, Google Chrome, etc */
	-opera-border-radius:5px; /* Opera */
		}
		
		

/*botoes laterais esquerdos alterados via jQuery */
.marcador_azul {
	background-position:left bottom;
	}

.botao_azul {
	background-position:left bottom;
	}


/**
 * MENU - LINKS IMPORTANTES
 * ******************************************* */
div.moduletable-importante {
    background-image: url('../images/background_menu_cinza.jpg');
    width: 176px;
    height: 35px;
    vertical-align: middle;
    margin: 0 0 3px 6px;
}

div.moduletable-importante p {
    padding: 10px 0 0 0;
    margin: 0 0 0 30px;
}

div.moduletable-importante p a {
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #575757;
}

/* �REA REDE - MAPA, LINKS E LINHAS */

#menu_rede li{	
    background-image: url('../images/marcadorVerde.png') !important; 
    background-position: 0px 3px;;
    list-style-type: none;
    color: #4B5B20;
    padding-left: 5px;
	padding-top:0px;
}



#linha_menu_rede{	
    color: #4B5B20;
    background-color: #4B5B20;
    margin: 0 auto;
}

#rede{
	 margin: 0 auto;
	width:200px;
	height:500px;
}

#mapa_menu_rede{	
    text-align: center;
}

/** div para icones das redes sociais */

#redes-sociais {
	padding:0;
	margin-left:8px;
	margin-top:10px;
	height:42px;
	padding:0;
	}


/* PESQUISA */

.searchpesquisa {
	margin: -35px 10px 10px 8px;
	padding:0;
	/*
	float:right;
	position: absolute;
	top:  173px;
	right: 13px;*/
	height:20px;
	width:240px;
	
	border:0px black solid;
}
.searchpesquisanoticia {
	float:right;
	margin: 10px 6px 10px 0;
	position: absolute;
	top:  173px;
	right: 13px;
	
	
}

.searchpesquisa input[type=text] {
	height: 20px;
	width: 200px;
	margin-top:-10px;
}

	
/* novo: 30/08/2011 */
.searchpesquisa input[type=image] {
	margin-top:-12px;
}

label.labelboxpesquisa{
    position:absolute;
    visibility: hidden;
}

/* configura��o do slider do cabe�alho*/
#rotating-elements {
		margin:-6px 0px 0px 0px;
		float:right;
		clear:left;
		display:block;
		height:137px;
		width:500px;
	}


/* MENU ACESSIBILIDADE TOPO */	
/*
#menu-acessibilidade {
    background: url("../images/background_menu_acessibilidade.png") repeat-x scroll 0 0 #FFFFFF;
    height: 29px;
    position: absolute;
    right: 18px;
    top: 7px;
}*/




#menu-bandeiras {
	margin:-3px 0px 0px 10px;
	float:right;
	display:none;
	}

.icone_bandeira{}

.imagem_terra {
	  background: url("../images/acessibilidade_traduzir.png");
	  width:18px;
	  height:18px;
	  overflow:hidden;
	  display:block;
	  float:left;
	  margin-right:2px;
	}
.imagem_terra_hover {
	 background: url("../images/acessibilidade_traduzir.png");
	 background-position:left bottom;
	}
	
		
#menu-acessibilidade {
    background: url("../images/background_menu_acessibilidade.png") repeat-x scroll 0 0 #FFFFFF;
    height: 29px;
    float:right;
	margin:10px 2px 0px 0px;
	display:block;
}
#menu-acessibilidade ul {
    margin: 0;
    padding: 5px;
    line-height: 1.5em;
}

#menu-acessibilidade ul li {
    display: inline;
    float: left;
    height: 30px;
    list-style: none outside none;
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    padding-left: 15px;
}
#menu-acessibilidade ul li a {
    text-decoration: none;
}
#menu-acessibilidade ul li img {
    position: absolute; 
    top: 2px; 
    left: -7px;
}

.art-content-layout .art-sidebar2 {
    margin-top: 50px !important;
    margin-right: 0px;
	margin-left:0px  !important; /*novo*/
    z-index:0;
	width:261px !important; /*novo*/
	border:0px black solid !important; /*novo*/
	float:left;
}

.art-content-layout .art-sidebar1 {
    margin-left: 0px !important;
    display: block !important;
    float: left;
}

.art-content-layout .art-content {
    margin-left: 0px !important; /*10px*/
	margin-right:0px !important; /*novo*/
    display: inline !important; /*inline*/
    float: left !important;
	min-width:542px !important; /*novo*/
	border:0px black solid !important; /*novo*/
	padding:0 !important; /*novo*/
}

.art-content-layout .art-content-wide {
    margin-left: 10px !important;
    display: inline !important;
    float: left !important;
    width: 750px;
}

a.dm_name:hover {
	background: none repeat scroll 0 0 #699596;
	color: #eeffb9;	
}

table.no_border tr td {
    vertical-align: middle;
    text-align: justify;
    border: none;
}

table.no_border tr td img {
    width: 80px;
    height: 80px;
}


/** LEROI **/
.titulo-sistemas{
    color: #3A545F !important;
}

.fundo-titulo-sistemas{
    background-position:left bottom !important;
}

.content-body-sistemas li{
    background-position:left bottom;
}

.content-body-sistemas li a{color:#3A545F !important;}

#menu-sistemas li{
    background-position:left bottom;
}

#menu-sistemas li a{color:#3A545F !important;}