/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://creativecommons.org/licenses/MIT/	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a{
	text-decoration:none;
	color:#666;
	}
a:hover{
	text-decoration:none;
	color:#000;
	}		
a img {border: 0;}

a:focus { outline: 0;   }

/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -1px;
}

.large, h2 {
	font-size: 42px;
	line-height: 48px;
}

.bigger, h3 {
	font-size: 26px;
	line-height: 36px;
}

.big, h4 {
	font-size: 22px;
	line-height: 30px;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}




/*		Default Layout: 1088px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
/*
---------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10      11 
px      68    160    252    344    436    528    620    712    804    896     992 */

body {
	color: rgb(85,85,85);
	background:#f5f5f5;
	font: 14px/24px Helvetica, Arial, sans-serif;
	-webkit-tap-highlight-color: rgb(255,255,158);			
	padding:0;
	margin:0;
	}
.round4{
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius:4px;		
	}
h2{
	color:#666;
	font-size:24px;
	line-height:1.2em;
	font-weight:normal;
	letter-spacing:0px;
}
h5{	
	font-size:15px;
	font-weight:bold;
	margin:0;
	color:#333;
	line-height:1.5em;
	}
h5.subt{	
	font-size:18px;
	font-weight:normal;
	margin:0;
	line-height:1.5em;
	}
h6{	
	font-size:13px;
	font-weight:normal;	
	color:#666;
	line-height:1.5em;
	margin:0;	
	}
ul, li { 
	list-style:none; 
	list-style-type:none; 
	}    
.ocult{    
	display:none;
	}
.content{
	width:992px;
	margin:0 auto;
	position:relative;
	z-index:0;
	padding:0 20px 20px 20px;
	}

.centrat{
    left: 50%;
    margin-left: -496px;
    position: absolute;
	}	
.content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.tip{
	border:1px solid #ddd;
	background:#fff;
	padding:0 10px ;
	font-size:12px;
	color:#999;
	}
.tip-text{
	display:none;
	}	
	
.contingut{
	float:left;
	width:100%;
	margin:20px 0px;
	font-size:1.0em;
	line-height:1.6em;
	color:#666;
	}	
header{
	position:fixed;
	width:100%;
	height:180px;
	z-index:100;
	background:#f5f5f5;	
    top:0;
	}
#superior{
	position:relative;
	left:0;
	background:#333;
	height:30px;
	font-size:12px;
	font-weight:normal;
	color:#999;
	padding-top:5px;
	}
#superior a{
	color:#999;
	}
#superior a:hover{
	color:#fff;
	}
	
#logo{
	position:relative;
	left:0;
	top:53px;
	width:232px;
	height:25px;
	background:url(../img/nomon-design_new.png) no-repeat;
	}
#logo a{
	float:left;
	width:100%;
	text-indent:-10000px;
	}
#wrapper{
	position:relative;
	margin-bottom: 0px;
    padding: 0 0 20px 0;
    z-index:0;
	top:181px;
	}

.updown{
	position:absolute;
	right:0;	
	z-index:1000;
	height:20px;
	width:20px;
	cursor:pointer;	
	text-align:center;
	background:#CCCCCC;
	}		 
#up{
	top:0;
	}
	
#down{
	top:460px;
	}
ul#grupnoticies{
	float:left;
	margin:10px 0;
	padding:10px 0;	
	/*
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	max-height:500px;	
	overflow:hidden;*/
	}
ul#grupnoticies span{
	float:left; 
	width:100%;	
	font-family: Georgia, Times;
	font-size:20px; 
	margin-bottom:5px;
	cursor:pointer;
	
	}
ul#grupnoticies ul.noticies{
	float:left;
	width:100%;
	position:relative;
	}
ul#grupnoticies ul.noticies li{
	margin-bottom:8px;
	line-height:1.2em;	
	}	
ul#grupnoticies ul.noticies li a{
	font-size:12px;
	color:#666;
	}
ul#grupnoticies ul.noticies li a.act{
	color:#333;
	}		
