@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	}
body{
	line-height:1;
	}
ol, ul{
	list-style:none;
	}
blockquote,
q{
	quotes:none;
	}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content:'';
	content:none;
	}			
:focus{
	outline:0;
	}			
ins{
	text-decoration:none;
	}
del{
	text-decoration:line-through;
	}
table{
	border-collapse:collapse;
	border-spacing:0;
	}
input[type=hidden]{
	visibility:hidden;
	}
	
	
/* Body
*********************************************************/
body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(http://www.ciclick.net/imgs/bg1px.png);
	background-repeat: repeat;
	line-height: 15px;
	}
	
h1{
	}
	
.h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	line-height: 1.2em;
	color: #000;
	margin: 10px 0 10px 0;
	font-weight:lighter;
	display: block;
	}
	
h2{
	}
.h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 3.1em;
	line-height: 1.2em;
	color: #000;
	padding:0;
	margin: 0 0 3px 0;
	font-weight:lighter;
	display: block;
	}
	
h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	line-height: 1.2em;
	color: #FFF;
	font-weight:lighter;
	}
	
h4{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	line-height: 1.2em;
	color: #000;
	margin: 2px 0 15px 0;
	font-weight:lighter;
	}

h5{
	}
.h5{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #333333;
	margin: 0 0 2px 2px;
	font-weight:lighter;
	display: block;
	}

.h5a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #333333;
	margin: 0 0 2px 2px;
	font-weight:lighter;
	display: block;
	}
	
h6{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #FFF;
	font-weight:lighter;
	}

/* Container
*********************************************************/
#container{
	width:100%;
	overflow:hidden;
	position:relative;
	}
	#container:after{
		/*visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;*/
		}	



/* Header
*********************************************************/
.metabar{
		width:100%;
		height: 30px;
		background:url(../imgs/barra_sup.gif) repeat-x 50% 0;
		}
		.metabar p{
			font-size: 1em;
			line-height: 1.9em;
			color:#888;
			}
		.metabar .quickcontact{
				display:block;
				width: 940px;
				margin: auto;
				padding: 5px 0 0 0;
			}
			.metabar .quickcontact .email{
				display:block;
				width: 105px;
				height:25px;
				float: left;
				margin-left: 165px;
				cursor: hand;
				cursor: pointer;
				}
			.metabar .quickcontact .idiomes{
				float:right;
				overflow:hidden;
				display:block;
				height:25px;
				padding:0;
				width:95px;
				text-align: right;
				color: #999;
				}
				.metabar .idiomes a{
					text-decoration: none;
					color: #FFF;
					}
					.metabar .idiomes a:hover{
					text-decoration: none;
					color: #666;
					}
					.metabar .idiomes .idiom1{
						display: block;
						width: 40px;
						height: 25px;
						text-indent: 70px;
						overflow: hidden;
						float: left;
					}
					.metabar .idiomes .idiom2{
						display: block;
						width: 55px;
						height: 25px;
						text-indent: 70px;
						overflow: hidden;
						float: left;
					}

