@charset "utf-8";
/* 
Joana Sofia, personal portfolio.
All rights reserved under creative commons.
Author: Joana Sofia http://www.caixa-magica.com
2009
 */

BODY {background-color: #333333; text-align: center; margin: 0;}

#geral {width: 875px; height: 550px; margin: 0 auto;}
#home {width: 875px; height: 550px; background-image: url(img/home.jpg); background-repeat: no-repeat; background-position: center; margin: 0 auto;}
#pagportfolio {width: 875px; height: 550px; background-image: url(img/portfolio.jpg); background-repeat: no-repeat; background-position: center; margin: 0 auto;}
#pagacerca {width: 875px; height: 550px; background-image: url(img/acerca.jpg); background-repeat: no-repeat; background-position: center; margin: 0 auto;}
/*div estruturante superior dos menus no poste de direcções*/
#estrutura {width: 875px; height: 130px; margin: 0 auto;}
#menu {width: 401px; height: 20px; margin-left: 81px; margin-right: 393px;}
/*menus no poste de direcções*/
#caixa1 {width: 875px; height: 32px;}
#acerca {width: 86px; height: 28px; margin-left: 690px; margin-top: 4px; float: left;}
#contacto {width: 56px; height: 23px; margin-right: 43px; margin-top: 4px; padding-top: 5px; float: right;}
#portfolio {width: 86px; height: 22px; margin-left: 690px; margin-right: 99px;}
#caixa2 {width: 875px; height: 34px;}
#curriculo {width: 86px; height: 24px; margin-left: 690px; float: left; padding-top: 10px;}
#visitas {width: 56px; height: 34px; margin-right: 43px; float: right;}
/*texto de apresentação, na página acerca*/
#apresentacao {width: 295px; height: 170px; margin-left: 126px; margin-right: 454px;}
.apresentacao {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #CCCCCC; text-align: right;}
/*div estruturante inferior dos menus no poste de direcções*/
#estrutura2 {width: 875px; height: 142px;}
/*linha de rodapé das páginas portfolio e acerca*/
#rodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.rodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #6699FF; text-align: left; text-decoration: none;}
.rodape :link .rodape :visited {text-decoration: none;}
.rodape :hover {text-decoration: none;}

.titulo {font-family: "Courier New", Courier, monospace; font-size: 10px; color: #663300; font-weight: bold; text-align:left;}
.texto {font-family: "Courier New", Courier, monospace; font-size: 10px; color: #663300; text-align: left;}
.menu {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #003366; text-decoration: none;}
.menu :link .menu :visited {text-decoration: none;}
.menu :hover{text-decoration: none; color: #993366;}
/*formatação dos links do poste de direcções*/
.linkhome {text-decoration: none;}
.linkhome :link .linkhome :visited {text-decoration: none;}
.linkhome :hover {text-decoration:none;}

/*DESIGN*/
#pagdesign {width: 875px; height: 550px; background-image: url(img/design/fundodesign.jpg); background-repeat: no-repeat; background-position: center; margin: 0 auto;}
#pagdesign0 {width: 875px; height: 550px; background-image: url(img/design/fundodesign0.jpg); background-repeat: no-repeat; background-position: center; margin: 0 auto;}
#dgnesq {width: 292px; height: 550px; float: left;}
#dgndrt {width: 472px; height: 550px; margin-right: 111px; float: right;}
#dgncenter {width: 472px; height: 425px; margin-top: 90px; margin-bottom: 45px;}
#dgnporta {width: 50px; height: 87px; margin: 139px 69px 0 173px;}
#dgnlogotipo {width: 67px; height: 40px; margin: 25px 170px 20px 55px;}
#dgngraficos {width: 61px; height: 25px; margin: 0 171px 10px 64px; padding-top: 10px;}
#dgnlayouts {width: 61px; height: 31px; margin: 8px 175px 7px 56px;}
#dgnilustracao {width: 72px; height: 37px; margin: 10px 173px 91px 47px; padding-top: 10px;}
.dgntexto {font-family: "Courier New", Courier, monospace; font-size: 11px; color: #003300; text-align: left;}
#dgnrodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.dgnrodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #006600; text-align: left; text-decoration: none;}
.dgnrodape :link .dgnrodape :visited {text-decoration: none;}
.dgnrodape :hover {text-decoration: none;}

/*PROSA*/
#pagescrita {width: 875px; height: 550px; background-image: url(img/escrita/fundoescrita.jpg); background-repeat: no-repeat; margin: 0 auto;}
#prsesq {width: 430px; height: 550px; float: left;}
#prsdrt {width: 445px; height: 550px; float: right;}
#prsporta {width: 145px; height: 163px; margin: 344px 245px 43px 40px;}
#prstextos {width: 304px; height: 384px; margin: 94px 142px 72px 0;}
#prsnavegacao {width: 304px; height: 30px;}
#prsdivtxt {width: 304px; height: 354px; padding-left: 15px; text-align: justify; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #663300; overflow: auto; scrollbar-arrow-color:#666633; scrollbar-3dlight-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF;  scrollbar-face-color:#CCCC99; scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF;}
.prstitulo {font-family: "Courier New", Courier, monospace; font-size: 15px; color: #663300; font-weight: bold;}
.prstexto {font-family: "Courier New", Courier, monospace; font-size: 13px; color: #663300;}
#prsrodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.prsrodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #FF6600; text-align: left; text-decoration: none;}
.prsrodape :link .prsrodape :visited {text-decoration: none;}
.prsrodape :hover {text-decoration: none;}

/*ESPECTÁCULO*/
#pagteatro0 {width: 875px; height: 550px; background-image: url(img/teatro/fundoteatro0.jpg); background-repeat: no-repeat; margin: 0 auto;}
#pagteatro {width: 875px; height: 550px; background-image: url(img/teatro/fundoteatro.jpg); background-repeat: no-repeat; margin: 0 auto;}
#trtesq {width: 305px; height: 417px; float: left; margin: 90px 15px 43px 200px;}
#trtdrt {width: 355px; height: 550px; float: right;}
#trttampa {width: 142px; height: 58px; margin-top: 449px; margin-bottom: 43px; float:left;}
#trtcaixa {width: 160px; height: 126px; margin: 367px 43px 58px 10px; float: right;}
.trttexto {font-family: "Courier New", Courier, monospace; font-size: 11px; color: #CC3366;}
.trttexto1 {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #CC3366; font-weight: bold;}
#trtrodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.trtrodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #FF66CC; text-align: left; text-decoration: none;}
.trtrodape :link .trtrodape :visited {text-decoration: none;}
.trtrodape :hover {text-decoration: none;}

/*WEB*/
#pagweb {width: 875px; height: 550px; background-image: url(img/web/fundoweb.jpg); background-repeat: no-repeat; margin: 0 auto;}
#webesq {width: 254px; height: 550px; float: left;}
#webdrt {width: 621px; height: 550px; float: right;}
#webporta {width: 142px; height: 97px; margin: 358px 57px 89px 65px;}
#webtxt {width: 475px; height: 340px; margin: 125px 106px 85px 40px; text-align:center}
.webtexto {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #CCCCCC; text-align: right;}
.webtexto1 {font-family: "Courier New", Courier, monospace; font-size: 13px; color: #CCCCCC; font-weight: bold; text-align: left;}
.webtexto2 {font-family: "Courier New", Courier, monospace; font-size: 11px; color: #999999;}
#webrodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.webrodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #CC0000; text-align: left; text-decoration: none;}
.webrodape :link .webrodape :visited {text-decoration: none;}
.webrodape :hover {text-decoration: none;}

/*FOTOGRAFIA*/
#pagfoto {width: 875px; height: 550px; background-image: url(img/foto/fundofoto.jpg); background-repeat: no-repeat; margin: 0 auto;}
#ftoesq {width: 302px; height: 550px; float: left;}
#ftodrt {width: 573px; height: 550px; float: right;}
#ftoporta {width: 90px; height: 115px; margin: 258px 168px 177px 44px;}
#ftotxt {width: 404px; height: 384px; margin: 105px 112px 61px 56px;}
.ftotexto {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #3399FF; text-align: left;}
#ftorodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.ftorodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #3399FF; text-align: left; text-decoration: none;}
.ftorodape :link .ftorodape :visited {text-decoration: none;}
.ftorodape :hover {text-decoration: none;}

/*SOM*/
#pagsom {width: 875px; height: 550px; background-image: url(img/som/fundosom.jpg); background-repeat: no-repeat; margin: 0 auto;}
#somesq {width: 308px; height: 550px; float: left;}
#somdrt {width: 567px; height: 550px; float: right;}
#somporta {width: 83px; height: 199px; margin: 292px 55px 59px 170px;}
#somtxt {width: 386px; height: 287px; margin: 112px 106px 151px 65px;}
#somrodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.somrodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #663399; text-align: left; text-decoration: none;}
.somrodape :link .somrodape :visited {text-decoration: none;}
.somrodape :hover {text-decoration: none;}
.somtexto {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #FFF; text-align: left; text-decoration: none;}

/*VISITAS*/
#pagvisitas {width: 875px; height: 550px; background-image: url(img/visitas/fundovisitas.png); background-repeat: no-repeat; margin: 0 auto;}
#vstesq {width: 290px; height: 550px; float: left;}
#vstdrt {width: 585px; height: 550px; float: right;}
#vstporta {width: 80px; height: 157px; margin: 83px 27px 310px 173px;}
#vstpag1 {width: 225px; height: 325px; margin: 145px 22px 80px 17px; float: left;}
#vstpag2 {width: 255px; height: 339px; margin: 131px 57px 80px 9px; float: right;}
#vstcoments {width: 245px; height: 339px; text-align: justify; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #663300; overflow: auto; scrollbar-arrow-color:#FFFF99; scrollbar-3dlight-color:#FFFF99; scrollbar-highlight-color:#663300;  scrollbar-face-color: #993300; scrollbar-shadow-color:#663300; scrollbar-darkshadow-color:#FFFF99; scrollbar-track-color:#993300;}
.vstbutao {font-family: "Courier New", Courier, monospace; font-size: 11px; background-color: #993300; color: #FFFF99; border: none;}
.vsttexto {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #663300; text-align: left;}
.vstform {background-color: #FFFF99; border: none; scrollbar-arrow-color:#FFFF99; scrollbar-3dlight-color:#FFFF99; scrollbar-highlight-color:#663300;  scrollbar-face-color: #993300; scrollbar-shadow-color:#FFFF99; scrollbar-darkshadow-color:#FFFF99; scrollbar-track-color:#FFFF99;}
#vstrodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.vstrodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #996600; text-align: left; text-decoration: none;}
.vstrodape :link .vstrodape :visited {text-decoration: none;}
.vstrodape :hover {text-decoration: none;}

/*CURRICULO*/
#pagcurriculo {width: 875px; height: 550px; background-image: url(img/curriculo/fundocurriculo.jpg); background-repeat: no-repeat; margin: 0 auto;}
#cvesq {width: 473px; height: 550px; float: left;}
#cvdrt {width: 402px; height: 550px; float: right;}
#cvporta {width: 239px; height: 304px; margin: 121px 145px 125px 89px;}
#cvtxt {width: 257px; height: 300px; margin: 118px 110px 10px 35px; text-align: left; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #000066; overflow: auto; scrollbar-arrow-color:#CCCCFF; scrollbar-3dlight-color:#CCCCFF; scrollbar-highlight-color:#CCCCFF;  scrollbar-face-color: #3366CC; scrollbar-shadow-color: #CCCCFF; scrollbar-darkshadow-color:#CCCCFF; scrollbar-track-color:#CCCCFF;}
#cvprint {width: 60px; height: 44px; margin: 0 307px 77px 35px; border: none;}
.cvprint {border: none;}
.cvprint :link .cvprint :visited {border: none;}
.cvprint :hover {border: none;}
#cvrodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.cvrodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #003366; text-align: left; text-decoration: none;}
.cvrodape :link .cvrodape :visited {text-decoration: none;}
.cvrodape :hover {text-decoration: none;}

/*VIDEO*/
#pagvideo {width: 875px; height: 550px; background-image: url(img/video/fundovideo.jpg); background-repeat: no-repeat; margin: 0 auto;}
#vdoesq {width: 272px; height: 550px; float: left;}
#vdodrt {width: 603px; height: 550px; float: right;}
#vdoporta {width: 52px; height: 74px; margin: 375px 68px 101px 152px;}
#videos {width: 320px; height:256px; margin:88px 11px 206px 30px; float:left;}
#botoes {width:76px; height:284px; margin:88px 165px 178px 0; float:right;}
.vdotexto {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #FFF; text-align: left; text-decoration: none;}
#vdorodape {width: 875px; height: 17px; padding-top: 2px; margin: 0 auto;}
.vdorodape {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #000000; text-align: left; text-decoration: none;}
.vdorodape :link .vdorodape :visited {text-decoration: none;}
.vdorodape :hover {text-decoration: none;}