/* CSS ROCK TOPO */
body {
	margin:0;
	padding:0;
	border:0;
	line-height:15px;
	background-image:url(../img/fons_capcalera.gif);
	background-repeat:repeat-x;
	background-color:#CFB495;
}
#tot {
	margin:0 auto;
	padding:0;
	width:800px;
	display:block;
	position:relative;
}
#capcalera{
	position:relative;

	background-repeat:no-repeat;
	margin:0 auto;
	width:800px;
	height:150px;
	padding:0;
}
/* MENU PRINCIPAL */
#menu_principal{
	position: absolute;
	margin:111px 0 0 10px;
	width:770px;
	height:34px;
	background: transparent url(../img/menu.jpg) bottom no-repeat;
}
#menullista {
	position: absolute;
	margin:0 0 0 5px;
	width:770px;
	padding:0;
}
#menullista ul, #menullista li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#menullista a:link, #menullista a:visited {
	font: bold 12px "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color:#FFF;
	text-align:center;
	width: 100px;
	float: left;
	padding: 0;
	margin: 0px 10px 0px 0px;
	height: 39px;
	text-decoration: none;
	line-height: 39px;
}
#menullista a:link#clicat, #menullista a:visited#clicat {
	background: transparent url("../img/bt3.gif") left bottom no-repeat;
	font: bold 12px "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color:#000;
	line-height:39px;
}
#menullista a:hover {
	background: transparent url("../img/bt2.gif") left bottom no-repeat;
	font: bold 12px "Trebuchet MS", "Arial", "Verdana", sans-serif;
	color: #21323B;
	line-height: 39px;
}
/*NAVEGADOR*/
#navegador{
	background-color:#786856;
	height:20px;
	width:780px;
}
#navegador p{
	font-family:Tahoma, Verdana, Arial;
	font-size:9px;
	color:#E0CAA5;
	margin:0;
	padding:0 0 0 15px;
}
.ruta{
	font-family:Tahoma, Verdana, Arial;
	font-size:9px;
	color: #FFFFFF;
	margin:0;
	text-decoration:underline;
	font-style:normal;
}
/*BLOC1 HOME*/
#bloc1{
	width:780px;
	height:345px;
	margin:5px 0 0 0;
}
#bloc11{
	float: left;
	width:254px;
	height:345px;
	background-color:#999999;
}
#bloc11 img{
	border:1px solid #ffe0b2;
	width:252px;
	height:343px;
}
#bloc12{
	float:right;
	width:518px;
	height:344px;
	margin:0 0 0 7px;
	background-color:#FFF;
	background-image:url(../img/fons_bloc12.gif);
	background-repeat:repeat-x;
}
#bloc12 h1{
	font-size:18px;
	font-family:Arial, Verdana, Tahoma;
	color:#FF9600;
	text-align:center;
	line-height: 20px;
	padding:2px 0 0 0;
	margin: 2px 0 0 0;
}
#bloc12 h2{
	font-size:13px;
	font-family:Arial, Verdana, Tahoma;
	color:#000;
	text-align:center;
	line-height: 14px;
	padding:5px 0 0 0;
	margin: 5px 0 0 0;
	font-style: italic;
}
#bloc12 ul{
	padding:0;
	margin:0;

}
#bloc12 li{
	font-size:11px;
	font-family:Arial, Verdana, Tahoma;
	color:#000;
	list-style-type:none;
	background-image:url(../img/fletxes_bloc12.gif);
	background-position:20px 5px;
	background-repeat:no-repeat;
	padding:5px 0 10px 50px;
	margin:0;
	height:20px
}
#bloc12 a{
	font-size:11px;
	font-family:Arial, Verdana, Tahoma;
	color:#2976A8;
	text-decoration:none;
}
#bloc12 a:hover{
	font-size:11px;
	font-family:Arial, Verdana, Tahoma;
	color:#2976A8;
	text-decoration:underline;
}
/*BLOC2 HOME*/
#bloc2{
	width:780px;
	/*height:190px;*/
	margin:10px 0 0 0;
	background-color:#000;
	overflow:hidden;
}
#bloc21{
	float: left;
	width:219px;
	/*height:190px;*/
	background-color:#FFF;
	background-image:url(../img/fons_bloc21.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}