#header{
	width:100%;
	background:url(../imgs/bg_header.png) repeat-x 50% 0 !important;
	background-image: none;
 	filter: none !important;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.ciclick.net/imgs/bg_header.png');
	}
	#header .header_int{
		width: 940px;
		height: 135px;
		margin: auto;
	}
		#header .header_int #logo{
			width: 232px;
			height: 110;
			float: left;
			margin: 25px 0 0 0;
		}
		#header .header_int #slogan{
			width: 465px;
			height: 110;
			float: right;
			margin: 25px 0 0 0;
			}
			#header .header_int .sub_slogan{
			display: block;
			margin: 0 0 0 3px;
			font-size: 1.1em;
			line-height: 1.4em;
			color:#999;
			font-weight: normal;
			}
	
	#header #works{
		width: 940px;
		height: 300px;
		margin: auto;
		clear: both;
		}
		#header #works .panel img{
			background-color:#FFF;
			padding: 5px;
			border: 1px solid #ccc;
			}
		#header #works .cont_img_works{
			display: inline;
			height: 250px;
			width: 377px;
			margin: 10px 0 0 30px; 
			float: left;
			}
			#header #works .sombra_work{
				width: 218px;
				height: 21px;
				background-image:url(../imgs/sombra.png)!important;;
				background-image: none;
 				filter: none !important;
 				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.ciclick.net/imgs//sombra.png');
				background-position: center bottom;
				background-repeat: no-repeat;
				margin: 10px 0 0 75px;
				}
		#header #works .cont_text_works{
			display: inline;
			width: 377px;
			margin: 55px 0 0 20px; 
			float: left;
			}
			#header #works .work_desc{
				display: block;
				margin: 10px 0 0 3px;
				font-size: 1em;
				line-height: 1.3em;
				color: #FFF;
				}
				#header #works .work_desc p{
					margin: 0 0 10px 0;
					}
				#header #works .work_desc b{
					font-weight:bolder;
					color: #CCC;
					}
				#header #works .work_desc a{
					text-decoration:none;
					color: #FFF;
					}
				#header #works .work_desc .boto{
					font-weight:bolder;
					text-decoration: none;
					color: #FFF;
					background-color:#000;
					display: inline;
					padding: 2px 10px 2px 10px;
					margin: 0 20px 0 0;
					cursor: hand;
					cursor: pointer;
					}
					#header #works .work_desc .boto a:hover{
					color: #999;
					}

	#nav_bar{
		width: 100%;
		height: 30px;
		background-image: url(../imgs/transp_black75.png)!important;
 		background-image: none;
 		filter: none !important;
 		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ciclick.net/imgs/transp_black75.png');
		}
	
	#nav{
		width:940px;
		margin:auto;
		}
		#nav li{
			display:block;
			float: left;
			position: relative;
			}
			#nav li a{
				display:block;
				float:left;
				color:#fff;
				line-height:1.6em;
				font-weight:normal;
				text-decoration:none;
				font-size: 1em;
				position: relative;
				}
				#nav li a:hover{
					text-decoration:underline;
					}
				#nav .nav_el{	
					padding:5px 33px 5px 0;
					}
				#nav_bar ul li ul{
					position: absolute;
					display: none;
					margin: 0;
					top: 0;
					left: 0;
					padding: 45px 0 0 10px;
					height: 0;		
					background-image: url("../imgs/fletxa_nav_sub.png");
					background-repeat:no-repeat;
					}
					#nav_bar ul li ul li {
						display: block;
						float: none;
						margin: 0;
						width: 300px;
						}
						#nav_bar .sub_nav_el a{
								display:inline;
								float:none;
								padding:2px 0 0 0;
								color:#fff;
								font-weight:normal;
								text-decoration:none;
								font-size: 1em;
								margin: 0;
								position: relative;
								}	
								#nav_bar .sub_nav_el a:hover {
									text-decoration:underline;
									}	
		#nav_sub_desp{
			width: 100%;
			height: 0;
			background-image: url(../imgs/transp_black50.png)!important;
			background-image: none;
			filter: none !important;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.ciclick.net/imgs//transp_black50.png');
			}
	
.header_home{
	height:420px;
}

.header_interior{
	height:170px;
	margin-bottom: 2px;
}

#content{
	width: 100%;
	/*height: 770px;*/
	/*background-image: url("../imgs/fons.png");*/
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-top: 2px solid #FFF;
	clear: both;
	padding: 0 0 80px 0;
	/*background-color:#FFF;*/
}
	
	
#home_content{
	width: 100%;
	/*height: 770px;
	background-image: url("../imgs/fons_home.png");*/
	background-repeat: no-repeat;
	background-position: 50% 0;
	border-top: 2px solid #FFF;
	clear: both;
	padding: 0 0 30px 0;
	}
	
	
