/*@import url("animacao.css");
@import url("menus.css");
@import url("slider.css");
@import url("slidertop.css");*/


/*<div style="position: relative; left: 960px; width: 10px; height: 100px; background: #333"></div>
</div> a mettre ds div social*/

a{ text-decoration: none; color: #002364;  text-decoration: underline/*#00ABCF*/}

a:hover{ color: #7F91B1; text-decoration: overline}

body, html{
	margin: 0px;
	background: url(../gifs/topo_grad.png) left top repeat-x
}

body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px
}

.cpa{
	top: -24px;
	left : -220px;
	position: absolute
}

.clear{ clear:both}

.contentor{
	width: 960px; 
	margin: 0px auto;
 }
 
.coldir{
	width:650px
 }
 
 /* casos pontuais de posicao */ 
.left{
	float:left;
 }
 
.marbotcinco{
 	margin: 0px 0px 5px 0px
}

.colunadir{
width: 310px; float:right
} 


.java{
	padding: 20px 0px
}

/**/


.iniciofloat .title, .iniciofloat .subtitle{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px; /*20px;*/

	color:#999;
	display:block;
	/*text-transform: lowercase;*/
}


.iniciofloat .subtitle{
	font-size: 14px;
	color: #002364;
	font-weight:bold;
	display:block;
}

.iniciofloat .title a{
	font-size: 16px;
	font-weight:bold;
	color: #7F91B1;
	text-decoration: none;
	display: block
}


.iniciofloat .title a:hover{
	text-decoration: underline;
	
}


/* logo topo*/

.topo{
	background:url(../gifs/nuvas.png) left top no-repeat;
	height: 117px; 
	width: 960px; 
	position: relative
}


.logo a{ 
	width: 100px; 
	height: 100px; 
	position: absolute; 
	top:10px; 
	left: 10px; 
	z-index: 4 
}

.menutopo{ /* menu que tem a pesquisa */
	width: 783px; 
	height: 46px; 
	/*background: url(../gifs/menu_topo.png) left top no-repeat; */
	margin: 35px 0px 0px 0px;
	position: absolute; 
	right: 0px; 
	z-index: 5 
 }
 
 
.menutopo1{
	width: 800px;
	height: 48px; 
	position: absolute; 
	right: 5px; bottom: 0px; 
	z-index: 6;
	text-transform: uppercase;
}

.bandeiras{
	height: 18px; 
	width: 60px; 
	position: absolute;  
	left: 15px; 
	top: 10px; 
	z-index:7; 
}

.social{
	float:left; 
	width: 50px; 
	height:270px; 
	position:relative
}

.social div{
	position:absolute;
	left: -18px;
	width: 68px; 
	height:270px; 
	background: url(../gifs/social.jpg) left top no-repeat;
}

.social div img{
	margin: 10px 3px 0px 25px
}

.pt a { width: 18px; height: 18px; display: block; background: url(../gifs/bandeiras.png) bottom left no-repeat; float: left; margin-left: 1px}
.es a { width: 18px; height: 18px; display: block; background: url(../gifs/bandeiras.png) top center no-repeat; float: left; margin-left: 1px}
.uk a { width: 18px; height: 18px; display: block; background: url(../gifs/bandeiras.png) top right no-repeat; float: left; margin-left: 1px}

.topo form{
	width: 198px; 
	height: 26px; 
	position: absolute; 
	top: 8px; 
	right: 23px; 
	z-index: 8;
	

}

.txtopo,.btopo{
	background: none !important;
	border: none !important; 
}
.txtopo{

	width: 160px;
	height: 20px; 
	outline: none !important;
	padding: 3px 0px 3px 8px; color: #333333
}


.btopo{/*botao da pesquisa*/
	width: 25px;
	height: 20px;
	cursor: pointer
}

.posicao{ 
	position:absolute; 
	left: 200px;
	font-size: 11px;
	top: 8px;
}

/**/
.navegacao{
	line-height: 30px; 
	background: url(../gifs/seta_nav.png) left center no-repeat; 
	padding: 0px 0px 0px 25px;
	border-bottom: 1px dotted #7F91B1;
	margin: 0px 0px 10px 0px
}

.iniciofloat{
	width: 305px;
	float:left; 
	margin: 0px 20px 10px 0px;
	padding: 0px 0px 20px 0px; 
	border-bottom: 1px solid #7F91B1;
	height: 350px;/*410px;*/ /*280px;*/ /*150*/
	text-align: left;
	overflow: hidden
}

.iniciomin{
	 width: 305px; 
	 height: 92px; 
	 background: url(../gifs/teste.jpg); 
	 position: relative; 
	 margin: 0px 0px 5px 0px
 }
 
.setazul a{/*,.setazul*/
	height: 18px; 
	width: 18px; 
	background: url(../gifs/seta.png); 
	position: absolute;  
	left: 287px; 
	bottom:0px; 
	z-index: 1;
	display: block;
 }
 

.linhazul{
	height: 18px; /*3*/
	width: 305px; 
	background: #7F91B1; 
	position: absolute;  
	right:0px;
	bottom:0px; 
	z-index: 0;
	border-top: 1px solid #FFF
 }
 

.iniciominD{
	 width: 310px; 
	 height: 30px; 
	 background: #7F91B1 url(../gifs/seta.png) left bottom no-repeat; 
	 position: relative; 
	 margin: 0px 0px 5px 0px
 }
 
.texte{
	 position: absolute; 
	 left: 35px; 
	 top: 10px; 
	 z-index: 2; 
	 font-weight:bold;
	 color: #FFFFFF;
	 font-size: 14px;
  }
  
.links a {
   width: 310px; 
   height: 81px;
   display:block;
  }
  
.arquivo a {
   background: url(../gifs/arquivo.png) left top no-repeat
  }   
.figueira a {
   background: url(../gifs/figueira.png) left top no-repeat
  }   
.socarpor a {
   background: url(../gifs/socarpor.png) left top no-repeat; margin: 0px 0px 5px 0px
  }
.arquivo a:hover {
   background: url(../gifs/arquivo1.png) left top no-repeat
  }   
.figueira a:hover {
   background: url(../gifs/figueira1.png) left top no-repeat
  }   
.socarpor a:hover {
   background: url(../gifs/socarpor1.png) left top no-repeat
  }
  
.underline{ text-decoration: underline}


/*RODAPE*/ 
.ondas1{
/*	background: url(../gifs/bot_ond1.jpg) left top no-repeat; */
	padding: 20px 0px 0px 0px; 
	margin: 20px 0px 0px 0px;
 }
 
.ondas2{
/*	background: url(../gifs/bot_ond2.jpg) left 10px no-repeat;*/
	padding: 10px 0px 20px 0px
}


.copyright{
 margin-top: 55px;
 color:#999999}
 
.rodapeesk{
	width: 232px; 
	height: 92px; 
	float: left;
}

.atalho{
	margin: 10px 0px
}

.podcast{
	width: 58px; 
	height: 30px; 
	float:left
}

.mapa{
	width: 106px; 
	height: 30px; 
	float:left
}

.rodapebot{
	width: 728px; 
	height: 92px; 
	float: left;
}
/*FIM DO RODAPE*/


/* col esk*/

.colesk {
	width: 630px;
	padding: 0px 20px 0px 0px;
/*	text-align: justify;
*/}

.noticiat{
	border-bottom: 1px dotted #7F91B1; 
	display: table;
	width: 100%;
}


.colesk h1{
	font-size: 18px; /*20px; text-transform: lowercase;*/
}


.colesk h2{
	font-size: 14px; /*16px; text-transform: lowercase;*/

}

.borderno{
	border: none;
}


/* sartigo */

.fotos{ 
	float: right; 
	margin: 10px 0px 10px 10px;
}


/*formularios*/

.box{
	background: url(../gifs/box.png) left center no-repeat; 
	height: 55px; 
	width: 145px; 
	text-align:center; 
	color: #fff
}

.textarea{
	width: 300px;
	height: 150px
}

td{font-size: 12px}


.destaques{
	background:url(../gifs/seta.jpg) left top no-repeat;
	padding: 0px 0px 0px 25px
}

/********************** imagens border none *********/

a img {
	border: none;
}


/* como é chamado o css da administracao para evitar as cores dessa parte */
td a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #7F91B1;
    font-weight: normal !important;
}

td a:hover {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: underline;
    -moz-text-decoration-style: solid;
    color: #002364;
}

/**********************video*/

.legenda{
	font-size: 11px;
	text-align: center;
}