/**
 * ESTRUCTURA WEB
 **/
html, body { background:#fff url('/images/backgrounds/body.gif') 0 0; color:#fff; margin:0px; font-family:Verdana, Arial, Tahoma; font-size: 10px; }
#top { height:150px; background-image: url('/images/backgrounds/top.jpg'); background-position: 0% 0%; background-repeat: repeat-x; }
#top #banner { width: 950px; margin:auto; height: 110px; }
#top #menu-continent { height: 44px; background:transparent url('/images/backgrounds/barra-menu.png') 50% 0%; }
#top #menu-contingut { width: 946px; height:44px; margin: auto; }
#main { padding-top: 20px; width: 950px; margin: auto; }
#main #main-left { float:left; width: 715px; }
#main #main-right { float:right; width: 210px; }
#bottom { width:100%; height: 174px; background-image: url('/images/backgrounds/bottom.jpg'); }
.contingut { width:950px; margin: auto; }
#expositor { width:195px; }


/**
 * VARIACIONS DEL MENÚ
 **/
#Menu1.MM li.menu { width:177px !important; }


/**
 * PASTILLES ARRODONIDES I CAPES
 **/
/*.bloc-pastilla-arrodonida { background:#c63 url('/images/degradat-interior.png') 0 0 repeat-x; margin-top:20px; margin-bottom:20px; }*/
.pastilla-contingut  { background:transparent; color:#ffffff; padding: 15px; }
.pastilla-capcalera { font-size: 2.0em; line-height: 30px; font-variant: small-caps; color: #ffffff; padding-left: 10px; }
.foto-noticia { float:left; margin-right:10px; min-width:156px; min-height:117px; }
.foto-noticia-r { float:right; margin-left:10px; min-width:156px; min-height:117px; }
.variacio-staff-tecnic { width:300px;text-align:right; }
.staff { width: 600px; margin: auto; }
.thumbnail { min-width: 156px; min-height: 117px; float:left; text-align: center; margin-right:5px; }


/**
 * ELEMENTS DE DISSENY
 **/
.wrapper-petit { clear: both; height: 5px; }
.wrapper-nospace { clear: both; height: 0px; }
.wrapper { clear: both; height: 10px; }
.wrapper-espaiat { clear: both; height: 20px; }
.wrapper-superespaiat { clear: both; height: 30px; }
.separador { border-bottom: 1px dotted #39c; }

.floatleft { float: left; }
.floatright { float: right; }
.centrada { margin: auto; width:660px; }

.text00 { font-size: 1.0em; }
.text01 { font-size: 1.1em; line-height: 20px; }
.text02 { font-size: 1.2em; line-height: 24px; }
.text03 { font-size: 1.5em; }
.text04 { font-size: 2.2em; }
.text05 { font-size: 3.0em; }

h1 { margin-top: 0px; }

.color00 { color: #fff; }
.color01 { color: #000; }
.color02 { color: #069; }
.color03 { color: #bbb; }
.color04 { color: #900; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

.bg00 { background-color: #cb6633; }
.bg01 { background-color: #930; }
.bg02 { background-color: #600; }
.bg03 { background-color: #aaf; }

.bordered { border: 1px solid #39c; }
img { border-width: 0px; }

#main ul { margin-top: 0px; margin-bottom: 0px; margin-left: 10px; padding-left: 10px; line-height: 19px;}
.circle { list-style-type:circle; }

li { list-style-type: disc; margin-bottom:10px; }
li.notype { list-style-type: none; }

.col_esquerra { float:left; width:150px; }
.col_dreta { float:left; }

.margin15 {
    margin-right:15px;
    margin-left:15px;
}

/**
 * LINKS
 **/

a:link, a:active, a:visited, a:hover { text-decoration: none; }
.paginador a:link, .paginador a:active, .paginador a:visited {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#fff;
    padding:3px;
    border:1px solid transparent;
    line-height: 20px;
}
.torneig a:link, .torneig a:active, .torneig a:visited {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#333333;
    padding:3px;
    border:1px solid transparent;
    line-height: 20px;
    font-variant: small-caps;
}


.paginador a:hover, .paginador .text00 { /* #paginador .text00 no es de tipo link, es de tipo texto, per va aquí para que esté todo junto */
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#ffffff;
    background:#39c;
    padding:3px;
    border:1px solid #39c;
}

/**
 * PASTILLES
 **/
div.pastilla-top, div.pastilla-middle, div.pastilla-bottom {
    margin:auto;
    padding-left: 14px; /* Width of left menu image */
    text-decoration: none;
    color:#fff;
}

    div.pastilla-top { line-height: 39px; height: 39px; /* Height of button background height */ }
    #main-left div.pastilla-top { background: transparent url('/images/paneles/top-left.png') no-repeat top left; }
    #main-right div.pastilla-top { background: transparent url('/images/paneles/top-left-r.png') no-repeat top left; }


    div.pastilla-middle { line-height: 18px; }
    #main-left div.pastilla-middle { background: transparent url('/images/paneles/middle-left.png') repeat-y top left; }
    #main-right div.pastilla-middle { background: transparent url('/images/paneles/middle-left-r.png') repeat-y top left; }

    div.pastilla-bottom { line-height: 8px; }
    #main-left div.pastilla-bottom { background: transparent url('/images/paneles/bottom-left.png') no-repeat top left; }
    #main-right div.pastilla-bottom { background: transparent url('/images/paneles/bottom-left-r.png') no-repeat top left; }

div.pastilla-top div.contingut {
    display: block; /* Important per a que no ens mostri espais en blanc */
    padding-right:14px; /* Igual que el padding-left anterior*/ /* Width of left menu image */
    line-height:39px;
    width:100%;
}
#main-left div.pastilla-top div.contingut { background: transparent url('/images/paneles/top-right.png') no-repeat top right; }
#main-right div.pastilla-top div.contingut { background: transparent url('/images/paneles/top-right-r.png') no-repeat top right; }



div.pastilla-middle div.contingut {
    display: block; /* Important per a que no ens mostri espais en blanc */
    padding-right:14px; /* Igual que el padding-left anterior*/
    width:100%;
}
#main-left div.pastilla-middle div.contingut { background: transparent url('/images/paneles/middle-right.png') repeat-y top right; }
#main-right div.pastilla-middle div.contingut { background: transparent url('/images/paneles/middle-right-r.png') repeat-y top right; }



div.pastilla-bottom div.contingut {
    display: block; /* Important per a que no ens mostri espais en blanc */
    padding-right:14px; /* Igual que el padding-left anterior*/
    width:100%;
}
#main-left div.pastilla-bottom div.contingut { background: transparent url('/images/paneles/bottom-right.png') no-repeat top right; }
#main-right div.pastilla-bottom div.contingut { background: transparent url('/images/paneles/bottom-right-r.png') no-repeat top right; }