@CHARSET "UTF-8";

/********************************************** Tipografies ********************************************/

@font-face {
  font-family: 'Amplitude';
  src: url('fonts/amplitudebold-webfont.eot');
  src: local('☺'),
         /* url('fonts/Alber-Medium.otf') format('opentype'); */
         url('fonts/amplitudebold-webfont.ttf') format('truetype');
}

/*
@font-face {
  font-family: 'prova';
  src: url('fonts/akzidgrostdcnd-webfont.eot');
  src: local('☺'),
         url('fonts/akzidgrostdcnd-webfont.ttf') format('truetype');
}
*/

@font-face {
  font-family: 'Apex';
  /* src: url('fonts/akzidgrostdcnd-webfont.eot'); */
  src: local('☺'),
         url('fonts/apexnewheavy.otf') format('opentype');
}

/*
@font-face {
  font-family: 'Alber';
  src: url('Alber-Bold.eot');
  src: local('☺'),
         url('fonts/Alber-Bold.otf') format('opentype');
  font-weight: bold;
}
*/

/********************************************** Fi tipografies ********************************************/
/*******************************************************************************************************/

/*** General ***/

html {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0px auto 0px auto; 
	padding: 0; 
	text-align: center; 
	background-color: #2F2F2F;
}

a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}


img.imatge_fons {
	position: fixed; 
	bottom: 20px; 
	left: 20px; 
}

div#contenidor {
	width: 980px; 
	margin: 0px auto 0px auto; 	
	padding: 0;
}


/********************************************** Capçalera **********************************************/

div#capcalera {
	 /* background-color: #9F9F9F; */
	 border-radius: 0 0 12px 12px;
	 -webkit-border-radius: 0 0 12px 12px;
	 -moz-border-radius: 0 0 12px 12px;
	 margin: 0px 0px 14px 0px;
	 background-image: ;
	 background: url("imatges/fons_logo.jpg") no-repeat;
	 border: 1px solid #cccccc;
	 border-top-width: 0px;
	 height: 260px;
	 text-align: left; 
	 position: relative;
}

div#capcalera > img {
	margin: 20px 0px 15px 0px; 
}

div#capcalera div#idiomes,
div#capcalera div#col_e_wrapper { 
	position: absolute;
	top: 20px; 
	right: 20px;
	padding: 5px !important; 
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.5);
	border-radius: 12px 12px 12px 12px;
	 -webkit-border-radius: 12px 12px 12px 12px;
	 -moz-border-radius: 12px 12px 12px 12px;
	width: 165px;
	text-align: center;
}

div#capcalera div#idiomes a { display: inline-block; position: relative; margin: 0px 4px 10px 4px; width: 45px; height: 30px; }
div#capcalera div#idiomes img { margin: 0px 4px 10px 4px; width: 45px; height: 30px; display: inline-block; position: absolute; top: 0px; left: 0px; z-index: 200 }
div#capcalera div#idiomes span { margin: 0px 4px 10px 4px; width: 45px; height: 30px; display: inline-block; position: absolute; top: 0px; left: 0px; }
div#capcalera div#idiomes span.no_seleccionat { background-color: rgba(110, 110, 110, 0.6); z-index: 500;
	border-radius: 3px 3px 3px 3px;
	 -webkit-border-radius: 3px 3px 3px 3px;
	 -moz-border-radius: 3px 3px 3px 3px;
}
div#capcalera div#idiomes span.no_seleccionat:hover { background-color: rgba(255, 100, 0, 0.3) }

div#capcalera div#idiomes img {
	vertical-align: middle;
	border: none;
}

div#capcalera div#col_e_wrapper {
	bottom: 20px !important;
	top: auto !important;
	vertical-align: top;
}

div#capcalera div#idiomes h3,
div#capcalera div#col_e_wrapper h3 {
	font-family: arial; 
	font-size: 13px; 
	margin: 8px 0 7px 0;
}

div#capcalera div#col_e_wrapper input.casella {
	border: none; 
	border-width: 0px;
	width: 147px; 
	height: 18px;
	padding: 0px 3px 2px 3px;
	background: url('imatges/bg_input_login.png') top left no-repeat transparent;
	margin-bottom: 7px;
	font-size: 11px;
	line-height: 16px;
	vertical-align: top;
	color: #666666;
	font-family: verdana;
}