ul#grupnoticies ul.noticies li a:hover{
	color:#333;
	}	
ul#grupnoticies ul.noticies li p{
	}	
/*	-------------------------- paginacio */	
.paginacio{
	margin:20px auto;
	width:50%;
	height:20px; 
	}	
.pag_esp a, 
.pag a{ 
	float			: left;
	width			: 25px;
	height			: 25px;	
	text-align		: center;
	text-decoration	: none;
	font-size		: 12px;
	margin			: 0 1px 0 0;
	color			: #999;
	}
.pag_act{ 
	float			: left;
	width			: 25px;
	height			: 25px;	
	text-align		: center;
	text-decoration	: none;
	font-size		: 12px;
	margin			: 0 1px 0 0;
	color			: #333;
	font-weight		: bolder;
	}
.pag a:hover, 
.pag_esp a:hover{ 
	color	: #333;
	}
.pag_prev a{
	background: url(../img/nd_Left.png) no-repeat left 7px;
	text-indent:-2000px;
	}	
.pag_prev a:hover{	
	background: url(../img/Right-fluix.png) no-repeat  left 7px;
	}
	
.pag_next a{
	background: url(../img/nd_Right.png) no-repeat right 7px;
	text-indent:-2000px;
	}		
.pag_next a:hover{	
	background: url(../img/Left-fluix.png) no-repeat right 7px;
	}
	
.pag_ini a{
	background: url(../img/pag_inic.png) no-repeat;
	text-indent:-2000px;
	display:none;
	}	
.pag_ini a:hover{	
	background: url(../img/pag_inic.png) no-repeat 0px -24px;
	}
.pag_fin a{
	background: url(../img/pag_final.png) no-repeat  0px -25px;;
	text-indent:-2000px;
	display:none;	
	}			
.pag_fin a:hover{
	background: url(../img/pag_final.png) no-repeat 0 -1px;
	}	
.left{
	float:left;
	}	
.right{
	float:right;
	}
div#socialnd{
	position:relative;
	left:650px;
	top:5px;	
	}			
ul#socialcapcelera{
	float:right;
	width:auto;
	}
ul#socialsocialcapcelera li{
	float: right;
/*	width:15px; */
	margin:	0 0 12 0;
	}	
ul#socialsocialcapcelera li a{
	float:right;
	}
	

div.social {
	float: left; 
	width:auto;
	display:block;
	}
	
		
ul#socialsocial li{
	float: left;
	margin:	0 0 12 0;
	}	
		
ul#socialsocial  li a{
	float: left;
	}



#lang{
	float:left;
	width:auto;
	font-size:10px;
	margin-left:-10px;
	}
#lang a{	
	margin:0 10px 0 10px;
	color:#666;
	}	
#lang a.act{	
	color:#eee;
	}
	
ul#comunicacio{
	float:right;
	position:relative;
	width:auto;
	margin-right:10px;
	}

.minis{
	margin:0 24px 24px 0;
	}
.top24{
	margin:24px 0 0 0;
	}
ul#comunicacio li{
	float:left;
	margin:0 0 0 12px;
	}
ul#comunicacio li a{
	display:block;
	float:left;
	width:auto;
	}		
.txt_img{
	position:absolute;
	top:10px;
	z-index:1000;
	left:20px;
	}	
/*	Gallery	-----------------------------------------	*/	
.gallery {
	width:992px;
	position: relative;
	top:10px;
	z-index:0;
	overflow: hidden;
 }
 .gallery.client{
 	width:738px;
 	}
.gallery .holder {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.gallery .holder ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 30000px;
}

.gallery .holder ul li {
	float: left;
	width: 254px;
	padding: 0;
	margin:0 0 0 0;
	}
.gallery .holder ul li img { 
	display: block; 
	width: 230px; 
	height:140px;
	margin-right:24px; 
	}

.gallery.gallery2 .holder ul li{
	width: 992px;
	}	
.gallery.gallery2 .holder ul li img{
	width: 992px; 
	height:450px;	
	}	
