/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background: #FFF;
	font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;
	color: #333; 
	text-align: center;
}
/* links */
a {
	background: inherit;
	text-decoration: none;
	 color: #667F99;    
	/*color: #FFFFFF;    */      
}
a:hover {
	background: inherit;
	color: #996800; 
}

/* headers */
h1, h2, h3 {
	font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
	font-weight: Bold; 		
}
h1 { font-size: 190%; }
h2 { font-size: 110%; text-transform: uppercase; }
h3 { font-size: 1.5em; color: #3F57A9; }

h1, h2, h3, p {
	margin-bottom: 10px;
	padding: 3px;		
}

.h3 {
	font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
	font-weight: Bold;
	font-size: 110%; 
	color: #007E80;
	text-align:justify;
	border-bottom:1px dotted #9999CC;
	width: 100%;
}
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}

/* images */
img {
	border: 0px solid #CCC;
}
img.float-right {
  margin: 5px 0px 5px 10px;  
}
img.float-left {
  margin: 5px 10px 5px 0px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Arial', 'Arial', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}

#code ul{
	margin: 0; padding: 0 0 0 35px;
}
#code ul li {
	float: left;
	list-style: none;		
}
#code ul li a {
	display: block;
	text-decoration: none;	
	padding: 0 10px;
	background: inherit;
	color: #FFF;
}
#code ul li a:hover {
   background: #FFF; 
	color: #333;  
}
#code ul li#current a {	
	background: #003caa; 
	color: #FFF;	
}


acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

/* blockquote */
blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
   border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;    
}

/* form elements */
form {
	margin:10px;
	padding: 0 5px;
	border: 1px solid #D7D7D7;
	background-color: #FAFAFA;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #666666;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	margin: 0;
	border: 1px solid #666666;
	padding: 2px 3px;
	color: #333333;
	font-family: Arial, Sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
}

/* search form */

.formulari { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; font-size: 12px; color: #000000; }
.formulariBLUR { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; font-size: 12px; color: #999999; }
.f_boto { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 7pt; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; }


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 833px;
	background: url(../images/bg.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#content-wrap {
	position: relative;
	width: 780px;
	margin: 0 auto;
	padding: 0;	
}
/* header */
#header {
	position: relative;
	width: 833px;
	height: 100px;
	background: #FFF url(../images/header.jpg) no-repeat center top;
	margin: 0; padding: 0;
	font-size: 14px;
	color: #FFF;
}

#idioma {
	position: absolute;
	z-index:0;
	margin: 0;
	padding: 0;
	font: bold 16px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color:#FFFFFF;
	/* change the values of top and Left to adjust the position of the idioma*/
	top: 77px;
	left:670px;
	width:auto;
}


#header h2#home {
	position: absolute;
	z-index: 9999999;
	margin: 0;
	padding: 0;
	font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFFFFF;
	top: 30px;
	left:44px;
	width: 236px;
	height: 53px;
}

.idioma { color:#FFFFFF; }

/* menu */
#menu {
	clear: both;
	width: 833px;
	height: 26px;
	background: #FFF url(../images/menubg.jpg) repeat-y;
	margin: 0;
	font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;
	text-align: center;		
}
#menu marquee{
	width: 760px;
	margin-left:35px;	
}
/*
#menu ul{
	margin: 0; padding: 0 0 0 35px;
}
#menu ul li {
	float: left;
	list-style: none;		
}
#menu ul li a {
	display: block;
	text-decoration: none;	
	padding: 0 10px;
	background: inherit;
	color: #FFF;
}
#menu ul li a:hover {
   background: #FFF; 
	color: #333;  
}
#menu ul li#current a {	
	background: #003caa; 
	color: #FFF;	
}
*/
/* Main */
#main {
	float: right;
	width: 65%;
	margin-right:20px;
	padding-left:7px;
}
#main h1 {
	color: #3F57A9; 
	border-bottom: 1px solid #CCCCCC;
	background: #F6F6F6 ;
	padding: 10px 0 10px 20px;	
	margin: 10px 0 0 0;
}

