@CHARSET "ISO-8859-1";

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333;
}

p {
    padding: 10px;
}

#folha {
    margin: 0 auto;
    width: 100%;

}

#area_topo {
    width: 100%;
    float: left;
    margin: 0 auto;
}

#topo {
 	
    height: 75px;
    /*background: #5E8398;*/
background: #1e5799; /* Old browsers */

background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */

background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); 
    border-radius: 10px;
    border: 1px solid #ebb81f;
    margin: 5px;
   
}

#titulo {
	size: 50px;
}
#area_publi {
    width: 100%;
    float: left;
    margin: 0 auto;
    padding-top:0px;
    
}

#publi {
	height: 35px;
	font-size:40px;
	font-family:Arial, helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
	color:#aaaaff;
	/*background: #BEC99F;*/
    border-radius: 10px;
    border: 1px solid #ebb81f;
    margin: 5px;
    padding-top:7px;
background: #BEC99F; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #59599e 50%, #6767a2 51%, #000000 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#59599e), color-stop(51%,#6767a2), color-stop(100%,#000000)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #000000 0%,#59599e 50%,#6767a2 51%,#000000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #000000 0%,#59599e 50%,#6767a2 51%,#000000 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #000000 0%,#59599e 50%,#6767a2 51%,#000000 100%); /* IE10+ */

background: linear-gradient(to bottom, #000000 0%,#59599e 50%,#6767a2 51%,#000000 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#59599e',GradientType=0 ); 
}

#area_conteudo {
    width: 60%;
    float: left;
    margin: 0 auto;
}

#conteudo {
    background: #DCDDDF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}

#area_colesq {
    width: 20%;
    float: left;
    margin: 0 auto;

}

#coluna_esq {
	/*background:#565658;*/
	
background: #1e5799; /* Old browsers */

background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */

background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); 
    border-radius: 10px;
    border: 1px solid #ebb81f;
    margin: 5px;
}

#area_coldir {
    width: 20%;
    float: left;
    margin: 0 auto;
}

#coluna_dir {
background: #1e5799; /* Old browsers */

background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */

background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); 
    border-radius: 10px;
    border: 1px solid #ebb81f;
    margin: 5px;
}

#area_rodape {
    width: 100%;
    float: left;
    margin: 0 auto;
    clear: both; 
}

#rodape {
	font-size: 10px;
    width:99.5%;
    background: #B2BBFF;
background: -moz-linear-gradient(top, #B2BBFF 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2BBFF), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #B2BBFF 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #B2BBFF 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #B2BBFF 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */

background: linear-gradient(to bottom, #B2BBFF 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2BBFF', endColorstr='#7db9e8',GradientType=0 ); 

    border-radius: 10px;
    border: 1px solid #ebb81f;
    margin: 3px;
	vertical-align: middle;
}
#utilizador {	
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#2B552E;
	margin:10px;
	background: #BEC99F;
	border-radius: 10px;
    border: 1px solid #BEC99F;
}
#userpass {	
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#2B552E;
	margin:10px;
	background: #BEC99F;
	border-radius: 10px;
    border: 1px solid #BEC99F;    
}
#centrar {margin:10px;text-align:center;}
#SessaoOFF {
	width: 30%;
	font-size:8px;
    float: right;	
	font-weight:bold;
	text-align:center;
	margin:10px;
	background: #B6D5BC;
	border-radius: 10px;
    border: 1px solid #BEC99F;
    display: table_cell;
}
#registo {
	width:97%;
	font-size:45px;
	font-weight:bold;
	text-align:center;
	color:#2B552E;
	margin:10px;
	background: #FFFFFF;

}
#reguserpass {	
	width:97%;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#2B552E;
	margin:10px;
	background: #FFFFFF;   
}
#obrigatorio {	
	width:97%;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#CC8F00;
	margin:10px;
	background: #FFFFFF;   
}
#centra {text-align:center;}

#centrar	{
	
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:50%;
		left:50%;
		/*determinamos una anchura*/
		width:400px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-200px;
		/*determinamos una altura*/
		height:300px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:180px;		
		padding:5px;
	}

#centraplay	{
	
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:0;
		left:50%;
		/*determinamos una anchura*/
		width:400px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-200px;
		/*determinamos una altura*/
		height:300px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:180px;		
		padding:5px;
	}