/* $Id: style.css,v 1.38.2.1 2008/02/05 09:27:26 goba Exp $ */

/**
 * Garland, for Drupal 6.x
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

/**
 * Generic elements
 */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0em;
	margin: 0em;
	padding: 0em;
	font-size: 100%;
	vertical-align: baseline;
}

body {

	font-size: 0.8em;
	font-family:"Trebuchet MS", Arial, Helvetica, Sans-Serif;
	background-color:#FFFFFF;
	color: #000000;
	line-height: 1.6em;
	      background-image:url('themes/garland/images/header-new.jpg');
  background-repeat:repeat-x;
  background-position:top;

}

a img{border:0px}

.clear {
	clear: both;
}

#controls a, #controls a:hover, #controlsp a:visited, #search label, .yourStep {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	background-image: url(#);
}
	
#controls a:active, #controls a:focus {
	position:static;
	width:auto;
	height:auto;
	background-color:#000000;
	color:#FFFF00;
	padding:.5em;
	display:block;
}

a{
	text-decoration:none;
	color: #000000;

}

a:hover{
	text-decoration:underline;

}

#header{

	height:124px;
	width:800px;
	margin: 0px auto;
	position:relative;
	background-image:url('themes/garland/images/imag-header.jpg');
	background-position:right top;
	background-repeat:no-repeat;
}

#idiomes {
	
	float:right;
	padding-top: 0.2em;
	font-size: 1em;
}

/*****************Menú idioma**************/

#menuh {
	
}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0px;
	padding: 0px;
}

#menuh li {
	float: left;
}

#menuh li a {
	text-decoration: none;
	color:#D20067;	
	display:block;
	padding-right: 1em;
}


#menuh li a#primero {
	background-image:url('themes/garland/images/icono_mapaweb.jpg');
	background-position: left;
	padding-left: 2.2em;
	background-repeat:no-repeat;
}

#menuh li a:hover{
	text-decoration:underline;
}

/********************************************************/

#logo {
	
	padding-left: 0em;
	padding-top: 1.35em;
	float: left;
	width:225px;
	height:25px;
	margin-top:-6px;
	
}

#menu {

	height:3em;
	margin: 0 auto;
	margin-top:3px;
	width:800px;

}

/****************** MENU HORITZONTAL *************************/

.horizontalcssmenu ul{
List-style-type: none;
margin-left: 1em;
}

/*Top level list items*/
.horizontalcssmenu ul li{
display: inline;
float: left;



}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
margin-top:2px;
height: 1.3em;
float:left;
width: auto; 
text-decoration: none;
font-size: 1.4em;
font-weight:bold;
padding-top: 0.4em;
padding-left: 1.1em;
padding-right: 1.4em;
color:#FFFFFF;
border-left:1px #ffffff solid;
}

.horizontalcssmenu ul li a.last{
	
	border-right:1px #ffffff solid;
}

.horizontalcssmenu ul li a:hover, .horizontalcssmenu ul li a.active, .horizontalcssmenu ul li a.primero, .horizontalcssmenu ul li a#primero{
	color:#000000;
	
}


/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }



/***************************************************************/



#wrapper {
margin:0 auto;
}

#wrapper #container {
  margin: 0 auto;
  padding: 0 20px;
  width: 806px;
  height:auto;
  overflow:hidden;


}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
  
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
  float: left;
  width: 555px;
  margin-top: 1em;
  min-height:480px;
  margin-bottom: 3em;
  _margin-left:20px !important;

}

#wrapper #container #center p{
  margin-top: 0.6em;
  font-size: 12px;
  text-align:justify;
  width:543px;
}

#wrapper #container #center h2{
  margin-top: 0.4em;
  font-size: 12px;
  font-weight:bold;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#0448a3;
  margin-right: 1em;

}


#wrapper #container #center .centleft{
  float: left;
  width: 35%;
}

#wrapper #container #center .centright{
  float: left;
  width: 62%;
  margin-left:10px;
  *float:right;
}

#wrapper #container #center .centright p{
  margin-bottom: 0.6em;
  margin-top:0;
  font-size: 12px;
  text-align:justify;
  width:auto;

}



#wrapper #container .comites{
  font-size: 12px;
  width:530px;
  display:block;
  border-width:1px;
  border-style:solid;
  border-color:#0448a3;
  padding-left:1em;
  margin-bottom: 0.4em;
}

