/* CSS Document */
	
/* --------------------- esctructura ------------------------ */
html,body {
    background-image:url(../images/fonsHTML.jpg);
    margin: 0;
    padding:0;
    height:100%;
    font-family:Arial, Helvetica, sans-serif;
}
#header {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	background-image:url(../images/header.png);
	background-position:bottom;
	background-repeat:repeat-x;
	z-index:100;
}
#header p {
	font-size:11px;
	letter-spacing:0.1em;
	margin:11px 0 0 30px;
	padding:0;
	text-align:left;
}
#header a.color1 {
	color:#855415;
	text-decoration:none;
}
#header a.color2 {
	color:#a5702b;
	text-decoration:none;
}
#header a.color3 {
	color:#cc8f41;
	text-decoration:none;
}
#header a.color4 {
	color:#CEAA3E;
	text-decoration:none;
}
#header a.color1:hover {
	color:#C60;
}
#header a.color2:hover {
	color:#990;
}
#header a.color3:hover {
	color:#C69;
}
#header a.color4:hover {
	color:#F99;
}
#container {
    display:table;
    height:100%;
    width:100%;
    margin:0;
}
#content {
    display:table-cell;
    vertical-align:middle;
    position:relative;
}
#page {
    margin: 0 auto;
    padding: 0 20px;
    position:relative;
    width:1024px;
    height:650px;
    vertical-align:middle;
    background-image:url(../images/fons2.jpg);
    background-repeat:no-repeat;
}

/*------------------------menu dreta------------------------------*/
#menuTot {
    position:absolute;
    top:140px;
    right:100px;
    width:142px;
    text-align:left;
    color:#32446d;
    font-size:11px;
    letter-spacing:2px;
}
#menuTot p {
	margin:10px 0 10px 0;
	}
#menuTot a {
    padding:2px;
    text-decoration:none;
    color:#32446d;
}
#menuTot a:hover {
    background-color:#a6bd99;
}
.menuHome {
    width:130px;
    text-align:left;
    padding:5px 0px 5px 10px;
    margin-bottom:6px;
    border:#32446d dotted 1px;
}
#menuDreta {
    width:130px;
    text-align:left;
    padding:5px 0px 5px 10px;
    border:#32446d dotted 1px;
    margin-bottom:6px;
}
#languages {
    width:130px;
    letter-spacing:2px;
    text-align:center;
    padding:5px;
    border:#32446d dotted 1px;
}
#languages a.current {
	cursor:default;
	background-color:#FFEAC1;
}
#languages a.current:hover {
	cursor:default;
	background-color:#FFEAC1;
}
.akey {
    text-decoration:underline;
}
/*-------------------------contingut-------------------------*/
#gallery {
    position:absolute;
    top:50px;
    left:100px;
    width:720px;
    height:480px;
}
#gallery h1 {
    font-size:11px;
    color:#32446d;
    letter-spacing:6px;
    font-weight:100;
	padding-bottom:8px;
}
#gallery a {
    text-decoration:none;
    color:#663366;
}
#gallery a:hover {
    color:#996600;
    text-decoration:underline;
}
.hide {
    display:none;
}
.marcIMG {
    position:absolute;
    top:90px;
    left:22px;
}
.marc2 {
    position:absolute;
    top:470px;
    left:60px;
}
.marc2 p {
    font-size:10px;
    font-weight:bold;
    letter-spacing:2px;
}
.negreta {
    font-weight:bold;
    color:#32446d;
}
.switch {
    display:block;
    float:left;
    cursor:pointer;
	font-size:9px;
	font-weight:normal;
    margin:0 3px 0 0;
    text-decoration:none;
    border:#32446d dotted 1px;
}

/*....................................index............................*/

#marc3 {
    position:absolute;
    top:320px;
    left:50px;
    width:600px;
}
#marc3 p {
    font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 7px 0;
}
#marc3 h2 {
	font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 7px 0;
}
.portada {
    font-weight:bold;
}

/*-----------------------peu--------------------------------*/
#peu { 
    width:1000px;
    height:40px;
    position:absolute;
    top:575px;
    right:55px;
    text-align:right;
}
#peu p {
    letter-spacing:1px;
    font-size:9px;
	margin-top:8px;
}
#peu a {
    text-decoration:none;
    color:#663366;
}
#peu a:hover {
    color:#996600;
	}
#peu a.valid {
	padding:1px 3px 1px 5px;
	font-family:"Times New Roman", Times, serif;
	background-color:#a6bd99;
	color:#fff;
	}
#peu a.valid:hover {
	background-color:#C19A63;
	}
#peu img {
	border:none;
	}