.videobox 
{
padding:0px;
border:4px solid #003090;
width:69px;
height:49px;
}

#op
{
font-size:12px;
width:310px;
height:192px;
margin:0px;
padding:10px;
border:1px solid orange;
border-collapse:collapse;
overflow:auto;
}

.noop {
	background: background: #482460;
	width: 700px;
	height: 250px;
	background-image: url("../images/fundo01.gif");
}

.eescola {
	background: background: #482460;
	width: 800px;
	height: 600px;
	background-image: url("../images/fundo02.gif");
}

.econt {
	background: background: #482460;
	width: 800px;
	height: 600px;
	background-image: url("../images/fundo03.gif");
}

body {
	color:white;
	scrollbar-track-color: rgb(52,34,63); 
	scrollbar-face-color: rgb(52,34,63); 
	scrollbar-darkshadow-color: rgb(52,34,63); 
	scrollbar-3dlight-color: rgb(52,34,63); 
	scrollbar-arrow-color: rgb(52,34,63); 
	scrollbar-shadow-color: rgb(0,72,144); 
	scrollbar-highlight-color: rgb(0,72,144); 
}

.formz {
	background: background: #482460;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	border: 1px solid rgb(0,131,215);
	
	scrollbar-track-color: rgb(210,250,255); 
scrollbar-face-color: rgb(210,250,255); 
scrollbar-darkshadow-color: rgb(210,250,255); 
scrollbar-3dlight-color: rgb(210,250,255); 
scrollbar-arrow-color: rgb(210,250,255); 
scrollbar-shadow-color:  rgb(0,131,215); 
scrollbar-highlight-color:  rgb(0,131,215); 
}

.mlabel1 {
	color:rgb(225,86,22);
text-decoration:none;	
	font-size:80%;
	line-height:150%;
}

.mlabel2 {
	color:rgb(0,175,233);
	text-decoration:none;	
	font-size:79%;
	line-height:140%;
}

.label {
	color:rgb(0,72,144);
text-decoration:none;	
	font-size:70%;
	padding-left:12px;
}

.label2 {
	color:rgb(225,86,22);
	 color:rgb(0,175,233);
text-decoration:none;	
	font-size:80%;
}

.label3 {
	color:rgb(0,72,144);
	background: rgb(250,235,210);
	border:1px dotted rgb(0,72,144);
	border-bottom:0px;
	padding:2px;
	text-decoration:none;	
	font-size:70%;
}

.label4 {
	color:rgb(225,86,22);
text-decoration:none;	
	font-size:100%;
}

.label5 {
	color:rgb(225,200,175);
	 color:rgb(52,34,63);
	 color:white;
text-decoration:none;	
	font-size:105%;
	 background:rgb(52,34,63);
	 background:rgb(0,175,233);
	 background:rgb(225,86,22);
	 padding:6px;
	padding-left:12px;
	padding-right:12px;
	border:2px solid rgb(52,34,63);
	z-index:50;
}

a {
	color:white;
text-decoration:none;	
}
a:hover {
	
	color:rgb(225,86,22);
}

.void {
	background: rgb(60,48,108);
	/*background-image: url(../data/images/bgspot1.gif);*/
	background: rgb(72,36,96);
}

img {
	
	border:0px;
}


#oferta
{
	left:37px; position: absolute; top:37px;
}

#claim{
	position: absolute;
	width: 370px;
	left:415px;
	top:132px;
	font-size: 11px;
	color:rgb(0,175,233);
	}


#mmenu {
	position: absolute;
	top: 195px;
	left: 20px;
	width: 20%;
}

.mmenubutt {
	/*border:1px dotted black;*/
	text-align: center;
	font-size: 85%;
	padding:0px;
	display:block;
}

.mmenubutt a {
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display:block;
	padding:3px;
	letter-spacing: 1px;
}

.mmenubutt a:hover {
	text-align: center;
	text-decoration: none;
	display:block;
}

.mmenubutta {
	/*border:1px dotted black;*/
	text-align: center;
	font-size: 85%;
	padding:0px;
	display:block;
}

.mmenubutta a {
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display:block;
	padding: 3px;
	letter-spacing: 1px;
}

.mmenubutta a:hover {
	text-align: center;
	text-decoration: none;
	display:block;
}

#logo {
	position:absolute;
	top:15px;
	left:326px;
}

#noo {
	position:absolute;
	top:27px;
	left:473px;
}

#eesc {
	position:absolute;
	top:73px;
	left:485px;
}

#cont {
	position:absolute;
	top:120px;
	left:470px;
}

#bodybody {
	height:320px;
	overflow:auto;
}

