* { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }

.left  { float: left  }
.right { float: right }
.clear { clear: both  }

.content { width: 966px; margin: auto; margin-top: 27px; }

p,div,li,td { font-size: 11px; }
a { color: red; text-decoration: none; font-size: 12px; }
a:hover { color: #CC0033; text-decoration: underline; }

.gris { color: #999; }


/*
 * BLOCKS
 */ 
.header {
	display: block;
	background-image: url(imatges/cokoheader.jpg);
	background-repeat: no-repeat;
	height: 86px;
}

.banner {
	display: block;
	background-image: url(imatges/cokobanner.jpg);
	background-repeat: no-repeat;
	height: 171px;
}

.banner-content {
	width:530px;
	margin-left: 200px;
}


.galeria-titol {
	display: block;
	background-image: url(imatges/cokotitlegaleria.jpg);
	background-repeat: no-repeat;
	height: 30px;
}

.galeria {
	display: block;
	background-image: url(imatges/cokogaleries.jpg);
	/* background-repeat: no-repeat; 
		height: 380px;
	*/
	
	background-repeat: repeat-y;
}
.galeria-content {
	padding-top: 10px;
	width:530px;
	margin-left: 200px;
	color: #CC0033;
	position: relative;
}

#info-galeria1,
#info-galeria2,
#info-galeria3
 {
	display: block;
	position: absolute;
	
	left:287px;
	top:33px;
	
	width: 184px;
	height: 119px;
	
	display: none;
	color: white;
	
	background-image:url(imatges/info.png);
	background-repeat: no-repeat;
	z-index: 100;
	
	padding-top: 44px;
	padding-left:23px;
	padding-right:31px;
	text-align: justify;
}


.localitzacio {
	display: block;
	background-image: url(imatges/cokolocalitzacio.jpg);
	background-repeat: no-repeat;
	height: 158px;
}

.localitzacio-content {
	padding-top: 26px;
	width:530px;
	margin-left: 200px;
	position: relative;
}


.contacto {
	display: block;
	background-image: url(imatges/cokocontacto.jpg);
	background-repeat: no-repeat;
	height: 140px;
}
.contacto-content {
	padding-top: 26px;
	width:530px;
	margin-left: 200px;
	position: relative;
}

.formulari {
	display: block;
	background-image: url(imatges/cokoform.jpg);
	background-repeat: no-repeat;
	height: 311px;
}
.formulari-content {
	padding-top: 26px;
	width:530px;
	margin-left: 200px;
	position: relative;
}

label {
	display: block;
	position: absolute;
	color: black;
	font-weight:bold;
}

input[type=text] {
	position: absolute;
	border: 0px;
	padding: 3px 3px;
	width: 244px;
	color: white;
	background-color: black;
}

textarea {
	position: absolute;
	border: 0px;
	padding: 3px 3px;
	width: 244px;
	color: white;
	background-color: black;
	font-size: 12px;
}

input[type=submit] {
	background-color:transparent;
	color:white;
	display:block;
	left:446px;
	position:absolute;
	text-align:center;
	top:278px;
	width:84px;
	border:0px;
	cursor: pointer;
}


.coko {
	display: block;
	background-image: url(imatges/cokobg.png);
	background-repeat: repeat-y;
}

.coko-content {
	width:530px;
	margin-left: 200px;
	position: relative;
	background-color: white;
	
}

.error {
	position:absolute;
	color: red;
	top:278px;
	left: 11px;
	font-weight:bold;
}