#wrapper #container .comites p{

margin-top:0.4em;
}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
  margin-left: -240px;
}
body.sidebar-right #center {
  margin-right: -240px;
}
body.sidebars #center {
  margin: 0 -240px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 240px;
}
body.sidebar-right #squeeze {
  margin-right: 240px;
}
body.sidebars #squeeze {
  margin: 0 240px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
  margin: 1em 0 5em;
  width: 240px;
  float: left;
  z-index: 2;
  position: relative;
  height:auto;

}


#wrapper #container .sidebar .block {
  margin: 0 0 1em 0;
}

#sidebar-left .block {
  padding: 0 0 0 0px;
}

#sidebar-right .block {
  padding: 0 0px 0 13m;
}

.block .content {
  margin: 0.5em 0;
}

#sidebar-left .block-region {
  margin: 0 15px 0 0px; /* LTR */
}

#sidebar-right .block-region {
  margin: 0 0px 0 15px; /* LTR */
}

.block-region {
  padding: 1em;
  background: transparent;
  text-align: center;
  font-size: 1.3em;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
  position: relative;
}

#wrapper #container #center .right-corner {
  position: relative;
  left: 10px;
}

#wrapper #container #center .right-corner .left-corner {
  /*padding: 25px 20px 20px 30px;*/
  padding-top:2em;
  padding-right: 2em;
  /*margin-left: -10px;
  position: relative;
  left: -10px;*/
  min-height: 200px;
  text-align:justify;
 }


/***Footer*****/


#wrapper #footer {
  clear: both;
  text-align: center;
  margin:2em auto;
  height: 70px;
  width:100%;
  background-color:#00579c;
}

#wrapper #footer .content{
  height: 70px;
  margin:0 auto;
  width:800px;
  background-color:#00579c;

}


#wrapper #footer .content a{
  color:#FFFFFF;
  text-decoration:none;
  font-size:0.8em;
}

#wrapper #footer .content a:hover{
  color:#FFFFFF;
  text-decoration:underline;
}




#wrapper #footer .content .esqf{
float:left;
margin-top: 0.5em;
}


#wrapper #footer .content .esqf a{

color:#FFFFFF;
padding-left: 1em;
font-size:12px;

}

#wrapper #footer .content .esqf a:hover{

	text-decoration:underline;	
}

#wrapper #footer .content .dretf{
float:right;
margin-top: 0.5em;
padding-right:1em;
}


#wrapper #footer .content .dretf a{

color:#FFFFFF;
padding-right: 1em;
font-size:12px;

}

#wrapper #footer .content .dretf a:hover{

	text-decoration:underline;
}

#wrapper #footer .content .centf{
float:left;
padding-left:20em;
font-size:12px;
margin-top: 1em;
*margin-top:0.8em;
}

#wrapper #footer .content .centf p{
color:#D4D5D6;
}

#wrapper #footer .content .centf p a{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

#wrapper #footer .content .centf p a:hover{

text-decoration:underline;
}

/*** Miguetes de pa ***/

#wrapper #container .breadcrumb {
  margin:0; /* LTR */
  z-index: 3;
  width:auto;
  margin-left:0.5em;
  margin-top:10px;
  margin-bottom:10px;
   padding-left: 1em;
   color: #0448a3;
  }
  
#wrapper #container .breadcrumb a{
 color: #000000;
}


/*** Upcoming events******/

#block-event-1 h2{

	height:0px;
	font-size:0px;

}

#block-event-1 a{

  color:#000000;
  font-size:1.2em;
  font-weight:bold;
}

#block-event-1 .ical-link{

  height:0px;
	font-size:0px;
}

#block-event-1 .more-link{

/*  height:0px;
	font-size:0px;*/
}

/****** Miguetes*****/

.breadcrumb {
  font-size: 0.92em;
}

.breadcrumb a {
  color: #00579B;
  text-decoration:none;
}

.breadcrumb a:hover {
  text-decoration:underline;
}


/**
 * Primary navigation
 */
ul.primary-links {
  margin: 0;
  padding: 0;
  float: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.primary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  margin: 0 1em;
  padding: .75em 0 0;
  color: #fff;
  
}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #fff;
  
}

/**
 * Secondary navigation
 */