#bodytable {
	position:absolute;
	top:240px;
	left:30px;
	height:320px;
}

.bt {
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	width: 173px;
	height:320px;
	overflow:auto;
	padding:5px;
}

.bt1 {
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	width: 370px;
	/*border-left: 2px dotted rgb(0,124,195);
	background-image: url(../data/images/kid01.gif);*/
	background-position: -100px -45px;
	height:320px;
	overflow:auto;
	padding:0px;
}


.bt10 {
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	width: 370px;
	/*border-left: 2px dotted rgb(0,124,195);*/
	background-image: url("../images/kid01.gif");
	background-position: -100px -45px;
	height:320px;
	overflow:auto;
	padding:0px;
}

.bt11 {
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	width: 370px;
	/*border-left: 2px dotted rgb(0,124,195);*/
	background-image: url("../images/oportu.gif");
	background-position: -40px -25px;
	height:320px;
	overflow:auto;
	padding:0px;
}

.bt12 {
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	width: 390px;
	/*border-left: 2px dotted rgb(0,124,195);*/
	background-image: url("../images/comput.gif");
	background-position: -80px -45px;
	height:320px;
	overflow:auto;
	padding:0px;
}

.bt2 {
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	width: 346px;
	/*border-left: 1px dotted rgb(225,86,22);*/
	border-left: 1px dotted rgb(0,131,215);
	height:320px;
	overflow:auto;
	padding:5px;
}

#l2 {
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	position:absolute;
	top:250px;
	left:30px;
	height:320px;
	width:370px;
	padding:5px;
	overflow:auto;/*
	border-left: 1px dotted rgb(225,86,22);
	border-left: 1px dotted rgb(0,131,215);*/
}

#l3 {
	position:absolute;
	top:50px;
	left:50px;
	height:500px;
	width:700px;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	/*border-left: 1px dotted rgb(225,86,22);
	border-left: 1px dotted rgb(0,131,215);
	padding:5px;
	overflow:auto;*/
}



#l4 {
	position:absolute;
	top:260px;
	left:30px;
	height:315px;
	width:750px;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	/*border-left: 1px dotted rgb(225,86,22);
	border-left: 1px dotted rgb(0,131,215);
	padding:5px;*/
	overflow:auto;
}

#r1 {
	position:absolute;
	top:260px;
	left:75%;
	height:320px;
	width:160px;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	/*border-left: 1px dotted rgb(225,86,22);*/
	padding-left:10px;
	border-left: 1px dotted rgb(0,131,215);
}

#r2 {
	top:240px;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	padding-left:10px;
	padding-top:25px;
	padding-right:10px;
	width:360px;
	border-left: 1px dotted rgb(0,131,215);
	position:absolute;
	left:50%;
	height:320px;
	overflow:auto;/**/
}
#r3 {
	top:510px;
	vertical-align: top;
	text-align: center;
	font-size: 10px;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	width:789px;/*
	border-left: 1px dotted rgb(0,131,215);
	border-top: 1px dotted rgb(0,131,215);
	border-bottom: 1px dotted rgb(0,131,215);
	border-right: 1px dotted rgb(0,131,215);*/
	position:absolute;
	left:0%;
	height:120px;
	overflow:auto;/**/
}



#col1 {
	vertical-align: top;
	text-align: left;
	font-size: 89%;
	padding-left:10px;
	width:100%;
}


#col2l {
	vertical-align: top;
	text-align: left;
	font-size: 89%;
	padding-left:10px;
	width:70%;
}

#col2r {
	vertical-align: top;
	text-align: left;
	font-size: 82%;
	padding-left:10px;
	width:30%;
}

/*#splash {*/
	/*background-image: url(../data/images/bgspot1.gif);
	text-align:center;
	vertical-align:middle;
	width:800px;
	height:600px;
	color:white;
}
*/

.outputcont {
	width: 360px;
	height: 310px;
	margin: 0px; 
	background: white;
	/*background-image: url("../images/fundo03.gif");
	background-position: -5px -5px;*/
	/*background-repeat: no-repeat;
	background-attachment: fixed;*/
	padding:0px;
	overflow:auto;
}

.outputmais {
	width: 730px;
	height: 300px;
	margin: 0px; /*background: transparent;*/
	/*background-image: url(../data/images/fundo03.gif);
	background-position: -5px -5px;
	background-repeat: no-repeat;
	background-attachment: fixed;*/
	padding:0px;
	overflow:auto;
}

.outputvideo {
	width:320px;
	height:300px;
	margin:0px;
	background: transparent;
}
#contenter {
	width:360px;
	height:310px;
}