/*
div#capcalera div#col_e_wrapper input.envia_ca { 
	border: none; 
	width: 70px; 
	height: 18px; 
	background: url('imatges/lang/ca/bg_input_envia.png') top left no-repeat transparent; 
	font-family: verdana; 
	line-height: 18px;
	margin: 2px 5px 7px 0px;
	padding: 0px;
	vertical-align: top;
	float: right;
}
*/

.ajax_indi { margin: 3px 0px 0px 6px; }

label.boto_envia {
	background-image: url('imatges/bg_input_envia.png');
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 18px;
	width: 8px;
	overflow: visible;
	padding: 0px;
	margin: 2px 0px 10px 0px;
}

/* label.boto_envia:hover { background-position: 18px left; } */

.boto_envia input#submit,
.boto_envia input#envia_contacte{
	background-image: url('imatges/bg_input_envia.png');
	background-repeat: no-repeat;
	background-position: right 0px ;
	height: 18px;
	color: #ffffff;
	margin: 0px 0px 0px 8px;
	display: block;
	border: none 0px;
	padding: 0px 22px 4px 0px; /* centrar el text, tant vertical com horitzontalment, es fa des d'ací */
	background-color: transparent;
	cursor: hand;
	cursor: pointer;
	font-family: arial;
	font-size: 11px;
}
	  
div#columna_esquerra fieldset {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*background-color: #ffffff;*/
}

div#menu_hor {
	margin: 0; 
	padding: 8px 8px 8px 3px; 
	font-size: 12px; 
	font-family: arial; 
	text-transform: uppercase;
	background-color: #808080;
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-shadow: -1.5px 1.5px 2px #9F9F9F;
}

div#menu_hor span.boto {
	display: block;
	height: 43px; 
	line-height: 43px; 
	/* background-color: #DFDFDF; */ 
	width: 105px; 
	float: right; 
	margin-left: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	background: -moz-linear-gradient(top, #ffffff, #DFDFDF);
	background-color: #ffffff;
	/*background: -webkit-gradient(linear, center bottom, center top, from(#ffffff, to(#DFDFDF));*/ 
	border: 1px solid #cccccc;
	font-family: Amplitude;
	font-size: 17px;
	font-weight: normal;
	/* font-weight: bold; */
}

div#menu_hor span.boto.ultim{
	margin-right: 0px;
}

span.boto.actiu {
	/* background-color: #000000 !important; */
	background: -moz-linear-gradient(top, #000000, #6F6F6F 60%, #000000 135%) !important;
	background-color: #000000 !important;
	/* font-weight: bold !important; */
	/*background: -webkit-gradient(linear, center bottom, center top, from(#000000), color-stop(60%,#6F6F6F), color-stop(135%,#000000)) !important;*/ 
}

span.boto.actiu {
	color: rgb(255, 255, 0) !important; 
	border: 1px solid rgb(236, 209, 0) !important;
	text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.5);
}

div#menu_hor span.boto:visited { border: 1px solid #ffffff; }

div#menu_hor span.boto:hover { 
	border: 1px solid rgb(236, 209, 0); 
	background: -moz-linear-gradient(bottom, #4F4F4F, #DFDFDF);
	color: rgb(255, 247, 126);
	background-color: #999999 !important;
}

div#menu_hor a { text-decoration: none }

/***************************************** Fi capçalera ************************************************/
/*******************************************************************************************************/

/******************************************** General **************************************************/
	
div#envoltori {
	background-color: #5F5F5F;
	margin: 14px 0 14px 0;
	padding: 10px 0px 10px 0px;
	border-radius: 0px 20px 0px 20px;
	-webkit-border-radius: 0px 20px 0px 20px;
	-moz-border-radius: 0px 20px 0px 20px;
}

div#columna {
	width: 355px;
	text-align: center;	
}

div.premenu_esq {
	border-radius: 12px 0px 0 12px;
	-webkit-border-radius: 12px 0px 0 12px;
	-moz-border-radius: 12px 0px 0 12px; 
	background-color: rgba(0, 0, 0, 0.4); 
	padding-top: 10px; 
	padding-bottom: 5px; 
	margin-left: 10px; 
	padding-right: 5px;
}