ul.secondary-links {
  margin: 0;
  padding: 18px 0 0;
  float: right; /* LTR */
  clear: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.secondary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #cde3f1;
  background: transparent;
}

ul.secondary-links li a:hover, ul.secondary-links li a.active {
  color: #cde3f1;
  background: transparent;
}




/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}

#tabs-wrapper {
  margin: 0 -26px 1em;
  padding: 0 26px;
  position: relative;
}
ul.primary {
  padding: 0.5em 0 10px;
  float: left; /* LTR */
}
ul.secondary {
  clear: both;
  text-align: left; /* LTR */
  margin: -0.2em -26px 1em;
  padding: 0 26px 0.6em;
}
h2.with-tabs {
  float: left; /* LTR */
  margin: 0 2em 0 0; /* LTR */
  padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  border: 0;
  background: transparent;
  padding: 4px 1em;
  margin: 0px; /* LTR */
  height: auto;
  text-decoration: none;
  position: relative;
  top: -1px;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  
  color: #fff;
}
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}

/**
 * Nodes & comments
 */
.node {
	padding-bottom: 0.4em;
	margin-bottom: 1.3em;
	
  border-bottom-style:solid;
border-bottom-color: #D20067;
border-bottom-width: 1px;

}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; /* LTR */
  padding-right: 1em; /* LTR */
  background-image: none;
}

.node .links, .comment .links {
  text-align: left; /* LTR */
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture, .comment .submitted {
  float: right; /* LTR */
  clear: right; /* LTR */
  padding-left: 1em; /* LTR */
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right; /* LTR */
}

.terms {
  float: right; /* LTR */
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -25px 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;

}

.comment {
  margin: 0 -25px;
  padding: 1.5em 25px 1.5em;
  border-top: 1px solid #e9eff3;
}

.indented {
  margin-left: 25px; /* LTR */
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}




/*************************/
/****** INTERIORS *******/
/***********************/

#contingut{
	overflow:hidden;
	margin-bottom:3em;
}

/**Esquerra**/

#cleft{ 
    margin: 0px auto;
    padding-top: 10px;
    padding-left: 10px;
	float:left;
	width:220px;
	background-image:url('themes/garland/images/colesquerra.jpg');
	background-position: top;

	background-repeat:no-repeat;
	margin-left: 0.4em;
	height:auto;
	min-height:450px;
	*height:450px;

}

#menuvertical {
	padding-bottom: 30px;
	height:auto;

}

#menuvertical ul, li {
	list-style-type: none;
	
	
}

#menuvertical ul {
	margin: 0px;
	padding: 0px;
}

#menuvertical li {
	float: left;

}

#menuvertical ul li a {
	text-decoration: none;
	color:#000000;	
	font-size: 12px;
	display:block;
	width:200px;
}


#menuvertical li a#seleccionat {

	color:#003479;
}

#menuvertical li a#sublink {
	padding-left:1em;
	font-size:11px;
	padding-right:4em;
	width:58px;
}

#menuvertical li a#sublinkseleccionat {
	padding-left:1em;
	font-size:11px;
	padding-right:4em;
	width:58px;
	color:#003479;
}


#menuvertical li a:hover{
	text-decoration:underline;
}


/***** Central *****/

#center h1 {

color: #003479;
font-size:1.5em;
font-weight:bold;
margin-bottom: 0.4em;	
}

#centerunica h1 {

color: #003479;
font-size:1.5em;
font-weight:bold;
margin-bottom: 0.4em;	
}

#centerunica .confirmacio {

color: #D6D700;
font-weight:bold;
margin-bottom: 0.4em;
border: 1px #D6D700 solid;	
padding-left:1em;
padding-right:1em;
}

#centerunica .confirmacio a{
	color: #003479;
}


/******* Columna única *******/

#wrapper #container #centerunica {
  float: left;
  width: 790px;
  margin-top: 1em;
  margin-bottom: 3em;
  margin-left: 0.6em;
  min-height: 480px;
}

#wrapper #container #centerunica p{
  margin-top: 0.6em;
  font-size: 12px;
  text-align:justify;
}


.paragraf p{

	padding-bottom: 2px;
	padding-left: 30px;
	text-align:justify;

}

/********** Pàgina inicial GREMIS ********/

