/* tags */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*background-image: url(img/base/trama.png);*/
	background-repeat: repeat;
	background-color: #000;
	margin: 0px 0px 0px 0px;
	text-align: center;
	/*
	 background-color: #E3F1FF;
	 background-color: #AAD1F7;
	 background-color: #C4E2FF;
	 */
}

img {
	border: 0;
}

a {
	color: #1271cf;
	text-decoration: none;
}

a:hover {
	color: #185FA6;
	text-decoration: underline;
}


/* id - img */

img#cap-logo {
	margin-left: 105px;
}


/* id - div */

div#cont {
	width: 1000px;
	margin: auto;
	background-color: #fff;
	text-align: left;
}


div#cap {
	background-image: url(img/base/cap-fons.gif);
	height: 153px; /*la imatge fa 150*/
}




div#menu-t {
	/*background-color: #1271cf;*/
	background-color: #000;
	color: #fff;
	height: 25px;
}


div#menu-t a {
	color: #fff;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	height: 21px;
	padding: 4px 20px 0px 20px;
	border-right: 1px solid #fff;
}

div#menu-t a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

div#menu-t a.act {
	color: #000;
	background-color: #fff;
}



div#ban {
/*
	background-image: url(img/base/ban.png);
	*/
	background-repeat: no-repeat;
	/*background-position: right;*/
	height: 140px;
}


div#nov {
	background-color: #1271cf;
	/*background-image: url(ca/img/fonsindex.png);*/
	color: #fff;
	height: 22px;
}

div#nov-a {
	display: inline;
	float: left;
	font-weight: bold;
	margin: 2px 0px 0px 8px;
}

div#nov-b {
	display: inline;
	float: right;
	margin: 4px 8px 0px 0px;
	font-size: 8pt;
}

/* ... pantxa-left ...... */

div#pantxa-l {
	width: 200px;
	float: left;
	background-image: url(img/base/col-escalades.png);
	background-repeat: no-repeat;
	background-position: 0px 100px;
}

div#menu-l {
	margin: 20px;
	font-size: 8pt;
}

div#menu-l .pare{
	font-size: 9pt;
	font-weight: bold;
	color: #000;
}

div#menu-l a {
	display: block;
	margin: 6px 0px 0px 6px;
}

div#menu-l a.act {
	font-weight: bold;
}

div#menu-l div#exp-ls, div#esq-ls, div#trek-ls {
	margin: 6px 0px 0px 10px;
}

div#menu-l span {
	color: #777;
	font-size: 7pt;
}




/* ... apunt ...... */

div#apunt {
	width: 460px;
	height: expression( this.scrollHeight < 401 ? "400px" : "auto" ); /* sets min-height for IE */
	min-height: 400px; /* sets min-height value for all standards-compliant browsers */
	margin: 17px 1px 5px 0px;
	padding: 0px 20px 10px 20px;
	/*background-color: #f0f0f0;*/
	background-color: #fff;
	/*border-right: 1px solid #ccc;*/
	border-left: 1px solid #ccc;
	/*border-bottom: 1px solid #ccc;*/
}

div#apunt h1 {
	text-align: left;
	/*color: #C39B00;*/
	color: #000;
	margin-top: 30px;
	margin-bottom: 25px;
	font-size: 13pt;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 4px;
	background-color: #fff;
}

div#apunt p {
}

div#apunt b {
	color: #1271cf;
}

div#apunt li {
	margin: 10px 0px 0px 10px;
	/* font-size: 8pt; */
}

div#apunt img.f-l {
	float: left;
	margin-right: 10px;
}

div#apunt img.f-r {
	float: right;
	margin-left: 10px;
}


/* ... pantxa-right ...... */

div#pantxa {
	background-color: #fff;
}



div#cos {
	float: left;
	display: inline;
	width: 533px;
	height: expression( this.scrollHeight < 1101 ? "1100px" : "auto" ); /* sets min-height for IE */
	min-height: 1100px;
}

div#cos .abs {
	width: 250px;
	height: 320px;
	border: 0px solid #ccc;
	margin: 40px 1px 5px 10px;
	font-size: 8pt;
	/*background-color: #f0f0f0;*/
	float: left;
}

div#cos .d {
	/*clear: right;*/
}



div#pat {
	float: right;
	display: inline;
	width: 236px;
	font-size: 8pt;
	margin: 30px 0px 0px 30px;
}

div#pat h1 {
	font-size: 10pt;
	color: #000;
	background-color: #ccc;
	padding-left: 5px;
}

div#pat-a, div#pat-b, div#pat-c {
	margin-bottom: 25px;
}


div#pat-a a#amig {
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


div#pat-b img {
	vertical-align: top;
	margin-right: 10px;
}


div#pat-c ul {
	margin: 0px; padding: 0px;
}

div#pat-c li {
	padding: 5px 0px 5px 0px; list-style-type:none;
}