div#columna div.cat_mostra {
	background-color: #814A93;
	margin: 0px 7px 7px 10px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 3px 3px 3px 8px;
	font-weight: bold;
	text-align: left;
	color: white;
	border: 1px solid #572571;
}

div#columna div.cat {
	margin: 0px 7px 8px 10px; 
	position: relative; 
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	height: auto;
	/* padding-top: 5px; */
	clear: both;
}

div#columna div.cat_mostra_2 {
	/*
	position: absolute;
	top: 0px;
	left: 0px;
	*/
	width: 100%;
	background-color: #814A93;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	/* padding: 3px 3px 3px 8px; */
	font-weight: bold;
	text-align: left;
	color: white;
	border: 0px solid #572571;
	cursor: pointer;
	z-index: 5000;
	position: relative;
}

div.desc { 
	background-color: rgba(111, 112, 223, 0.2); 
	/* background-color: rgba(156, 43, 95, 0.2); */
	border: 1px transparent rgba(111, 112, 223, 0.6);
	float: left;
	margin-top: -12px;
	padding: 15px 15px 14px 15px;
	text-align: justify;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	display: none;
	width: 97%; /* auto */
	height: auto;
	border-radius: 0px 10px 10px 10px;
	-webkit-border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	z-index: 200;
	position: relative;
	/*
	box-shadow: 1px 1px 3px rgba(102, 114, 122, 0.4);
	-webkit-box-shadow: -1px 1px 3px rgba(102, 114, 122, 0.4);
	-moz-box-shadow: 1px 1px 3px rgba(102, 114, 122, 0.4);
	*/
}

div.desc ul { margin-bottom: 5px; }

div.desc li { text-align: left }

.open { display: block !important }

div#columna div.cat_mostra_2 span { 
	display: block;
	padding: 3px 4px 3px 8px; 
	border: 1px solid #572571; 
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	/* border-bottom-width: 0px; */
	
	/*background-color: #FF006A;*/
}
                
div#principal {
	min-height: 250px;
	background-color: #EFEFEF;
	padding: 35px 0px 25px 0px; 
	text-align: center;
	width: auto;
	margin-left: 355px;
	margin-right: 10px;
	border-radius: 0px 12px 12px 0px;
	-webkit-border-radius: 0px 12px 12px 0px;
	-moz-border-radius: 0px 12px 12px 0px;
}

div#principal_left {
	min-height: 250px;
	background-color: #EFEFEF;
	padding: 30px 0px 15px 0px; 
	text-align: center;
	width: auto;
	margin-right: 355px;
	margin-left: 10px;
	border-radius: 12px 0px 0px 12px;
	-webkit-border-radius: 12px 0px 0px 12px;
	-moz-border-radius: 12px 0px 0px 12px;
}

#principal h2 {
	font-family: Apex, Arial, Helvetica, sans-serif; 
	font-size: 21px;
	background-color: #000000;
	color: #ffffff;
	margin: 0.1em 0em 1.5em 0em;
	text-align: right;
	padding: 0 1em 0 1em;
	height: 1.5em;
	line-height: 1.5em;
	vertical-align: middle;
}

#principal div.intern {
	margin: 0px 10px 0px 10px;
	text-align: left; 
	position: relative;
	display: none;
}

#principal div.intern div.text_intern {
	margin: 1em 0 1.5em 1em; 
	text-align: left; 
	font-weight: bold;
}

#principal div.intern.visible { display: block; !important; }

#principal div.intern > p, 
#principal div.intern	> ul {
	/*
	font-family: verdana; 
	font-size: 12px;
	*/ 
	margin: 5px 10px 10px 10px;
}

/********************************************* Fi general **********************************************/
/*******************************************************************************************************/


/*********************************************** Contacte **********************************************/

