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

	header { height:110px; background-color: #ebefee;  }
	footer {background-color:#000; padding:20px;}
	body{ padding-top:0px;}
	#banner{background-position: center;height: 500px; background-size: cover;border-right: 10px solid #FFF; padding:0px}
	#banner:hover{ cursor: pointer;}
	#blabel {background-color: black; opacity: 0.7; height: 40px;color: white; padding: 10px; margin-top: 460px;}
	#googlebar{margin-top: 65px;}
	#fitxa:hover { background-color:#5797DE; cursor: pointer;}
	#fitxa{ padding: 5px 20px 10px 20px; margin: 30px 10px 0px 10px ; background-color:#BFBFBF; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #CCC;}
	#quadres{ padding: 10px 20px 10px 20px; margin: 30px 10px 0px 10px ; background-color: #ebefee; border-top-left-radius: 5px; border-top-right-radius: 5px;}
	#artistes {margin: 0px 50px 0px 50px;}
	#llistat {padding-top: 40px; padding-left: 50px; padding-right: 50px; }
	#bt_artistes{margin-top: 35px;padding-right: 10px; float: right}
    #boxobra{background-position: center;height: 550px; background-size: cover;}
	#Aobres{padding: 0px 40px 40px 40px;}
	#finestra {width: 40%;}
	.text{font-family: 'HelveticaNeueLTStd-Roman'; font-size:15px; text-decoration:none}
	.textb{font-family: 'HelveticaNeue-Bold'; font-size:15px; text-decoration:none}
	.textsm{font-family: 'HelveticaNeueLTStd-Roman'; font-size:12px; text-decoration:none}

.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}	

