/* menu */

#menu {
 width: 135px;
 height: auto;
 margin: 0px;
 float:left;
}

ul#menu {  
 list-style: none;
 margin: 0;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 background-color: #e6e6e6;
}

ul#menu li {
 float: left;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #bdbdbd;
 background-color: #e6e6e6;
}

ul#menu li a {
 display: block;
 width: 125px;
 padding: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;	
 text-decoration: none;
 text-align: right;
 color: #666666;
 height: auto;
}

ul#menu li a:visited {
 color: #666666;
}

ul#menu li a:hover {
 color: #ffffff;
 background-color: #bfbfbf;
}

ul#menu li a:active {
 color: #ffffff;
 background-color: #bfbfbf;
}

ul#menu ul {
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #FF0000;
}

ul#menu ul li {
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	background-color: #F0F0F0;
}

ul#menu ul li a {
	display: block;
	width: 125px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	color: #666666;
	height: auto;
}

ul#menu ul li a:hover {
	color: #FFFFFF;
	background-color: #DCDCDC;
}

.seleccionat{
	display: block;
	width: 125px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: none;
	text-align: right;
	color: #FFFFFF;
	background-color:#BFBFBF;
	height: auto;
}

.seleccionat2{
	display: block;
	width: 125px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	color: #FFFFFF;
	background-color:#DCDCDC;
	height: auto;
}

/* menu right */

#menuright {
 width: 240px;
 height: auto;
 margin: 11px;
}

ul#menuright {  
 list-style: none;
 margin: 0;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 background-color: #d9d9d9;
}

ul#menuright li {
 float: left;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #bdbdbd;
 background-color: #d9d9d9;
}

ul#menuright li a {
 display: block;
 width: 240px;
 padding: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;	
 text-decoration: none;
 text-align: left;
 color: #666666;
 height: auto;
}

ul#menuright li a:visited {
 color: #666666;
}

ul#menuright li a:hover {
 color: #ffffff;
 background-color: #666666;
}

ul#menuright li a:active {
 color: #ffffff;
 background-color: #666666;
}


/* title */

#titlecontent {
 width: 540px;
 height: 20px;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 padding: 5px;
 margin-top:17px;
 background-image: url(../imgs/f_franja.gif);
 background-repeat: repeat-x;
}

#titlecontent_interior {
 width: 820px;
 height: 20px;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 padding: 5px;
 background-image: url(../imgs/f_franja.gif);
 background-repeat: repeat-x;
}

/* multimedia */

#contingut_multimedia{
	float:left;
	width:820px;
}

#videos_fotos{
	float:left;
	width:640px;
}

#capa_separacio{
	float:left;
	width:600px;
	height:5px;
}

.capa_video_gran{
	float:left;
	width:590px;
	margin-left:15px;
	margin-bottom:15px;
}

.capa_video{
	float:left;
	width:180px;
	margin-left:15px;
	/*margin-bottom:15px;*/
}

#menu_multimedia{
	float:left;
	width:180px;
}

ul#menu_multimedia {  
 list-style: none;
 margin: 0;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 background-color: #d9d9d9;
}

ul#menu_multimedia li {
 float: left;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #bdbdbd;
 background-color: #d9d9d9;
}

ul#menu_multimedia li a {
 display: block;
 width: 170px;
 padding: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;	
 text-decoration: none;
 text-align: left;
 color: #666666;
 height: auto;
}

ul#menu_multimedia li a:hover {
 color: #ffffff;
 background-color: #666666;
}

.menu_sel{
 display: block;
 width: 170px;
 padding: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;	
 text-decoration: none;
 text-align: left;
 color: #ffffff;
 background-color:#666666;
 height: auto;
}

/* ---------- */

/* new */

#new {
 width: 550px;
 height: 103px;
}

#newimage {
 width: 145px;
 margin-right: 8px;
 height: 103px;
 float: left;
}

.borderimage {
 border: solid;
 border-color: #949494;
 border-width: thin;
}

#newtext {
 width: 397px;
 height: 103px;
 font-size: 10px;
 color: #666666;
 text-align: justify;
 float: left;
}

#info {
 width: 397px;
 height: 20px;
 font-size: 10px;
 font-weight: bold;
 color: #666666;
 text-align: left;
 float: left;
 padding-top: 6px;
}