#content_dins{
	width: 940px;
	margin:auto;
	}
	#content_dins #content_dins_colE{
		width: 610px;
		float: left;
		}
		#content_dins #content_dins_colE .boto{
				font-weight:bolder;
				color: #FFF;
				background-color:#000;
				display: inline;
				padding: 2px 10px 2px 10px;
				margin: 0 20px 0 0;
				cursor: hand;
				cursor: pointer;
				font-size: 0.7em;
				}
				#content_dins #content_dins_colE .boto a{
					text-decoration: none;
					color: #FFF;
					}
					#content_dins #content_dins_colE .boto a:hover{
						text-decoration: none;
						color: #999;
						text-decoration: none;
						}
		#content_dins_colE #titol_cont{
				float:left;
				width:550px;
				height:0;
				padding-top:40px;
				margin:5px 0 0 0;
				overflow:hidden;
				}
		#content_dins_colE #titol_cont_int{
				float:left;
				width:550px;
				height:0px;
				padding-top:40px;
				margin:5px 0 0 0;
				overflow:hidden;
				}
		#content_dins_colE .content_dins_colE_subgrup{
			width: 610px;
			float: left;
			padding: 30px 0 0 0;
			}
			#content_dins_colE .sub1{
			height: 245px;
			}
			#content_dins_colE .sub2{
			height: 157px;
			}
			#content_dins_colE .sub3{
			height: 190px;
			}
			
		.home #content_dins_colE .content_dins_colE_subE{
			width: 270px;
			margin: 0 0 0 25px;
			float: left;
			}
		.home #content_dins_colE .content_dins_colE_subD{
			width: 270px;
			margin: 0 0 0 25px;
			float: right;
			}
		#content_dins_colE .content_dins_colE_subE{
			width: 290px;
			margin: 0;
			float: left;
			}
		#content_dins_colE .content_dins_colE_subD{
			width: 290px;
			margin: 0;
			float: right;
			}	
			
			ul.graella{
				overflow: hidden;
				}
				ul.graella li{
					display: block;
					float: left;
					width: 275px;
					height: 120px;
					margin: 0 32px 22px 0;
					text-align: center;
					}
			
			
	#content_dins #content_dins_colD{
		width: 300px;
		float: right;
		padding: 37px 0 0 0;
		}
		#content_dins #content_dins_colD .caixa_lat{
			float: right;
			margin-bottom: 20px;
			}
			#content_dins #content_dins_colD .caixa_lat .boto{
				font-weight:bolder;
				color: #FFF;
				background-color:#000;
				display: inline;
				padding: 2px 10px 2px 10px;
				margin: 0 20px 0 0;
				cursor: hand;
				cursor: pointer;
				font-size: 0.7em;
				}
				#content_dins #content_dins_colD .caixa_lat .boto a{
					text-decoration: none;
					color: #FFF;
					}
					#content_dins #content_dins_colD .caixa_lat .boto a:hover{
						text-decoration: none;
						color: #999;
						text-decoration: none;
						}
			#content_dins #content_dins_colD .caixa_lat .caixa_lat_titol{
				padding: 5px 0 7px 15px;
				/*width: 277px;*/
				}
			#content_dins #content_dins_colD .caixa_lat .caixa_lat_titol_blau{
				padding: 7px 0 9px 15px;
				/*width: 277px;*/
				background-color:#1794b8;
				}
			#content_dins #content_dins_colD .caixa_lat .caixa_lat_titol_taronja{
				padding: 7px 0 9px 15px;
				/*width: 277px;*/
				background-color:#e37903;
				}
			#content_dins #content_dins_colD .caixa_lat .caixa_lat_titol_verd{
				padding: 7px 0 9px 15px;
				/*width: 277px;*/
				background-color:#55c062;
				}
			#content_dins #content_dins_colD .caixa_lat .caixa_lat_titol_magenta{
				padding: 7px 0 9px 15px;
				/*width: 277px;*/
				background-color:#df0d84;
				}				
			#content_dins #content_dins_colD .caixa_lat .caixa_lat_titol_menu{
				padding: 7px 0 9px 15px;
				/*width: 277px;*/
				height: 25px;
				background-color:#CCC;
				background-image:url(../imgs/fons_titol_menu.gif);
				}
			#content_dins #content_dins_colD .caixa_lat .caixa_lat_text{
				padding: 15px;
				/*width: 262px;*/
				background-color: #FFF;
				}
				#content_dins #content_dins_colD .caixa_lat .caixa_lat_text hr{
					color: #ccc;
					background-color: #ccc;
					height: 1px;
					border:0;
				}
			#content_dins #content_dins_colD .llista_punts ul{
				}
				#content_dins #content_dins_colD .llista_punts ul li{
					padding: 0 0 0 15px;
					margin: 0 0 15px 0;
					background-image: url(../imgs/punt.gif);
					background-position: 0 5px;
					background-repeat: no-repeat;
					}
					
					.border1px {
						width: 298px;
						border: 1px solid #999;
						}
						#content_dins #content_dins_colD .border1px .caixa_lat_text{
							padding: 15px 15px 0 15px;
							}
					
					.border4px {
						width: 292px;
						border: 1px solid #999;
						padding: 3px;
						}