#blockgremi {
	
	width:267px;
	height:152px;
	background-image:url('themes/garland/images/gremis/fonsass.jpg');
	background-repeat:no-repeat;
	float:left;
	margin-right:8px;
	margin-top: 8px;
}

#blockgremi .log{
	
	width:90px;
	float:left;
	margin-top: 25px;
	margin-left:14px;
	*margin:left:5px;
}

#blockgremi .des{
	
	width:140px;
	float:right;
	margin-top: 45px;
	*width:125px;

}

#blockgremi a{
	font-size:18px;
	font-weight:bold;
}

#blockgremi .logmig{
	
	margin-top: 10px;
	margin-left:52px;
}

#blockgremi .desmig{
	
	text-align:center;
	margin-top: 15px;
	width:250px;
	margin-left:8px;
}

/********** Associacions ********/

#wrapper #container #center #associacions{
		
	width: 540px;
}

#wrapper #container #center #associacions #caplogo{

	width: auto;
	height:auto;
	float:left;
	margin-right:1em;
	margin-bottom:0.5em;
	
}

#wrapper #container #center #associacions #descripcio{
	float:left;
	margin-bottom:0.5em;
	width: 460px;
}

#wrapper #container #center #associacions #descripcio h1{
	margin-bottom:0;
	height:0px;
}

#wrapper #container #center #associacions #descripcio p{
	margin-top:0.15em;
	float:left;
}

#wrapper #container #center #associacions #descripcio h3{
	font-size:14px;
	font-weight:bold;
	height:0px;	
	margin-bottom:1em;
}

#wrapper #container #center #associacions #descripcio .doblep{
	width:48%;
	float:left;
	font-size:12px;
}

#wrapper #container #center #associacions #descripcio .doblep2{
	width:48%;
	float:right;
	font-size:12px;
}

#wrapper #container #center #associacions #descripcio .doblep2 a{

	float:right;
	font-size:12px;
}


#wrapper #container #center h2{
	float:left;
	font-size:14px;
	margin-top:1.5em;
	width:39em;
	border-color:#e3e3e3;
	margin-bottom:1em;
}


/******* Descripció Gremi interior ***********/

#blockinteriorgremi {
	
	width:540px;
	height:60px;
	float:left;
	margin-bottom:1em;
}

#blockinteriorgremisenselogo {
	
	width:520px;
	height:60px;
	float:left;
	margin-bottom:1em;
	margin-left:10px;
}


#blockinteriorgremi .log{
	
	width:60px;
	float:left;
	margin-top: 4px;
	margin-left:4px;
}

#dgre{
	
	width:450px;
	float:right;
	margin-top: 2px;

}

.particio{
	margin-top:15px;
	font-size:12px;
	width:220px;
	float:left;
	margin-left:2px;

}

#dgre .particioesp{
	font-size:12px;
	width:230px;
	float:left;

}


h3{
	font-size:14px;
	font-weight:bold;
	padding-left:3px;
}


/****** Amb fons gris **********/

#blockgrisgremi {
	
	width:540px;
	height:60px;
	background-image:url('themes/garland/images/fonsgremis.jpg');
	background-repeat:no-repeat;
	float:left;
	margin-bottom:1em;
}

#blockgrisgremisenselogo {
	
	width:540px;
	height:60px;
	background-image:url('themes/garland/images/fonsgremis.jpg');
	background-repeat:no-repeat;
	float:left;
	margin-bottom:1em;
	padding-left:10px;
}

#blockgrisgremi .log{
	
	width:60px;
	float:left;
	margin-top: 4px;
	margin-left:4px;
}

/***Sense web ni president***/

#blocksenseres {
	
	width:540px;
	height:22px;
	float:left;
	margin-bottom:1em;
}

#blocksenseres2 {
	
	width:540px;
	height:22px;
	float:left;
	margin-bottom:1em;
	padding-left:10px;
}


#blocksenseres .log{
	
	width:70px;
	float:left;
	margin-top: 2px;
	margin-left:2px;
}

#blocksenseresgris {
	
	width:540px;
	height:22px;
	float:left;
	margin-bottom:1em;
	background-image:url('themes/garland/images/fonsgremismini.jpg');
	background-repeat:no-repeat;

}

#blocksenseresgris .log{
	
	width:70px;
	float:left;
	margin-top: 2px;
	margin-left:2px;
}

h6{
	font-size:12px;
	padding-left:3px;
	font-weight:normal;
}


