@charset "utf-8";
/* CSS Document */
body.mceContentBody {width:1000px;}
body{overflow-x: hidden;}
* {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; border:0;}
.clear{display: block; clear: left; margin:0; visibility: hidden;}
img, div { behavior: url(interface/interface/iepngfix.htc); }

#outer{
background:url(interface/bg-outer.png) repeat-y;
width:1000px;
margin:0 auto;
padding-left:15px;
}

h1{
color:#FFF;
font-size:12px;
font-weight:bold;
}
h1.estilo_inferior{
color:#fff;
font-size:15px;
font-weight:bold;
padding:20px 0 0 20px;
}

p.destaque1{
color:#FFF;
font-size:12px;
line-height:20px;
float:left;
width:220px;
margin:5px 0 0 10px;
}
#header_superior{
background:url(interface/header_superior.jpg) no-repeat;
width:950px;
height:18px;
font-size:10px;
color:#FFF;
padding:12px 0 0 20px;
}
#menu_header_superior{
float:right;
list-style: none;
margin:-15px 0 0 0;
padding:0;
}
#menu_header_superior ul {
margin-right:10px;
}
#menu_header_superior li {
list-style:none;
display:inline;
font-size:10px;
margin-right:20px;
}
#menu_header_superior a {
color:#FFF;
text-decoration:none;
}
#menu a:hover {
color: #fff;
padding-bottom: 6px;
background:#00B7F3;
}
#header_meio{
width:970px;
height:180px;
}
p.estilo_topo{
font-size:33px;
color:#FFF;
float:right;
margin:40px 25px 0 0;
}
.estilo_header {
color:#1C449C;
font-weight:bold;
font-size:11px;
margin:0 0 0 127px;
}
#img1 {
margin:20px 0 0 40px;
}
#header_inferior{
background:url(interface/bg-inferior_berlitz1.jpg);
width:970px;
height:122px;
}
#menu_header_inferior{
padding-top:5px;
width:950px;
margin:0 20px;
height:15px;
float:left;
list-style: none;
}
#menu_header_inferior ul{
float:left;
}
#menu_header_inferior ul li{
list-style:none;
display:inline;
font-size:11px;
}
#menu_header_inferior a {
text-decoration:none;
padding:3px 0;
}
#menu_header_inferior li ul li a {
text-decoration:none;
text-transform:none;
}
#menu_header_inferior1{
padding-top:5px;
width:970px;
height:20px;
float:left;
list-style: none;
}
#menu_header_inferior1 li{
margin-top:10px;
color:#FFF;
list-style:none;
display:inline;
font-size:11px;
padding-left:32px;
}
#menu_header_inferior1 a {
color:#FFF;
text-decoration:none;
}
#menu a:hover {
color: #fff;
padding-bottom: 6px;
background:#00B7F3;
}
.menu_inferior{
width:973px;
height:60px;
background:#00FF33;
}
#inferior_left{
background:url(interface/bg-azul.jpg);
float:left;
width:970px;
height:62px;
margin-top:16px;
}
#inferior_left h1{
font-size:12px;
color:#FFF;
margin:10px 0 0 20px;
}
#miolo{
background:#FFF;
float:left;
width:970px;
overflow:hidden;
}
h1.destaque{
font-size:14px;
color:#FFF;
font-weight:bold;
float:left;
margin:5px 0 0 10px;
}
#miolo_inferior{
width:1000px;
background:#1C449C;
margin-top:20px;
overflow:auto;
}
.destaques{
width:313px;
height:75px;
background:#001753;
margin:10px 20px 0 0;
float:left;
}
.destaques img{
float:left;
}
.destaques1{
width:314px;
height:75px;
background:#001753;
margin:10px 0 0 0;
float:left;
}
.destaques1 img{
float:left;
}
.coluna3{
float:left;
width:150px;
_width:130px;
padding:15px 0 0 20px;
}
.coluna3 img{
margin-bottom:20px;
}
.bt_unidades{
background:url(interface/bota_unidades.jpg) no-repeat;
padding:5px;
width:247px;
height:27px;
font-size:10px;
color:#FFF;
cursor:pointer;
margin-top:30px;
}
.bt_materias{
background:url(interface/bt_materias.jpg) no-repeat;
padding:5px;
width:159px;
height:27px;
font-size:10px;
color:#FFF;
cursor:pointer;
margin-top:20px;
}
p.data{
font-size:12px;
color:#1B449D;
float:left;
}
#rodape{
background:url(interface/bg-rodape.jpg) no-repeat;
width:971px;
height:31px;
}

#rodape h1{
margin:8px;
float:left;
margin-left:25px;
font-size:14px;
color:#FFF;
}

#rodape p{
margin:10px 5px 0 0;
font-weight:bold;
float:right;
text-align:right;
font-size:11px;
color:#FFF;
padding-right:20px;
}

/*Efeito do menu ADX MENU*/
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;	
	*top: 33px;	
	*left: -90px;	
	float:left;
	display:inline;	/* 		to avoid scrollbars as much as possible */
}
.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	float:left;
}

.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}
.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}
.menu li ul{
	float:left; 
	display:inline;	
	list-style-type: none;
	display: block;
	width:300px;
}
.menu li ul li{
	float:left;
	display:inline;	
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
	color:#fff;
}
.menu{padding:0; margin:0; text-transform:uppercase;}
.menu li{padding:10px 0px;margin:0 0px 0 60px; _margin:0 0px 0 68px;}
.menu li a:hover{margin:0; color:#fff;}
.menu li a{margin:0; color:#ccc;}
.menu li ul{padding:0px; margin:0; text-align:left; width:800px;}
.menu li ul li{padding:0 20px 0 0; margin:0;}
.menu li ul li a{margin:0; color:#fff;}
.menu li a{padding:0; margin:0;}
#item15{margin-left:0px;}
#sub20{margin-left:-500px;}
#sub16{*left: 0px;}
#sub15{left: -20px;*left: -22px;}
#sub17{left: -20px;*left: -20px;}
#sub18{*left: 0px; width:350px;}
#sub16 li{top:0; left:0; padding:0; margin:0;}
h1 a{color:#fff;}
a{text-decoration:none; cursor:pointer; outline:none;}
h1, h2{ text-transform:uppercase;}