#bloc21 p{
	font-size:11px;
	font-family:Arial, Verdana, Tahoma;
	color:#000000;
	margin:25px 0 0 0;
	padding:30px 5px 0 10px;
}
#bloc22{
	float: left;
	width:210px;
	height:190px;
	margin:0 0 0 10px;
	background-image:url(../img/fons_bloc22.gif);
	background-repeat:no-repeat;
	background-color:#FFF;
}
#bloc22 ul{
	padding:40px 0 0 0;
	margin:0;

}
#bloc22 li{
	font-size:11px;
	font-family:Arial, Verdana, Tahoma;
	color:#000;
	list-style-type:none;
	background-image:url(../img/fletxes_bloc22.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
	padding:5px 0 10px 30px;
	margin:0;
	height:20px
}
*html #bloc22 li{
	font-size:11px;
	font-family:Arial, Verdana, Tahoma;
	color:#000;
	list-style-type:none;
	background-image:url(../img/fletxes_bloc22.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
	padding:2px 0 5px 30px;
	margin:0;
	height:20px
}
#bloc22 a{
	font-size:11px;
	font-family:Arial, Verdana, Tahoma;
	color: #FF6600;
	text-decoration:none;
}
#bloc22 a:hover{
	font-size:11px;
	font-family:Arial, Verdana, Tahoma;
	color:#FF6600;
	text-decoration:underline;
}
#bloc23{
	float: right;
	width:341px;
	height:190px;
	background-image:url(../img/warning.jpg);
}
/*PEU*/
#peu{
	background-image:url(../img/fons_peu.gif);
	background-repeat:repeat-y;
	height:20px;
	width:780px;
	margin:5px 0 0 0;
}
#copy{
	font-size:10px;
	font-family:Arial, Verdana, Tahoma;
	color:#E0CAA5;
	padding:2px 0 0 40px;
	float:left;
	width:360px;
	height:20px;
}
#design{
	font-size:10px;
	font-family:Arial, Verdana, Tahoma;
	color:#E0CAA5;
	float:right;
	padding:2px 30px 0 0;
	width:350px;
	height:20px;
	text-align:right;
}
#design a {
	text-decoration:none;
	color:#FFFFFF;

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

}

/*CONTINGUT 2*/
#contingut2{
	width:780px;
	overflow:hidden;
}
#bloc1contingut2{
	width:225px;
	float:left;
	margin: 10px 0 0 0;
	background-image:url(../img/fons_bloc12contingut4.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	text-align: justify;
}
#bloc1contingut2 h1{
	font-family:Arial, Tahoma, verdana;
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding:7px 0 0 15px;
	margin:0;
}
#bloc1contingut2 p{
	font-family:Arial, Tahoma, verdana;
	font-weight: normal;
	color:#000000;
	padding:0 10px 15px 15px;
}
.txtpetit{
	font-size:11px;
}
.trytheclimb{
	font-family:Arial, Tahoma, verdana;
	font-size: 14px;
	color:#000000;
	text-align:right;
}
#bloc2contingut2{
	width:555px;
	height:415;
	overflow:hidden;
	float:right;
	background-color: #FF0000;
}
/*CONTINGUT 3*/
#bloc1contingut3{
	width:780px;
	overflow:hidden;
	margin:0;
}
#bloc11contingut3{
	float:left;
	width:300px;
	margin:0;
	background-color:#40382E;
}
.imgran{
	padding: 15px 20px 0px 28px;
}
.lupa{
	padding:5px 0 0 3px;
	margin:0;

}
#bloc11contingut3 h1{
	font-family:Arial, Tahoma, verdana;
	font-size:14px;
	font-weight:bold;
	color:#FF9600;
	padding:10px 0 0 30px;
	margin:0;
}
#bloc11contingut3 a{
	font-family:Arial, Tahoma, verdana;
	font-size:9px;
	font-weight:normal;
	color:#FFFFFF;
	padding:10px 0 0 120px;
	text-decoration:none;
	margin:0;
}
#bloc11contingut3 a:hover{
	font-family:Arial, Tahoma, verdana;
	font-size:9px;
	color:#DDDDDD;
	padding:10px 0 0 120px;
	text-decoration:underline;
	margin:0;
}
#bloc11contingut3 p{
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	color:#CFB394;
	padding:10px 20px 10px 30px;
	margin:0;
}

#bloc12contingut3{
	float: right;
	width:480px;
	margin:0;
}
#bloc12contingut3 table{
	width:100%;
	margin:0;
	padding:10px 0 0 20px;
}
#bloc12contingut3 td{
	width:33%;
	margin:0;
	padding:10px 0 0 20px;
	vertical-align: middle;
	text-align:center;
	font-family:Arial, Tahoma, verdana;
	font-size:9px;
	font-weight:normal;
	color:#786856;
}
/*CONTINGUT 4*/
#bloc1contingut4 {
margin:5px 0pt 0pt;
overflow:hidden;
width:780px;
}

