@charset "utf-8";
/*html*/
body
{ 
          background-color:#7aafde; 
          background-image: url(../img/bg.gif); 
          background-attachment: scroll; 
          background-repeat:repeat-x; 
          background-position: top; 
          font-family:Arial, Helvetica, sans-serif;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

         /*===================================Cabeçalho=================================*/

#logo { 
          
	padding-bottom:15px;
	background-image: url(../img/logo.jpg);
        background-repeat:no-repeat;


}

.cabecalho
{ 
         color:#FFFFFF; 
         font-family:Arial, Helvetica, sans-serif; 
         font-weight:bolder;
}

#busc
{ 
         margin-left: 73px; 
         margin-bottom:-15px; 
         margin-top:10px;
}

#b-busca
{
	
	}

#blogs a
{ 
         font-size:10px; 
         text-decoration:none; 
         font-weight:bolder; 
         color:#ffffff;}
 
          /*===================================Barra do menu=================================*/


#navbar
{ 
         background-image:url(../img/branco.gif); 
         background-position:bottom; 
         background-repeat:repeat-x;
}

#lef
{
         background-image:url(../opencms/img/menubg_lef.gif);
		 width:10px; 
         height:33px; 
         float:left; 
         

} 

#rig 
{
         background-image:url(../img/menubg_dir.gif);
		 width:10px; 
         height:33px; 
         float: left; 
       

} 

#centro 
{ 
         background-image:url(../img/menubg.gif); 
         width:954px;
         height:33px; 
         background-repeat:repeat-x;
         float:left; 
         font-family:Arial, Helvetica, sans-serif; 
         font-weight:bolder; 
         font-size:12px;
         padding-top:5px;

 
 }
 
 
  /*===================================Banner=================================*/
 
#banner
{
	width:940px;
	margin: 10px;
	height: auto;
	position: relative;
	float: left;
	}
#bolsao
{
	margin:10px;
	width:940px;
	height: 67px;
	}

  /*===================================Links do menu=================================*/
 
ul.menubar
{
         margin: 0px;
         padding: 0px;
     /* IE6 Bug */
         font-size: 100%;
}
 
ul.menubar .submenu
{
         margin-left: 5px;
         margin-right: 5px;
         margin-top: 0px;
         margin-bottom: 0px;
         padding: 0px;
         list-style: none;
         float:left;
}
 
ul.menubar ul.menu
{
         display: none;
         position: absolute;
         margin: 0px;
}
 
ul.menubar a
{
         padding: 5px;
         display:block;
         text-decoration: none;
         color: #ffffff;
         padding: 5px;
}
 
ul.menu, ul.menu ul
{
	     text-align:left;
		 z-index:99;
         margin: 0;
         padding: 0;
         border-bottom: 2px solid #cd6600;
         width: 150px;
 /* Width of Menu Items */ 
         background-color:#f5a733; 
   /* IE6 Bug */
}
 
ul.menu li
{
        position: relative;
        list-style: none;
        border-bottom: 1px solid #cd6600;
}
 
ul.menu li a{
       display: block;
       text-decoration: none;
       border-bottom: 0px;
       color: #ffffff;
       padding: 5px 10px 5px 5px;
}
 

 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li 
{ 
       float: left; height: 1%; }
* html ul.menu li a 
{ 
       height: 1%; 
}
/* End */
 
ul.menu ul{
       position: absolute;
       display: none;
       left: 149px; /* Set 1px less than menu width */
       top: 0px;
}
 
ul.menu li.submenu ul 
{  
        display: none; 
} 

/* Hide sub-menus initially */
 

 
ul.menu li a:hover 
{ 
        color: #436eee; 
        background-color:#ffcc66; 
}

.submenu  a:hover
 { 
        color: #436eee; 
 }
 
 
 /*===================================Boxes dos periodos letivos=================================*/
 #img-bann
 {
	 margin:10px;
	 width:940px;
	 }

 /*===================================Boxes dos periodos letivos=================================*/

.fun
{ 
      float:left;
      margin:10px; 
      width:300px; 
      
}

.med
{ 
      float:left; 
      margin:10px;
	  width:300px;
}

.tec
{ 
      float:left;
      margin:10px;
	  width:300px;
}



 /*===================================Box de  noticias=================================*/

#info-destaq
{
	float:left;
	width:315px;
	}
#foto
{
	float:left;
	clear:both;
	width:618px;
	height:260px;
	background-image:url(../materias/fotos/petropolis2-maior.jpg);
	background-repeat:no-repeat;
	
	}

#destaque
{
	text-align:left;
	float:left;
	font-size:13px;
	padding-left:10px;
	padding-top:2px;
	background-image:url(../img/bg_dest.png);
	background-repeat:repeat-x;
	width:618px;
	height:20px;
	margin-top:240px;
	

	
	}

#destaque a
{
	color:#036;
	text-decoration:none;
	font-weight:800;
	}
	
#destaque a:hover
{
	color:#036;
	text-decoration: underline;
	}
	
#mat_rod
{
	float:left;
	width:618px;
	
	
	}
	
#mat_cont
{
padding-top: 25px;	
height:260px;
}

#materias
{
	width:142px;
	float:left;
	height:60px;
	text-align:left;
	padding-top:17px;
	padding-left:10px;
	border-right: solid 2px #ffffff;
	font-weight:bold;
	
	
	
	
	}
	
#materias a
{
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	}
	
#veja
{
	width:100px;
	float:right;
	height:60px;
	text-align:left;
	
    padding-top:25px;
	padding-left:10px;
	
	
	
	}
	
#veja a
{
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	}
	
#veja a:hover
{
	
	color:#ee9a00;

	}
	
#materias a:hover
{
	text-decoration: underline;
	color:#ee9a00;
	
	}


.notcont
{ 
      float:left;
      background-image:url(../img/noticias.jpg); 
      background-repeat:no-repeat; 
      width:618px; 
      height:330px; 
      margin:10px;
	  text-align:left;
}



#ultimas-noticias a
{
	
	text-decoration:none;
	color:#2b2b2b;
	font-size:12px;
}

#ultimas-noticias a:hover
{
	
	text-decoration: underline;
	color:#2b2b2b;
	font-size:12px;
}


#nota
{
	font-size:11px;
	
	}
	


 /*===================================Player de video=================================*/
.player
{  
       background-image:url(../img/player.jpg); 
       background-repeat:no-repeat; 
       width:297px; 
       height:330px; 
       margin:10px; 
       padding-bottom:10px; 
       padding-top:5px;
}

.legvideo
{ 
        color:#666666; 
        text-align:left; 
        margin-left:10px; 
        margin-top:10px
}

#top
{ 
        margin-top:5px;
}
.video
{ 
        width:280px; 
        height:240px;
		margin-left:10px;
		margin-right:10px;
}
h3
{
        margin:2px;
}

h4
{
        margin:0px;
}

#lista
{
	margin-left:2px;
	}


 /*===================================Rodap=================================*/

.direitos 

{ 
       text-align:right; 
       font-size:10px; 
       margin-right:10px; 
       color:#FFFFFF
}

.unidades
{ 
        color: #1c1c1c; 
        font-size:11px; 
        text-align:left; 
        float:left; 
        width:185px; 
        padding-left:5px; 
        margin-top:15px; 
        margin-left:25px;
		margin-right: 25px;
}




 /*===================================Coluna lateral=================================*/

#colunalateral
{
      width:180px;
      float:left;
      margin:10px;
      position:relative;
}

.fun_col
{ 
      float:left;
      margin:5px; 
      
}

.med_col
{ 
      float:left; 
      margin:5px;
}

.tec_col
{ 
      float:left;
      margin:5px;
}



 /*===================================Corpo principal(coluna central)=================================*/

.col_central
{
      width:730px;
      float:left;
      margin:10px;
      font-size:12px;
      color:#2b2b2b;
      text-align:left;
	  min-height:450px;
}

#guia a
{

}

#leg-video
{
	float:left;
	background-color:#f3f3f3;
    border: 1px solid #e8e8e8;
	padding:5px;
	margin-top:20px;
	width:258px;
	margin-left:10px;
	}

#left
{
	text-align:left;
	}

#area-video
{
	 background-color:#f3f3f3;
      border: 1px solid #e8e8e8;
	  padding:10px;
	  width:423px;
	  float:left;
	  margin-bottom:20px;
	  margin-top:20px;
	  
	}


#ico_list, #ico_cal, #ico_matr, #ico_imp, #ico_ind, #ico_conf, #ico_noti, #ico_palav, #ico_ativ
{
      float:left;
      margin-right: 15px;
      margin-left: 15px;
      margin-top: 5px
     
}

#ico_volt
{
      float:right;
      margin-right: 10px;
      margin-left: 15px;
      margin-top: 5px
     
}

#ico_links
{
      background-color:#e8e8e8;
      border: 1px solid #cfcfcf;
      width:730px;
      height:35px;
        
}

#ico_cal
{
     background-image: url(../img/bt-calendario.gif);
     background-repeat:no-repeat;
     width:133px;
     height:25px;
}

#ico_cal:hover
{
     background-image: url(../img/bt-calendario2.gif);
     background-repeat:no-repeat;
     width:133px;
     height:25px;
}

#ico_list
{
     background-image: url(../img/bt-listamaterial.gif);
     background-repeat:no-repeat;
     width:133px;
     height:25px;
}

#ico_list:hover
{
     background-image: url(../img/bt-listamaterial2.gif);
     background-repeat:no-repeat;
     width:133px;
     height:25px;
}

#ico_matr
{
     background-image: url(../img/bt-matricula.gif);
     background-repeat:no-repeat;
     width:133px;
     height:25px;
}

#ico_matr:hover
{
     background-image: url(../img/bt-matricula2.gif);
     background-repeat:no-repeat;
     width:133px;
     height:25px;
}

#ico_conf
{
     background-image: url(../img/bt-confirmar.gif);
     background-repeat:no-repeat;
     width:155px;
     height:25px;
}

#ico_conf:hover
{
     background-image: url(../img/bt-confirmar2.gif);
     background-repeat:no-repeat;
     width:155px;
     height:25px;
}

#ico_ativ
{
     background-image: url(../img/bt-atividades.gif);
     background-repeat:no-repeat;
     width:155px;
     height:25px;
}

#ico_ativ:hover
{
     background-image: url(../img/bt-atividades2.gif);
     background-repeat:no-repeat;
     width:155px;
     height:25px;
}

#ico_noti
{
     background-image: url(../img/bt-mais_noticias.gif);
     background-repeat:no-repeat;
     width:155px;
     height:25px;
}

#ico_noti:hover
{
     background-image: url(../img/bt-mais_noticias2.gif);
     background-repeat:no-repeat;
     width:155px;
     height:25px;
}

#ico_palav
{
     background-image: url(../img/bt-palavra.gif);
     background-repeat:no-repeat;
     width:155px;
     height:25px;
}

#ico_palav:hover
{
     background-image: url(../img/bt-palavra2.gif);
     background-repeat:no-repeat;
     width:155px;
     height:25px;
}

#corpo
{
     margin-top:30px;
     line-height: 25px;
	 text-align:justify;
}


#list-mat{
	margin-top: 30px; 
	position: relative;
}


