/* ESTILS PER MOZILLA/FIREFOX */

/* --------------------------- ESTILS GENERALS ----------------------------- */
body {
	font-family: Verdana, Arial, sans;
	font-size: 7pt;
	margin: 0px;
	background-color: #FFF;
  	color: #444;
}

a {
	text-decoration: underline;
	color: #444;
}

img {
	border: 0px;
}

form {
	margin: 0;
}

/* -------------------------- FI ESTILS GENERALS --------------------------- */
/* -------------------------- LAYOUT GENERAL     --------------------------- */
#screen {
	width: 1000px;
	background-color: #FFF;
	margin: 0 auto;
	text-align: left;
}
/* -------------------------- FI LAYOUT GENERAL  --------------------------- */
/* -------------------------- AREA TOP ------------------------------------- */
	
	#screen #area_top {}

  	/* BARRA SUPERIOR */
	#barra_sup {
		margin-top: 1px;
		padding: 0;
		background-color: #DADADA;
		overflow: auto;
	}

    /* MENUS */
	ul.menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul.menu_h li {
		display: inline;
		float: left;
		padding: 0;
	}
	
	ul#menu_superior, ul#menu_idiomes {
		float: right;
		border-right: 1px solid #AAA;
	}
	
	ul#menu_superior li, ul#menu_idiomes li {
		border-left: 1px solid #AAA;
		padding: 2px 0;
	}
	
	ul#menu_superior a, ul#menu_idiomes a {
		padding: 2px 6px;
		color: #444;
		text-decoration: none;
		border-left: 1px solid #FFF;
	}
	
	ul#menu_superior a:hover,
	ul#menu_superior li.sel a,
	ul#menu_idiomes a:hover,
	ul#menu_idiomes li.sel a {
		background-color: #0E985A;
		color: #FFF;
	}
    
    /* CERCADOR */
	#buscador {
		border-left: 1px solid #FFF;
		display: inline;
		float: right;
		padding: 2px 10px 0;
	}
		#buscador form {
			display:inline;
		}
	
		#buscador span {
			vertical-align: top;
		}
	
		#buscador input {
			padding: 0;
			margin: 0;
			border: none;
			font-size: 7pt;
			vertical-align: text-top;
		}
	
		.input_text {
			height: 12px;
			width: 150px;
			border-top: 1px solid #C4C4C4;
			border-left: 1px solid #C4C4C4;
		}
	
		.fl_dre_submit {
			height: 11px;
			width: 11px;
			background: transparent url(../media/image/fl_dre_submit.gif) no-repeat 0 0;
			border-top: 5px solid #123;
		}

	/* LOGO */
	#logo {		
		position: relative;
	}
      
		#logo .julia75 {
			position: absolute;
			right: 10px;
			top: 10px;
		}
		
		#logo .autocaresjulia {
			margin: 10px 0 6px 1px;
	    }
  
  	/* MENU PRINCIPAL */
	#menu {    
		margin-top: 2px;
		position: relative;
		background-color: #98979C;
		overflow: visible;
		height: 198px;
	}
  
		#menu .imatge_top {
			float: right;
			border-left: 5px solid #FFF;
		}

		ul#menu_principal {
			width: 199px;
			position: absolute;
			bottom: 0;
			left: 0;
			display: block;
		}
		
			ul#menu_principal ul {
		      	display: none;
		    }
		    
			ul#menu_principal li {
				position: relative;
			}
				ul#menu_principal li:hover ul {
					display: block;
					position: absolute;
					left: 199px;
					top: -1px; /*abans era -22px*/
					width: 140px;
					border: 1px solid #FFF;
					background-color: #E7E7E7;
				}
				ul#menu_principal li:hover ul.last {
		  			top: -35px;
				}						
				ul#menu_principal li.sel li a,
				ul#menu_principal li:hover li a {
					background: none;
					color: #444;
					font-weight: normal;
					position: relative;
					z-index: 10;
				}
				
				ul#menu_principal li li a:hover,
				ul#menu_principal li.sel li.sel a {      
					background: #0B995D url(../media/image/marca_menu.gif) no-repeat right top;
					color: #FFF;
				}    
		    ul#menu_principal li:hover a, ul#menu_principal li.sel a {      
		      	background: #0B995D url(../media/image/marca_menu.gif) no-repeat right top;
		    }

			ul#menu_principal a {
				display: block;
				width: auto;
				padding: 2px 0 2px 24px;
				border-top: 1px solid #FFF;
				color: #FFF;
				text-decoration: none;
				text-transform: uppercase;
			}    

    
	/* RUTA */
	#ruta {
		margin-top: 2px;
		padding: 2px 0 1px 205px;
		background-color: #DADADA;
		font-size: 7pt;
		color:#000;
	}
	
	#ruta a {
		color: #000;
		text-decoration: none;
	}
	
	#ruta a:hover {
		text-decoration: underline;
  	}  