/********** Pàgina inicial SERVEIS ********/

#blockserveis {
	
	width:267px;
	height:152px;
	float:left;
	margin-right:8px;
	margin-top: 8px;
}




/******** CONTACTA ********/

#meitatesq{
	
	width: 395px;
	float:left;
}

#meitatdreta{
	width: 395px;
	float:left;

}

#meitatdreta #formulari{
	
	background-image:url('themes/garland/images/contacta/fonscontactagris.jpg');
	background-repeat:no-repeat;
	height:360px;
	padding-left:1em;
	padding-top:0.1em;
	
}

#meitatdreta #formulari label
{
float: left;
margin:0 auto;
}

#meitatdreta #formulari .submit input
{
} 

#meitatdreta #formulari input
{
	color: #000000;
	background-image:url('themes/garland/images/contacta/fonsimputtext.jpg');
	background-repeat:no-repeat;
	background-color:#e3e3e3;
	margin: 0 6px 0 0;
	padding-left:5px;
	border: 1px solid #e3e3e3;
	height:21px;
	width: 362px;
}

#meitatdreta #formulari select{

	border: 1px solid #e3e3e3;
	background-color:#f1f1f1;
	margin-left:0.3em;
	width:250px;

}

#meitatdreta #formulari textarea{

	background-image:url('themes/garland/images/contacta/comentaris.jpg');
	background-repeat:no-repeat;
	background-color:#e3e3e3;
	margin: 0 6px 0 0;
	padding-left:2px;
	border: 1px solid #e3e3e3;
	height:75px;
	width: 364px;
	border-bottom: 1px #e3e3e3 solid;
}

#meitatdreta #formulari .submit input
{
	color: #000000;
	background-image:url('themes/garland/images/contacta/enviar.jpg');
	background-repeat:no-repeat;
	background-color:#e3e3e3;
	border: 1px solid #e3e3e3;
	float:right;
	width: 68px;
	height:24px;
	margin-right:1em;
	margin-top:2px;
} 

#meitatdreta #formulari p{
	font-weight:bold;

}

#meitatdreta #formulari #condicions{
	width:2em;
	float:right;
	margin-right:10em;
	margin-bottom:3px;
}




/**** CONSELL EXECUTIU *******/

#individual {
	background-image:url('themes/garland/images/consell/fonsindividual.jpg');
	background-repeat:no-repeat;
	width:269px;
	height:67px;
	float:left;
	padding-left:0.25em;
	line-height:14px;
	margin-top:1em;
	margin-right:0.2em;
}

#individual h3 {
	color:#003479;	
	height:12px;
	margin-top:0.2em;
}

#individual p{
	width:260px;
	font-size:11px;
	height:5px;
}

#petit{
background-image:url('themes/garland/images/consell/indivpetit.png');
	background-repeat:no-repeat;
	width:269px;
	height:46px;
	float:left;
	padding-left:0.25em;
	line-height:14px;
	margin-top:1em;
	margin-right:0.2em;
}

#petit h3 {
	color:#003479;	
	height:12px;
	margin-top:0.2em;
}

#petit p{
	width:260px;
	font-size:11px;
	height:5px;
	margin-left:2px;
}


#quatre{
	background-image:url('themes/garland/images/consell/fonsquatre.jpg');
	background-repeat:no-repeat;
	width:545px;
	height:auto;
	float:left;
	margin-top:1em;
	
}

.intquatre {
	
	width:269px;
	height:67px;
	float:left;
	padding-left:0.25em;
	line-height:14px;
}

.intquatre h3 {
	color:#003479;	
	height:12px;
	margin-top:0.2em;
}

.intquatre p{
	width:260px;
	font-size:11px;
	height:5px;
}

#vocals{
	background-image:url('themes/garland/images/consell/fonsvocals.jpg');
	background-repeat:no-repeat;
	width:545px;
	height:auto;
	float:left;
	margin-top:1em;
	
}


/*********** ASSOCIA'T*******/

#formulariassociat{
	
	/**background-image:url('themes/garland/images/contacta/fonscontactagris.jpg');
	background-repeat:no-repeat;
	height:301px;*/
	padding: 1em;
	padding-right:0;
	margin-left:11em;
	border:1px #717171 solid;
	width: 500px;
}