.gallery-fade { width: 992px; }

.gallery-fade .holder ul {
	width: 100%;
	height: 450px;
}

.gallery-fade .holder ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 450px;
	padding: 0;
}			
/* vertical mode */
#control {
	position:absolute;
	right:0px;
	height:20px;
	width:72px;
	top:0;
}
#control_fitxa {
	float:left;
	position:relative;
	width:45px;
	height:20px;
	top:20px;
 } 
.next,
.prev {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0px;
	width: 10px;
	height: 10px;
	background: url(../img/nd_Right.png) no-repeat;
	z-index: 20;
	overflow: hidden;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}
.next:hover,.next-disable { background: url(../img/Left-fluix.png) no-repeat; }

.prev {
	background: url(../img/nd_Left.png) no-repeat;
	left: 30px;
}
#control_fitxa .prev{left:0;}
.prev:hover,.prev-disable { background: url(../img/Right-fluix.png) no-repeat; }

/*	Menu	-----------------------------------------	*/	
ul#menu{
	float:right;
	width:auto;
	margin:35px 0 50px 0;	
	}
ul#menu li{
	float:left;
	width:auto;
	margin:0 0 0 20px;
	}
ul#menu li a{
	float:left;
	width:auto;
	text-align:right;
	text-decoration:none;
	color:#aaa;
	font-weight:bold;
	background:none;		
	}
ul#menu li a:hover{
	color:#333;		
	}	
ul#menu li.act a{
	color:#333;
	}
	
ul#submenu{
	float:left;
	width:100%;
	}
ul#submenu li{
	float:left;
	width:100%;
	clear:both;
	}
ul#submenu li a{
	float:left;
	width:100%;	
	text-align:left;
	text-decoration:none;
	color:#aaa;
	font-weight:bold;
	background:none;		
	}
ul#submenu li a:hover{
color:#333;
	background:#FFFF00;
	}	
ul#submenu li a.act {
color:#333;
	background:#FFFF00;
	}	

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

.adre{
	clear:both;
	float:left;
	font-size:12px; 
	margin-top:5px; 
	color:#414142 !important; 
	line-height:1.4em;
	}
.adre span.ad{
	float:left;
	width:240px;	
	}
.adre span.ma{
	position:relative;
	left:20px;
	top:16px;
	color:444;
	text-decoration:underline;
	}
.adre span a:hover{
	background:#FFFF00;
	}
ul.listpeu{
	float:left;
	width:100p%;
    margin-top:0px;
	margin-bottom:25px;
	}
ul.listpeu li{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	}
ul.listpeu li a{
	float:left;
	width:100%;
	font-size:12px;
	margin:0;
	line-height:1.4em;	
	color:#ccc;
	}
ul.listpeu li a:hover{
	color:#333;
	}	
	

ul#socialpeu{ float:left; width:180px; position:relative;top:95px; left:0px;}
ul#socialpeu li{ float:left; margin:0; padding:0 3px 0 0; display:inline; }
ul#socialpeu li.icon{ 	
	float:left; margin:0; padding:0 5px 0 40px; display:inline; background:url(../img/dedo.gif) no-repeat left; font-size:12px; color:#333; font-weight:bold;		
	
	}

ul#socialpeu li img{ margin:5px 0 0 0; }	
ul#socialpeu li a{ }
ul#socialpeu li a:hover{ }	
	
	
footer{
	position:relative;
	margin:0;
	left:0;
	top:182px;
	padding:20px 0 0 0;
	width:100%;
	background:#fff;
	}
footer .div4 a img{
	float:left;
	width:auto;
	clear:both;
	}
a.logons{
     float:left;
	 width:auto;
     margin-top:0px;
       }
#final{
	margin:0 auto 50px auto;
	width:1088px;
	}	
.esq{
	float:left; 
	width:45%;	
	}
.dre{
	float:right; 
	width:45%; 
	text-align:right;
	}
	
/*	Projectes	-----------------------------------------	*/		