#fotos{
	width: 275px;
	background-color: #FFF;
	padding: 18px 0 3px 18px;
	/*border: #999 solid 1px;*/
	float: left;
	}
	#fotos ul{
	list-style:none;
		}
		#fotos ul li{
		display: inline;
		float: left;
		margin: 0 16px 8px 0;
		list-style:none;
		}

#destacat{
	width: 600px;
	padding: 95px 0 30px 0;
	/*border-bottom: 1px solid #666;*/
	}
	
#destacat2{
	padding: 95px 0 30px 0;
	/*border-bottom: 1px solid #666;*/
	}
	
.capa_desplega{
	opacity:0;
	display:none;
	overflow: visible;
	height:auto;
	}


.home #destacat{
	height: 202px;
	padding: 100px 0 0 0;
	border-bottom: 0;
	}
	
#warning {   
    margin:15px 0 0 0;   
	color:red;   
	}   
#warning {   
    display:none;   
	}   

#peu{
	width: 100%;
	border-bottom: 2px solid #000;
 	background-image: none;
 	filter: none !important;
	}
	#peu #peu_int{
		width: 940px;
		height: 303px;
		margin: auto;
		}
		#peu #peu_int #peu_int_cols{
			display:block;
			float:left;
			width: 595px;
			margin: 20px 0 20px 0;
			padding: 0 15px 0 0;
			border-right: 1px solid #5e5e5e;
			}
		#peu #peu_int #peu_int_cols li{
			display:block;
			margin: 0 0 10px 3px;
			color:#fff;
			line-height:1.5em;
			font-weight:normal;
			font-size: 1em;
			}
			#peu #peu_int #peu_int_cols li strong{
				font-weight:bold;
				font-size: 1em;
				color:#fff;
				}
				#peu #peu_int #peu_int_cols li strong a{
				color:#fff;
				}
			#peu #peu_int #peu_int_cols li a{
				font-size: 1em;
				color:#999;
				text-decoration:none;
				position: relative;
				}
				#peu #peu_int #peu_int_cols li a:hover{
					text-decoration:underline;
					}
			#newsletter_peu{
				float: right;
				width: 290px;
				padding: 30px 0 0 23px;
				}
	#subpeu{
		width:100%;
		height: 50px;
		background:url(../imgs/barra_inf.png) repeat-x 50% 0;
		}
		#subpeu_int{
			width: 940px;
			margin: auto;
			}
			#twitter_logo{
				width: 40px;
				height: 0;
				margin: 7px 0 0 0;
				height:0;
				padding-top:40px;
				float: left;
				overflow:hidden;
				cursor:pointer;
				}
			#twitter{
				width: 400px;
				height: 25px;
				margin: 7px 0 0 0;
				padding: 5px;
				float: left;
				overflow:hidden;
				}
				
			#vimeo{
				float:right;
				width:90px;
				height:0;
				padding-top:40px;
				margin:5px 0 0 0;
				overflow:hidden;
				cursor:pointer;
				}
			#flickr{
				float:right;
				width:90px;
				height:0;
				padding-top:40px;
				margin:5px 0 0 0;
				overflow:hidden;
				cursor:pointer;
				}
			#facebook{
				float:right;
				width:130px;
				height:25px;
				margin:15px 0 0 0;
				overflow:hidden;
				}
			#twitter_follow{
				width: 127px;
				height: 25px;
				margin: 15px 0 0 0;
				float: right;
				overflow:hidden;
				}
			#google{
				width: 40px;
				height: 25px;
				margin: 15px 0 0 0;
				float: right;
				overflow:hidden;
				}	
				

