/* 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:#369;
	font-size: 1em;
}
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: #315583; margin-bottom: 5px;}
h3{
	font: normal 12px 'trebuchet MS', Georgia, verdana,sans-serif;
	color: #336699;
	line-height: 28px;
}

/* 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: #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: #396eB0; padding: 20px 0 0 20px;}
#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;
	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;
}
.icon_box .legenda{
background:#efefef;
padding:10px;
margin-right:15px;
}
.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:5px;
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;
}

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

}

#listalinks ul.link_topic li  .tagenade{
padding:5px;
background:#ffedc1;
border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
text-decoration:none;
}

#listalinks ul.link_topic li .tagenade:hover{
color:#fff;
background:#9d9d9d;
text-decoration:none !important;
}

.link_topic li ul li{
border:1px solid #c0c0c0; 
display:block; 
width:150px;
}

/* arquivos-gerais */

#listalinks ul.link_arquivos_gerais{
padding-left:20px;
}
#listalinks ul.link_arquivos_gerais li {
margin:0;
float:left;
display:inline;
border:0;
}
#listalinks ul.link_arquivos_gerais li  .tag{
padding:5px;
background:#ffb400;
border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
text-decoration:none;
}

#listalinks ul.link_arquivos_gerais li .tag:hover{
color:#fff;
background:#9d9d9d;
text-decoration:none !important;

}

#listalinks ul.link_arquivos_gerais li  .tagenade{
padding:5px;
background:#ffedc1;
border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
text-decoration:none;
}

#listalinks ul.link_arquivos_gerais li .tagenade:hover{
color:#fff;
background:#9d9d9d;
text-decoration:none !important;

}

/*fim arquivos gerais*/






:target:not(#topo) {
    border: 2px solid #C9EABB;
    background-color:  #F8FFF2;
	border-radius: 10px;
-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;
}
#videotutoria .limpar:not(.noborder){
width: 100%;
border-bottom: 1px solid #ddd;
}

.barra_universidades{
width: 98%;
background-color: rgba(230, 230, 230, 0.51);
border-radius: 10px;
padding: 5px 10px 5px 10px;
height: 65px;
margin: 0px 0px 10px 0px;

}

.barra_arquivos{
width: 98%;
background-color: #ffedc1;
border-radius: 10px;
padding: 5px 10px 5px 10px;
height: 65px;
margin: 0px 0px 10px 0px;

}

.barra_interna{
width: 95%;
background-color: rgba(230, 230, 230, 0.51);
border-radius: 10px;
padding: 5px 10px 5px 10px;
height: 30px;
margin: 10px 0px 5px 30px;

}

.subitem{
width: 95%;
padding: 0px 0px 0px 30px;
margin: 10px 0px 5px 30px;

}


/*MENU */

.menu{
list-style:none; 
float:left; 
}

.menu li{
position:relative; 
float:left; 
font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 5px 0px; padding:0;
background-color:#dfdfdf;
margin: 5px;
border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;

}



.menu li a{color:#369; text-decoration:none; padding:5px 10px; display:block;}
 
.menu li a:hover{
background: #396eb0; 
color:#fff; 
border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;


}

.menu li  ul{
position:absolute; 
top:33px; 
left:2px;
background-color:#fff; 
display:none;
}   

.menu li:hover ul, .menu li.over ul{display:block;}

.menu li ul li{
display:block; 
width:250px;
}