/****************************GERAL*******************************/
/*para quando se usar float lefts nas divs*/
.clearer{
	clear:both;
	height:1;
}

body, html{
font:normal 14px Georgia;
margin: auto;
height:100%;
width:100%;
color:#f1d9a6
}

body {
/*    overflow: scroll;
    position: fixed;*/
}

#simple-bg{
	background-image: url("background.jpg");
    background-size: cover;
	
	position: fixed;
	top:0;left: 0;
	right: 0; bottom: 0;
	z-index: 0;
}

a
{
text-decoration:none;
color:#ff6600;
}

#content_bg
{
position: absolute;
padding:auto;
left:0;
top:0;
z-index:0;
min-height:100%;
z-index: 1;
min-width:100%;
}
			
.wide 
{
border-bottom: 1px #000 solid;
width: 4000px;
}


/*background opaco que aparece nas noticias 
e no about atrás do texto*/
.opaque_bg
{
background-image:url('content_bg.png');
background-repeat:repeat;
margin-right:auto;
margin-left:auto;
}


/******************************CONTEUDO*******************************/
#page
{
margin-top:30px;
padding-bottom:50px;
}


/******************************ABOUT**********************************/
.content_about
{
line-height:24px;
padding-left:119px;
padding-right:118px;
padding-bottom:43px;
padding-top:47px;
width:461px;
}



/******************************NEWS**********************************/
.news
{
margin-bottom:2px;
padding-top:25px;
padding-bottom:27px;
padding-left:28px;
padding-right:45px;
width:623px;
}

.news_pic
{
float:left;
width:150px;
height:150px;
text-align:center;
}


.news_pic img
{
border:0px;
width:150px;
height:150px;
}

.news_content
{
float:left;
margin-left:23px;
width:448px;
}

.news_title
{
margin-bottom:9px;
line-height:21px;
}

.news_title h2
{
font-size:18px;
margin:0;
padding:0;
}

.news_date
{
font-size:11px;
color:#907656;
margin-bottom:16px;
}

.news_text
{
font-size:12px;
line-height:20px;
}

/******************************CONTACT**********************************/
#contact
{
width:479px;
height:366px;
margin-left:auto;
margin-right:auto;
}

#contact_table
{
width:479px;
height:366px;
border:0px;
}

/*label do formulario do contacto*/
.label
{
background-image:url('content_bg.png');
background-repeat:repeat;
width:138px;
height:14px;
padding-left:12px;
padding-top:15px;
padding-bottom:14px;
vertical-align:top;
}


/*td que contem o campo de texto*/
.contact_text 
{
font:normal 14px Georgia;
color:#000000;
background-color:#e3d4b5;
}

.contact_text input, .contact_text textarea
{
background-color:#e3d4b5;
font:normal 14px Georgia;
outline:none;
border:0;
}

.contact_text textarea
{
margin-top:10px;
}

textarea
{
resize:none;
overflow: auto;
}

#captcha_div
{
width:140px; 
height:50px;
padding:5px;
}

.td_captcha
{
padding-top:10px;
padding-bottom:5px;
}

.contact_text a
{
font:normal 11px Georgia;
color:#000000;
display:block;
text-align:center;
}


/*botao commit do contacto*/
.button_commit_light
{
width:116px;
height:30px;
border:none;
font:normal 14px Georgia;
color:#000000;
background-image:url('btn_2.png');
background-color:transparent;
background-repeat:no-repeat;
margin-top:12px;
}

.button_commit_light:hover
{
background-image:url('btn_2_over.png');
}



/******************************HOME**********************************/

#home
{
width:819px;
height:540px;
background-image:url('tree_solo.png');
position:absolute;
bottom:0;
margin-left:auto;
margin-right:auto;
left:50%;
margin-left:-370px;
}

/*posições dos pássaros*/
.bird
{
position:absolute;
border:0;
}


.about_bird
{
top:377px;
left:6px;
}

.pubs_bird
{
left: 22px;
top: 146px;
}

.projects_bird
{
top:0px;
left:409px;
}

.contact_bird
{
top:240px;
left:581px;
}


/******************************PROJECTS LIST**********************************/
#projects_list
{
line-height:24px;
padding:47px 35px 43px;
/*padding-left:35px;
padding-bottom:43px;
padding-top:47px;*/
width:846px;
color:#f1d9a6;
overflow:auto;
}

#projects_list a
{
color:#f1d9a6;
}


/*div das categorias*/
.category
{
/*margin-right:55px;*/
overflow: hidden;
width: 846px;
margin-bottom: 50px;

}

/*div do nome da categoria*/
.category_name 
{
background-image:url('dots.png');
background-position:bottom;
background-repeat:repeat-x;
padding-bottom:9px;
}

.category_name h2
{
font:normal 22px Georgia;
padding:0;
margin:0;
}



