/**********************************************/
/*************  OFF-CANVAS ********************/
/**********************************************/
.btn-primary {
	/*background-color: #36699C;*/
}

.off-canvas-toggle{
	display:none;
}


.t3-off-canvas .t3-off-canvas-body {
	padding:10px;
}

.t3-off-canvas-header-title{
	visibility:hidden;
}

/************ menu principal *******************/

.menu-off{
	/*border-top: 6px solid #36699C;*/
}

ul.menu-off{
 	background: none repeat scroll 0 0 #222222;
    color: #EEEEEE;
}
.menu-off li{
	margin-top:0!important;
}

.menu-off li a{
	border-bottom: 1px solid #666666;
	border-radius:0px;
}	

.menu-off a{
	color:#EEEEEE !important;
}

.menu-off li a:hover{
 /*background: none repeat scroll 0 0 #36699C;*/
}

.menu-off > li.active > a,
.menu-off > li.active > a:hover,
.menu-off > li.active > a:focus{
	/*background: none repeat scroll 0 0 #36699C;*/
}


/************ CERCADOR *******************/
.module-cercador-off #mod-finder-searchform{
	 margin: 0 auto auto !important;
}

.module-cercador-off #mod-finder-searchword {
	float:none;
 margin: 0 auto auto !important;
 	width:100%;
}

.module-cercador-off .form-group{
	margin-bottom:0px;
}


.module-cercador-off{
	padding:0px;
}

/************ head nav *******************/


ul#headnav-off{
	margin:0;
	padding:0;
}

#headnav-off li{
 list-style:none;
 padding-bottom:15px;

}

#headnav-off li a{
	color:#36699C;
	font-size:14px;
	 margin-left: 7px;
}

#headnav-off li a:hover{
	text-decoration:underline;
}

#headnav-off i{
	color:#36699C;
	font-size: 1.6em;
	width:20px;
	vertical-align: middle
}

/**********************************************/
/*************  PRE HEADER ********************/
/**********************************************/
/************ LINK TO HOME CSPT ***************/
ul.link_cspt{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	margin-left:8px;
}

ul.link_cspt li{
	display:inline;
}

ul.link_cspt li a{
	font-size:13px;
	color:#FFFFFF;
}

ul.link_cspt .fa-home{
	color:#FFFFFF;
	margin-right:4px;
}

/************ SKIP TO CONTENT *****************/
.cspt_skiptocontent{
	 background-color:#36699C;
	 height: auto;
     padding: 5px 0;

}

ul.skip{
	margin:0;
	padding:0;
	float:none;
	list-style:none;
	height:0;
}

ul.skip li{
	display:inline;
}

ul.skip li a{
	font-size:13px;
	color:#FFFFFF;
}



/*************** MIGAS DELS CENTRE *************/

ul.menu_preheader{
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}


ul.menu_preheader li{
	display:inline;
}

ul.menu_preheader li a{
	font-size:13px;
	color:#FFFFFF;
}

ul.menu_preheader .fa-wheelchair{
	color:#FFFFFF;
		margin-right:4px;
}




/**********************************************/
/*************  HEADER    *********************/
/**********************************************/

#t3-header{
  background-color:#fffff;
  /*background-image: linear-gradient(left, #EEEEEE 1%, #CCCCCC 99%);
  background-image: -webkit-linear-gradient(left, #EEEEEE 1%, #CCCCCC 99%);
  background-image:    -moz-linear-gradient(left, #EEEEEE 1%, #CCCCCC 99%);
  background-image:      -o-linear-gradient(left, #EEEEEE 1%, #CCCCCC 99%);
  background-image:     -ms-linear-gradient(left, #EEEEEE 1%, #CCCCCC 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC', GradientType=1);*/
  padding: 10px 0;
}

/******************* LOGO & NOM CENTRE  ********************/
.logo {
    float: left;
}

.logo-image {
	overflow: visible;
    height: 100px;
    display: table-cell;
	vertical-align:middle;
}

.logo img{
	width:100% !important;
}

