* {
    margin: 0;
    padding: 0;
}

a:focus {outline: 0;}
a:link  {text-decoration: none; color: grey}
a:active  {text-decoration: none; color: grey}
a:hover  {text-decoration: none; color: grey}
a:visited {text-decoration:none; color: grey}

@font-face {
    font-family: "FontPlana";
    src: url('TheGreatEscape.eot');
    src: url('TheGreatEscape.eot?#iefix') format('embedded-opentype'),
    url('TheGreatEscape.svg#The Great Escape') format('svg'),
    url('TheGreatEscape.woff') format('woff'),
    url('TheGreatEscape.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FontBold";
    src: url('TheGreatEscapeBold.eot');
    src: url('TheGreatEscapeBold.eot?#iefix') format('embedded-opentype'),
    url('TheGreatEscapeBold.svg#The Great Escape') format('svg'),
    url('TheGreatEscapeBold.woff') format('woff'),
    url('TheGreatEscapeBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Body */
body {
    font-size: 87.5%; /* Base font size: 14px */
    font-family: FontPlana;     
    line-height: 1.429;
    line-height:23px;
}
#peupagcos {
    position:absolute;
    bottom:0;
    left:50px;
    height:20px;
    font-size: 70%; /* Base font size: 14px */
    opacity: 0.8;
    color: grey;
    z-index:1000;
}
#banner{
    background-image: url('banner.jpg');
    background-repeat:no-repeat;
    width: 100%;
    height: 70px;
    position: fixed;
    z-index: 1000;
    opacity: 1; 
}

/* Estils de la pàgina de contacte ---------------------------------- */
#P2-taula {
    position:absolute;
    top:50px;
    left:320px;
}
#P2-enviar {
    position:absolute;
    top:150px;
    left:0px;
}
span.reverse {
    unicode-bidi: bidi-override;
    direction: rtl;
}

/* Estils de la pàgina portada -------------------------------------- */
#PP-banner {
    position: absolute;
    left: 60px;   
    top:40px;
    font-size: 100%; /* Base font size: 14px */
    line-height: 1.429;
    z-index: -1;
    text-align: center;    
}
#PP-con {
    position: absolute;
    left: 680px;   
    top:280px;
    font-size: 120%; /* Base font size: 14px */
    text-align: center;     
    color: grey;    
    z-index: 1;          
}
#PP-cat {
    position:absolute;
    top:280px;
    left:580px;
    font-size: 120%; /* Base font size: 14px */
    text-align: center;     
    color: grey;    
    z-index: 1;          
}
#PP-ct {
    position:absolute;
    top:575px;
    left:485px;
    font-size: 60%; /* Base font size: 14px */
    text-align: center;     
    color: grey;    
    z-index: 1;          
}
#PP-stats {
    position:absolute;
    top:590px;
    left:520px;
    font-size: 60%; /* Base font size: 14px */
    text-align: center;     
    color: grey;    
    z-index: 1;      
    opacity: 0.5;
}
a.PP-Lcos1:link  {text-decoration: none; color: darkred}
a.PP-Lcos1:active  {text-decoration: none; color: darkred}
a.PP-Lcos1:hover  {text-decoration: none; color: darkred}
a.PP-Lcos1:visited {text-decoration: none; color: darkred}

/* Estils de les pàgines normals ---------------------------------------- */
#PEC-cos1 {
    position:absolute;
    top:130px;
    left:170px;    
    font-size: 110%; /* Base font size: 14px */
    line-height: 1.429;
}
#PEC-cos2 {
    position:absolute;
    top:210px;
    left:170px;
    font-size: 100%; /* Base font size: 14px */
    line-height: 1.429;
}
#PEC-cos3 {
    position:absolute;
    top:420px;
    left:170px;
}
#PEC-cos4 {
    position:absolute;
    top:85px;
    left:175px;
}
#PEC-titulet {
    position:absolute;
    top:90px;
    left:170px;    
    font-size: 140%; /* Base font size: 14px */    
    line-height: 1.429;
    font-family: FontBold;   
    font-weight: bold;
}
#PEC-menu {
    position:absolute;
    top:90px;
    left:20px;    
    font-size: 80%; /* Base font size: 14px */    
    line-height: 1.429;
    font-family: FontBold;
    font-weight: bold;
}
#PEC-menup {
    position:absolute;
    top:164px;
    left:25px;    
    font-size: 10%; /* Base font size: 14px */    
    line-height: 10px;
    font-family: FontBold;   
    font-weight: bold;
}
#PEC-linmenu{
    position:absolute;
    top:70px;
    left:135px;     
    background-image: url('linia.png');
    height: 331px;
    background-repeat:no-repeat;
    color: white;
    z-index: 1000;
    opacity: 0.6;        
}

/* Estils de la pàgina de simpleviewer -------------------------------- */
#PSV-cos {
    position:absolute;
    top:70px;
    left:170px;   
    font-size: 110%; /* Base font size: 14px */
    line-height: 1.429;
    z-index: -1;  
}