/*div das subcategorias*/
.sub_category
{
float:left;
/*width:150px;*/
width: 191px;
margin-top:17px;
margin-right:20px;
}

/*div do nome da subcategoria*/
.sub_category_name h3
{
font:bold 14px Georgia;
margin:0;
padding:0;
}



/*div dos projectos*/
.projects
{
font:normal 12px Georgia;
margin-top:15px;
}

.project_link
{
margin-top:18px;
/*width:128px;*/
}

.project_link a:hover
{
text-decoration:underline;
}

/*para cada categoria é preciso forçar o width*/
/*#virtual_reality
{
width:510px;
float:left;
}
#digital_illustration
{
width:226px;
float:left;
}*/


/******************************SHOW PROJECT**********************************/
#project
{
/*margin-left:auto;
margin-right:auto;
width:810px;
height:484px;*/
}


/***FRAME***/
#project_frame
{
border:0;
}

#frame_left
{
background-image:url('Left.jpg');
background-repeat:repeat-y;
}

#frame_right
{
background-image:url('Right.jpg');
background-repeat:repeat-y;
}

#frame_top
{
background-image:url('Top.jpg');
background-repeat:repeat-x;
}

#frame_bottom
{
background-image:url('Bottom.jpg');
background-repeat:repeat-x;
}

#frame_top_left
{
width:22px;
height:22px;
background-image:url('TopLeft.jpg');
}

#frame_top_right
{
width:22px;
height:22px;
background-image:url('TopRight.jpg');
}

#frame_bottom_left
{
width:22px;
height:22px;
background-image:url('BottomLeft.jpg');
}

#frame_bottom_right
{
width:22px;
height:22px;
background-image:url('BottomRight.jpg');
}

#frame_content
{
/*as imagens estão a ser desenhadas com o tamanho que são guardadas - max 800x600
width:329px;
height:441px;*/
background-color:#000000;
}


/*botao do info*/
#info_button
{
font:normal 14px Georgia;
color:#f4ddac;
margin-top:16px;
padding-top:4px;
display:block;
text-align:center;
width:114px;
height:27px;
border:none;
background-image:url('btn_1.png');
background-color:transparent;
background-repeat:no-repeat;
}

#info_button:hover
{
background-image:url('btn_1_over.png');
}

.previous, .next
{
font:normal 18px Georgia;
color:#91715a;
float:left;
padding:3px;
padding-top:14px;
}

#previous:hover a span, #next:hover a span
{
color:#f4e3ce;
}


.curly_brackets
{
font:normal 40px Georgia;
color:#91715a;
float:left;
}

#previous
{
width:100px;
position:absolute;
left:0;
top:362px;
margin-left:9px;
}

#next
{
width:65px;
position:absolute;
right:0;
top:362px; 
margin-right:9px;
}




/************************ABOUT PROJECT - BLACK***************************/
#info
{
padding:auto;
min-width:100%;
min-height:100%;
background-image:url('about_background.png');
background-repeat:repeat;
position:fixed;
top:0px;
left:0px;
right: 0;
bottom: 0;
overflow: auto;
z-index:200;
display:none;
}

#info_content
{
padding-top:160px;
margin-left:155px;
width:751px;
margin-left:auto;
margin-right:auto;
}

.info_title
{
font:normal 18px Georgia;
color:#f1d9a6;
background-image:url('dots.png');
background-position:bottom;
background-repeat:repeat-x;
padding-bottom:12px;
margin-bottom:17px;
}

/*div que contem todo o about*/
#about
{
float:left;
width:470px;
margin-right:55px;
}

/*div que contem toda a secção de download*/
#download
{
float:left;
width:226px;
}

#download_content
{
font:normal 14px Georgia;
margin-top:16px;
padding-top:4px;
display:block;
text-align:center;
width:116px;
height:30px;
border:none;
background-image:url('btn_2.png');
background-color:transparent;
background-repeat:no-repeat;
}

#download_content:hover
{
background-image:url('btn_2_over.png');
}

#download_content a
{
text-decoration:none;
color:#000000;
}

/*titulos (about e download)*/
.title_span, .text_span h2
{
font:bold 14px Georgia;
display:block;
margin:0;
}

h1.text_span, span.text_span p
{
margin:0;
}

/*conteudo textual excepto titulos*/
.text_span
{
font:normal 14px Georgia;
color:#f1d9a6;
display:inline-block;
line-height: 1.6;
}

/*divs das secções*/
.about_sections
{
margin-bottom:30px;
}

/*div com a cruz - close*/
#close_button
{
position:absolute;
top:11px;
right:15px;
width:28px;
height:27px;
}

/*div com a cruz - close*/
#close_button a img
{
background-image:url('cruz.png');
width:28px;
height:27px;
border-style:none;
}