.div4{
	float:left; 
	width:230px; 
	margin:0 24px 24px 0;
	}	
.div4 p{
	font-size:12px;
	color:#999;
	}

#grupminis .div44{
	width:230px;
	float:left;
	margin-right:24px;
	margin-bottom:40px;
	}
#grupminis .div44.last{
	margin-right:0;
}	

/*	
#grupminis .div44{
	width:230px;
	position:absolute;
	top:2000px;
	left:2000px;	
	z-index:10;
	} 
*/
.div2{
	float:left; 
	width:738px; 
	margin:0 24px 24px 0;
	}	
.div22{
	float:left; 
	width:484px; 
	margin:0 24px 24px 0;
	}		

.div3{
	float:left;
	width:650px;
	margin:0 0 0 0;
	padding:0;
	font-size:13px;
	}	
	
.div33{
	float:left;
	width:299px;
	margin:0 36px 0 0;
	padding:0;
	font-size:13px;
	border-right:1px solid #ccc;
	}	
		
.subtneg{
	float:left;
	position:relative;
	width:100%;
	font-size:12px;
	font-weight:bold;
	margin:0;
	color:#333;
	padding:0;	
	}
/*.subtneg a{ color:#333;}*/
.subtneg span{
	font-weight:normal;
	}	
.subtneg img{
	margin:0; padding:0;
	}
.normal{
	font-size:12px;
	color:#999;
	line-height:1.3em;
	margin:12px 0 0 0;
	}
.submaj{
	float:left;
	width:100%;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
    line-height:1.2em;
	color:#999;
	margin:0;
	padding:0;
	}	

	

ul.cat{
	position:absolute;
	left:10px;
	bottom:5px;
	background:#f5f5f5;
	height:30px;
	z-index:100;
	}	
ul.cat li{
	float:left;
	width:auto;
	margin:0 9px 0 0;	
	}	
ul.cat li a{
	color:#666;
	font-size:11px;
	text-decoration:none;
	padding:4px 10px 3px;
        background:#f5f5f5;
	}
ul.cat li a:hover, ul.cat li a.act{
	color:#333;
	background:#FFFF00;
	}	


.dades{
	float:left;
	width:100%;
	margin:10px 0;
	font-size:12px;
	color:#888;
	line-height:1.5em;
	}
.dades a{
	text-decoration:underline;
	}
.dades a:hover{
	 background:#FFFF00;
	}	
.dades ul#social a{
	text-decoration:none;
	}	
.nomargin{
	margin:0;
	}		
.titol{
	float:left;
	color:#333;
	font-weight:bold;
	margin-right:10px;
	}
div.cats{
	float:left;
	width:auto;	
	}
div.cats span{
	float:left;
	width:auto;
	}	
div.cats a{
	float:left;
	width:auto;
	color:#888;	
	font-size:12px;
	text-decoration:underline;
	margin:0;	
	}
div.cats a:hover{
	color:#000;
	}				
		
/*	Servicios	-----------------------------------------	*/	
h5.sub{
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	}
	

.txt{
	position:relative;
	font-size:12px;
	line-height:1.6em;
	margin-top:3px;
	color:#999;
	min-height:170px;
	}
.txt a{
	position:absolute;
	bottom:10px;
	color:#999;
    padding-right:35px;
	}
.txt a:hover{
	color:#333;
    background:#FFFF00;	
	}		
.txt a span{
	float:right;
	height:15px;
	width:15px;
    background:url(../img/nd_Right.png) no-repeat right 4px;	
	}	
.txt a:hover span{
    background:#FFFF00 url(../img/nd_Right.png) no-repeat right 4px;
	}		


.last{	
	margin-right:0;
	border:0;
	}	


label.overTxtLabel{
	padding:3px 0 0 3px;
	color:#ccc;
	font-size:12px;	
	}
input#email{
	width:155px;
	padding:4px;
	border:1px solid #ccc;
	float:left;
	}


