/* global */

* { padding: 0; margin: 0; }

html { min-height: 100% }
body { font: 10px "Trebuchet MS", Arial, Trebuchet, Verdana, Helvetica, Arial, sans-serif; background: #188fc7 url(/layout/img/background.jpg) repeat-x scroll left bottom; min-height:100%; height:100% }

img { border: none; vertical-align: middle; }

input, textarea { font-family: Arial, "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 1.2em; vertical-align: middle; color: #FFF; border: 0px; }
select option { padding: 0 4px; }

object { outline:none; }

/* end of global */

/* hp */
body#hp { background-image: url(/layout/img/background_hp.jpg) !important; background-position: top left !important; background-color:#1e98c9 !important; }
body#hp div { width:950px; margin:0 auto }
/* end hp */


/* headers */
h1, h2, h3, h4 { }
h1, h2 { display: none; }
/* end of headers */

/* lists */
ul, ul li { list-style: none; }


/* text */
p { font-size: 1.1em; }
a { }
p.acenter { text-align: center; }
/* end of text */


/* form classes */
.textbox { }
.checkbox { }
/* end of forms */

/* global classes */
.clearboth { clear: both; }
/* end global classes */


/* Projecto Site Do Vasco */
#sitebgfix { background: url(/layout/img/topo3.jpg) top center repeat-x; height: 426px }
#container { margin: 0px auto; width: 950px; height: 100% }

/* header */
#header { }

/* area principal */
#main { }
	#main .top { width: 950px; position: relative; float: left; padding-bottom: 5px; }
		#main .top img { float: left; }
		#main .top .inicio { position: absolute; width: 84px; height: 40px; top: 26px; right: 28px; }
		#main .top .inicioLow { position: absolute; width: 84px; height: 40px; top: 57px; right: 28px; }
		#main .top .breadcrumbs { position: absolute; left: 308px; top: 112px; width: 600px; color: #ffc000 }
		#main .top .breadcrumbsLow { position: absolute; left: 308px; top: 133px; width: 600px; color: #ffc000; z-index:10 }
			.breadcrumbs a, .breadcrumbsLow a { color: #ffc000; text-decoration: underline; }
	
	/* tops */
	
	
	/* conteudo */
	#main .content { position: relative; width: 920px; background: url(/layout/img/bg_main_rounded.gif) bottom center no-repeat; float: left; padding-left: 30px; padding-bottom: 60px; margin-top: -5px; }
		#main .content h3 { background: url(/layout/img/bg_title.gif) top left no-repeat; height: 29px; font-size: 1.9em; color: #b21c21; font-weight: normal; padding-left: 41px }
		#main .content .left { float: left; width: 269px; padding-top: 20px }
			.left ul { float: left; padding-left: 28px; background: url(/layout/img/left_list_bg.gif) top left repeat-y; }
				.left ul li { padding-bottom: 13px }
				.left ul li a { color: #b21c21; font-size: 1.4em; text-decoration: none; }
					.left ul li a:hover { text-decoration: underline; }
					
					
		#main .content .right { float: left; width: 650px; }
		

	/* album de Fotos */
	
	.left .enviaFoto { margin-top: 50px; margin-right: 15px; float: left}
	
	.right ul.albumFotos { padding-top: 10px }
	.right ul.albumFotos li { float: left; width: 140px; text-align: center; margin-right: 18px; margin-bottom: 25px; } 
		.right ul.albumFotos li img { margin-bottom: 5px; }
		
		.right .nav a { color: #ecaa00; font-size: 1.3em; text-decoration: none; float: left; margin: 0px 3px }
			.right .nav a:hover { text-decoration: underline; }
		.right .nav span { float: left; padding-top: 5px; }
		.right .nav .stone { font-size: 1.4em; color: #FFF; height: 25px; width: 28px; text-align: center; padding-top: 3px }
			.right .nav .stone:hover { text-decoration: none; }
			.nav .stone.on { background: url(/layout/img/nav/on.gif) top left no-repeat; }
			.nav .stone.off1 { background: url(/layout/img/nav/off1.gif) top left no-repeat; }
			.nav .stone.off2 { background: url(/layout/img/nav/off2.gif) top left no-repeat; }
			
			
	/* contactos */
	.right.contactos { padding-top: 20px; }
		.contactos form { float: left; width: 480px; position: relative }
		.contactos label { color: #a90110; }
		.contactos .label { font-size: 1.6em; font-family: Arial; padding-left: 9px; font-weight: bold; float: left }
		.contactos input.text { float: left; background: url(/layout/img/bg_input_contacto.gif) top left no-repeat; height: 16px; width: 440px; padding: 3px 5px 2px 5px; margin-bottom: 5px; }
		.contactos .textHidder { float: left; background: url(/layout/img/bg_input_contacto_mensagem.gif) bottom left no-repeat; width: 450px; height: 159px; margin-bottom: 5px; position: relative; }
		.contactos textarea { position: absolute; top: 3px; left: 5px; width: 461px; overflow: auto; height: 154px; background: transparent; z-index: 1; }
		.contactos .textHidder .hack { z-index: 2; width: 16px; height: 154px; background: #fffff8; position: absolute; top: 3px; left: 450px; }
		.contactos .enviar { float: left; margin-left: 367px; }
		.contactos .button { position: absolute; width: 19px; height: 22px; left: 456px; cursor: pointer; z-index: 3; }
			.contactos .button img { float: left; }
			.contactos .up { top: 225px; }
			.contactos .down { top: 250px; }
		.contactos #loading { position:static !important; float:left; margin-left:195px; display:none }
		.contactos p.erro { float: left; width: 286px; text-align: left; background: url(/layout/img/icon_error.gif) top left no-repeat; color: #67686a; margin-top: 10px; padding-left: 22px; font-size: 1.3em; }
			
			
	/* diverte-te */
	.divertete { float: left; padding-top: 30px; padding-left: 270px; }
		.divertete a img { margin-right: 3px; }
		
	/* diverte-te » desenhos */
	.desenhos { height: 450px; position: relative; float: left }
		.desenhos a { position: absolute; }
		.desenhos a.img { float: left; }
		
		.desenhos .laranja { top: 37px; left: 26px; }
		.desenhos .verde { top: 238px; left: 130px; }
		.desenhos .azul { top: 8px; left: 261px; }
		.desenhos .preto { top: 114px; left: 437px; }
		.desenhos .castanho { top: 0px; left: 642px; }
		.desenhos .rosa { top: 173px; left: 761px; }
		
		
		
		
	/* diverte-te » jogos */
	.jogos ul { padding: 10px 0px; }
		.jogos ul li { display: inline; margin: 0px 15px 0px 10px }
	.jogos ul.bottom { padding-left: 60px; }
	
	
	/* historias e lendas */
	.historias { color: #565656; padding-top: 20px; font-size: 1.3em; padding-right: 84px }
		.historias .imgRight { float: right; margin-left: 10px; margin-bottom: 10px }
		.historias .imgLeft { float: left; margin-right: 10px; margin-bottom: 10px }
		.historias p { padding-bottom: 10px; }
		
		
	/* login */
	.login { float: left; width: 438px; padding-left: 281px; padding-top: 20px; }
		.login span { float: left; text-align: right; width: 120px; padding-right: 10px; font-family: Arial; font-size: 1.6em; font-weight: bold; color: #a90110 }
		.login input.text { float: left; width: 298px; padding: 3px 5px 2px 5px; margin-bottom: 5px; height: 16px; background: url(/layout/img/bg_input_login.gif) top left no-repeat; }
		.login #botao { float: right; margin-top: 10px;}
		.login #loading { position:static !important; float: right !important; text-align: right !important;  margin-top: 10px !important; display:none; }

    .login #errors {margin-left:130px;}
		.login p.erro { float: right; width: 286px; text-align: left; background: url(/layout/img/icon_error.gif) top left no-repeat; color: #67686a; margin-top: 10px; padding-left: 22px; font-size: 1.3em; }
			.login p.erro label { color: #a00110; }
			
	/* passatempos */
	.semPassatempos { text-align: left; font-size: 1.4em; padding-left: 269px; padding-top: 20px; padding-right:84px; color: #646464; }
    .semPassatempos p {float:left; font-size:1em;padding-bottom:20px; }
	.semPassatempos a { color: #646464; } 
	/* perfil */
	.perfil { float: left; width: 530px;/* background: url(/layout/img/bg_perfil.jpg) top right no-repeat;*/ margin-top: 20px; font-size: 1.4em; color: #67686a }
		.perfil label { float: left; width: 140px; padding-right: 8px; font-weight: bold; text-align: right; padding-bottom: 3px }
		.perfil span { float: left; width: 370px; padding-bottom: 3px }
		.perfil .spacer { padding-top: 10px; }
		.perfil em { font-size: 0.8em; }
		.perfil .quote { line-height: 1.5em; }
		.perfil p { font-size: 1em;/* margin-top: 40px;*/ float: left; padding-bottom: 20px }
		
		
	/* registo */
	.registo { float: left; width: 498px; padding-left: 250px; padding-top: 20px; }
		.registo .labelsucess, .contactos .labelsucess, .login .labelsucess { float: left; text-align: left; width: 540px; padding-right: 10px; font-family: Arial; font-size: 1.6em; font-weight: bold; color: #a90110; display: block; min-height: 100px; }
		.registo .labelsucess a, .contactos .labelsucess a, .login .labelsucess a { color: #a90110; }
		.registo .label { float: left; text-align: right; width: 180px; padding-right: 10px; font-family: Arial; font-size: 1.6em; font-weight: bold; color: #a90110 }
		.registo input.text { float: left; width: 298px; padding: 3px 5px 2px 5px; margin-bottom: 8px; height: 16px; background: url(/layout/img/bg_input_login.gif) top left no-repeat; }
		.registo input.data1 { width: 30px; background-image: url(/layout/img/bg_input_data1.gif); margin-right: 6px; text-align: center }
		.registo input.data2 { width: 50px;  background-image: url(/layout/img/bg_input_data2.gif); text-align: center }
		.registo .radio { float: left; padding-left: 190px; font-size: 1.6em; color: #a90110; font-weight: bold; width: 250px; padding-bottom: 8px }
			.registo .radio input { vertical-align: middle; _vertical-align: text-bottom }
			.registo .radio label { margin-left: 3px; _margin-left: 0px; margin-right: 5px; _margin-right: 2px; }
		.registo .registar { float: right; padding-top:10px; clear: both  }
		.registo #loading { display: none; position:static !important; }
        .dtnasc { float: left; }
		.dtnasc span { float: left; margin-right: 6px; font-size: 1.3em; }
		.registo ul { float: left; padding-left: 190px; color: #1778a0; font-size: 1.2em }
			.registo ul input { margin-right: 5px; _margin-right: 0px }
		
		
		.registo p.erro { float: right; width: 286px; text-align: left; background: url(/layout/img/icon_error.gif) top left no-repeat; color: #67686a; margin-top: 10px; padding-left: 22px; font-size: 1.3em; }
			.registo p.erro label { color: #a00110; }
            
            .registar_oc { color:#67686A; float:right; font-size:1.3em;  width:286px; margin-top:10px  }
            .clearboth { clear: both }
            #link_style { color: #67686A; text-decoration: underline; }


#footer { float: left }

.e404 { font-family:Arial; font-size:1.6em; font-weight:bold; margin-left:275px; margin-right:30px; margin-top:30px; color:#A90110; }

.e404 a { color:#A90110; }