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


a{ text-decoration: none; color: #333}

a:hover{ color:#0089A6; text-decoration: underline}

body, html{
	margin: 0px
}

body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000 url(../gifs/fundo_layout.png) top center repeat-y;
}

.clear{ clear:both}

.contentor{
	width: 960px; 
	margin: 0px auto;
	background: #F2F2F2;
	overflow: hidden;
 }
 
.mediatico, .mediatico a{
	width: 459px;
	height: 80px;
	display: block;
	cursor: pointer;
	background:  url(../gifs/top_logo.png) left top no-repeat; float: right

}
.swf{
	background: #999;
	float: right;
	height: 80px
}


.colunaesquerda div a{
 display: block;
    height: 20px;
    line-height: 12px;
    padding: 6px 5px;
	
background: #d5d5d5; /* Old browsers */
background: -moz-linear-gradient(top,  #d5d5d5 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d5d5d5 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d5d5d5 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d5d5d5 0%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d5d5d5 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */

	color: #333333;
	text-decoration: none;

	border-bottom: 1px solid #FFF;
}

.colunaesquerda div a:hover{
 display: block;
    height: 20px;
    line-height: 12px;
    padding: 6px 5px;
/**/
background: #d5d5d5; /* Old browsers */
background: -moz-linear-gradient(top,  #d5d5d5 48%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#d5d5d5), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d5d5d5 48%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d5d5d5 48%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d5d5d5 48%,#e7e7e7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d5d5d5 48%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */

/**/
	color: #333333;
	text-decoration: none;
}

.menutop td {
	background: #D5D5D5 url(../gifs/transparent.png) left top repeat-x;
	 height: 30px;
	 line-height: 40px;
	 padding: 0px;
	 text-align: center
}

.lt{ 
	border-left: 1px solid #666666;
}

.rt{ 
	border-right: 1px solid #FFFFFF;
}

.menutop input[type="text"]{
	width: 300px;
	height: 20px;
	padding: 3px;
	border: 1px solid #999999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #333 0px 1px 2px;
	-moz-box-shadow: #333 0px 1px 2px;
	box-shadow: #333 0px 1px 2px;
}


.menutop input[type="submit"]{
	background: #333333;
	border: none;
	padding: 5px;
	color: #FFFFFF;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

h4{
  	background: url(../gifs/deco.png) #0092B0 no-repeat scroll 5px center;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding-left: 15px;
    width: 200px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	color: #FFFFFF
	
}

.inquerito, .foto{
 background: #00ABCF;
    line-height: 20px;
    margin: 0;
    padding: 10px;
    text-align: justify;
}

.foto{
	background: #D5D5D5;
}
 
 /**********************************************************/
 
 .coldir, .colesk{/* principal*/
	width:530px;
	float: left;
	padding: 0px 10px;
	margin-bottom: 10px
 }



 /* casos pontuais de posicao */ 
 .left{
	float:left;
 }
 
 .marbotcinco{
 	margin: 0px 0px 5px 0px
}


.colunaesquerda{
	width:200px
}

.colunadir{/*coluna direita*/
width: 200px; float:right
} 


.java{
	padding: 20px 0px
}

/**/


.noticiat .title, .noticiat .subtitle{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px; /*20px;*/
	display:block;	
	color: #CC3300;/*#00ABCF;*/
	/*text-transform: lowercase;*/
}


.noticiat .subtitle{/*novo mediatico*/
	font-size: 14px;
	color: #CC3300;
	font-weight:bold;
}

.noticiat .title a{/*novo mediatico*/
	font-size: 16px;
	font-weight:bold;
	color: #333333;
	text-decoration: none
}


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


/* logo topo*/

.topo{
	background:url(../gifs/logo.png) 10px center no-repeat ; 
	height: 120px; 
	width: 960px; 
	position: relative
}


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

.menutopo{
	width: 783px; 
	height: 46px; 
	background: url(../gifs/menu_topo.png) left top no-repeat; 
	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 20px
}

.pt a { width: 18px; height: 18px; display: block; background: url(../gifs/bandeiras.png) top 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}

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

.active a{
background: url(../gifs/bandeiras.png) bottom left no-repeat;
}

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

}

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

	width: 170px;
	height: 20px; 
	outline: none !important;
	padding: 3px 0px 3px 4px; color:#FFFFFF
}


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

.posicao{ 
	position:absolute; 
	left: 150px;
	font-size: 11px;
}

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

.iniciofloat{
	padding: 0px 0px 20px 0px; 
	border-bottom: 1px solid #999999;
}

.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.jpg); 
	position: absolute;  
	left:0px; 
	bottom:0px; 
	z-index: 1;
	display: block;
 }

.linhazul{
	height: 3px; 
	width: 305px; 
	background: #00ABCF; 
	position: absolute;  
	right:0px;
	bottom:0px; 
	z-index: 0
 }
 

.iniciominD{
	 width: 310px; 
	 height: 30px; 
	 background-color: #D7DFEC; 
	 position: relative; 
	 margin: 0px 0px 5px 0px
 }
 
.texte{
	 position: absolute; 
	 left: 25px; 
	 top: 10px; 
	 z-index: 2; 
	 font-weight:bold
  }
  
.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
}

.rodapeesk{/* md ok */
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    float: left;
    padding: 10px;
    width: 940px;
}

.atalho{
	margin: 10px 0px
}

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

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

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


/* col esk*/


.noticiat{
/*	border-bottom: 1px dotted #00ABCF; */
	padding: 5px;
	display: table;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	
	background: #FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
}


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


.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: #333;
    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: #0089A6;
}


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

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