div#pat-c li.mig {
	border-top: 1px solid #bbb; border-bottom: 1px solid #ccc;
}

div#pat-d {

}


div#pat-e img {
	float: left;
}






/* eliminiar-ho */
div#peu-c {
	text-align: center;
	float: left;
}












/* classes */

div#cos .abs-a {
	/*background-color: #fc0;*/
	/*background-color: #1271cf;*/
	background-color: #000;
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px;
	border-bottom: 1px solid #ccc;
}

div#cos .abs-a a {
	color: #fff;
}

div#cos .abs-b {
	line-height: 160%;
	padding: 5px;
	padding-bottom: 10px;
}

div#cos .abs-c img {
	margin: auto;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

div#cos .abs-d {
	padding: 5px;
	height: 20px;
}

div#cos .abs-d-1 {
	float: left;
	display: inline;
}

div#cos .abs-d-2 {
	float: right;
	display: inline;
}


div#cos .bl {
	color: #03f;
	font-weight: bold;
}


div#peu-c {
	clear: both;
	height: 70px;
	padding: 20px 0px 10px 0px;
}


div#peu-c a img {
	display: inline;
	margin: 0px 30px 0px 0px;
}

div#peu-c a img {
	vertical-align: middle;
	margin: 0px 25px 0px 0px;
}




div#peu-b {
	clear: both;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 68px;
	padding-top: 50px; /* necessari per fer que el clear both tingui efecte */
}

div#peu-b-1 {
	float: left;
	display: inline;
	width: 330px;
}

div#peu-b-1 span {
	float: right;
	margin-right: 15px;
	margin-top: 10px;
	font-size: 8pt;
	display: inline;
	line-height: 110%;
	color: #555;
}

div#peu-b-2 {
	float: right;
	width: 330px;
	text-align: right;
	font-size: 7.5pt;
	display: inline;
	line-height: 160%;
	margin: 40px 15px 0px 0px;
	color: #333;
}

div#peu-b-2 img {
	vertical-align:text-bottom;
}

/* secció 'contacte' */




/* secció 'galeria' */

div#galeria img {
	float: left;
	margin: 20px 0px 0px 90px;
}


div#galeria p.galeria-b {
	float: right;
	margin-right: 100px;
}


div#galeria-expo {
	height: 450px;
}

div#galeria-expo .c-f {
	width: 110px;
	height: 110px;
	display: block;
	float: left;
}

div#galeria-expo img {
	margin: 15px 10px 10px 10px;
	vertical-align: middle;
}

div#galeria-expo img.cc {
	margin: 0px 0px 0px 25px;
}


/* secció 'cursos' */

div#cursos img {
	text-align: center;
	margin: auto;
	display: block;
}

div#cursos i.c {
	text-align: center;
	display: block;
}




div.cl {
	clear: both;
}



/* contacte */



	/* class contacta*/
#contacta {
	margin-top: 30px;
 	margin-left: 50px;
	color: #1271cf;
}

#contacta img.enlinia {
	vertical-align: bottom;
}

#contacta label {
	font-size: 11px;
	width: 100px;
	float: left;
	clear: left;
	margin-bottom: 10px;
	cursor: pointer;
}

#contacta #comprovacio_label {
	width: 270px;
	padding-right: 10px;
	text-align: right;
}

#contacta input, textarea {
	border: solid 1px #1271cf;
	background-color: #E4F2FF;
	font-family: Sans, Arial, Helvetica;
	font-size: 11px;
	float: left;
	width: 215px;
	clear: right;
	margin-bottom: 10px;
}

#contacta #nom {
	width: 165px;
}

#contacta #email {
	
}

#contacta #missatge {
	height: 100px;
	margin-bottom: 50px;
}

#contacta #comprovacio {
	width: 40px;
	background-color: white;
}

#contacta #num_pregunta {
	clear: none;
}

#contacta #envia {
	width: 100px;
	margin-left: 250px;
	clear: both;
	border: solid 1px #1271cf;
}



.info {
	font-size: 10px;
	margin-right: 0px;
	float: right;
	clear: both;
}

p.missatge-default {
	font-size: 11px;
	clear: both;
}

p.missatge-0 {
	font-size:11px;
	color: #f00;
	clear: both;
}

p.missatge-1 {
	font-size:11px;
	color: #0f0;
	clear: both;
}



div.cl {
	clear: both;
}




.peu-foto { padding-top: 0; margin-top: 0px; font-size: 7pt; }
.data { font-size: inherit; text-align: right; color: #777; }
.subtitol { color: #999; font-weight: bold; font-size: 10pt; }
.foto-l { float: left; margin: 0; padding: 0; margin: 3px 10px 3px 0px; line-height: 10px; }
.foto-r { float: right; margin: 0; padding: 0; margin: 3px 0px 3px 10px; line-height: 10px; }