.head-name {
    margin-left: 0px!important;
}

.head-name .custom {
	height:100px;
	display:table-cell;
	vertical-align:middle;
}

.head-name p {
    font-size: 2.4em;
    font-variant: small-caps;
    font-weight: bold;
    line-height: 1.1;
	padding-left: 25px;
    padding-right: 35px;
	margin-bottom:0;
}


/***************** HEAD NAV *************************/
.custom-head_nav{
	margin-left:20px;	
	margin-top: 10px;
	
}

ul#headnav{
	margin:0;
	padding:0;
}

#headnav li{
 list-style:none;
 margin-bottom:6px;

}

#headnav li a{
	color:#333333;
	font-size:14px;
	 margin-left: 14px;
}

#headnav i{
	font-size: 1.6em;
	width:20px;
	vertical-align: middle
}

#comarribar i{
	text-align:right;
}

#contacte i{
	text-align:right;
}

#seu i{
	text-align:right;
}

/**************** COMBO IDIOMA *****************/

.mod-languages{
	margin-top:0;
	float:left;
	/*margin-left: 102px;*/
}

.mod-languages select{
	width:110px;
	border-radius: 0;
	 margin: 0 0 7px 0;
    padding: 1px;
    height: 22px;
}

ul.lang-inline li a{
	color:#fff;
}

.language{
	float:left;
}

.mod-languages form{
	margin:0 0 0 0;
}

.head-lang{
	margin:0;
	padding:0;
}

/************************************************/
/************** GTRANSLATE **********************/
/************************************************/
.langsearch{
	margin-top:10px;
}
/************************************************/
/***************** BUSCAR ************************/

.head-search{
	float: none;
	margin-top: 55px;
}

.head-search .input{
	width: 197px;
	background: url("../../../images/ico/search-invert.png") no-repeat scroll 8px center #FFFFFF;
	border-radius:0;
	
}

input[type="search"]:focus .uneditable-input:focus{
	border-color:none;
	box-shadow:none;
}

.head-search .input:focus{
	width: 197px;
}

.head-search form {
	float:left;
}







/******************** SMART SEARCH *******************/
#mod-finder-searchword{
	width: 78%;
	/*height:24px;*/
	background: url("../../../images/ico/search-invert.png") no-repeat scroll 8px center #FFFFFF;
	border-radius:0;
	padding-left:22px;
	padding-right:19px;
	color: #666666;

}

#search-results{
	margin-bottom:20px;
}	

/**************MENU USER LOGGED ************************/

.custom_MenuUser{
	float:left;
	margin-bottom:-15px;
	margin-top:0;
}


ul.MenuUser{
	display:inline;
	margin:0;
}

.MenuUser li{
	list-style:none;
	float:left;
}

.MenuUser li a{
	color:#333333;
	font-size:14px;
}

.MenuUser i{
	color:#36699C;
	font-size: 1.1em;
	margin-right:5px;
	vertical-align: middle
}




/**********************************************/
/*************  MEGA MENU *********************/
/**********************************************/


.navbar-default .navbar-nav > li > a {
    font-size: 18px;
	line-height:24px;
	border-right:none;
	padding-right:35px;
	padding-left:35px;
	color:#EEEEEE;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color:#EEEEEE;
	/* background-color: #36699C !important;*/
}



.t3-mainnav {
 
  background-color: #333333;
  background-image: none !important;
  background-repeat: repeat-x;
  border-bottom: none ;
 /* border-top: 6px solid #36699c;   */ 
  position:relative;
  /*box-shadow: 0 3px 5px #666666;*/
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#666666);

}

.t3-megamenu  .nav > .dropdown > .dropdown-toggle .caret{
display:none !important;
}

.t3-mainnav .navbar-inner {
    border-left: none;
}

.t3-mainnav .nav li.dropdown.open > .dropdown-toggle,
.t3-mainnav .nav li.dropdown.active > .dropdown-toggle,
.t3-mainnav .nav li.dropdown.open.active > .dropdown-toggle {
   /* background-color: #36699C; */
    background-image: none;
  /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36699C', endColorstr='#36699C', GradientType=0);*/
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #eee;
  text-decoration: none;
  /*background-color: #36699c;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36699C', endColorstr='#36699C', GradientType=0);*/
  background-image: none;
}