#line {
 width: 550px;
 height: 1px;
 background-color: #d4d4d4;
 float: left;
 margin-bottom: 6px;
 margin-top: 6px;
}


/* new interior */

#new_interior {
 width: 830px;
 /*height:400px;*/

}

#newimage_interior {
 width: 268px;
 margin-right: 8px;
 /*height: 203px;*/
 float: left;
}

#newtext_interior {
 width: 550px;
 /*height: 400px;*/
 font-size: 10px;
 color: #666666;
 text-align: justify;
 float: left;
}

#line_interior {
 width: 830px;
 height: 1px;
 background-color: #d4d4d4;
 float: left;
 margin-bottom: 6px;
 margin-top: 6px;
}

/* MEMEBERS */

#text{
	float:left;
	width:430px;
	height:100px;
}

#foto{
	float:left;
	width:125px;
}

#descripcio{
	float:left;
	width:285px;
	margin-left:5px;
}

#buscador{
	float:left;
	width:100px;
	height:570px;
	background-color:#EBEBEB;
}

#resultat{
	float:left;
	width:430px;
	margin-left:10px;
	height:570px;
}
.holder {		
	float: left;
}

.scroll-pane {	
	width: 430px;
	overflow: auto;
	float: left;
	height: 570px;
}

/* text */

a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #949494;
}

a:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #fe0e16;
}

.verdana11greybold {
 font-size: 11px;
 color: #666666;
 font-weight: bold;
}

.verdana10greybold {
 font-size: 10px;
 color: #666666;
 font-weight: bold;
 text-decoration: none;
}

.verdana10grey {
 font-size: 10px;
 color: #949494;
}

a.verdana10greybold {
 font-size: 10px;
 color: #666666;
 font-weight: bold;
 text-decoration: none;
}

a.verdana10greybold:hover {
 font-size: 10px;
 color: #fe0e16;
 font-weight: bold;
 text-decoration: none;
}

.verdana10white {
 font-size: 10px;
 color: #ffffff;
 text-decoration: none;
}

a.verdana10white {
 font-size: 10px;
 color: #ffffff;
 text-decoration: none;
}

a.verdana10white:hover {
 font-size: 10px;
 color: #666666;
 text-decoration: none;
}

a.verdana10greybold2 {
 font-size: 10px;
 color: #666666;
 font-weight: bold;
 text-decoration: none;
 padding:4px;
 background-color:#FFFFFF;
}

a.verdana10greybold2:hover {
 font-size: 10px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
 padding:4px;
 background-color:#666666;
}

/* button*/

#buttons {
 width: 550px;
 height: 14px;
 float: left;
 margin: 0px;
}

ul#button {  
 list-style: none;
 margin: 0;
 padding-bottom: 6px;
 padding-top: 6px;
}

ul#button li {
 margin-right: 2px;
 padding-bottom: 6px;
 padding-top: 6px;
 float: left;
}

ul#button li a {
 display: block;
 width: 90px;
 padding: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;	
 text-decoration: none;
 text-align: center;
 color: #FFFFFF;
 background-color: #fe868a;
 height: 14px;
}
	
ul#button li a:hover {
 color: #FFFFFF;
 background-color: #fe0e16;
}


/* rightcolumn */

#titlerightcolumn {
 width: 248px;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 13px;
}

a.linkmulti{
	color:#FFFFFF;
	text-decoration:none;
}

a.linkmulti:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


#multimedia {
 width: 248px;
 padding: 11px;
}

#videobackground {
 width: 248px;
 background-color: #d9d9d9;
 height: 206px;
}

#video {
 width: 240px;
 height: 196px;
 padding: 4px;
}

#photobackground {
 width: 248px;
 background-color: #d9d9d9;
 height: 238px;
 padding-bottom: 8px;
}

#photo {
 width: 240px;
 height: 185px;
 padding: 4px;
}

#footerphoto {
 width: 240px;
 height: 30px;
 color: #666666;
 font-size: 10px;
 margin: 4px;
}


/* form */

.caixa {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #949494;
 text-decoration: none;
 height: 17px;
 width: 350px;
 border: 1px solid #949494;
}