/* CSS Document */

body {background:#fff url(/img/siteBack.jpg) 50% 0 no-repeat}
body,html { margin:0; padding:0; cursor:default; }
div#container { width:976px; height:687px;position:relative; margin:0 auto 0 auto; text-align:left; padding:0;}
div#content {position:absolute;left:300px;top:55px;width:600px;height:500px}

div#footer {position:absolute;right:40px;bottom:0}
div#footer div {}
div#footer p {font-size:9px;float:left}

div#player {position:absolute;left:545px;top:652px}

div#container hr { display:none}

body, p, td, th, input, select, button {color:#333;font:11px/16px Arial, Helvetica, sans-serif;}

p {margin:0 0 15px 0;font-size:100%; }
.small {font-size:85%}
strong { font-weight:bold}
em { font-style:italic}

ul.pager {text-align:center;margin:-10px 0 0 15px;background:#900;float:left;padding:5px 10px}
ul.pager li {display:inline;color:#ccc}
ul.pager li span.cur {background:#fff;color:#c00;cursor:default;padding:1px 2px}

ul.pager a,ul.pager a:link,ul.pager a:visited { color:#fff;text-decoration:underline;padding:1px 2px}
ul.pager a:hover,ul.pager a:active,ul.pager a:focus {background:#fff;color:#c00}


.block {background:url(/img/contentBack.png) 0 0 repeat;padding:10px;margin-bottom:10px;}
.block1 {margin-left:10px}
.block1 h2 {margin-left:0}

div#container hr.sep { margin:30px 40px; border:1px solid #eee; border-width:1px 0 0; display:block;}

a,a:link,a:visited { color:#333;text-decoration:underline;}
a:hover,a:active,a:focus {color:#c00}

a.google {text-decoration:none;color:#333;display:block}
a.google:hover .underline {text-decoration:underline}
a.google:hover .highlight {color:#c00}

ul.default { list-style-type:square; margin:10px 20px; }
ul.default { padding:2px; }

ol.default { list-style-type:decimal; margin:10px 20px;}
ol.default li { padding:2px; }

.pag {margin:40px -28px 0;position:relative; height:70px; background:url(/img/lotsListBack.gif) 0 0 no-repeat;}
.pag h3 { position:absolute; left:28px; top:24px; color:#06f; font-size:24px; letter-spacing:-2px;}
.pag div { position:absolute; right:10px; top:10px; width:582px; text-align:right}

.scrollerBack {background:url(/img/scrollerBack.png) 0 0 repeat;}

#header { position:relative; width:195px; height:247px;}
#header h1 { position:absolute;left:67px;top:53px; padding:0; margin:0;width:195px;height:247px;background:url(/img/logo.gif) 0 0 no-repeat; }
#header h1 a {display:block; margin:0; padding:0;text-indent:-9999px;width:195px;height:247px}

#lang {position:absolute;left:60px;top:5px;z-index:200;}
#lang li {display:inline;line-height:16px;font-size:9px}
#lang li.sep {color:#b4c435}
#lang a,#lang a:link,#lang a:visited {font-weight:bold;}
#lang a:hover,#lang a:active,#lang a:focus{text-decoration:underline}

body.pt a#lang_pt,
body.en a#lang_en {cursor:default;color:#fff;text-decoration:none}

#socialMenu {position:absolute;left:88px;top:610px}
#socialMenu, #socialMenu li {margin:0;padding:0;list-style:none;height:40px}
#socialMenu li {float:left; margin:0 10px 0 0; padding:0;position:relative;}
#socialMenu li a {display:block;width:40px;height:40px;text-indent:-9999px;}

#menu {position:absolute;left:83px;top:368px;width:155px;height:201px;z-index:100;}
#menu, #menu li {margin:0;padding:0;list-style:none;}
#menu li {float:left; margin:0; padding:0;position:relative;}

#menu a,#menu a:link,#menu a:visited {text-indent:-9999px;display:block;width:156px;height:36px;background:url(/img/menuBack.gif) 0 0 no-repeat}
#menu a:hover {background-position: -155px 0;color:#cfb900}

#menu #opc_noticias a {background-position:0 0}
#menu #opc_biografia a {background-position:0 -36px}
#menu #opc_discografia a {background-position:0 -72px}
#menu #opc_imagem-video a {background-position:0 -108px}
#menu #opc_loja a {background-position:0 -144px}
#menu #opc_contactos a {background-position:0 -180px}

#submenu {
    position:absolute;
    left:230px;
    top:5px;
}
#submenu li {
    float:left;
    margin:0 10px 0 0;
}
#submenu li a {
    display:block;
    padding:0 5px;
    height:30px;
    line-height:30px;
    color:#fff;
    background:#900;
}
#submenu li a.cur {font-weight:bold;color:#333;background:transparent url(/img/contentBack.png) 0 0 repeat;text-decoration:none}

body#noticias #opc_noticias a, #menu #opc_noticias a:hover {background-position:-155px 0}
body#biografia #opc_biografia a, #menu #opc_biografia a:hover {background-position:-155px -36px}
body#discografia #opc_discografia a,#menu #opc_discografia a:hover {background-position:-155px -72px}
body#imagem-video #opc_imagem-video a,#menu #opc_imagem-video a:hover {background-position:-155px -108px}
body#loja #opc_loja a,#menu #opc_loja a:hover {background-position:-155px -144px}
body#contactos #opc_contactos a,#menu #opc_contactos a:hover {background-position:-155px -180px}

#menu a.cur,#menu a.cur:link,#menu a.cur:visited
#menu a.cur:hover,
#menu a.curHover {cursor:default;}


h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; font-weight:normal;color:#333}
h1 { }
h1,h2 { font-size:200%;margin:0;letter-spacing:-1px;font-weight:bold;color:#900}
h2 {padding:0px;margin:0 0 10px 10px}
h3 { font-size:150%;margin:15px 0 10px 0;font-weight:bold;text-transform:none;color:#333;letter-spacing:-1px;sborder-bottom:1px solid #516370;padding-bottom:3px}
h4 {font-size:120%;}

.msg {color:#c00; background-color:#eee; padding:5px; margin: 10px 0}

.frameRight { float:right; margin: 0 0 10px 20px; border:1px solid #ddd; padding:1px;line-height:0 }
.frameLeft { float:left; margin: 0 20px 10px 0; border:1px solid #ddd; padding:1px }

button.laranja { margin:0 5px 0 0; padding:0 5px; border:1px solid; border-color:#ffb340 #d78100 #d78100 #ffb340; height:22px; background:#f90; line-height:22px;cursor:pointer; font-weight:bold; color:#fff  }
button.cinza { margin:0 5px 0 0; padding:0 5px; border:1px solid; border-color:#ccc #aaa #aaa #ccc; height:22px; background:#bbb; line-height:22px;cursor:pointer; font-weight:bold; color:#fff  }
button.laranja:hover,button.cinza:hover { text-decoration:underline;  }

/* HACKS ******************************************************** */


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */