#main-nav ul li.current_page_parent > a, #main-nav ul li.current-menu-ancestor > a, #main-nav ul li.current-menu-item > a,
#main-nav ul li a:hover, #main-nav ul li:hover > a,
.button, button, input[type="submit"], input[type="reset"], input[type="button"],
#copyright .scrollTop:hover, .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span,
.st-pricing .plan-container.featured, a.more-link:hover, .pagination span.current,
.blog-list:after, .flex-slider .flex-control-nav li a, .portfolio-list:hover .portfolio-inner:after,
.widget_tag_cloud a:hover, .widget.tagcloud a:hover, #footer .widget_tag_cloud a:hover, #footer .widget.tagcloud a:hover,
.post-nav .post-prev a:hover, .post-nav .post-next a:hover, .flickr_badge_image:hover, #footer .flickr_badge_image:hover,
.portfolio-filter li.active a, #header .call-box, .scrollTop a:hover{
	background-color: #6d992c;
}
::selection{
	background: #6d992c;
}
::-moz-selection{
	background: #6d992c;
}

/*skin border*/
.flex-slider .flex-control-nav li a:hover, .flex-slider .flex-control-nav li .flex-active, span.zoom-overlay,
.portfolio-list:hover, .st-portfolio > div:hover, .portfolio-list:hover .portfolio-inner,
.widget_tag_cloud a:hover, .widget.tagcloud a:hover, #footer .widget_tag_cloud a:hover, #footer .widget.tagcloud a:hover{
	border-color: #6d992c;
}

/*skin color*/
.page-title, .pagination a, #footer .widget-twitter li span a, .widget-twitter li span a, .blog-tags a,
a:hover, .st-blog .blog-inner:hover h4 a, .st-blog li:hover .post-title a{
	color: #6d992c;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main .post-title { color: #666; }
body { color: #656565; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 23px; }
h4 { font-size: 20px; }
#main-nav ul li a { font-size: 15px; }
body { font-size: 12px; }
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', Arial, serif; }
#main-nav ul li a { font-family: 'Open Sans', Arial, serif; }
body { font-family: 'Open Sans', Arial, serif; }
/*creació classe menú soporte*/
#main-nav-support {
display:inline-block;
	}

#main-nav-support ul{
	margin:0;
	padding:0;
 }


#main-nav-support ul li{
	float:right;
	margin:0;
	padding-bottom:2px;
	display:block;
        padding-left: 0.5em;
}
#main-nav-support ul li a{
	padding: 0 18px;
margin: 0 0px;
display: block;
overflow: hidden;
font: 12px/25px Arial, sans-serif;
color: #fff;
border-radius: 2px;
background: #9c9c9c;
}


#main-nav-support ul li.current_page_parent > a,
#main-nav-support ul li.current-menu-ancestor > a,
#main-nav-support ul li.current-menu-item > a,
#main-nav-support ul li a:hover,
#main-nav-support  ul li:hover > a{
	color:#fff ; 
    background-color:#427fed;
}



/*per tenir regísrate al tour*/
.nav-container{ }
    .f-nav{ z-index: 9999; position: fixed;  top: 0; width:100%;left:0px; background: rgb(236, 236, 236);} /* this make our menu fixed top */
   

.nav { }
     .nav ul { list-style: none; }
    .nav ul li{float: left; margin-top: 0px; padding: 0px; border-right: 1px solid  #ACACAC ;}
    .nav ul li:first-child{ padding-left: 0;}
    .nav ul li a { }
    .nav ul li a:hover{ text-decoration: underline;}


/*hovers de les feltxes tour*/
.anchor a hover: orange;



/*per tenir un divider amb menys espai a sota*/
.st-dividernospace {
clear: both;
display: block;
width: 100%;
margin: 20px 0 3px;
position: relative;
height: 1px;
background: #e3e3e3;
}

/*perquè el scroll to top apareixi a la esquera*/
.scrollTop {
left: 15px;
width: 42px;
background: none;
z-index: 99999999;
}


/*perquè els links tinguis transicions*/
a {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
outline: none;
color: #4c7e30;
}

a:hover {
color: #4386fc;
}

#main .post-title a {
color: #000;
}
#main .post-title a:hover {
color: #4386fc;
}

.wp-caption {
background: #fff;
border: none;
}

.wp-caption p.wp-caption-text {
color: #4c7e30;
line-height: 14px;
}

/*perquè no surti la ralla sota l'slider i que header sigui més prim*/
.space-title, .space-pre {
border-bottom: none;
padding: 10px 0 10px;
}



/*perquè els widgets i footer estiguin més comprimidets*/
.widget {
margin-bottom: 8px;
}



/*modificacions header*/
#header .logo {
margin: 10px 0px -1px 0px;
}

/*nova classe pel logo a left*/
#header .header-left  {
text-align: left;
float:left;
margin: 4px 34px 0px 0px;
display: inline;
}

/*nova classe pel login*/
#header .header-right {
float:right;
}


/*modificacions al menú principal*/
#main-nav {
text-align: center;
border-top:none;
border-bottom: none;
position: initial;
padding: 58px 0;
height: 1em;

}

#main-nav ul {

}

#main-nav ul li {
padding-bottom: 2px;
padding-top: 2px;
border-top: 1px solid #4386fc;
border-bottom: 1px solid #4386fc;
}


/*amagar el footer original*/
#footer {
display: none;
}

/*modificacions estil nou footer*/
#leFooter #leFooter-content {
border-top: 3px solid #43896f;
}

#leFooter #leFooter-inner {
width: 1000px !important;
}

/*creació classe menú superior*/
#main-nav-up{
	margin-top: 1.8em;
        float:right;
	}

#main-nav-up ul{
	margin:0;
	padding:0;
 }


#main-nav-up ul li{
	float: right;
margin: 0;
padding-bottom: 2px;
display: block;
padding-left: 0.5em;
}
#main-nav-up ul li a{
	padding: 0 6px;
margin: 0 0px;
display: block;
overflow: hidden;
font: 12px/25px Arial, sans-serif;
color: #fff;
border-radius: 4px;
background: #FF5C43;
}


#main-nav-up ul li.current_page_parent > a,
#main-nav-up ul li.current-menu-ancestor > a,
#main-nav-up ul li.current-menu-item > a,
#main-nav-up ul li a:hover,
#main-nav-up ul li:hover > a{
	color:#fff ; 
    background-color:#427fed;
}


/*modificacions etiquetes de testimonis*/
.st-highlight {
background-color: #797;
}

.st-testimonial .testimonial-meta span {
padding-left: 55px;
position: relative;
color: #fff;
padding: 2px 7px 1px;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px;
position: relative;
background: #a9c71a;
font-family: Arial, Helvetica, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.st-testimonial .testimonial-meta strong{ 
margin-right: 10px;
padding-left: 55px;
position: relative;
color: #fff;
padding: 2px 7px 1px;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px;
position: relative;
background: #fbc343;
font-family: Arial, Helvetica, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/*creacions d'icones grans i enormes*/
.st-icon.extralarge {
font-size: 150px;
line-height: 150px;
height: 150px;
margin-bottom: 15px;
}

.st-icon.extralarge.box,
.st-icon.extralarge.rounded,
.st-icon.extralarge.circle{
	width:150px;
}

.st-icon.giant{
font-size: 210px;
line-height: 210px;
height: 210px;
margin-bottom: 0px;
}

.st-icon.giant.box,
.st-icon.giant.rounded,
.st-icon.giant.circle{
	width:210px;
}

.st-icon.brutal{
font-size: 300px;
line-height: 300px;
height: 300px;
margin-bottom: 0px;
}

.st-icon.brutal.box,
.st-icon.brutal.rounded,
.st-icon.brutal.circle{
	width:100%;
}



/*hovers molones*/
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(147,172,91, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}


.view-first:a {
-webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out; 
   -o-transition: all .3s ease-out; 
   transition: all .3s ease-out;
}

.view-first: a:hover {
color:rgb(236, 236, 151);
-moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
   -ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=2, M12=-0, M21=0, M22=2);
}



.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
				
.view {
   width: 100%;
   height: 100%;
   margin: 10px;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 0px 0px 0px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
font-family: "open sans";
   color: #fff!important;
   text-align: center;
   position: relative;
     padding: 2px;
   background: rgba(0, 0, 0, 0.3);
margin-top: 20px;
   
   
}
.view p {
   font-family: "open sans";

position: relative;
color: #fff;

text-align: center;
line-height: 25px;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
				

/*slide sobre mac*/
<!-- per slide del mac -->


img.scale-with-grid {
	max-width: 100%;
	height: auto;
}


margin-bottom: 20px;


.demo { overflow: hidden; margin-top: 20px; }
.demo .item { width: 450px; float: left; position: relative; }
.demo .item_left { margin-right: 20px; }
.demo .item .desktop { position: absolute; left: 54px; top: 15px; width: 342px; height: 214px; overflow: hidden; }
.demo .item .desktop .inside { position: absolute; left: 0px; width: 342px; line-height: 0; }

.demo .item .desktop .inside {   
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
      -ms-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s; }
		  
.demo .item.item_left a:hover .desktop .inside { margin-top:-276px;}
.demo .item a:hover .desktop .inside { margin-top:-224px;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.demo .item { width: 420px; }
	.demo .item_left { margin-right: 0px; margin-bottom: 30px; }
	.demo .item .desktop { position: absolute; left: 51px; top: 14px; width: 319px; height: 200px; }
	.demo .item .desktop .inside { position: absolute; left: 0px; top: 0px; width: 319px; }
	.demo .item.item_left a:hover .desktop .inside { margin-top:-256px;}
	.demo .item a:hover .desktop .inside { margin-top:-208px;}	


}

@media only screen and (max-width: 767px) {
	.demo .item { width: 370px; }
	.demo .item .desktop { position: absolute; left: 45px; top: 12px; width: 281px; height: 176px; }
	.demo .item .desktop .inside { position: absolute; left: 0px; top: 0px; width: 281px; }
	.demo .item.item_left a:hover .desktop .inside { margin-top:-226px;}
	.demo .item a:hover .desktop .inside { margin-top:-184px;}
	
}

@media only screen and (max-width: 479px) {
	.demo .item { width: 300px; }
	.demo .item_left { margin-right: 0px; margin-bottom: 30px; }
	.demo .item .desktop { position: absolute; left: 37px; top: 10px; width: 227px; height: 143px; }
	.demo .item .desktop .inside { position: absolute; left: 0px; top: 0px; width: 227px; }
	.demo .item.item_left a:hover .desktop .inside { margin-top:-182px;}
	.demo .item a:hover .desktop .inside { margin-top:-148px;}
}






<!--========== -->


/*butons*/
.st-button {
color: #ffffff;
}

.st-button:hover {
color:white;
background-color: black;
-webkit-transition: all 0.1s ease;
     -moz-transition: all 0.1s ease;
       -o-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
          transition: all 0.1s ease;  
border-radius:2px;
}


/*incones amb títol*/
.st-iconbox .iconbox-left span {
color:rgb(122, 165, 107);

}


/*WPML*/
#menu-wrap, #menu-wrap ul { 
	background-color: #eee;
	color: #000;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
}




#menu-wrap ul a, #menu-wrap ul a:visited { 
	color: #000;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
	padding:  0px  20px  0px  10px;
	line-height:  30px;
}




#menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active { 
	background-color: #5798D0;
	color: #000;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
}




#menu-wrap li.selected_page > a,#menu-wrap li.selected_page:hover > a { 
	background-color: #5798D0;
	color: #000;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
}




#menu-wrap li.selected_subpage, #menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited { 
	background-color: #B3D9FF;
	color: #004D99;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
	padding:  5px  11px  5px  10px;
	line-height:  15px;
}




#menu-wrap ul ul a, #menu-wrap ul ul a:visited { 
	background-color: #5798D0 !important;
	color: #000 !important;
	font-family: inherit !important;
	font-size:  12px !important;
	font-weight: normal !important;
	font-style: normal !important;
	padding:  5px  10px  5px  10px;
	line-height:  15px;
}




#menu-wrap ul ul a:hover { 
	background-color: #B3D9FF !important;
	color: #000 !important;
	font-family: inherit!important;
	font-size:  12px !important;
	font-weight: normal !important;
	font-style: normal !important;
}




#menu-wrap li.section { 
	background-color: #4283b7;
	color: #FFF;
	font-family: inherit;
	font-size:  12px;
	font-weight: bold;
	font-style: normal;
	padding:  5px  11px  5px  10px;
	line-height:  15px;
}




#menu-wrap { 
	height:  30px;
}




#menu-wrap ul ul { 
	top:  30px;
}