/* Zero down margin and padding on all elements */
img,body,ul,li,h1,h2,h3,h4{margin:0;padding:0;border:0;}


/* Gerais */
body{margin: 0px;padding:0px;background-color: #fff;}

a:visited,a:link{text-decoration:none;}
a:active {text-decoration:none;}
a:hover{text-decoration:underline;}
a{color:#003046;font-size:40px;}
ul,li{list-style-type:none;}


/* TÍTULO */
h1{font: bold 40px 'trebuchet MS', arial, verdana,sans-serif; color: #315583}
h2{font: bold 16px 'trebuchet MS', Georgia, verdana,sans-serif; color:#748088; margin-bottom: 5px;}
h2 a{font: bold 19px 'trebuchet MS', Georgia, verdana,sans-serif; color:#748088; margin-bottom: 5px;}
h3{font: normal 12px 'trebuchet MS', Georgia, verdana,sans-serif; color: #336699}
h3 a{font: normal 18px 'trebuchet MS', Georgia, verdana,sans-serif; color: #336699}
h4 a{font:normal 18px 'trebuchet MS', Georgia, verdana,sans-serif; color: #336699}

/* Links */
.texto-link{font: bold 18px 'trebuchet MS', Georgia, verdana,sans-serif; color: #336699}

/* LAYOUT */
.fleft{float: left;}
.fright{float: right;}
.limpa{	margin:0; padding:0; border:0;font-size:1em; line-height:1px;height:1px;clear:both;}

/* Menu Lateral*/
#sidebar{
	background: #FFF url("../images/menulateral.gif") repeat-y left top;
	width: 132px;
	height: 1024px;
	float: left;
	position: relative;
	padding: 10px 0 0 10px;
	background-image: url(../images/menulateral.gif);
}
#sidebar h3 {font: bold 21px Arial, Helvetica, sans-serif; color:#FFF;}
#sidebar p{font: normal 10px Helvetica, sans-serif; color:#FFF;}

#menufixo{font: normal 11px verdana;}
#menufixo a{color: #fff;  display: block;padding: 2px 5px}
/*#menufixo a:hover{background-color: #FFFFFF;color: #336699; text-decoration: none}*/
#menufixo a:hover{background: transparent url('../images/icone_animados_hoverteste.png') no-repeat; margin-left: 2px}



/* Conteúdo */
#content{background: linear-gradient(to bottom,#034661 0%,#085f82 35%,#367d99 99%,#1e6f8d 100%); width: 100%; height: 115px;float: left;}
/*#content{background: #FFF url("../images/contextual.gif") repeat-x left top;  width: 100%; height: 115px;float: left;}*/
#contextual h1{font: bold 40px Arial, Helvetica, sans-serif; color: #FFF; padding: 20px 0 0 20px;}
/*#contextual h1{font: bold 40px Arial, Helvetica, sans-serif; color: #396eB0; padding: 20px 0 0 20px;}*/
#contextual h2{font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; padding: 2px 0 0 35px;}
/*#contextual h2{font: bold 11px Arial, Helvetica, sans-serif; color: #748088; padding: 2px 0 0 35px;}*/
#contextual img.fright{padding: 3px;}
#contextual h1 span{
margin-left:20%;
margin-top:2%;
font-size:0.5em;
text-transform:uppercase;
float:right;
}
p{ font: normal 14px arial, verdana,sans-serif; color: #315583; width:100%;}

#listalinks{ text-decoration: none; font: normal 11px  verdana,sans-serif; color: #336699; width:100%;}
#listalinks h2{ font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 5px 0px; padding:0;}
#listalinks li{text-decoration: none; margin: 0px 10px 0px 20px;  solid #ddd; padding:5px 10px 15px 0;}
/*#listalinks li:hover{ background:#efefef;}*/
#listalinks li:last-child{border-bottom:0;}
#listalinks li a{text-decoration: none; margin: 3px 0px; }
#listalinks li a:hover{text-decoration: underline; margin: 3px 0px; }
#listalinks h3{font-size: 18px;margin-left: 10px;display: inline;}
#listalinks h4{font-size: 16px;margin:0 10px;display: inline; line-height:25px; font-weight:normal;}

/* Icones PDF Video e EBOOK */
.icon_box{
  float: right;
  right: 0;
  text-align:center;
}
.icon_box .legenda{
background:#efefef;
padding:3px;
margin-right:0px;
}
.icon_box.box_h4{
	margin-right:-20px;
}
.icons_link{
margin:0 10px;
float:left;
display:inline;
}
.icons_link img{
border:1px solid transparent;
padding:1px;
}
.icons_link img:hover{
border:1px solid rgba(0, 0, 0, 0.2);
background:rgba(0, 0, 0, 0.1);
border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
}
.icons_link.off img:hover{
border:1px solid transparent;
background:transparent;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}

/* Seção Programas */
.programsitens{
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
	width:100%;
}
.programsitens li{ float: left; font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif; width: 42%; padding: 2px; margin: 5px;-moz-border-radius: 10px; -webkit-border-radius: 10px; text-align:center; border: 3px solid #D5E6EE ; }
.programsitens li h3{font-size: 11px}
.programsitens li p{font-size: 10px }
.programsitens li a{font-size: 13px; font-weight: bold; text-align:right; background: url(images/download.gif) no-repeat left top; padding-left: 15px;}

 /*Itens controle*/
#listaprogramas li{

}

#conteudotexto{width: 350px; margin-top:150px;}
#conteudotexto H3{font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif}
#conteudotexto p{font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* root element for scrollable */ 
div.scrollable { position:relative; overflow:hidden; height: 300px;width: 700px; } 
div.scrollable div.items { position:absolute; height:20000em; }

.tutorialAnimado{
width:250px;
margin:5px;
padding:2px;
border:1px solid #999;
float:left;}

.subtitulo{Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}

.fundoTutorial{
margin:0;
padding:0;
background-color:#000;}

.limpar{clear:both;}

.mais{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#2a6588;
}
#listalinks ul.link_topic{
padding-left:20px;
}
#listalinks ul.link_topic li {
margin:0;
float:left;
display:inline;
border:0;
}
#listalinks ul.link_topic li  .tag{
padding:10px;
background:#dfdfdf;
border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
/*text-decoration:none;*/
font-size:16px;
}

#listalinks ul.link_topic li .tag:hover{
color:#fff;
background:#396eB0;
text-decoration:none !important;

}
/*:target:not(#topo) {
    border: 2px solid #C9EABB;
    background-color:  #F8FFF2;
	border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px 6px 6px 6px;
-moz-border-radius:6px 6px 6px 6px;
	padding-left:10px;*/
	/*box-shadow:1px 6px 8px #ccc;
	-webkit-box-shadow:1px 6px 8px #ccc;
	-moz-box-shadow:1px 6px 8px #ccc;*/
}

#topo_button a{
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	position:fixed;
	right:20px;
	bottom:20px;
	background:rgba(0,0,0,0.1);
	font-size:1.2em;
	z-index:10000;
	padding:10px;
		border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px 6px 6px 6px;
-moz-border-radius:6px 6px 6px 6px;
	
box-shadow:1px 6px 8px #ccc;
	-webkit-box-shadow:1px 6px 8px #ccc;
	-moz-box-shadow:1px 6px 8px #ccc;
}
#topo_button a:hover{
text-decoration:none;
color:#777;
}
#perfil .limpar:not(.noborder), #videotutoria .limpar:not(.noborder){
width: 100%;

}

hr  {
	width:100%;
	border: 1px solid #ddd;
	}

.barra-titulos {
	width: 100%;
	/*background-color:#ddfbd1;*/
	background-color:#f6f6f6;
	border:1px solid #ddd;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-radius: 8px;
	}



.barra-titulos-amarela {
	width: 100%;
	/*background-color:#ddfbd1;*/
	background-color:#fffdbb;
	border:1px solid #ddd;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-radius: 8px;
	}