/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* /RESET */

body,
html {
    width: 100%;
    height: 100%;
    min-width: 900px;
}

body {
    background: #6F7A9E url(../images/Template/left-bg.png) repeat-y left top;
    color: #800080;
    font-size: 13px;
    font-family: verdana,arial,sans-serif;
}

    div.header{
        width: 100%;
        background: url(../images/Template/top-bg.jpg) repeat-x;
        height: 100px;
	    z-index: 3;   
    }                 
    
        div.header > * {
            float: left;
        }
        
        div.header > img {
            
        }
        
        div.header > p.mensagens {
            width: 423px;
            height: 51px;
            line-height: 51px;
            background: url(../images/Template/mensagens.png) no-repeat center center;
            margin-top: 5px;
            padding: 0 15px;
            margin-left: 5px;
            font-size: 16px;
            font-family: "ocr a extended",verdana,arial,sans-serif;
            color: black;
        }
        
        div.header > div.contexto {
            float: right;
            width: 128px;
            height: 84px;
            background: url(../images/Template/contexto.jpg) no-repeat;
            margin-top: 5px;
            color: white;
            font-weight: bold;
            text-align: center;
        }
        
            div.header > div.contexto > h2,
            div.header > div.contexto > h3 {
                height: 32px;
                line-height: 32px;
            }
            
        div.header > ul.menu {
            position: absolute;
            display: block;
            top: 54px;
            left: 157px;
            background-color: #99CCFF;
            margin: 0;
            padding: 1px 1px;
        }
        
            div.header > ul.menu > li {
                display: inline-block;
                float: left;
                margin: 0 1.5px;
            }
            
                div.header > ul.menu > li > a {
                    display: block;
                    color: #99CCFF;
                    text-decoration: none;
                    background: #800080;
                    padding: 1px 5px;
                }
                
                div.header > ul.menu > li > a:hover,
                div.header > ul.menu > li > a:focus {
                    color: White;
                }
    
    div.left-column {
        position: absolute;
        left: 0;
        top: 100px;
        width: 148px;
	    z-index: 4;
	    /*background: url(../images/Template/left.jpg) repeat-y left top;*/
    }
        
        div.left-column > * {
            margin-bottom: 20px;
        }
    
        div.left-column > h2.saudacoes {
            font-weight: bold;
            padding: 0 7px;
            margin-bottom: 5px;
            line-height: 14px;
        }
        
        div.left-column > h3.role {
            padding: 0 7px;
            font-weight: normal;
        }
        
        div.left-column > ul {
            padding-left: 7px; 
        }
        
            div.left-column > ul > li {
                
            }
            
                div.left-column > ul > li > a {
                    display: block;
                }
        
        div.left-column > div.navegacao {
            background: url(../images/Template/navigation-top.jpg) no-repeat left top;
            padding-top: 66px;
            width: 148px;
        }
        
            div.left-column > div.navegacao > ul {
                padding-bottom: 60px;
                background: url(../images/Template/navigation-bottom.jpg) no-repeat left bottom;
                width: inherit;
            }
            
                div.left-column > div.navegacao > ul > li {
                    width: inherit;
                }
                    div.left-column > div.navegacao > ul > li > a:link,
                    div.left-column > div.navegacao > ul > li > a:active,
                    div.left-column > div.navegacao > ul > li > a:visited{
                        display: block;
                        width: 136px;
                        background: url(../images/Template/navigation-link.jpg) no-repeat left top;
                        font-weight: normal;
                        font-size: 14px;
                        height: 33px;
                        padding-left: 12px;
                        line-height: 40px;
                        text-decoration: none;
                        color: #800080;
                    }
                    
                    div.left-column > div.navegacao > ul > li > a:hover {
                        background-position: left bottom;
                        color: white;
                    }                    
    
    div.main-content {
	position: absolute;
	/*left: 155px;*/
        top: 107px;
	text-align: center;
	width: 100%;
	z-index: 0;
	font-size: 16px;
    }
        div.main-content > div {
            margin-left: 155px;
            z-index: 1;
            padding: 0 15px;

        }
           
            div.main-content > div > * {
                text-align: left;
                margin-bottom: 15px;
                color: #eee;
            }
            
            div.main-content > div img#esferaAdmin {
                border: none;
                background: none;
                margin-left: auto;
                margin-right: auto;
            }
    
            div.main-content > div h1 {
                font-size: larger;
                color: white;
                font-weight: bold;
            }
            
            div.main-content > div h2 {
                color: white;
                font-weight: bold;
                margin-bottom: 15px;
                padding-bottom: 10px;
                border-bottom: solid 1px #4F5770;
            }
    
            div.main-content > div p {
                margin-bottom: 15px;
            }
        
            div.main-content > div ul > li {
                list-style-image: url(../images/Template/list-bullet.png);
                margin-left: 15px;
            }
            
            div.main-content > div li {
            	margin-bottom: 15px;
            }
        
            div.main-content > div a:link,
            div.main-content > div a:active,
            div.main-content > div a:visited {
                text-decoration: none;
                color: #9CF;
            }
            
            div.main-content > div a:hover {
                color: white;
            }
            
            div.main-content > div img {
                display: block;
                border: solid 1px #8E9CCB;
                background: #4F5770;
                padding: 4px;
                margin: 15px 0;
                max-width: 700px;
				
            }
			
			div.main-content > div img.inline{
				display: inline;
				margin: 0;
				border: none;
				background:transparent;
			}
            
            div.main-content > div ol.bulleted {
            	list-style-type: decimal;
            	margin-left: 25px;
		text-align: justify;
            }
            
            div.main-content > div strong {
            	font-weight: bold;
            }	
			div.main-content > div > div.botoes {
				width: 100%;
				text-align:center;
				padding-left: 10px;
				padding-top: 107px;				
					
			}