.t3-mainnav .dropdown-menu {
    background-color: #333;
	border-top: 1px solid #fff;  
	border-bottom:0;
	border-right:0;
	border-left:0;
	padding:0;
	margin:0;

}

.dropdown-submenu > .dropdown-menu{
	border-radius:0px !important;
    margin-left: 0px;
    margin-top: -1px;

}

.dropdown-menu {
	border-radius:0px !important;
}
/*
.t3-megamenu .span12.mega-col-nav .mega-inner{
	padding:0 !important;
}
*/
/*.t3-mainnav .dropdown-menu li > a{
		border-color:#333;

}*/

.t3-mainnav .dropdown-menu li > a {
    color: #eeeeee;
}

.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a {
	padding:5px 15px!important;
}

.group-content li a{
	font-size:12px;
	padding:3px !important;
}


.t3-megamenu .dropdown-header, .t3-megamenu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header{
	font-weight:bold;
	color:#EEEEEE;
	border-bottom:1px solid #EEEEEE;
	font-size:16px;
}

.t3-megamenu .dropdown-header:hover, .t3-megamenu .mega-nav .mega-group > .dropdown-header:hover, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:hover{
	color:#EEEEEE;
}

/******************************************************/
/*********** MENU RESPONSIVE **************************/
/******************************************************/
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
 /* background-color: #36699c !important; 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36699C', endColorstr='#36699C', GradientType=0);*/
  background-image: none;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
 /*background-color: #36699c;*/
  background-image: none;
 /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0);*/
}


/******************************************************/

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
 /* background-color: #36699c;*/
  color: #eeeeee;
}

.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-megamenu .mega-nav > li a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
  text-decoration: none;
  color:#eeeeee;
 /* background-color: #36699c;*/
}


.t3-megamenu .row {
 	margin-left: -15px!important;
    margin-right: -15px!important;
}

.t3-megamenu .mega-inner {
    padding: 0;
}

.dropdown-submenu > a:after {
    border-left-color: #EEEEEE !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color:#eeeeee;
}

/***************** FI MEGA MENU***************************/

/**********************************************/
/***************** BREADCRUMBS ****************/
/**********************************************/

.t3-cspt_breadcrumbs{
	background-color: #f1f1f1;
    padding-bottom: 20px;
    padding-top: 24px;
    position: relative;
}

.breadcrumbs > a,
.breadcrumbs > span{
	color:#4e4e4e;
	font-size:26px;
}

.sfxClassFils li > a,
.sfxClassFils li > span{
	color:#36699c;
	font-size:30px;
}


.divider {
    padding: 0 10px;
    vertical-align: super !important;
}

/***************** FI BREADCRUMBS ****************/

/***********************************************/
/***************** TITOL SUBWEB ****************/
/***********************************************/
.t3-cspt_titolsubweb{
		/*border-top: 4px solid #FFFFFF;*/
		position: relative;
		background: #222222;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.7);
		z-index:1;
}

.t3-cspt_titolsubweb h2{ 
	margin-top:0;
	margin-bottom:15px;
	color:#FFFFFF;
	font-size: 33px;
	font-weight: normal;
	padding:0 10px 0 10px;
}
/***************** FI TITOL SUBWEB ****************/
/**********************************************/
/*************** MIGAS DELS SUBWEB *************/
/**********************************************/

.breadcrumbs_subweb{
	/*height:38px;*/
}

ul.ruta_subweb{
	margin:14px 0 5px 0 ;
	padding: 0 7px;
	/*float:left;*/
	list-style:none;
	color:#FFFFFF;
	font-size:12px;
}

ul.ruta_subweb li{
	display:inline;

}

ul.ruta_subweb li a{
	color:#FFFFFF;
	text-decoration:none;
	padding:0 5px 0 5px;
}

ul.ruta_subweb li a:hover {
	text-decoration:underline;
}


/*******************************************************************************************/
/***************** RESPONSIVE ***************************************************************/
/****************************************************************************************/

@media (min-width: 980px) and (max-width: 1199px) {
	
	.custom-head_nav{
		margin-left:-25px!important;	
	}
	 
	#mod-finder-searchword{
		width: 79%;
	}
	
	.navbar-default .navbar-nav > li > a {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}	

}

@media (max-width: 1199px) {
	.logo-image {
		padding-left:0;
	}
	.head-name p {
		font-size: 2em;
		padding-left: 15px;
    	padding-right: 25px;
	}
}

@media (max-width: 979px) {

	/*.row {
		margin-left:0!important;
		margin-right:0!important;
	}
	
	.t3-content, .t3-sidebar {
		padding-left: 0;
		padding-right: 0;
	}*/
	
}


@media (min-width: 768px) and (max-width: 979px) {

	.row {
		margin-left:0!important;
		margin-right:0!important;
	}
	
	.t3-mainnav .navbar .nav > li > a {
    font-size: 16px;
    padding-left: 10px; /*16*/
    padding-right: 10px; /*9*/
	}


	.custom-head_nav{
		margin-left:50px;	
	}
		
	#mod-finder-searchword{
		width: 78%;
	}
		
	.mod-languages select {
			width:83px;
	}
	
	.MenuUser i {
			font-size:1.3em;
	}
		
	.MenuUser li a {
		   font-size: 12px;
	}
	
	.breadcrumbs > a,
	.breadcrumbs > span{
		font-size:24px;
	}
	
	.t3-cspt_titolsubweb h2{ 
		font-size:26px;
	}
	.navbar-default .navbar-nav > li > a {
		padding-left: 20px!important;
		padding-right:20px!important;
		font-size: 16px;
	}
	
	select{
	 width: 100%;
	}
	
}

@media (max-width: 767px) {

	.off-canvas-toggle {
	   display:	block;
		width:85px;
	}
	.btn.btn-primary.off-canvas-toggle::after {
		content: "MENÚ";
		position: absolute;
		top: 0;
		left: 22px;
		font-size: 2rem;
		font-weight: 700;
	}
	
	.navbar-header {
		padding-left: 25px;
		width: 100%;
	}	

	.navbar-header .btn-primary  {
  	 /*  background-color: #36699C;*/
	}	


	.navbar-header .btn-primary:hover  {
  	/*   background-color: #6699CC;*/
	}	
	
	.t3-mainnav .navbar .nav {
	 /*height: 366px;*/
	 height:483px;
	}	
	.t3-mainnav {
	/* border-top: 6px solid #36699C;*/
	}
	
		/*Corrección del error de bootstrap en joomla de scroll horizontal*/
		.row {
			margin-left:0!important;
			margin-right:0!important;
		}
		
		.t3-content, .t3-sidebar {
			padding-left: 0;
			padding-right: 0;
		}
		
	.article-index{
	 width:100%;
	}

	/**********LOGO*************/
	.logo {
		margin: 5px 0 0!important;
		width:50%;
	}
	.logo-image {
		height: 74px;
	}
	.head-name {
		width:50%!important;
		margin:-75px 0 0 !important;
		float:right;
	}
	.head-name .custom {
		height: 74px;
	}
	.head-name p {
		font-size: 2em;
		padding-left:20px;
		padding-right:20px;
	}
	
	/**************** IDIOMA *****************/

	.mod-languages{
		margin-top:0;
		float:left;
		margin-left: 15px;
		width:31%;
	}
	
	.mod-languages select{
		width:100%;
		border-radius: 0;
	}
	
	/**************** SEARCH *****************/
	.head-search .input {
      	 width: 58%;
		 margin-left:7px;
		 margin-right:0;
		 float:left;
	}

	.head-search .input:focus{
		 width: 58%;
	}
	
	/**************** SMART SEARCH *****************/
	#mod-finder-searchword{
	 	width: 80%;
		/* margin-left:7px;
		 margin-right:0;*/
		 float:none;
		 margin:auto!important;
	}
	
	#search-results{
	margin-bottom:10px;
}	