#copyright{
	padding: 15px;
	margin: 2px 0 0 0;
	height: 50px;
}
	#copyright #copyright_int{
	width: 936px;
	margin: auto;
	text-align: left;
	padding: 0 3px 0 3px;
}

.text_s1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #333;
	font-weight:normal;
	}
	.text_s1 a{
		color: #333;
		text-decoration: none;
		}
		.text_s1 a:hover{
		color: #333;
		text-decoration: underline;
		}
		
.text_s1_nosub{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #333;
	font-weight:normal;
	}
	.text_s1_nosub a{
		color: #999;
		text-decoration: none;
		}
		.text_s1_nosub a:hover{
		color: #999;
		text-decoration: none;
		}
	
.text_s2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #666;
	font-weight:normal;
	}
	.text_s2 a{
		color: #333;
		text-decoration: none;
		}
		.text_s2 a:hover{
		color: #333;
		text-decoration: underline;
		}

.text_s3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #fff;
	font-weight:normal;
	}
	.text_s3 a{
		color: #fff;
		text-decoration: none;
		}
		.text_s3 a:hover{
		color: #fff;
		text-decoration: underline;
		}
		
		
.text_s4{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #666;
	font-weight:normal;
	}
	.text_s4 a{
		color: #666;
		text-decoration: none;
		}
		.text_s4 a:hover{
		color: #333;
		text-decoration: underline;
		}
		
.text_s5{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #333;
	font-weight:normal;
	}
	.text_s5 a{
		color: #666;
		text-decoration: none;
		}
		.text_s5 a:hover{
		color: #333;
		text-decoration: underline;
		}
		
.text_s6{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.2em;
	color: #666;
	font-weight:normal;
	}
	.text_s6 a{
		color: #666;
		text-decoration: none;
		}
		.text_s6 a:hover{
		color: #333;
		text-decoration: underline;
		}
			
.text_s7{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #fff;
	font-weight:normal;
	}
	.text_s7 a{
		color: #fff;
		text-decoration: none;
		}
		.text_s7 a:hover{
		color: #fff;
		text-decoration: underline;
		}
		
.text_s8{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #fff;
	font-weight:normal;
	}
	.text_s8 a{
		color: #fff;
		text-decoration: none;
		}
		.text_s8 a:hover{
		color: #fff;
		text-decoration: underline;
		}
		
.content_titol{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 1.2em;
	color: #333;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	}
	.content_titol a{
		color: #333;
		text-decoration: none;
		}
		.content_titol a:hover{
			text-decoration: underline;
			}
			
.content_titol_p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 2em;
	color: #333;
	font-weight: bold;
	}
	.content_titol a{
		color: #333;
		text-decoration: none;
		}
		.content_titol a:hover{
			text-decoration: underline;
			}
	
.desplegable li{
	list-style:none;
	margin: 0;
	padding: 0;
	}
	.desplegable li ul{
		display: none;
		list-style:none;
		margin: 20px 0 0 0;
		}
		.desplegable li ul li{
			padding: 0 0 0 20px;
			margin: 0 0 15px 0;
			background-image: url(../imgs/fletxa_menu.gif);
			background-position: 0 4px;
			background-repeat: no-repeat;
			font-size: 0.9em;
			}
	