#main li {
	list-style-position: outside;
	list-style-image: url(../images/dart5.gif);
	
}
#obrasocial h2 {
	text-transform: none;
	background: #C96D25;
	color: #FFFFFF;
	padding: 3px 0 3px 20px;
	margin: 20px 0 0 0;
	font-size: 16px;
	font-weight: bold;
}
#obrasocial h3 {
	text-transform: none;
	color: #02026B;
	padding: 5px 0 5px 20px;
	margin: 0x 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

/* Migas */
#migas {
	float: right;
	width: 70%;
	padding: 10;
	margin: 10px 0 5px 0;
	color:#7C7D7E;
}
#migas a {
	color:#7C7D7E;
	font-size:11px;
}

#migas a:hover {
	color:#003366;
	font-size:11px;
	text-decoration:underline;
}


.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 10px 0 10px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(../images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(../images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(../images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebar {
	float: left;
	width: 26%;
	padding: 0; margin: 0;		
}	
#sidebar h1 {
	margin: 10px 0 0 0; 
	padding: 3px 10px; 
	font: bold 120% Tahoma, Verdana, Sans-Serif;	
	color: #FFF;	
	background: #667F99;	
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;	
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/bullet.gif) no-repeat 2px 3px ;
	padding: 2px 0 2px 25px;
	margin: 0 2px;			 
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {
	font-weight: bold;
	padding: 2px 0; 		
	background: none;
}

/* footer */
#footer {
	clear: both;
	color: #66737B;
	font: normal 90% Verdana, Tahoma, sans-serif;
	background: #FFF url(../images/footerbg.jpg) no-repeat center top;	
	width: 833px;
	height: 60px;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0 auto;	
}
#footer a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }

.1x1 {width:1; height:1}
.10x10 {width:10; height:10}
.141x1 {width:141; height:1}

.background-blanc { background-color:#FFFFFF }
.background { background-image: url(images/bg.jpg) }
.background-qinf { background-image: url(../images/qinf.gif) }
.background-qsup { background-image: url(../images/qsup.gif) }
.background-qizq{ background-image: url(../images/qizq.gif) }
.background-qder{ background-image: url(../images/qder.gif) }

/* additional classes */
.clear { clear: both; }
.gray { color: #CCC; }

fieldset{
border:none;
width:250px;
float:left;}

banners{
border:none;
width:300px;
float:center;
}

.destacatVermell{ color:#FF0000;}
.destacatGris{ color:#666666}
.destacatGris2 { color:#999999}
.destacatBlau {color:#0066FF}
.destacatPetit { font-size:xx-small }

.formulari { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; font-size: 12px; color: #000000; }
.formulariBLUR { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; font-size: 12px; color: #999999; }
.f_boto { BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 7pt; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; }

label{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; padding-right:20px; border:0; display:block; width:150px; float:left; margin-bottom:10px; line-height:25px; }
label.llarg{ width:190px;}
label.mitjana{ width:70px;}

input, select {
	display:block;
	width:150px;
	float:left;
	margin-bottom:5px;
	line-height:normal;
}
input.boto{
	width:70px;
	text-align: center;
	vertical-align: middle;
	float:none;
}
.input_hidden { width: 0px;}
input.entitat { width:2em; margin-left:1px;margin-right:1px;} 
input.oficina{ width:2em;margin-left:1px;margin-right:1px;}
input.dc{ width:1em;margin-left:1px;margin-right:1px;}
input.compte{ width:5em; margin-left:1px;margin-right:1px;}
input.mitjana{ width:8em; margin-left:1px;margin-right:1px;}
input.petita{ width:5em; margin-left:1px;margin-right:1px;}
input.centre{ width:30em; margin-left:1px;margin-right:1px;}
input.especialitat{ width:30em; margin-left:1px;margin-right:1px;}
input.hores{ width:5em; margin-left:1px;margin-right:1px;}
input.check{ width:2em; margin-left:1px;margin-right:1px;}

select.convocatoria{ width:20em; margin-left:1px;margin-right:1px;}
select.dia{ width:3em; margin-left:1px;margin-right:1px;}
select.mes{ width:3em; margin-left:1px;margin-right:1px;}
select.any{ width:4em; margin-left:1px;margin-right:1px;}
select.poblacio{ width:20em; margin-left:1px;margin-right:1px;}
select.centre{ width:30em; margin-left:1px;margin-right:1px;}
select.lloc{ width:20em; margin-left:1px;margin-right:1px;}
select.empresa{ width:30em; margin-left:1px;margin-right:1px;}
select.oficina{ width:25eM; margin-left:1px;margin-right:1px;}

.dia{ width:2em;margin-left:1px;margin-right:1px;}
.mes{ width:2em;margin-left:1px;margin-right:1px;}
.any{ width:4em;margin-left:1px;margin-right:1px;}

#formulari br{ clear:both;}

.th {color: #FFFFFF;background-color:#DB8D28;}
br{ clear:both;}

#gracies{width:342;}
ul {
	list-style-type: none;
}

#taula_dades {	text-align:center; margin:0 0 0 0;}
#taula_dades table  {	background-color: #666666;}
#taula_dades th  {	background-color: #CCCCCC;}
#taula_dades td { background-color: #ffffff;}
#zona_centrada {	text-align:center; margin:0 0 0 0;}

#taula_dades2 {	text-align:center; }
#taula_dades2 table  { width:90%; text-align:left;	font-size:10pt; }
#taula_dades2 th  {	}
#taula_dades2 td { border-spacing: 5px;  }

.taula_dades {text-align:center;}

.taula_dades table {margin:0 auto;font-size:12px}

table.renting {	border: 1px solid #667F99;}
table.renting td{border: 1px solid #667F99; text-align:left}
table.renting td.preu{ text-align:center; font-weight:bold}

table{
	background: #FFF;
	font: Verdana, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #333; 
	text-align: center;
}
#table_renting {	border: 1px solid #667F99;
					width: 527;
					height:527;
					text-align:center;}
table.mostra {
	font-size:10pt;
	border-spacing: 1px;
	background-color:#FFFFFF;
}

table.mostra thead th{
	font-weight:bold;
	color:#666666;
	text-align:center;
	background-color:#CCCCCC;
	border: 1px solid #333333;
	padding: 2px 2px 2px 2px;
}

table.mostra tbody td{
	font-weight:normal;
	color:#666666;
	text-align:left;
	background-color:#FFFFFF;
	border: 1px solid #333333;
	padding: 2px 2px;
}

table.mostra tbody td.imatge{
	text-align:center;
}

table.mostra tbody td.imatge.vertical{
	position: relative;
	top:-50%
}

#pestanias {
	FONT-SIZE: 93%;
	BACKGROUND: url(../images/bg.gif) #ffffff repeat-x 50% bottom;
	FLOAT: right;
	WIDTH: 100%;
	LINE-HEIGHT: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#pestanias UL {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 10px; 
	LIST-STYLE-TYPE: none
}
#pestanias LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 9px; 
	BACKGROUND: url(../images/left_both.gif) no-repeat left top; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #FFFFFF 1px solid
}
#pestanias A {
	PADDING-RIGHT: 15px; 
	DISPLAY: block; 
	PADDING-LEFT: 6px; 
	FONT-WEIGHT: bold; 
	BACKGROUND: url(../images/right_both.gif) no-repeat right top; 
	FLOAT: left; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 0.1em; 
	COLOR: #765; 
	PADDING-TOP: 5px; 
	TEXT-DECORATION: none
}
#pestanias > UL A {
	WIDTH: auto
}
#pestanias A {
	FLOAT: none
}
#pestanias A:hover {
	COLOR: #333
}
#alta #nav-alta {
	BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: 0px -150px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#entrada #nav-entrada {
	BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: 0px -150px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#alta #nav-alta A {
	BACKGROUND-POSITION: 100% -150px; PADDING-BOTTOM: 5px; COLOR: #333
}
#entrada #nav-entrada A {
	BACKGROUND-POSITION: 100% -150px; PADDING-BOTTOM: 5px; COLOR: #333
}
#pestanias LI:hover {
	BACKGROUND-POSITION: 0% -150px; COLOR: #333
}
#pestanias LI:hover A {
	BACKGROUND-POSITION: 0% -150px; COLOR: #333
}
#pestanias LI:hover A {
	BACKGROUND-POSITION: 100% -150px
}

.serveis_imatges{
width:140px;
height:140px;
background-color:#F0F0F0;
padding:10px;

}

.text_imatges_serveis{
height:40px;
width:140px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding-top:10px;

color:#000000;
}

.text_imatges_serveis a{
text-decoration:underline;
color:#000000;
}