.iframe{
	width: 738px; 
	/*
	border: 0px solid #ccc;
    -webkit-border-radius:6px; 
    -moz-border-radius	:6px; 
    border-radius		:6px; 
	*/
	}
.benvinguda{
	width:500px;
	margin:0 auto;
	padding:50px 0;
	height:150px;
	border:1px solid #eee;
	text-align: center;
	background:#eee;
    -webkit-border-radius:6px; 
    -moz-border-radius	:6px; 
    border-radius		:6px; 
	-moz-box-shadow : 0px 0px 2px #999;    
	}
.benvinguda	h3{
	font-size:25px;
	color:#333;
	text-shadow: 1px 1px 2px #fff;
	filter: dropshadow(color=#8a8a8a, offx=1, offy=0); 
	}
div.error{
	font-weight:bold;
	font-size:12px;
	color:#cc0000;
	}
div.notice{
	font-weight:bold;
	font-size:12px;
	color:#008101;
	}
#msg{
	font-size:12px;
}	
#check{
	float:left;
	width:auto;
	clear:both;
	margin:10px 5px 0 0;
	}
div.nota{
	float:left;
	width:auto;
	margin:04px 0 0 0;
	font-size:12px;
	}
div.nota span{	
	color:#999;
	cursor:pointer;
	}	
div.nota span:hover{	
	color:#000;
	text-decoration:none;
	}	

#enviar{

	position:absolute;
	top:23px;
	left:175px;
	padding:1px 2px;
	z-index:10000;
	background:#eee;
	color:#666;
	margin:4px 0 0 0px;
	border:1px solid #666;
	cursor:pointer;
    -webkit-border-radius:3px; 
    -moz-border-radius	:3px; 
    border-radius		:3px; 	
	}
#enviar:hover{
	background:#999;
	color:#333;
	border:1px solid #333;

	}
#txt_nota{
    left: 50%;
    margin-left: -430px;
    position: absolute;
    top: 180px;
    font:12px Arial, verdana;
    width: 860px;
	-moz-box-shadow : 0px 0px 2px #666;
	line-height 	: 1.6em;
	color 			: #666;
	background 		:#DEDEDE;
	z-index 		: 10000;
	border 			: 1px solid #fff;
	padding 		: 50px;
	text-aling 		: center;
    -webkit-border-radius:4px; 
    -moz-border-radius	:4px; 
    border-radius		:4px; 		
	display			: none;
	}

/* ERROR 404 */
.content-404 { width:740px; margin:0 auto 0 235px; position:relative; z-index:0; padding:0 20px 20px 20px; }
.txt-404 { position:relative; font-size:12px; line-height:1.6em; margin-top:3px; color:#F00; min-height:70px; }
h5.sub-404 { padding-bottom:3px; border-bottom:1px solid #ccc; margin-bottom:20px; }

/* Fondo del contenedor */
#goog-wm { color:#999; font-size:12px; line-height:1.6em; margin-top:3px; margin-bottom:3px; }

/* Color del texto del enlace */ 
#goog-wm h3.closest-match { position:relative; }

/* "Closest match" link */
#goog-wm h3.closest-match a { color:#666; }

#goog-wm h3.closest-match a:hover { color:#F00; }

/* Color de la cabecera */
#goog-wm h3.other-things { margin-top:6px; font-size:12px; color:#666; }

/* Listado */
#goog-wm ul li { list-style: disc; }

#goog-wm ul { margin-left: 1em; padding-left: 0; }

/* Cuadro de búsqueda de Google */
#goog-wm li.search-goog { display: list-item; }


/* SITEMAP */
.txt-sitemap{ position:relative; font-size:12px; line-height:1.6em; margin-top:3px; color:#999; min-height:170px; }
.txt-sitemap a { position:relative; color:#999; padding-right:15px; }
.txt-sitemap a:hover{ color:#333; }	

/* ADD TO ANY Button */
.a2a_menu, .a2a_menu_inside, .a2a_menu a, .a2a_tabs div, .a2a_menu_find_container { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
#a2apage_BROWSER { display:none !important; }