/**********************************************/
/***************** SKIP TO CONTENT *********************/
/**********************************************/

	.cspt_skiptocontent{
		padding-right:10px;
 	}
	
	ul.link_cspt li a{
		font-size:11px;
	}
	
	ul.menu_preheader li a {
	    font-size: 11px;
	}
	
	/**************** HEADER *****************/
	#t3-header {
		padding-bottom:10px;
		padding-top: 10px;
	}
	/**************** MAINNAV *****************/
	.t3-mainnav .navbar-inner {
      margin-left: 15px;
	}
	
	#t3-mainbody{
		padding:0 10px 0 10px;
	}
	
	/**************** BREADCRUMBS *****************/
	.t3-cspt_breadcrumbs {
		padding:15px 15px 5px;
	}
  
	.breadcrumbs > a, .breadcrumbs > span {
		font-size:18px;
	}
	

 /**************************************************************/
 /************CUSTOM MEGA MENU *******************************/
  li.seu > span {
   visibility:hidden !important;
  }
  
  li.seu {
     line-height:0px !important;
  }
  
  #mod-finder-searchform{
  	width:100%!important;
	margin:auto !important;
	margin-top:15px !important;
	float:left;
	
	
  }
  
  
  
  /*********************************************************/
  .custom_menuhead_resp{
		margin:0 0 0 0;
		padding:0;
	}
	
  ul#MenuHeadResp{
	padding:0;
	margin: 0 0 0 -20px;
  }
  
  #MenuHeadResp li{
  	list-style:none;
	display:inline-block;
	border-right:1px solid #777777;
	 margin-top: -10px;
    height: 58px
  }	

  ul#MenuHeadResp li a{
  	border-top:none;
	padding: 19px 20px 5px;
  }

  ul#MenuHeadResp li a:hover{
  background:none;
  }


  #MenuHeadResp i{
		font-size:2.6em;
	}
 
   .module_menuhead_resp{
   	height:50px;
   }
   
   .menuHead{
   	height: 58px;
    margin-top: -5px;
    background: #444444;
   }	
   
   #MenuHeadResp span{
    	margin-left:20px;
		vertical-align:top;
   }	

/***************************************************/
/****** GTRANSLATE **********/
.langsearch{
	margin:auto;
	margin-top:10px;
	width:80%;
}
.head-search {
	margin-top:-10px;

}
/****************************/
.custom_MenuUser{
	margin:auto;
	margin-top:-30px;
	width:80%;
	float:none;
}


/***************************************************/
   .mod-languages_head_resp_lang ul.lang-inline li{
 	display:inline-block;
	margin-right: -16px;
   }

   ul.lang-inline{
	margin:-43px 0 0 50px !important;
   }

   .mod-languages_head_resp_lang .icon-flag{
 	font-size:2.6em;
   }
 
   ul.lang-inline li a{
 	border-top:0 none !important;
   }
   
   ul.lang-inline li a:hover{
 	background:none !important;
   }
   
   li.lang-active a{
   	text-decoration:underline!important;
   }
   
	.t3-cspt_titolsubweb h2{ 
		font-size:26px;
	}
	
}

@media (max-width: 480px) {
	.logo-image {
		height: 60px;
	}
	.head-name {
		margin: -60px 0 0 !important;	
	}
	.head-name .custom{
		height: 60px;	
	}
	.head-name p {
		font-size: 1.4em;
		padding-right:0;
		padding-left:10px;
	}
	
	/**************** IDIOMA *****************/
	.mod-languages{
			width:32%;
	}
		
		
	 #MenuHeadResp span{
			margin-left:5px;
	}
		
	ul#MenuHeadResp li a{
		padding: 19px 10px 5px;
	 }
	  
	#mod-finder-searchword{
		margin: auto auto !important;
		width: 80%;
	}
		
	
}