@charset "utf-8";
/* CSS Document */
A{
    text-decoration:none;
    outline:none;
}
P{
    text-align:justify;
}
BODY{
    background-color:#000;
    color:#CCC;
    font-family: Arial, Helvetica, Geneva;
    cursor:default;
}
.loading, .fotoMini{
    background-image:url('../img/loading.gif');
    background-repeat:no-repeat;
    background-position:center center;
}
.loadingImg{
    display:none;
}

#tot{
    width:950px;
    margin:0 auto;
}
.clearFloat {
	clear:both;
	font-size:1px;
	height:0px;
}
/* PEU */
#peu{}
/* CAP */
#cap .right a{
    color:#ccc;
    text-decoration:none;
    padding:5px;
    border:1px solid #000;
    font-size:10px;
}
#cap .right a:hover{
    color:#fff;
}
#cap{
    height:150px;
    padding-top:15px;
}
#cap .left{
    float:left;
    padding-top:20px;
}
#cap .left a{
    font-size:18px;
    color:#fff;
    text-decoration:none;
}
#cap .right{
    float:right;
    font-size:8px;
    text-align:right;
}
#cap .right p{
    text-align:right;
}
#cap .center{
    width:950px;
}
#cap ul{
    width:950px;
    display:block;
    padding:0px;
    margin:0px;
    padding-top:35px;
}
#cap li{
    float:left;
    width:114px;
    font-size:10px;
    list-style:none;
    margin-right:2px;
}
#cap li.last {
    display:block;
    padding-top:12px;
    width:250px;
    background:url(../img/menuSup/general.gif) 0px -19px repeat-x #000;
}
#cap li a{
    text-decoration:none;
    color:#ccc;
}
#cap li a:hover{
    color:#fff;
}
#cap li p{
    font-size:9px;
    padding-top:2px;
    margin:0px;
}
#cap li p a.submenu{
    color:#666;
}
#cap li p a.submenu:hover{
    color:#fff;
}
#cap .opcio1{
    padding-top:12px;
    background:url(../img/menuSup/opcio1.gif) 0px -19px no-repeat #000;
}
#cap .opcio2{
    padding-top:12px;
    background:url(../img/menuSup/opcio2.gif) 0px -19px no-repeat #000;
}
#cap .opcio3{
    padding-top:12px;
    background:url(../img/menuSup/opcio3.gif) 0px -19px no-repeat #000;
}
#cap .opcio4{
    padding-top:12px;
    background:url(../img/menuSup/opcio4.gif) 0px -19px no-repeat #000;
}
#cap .opcio5{
    padding-top:12px;
    background:url(../img/menuSup/opcio5.gif) 0px -19px no-repeat #000;
}
#cap .opcio6{
    padding-top:12px;
    background:url(../img/menuSup/opcio6.gif) 0px -19px no-repeat #000;
}
#cap .opcio7{
    padding-top:12px;
    width:50px;
    background:url(../img/menuSup/opcigeneralo6.gif) 0px -19px no-repeat #000;
}
#cap .selected{
    padding-top:30px;
    background-position:left top;
}
#cap .selected a{
    color:#fff;
}
/* PORTADA */
.contingutPortada{
    width:950px;
    margin:0 auto;
}
.contingutPortada .blocPortada{
    width:950px;
    margin:0 auto;
}
.contingutPortada .blocPortadaImg, .contingutPortada .blocPortadaTxt{
    width:465px;
    float:left;
}
.contingutPortada .blocPortadaImg{
    text-align:right;
}
.contingutPortada .textPortada{
    padding-top:100px;
    width:350px;
    padding-left:25px;
}
.contingutPortada .textPortada h1{
    width:350px;
    font-size:35px;
    font-weight:normal;
    color:#fff;
    padding:0px;
    margin:0px;
}
.contingutPortada .textPortada h3{
    width:350px;
    font-size:25px;
    font-weight:normal;
    color:#fff;
    padding:0px;
    margin:0px;
}
.contingutPortada .textPortada p{
    width:350px;
    font-size:10px;
    color:#fff;
    text-align:left;
}
.contingutPortada .textPortada a{
    color:#fff;
    font-size:12px;
    text-decoration:underline;
}
.contingutPortada .textPortada a:hover{
    text-decoration:none;
}
/* GALERIA */
#galeria{
    width:960px;
    min-height:550px;
}
/* GALERIA I GALERIES PERSONALS*/
.fletxaEsq{
    float:left;
    width:30px;
    height:29px;
    text-align:left;
    background:url(../img/fletxaEsq.gif) 0 0 no-repeat;
}
.fletxaEsq:hover{
    background-position: 0px -29px;
}
.fletxaDreta{
    float:right;
    width:30px;
    height:29px;
    text-align:right;
    background:url(../img/fletxaDreta.gif) 0 0 no-repeat;
}
.fletxaDreta:hover{
    background-position: 0px -29px;
}
#galeria .tancarFoto, #galeries .tancarFoto{
    width:100%;
    text-align:right;
    font-size:10px;
    font-weight:bold;
    padding:0px;
    margin:0px;
}
#galeria .tancarFoto a,#galeries .tancarFoto a{
    color:#ccc;
}
#galeria .tancarFoto a:hover,#galeries .tancarFoto a:hover{
    color:#fff;
}
#galeria .titol, #galeries .titol{
    font-size:30px;
    color:#fff;
}
#galeria .titol img, #galeries .titol img{
    padding-right:15px;
}
#galeria .fotoMini img:hover, #galeries .fotoMini img:hover{
    border:2px solid #fff;
}
#galeria .fotoMini img, #galeries .fotoMini img{
    border:2px solid #000;
}
#galeria .fotoMini{
    float:left;
    padding: 16px 16px 0px 0px;
    width:100px;
    height:100px;
}
/* GALERIES PERSONALS */
#galeries .fotoMini{
    float:left;
    padding: 16px 0px 0px 16px;
    width:100px;
    height:100px;
}
#galeries .menuGaleries{
    width:225px;
    float:left;
}
#galeries .menuGaleries ul{
    padding-top:10px;
    margin:0px;
}
#galeries .menuGaleries li{
    list-style:none;
    padding-bottom:10px;
}
#galeries .menuGaleries li a{
    font-size:12px;
    color:#666;
}
#galeries .menuGaleries li p{
    padding:0px;
    margin:0px;
    color:#fff;
    text-align:left;
}
#galeries .menuGaleries li p, #galeries .menuGaleries li p a{
    font-size:10px;
}
#galeries .menuGaleries li .selected{
    color:#fff;
}
#galeries .menuGaleries li a:hover{
    color:#fff;
}
#galeries .fotosGaleries{
    width:725px;
    float:left;
}
/* EXPOSICIONS */
#exposicions{
    width:960px;
}
#exposicions .titol{
    font-size:30px;
    color:#fff;
    padding-bottom:10px;
}
#exposicions .titol img{
    padding-right:15px;
}
#exposicions .recExposicio{
    padding:12px;
    padding-bottom:5px;
    background-color:#1A1A1A;
    margin:5px 38px 0px;
    color:#A9A9A9;
}
#exposicions .recExposicio h1{
    font-size:30px;
    font-weight:normal;
    padding:0px;
    margin:0px;
    color:#ddd;
}
#exposicions .recExposicio h3{
    font-size:17px;
    font-weight:normal;
    padding:0px;
    margin:0px;
    color:#ddd;
}
#exposicions .recExposicio p{
    font-size:10px;
}
/* PEU */
#peu{
    padding-bottom:20px;
    padding-top:40px
}
#peu .botoPeu{
    color:#3F3F3F;
    margin:1px 15px 10px 1px;
    float:left;
    height:27px;
}
#peu .botoPeu a{
    border:1px solid #3F3F3F;
    color:#3F3F3F;
    font-size:10px;
    margin:2px;
    padding:5px 7px;
    display:block;
}
#peu .botoPeu a:hover{
    border:1px solid #fff;
    color:#fff;
}
#peu p{
    color:#ccc;
    font-size:10px;
    width:850px;
    float:left;
    padding:2px;
    margin:0px;
}
#peu p a{
    text-decoration:underline;
    color:#fff;
}
#peu p a:hover{
    text-decoration:none;
}
#peu p .linkLegal{
    text-decoration:underline;
    padding-left:15px;
    background:url(../img/notaLegal.gif) left center no-repeat;
    color:#fff;
}
#peu p .linkLegal:hover{
    text-decoration:none;
}
#peu .by6tems{
    height:21px;
    width:43px;
    background:url(../img/6tems.gif) left top no-repeat;
    float:right;
}
#peu .by6tems:hover{
    background-position:0px -21px;
}
/* BOTONS */
.botoGenericDreta{
	padding:10px 0px;
}
.botoGenericDreta a{
	background-color:#fff;
	color:#000;
	padding:3px 10px;
	text-align:center;
	text-decoration:none;
	border:1px solid #4F4F4F;
        display:block;
        width:735px;
        font-size:12px;
}
.botoGenericDreta a:hover{
	background-color:#000;
	color:#fff;
}
.botoGenericDreta{
	float:right;
}
/* FORMULARI */
#contactar p{
    font-size:12px;
    padding-left:35px;
}
#contactar .titol{
    font-size:30px;
    color:#fff;
    padding-bottom:10px;
}
#contactar .titol img{
    padding-right:15px;
}
#contactar .left{
    float:left;
}
#contactar .right{
    float:right;
}
#contactar .left, #contactar .right{
    width:400px;
}
#contactar #contact_form{
    display:none;
    width:800px;
    padding-left:35px;
}
#contactar .formTxt{
	width:330px;
	float:left;
	font-size:10px;
	text-align:justify;
        padding-bottom:2px;
}
#contactar .formTxtAmple, #contactar .formTxtAccepta{
	width:755px;
	float:left;
	font-size:10px;
	text-align:justify;
}
#contactar .blocFormulari{
	padding:15px 0px;
	width:360px;
}
#contactar .blocFormulariAmple{
    width:755px;
}
#contactar .formTxtAccepta{
	background-color:#000;
	border:1px solid #000;
}
#contactar input{
	/*background-color:#000;
	border: 1px solid #666;
	float:right;
	width:450px;
	height:15px;
	font-size:12px;
	color:#fff;*/
}
#contactar textarea{
	background-color:#000;
	border: 1px solid #666;
	width:350px;
	height:290px;
	font-size:12px;
	color:#fff;
        font-family:Arial,Helvetica,Geneva;
}
#contactar #flopd{
	float:none;
	width:20px;
}

