/* generic */
html { overflow:hidden; }
html.portada { overflow:auto; }
body {
/*	background-color: #FFF;*/
	background: url( 'img/fons2.jpg' ) no-repeat;
   font: 12px/16px Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	text-align: left;
	overflow:hidden;
}
a{
	margin:0;padding:0;
	text-decoration: none;
}
img{
	border:0;
}
.gris,#gris{
	color: #948c8c;
}
.taronja,#taronja{
	color: #e9b362;
}
.roig,#roig{
	color: #f20b0b;
}
/* portada*/
body.portada {
	background: #FFF;
   font: 11px/16px Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.7em;
	padding: 0;
	margin: 40px auto;
	text-align: center;
	overflow: hidden;
}
h1.logog{	 height:42px; width:485px;  margin:15px auto;  padding:0;
	 background: url( 'img/samuelsalcedo_g.gif' ) no-repeat; display: block; 
}
h1.logog span { visibility : hidden; height:0; width:0;}
#lang {height: 16px; border: 0; margin: 0px auto;padding: 0;width: 220px;}
div.lca,div.les,div.len{ display: block; height:16px; margin:0; padding:0;}
div.lca {float: left;background: url( 'img/catala_t.gif' ) no-repeat bottom left; width:56px; margin-right:17px;}
div.les {float: left; background: url( 'img/espanol_t.gif' ) no-repeat bottom left; width:68px;margin-right:17px;}
div.len {float: left; background: url( 'img/english_t.gif' ) no-repeat bottom left; width:62px;}
div.lca a {background: url( 'img/catala_g.gif' ) no-repeat bottom left;}
div.les a {background: url( 'img/espanol_g.gif' ) no-repeat bottom left;}
div.len a {background: url( 'img/english_g.gif' ) no-repeat bottom left;}
div.lca a,div.les a,div.len a{ display: block; text-decoration: none; height:16px;}
div.lca a:hover,div.les a:hover,div.len a:hover{background-image: none;}
div.lca span,div.les span,div.len span{visibility:hidden;}

/*galeria*/
body.destacat {
	background: white;
   font: 11px/16px Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	text-align: center;
	overflow:hidden;
}
#imatge{
	width: 600px;
	height: 600px;
	margin:auto;
 }
#panell{
/*	border-top: 1px solid #C6C3C3;*/
	background: White;
	height: 40px;
	margin: 0;
}
#anterior{
	width: 30px;
	height: 40px;
	float:left;
}
#seguent{
	width: 30px;
	height: 40px;
	float:right;
}
.left{
	height: 12px; width: 10px; margin:10px; padding:0;
	background: url( 'img/left.gif' ) no-repeat; display: block; 
}
.right{
	height: 12px; width: 10px; margin:10px; padding:0;
	background: url( 'img/right.gif' ) no-repeat; display: block; 
}
.left span,.right span { visibility : hidden; height:0; width:0; font-size: 1px; line-height: 1px; }
#descripcio{
 text-align: center;
 width: 520px;
 float: left;
 height: 40px;
 overflow: hidden;
}
.titol_ob{
	font: 18px/20px Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}
.dim_ob{
	font-weight: bold;
	font: 12px/15px Helvetica, Arial, sans-serif;
}

#descripcio strong{
	color: black;
}
/*contacte*/
body.comment {
	background: White;/*#948c8c;*/
   font: 11px/16px Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.7em;
	padding: 0;
	margin: 10px;
	width:400px;
/*	text-align: center;*/
	overflow:hidden;
}
form{
	margin: 0;
	padding: 0;
}
label.normal {
	clear:both;
	width: 120px;
	float:left;
	text-align: right;
	color: #000;/*#948c8c;*/
	margin: 0 10px 0 0;
	padding:0;
	font-weight: bolder;
}
label.llarg {
	clear:both;
	color: #000;
	width: 250px;
	margin-top:3px;
	padding:0;
	font-weight: bold;
	
}
input{
	margin:0;
}
input.itext{
	float:left;
	margin-bottom: 5px;
	padding:0;
	border: 1px solid #948c8c;;
}
textarea#comment{
	border: 1px solid #948c8c;;
}

input#submit{
	padding:0;
	clear:both;
	float:left;
	margin:10px 5px 0 0;
	background-color: #FFF;
	border: 2px solid #948c8c;
	color: #000;
	font-weight:bold;
	font-size: 0.8em;
	padding:0;
	width:55px;
}
.error{
	clear: both;
	margin: 0;
	padding: 0;
}
.mailcontacte{
	clear:both;
	margin:0;
	padding:0;
}