#list-mat ul{
	line-height: 25px;
	
}

#list-mat ul li{
	font-weight: bold;
	
}

#list-mat ul li a{
	text-decoration: none;	
}

#list-mat ul li a:visited{
	color: #308ecf;	
}

#list-mat ul li a:hover{
	text-decoration: underline;	
}


#ico_links_rod
{
     background-color:#e8e8e8;
     border: 1px solid #cfcfcf;
     width:730px;
     height:35px;
     margin-top:30px; 
	 margin-bottom:20px;
	 float:left;
	 
}

#ico_imp
{
     background-image: url(../img/bt-imprimir.gif);
     background-repeat:no-repeat;
     width:133px;
     height:25px;
}

#ico_ind
{
     background-image: url(../img/bt-indicar-amigo.gif);
     background-repeat:no-repeat;
     width:141px;
     height:25px;
}

#ico_volt
{
     background-image: url(../img/bt-voltar.gif);
     background-repeat:no-repeat;
     width:67px;
     height:25px;
}

/*===================================Corpo principal(formulários)=================================*/

#leg
{ 
     font-size:9px;
	 color:#F00;
	 padding-bottom:6px;

	
	}
#formulario
{
	 
	 margin-top:30px;
	 float:left;
	 border-bottom: 1px solid #cfcfcf;
	 width:720px;
	}
	
#title
{
	background-color:#e8e8e8;
    border: 1px solid #cfcfcf;
	width:720px;
	padding:5px;
	margin-top:20px;
	}
	
#form-col-1,#form-col-2  
{
	float:left;
	margin-right:60px;
	clear:both;
	width:600px;
}

#enviar
{
	float:left; 
	clear:both;
	margin-left:0px;
	
}

#dados
{ 
    width:690px;
	margin-top:20px;
   	float:left;
	clear:both;
	background-color:#f3f3f3;
    border: 1px solid #cfcfcf;
	padding:10px;
	 
	}

#fale
{ 
    width:370px;
	margin-top:20px;
   	
	
	background-color:#e8e8e8;
    border: 1px solid #cfcfcf;
	padding:10px;
	 
	}