body{
background:url('bg2.jpg'); 	
}
h2{

font:bold 25px Arial Narrow;
color:rgb(33, 182, 219);
border-bottom:2px solid lightblue;
padding-bottom:4px;
}

form{
  margin:0px;
}

.msg_sucesso{
  background-color:lightgreen;
  border:2px solid green;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; 
  padding:10px;
}

.msg{
  background-color:#eee;
  border:2px solid #ccc;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; 
  padding:10px;

}
 .form,.menu {
 

    padding: 20px;
    background: #f0f0f0;
    overflow:auto;
 
    /* Border style */
    border: 1px solid #cccccc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px; 
 
    /* Border Shadow */
    -moz-box-shadow: 2px 2px 2px #cccccc;
    -webkit-box-shadow: 2px 2px 2px #cccccc;
    box-shadow: 2px 2px 2px #cccccc;
 
    }
		BODY{
		 font-family:Tahoma;
		}
		A{
     color:blue;
    }
		
		input[type=text],input[type=password],textarea {padding:2px; border:2px solid #ddd; 
			-webkit-border-radius: 4px;
			border-radius: 4px;
			}
			input[type=text]:focus,input[type=password]:focus {border-color:#aaa; }

			.submit{			
						background: #42A552; /*the colour of the button*/
						padding: 8px 8px 5px; /*apply some padding inside the button*/
						border:1px solid #6CBF3E; /*required or the default border for the browser will appear*/
						cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
						/*style the text*/
						font-size:12px;
						font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
						letter-spacing:.1em;
						text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
						color: #fff;
						/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
						-webkit-box-shadow: inset 0px 1px 0px #34B42F, 0px 5px 0px 0px #16851A, 0px 10px 5px #999;
						-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
						box-shadow: inset 0px 1px 0px #34B42F, 0px 5px 0px 0px #16851A, 0px 5px 5px #999;
						/*give the corners a small curve*/
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						border-radius: 10px;
						margin-bottom:20px;			
									
			}	
					.submit:hover, ;submit :focus,

					{
					color:#dfe7ea;
					/*reduce the size of the shadow to give a pushed effect*/
					-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
					-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
					box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
					}
							
 .menu{
 
 margin-right:20px;
 background-color:#eee
 }             
              
              
              /************************* HOME **************/
.holder_direita {
	margin-top: 8px;
	float: left;
	margin-left: 6px;
	background-color: #eee;
	background-image: -webkit-linear-gradient(bottom, #E6E6E6 25%, #DDD 63%, #EEE 82%);
	background-image: -o-linear-gradient(bottom, #E6E6E6 25%, #DDD 63%, #EEE 82%);
	background-image: -moz-linear-gradient(bottom, #E6E6E6 25%, #DDD 63%, #EEE 82%);
	background-image: -webkit-linear-gradient(bottom, #E6E6E6 25%, #DDD 63%, #EEE 82%);
	background-image: -ms-linear-gradient(bottom, #E6E6E6 25%, #DDD 63%, #EEE 82%);
	width: 260px;
	height: 275px;
	padding: 4px;
	border-radius: 5px;
}
#rotatoria {
	margin-top: 7px;
	margin-bottom: -10px;
}
#estude, #cursos, #professores {
	position: relative;
	float: left;
}
.clear {
	clear: both;
	float: left
}
#cursos {
	margin-top: 93px;
	position: relative;
}
#professores {
	margin-top: 93px;
	position: relative;
}
.aa {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.bb {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
#ultimas_noticias .titulo {
	color: #888;
	padding: 8px;
	border-bottom: 1px solid #ccc;
}
.scroll {
	height: 240px;
	width: 260px;
}
#ultimas_noticias .msg A, #ultimas_noticias .data {
	padding-bottom: 10px;
	padding: 8px;
	font: normal 11px tahoma;
	color: #444;
	padding-top: 1px;
	text-decoration: none;
}
#ultimas_noticias .msg A:hover {
	text-decoration: underline;
	color: #999;
}
#ultimas_noticias .data {
	padding-bottom: 0px;
	font: bold 10px tahoma;
	margin-top: 14px;
}
.a{
 width:263px
}
.manual{
  background: url('imgs/manual.png');
  width:214px;
  height:142px;
  cursor:pointer;
  margin-left:25px;
  margin-top:12px;
}

.bullying{
  background: url('imgs/bullying.png');
  width: 100%;
  height: 166px;
  margin-top: 18px;
  cursor:pointer;
}
A :visited{color:darkorange;}
A{color:red;}