/*******************************************************************/
.popupMail{
	background-color: #333;
	border: 1px solid #ccc;
	height: 100px;
	margin: auto;
	width: 300px;
	position:absolute;
	z-index:10;
	left: 25%;
	top: 25%;
	text-align:center;
	font-size:10px;
	color:#fff;
}
.popupMail a{
	text-decoration:underline;
	color:#fff;
}
#capa_enviat {
	z-index: 998;
	display: none;
	position: absolute;
	background-color: #000;
}
.bona{
	background-color:#000;
	border: 1px solid #666;
	float:left;
	width:360px;
	height:15px;
	font-size:12px;
	color:#fff;
}
.error, .input_contactar_error{
	background-color:#1F1F1F;
	border: 1px solid #CF3333;
	float:left;
	width:360px;
	height:15px;
	font-size:12px;
	color:#fff;
}
.lopd_error{
	border: 1px solid red;
	font-size:10px;
}
/*******************************************************************/
/* PAGINADOR */
#pager{
    float:right;
}
#pager ul.pages .page-number, #pager ul li.last{
        border-right:1px solid #A2A2A2;
}
#pager ul.pages {
	display:block;
	border:none;
	text-transform:uppercase;
	font-size:10px;
	margin:10px 0 50px;
	padding:0;
}

#pager ul.pages li {
	list-style:none;
	float:left;
	text-decoration:none;
	/*margin:0 5px 0 0;*/
	padding:5px;
	color:#A2A2A2;
	line-height:12px;
        display:inline;
        cursor:pointer;
}

#pager ul.pages li:hover {
	color:#fff;
}

#pager ul.pages li.pgEmpty, #pager ul.pages li.pgEmpty img {
	color:#fff;
        background:none;
        background-color:#000;
        margin-left:-1px;
        cursor:default;
}

#pager ul.pages li.pgCurrent {
	color:#fff;
}
#pager ul.pages li.pgNext{
    padding:0px;
}
#pager ul.pages .fletxaEsq{
	height:22px;
	width:11px;
	background:url('../img/fletxaEsqMini.gif') left center no-repeat;
	vertical-align: middle;
	border:none;
}
#pager ul.pages .fletxaDreta{
	height:22px;
	width:11px !important;
	background:url('../img/fletxaDretaMini.gif') left center no-repeat;
	vertical-align: middle;
	border:none;
        margin-left:-1px;
        background-color:#000;
}