#tv {
	width:340px;
	height:300px;
}
#formk {
	width:700px;
	height:500px;
	/*border:1px dotted rgb(225,86,22);*/

}
#Conteudo1_mais {
	width:730px;
	height:280px;
	padding:5px;
	border:1px dotted rgb(225,86,22);
	/*background-image: url(../data/images/deco3.gif);*/

}

#escudo {
	position: absolute;
	top: 26px;
	left: 378px;
	z-index:1000
}


#splash {
	position: absolute;
	top: 222px;
	left: -75px;
	z-index:1000
}

#mmenuposition {
	/*position: absolute;
	top: 20px;
	left: 1%;*/
	width: 100%;
	z-index:1000
}
ul.makeMenu {
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}

ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin-bottom: 3px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  text-decoration:none;
  display: block;              /* makes the child block visible - one of the most important declarations */
}

ul.makeMenu li:hover {
  display: block;  
}
ul.makeMenu a {
  display: block;  
}
ul.makeMenu li, ul.makeMenu a, ul.makeMenu a:hover
{ 
  display: block;  
}


#theoutput
{
	position: absolute;
	top: 120px;
	left: 1%;
	width: 98%;
	/*z-index:1000*/
}


h5 {
	margin:0px 0px 0px 5px;
	padding:6px;
	font-size:75%;
	color:#482460;
	float:right;
	width:124px;
	background:white
}

h1 {
	float:right;
	width:30%;
	font-weight:normal;
	/*height:120px;*/
	background:blue;
	font-size:85%;
	padding:7px;
	margin:7px;
	margin-right:0px;
}

h2 
{
    font-size:135%;
    text-transform:uppercase;
    padding:4px 0px 4px 7px ;
    margin:0px;
}


h3 
{
    font-size:120%;
    text-transform:uppercase;
    padding-bottom:4px;
}

h4 
{
    font-size:110%;
    text-transform:uppercase;
    padding-bottom:4px;
}

/*********************************************************************************/
#base 
{
    width:100%;
    margin:0px;
    padding:0px;
    border:0px;
}
.om
{
    width:12.5%;
    
}
.ob
{
    width:75%;
    
}

    
#maincontainer 
{
    width:100%;
    margin:0px;
    padding:0px;
    border:0px;
}

#lyhead 
{
    height:111px;
}

#lybody 
{

}
    
#lyfoot 
{
   /* background-image:url("hbg.gif");*/
}
    
#outp 
{
    width:100%;
    margin:0px;
    padding:0px;
    border:0px;
}
    
#outp td
{
    vertical-align:top;
    margin:0px;
    padding:0px;
    
}

.omenu
{
    width:22%;
    
}

.obody
{
    width:78%;
}

#output
{
    width:100%;
    margin:0px;
    padding:0px;
    border:0px;
}

#output td
{
    margin:0px;
    padding:7px;
}
/*-----------------------------------------------------------
header skin content box
-----------------------------------------------------------*/
#hd
{
    width:100%;
    margin:0px;
    border:0px;
    padding:0px;
}

#hd td
{
    margin:0px;
    border:0px;
    padding:0px;
}

.ht
{
    width:9px;
    margin:0px;
    border:0px;
    padding:0px;
}


.hc
{
    margin:0px;
    border:0px;
    margin-left:22em;
    background-image:url("hbg.gif");
    font-family:IMPACT;
    /*font-weight:bold;*/
    font-size:4em;
    letter-spacing:2px;
}


/*-----------------------------------------------------------
footer skin content box
-----------------------------------------------------------*/
.pt
{
    width:9px;
    margin:0px;
    border:0px;
    padding:0px;
}


.pc
{
    margin:0px;
    border:0px;
    padding:0px;
    background-image:url("pbg.gif");
}

#pee
{
    width:100%;
    margin:0px;
    border:0px;
    padding:0px;
    height:20px;
}

#pee td
{
    margin:0px;
    border:0px;
    padding:0px;
}




#foot {
	vertical-align:middle;
    width:100%;
    margin:0px;
    border:0px;
    padding:0px;
    height:16px;
}

#foot a 
{
    font-size:85%;
	color: rgb(0,175,233);	
	padding-left:1em;
	padding-right:1em;
}


#foot a:hover {
	color: rgb(225,255,255);	
}


/***********************************************************************
COLORS
***********************************************************************/

body {	background: rgb(0,45,76);
}

ul.makeMenu li {
  background: rgb(0,64,128);
}

.mmenubutt a {
	color:rgb(0,175,233);
    background: rgb(0,72,144);
}

.mmenubutt a:hover {
	color:rgb(40,31,43);
	background:rgb(0,175,233);
}