.comentari{
	font-size:11px;
	color:gray;
}

#centerunica h4{
	margin-top:0.8em;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

#formulariassociat h5{
	margin:0.8em;
	font-size:14px;
	text-align:center;
	text-decoration:underline;
}

#formulariassociat p{
	margin-top:2em;
}

#formulariassociat label{

width:200px;
margin:0 auto;
float:left;
}

 


input
{
	color: #000000;
	/*background-image:url('themes/garland/images/contacta/fonsimputtext.jpg');
	background-repeat:no-repeat;*/
	margin: 0 6px 0 0;
	padding-left:5px;
	border: 1px solid #AFAFAF;
	background-color:#F1F1F1;
/*	height:21px;
	width: 362px;*/
}

.submit input
{
	margin:0 1em 0.5em 10.5em;
	color: #000000;
	border: 1px solid #e3e3e3;
	background-color:#717171;
	width: 68px;
	height:24px;
} 


#formulariassociat p{
	font-weight:bold;

}



/********* ACCES EXTRANET ********/

#esqextra{
	width:575px;
	height:auto;
	float:left;
	margin-left:2em;
}

#dretextra{
	width:240px;
	height:auto;
	float:right;
}


#cdret2{ 
    margin: 0px auto;
    padding-top: 5px;
    padding-left: 0px;
	float:left;
	width:250px;
	background-image:url('themes/garland/images/elraco/Interior_ventatges.jpg');
	background-position: top;
	background-repeat:no-repeat;
	margin-left: 0.15em;
	height:115px;


}

#cdret2 h2{
	font-size:14pt;
	margin: 0 0 0.5em 2.3em;
	font-weight:bold;
	color:#002f6d;

}

#cdret2 p{
	width:190px;
	padding-left:2.7em;
	font-size:14px;
	padding-bottom:0.4em;
	
}

#cdret2 p a{
	color:#002f6d;
	font-weight:bold;
}



/** Acces **/

#cleft3{ 
    margin: 0px auto;
    padding-top: 5px;
    padding-left: 0px;
	float:left;
	width:250px;
	background-image:url('themes/garland/images/elraco/Interior_acces.jpg');
	background-position: top;
	background-repeat:no-repeat;
	margin-left: 0.15em;
	height:250px;


}

#cleft3 h2{
	font-size:14pt;
	margin: 0 0 0.5em 2.3em;
	font-weight:bold;
	color:#002f6d;

}

#cleft3 p{
	width:220px;
	padding-left:1em;
	font-size:12px;
	padding-bottom:0.4em;
	float:left;
	
}

#cleft3 p a{
	color:#000000;
	font-weight:bold;
}

#cleft3 label
{
float: left;
margin-left:2em;
display:block;
width:200px;
}

#cleft3 .submit input
{
} 

#cleft3 input, textarea
{
	color: #000000;
	background-color: #e3e3e3;
	padding-left:2px;
	margin-right:6px;	
	border: 1px solid #afafaf;
	float:left;
	height:19px;
	width: 185px;
	margin-left:1.6em;
}

#cleft3 .submit input
{
	color: #000000;
	background-image:url('themes/garland/images/fonsenviar.jpg');
	background-repeat:no-repeat;
	background-color: #e3e3e3;
	border: 1px solid #e3e3e3;
	float:right;
	width: 72px;
	height:22px;
} 


#blockextra{
	
	width:267px;
	height:180px;
	float:left;
	margin-right:6px;
	margin-top: 3em;
	margin-left:2px;
}

#blockextra2{
	
	width:267px;
	height:180px;
	float:right;
	margin-top: 3em;
	margin-right:7px;
}


#blockextrallarg{
	
	width:542px;
	height:auto;
	float:left;
	margin-top: 8px;
}


.enviament{
			
		font-weight:bold;
		margin:1em;
}



/*** Cercador****/

#resultatscerca a{
	
	color:#0448a3;
	width:48%;
	float:left;
}

/*** MAPA WEB ***/

#mapaw{
	
	width:48%;
	float:left;
	height:auto;
}

#mapaw a{
	
	font-size:14px;
}

#mapaw .tabulats a{
	
	font-size:12px;
	color:#0448a3;
	padding-left:1em;
}



#meslogos{

float:left;
display:block;

}

#meslogos img{

margin-right:5px;
margin-bottom:10px;

}