body {
	background: #064079;;
}

div#app {
    margin-top: 2em;
}

.message {
	padding: 10px;
	margin: 0 0 10px;
	text-align: center;
	font-size: 1.4em;
	background: #EEE;
}

div#portal {
	width: 840px;
	margin: 100px auto 30px auto;
	background: #FFF;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
	
	div#portal-header {
		position: relative;
		height: 80px;
		background: #FFF;
	}
	
		div#portal-header h1 {
			position: absolute;
			left: 10px;
			padding-left: 240px;
			height: 80px;
			line-height: 75px;
			font-size: 1.8em;
			font-weight: normal;
			color: #036;
			background: url(img/logo40.png) no-repeat 0 40%;
		}
    
	div#portal div.col {
        display: inline;
		width: 280px;
		float: left;
		min-height: 150px;
    }
	
	   div#portal div.col-content {
	       margin: 15px;
	   }
	
	   div#portal div.col1 {
	       background: #003366 url(img/bg_escola.gif) repeat-x;
	   }
	    
	   div#portal div.col2 {
           background: #0066B2 url(img/bg_faculdade.gif) repeat-x top;
       }
	   
	   div#portal div.col3 {
           background: #0099FF url(img/bg_semana_educacao.gif) repeat-x top;
       }
	   
        div#portal div.col h2 a {
            font-size: 1.4em;
            color: #FFF;
            padding: 10px;
            text-decoration: none;
            display: block;
            text-shadow: 1px 1px 2px #03192F;
        }
	   
	   div#portal div.col h3 {
           font-size: 1.8em;
           color: #FFF;
		   margin: 0 0 5px 0;
		   text-shadow: 1px 1px 1px #03192F;
       }
	   
	       div#portal div.col h3 a {
	           text-decoration: none;
			   color: #fff;
	       }
		   
		   div#portal div.col h3 a:hover {
		      color: #ffc;
		   }
	   
	   div#portal div.col p {
           font-size: 1.2em;
           color: #FFF;
		   line-height: 1.4em;
		   text-shadow: 1px 1px 2px #03192F;
		   margin-bottom: 10px;
       }
	   
	div#portal-footer {
		font-size: 1.2em;
		text-align: right;
		line-height: 1.5em;
	}
	
		div#portal-footer div.suggestions {
			float: right;
			padding: 1em;
		}

div.title-box {
    border-bottom: 1px dotted #ddd;
    padding: 0 0 2em 0;
    margin: 0 0 2em 0;
}

div.form-title img {
	float: right;
}

div.form_container {
	background: #FFF;
	width: 600px;
	margin: 20px auto;
	overflow: auto;
}

div.form_inner {
	margin: 2em;
}