/* -------------------------- FI AREA TOP ---------------------------------- */

/* -------------------------- AREA CEN ------------------------------------- */
	div#screen div#area_cen {
		padding-top: 7px;
	}
	/* LAYOUT */
		#center_left {
			width:199px;
			float:left;	
		}
		#center_main {
			width:659px;
			float:left;
	    	font-size: 8pt;		
		}		
		#center_right {
			width:142px;
			float:left;		
		}
			
		#center_left h1, #center_right h1 {
			margin: 0;
			padding: 4px 22px 2px;
			border-bottom: 1px solid #777;
			border-right: 1px solid #777;
			background-color: #98979C;
			color: #FFF;
			font-size: 10pt;
			min-height:28px;
		}
		#center_left h1 a,#center_right h1 a {
			color:#FFF;
			text-decoration:none;
		}
		#center_left .destacat h1 {
			background-color: #0B995D;
			color:#FFF;
		}
		.center_content{
			margin-left:20px;
		}	
	/* /LAYOUT */
	/* GENERAL */
		a.boto {
			background-color:#98979C;
			border-bottom:1px solid #777777;
			border-right:1px solid #777777;
			color:#FFFFFF;
			cursor:pointer;
			display:block;
			float:right;
			margin:8px 4px 0pt 0pt;
			text-align:center;
			text-decoration:none;
			padding:1px 3px 2px;
			/*width:53px;*/
		}
		.destacat .boto {
			background-color:#0B995D;
		}
		#center_right .botons a.boto ,#center_left .botons a.boto {
			margin-top: 4px;
		}
		
		input.boto {
			color: #FFF;
			background-color: #98979C;
			text-align: center;
			text-decoration: none;
			font-size:8pt;
			border:0;
			padding:2px 8px;
		}	  
		.input_form{
			font-size:8pt;
		}	
	/* / GENERAL */	
	/* BLOCKS LATERALS */
  	.block {
		padding: 12px 8px 6px 8px;
		margin-top: 1px;
		border-right: 1px solid #B4B4B4;
		background-color: #DADADA;
		display: block;
		overflow: auto;
  	}
	  .destacat .block {
		background-color: #d0ece0;
	}
		#center_left .block {
			height: 1%;
		}
	  	.block_lateral img {
	  		margin:3px 3px 0 0;
	  		float:right;
	  		margin-top:3px;
	  		margin-right:3px;	  		
	  	}	  	
		.block img {
			float: left;
			border: none;
			
		}
		
		.block .text {
			margin-left: 56px;
		}
		
		.block .text.noimg {
			margin-left: 0px;
		}
		  
		.block .text .titol a {
			font-weight: bold;
			text-decoration: none;
		}
		.block .desc  {
			margin: 0px 3px 0 0;
		}
		.block .desc p {
			margin: 0;
		}
		
		.block .desc .preu {
			font-weight: bold;
		}
	  
		.tanca_block {
			border-top: 1px solid #B4B4B4;
			border-bottom: 3px solid #FFF;
			clear: both;
		}
	/* FI BLOCS LATERALS */
		
	/* CONTINGUT CENTRAL */
		#center_main .content{
			margin-left:5px;
			margin-right:5px;
		}
		
		#center_main .content h1 {
			padding:4px 0 3px 11px;
			margin:0;
			margin-bottom:20px;
			color:#FFF;
			background-color:#0B995D;
			font-size:10pt;
			text-transform:uppercase;
			font-weight:normal;
		}
		#center_main .content h2 {
			padding:4px 0 3px 11px;
			margin:0;
			margin-bottom:10px;
			color:#0B995D;
			border-bottom:1px solid #0B995D;
			font-size:10pt;			
			font-weight:bold;
		}
		
		#center_main .content h3 {
			padding:4px 0 3px 11px;
			margin:0;
			margin-bottom:10px;
			color:#0B995D;
			font-size:10pt;			
		}
		#center_main .content h4 {
			padding:4px 0 3px 11px;
			margin:0;
			margin-bottom:10px;			
		}
		#center_main .content h4.info {
			border:1px solid #0B995D;
			padding:10px;
		}
		#center_main .content p {
			padding: 5px 11px 0;
			text-align:justify;
		}
		#center_main .content img {
		
		}	
		#center_main .text {
			margin: 0 3em 22px;
		}
		
		#center_main .text h1 {
			margin: 0;
			color: #10965b;
			font-size: 30pt;
			font-weight: normal;
		}
		
		#center_main p {
			margin: 0 0 5px 0;
		}
	/* CONTINGUT CENTRAL */
	/* HOME BOXES */		
		
		#center_main .homeboxes{
			
		}
		
		#center_main .homebox {
			float: left;
			width: 207px;
			margin: 0 0 16px 9px;
		}	
			
		#center_main .homebox a.nom {			
			height:25px;
			display: block;
			margin-bottom: 9px;
			padding: 4px 8px;  
			background: #0B995D url(../media/image/mes_desti-trans.png) no-repeat 0 0;
			color: #FFF;
			text-decoration: none;
			font-weight: bold;
			font-size: 9px;
			vertical-align:text-bottom;
			 
		}
		#center_main .homebox.destacat p{
			margin:10px;	
		}
		#center_main .homebox.semidestacat {
			width:auto;
		}
		#center_main .homebox h3{						
			display: block;
			margin-bottom: 9px;
			margin-top: 0px;
			padding: 4px 8px;  
			background-color: #0B995D;
			color: #FFF;
			text-decoration: none;
			font-weight: bold;
			font-size: 12px;
			vertical-align:text-bottom;			
			text-transform:uppercase; 
		}	
		
		#center_main .homebox img {	 
			display: block;
		}
		#center_main .homebox.semidestacat img {	 
			display: block;
			margin: 15px 20px 15px;
		}			
		#center_main .homebox.destacat {
			float: left;
			width: 639px;
			color:#FFF;
			background-color:#0B995D;		
		}
		#center_main .homebox.semidestacat {
			float: left;			
			margin:10px;
			color:#FFF;
			background-color:#0B995D;		
		}			
		#center_main .homebox.semidestacat h3{
			margin:5px;
		}
			#center_main .homebox.semidestacat a{
				color:#FFF;
				text-decoration:none;	
			}
		#center_main .homebox.destacat h3{
			float:left;
			width: 190px;
			color:#FFF;
			background-color:#0B995D;
			font-size:26px;
			font-weight:bold;
			text-transform:uppercase;
			margin:10px;		
		}		
		#center_main .homebox.destacat ul {
			margin:10px 10px 10px 250px;		
			padding-left:0px;
		}	
		
	/* /HOME BOXES */
	/* CONTACT BOXES */		
		
		#center_main .contactboxes{
			
		}
		
		#center_main .contactbox {
			float: left;
			width: 210px;
			margin: 0 0 16px 5px;
		}
		
		#center_main .contactbox a.nom {			
			display: block;
			margin-bottom: 9px;
			padding: 4px 8px;  
			border:1px solid #0B995D;
			color: #0B995D;
			text-decoration: none;
			font-weight: bold;
			font-size: 9px;
			 
		}
		
		#center_main .contactbox img {	 
			display: block;
		}	
	/* /CONTACT BOXES */	
	
	/* CONTINGUT LATERAL */
		#center_right h1 {
      		font-size: 7.5pt;
  	  		padding: 5px 8px;
	  	}
	  
 	  
		#center_right .llistat {
			padding: 6px 0 6px 10px;
		}
		
		#center_right .llistat .text {
			margin: 0;
		}
		
		#center_right .llistat .text .desc img {
			display: block;
			margin-top: 5px;
			float: none;
		}
		/* FORMULARI - CALENDARI */
		#center_right select,#center_left select {
			border-top: 1px solid #BBB;
			border-right: none;
			border-bottom: none;
			border-left: 1px solid #BBB;
			margin-top: 5px;
			font-size: 7pt;  	  
		}
		
		#center_right select.sel_list {
			display: block;
			width: 128px;
		}
		#center_left select.sel_list {
			display: block;
			width: 180px;
		}  	
		
		#center_right select.sel_dia,	#center_left select.sel_dia {
			width: 37px;
		}
		
		#center_right select.sel_mes,#center_left select.sel_mes {
			width: 67px;
		}
		
		#center_left select.sel_dia {
			width: 57px;
		}
		
		#center_left select.sel_mes {
			width: 87px;
		}
			
		#center_right img.cal ,#center_left img.cal{
			float: right;
			margin-top: 5px;
			margin-right: 4px;
		}
		/* / FORMULARI - CALENDARI */
	/* / CONTINGUT LATERAL */

	/* CONTACTE */
		.contacte {
			clear:both;
		}
		.contacte p{
			padding:5px 11px 0;
			text-align:justify;
		}
		.contacte h4{
			background-color:#DADADA; 
			margin-bottom: 10px;
			padding:5px 3px 3px 10px; 
			margin-top: 3px;
			margin-bottom: 3px;
			font-weight:bold;
		}
		.contacte label{
			font-size:8pt;
			margin-bottom:3px;
		}
		.contacte input.field {
			width:360px;
			font-size:8pt;
		}
		.contacte select.field {
			width:360px;
			font-size:8pt;
		}	
		.contacte textarea.field {
			width:450px;
			font-size:8pt;
		}	
	/* /CONTACTE */
	/* LINKS INTERES */
		ul.links_list{
			margin-top:10px;
			padding-left:10px;
		}
		.links_item {
			margin:10px;
		}
		.links_item .links_item_title {
			color:#10955e; 
			font-size:11px; 
			text-decoration: underline;
		}
			.links_item a.links_item_url{
				text-decoration:none;
				color:#999999;
			}
			.links_item a.links_item_url:hover{
				text-decoration:underline;
			}
		.links_list_title{
			 background-color:#DADADA; 
			 margin-bottom: 10px;
			 padding:3px 5px 3px 10px; 
			 margin-top: 3px;
			 font-weight:bold;
			 
		}
	/* /LINKS INTERES */
	
	/* MAPA WEB */
		.sitemap a{
			text-decoration:none;
		}
		.sitemap ul {
			margin-left:55px;
			padding:0px;
			/**/
		}
		.sitemap ul.standard {
			list-style-type:none;
			background-color:#E4E5E7;		
			width: 496px;
			
			
		}
		.sitemap ul.standard li.titol {
			font-weight:bold;
			text-transform: uppercase;		
		}	
		.sitemap ul.standard li.first {
			border-top:2px solid #FFF;		
		}	
		.sitemap ul.standard li{
			padding:5px 10px 3px;
		}

	
	/* ok */	
		.sitemap ul.horitzontal {
			text-transform:uppercase;
			margin-bottom:20px;
		}
	
		.sitemap ul.horitzontal li{
			border-left:1px solid #0B995D;
			padding-left:10px;
			padding-right:10px;
		}
		.sitemap ul.horitzontal li.last{
			border-right:1px solid #0B995D;		
		}
			
	/* /FI MAPA WEB */
	/* RESULTATS CERCADOR */
		.srch_title{
			color:#10955e; 
			font-size:11px; 
			text-decoration: underline;
		}
		.srch_pcent{
			color:#999999; 
			font-size: 10px;
		}
		.srch_body {
			color:#444; 
			font-size: 9px
		}
		.srch_url  {color:#10955e; font-size: 10px}
		.srch_result{ margin-bottom: 10px;padding-left:11px;}
		.srch_topbar {text-align: right; font-size:10px; background-color:#DADADA; margin-bottom: 10px;padding:3px 5px 3px 0; margin-top: 3px;}
		.srch_paging {text-align: right; font-size:10px; background-color:#DADADA; margin-bottom: 10px;padding:3px 5px 3px 0; margin-top: 3px;}
		.srch_paging a {text-decoration: underline;}
		.srch_form{
			padding:10px 0; 
			border-bottom: 1px solid #0B995D;
		}
		.srch_form_txt {
				padding-left:11px;
		}
		.srch_paginat{
			border-bottom: 1px solid #0B995D;
		}
		.srch_results_title {
			float:left;
			padding:0px 0px 3px 11px;
			font-size:8pt;
			font-weight:bold;
		}
		.srch_paging_span{
			float:left;
			padding:0px 0px 3px 11px;
			font-size:8pt;
			font-weight:bold;
		}	
	/* /RESULTATS CERCADOR */

/* -------------------------- FI AREA CEN ---------------------------------- */

/* -------------------------- AREA PEU ------------------------------------- */
div#screen div#area_peu {
	clear: both;
	padding: 2em 0;
	text-align: center;
}
div#area_peu p{
	display:inline;
}
div#area_peu div#text_peu{
    margin-top: 1px;
    background-color: #DADADA;
    overflow: auto;	
	padding:3px;	
}
	ul#menu_inferior {
		background:#e4e5e7;
		float:right;
		display:inline;
	}
	
	ul#menu_inferior li {
		border-left: 1px solid #FFF;
		padding: 2px 0;
	}
	
	ul#menu_inferior a {
		padding: 2px 6px;
		color: #444;
		text-decoration: none;
		border-left: 1px solid #FFF;
	}
	
	ul#menu_inferior a:hover,
	ul#menu_inferior li.sel a {
		background-color: #0B995D;
		color: #FFF;
	}