div.content_contact { margin: 0px 25px 10px 30px }
div#principal_left h2 { font-family: Apex; font-size: 22px; text-align: left; margin: 0px 0px 7px 0px; padding-bottom: 4px; border: 0px solid #cccccc; border-bottom-width: 1px }
form#newsletter input { clear: both; }
p.baixa_news { vertical-align: top; margin: 16px 0px 7px 0px; text-align: center; font-size: 11px }
p.baixa_news a,
p.baixa_news a:link,
p.baixa_news a:visited	{ color: #ffffff; color: rgba(255, 255, 255, 0.7) }
p.baixa_news a:hover	{ color: #000000; color: rgba(0, 0, 0, 0.7) }
form#contacte { float: left; margin: 17px 10px 10px 5px; }
form#contacte div.line_form { clear: both; float: left; margin-bottom: 4px }
form#contacte div.line_form label { display: inline-block; float: left; width: 155px; text-align: right; padding-right: 10px; font-weight: bold; font-size: 15px }
form#contacte div.line_form input,
form#contacte div.line_form textarea { display: inline-block; float: right; border: 1px solid #bbbbbb; width: 355px }
form#contacte div.line_form textarea { height: 80px; }
div#map_canvas { height: 200px; margin: 20px 15px 20px 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px !important; }
div#content { padding: 2px }
div#content h2 { font-size: 12px }
div#content p { margin: 2px; padding: 2px }
div#content div#bodyContent { font-size: 10px }

/********************************************* Fi contacte**********************************************/
/*******************************************************************************************************/


/************************************************ Mostres **********************************************/

div.contenidor_mostres {
	font-family: verdana; 
	font-size: 12px; 
	text-align: center;
}

div.contenidor_mostres h3 {
	font: bold 15px arial;
	border: 0px solid #000000;
	border-bottom-width: 1px;
	margin: 1em 10px 1em 10px;
	padding-left: 1.5em;
	text-align: left;
}

div.contenidor_mostres a:link {
	color: #3F3F3F;
}

div.contenidor_mostres a:visited {
	color: #7F6767;
}

div.contenidor_mostres a:hover {
	color: #000000;
}

div.marc_mostra {
	text-align: center; 
	margin: 10px;
	color: #cccccc;
	font: 10px verdana;
	display: inline-block;	
}

div.marc_mostra img {
	border: none;
	padding: 0px;
	margin: 0px;
}

div.marc_mostra div.caption {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 174px;
	height: 131px;
	overflow: hidden;
	box-shadow: -2px 2px 5px #bfbfbf;
	-webkit-box-shadow: -2px 2px 5px #bfbfbf;
	-moz-box-shadow: -2px 2px 5px #bfbfbf;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#bfbfbf, offX=-2, offY=2, positive=true);
	-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#bfbfbf, offX=-2, offY=2, positive=true)";
}

div.marc_mostra div.caption p {
	position: absolute;
	margin: 0; padding: 0;
	font-size: .9em;
	
	bottom: 0;
	left: 0;
	background:black;
	color: white;
	opacity: .7;
	
	width: 100%;
}

div.marc_mostra div.caption p a:link,
div.marc_mostra div.caption p a:visited {
	color: #ffffff;
}

div.marc_mostra div.caption p a:hover {
	color: #FFE900;
}

div.marc_mostra div.caption img {
	margin: 0; 
	padding: 0;
}

div.marc_mostra p {
	display: none;
}

div.marc_mostra p span {
	display: block;
	margin: 5px 0px 5px 0px;
	width: 100%;
}

div.marc_mostra p+p {
	display: block;
}

.cajaBanner, .caixaNoBanner {
	border: 1px solid #cccccc;
	/*border:1px solid #C5C5C5;*/
	/*margin:20px auto;*/
	overflow:hidden;
	position:relative;
	width:172px;
	height: 129px;
}

div.bannerslide {
	
}


/******************************************** Fi mostres ***********************************************/
/*******************************************************************************************************/


/*********************************************** Índex *************************************************/

div#banners_serveis { margin: 10px 5px 10px 5px; text-align: center }
div.banner_servei { width: 33%; display: inline-block }
div.banner_servei h3 { font-family: arial; font-size: 14px }
div.banner_servei div.dins { 
	margin: 0px 5px 0px 5px; 
	padding: 7px;
	background-color: #ffffff; 
	border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
}

/********************************************** Fi índex ***********************************************/
/*******************************************************************************************************/



/******************************************* Diversos, comuns ******************************************/

.left { float: left !important }
.right { float: right !important }
.clr,
.neteja {
	clear: both !important;	
	/*
	height: 0px !important;
	line-height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	*/
}

/******************************************** Fi diversos, comuns***************************************/
/*******************************************************************************************************/

/********************************************* Peu de pàgina *******************************************/

div#footer { 
	width: auto; 
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 12px 12px 0px 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	color: #ffffff;
	padding: 7px;
}