.llista ul{
	list-style:none;
	margin: 20px 0 0 0;
	}
	.llista li{
		padding: 0 0 0 20px;
		margin: 0 0 15px 0;
		background-image: url(../imgs/fletxa_menu.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
		font-size: 0.9em;
		}	
	
.input_s1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	font-weight:normal;
	padding: 5px;
	height: 16px;
	width: 220px;
	border: 1px solid #999;
	vertical-align: baseline;
	margin: 15px 0 0 0;
	}
	
input.error { border: 1px solid red; }


.submit_s1{
	height: 28px;
	width: 14px;
	background-image: url(../imgs/fletxa_p.gif);
	padding: 0;
	margin: 0;
	border: 0;
	cursor: hand;
	cursor: pointer;
	vertical-align: bottom;
	}
	
.submit_s2{
	height: 28px;
	width: 14px;
	background-color: transparent;
	background: url(../imgs/fletxa_p1.png) no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	cursor: hand;
	cursor: pointer;
	vertical-align: bottom;
	}
	
.fixclear{
	clear: both;
	margin: 0;
	padding: 0;
}
	
/* Carrusel */

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 840px; /*Width of Carousel Viewer itself*/
	height: 300px; /*Height should enough to fit largest content's height*/
	margin: 0 0 0 50px;
	}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 840px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}
	
	
/* Formulari */
form,input,select,textarea{margin:0; padding:0;}

div.box {
width:560px;
background:#dddddd;
position:relative;
border:1px solid #cccccc;
padding: 20px;
}

div.box h1 { 
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}

div.box label {
width:100%;
display: block;
padding:5px 0 5px 0;
}

div.box label span {
display: block;
font-size:12px;
float:left;
width:130px;
text-align:right;
padding:5px 15px 5px 0;
}

div.box .input_select {
padding:5px 5px;
background:#ffffff;
border: 1px double #999999;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div.box .input_text {
padding:5px 5px;
width:200px;
background:#ffffff;
border: 1px double #999999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div.box .message{
padding:5px 5px;
width:350px;
background:#ffffff;
border: 1px double #999999;
height:150px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;


}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
position: relative;
top:10px;
left:145px;
width:100px;
border: 1px double #cccccc;
background:#fff;
color: #222;
font-size: 1.5em;
cursor: hand;
cursor: pointer;
}

div.box .button:hover
{
color: #FFF;
background-color:#222;
}

#opinions ul{
	width:292px;
}
#opinions .op{
	padding: 15px 15px 0 15px;
	min-height:250px;
}
*html #opinions .op{
	height:250px;
}

.t12{font-size: 12px;}
.t14{font-size: 14px;}
.t16{font-size: 16px;}
.t18{font-size: 18px;}
.t24{font-size: 24px;}

.blanc{color: #ffffff;}
.gris{color: #cccccc;}

.projectes{
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: 400px;
	}
.projectes li{
	width: 290px;
	padding: 3px;
	border: 1px solid #cecece;
	height: 165px;
	overflow: hidden;
	position: relative;
	background-color: #FFF;
	float: left;
	margin: 0 20px 20px 0;
	display: none;
	}
	.projectes li .projecte_cont{
	width: 290px;
	height: 165px;
	overflow: hidden;
	position: relative;
	}
	
.capa_info{
	position: absolute;
	top: 165px;
	left: 10ppx;
	width: 260px;
	height: 135px;
	padding: 15px;
	}
	
.projectes2{
	list-style: none;
	margin: 0;
	padding: 0;
	}
.projectes2 li{
	float: left;
	margin: 0 20px 20px 0;
	display: none;
	}

.projectes2 li img{
	padding: 3px;
	border: 1px solid #cecece;
	position: relative;
	background-color: #FFF;
}
	
.capa_info2{
	width: 290px;
	position: relative;
	float: right;
	}