/*
Global DIV Structure

WebPage
    .page
        .site-navigation-container
            .logo-container
                .logo
                
            .navigation-container
                .navigation
                    .navigation ul...
                    
        .site-content-container
            .breadcrumb-container
                .breadcrumb
                
                .gallery-navigation
                
            .content-container
                .content            
*/


/******************
LINKS
******************/

a:link {
	color: #ff6633;
	text-decoration: none;
	}

a:visited {
	color:#ff6633;
	text-decoration: none;
	}

a:hover {
	color:#FF3300;
	text-decoration: none;
	}

a:active {
	color:#FF3300;
	text-decoration: none;
	}

/******************
HEADINGS
******************/

h1 {
	font-size:130%;
	padding:0;
	margin:0 0 10px 0;
	}

h2 {
	font-size:120%;
	}

h3 {
	font-size:100%;
	}
	

/*******************
DEFAULT PAGE
*******************/

#default {
    text-align: center;
}

#default-pensador 
{
    padding: 30px 0 0 0;
}

#default-producedBy 
{
    margin-top: 20px;
    font-size: 80%;
}

#default-producedBy a:link 
{
	color: #CCCCCC;
	text-decoration: none;
}

/* This class is referenced in Default.js as "document.styleSheets[0].rules[12].style" */
.ir-vir
{
    color: #FF0000;
    font-size: 150%;
}

.emerenciano 
{    
    color: #FFFFFF;
    font-size: 150%;
    letter-spacing: 5px;
}

/******************
ALL PAGES
******************/
	
body
{
    background-position: left bottom;
    font-family: "Century Gothic"; /*"trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;*/
    color: #CCCCCC;
    background-color: #222222;
    font-size: .85em;
    margin: 0;
    padding: 0;
    line-height: 150%;
}

.page
{
    /*Note that we specify the position of DIV to RELATIVE. We do this so that DIVs inside it can be set to an absolute position. */
    position: relative;
    
    padding: 0;
    margin: 20px 25px 20px 25px;

    display: block;
}

/* Site navigation List */

.site-navigation-container
{
    position: absolute;
        
    top: 0;
    left: 0;
    width: 155px;
    
    padding: 0;    
    
    display: block;
}

.logo-container
{
    text-align: left ;
	font-size:110%;
	padding:0;
	margin:0 0 10px 0;
    
    display: block;    
}

.logo
{
    padding: 0 10px 5px 0;	
    letter-spacing: .17em;
    display: block;
}

.logo a:link
{
    color: #ffffff;
}

.logo a:visited
{
    color: #ffffff;
}

.navigation
{       
    margin-top: 15px;    
    padding: 0;
    
    display: block;
}

.navigation ul 
{   
    list-style: none; 	
    font-size: 90%;
	margin: 0;
	padding: 0;
    width: 100%;   
    
    display: block; 
}


.navigation li a:active, .activeNavigationItem 
{
	padding: 0;	
	text-decoration: none;	
	border-bottom: 1px dotted #666666;
	
	display: block;
}

.activeNavigationTitle
{
	display: inline;
}

.site-content-container
{
    margin: 0 0 0 155px;
    padding: 0;
    border-left: 1px #666666 dotted;
    
    display: block;
}

.breadcrumb-container
{
    margin: 0;
    padding: 0;  	
    
    display: inline;
}

.breadcrumb
{
    margin: 0;
	padding: 5px 10px 5px 15px;	
	display: inline;
	
}

.gallery-navigation
{
	padding: 0 0 0 15px;	
	font-size: 90%;
	
	display: inline;
}

.content-container
{    
    margin: 0;
    padding: 0;
    
    display: block;
}

.content, .content-portfolio
{
    margin: 15px;
    padding: 0;
    display: block;
}

.content-portfolio
{
    text-align: center;
}

.content table
{
    border: 0;    
    border-width: 0;
    border-spacing: 0;
    border-style: none;
}

.content table td
{
    border: 0;
    padding-right: 5px;
    border-style: none;
}

.retrato-container
{
    text-align: center;
    display: block;
}

.frame
{   
    margin-bottom: 50px;
    text-align: center;
}

.frame img
{
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #CCCCCC;
    background: #C0C0C0;
    padding: 5px;
}

.flashcontent
{   
    text-align: center;
    width: 100%;
    height: 480px;
}

.content-item-navigation
{
	margin-bottom: 10px;	
}

.content-item-navigation a:link 
{    
	color: #666666;
}

.content-item-navigation a:visited 
{
	color: #666666;
}

.content-item-navigation a:hover 
{
    color: #666666;
    text-decoration: none;
}

.content-item-navigation a:active
{
    color:#FF3300;
}

.item-header
{    
    text-decoration: none;
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 0;
    
    display: inline;
}

.item
{    
    margin: 0;
    padding: 0;
}

.lastUpdated
{
    text-align: right;
    font-size: 80%;
    
    display:inline;
}
    
/* GENERAL */

.none 
{
	display: none;
}

.clear 
{
    clear: both;
}