/* canvi */
#bloc11contingut4{
	float:left;
	width:252px;
	height:199px;

	margin:0;
	background-color:#FFF;
}
#bloc12contingut4 {
	background-color:#FFFFFF;
	background-image:url(../img/fons_bloc12contingut4.gif);
	background-repeat:repeat-x;
	float:right;
	margin:0pt 0pt 0pt 10px;
	padding:0pt 15px 15px 0pt;
	text-align:justify;
	width:498px;
}
#bloc12contingut4 h1{
	font-family:Arial, Tahoma, verdana;
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding:7px 0 0 15px;
	margin:0;
}
#bloc12contingut4 p{
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight: normal;
	color:#000000;
	padding:10px 0 0 15px;
}
#bloc2contingut4{
	width:780px;
	margin:10px 0 10px 0;
}
#bloc2contingut4 table{
	width:100%;
	padding:0;
	margin:0;
	border:solid 1px #786856;
}
#bloc2contingut4 th{
	padding:0;
	margin:0;
	height:34px;
	background-image:url(../img/fons_bloc2contingut4.gif);
	background-repeat:repeat-x;
	font-family:Arial, Tahoma, verdana;
	font-size:12px;
	font-weight:bold;
	color:#FF9600;
}
#bloc2contingut4 th a{
	padding:0;
	margin:0;
	font-family:Arial, Tahoma, verdana;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FF9600;
}
#bloc2contingut4 th a:hover{
	padding:0;
	margin:0;
	font-family:Arial, Tahoma, verdana;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	color:#FFC602;
}
#bloc2contingut4 td{
	padding:0;
	margin:0;
	height:28px;
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:normal;
	color:#786856;
	text-align:center;

}
.colorcelda1{
	background-color:#DCC9B2;
}
.colorcelda2{
	background-color:#E7DACA;
}
.bordedret{
	border-right:solid 1px #786856;
}
.bordebaix{
	border-bottom:solid 1px #786856;
}
/*CONTINGUT 5*/
#bloc1contingut5{
	width:780px;
	height:75px;
	margin:0;
	background-image:url(../img/cap_contingut5.jpg);
}
#bloc2contingut5{
	width:780px;
	margin:15px 0 0 0;
}
#bloc2contingut5 table{
	width:100%;
	padding:0;
	margin:0;
}
#bloc2contingut5 th{
	padding:0 5px 0 5px;
	margin:0;
	height:34px;
	font-family:Arial, Tahoma, verdana;
	font-size:12px;
	font-weight:bold;
	color:#3D352C;
	text-align:left;
}
#bloc2contingut5 td{
	padding:0 5px 0 5px;
	vertical-align:top;
	margin:0;
	height:34px;
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:normal;
	color:#3D352C;
	text-align:left;
}
/*CONTINGUT 6*/
#contingut6{
	width:780px;
	overflow:hidden;
	margin:0;
}
#bloc1contingut6{
	width:280px;
	float:left;
	background-color:#40382E;
}
#bloc1contingut6 img{
	padding: 15px 0 10px 15px;
}
#bloc2contingut6{
	font-family:Arial, Tahoma, verdana;
	font-size:12px;
	width:500px;
	overflow:hidden;
	float:right;
	background-image:url(../img/fons_bloc2contingut6.gif);
	background-repeat:repeat-x;
	background-color: #E7DACA;
	padding:0 0 20px 0;
}
#bloc2contingut6 h1{
	font-family:Arial, Tahoma, verdana;
	font-size:14px;
	font-weight:bold;
	color:#3C342B;
	padding:7px 0 0 10px;
	margin:0;
}
#imatges{
	padding: 5px 0 0 0;
	margin: 0 0 0 10px;
}
#bloc2contingut6 h2{
	font-family:Arial, Tahoma, verdana;
	font-size:12px;
	font-weight:bold;
	color:#3C342B;
	padding:1px 0 0 10px;
	margin:0;
}
#bloc2contingut6 h3{
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:bold;
	color:#3C342B;
	padding:1px 0 0 10px;
	margin:0;
}
#bloc2contingut6 table{
	width:100%;
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:normal;
	margin:10px 10px 10px 10px;
}
#bloc2contingut6 h4{
	font-family:Arial, Tahoma, verdana;
	font-size:12px;
	font-weight:bold;
	color: #CC0000;
	padding:1px 0 0 10px;
	margin:0;
}
#bloc2contingut6 p{
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:normal;
	color:#3C342B;
	padding:0 10px 0 10px;
	margin:0;
	text-align:justify;
}
#foro{
	overflow:auto;
	width:500px;
	height:300px;
	background-color: #E7DACA;
	padding:15px 0 0 0;
}
#foro h1{
	font-family:Arial, Tahoma, verdana;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
	padding:2px 0 10px 10px;
	margin:0;
}
#coment{
	width:460px;
	margin:10px 10px 0 10px;
	background-image:url(../img/fons_comentcontingut6.gif);
	background-repeat:repeat-x;
}
#coment h1{
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:bold;
	color: #3C342B;
	padding:5px 0 0 10px;
	margin:0;
}
#coment h2{
	font-family:Arial, Tahoma, verdana;
	font-size:10px;
	font-weight:normal;
	color: #3C342B;
	padding:2px 0 0 10px;
	margin:0;
}
#coment p{
	font-family:Arial, Tahoma, verdana;
	font-size:10px;
	font-weight:normal;
	color:#3C342B;
	padding:5px 5px 0 10px;
	margin:0;
}

