/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

			a.shadowbox { border: none; }
			a.thickbox img { border: 3px solid #fff; margin: 0 6px 9px 0; }


body {
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#747F74;
scrollbar-face-color:#333333;
scrollbar-shadow-color:#444444;
scrollbar-darkshadow-color:#555555;
scrollbar-track-color:#151515;
}
.nome { margin: 0px 30px 0px; padding: 0px; border: 0; z-index: 4;}
.linguas { margin: 0px 650px 0px; border: 0; z-index: 5;top:0px; right:650px; width:300px;}

.titulo{font-family: Calibri, "Trebuchet MS", sans-serif; font-size: 25px; color: #fff;}
.subtitulo{font-family: Calibri, "Trebuchet MS", sans-serif; font-size: 15px; color: #fff;}


body { margin:0; padding:0; font-family: Calibri, "Trebuchet MS", sans-serif; font-size: 100%; } 
#bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-100;}
.nome { margin: 0px 30px 10px; padding: 0px; border: 0; z-index: 4;}
.linguas { margin: 0px 650px 0px; border: 0; z-index: 5;top:0px; right:650px; width:400px;}
.example { margin: 20px 0 0; padding: 0px; } 



/*<![CDATA[*/ /* page styling, unimportant for the menu. only makes the page looks nicer */

body, html {
	height:100%;
	width:100%;
}
body { background:url(midia/bg.jpg) left top; 	font-family: Calibri, "Trebuchet MS", sans-serif; margin:0; padding:0;}

.nome { margin: 0px 30px 20px; padding: 0px; border: 0; z-index: 4;}
.linguas { top:0px; margin: 0px 650px 0px; border: 0; z-index: 5; right:650px; width:550px; margin-top:0px;}
.extradiv {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="midia/radial.png", sizingMethod="scale");
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
}
* html .extradiv {
	position:absolute;
	top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+0+"px" : body.scrollTop+0+"px");
}
.extradiv img {
	display:none\9;
	height:100%;
	width:100%;
}



a:link {	
	text-decoration: none;
	color: #cccccc;
}
a:active {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #888;
}
a:hover {
	color: #ff0000;
	text-decoration: none;	
}
	
a img { border: none; }

.example { margin: 20px 0 0; padding: 0px; } 

#content {
	
	top: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 30px;
	width: 95%;	
	padding: 3px;
}


.ilustracao {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 25px;
	padding-left: 25px;
}



.container {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 25px;
	padding-left: 5px;
	width:95%;overflow:auto;
	
}

#content p {
	width: 98%;	
	margin-bottom: 7px;	
}


#img-container	{ margin: 0; padding: 0; }
#img-container p	{
	width: 98%;	
	margin: 0;
	padding: 0 0 12px 0;	
}

#once { clear: left; }

/* - - - ADxMenu: BASIC styles - - - */ 
/* remove all list stylings */ 
.menu { height:40px;}
.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 li li { float: none; /* items of the nested menus are kept on separate lines */ } 

.menu ul { visibility: hidden; /* initially hide all submenus. 
*/ position: absolute; z-index: 10; left: 0; 
/* while hidden, always keep them at the bottom left corner, */ bottom: 0; 
/* to avoid scrollbars as much as possible */ 
} 
.menu li:hover>ul { visibility: visible; 
/* display submenu them on hover */ top: 100%; /* 1st level go above their parent item */ } 
.menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ 
bottom: 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, .menu ul { /* IE7 float clear: */ min-height: 0; } 
/* -- float.clear.END -- */
/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ 
.menu ul { background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ 
padding: 10px 10px 10px 10px; margin: 0 0 -10px -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } 
.menu ul ul { padding: 30px 30px 30px 10px; margin: 0 0 -30px -10px; } 

/* - - - ADxMenu: DESIGN styles - - - */ 
.menu, .menu ul li { color: #fff; background: #444; background-image: url(midia/menu_bg.jpg);} 
.menu ul { width: 25em;} 
.menu a { text-decoration: none; color: #eee; padding: .08em 1em; display: block; position: relative; } 
.menu a:hover, .menu li:hover>a { color: #fc3; } 
.menu li li { /* create borders around each item */ border: 1px solid #ccc; } 
.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 */ bottom: 3px; left: 90%; } 

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts */ 
.menu>li:first-child>a, 
.menu li + li + li li:first-child>a { color: #fff; } /* Fix for IE5/Mac \*//*/ .menu a { float: left; } /* End Fix */ /*]]>*/