/*layout*/
#lang2 {height: 18px; border: 0; margin: 10px 0 0 0;padding: 0; float:right;width:200px;}
div.ca,div.es,div.en,div.barra{ display: block; height:18px; margin:0; padding:0;overflow:hidden;}
div.barra {	float:left;background: url( 'img/barra.gif' ) no-repeat bottom left; width:8px;}
div.ca {float: left;background: url( 'img/cat_t.gif' ) no-repeat bottom left; width:24px; }
div.es {float: left; background: url( 'img/esp_t.gif' ) no-repeat bottom left; width:28px;}
div.en {float: left; background: url( 'img/eng_t.gif' ) no-repeat bottom left; width:28px;}
div.ca a {background: url( 'img/cat_g.gif' ) no-repeat bottom left;}
div.es a {background: url( 'img/esp_g.gif' ) no-repeat bottom left;}
div.en a {background: url( 'img/eng_g.gif' ) no-repeat bottom left;}
div.ca a,div.es a,div.en a{ display: block; text-decoration: none; height:18px;}
div.ca a:hover,div.es a:hover,div.en a:hover{background-image: none;}
div.ca span,div.es span,div.en span,div.barra span{visibility:hidden;}

#container {
    position: relative;
    margin:230px 62px auto auto;
	 padding: 10px 0px 10px 10px;
    width: 650px;
	 height: 300px;
    background: #fff;
	 text-align:left;
/*	border: 1px solid #948c8c;*/
}
h1.logo{	 height:23px; width:197px;  margin:0;  padding:0;
	 background: url( 'img/samuelsalcedo.gif' ) no-repeat; display: block; 
}
h1.logo span { visibility : hidden; height:0; width:0;}
/*esquerra*/
div#navegacio{
	width: 200px;
	height: 300px;
	float:left;
   margin:0 0 0 5px;
	padding: 0;
	display: inline;
}
#menu{
	margin-top: 25px;
	text-align: left;
	width: 200px;
}
div.biografia ,div.obra , div.expos , div.agenda , 
div.links , div.contact, div.dossier { display: block; height:23px; margin:0; padding:0;overflow:hidden;}

div.obra a, div.expos a, div.agenda a, 
div.links a, div.contact a,div.dossier a { display: block; text-decoration: none; height:23px;}

div.obra a:hover, div.expos a:hover, div.agenda a:hover, 
div.links a:hover, div.contact a:hover{background-image: none;}

div.obra span, div.expos span, div.agenda span, 
div.links span, div.contact span, div.dossier span{visibility:hidden;}

div#peu_nav{
	position:absolute;
	bottom:20px;
	text-align:left;
	width: 200px; margin:0; padding:0;
}

/*dreta*/
div#contingut {
	float: right;
   width: 408px;
	height: 298px;
	padding: 0;
	margin:0;
	border: 1px solid #948c8c;
	text-align:left;
}
#clipping {
	position: absolute;
   width: 408px;
	overflow: hidden;
	padding: 0;
	margin:0;
}
#scroll{
	float:right;
	width:14px;
	height: 298px;
	margin-left: 5px;
}
.up{
	height: 9px; width: 12px; margin:0; padding:0;
	background: url( 'img/up.gif' ) no-repeat; display: block; 
}
.down{
	position:absolute;
	bottom:10px;	
	height: 10px; width: 12px; margin:0; padding:0;
	background: url( 'img/down.gif' ) no-repeat; display: block; 
}
.up span,.down span { visibility : hidden; height:0; width:0; font-size: 1px; line-height: 1px; }

/*obra*/
div#contobra{
	margin: 0 2px 5px;
}
div.miniatura{
	display: inline;
	width:86px; height:86px;
	float:left;
	margin: 7px 7px 8px 8px;
	text-align:center;
	line-height: 86px;
	overflow: hidden;
}
img.mini{
	vertical-align: bottom;
	text-align:center;
}
/*expos*/
div#conttext{
	margin: 10px;
	letter-spacing:-0.00em;
}
.any{
	clear:both;
	color: #948c8c;
	font-style: oblique;
	font-weight: bold;
	width:35px;
	float:left;
}
.desc{
	float:left;
	width:350px;
}
.tipus{
	float:left;
	margin:20px 0 7px;
	padding:0;
	font-size: 14px;
	font-weight: bold;
}
.bio{
	margin:10px 0 7px;
	padding:0;
	font-size: 16px;
	font-weight: bold;
}
.bio span{
	font-size: 12px;
	font-weight: bold;
}
.data{
		color: #948c8c;
	font-style: oblique;
	font-weight: bold;
	margin:10px 0 0;

}
.titolexpo{
	font-size: 14px;
	font-weight: bold;
}
p.descexpo{
	font-size: 12px;
	line-height: 1.3em;
	margin: 0px;
	padding:0;
}
a.link{
	text-decoration:none;
	color: #948c8c ;	
}
a.link:hover{
	text-decoration:underline;
	color: #e9b362;
}