#foro table{
	background-color:#FFFFFF;
	font-family:Arial, Tahoma, verdana;
	font-size:10px;
	font-weight:normal;
	width:460px;
	padding:0;
	margin:10px 0 0 0;
}
.td1foro{
	width:100px;
}
.td2foro{
	width:360px;
}
/*CONTINGUT 7*/
#contingut7{
	width:780px;
	overflow:hidden;
	margin:0;
}
#contingut7 h1{
	font-family:Arial, Tahoma, verdana;
	font-size:14px;
	font-weight:bold;
	color:#3C342B;
	padding:10px 0 0 15px;
	margin:0;
}
#contingut7 p{
	font-family:Arial, Tahoma, verdana;
	font-size:12px;
	font-weight:normal;
	color: #3C342B;
	padding:10px 0 0 15px;
	margin:0;
}
#contingut7biblio {
	width:780px;
	overflow:hidden;
	margin:10px 0 0 0;
}
#bibliocolumna1 {
	width:365px;
	float:left;
	margin:0 0 10px 10px;
	border-top:#40382E solid 1px;
	background-color:#E7DACA;
}
#bibliocolumna2 {
	width:365px;
	float:right;
	margin:0 10px 10px 20px;
	border-top:#40382E solid 1px;
	background-color:#E7DACA;
}

#contingut7llibre {
	float:left;
	width:130px;
	padding:0;
	margin:0;
	background-color:#40382E;
}
#contingut7llibre img{
	padding:5px 5px 5px 5px;
	margin:0;
}
#contingut7comentari {
	float:right;
	width:230px;
	margin:10px 0 0 5px;
}
*#contingut7comentari h1{
	font-family:Arial, Tahoma, verdana;
	font-size:14px;
	font-weight:bold;
	color: #3C342B;
	padding:0 0 5px 5px;
	margin:0;
}
#contingut7comentari p{
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:normal;
	color: #3C342B;
	padding:0 0 10px 5px;
	margin:0;
}
#contingut7comentari a{
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color: #FF6600;
	padding:0 0 0 5px;
	margin:0;
}
#contingut7comentari a:hover{
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	color: #FF6600;
	padding:0 0 0 5px;
	margin:0;
}
/*FORM01*/
#form{
	width:780px;
	overflow:hidden;
	margin:0;
}
#formbloc1{
	width:268px;
	height:360;
	float:left;
	background-color:#40382E;
}
#formbloc1 img{
	padding: 10px 10px 10px 10px;
}
#formbloc2{
	width:512px;
	float: right;
}
#formbloc2 h1{
	font-family:Arial, Tahoma, verdana;
	font-size:16px;
	font-weight:bold;
	color: #3C342B;
	padding:10px 0 5px 15px;
	margin:0;
}
#formbloc2 td{
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	color: #3C342B;
	padding:10px 0 5px 15px;
	margin:0;
}
#formbloc2 input{
	background-color:#E7D9CA;
	font-family:Arial, Tahoma, verdana;
	font-size:10px;
	color:#3C342B;
	border: solid 1px #3C342B;
}
#formbloc2 textarea{
	background-color:#E7D9CA;
	font-family:Arial, Tahoma, verdana;
	font-size:10px;
	color:#3C342B;
	border: solid 1px #3C342B;
}

/* canvi */
.enlace {
	font-family:Arial, Tahoma, verdana;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#786856;
}
.enlace:hover {
	font-family:Arial, Tahoma, verdana;
	font-size:11px;

	text-decoration:underline;
	color:#2877AA;
}