.mmenubutta a {
	color:rgb(0,72,144);
	color:rgb(255,255,255);
    background: rgb(0,175,233);
}


#lybody  {
	background:rgb(0,45,90);
}

.mmenubutta a:hover, h2, .butt:hover {
	color:rgb(255,255,255);
	color:rgb(40,31,43);
	color:rgb(0,175,233);
}

.mmenubutt a, .mmenubutta a:hover, .butt {
    background: rgb(0,72,144);
}

.butt, .loginl 
{

    color:rgb(0,175,233);
}
.butt:hover
{
    background:rgb(0,175,233);
}

.butt:hover, .outputcont
{
    color:white;
}

.outputcont
{
    color:rgb(52,34,63);
}

.common li
{
    background:rgb(52,34,63);
}
/***********************************************************************
ANCHOR POINTS
***********************************************************************/

#mainmenu {
	position:absolute;
	top:185px;
	right:25px;
}


#commonmenu {
	position:absolute;
	top:205px;
	right:25px;
}

#foot {
	position:absolute;
	top:575px;
}



/***********************************************************************
COMMON BORDERS
***********************************************************************/

#lyhead, h3, h2
{
    border-bottom: 2px dotted rgb(0,72,144);
}

#lyfoot 
{
    border-top: 2px dotted rgb(0,72,144);
}

.bt, #r2
{
	border-left: 2px dotted rgb(0,131,215);
}    

.butt 
{
	border: 1px solid rgb(0,131,215);
}    

.common li 
{
	border: 1px solid rgb(0,72,144);
}    

.butt:hover 
{
	border: 1px sulid rgb(225,86,22);
}    


/***********************************************************************
TEXT STYLES
***********************************************************************/

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:135%;
}

/***********************************************************************
LOGIN
***********************************************************************/

.lin    /*LOGIN PAGE BODY*/
{
    border:0px;
    margin:0px;
    width:100%;
    height:100%;
    vertical-align:middle;
    text-align:center;
}

#login   /*LOGIN LAYOUT TABLE*/
{
    /*position:absolute;
    top:100px;*/
    border:0px;
    margin:0px;
}

.loginl  /*LOGIN LAYOUT CELL (LEFT)*/
{
    border:0px;
    margin:0px;
    vertical-align:middle;
    text-align:right;
}
.loginr  /*LOGIN LAYOUT CELL (RIGHT)*/
{
    border:0px;
    margin:0px;
    vertical-align:middle;
    text-align:left;
}


.butt 
{
    height:18px;
    line-height:100%;
    border:0px;
    margin:0px;
    cursor:hand;
    padding:0px;
    font-weight:bold;
    font-size:0.8em;
    letter-spacing:1px;
    
}

.butt:hover
{
    border:0px;
    margin:0px;
    height:18px;
}


/***********************************************************************
LIST ELEMENTS FOR MENUS
***********************************************************************/

#nav ul 
{
    margin: 0; 
    padding: 0; 
	}
	
#nav li
{
    display: inline; 
}

#nav li a 
{
    text-decoration:none;  
	background: transparent;
}
	
#nav li a:hover 
{
}

/***********************************************************************
***********************************************************************/
.e ul{
    background: transparent;
    list-style-image:url("../images/minie.gif");
}
 
.e li {
	padding: 5px 20px 5px 20px; 
    font-size:1.1em;
    height:22px;
    padding:7px;
    padding-left:2em;
    padding-top:1px;
    line-height:24px;
    color:rgb(225,86,22);
    font-weight:bold;
	background-image:url("../images/minie.gif");
	background-repeat:no-repeat;

}
.e li a {
    color:rgb(225,86,22);
}

.e ul, e ul a:hover {
	list-style-image:url("../images/minie.gif");
}

.e a:hover {
    color:white;
}


.common ul {
    background: transparent;
    font-size:1em;
    margin:0em;
}
 
.common li {
    font-weight:bold;
    font-size:0.78em;
    margin:1px;
    padding:2px 8px;
    line-height:30px;
}

.common li a {
    background: rgb(0,72,144);
    color:rgb(225,86,22);
    color:rgb(86,99,225);
}

.common li a:hover, .common li:hover {
    color:white;
    background:blue;
}






.navfoot {font-size:0.80em;}

.navfoot ul 
{
    margin: 0; 
    padding: 0; 
	list-style-type: none; 
}
	
.navfoot li
{
    display: inline; 
    /*padding:7px;*/
}

.navfoot a {
	color:rgb(0,72,144);
}

.navfoot a:hover {
    color:rgb(225,86,22);
}


.navfoot li a:hover 
{
    color: purple;
	background: yellow; 
}