@charset "utf-8";

/* RESET ---------------------------------------- */
    html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio,
	video                             { 
									    margin: 0; padding: 0; border: 0; outline: 0; 
										font-size: 100%; vertical-align: baseline; background: transparent;
                                      }									
    
	article, aside, figure, footer, 
	header, hgroup, nav, section      { display: block;}
	
    /*img, object, embed                { max-width: 100%; }*/
	object, embed                { max-width: 100%; }
    body                              { overflow-y: scroll; height:auto!important; }
    ul                                { list-style: none; }
    blockquote, q                     { 
	                                     quotes: none;  width: 85%; margin: 2.5em auto; color:#333; 
										 border:4px solid #D6D5D1; background-color:#f5f5f5; padding:40px;
									  }
    blockquote:before, 
    blockquote:after, 
    q:before, q:after                 { content: ''; content: none; }
    a                                 { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
    del                               { text-decoration: line-through; }
    abbr[title], dfn[title]           { border-bottom: 1px dotted #000; cursor: help;}
    
    /* CLEARS */
    .clear                            { clear:both;}
	
	/* IMG */
	img                               { position:relative; } 
		.align-right                  { float:right; margin: 0 0 15px 15px; }
		.align-left                   { float:left;  margin: 0 15px 15px 0; }
    
    /* TEXT ---------------------------------------- */
	
	body                              { font: 12px Arial, Helvetica, sans-serif; }
    body, select, input, textarea     { color: #333;}
    a                                 { color: #007ba5; text-decoration:none; cursor:pointer!important;}
    a:hover                           { text-decoration:underline;  }
	
	b, strong { font-weight:bold; }
	
	h1        { font-size:1.4rem; padding-bottom:10px; }
	h2        { font-size:1.2rem; }
	h3        { font-size:1.1rem; }
	h4        { font-size:1rem; }
	h5        { font-size:1rem; }
	h6        { font-size:1rem; }
	
	ol        { list-style:decimal; padding:0; margin:0; padding-left:30px; }
	ul        { list-style:none; padding:0; margin:0; }
	
	p          { text-align:left; line-height:1.5em; }
	
	p, dl, hr,
	h1, h2, h3,
	h4, h5, h6,
	ol, ul, pre,
	table, address,
	fieldset, br { margin-bottom:10px; }
    
    table                             { border-collapse:collapse; border-spacing:0; }
    
    ins                               { background-color: #FF9; color: #000; text-decoration: none;}
    mark                              { background-color: #FF9; color: #000; font-style: italic; font-weight: bold;}
	small                             { font-size:90%!important; }
	
	
									  
	
	
	@font-face {
		font-family: 'glyphicons';
		src:url('fonts/glyphicons/glyphicons.eot');
		src:url('fonts/glyphicons/glyphicons.eot@#iefix') format('embedded-opentype'),
			url('fonts/glyphicons/glyphicons.svg#glyphicons') format('svg'),
			url('fonts/glyphicons/glyphicons.woff') format('woff'),
			url('fonts/glyphicons/glyphicons.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	
	input[type=submit], input[type=button] { cursor:pointer; }
	
	
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], 
	input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], 
	input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], 
	input[type="tel"], input[type="color"] {
											 border: 1px solid #999; background-color: #f8f8f8;	 color: #555; padding: 9px;
											  outline: 0; margin: 0; line-height: 16px;
											 
											 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
											 behavior: url(PIE.htc);
											 
											 box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
											 
											 -webkit-box-sizing: border-box; -webkit-transition: all .3s ease-in-out;
											 -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
											 
											 -webkit-box-shadow: inset 0 1px 3px rgba(128,128,128,0.1);
											 -moz-box-shadow: inset 0 1px 3px rgba(128,128,128,0.1);
											 box-shadow: inset 0 1px 3px rgba(128,128,128,0.1)
										  }
			
	textarea:focus, input[type="text"]:focus, input[type="password"]:focus, 
	input[type="datetime"]:focus, input[type="datetime-local"]:focus, 
	input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, 
	input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, 
	input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, 
	input[type="color"]:focus, input:focus { background-color: #fff; border:1px solid #06C; }
	
	
	
	/* ui-timepicker */
	.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
	.ui-timepicker-div dl { text-align: left; }
	.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
	.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
	.ui-timepicker-div td { font-size: 90%; }
	.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
	
	.ui-timepicker-rtl{ direction: rtl; }
	.ui-timepicker-rtl dl { text-align: right; }
	.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
	
	
	
	/* points */
	
	.farm_o { background:url(../images/icons/farma_big.png) scroll no-repeat left center; }
	.farm_t { background:url(../images/icons/farma_des_big.png) scroll no-repeat left center; }
	.farm_c { background:url(../images/icons/cap_big.png) scroll no-repeat left center; }
	.farm_h { background:url(../images/icons/host_big.png) scroll no-repeat left center; }
	
	 .farm_o, .farm_t, .farm_c, .farm_h { padding:10px 10px 10px 30px; }
	
	.farm_o_sm { background:url(../images/icons/farma_sm.png) scroll no-repeat left center; }
	.farm_t_sm { background:url(../images/icons/farma_des_sm.png) scroll no-repeat left center; }
	.farm_c_sm { background:url(../images/icons/cap_sm.png) scroll no-repeat left center; }
	.farm_h_sm { background:url(../images/icons/host_sm.png) scroll no-repeat left center; }
	
	.farm_o_sm, .farm_t_sm, .farm_c_sm, .farm_h_sm { display:inline; padding:10px; height:24px; }	
									 
/* LAYOUT *************************************************************************************/
#wrapper  { }
	
	
	header#header  { 
						overflow:hidden; padding-bottom:10px;
						
						background-color: #FFF;
						background-image: -moz-linear-gradient(top, #eef7f9, #FFF);
						background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#eef7f9));
						background-image: -webkit-linear-gradient(top, #FFF, #eef7f9);
						background-image: -o-linear-gradient(top, #FFF, #eef7f9);
						background-image: linear-gradient(to bottom, #FFF, #eef7f9);
						
						-webkit-box-shadow: 0px 0px -8px #5E686E;
						-moz-box-shadow:    0px 0px -8px #5E686E;
						box-shadow:         0px 0px -8px #5E686E;
						
						border-bottom:1px solid #5E686E;
				   }
		
		header#header #gocoft   { clear:both; }
		header#header #gocoft a { 
		                          float:right; padding:8px; display:block; margin:5px 0 5px;
								  color:#FFF; background-color:#aeb3b6;
								  border-left:1px solid #a0a5a8; border-bottom:1px solid #a0a5a8; border-top:1px solid #a0a5a8;
								  text-decoration:none;
							    }
		header#header #gocoft a:hover { background-color:#a0a5a8; }
		
		
		
		header#header hgroup         { position:relative; top:20px; left:20px; width:350px; display:inline-table; vertical-align:top; }
		
		header#header hgroup h1      { 
		                               background:url(../images/logo-localitzador.png) scroll no-repeat left top;
									   margin-right:15px; padding-right:15px; border-right:1px solid #e7e7e8;
									 }
		header#header hgroup h1,
		header#header hgroup h1 a    { display:inline-block; width:131px; height:44px; }
		header#header hgroup h1 span { display:block; text-indent:-99999px; }
		
		header#header hgroup h2      { background:url(../images/logo-coft.png) scroll no-repeat left top; }
		header#header hgroup h2,
		header#header hgroup h2 a    { display:inline-block; width:142px; height:44px; }
		header#header hgroup h2 span { display:block; text-indent:-99999px; }
		
		
		header#header #main-search   { position:relative; top:20px; text-align:center; width:50%;  display:inline-table;}
		
			
			header#header #main-search form         { clear:both; padding-bottom:20px;}
			
			header#header #main-search form input[type=text],
			header#header #main-search form input[type=submit], 
			header#header #main-search form input[type=button]   { padding:10px; margin-right:10px;}
			
			
			header#header #main-search form .row    { padding-bottom:10px; font-size: 11px; }
			header#header #main-search form input#s { 
			                                           background:url(../images/search.png) scroll no-repeat 5px center #FFF; padding-left:30px;
													   width:70%;
													}
			header#header #main-search form #submit { 
			                                          -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
													  behavior: url(PIE.htc);
													  background-color: #49a9d0;
													  background-image: -moz-linear-gradient(top, #0083a9, #49a9d0);
													  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#49a9d0), to(#0083a9));
													  background-image: -webkit-linear-gradient(top, #49a9d0, #0083a9);
													  background-image: -o-linear-gradient(top, #49a9d0, #0083a9);
													  background-image: linear-gradient(to bottom, #49a9d0, #0083a9);
													  border:1px solid #49a9d0; color:#FFF;
													  padding-left:20px; padding-right:20px;
													}
			header#header #main-search form #submit:hover { 
													  background-color: #0083a9;
													  background-image: -moz-linear-gradient(top, #49a9d0, #0083a9);
													  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0083a9), to(#49a9d0));
													  background-image: -webkit-linear-gradient(top, #0083a9, #49a9d0);
													  background-image: -o-linear-gradient(top, #0083a9, #49a9d0);
													  background-image: linear-gradient(to bottom, #0083a9, #49a9d0);
													}                         
			
			header#header #main-search form label,
			header#header #main-search form .panel_button   { display:inline-block; }
			header#header #main-search form .panel_button   { padding-left:20px; color:#007ba5; }	
			
			
.filtrar {
			                                          -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
													  behavior: url(PIE.htc);
													  background-color: #49a9d0;
													  background-image: -moz-linear-gradient(top, #0083a9, #49a9d0);
													  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#49a9d0), to(#0083a9));
													  background-image: -webkit-linear-gradient(top, #49a9d0, #0083a9);
													  background-image: -o-linear-gradient(top, #49a9d0, #0083a9);
													  background-image: linear-gradient(to bottom, #49a9d0, #0083a9);
													  border:1px solid #49a9d0; color:#FFF;
													  padding-left:20px; padding-right:20px;
}
			.filtrar:hover { 
													  background-color: #0083a9;
													  background-image: -moz-linear-gradient(top, #49a9d0, #0083a9);
													  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0083a9), to(#49a9d0));
													  background-image: -webkit-linear-gradient(top, #0083a9, #49a9d0);
													  background-image: -o-linear-gradient(top, #0083a9, #49a9d0);
													  background-image: linear-gradient(to bottom, #0083a9, #49a9d0);
													}
			
	nav     { 
			  background-color:#5e686e; color:#FFF;
			  overflow:hidden; clear:both; height:10px;
			  
			  -webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.35);
			  -moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, 0.35);
			  box-shadow:         0px 0px 8px rgba(50, 50, 50, 0.35);
			}
		
	nav a   { color:#FFF; }	
		
		nav#nav               { overflow:hidden;}
		nav#nav .inner        { padding:10px 0 10px; }
		nav#nav h3            { font-size:14px; padding:20px 40px 20px 20px; float:left; width:120px; }
		nav#nav ul            { 
		                        padding:10px; background-color:#4b5358; overflow:hidden; margin-right:20px;
		                      }
		nav#nav ul li         { display: inline-block; padding:2px 4px 2px; }
		nav#nav ul li a,
		nav#nav ul li a:hover  { padding:10px; background-color:#4b5358; cursor:none; display: inline-block; text-decoration:none; font-size:11px; }
		nav#nav ul li a        { color:#999;}
		nav#nav ul li a.active        { background-color:#6a7379; color:#FFF; }
		nav#nav ul li a:hover,
		nav#nav ul li a.active:hover  { background-color:#252e34; color:#FFF; }
	
		nav#nav #hide_button {  overflow:hidden;}
		nav#nav #hide_button a { float:right; padding-right:20px; clear:both; font-size:11px; display:block; }
	
	section { /*background-color:#5E686E;*/ }
	
	
		section article { display:inline-block; width:79.8%; }
		
		
			#over-menu                                        { float:right; position:absolute; z-index:400; right:20px; bottom: 0; }
				#over-menu form#overform                      { 
				                                                 width:180px; padding:8px; background-color:#FFF; margin-bottom:20px;
																 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
																 behavior: url(PIE.htc); font-size:11px;
															  }
				#over-menu form#overform span                 { margin-left:2px;}
				#over-menu form#overform label                { 
																display:block; padding:8px; color:#333;
																-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
																behavior: url(PIE.htc);
																
																
																background-color: #ecf0f2;
																background-image: -moz-linear-gradient(top, #d3d6d8, #ecf0f2);
																background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ecf0f2), to(#d3d6d8));
																background-image: -webkit-linear-gradient(top, #ecf0f2, #d3d6d8);
																background-image: -o-linear-gradient(top, #ecf0f2, #d3d6d8);
																background-image: linear-gradient(to bottom, #ecf0f2, #d3d6d8);
																margin-bottom:5px; 
	
															  }
				/* #over-menu form#overform label + input[type=checkbox]:checked */
				#over-menu form#overform label.active         { 
																background-color: #e4f4fb;
																background-image: -moz-linear-gradient(top, #c5d4d9, #e4f4fb);
																background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4f4fb), to(#c5d4d9));
																background-image: -webkit-linear-gradient(top, #e4f4fb, #c5d4d9);
																background-image: -o-linear-gradient(top, #e4f4fb, #c5d4d9);
																background-image: linear-gradient(to bottom, #e4f4fb, #c5d4d9);
															  }
		
				
				
				
				.gmap-tooltip              { width:270px; font-size:12px; line-height:1; }
					.gmap-tooltip .image   { float:right; position:relative; width:60px; top:10px;}
					.gmap-tooltip .serveis { padding:5px; background-color:#f5f5f5; }
					
					.gmap-tooltip h3       { color:#009640; font-size:14px; }
					.gmap-tooltip address  { font-style:normal; line-height:1rem; }
					
					.gmap-tooltip h4       { font-size:12px; padding-top:5px; }
					
					.gmap-tooltip .image img { display:block; clear:both; padding-bottom:10px; }
					.gmap-tooltip .image a   { display:block; clear:both; font-size:11px; }
						
	
		.con      { overflow-y: scroll; height:600px;}
		aside     {        /*SIDE width */
		            display:inline-block; width:300px; height:100%;
					background-color:#FFF; overflow:hidden; vertical-align:top;
				  }
		
		#sidebar .content             { float:left; width:95%; padding:10px; }
		
		
			#sidebar .content .row    { display:block; border-bottom:1px solid #ccc; padding:5px 10px 5px; margin-bottom:10px; }
			
			#sidebar .content ul.nav     { }
			#sidebar .content ul.nav li  { display:inline-block; padding-left:0px; margin-bottom:5px; font-size:11px; }
			#sidebar .content ul.nav li .hide-panel { 
													  padding-right:10px; padding-left:20px;
													  background:url(../images/icons/scale.png) scroll no-repeat left center;
													}
			#sidebar .content ul.nav li .print     { 
													  padding-left:20px;
													  background:url(../images/icons/print.png) scroll no-repeat left center;
													}
			
			#sidebar .content ul.nav li a { color:#000; }
			
			
			
			#sidebar .content h3      { font-weight:normal; display:block; border-bottom:1px solid #ccc; padding:5px 10px 5px; margin-bottom:10px; }
			
			#sidebar .content ul.results       { }
			#sidebar .content ul.results li    { display:block; border-bottom:1px solid #ccc; margin-bottom:3px; }
			#sidebar .content ul.results li h4 { margin-bottom:0;  padding: 15px 5px 0px 30px; text-align: left !important; color:#007ba5; }
			#sidebar .content ul.results li h4 a { color:#007ba5;  padding-right: 5px;}
			#sidebar .content ul.results li p  { margin-left:30px; line-height:1rem; font-size:12px; }
			#sidebar .content ul.results li p em { display:block; font-style:normal; }
			
			#sidebar .content ul.results li div   { float:right; position:relative; top:10px; }
			#sidebar .content ul.results li div a { color:#666; }
			#sidebar .content ul.results li div a:hover{ color:#000; }
			#sidebar .content ul.results li ul li { border:none; margin-bottom:0; background-color:#f5f5f5; margin-left:30px; padding:3px 8px 3px;}
			
			#sidebar .content ul.results li ul li h5 { font-size:12px!important; margin-bottom:5px; padding:5px 0 2px; text-align:left!important; }
			#sidebar .content ul.results li ul li p  { margin:0; padding-bottom:5px; line-height:1rem; font-size:11px!important;}
			
			
			#sidebar .content .results   { display:block; padding:0 10px 10px; margin-bottom:10px; text-align:center!important; }
			
			#sidebar .content #paginator                 { display:block; padding:5px; }
			#sidebar .content #paginator  ul             { text-align:center; padding-bottom:20px;}
			#sidebar .content #paginator  ul li          { display:inline-block; margin:0 2px 0; }
			#sidebar .content #paginator  ul li a        { 
			                                               color:#009fe3; padding:5px 4px 5px; background-color:#f5f5f5; border:1px solid #e5e5e5;
														   text-decoration:none;
														 }
			#sidebar .content #paginator  ul li a:hover,
			#sidebar .content #paginator  ul li a.active { color:#FFF; background-color:#009fe3; border:1px solid #009fe3; }
			#sidebar .content #paginator  ul li a.arrow  { background-color:#FFF; border:1px solid #FFF; }
			#sidebar .content #paginator  ul li a.arrow:hover { color:#000; }
			
			
			
			
					  
		#sidebar .sidebar_button      { 
		                                background-color:#4b5358; width:10px; height:100%; float:right; padding-right:2px;
										-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.35);
										-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.35);
										box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.35);
										display:table;
									  }
		#sidebar .sidebar_button span { display:block; color:#FFF; position:relative; top:50%; height: 40px; padding-top: 25px; background-color:#007BA5; }
		#sidebar .sidebar_button a    { display: table-cell; vertical-align: middle; }
	
	
	footer    { }
	

/*! jQuery Scrollbars | License: https://github.com/nathggns/Scrollbars/blob/master/LICENSE */

.scrollElement.scrollRoot           { overflow: hidden; }
.rootWrap                           { overflow-x: auto; overflow-y: auto; }
.scrollElement.axisInUseX .rootWrap { overflow-x: hidden; }
.scrollElement.axisInUseY .rootWrap { overflow-y: hidden; }
.scrollElement.scrollRoot:focus     { outline: none; }
.scrollElement.dragConX             { height: 10px; left: 0; width: 100%; bottom: 0; }
.scrollElement.dragConY             { width: 10px; top: 0; height: 100%; right: 0; }
.scrollElement.dragCon              { position: absolute; background:#FFF; background:#ccc\0/; }
.scrollElement.dragCon:hover        { background:rgba(0, 0, 0, .05); background:#999\0/; }
.scrollElement.drag                 { 
                                      background: rgba(0, 0, 0, 0.05); 
									  position: absolute; top: 0; left: 0; border:1px solid transparent;
									  -moz-box-shadow:    inset 0 0 10px rgba(0, 0, 0, .15);
									  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .15);
									  box-shadow:         inset 0 0 10px rgba(0, 0, 0, .15);
									}
.scrollElement.drag:hover           { background: rgba(0, 0, 0, 0.18); }
.scrollElement.dragX                { min-width: 5%; max-width: 95%; height: 100%; }
.scrollElement.dragY                { min-height: 5%; max-height: 95%; width: 100%; }
.scrollElement.dragConInner         { position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.scrollElement.contentWrap          { float: left; position: relative; min-width: 100%; min-height: 100%; }
	
	




/* MEDIAQUIERIES */


@media screen and (min-width: 480px) and (max-width: 900px)  {
	header#header #main-search  { width:50%; }
}


@media screen and (min-width: 480px) {
}