/* -------------------------- FI AREA PEU ---------------------------------- */

/* PAGINAT */

.paginat a{
	text-decoration:none;
}
.paginat a.sel,.paginat a:hover{
	text-decoration:underline;
}

/* ------------------ FORMULARIS ----------------------------------------------*/
/* formulari de colaboradors */

.web_form {
	padding: 5px 11px 0;
}
  .web_form h5 {
	padding:2px 15px 3px;
	background:#e4e5e7;
	font-weight:bold;
	font-size:12px;
	clear:both;
  }
	.web_form .bloc {
		float:left;
		width:230px;		
		padding:0 0 1.5em;		
	}
	.web_form .bloc input{
		width:200px;	
	}
	.web_form .bloc_llarg {
		float:left;
		width:460px;		
		padding:0 0 1.5em;		
	}  
		.web_form .bloc_llarg input,.web_form .bloc_llarg textarea{
			width:450px;	
		}	
	.web_form .bloc.long {		
		width:350px;					
	}
		.web_form .bloc.long input{
			width:330px;
		}
	.web_form .bloc.short {		
		width:200px;					
	} 	  	    	 	
	.web_form .bloc.short input {
		width:190px;
	}
	.web_form label {		
		font-weight:bold;
	}
	.web_form label.oneline {		
		float:left;
		width:120px;
	} 
	
		.print .content h3 {
			padding:4px 0 3px 11px;
			margin:0;
			margin-bottom:20px;
			color:#FFF;
			background-color:#0B995D;
			font-size:10pt;
			text-transform:uppercase;
			font-weight:normal;
		}