/* Estils dels div principals del document. Estructura de la pàgina */

body {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#333333; color:#eeeeee;}
#wrapper {width:800px; margin:0 auto; text-align:left; color:#eeeeee;}
#branding {width:800px; height:130px; background-image:url(../images/logoweb.jpg); background-repeat:no-repeat; text-align:right;}
#struct {width:800px;}
#mainNav {width:200px; float:left; padding-bottom:20px;}
#content {width:550px; float:right; padding:20px 15px 15px 0px;}
#footer {width:800px; clear:both; height:65px; border-top:2px solid #666666; padding:5px; color:#888888; text-align:center; font-size:9px;}

.fons-exposicions { position:absolute; z-index:0;}

/*Estils del menú*/
.menu a:link, .menu a:visited {
	display:block;
	width:175px;
	height:30px;
	line-height:30px;
	background-repeat:no-repeat;
	background-position:left top;
	}

.menu a:hover, .menu a:active, .menu a:focus {
	background-position:right top;
	}
	
/*Estils títols*/
h1 {margin-top:0px; font-size:20px;}
h2 {margin-top:0px;}
h3 {color:#dddddd; margin-bottom:0px; margin-top:0px; background:#666666; padding:3px 10px 3px 10px;}
h4 {text-decoration:none; color:#dddddd; margin-bottom:5px; background:#666666; padding:3px 10px 3px 10px; font-size:14px;}
	
/*Amaga el text alternatiu del menú*/
a span {display:none;}

/*Posicionament de les opcions de l'idioma*/
#opcions {font-size:10px; position:relative; padding-top:83px; padding-right:10px; color:#888888;}

/*Êstil general dels enllaços*/
a:link, a:visited {color:#888888; text-decoration:none;}
a:hover, a:focus, a:active {color:#cccccc;}
a img {border:0px;}

/* Estils formulari de contacte */
.formulari-contacte {
	margin-left:50px;
	font-size:11px;
}
.llarg {width:200px;}
.mig {width:150px;}
.camptext {width:450px; height:70px; display:block; background-color:#444444; border:1px solid #cccccc; color:#eeeeee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:5px; margin-top:5px; overflow:auto;}
input {width:100px; font-size:10px; background-color:#444444; border:1px solid #cccccc; color:#eeeeee; padding-left:3px;}
input.submit {width:auto;}
.boto{font-size:10px; font-weight:bold; color:#eeeeee; background:#333333; border:1px solid #ffffff; width:120px; height:19px;}
.boto:hover{background:#cccccc; color:#000000; border:1px solid #000000;}

/*Estils errors en la validació del formulari de contacte */
#errorValidacio {
	display:none;
	visibility:hidden;
	width:450px;
	height:60px;
	background-color:#993333;
	border:1px solid #ff0000;
	color:#eeeeee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:5px;
	margin-top:5px;
	overflow:hidden;
}

/*Posicionament de les divisions principals del contingut*/
.contingut-esquerre {
    width:260px;
    float:left;
    padding:0px 5px 0px 5px;
	position:relative;
}

.contingut-dret {
    width:260px;
    float:right;
    padding:0px 5px 0px 5px;
	position:relative;
}

.espai {
	clear:both;
}

/*Estils dels paràgraf de text*/
p {text-align:justify; text-indent:10px; color:eeeeee;}
.centrat {text-align:center;}
.dreta {text-align:right; margin:0px;}
.imatge-text-dreta {float:right; clear:right;}
.imatge-text-esquerra {float:left; clear:left;}
.imatge-text-esquerra {margin-right:10px;}
.imatge-text-dreta {margin-left:10px;}
.imatge-text-esquerra img, .imatge-text-dreta img {margin-bottom:5px; border:2px solid #cccccc;}

/*Hack pel tamany de la lletra de les taules per l'Explorer 6*/
table {font-size:12px;}

/*Estils exposicions*/
.veurenoticia {border-collapse:collapse; width:400px; border:1px solid #666666; font-size:12px;}
.veurenoticia tr td iframe {width:425px;}
.veurenoticia tr .campexposicio {font-weight:bold; color:#aaaaaa; text-align:right;}
.exposicio {padding:8px 5px 5px 15px;}


.gris {color:#aaaaaa;}
.veuremapa {text-align:center;}
.exposicio span{line-height:15px;}

/*Estils de la taula de visualització dels quadres i de les seves miniatures a l'apartat obres*/
.quadres {
    font-size:10px;
	color:#000000;
}

.quadres tr td {
    text-align:center;
	width:125px;
	padding:2px;
}

.quadres tr td img {
	border:3px solid #ffffff;
}

.quadres tr td a:link, .quadres tr td a:visited {
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}

.quadres tr td a:hover, .quadres tr td a:active,  .quadres tr td a:focus {
	color:#ffffff;
	text-decoration:underline;
}