@charset "utf-8";
/* CSS Document */

/*******************************************/
/* BASE
/*******************************************/


/*******************************************/
/* GENERALS
/*******************************************/
.clearFloat { clear:both; font-size:1px; height:0px; }
a, img{ outline:none; }
img{ border:none; }
a{ text-decoration:none;color:#4F4F4F;}
a:hover{ color:#b1b1b1;  }
body{ height:897px; background:url(../img/fons.jpg) top center no-repeat #000; color:#555; font-size:11px; font-family:Arial, Helvetica; margin:0px; padding:0px; }

/*******************************************/
/* COS
/*******************************************/
#contingut{
    width:899px;
    height:647px;
    margin:0 auto;
    padding:2px;
    position:relative;
}
#contingut ol{
    padding-left:15px;
    margin-left:0;
}
#contingut  li{
    padding-bottom:10px;
}
#columnaEsquerra{
    margin:45px 0 0 30px;
    width:335px;
    float:left;
}
#columnaEsquerra img{
    float:left;
    padding:0 8px 8px 0;
    width: 100%;
}
#columnaDreta{
    margin-right:10px;
    width:510px;
    float:right;
}
#columnaDreta .contingutColumna{
    padding:15px 20px 0 0;
    margin:0;
    line-height:17px;
}
#columnaDreta .contingutColumna p{
    margin:0;
    padding:0 0 10px 0;
}
#titolSeccioBlanc{
    margin-top:30px;
    height:45px;
    background-color:#fff;
    width:220px;
    float:right;
}
#titolSeccio{
    margin-top:30px;
    height:45px;
    width:290px;
    float:right;
    background:url(../img/punta_fletxa_gran.png) center right no-repeat;
}
#titolSeccio .titol{
	margin:0;
	padding:0;
    font-size:25px;
    line-height:20px;
    font-weight:bold;
    color:#fff;
}
#titolSeccio .suptitol{
	margin:0;
	padding:0;
    padding-top:7px;
    font-size:10px;
    line-height:10px;
    font-weight:bold;
    color:#fff;
    display:block;
}
.botoFletxaBlava{
    padding:0 50px 0 5px;
    line-height:14px;
    font-size:10px;
    font-weight:bold;
    color:#fff;
    background:url(../img/punta_fletxa.png) center right no-repeat #274E8C;
}
.botoFletxaBlava:hover{
    color:#099DC5;
}
/*******************************************/
/* PEU
/*******************************************/
#peu{
    width:899px;
    margin:0 auto;
    padding:45px 0 10px;
    color:#fff;
    font-size:10px;
    font-weight:bold;
    text-shadow: 1px 0 1px #000, 0 1px 1px  #000, -1px 0 1px #000, 0 -1px 1px #000, 0px 0px 3px #000;
}
#peu a{
    color:#fff;
}
#peu a:hover{
    color:#099DC5;
    text-shadow: 1px 0 0px #fff, 0 1px 0px  #fff, -1px 0 0px #fff, 0 -1px 0px #fff, 0px 0px 3px #fff;
    text-shadow: 0px 0px 10px #fff;
}

/*******************************************/
/* CAP
/*******************************************/
#cap{
    width:899px;
    margin:0 auto;
    padding:0px 0px;
    padding-top:20px;
    color:#FFF;
}
#cap .capTitol{
    font-size:25px;
    font-weight:bold;
    padding:20px 0 0 27px;
    width:450px;
    float:left;
	margin:0;
}
#cap .capMenu1,#cap .capMenu2{
    float:right;
    margin-right:10px;
}
#cap .capMenu1 ul, #cap .capMenu2 ul{
    list-style:none;
    padding:0;
    margin:0;
}
#cap .capMenu1 > li, #cap .capMenu2 > li{
    padding:0px;
    margin:0px;
    float:left;
    display:inline;
    position: relative;
    list-style:none;
}
#cap .capMenu2{
    margin:10px 10px 3px 0;
    padding:0;
    float:right;
    width:680px;
    text-align:right;
}
#cap .capMenu2 a{
    padding:1px 1px 0;
    margin:1px 0px 0px 16px;
    display:block;
    line-height:25px;
    font-size:14px;
    text-align:center;
    color:#fff;
    font-weight:bold;
}
#cap .capMenu1 > li{
    padding:18px 1px 0;
}
#cap .capMenu1, #cap .capMenu1 a{
    font-weight:bold;
    font-size:10px;
    color:#ccc;
}
#cap .capMenu1 a:hover,#cap .capMenu1 .selected{
    color:#fff;
}
#cap .capMenu2 a:hover,#cap .capMenu2 .selected{
    color:#099DC5;
    text-shadow: 1px 0 1px #fff, 0 1px 1px  #fff, -1px 0 1px #fff, 0 -1px 1px #fff, 0px 0px 10px #fff;
}


body.lopd {
	background-repeat-y: repeat;	
}

body.lopd.cookies {
	background-size: cover;	
}

.lopd a {
	color: #b1b1b1;
}

.lopd a:hover {
	color: #4F4F4F;
}
body{
    padding:20px;
    margin:0;
    color:#fff;
    text-align:justify;
    height:auto;
}
.engloba{
    background-color:#000;
    margin:0;
    padding:10px;
    filter: alpha(opacity=80);
    opacity: .8;
}
*{
    font-family: "Trebuchet MS";
    font-size:12px;
}
b{
    color:#099DC5;
}
h1{
    font-size:30px;
    padding:0;
    margin:0;
}
p{
    padding-top:0;
    margin-top:0;
    color:#fff;
    font-size:11px;
}