* { box-sizing: border-box; }

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Verdana';
	font-size: 13px;
	background-color: #242D33;
	color: #eee;
	letter-space: 0.4px;
	line-height: 21px;
}

.container {
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}

.row {
	margin: 0;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100% !important;
}

.title {
	font-family: 'Merriweather', serif;
	font-size: 30px;
	padding-top: 25px;
	padding-bottom: 5px;
}

p:first-child {
	margin-top: 0;
}

.news-row span{
	display: block;
}


h1, h2 {
	margin: 0;
	font-size: 40px;
	line-height: normal;
	line-space: 21px;
	font-family: 'Merriweather', serif;
	font-weight: 400;
	font-weight: normal;
	
}

h3 {
	margin: 0;
	font-size: 21px;
	line-height: 29px;
	letter-space: 0.8px;
	font-weight: normal;
	font-family: 'Merriweather', serif;
	font-weight: 400;
}

h4 {
	margin: 0;
	font-size: 16px;
	line-height: 29px;
	letter-space: 0.8px;
	font-weight: normal;
	font-family: 'Merriweather', serif;
	font-weight: 400;
}



#content-wrapper {
	background-color: #fff;
	color: #333;
	padding: 25px 0;
	max-width: 100%;
	min-height: 645px;
}

a {
	text-decoration: none;
	color: #f37a02;
}

.text-decoration-none:hover {
	text-decoration: none;
}

.content {
	margin-bottom: 10px;
}

.content:last-child {
	margin-bottom: 0px;
}

.icon {
	max-width: 24px;
	max-height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.label-inline {
	display: inline-block;
	width: auto;
}

label {
	/*display: block;*/
	min-height: 21px;
	font-weight: bold;
}

.logo, .logo img {
	width: 24px; 
	height: 24px;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto; 
	
}

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	
}

.padding-10 {
	padding: 10px;
}

#banners img {
	/* max-height: 104px;*/
	 margin-bottom: 15px;
}

#banners .right {
	padding-left: 14px;
}

/* events */

.event-days {
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}

.event-days {
	font-family: 'Merriweather', serif;
	font-size: 18px;
	
}

.event-day {
	text-align: center;
	cursor: pointer;
	padding: 10px 0 5px 0;
}

.event-day:hover {
	background-color: #eee;
}

.event-day.active {
	font-weight: bold;
	background-color: #eee;
}

.events {
	padding-top: 25px;
}

.day-0 { color: red; }
.day-6 { color: grey; }

.left { padding-right: 13px; }
.right { padding-left: 12px; }

.h2-responsive{
	font-size: 30px;
	margin-botton:5px;
}

@media (max-width: 767px) {
	.left { padding-right: 0; }
	.right { padding-left: 0; }
	.row { padding: 0 5px; }
	.h2-responsive{ font-size: 15px;}
	.text-banner-newsletter { font-size: 10px;}
}


#input-news {
	padding: 5px;
}

#input-send-news {
	padding: 0 10px 0 10px;
	margin: 2px 0 0px 0;
}



/********************************************/
/** BUTTONS									*/
/********************************************/

.button {
    background-color: #e7e7e7; 
    border: none;
    color: black;
    padding: 11px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    margin-bottom: 30px;
    cursor: pointer;
    font-family:'Verdana';
    
    
}


.button:hover {
  color: #EE750D; 
}


#titol_fcbq {
     margin-left: 0px!important; 
     background-color: white !important; 
     width: 100%!important; 
     color: #333!important; 
     padding-left: 0px!important;
     margin-top: 15px;
     margin-bottom:15px !important;
     
}

div#taula_contacte div.titol_territorial {
	border-top:5px solid #EE750D;
	border-bottom:5px solid #EE750D;
	}
	
/********************************************/
/** NOTICIAS								*/
/********************************************/

/* CONTROL DE CALENDARIO RESPONSIVE */
.selectornotisresponsive{
	visibility: hidden;
	display:none !important;
}

@media (max-width: 767px) {
    .selectornotisresponsive{
		visibility: visible;
		display:block !important;	
	}
.selectornotis{visibility: hidden; display:none !important;}
    
}

/********************************************/
/** comunes								*/
/********************************************/

.marginsideright15 {
	margin-right: 15px;
}
.marginsideleft15 {
	margin-left: 15px;
}

/********************************************/
/** cookies								*/
/********************************************/

#barraaceptacion {
	display:none;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	text-align:center;
	min-height:40px;
	background-color: rgba(0, 0, 0, 0.5);
	color:#fff;
	z-index:99999;
}

.inner {
	width:100%;
	padding-top:5px;
	padding-left:5px;
	font-family:verdana;
	font-size:12px;
	top:30%;
}

.inner a.ok {
    line-height: 40px;
    color: #FFF;
    display: inline;
    background-color: #f37a02;
    padding: 3px 10px; 
    font-weight: bold;

}
.inner a.info {
   
    border-bottom: 1px #FFF dotted;
    color: #FFF;
    font-weight: bold; 
    text-decoration: none;

}

/* Margin */

.m-bottom{
	margin-bottom: 25px !important;
}

.m-bottom-10{
	margin-bottom: 10px !important;
}

.m-bottom-15{
	margin-bottom: 15px !important;
}

.m-top{
	margin-top: 25px !important;
}

.m-top2{
	margin-top: 2px !important;
}

.m-top5{
	margin-top: 5px !important;
}

.m-top10{
	margin-top: 10px !important;
}

.m-top15{
	margin-top: 15px !important;
}

.m-top35{
	margin-top: 35px !important;
}

.m-top40{
	margin-top: 40px !important;
}

.m-left{
	margin-left: 25px;
}

.m-left-10{
	margin-left: 10px;
}

.m-left-15{
	margin-left: 15px;
}

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

.m-right{
	margin-right: 25px;
}

.m-right-5{
	margin-right: 5px;
}

.m-right-10{
	margin-right: 10px;
}

.m-right-15{
	margin-right: 15px;
}


.m-0{
	margin: 0;
}

.m-10{
	margin: 10px;
}

.m-25{
	margin: 25px;
}

/* Padding */

.pd-0{
	padding: 0;
}

.pd-25{
	padding: 25px;
}

.pd-5{
	padding: 5px;
}

.pd-3{
	padding: 3px;
}

.pd-bottom-10{
	padding-bottom: 10px;
}

.pd-bottom-5{
	padding-bottom: 5px;
}

.pd-left-0{
	padding-left: 0px!important;
}

.pd-left{
	padding-left: 25px;
}

.pd-left-10{
	padding-left: 10px;
} 

.pd-left-12{
	padding-left: 12.5px;
}

.pd-left-15{
	padding-left: 15px;
}

.pd-right{
	padding-right: 25px;
}

.pd-right-12{
	padding-right: 12.5px;
}

.pd-right-15{
	padding-right: 15px;
}

.pd-bottom{
	padding-bottom: 25px;
}

.pd-bottom-5{
	padding-bottom: 5px;
}

.pd-top-0{
	padding-top: 0px!important;
}

.pd-top-5{
	padding-top: 5px;
}

.pd-top-10{
	padding-top: 10px;
}

.pd-bottom-10{
	padding-bottom: 10px;
}

.pd-bottom-15{
	padding-bottom: 15px;
}

.pd-bottom-25{
	padding-bottom: 25px;
}

.pd-top-25{
	padding-top: 25px;
}

/* Border */

.b-1{
	border-bottom: 1px solid;
}

.b-1-1-1-1{
	border: 1px solid;
}

.bb-2{
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 2px solid !important;
}

.b-s-0{
	border-radius: 0px !important;
}

.b-0{
	border: 0px;
}

.bt-1{
	border-top: 1px solid;
}

.b-color-orange{
    border-color: #f37a02;
}

.b-color-ddd{
    border-color: #ddd;
}

/*List*/

.ls-0{
	list-style-type: none;
}
/*Colors*/

.c-0{
	color:#f37a02!important;
}

.c-1{
	color:#eee !important;
}

.c-2{
	color:#D9D9D9;
}

.c-3{
	color:#242D33;
}

.c-4{
	color: black;
}

.c-5{
	color: white !important;
}

.c-6{
	color: #ddd;
}

/*background color*/

.bg-0 {
    background-color: #333;
}

.bg-1 {
    background-color: #242D33;
}

.bg-2 {
    background-color: #ee750d;
}

.bg-3 {
    background-color: #f3f3f3;
}
.bg-4 {
    background-color: #D7D7D7;
}

.fs-15{
	font-size: 15px;
}

.fs-16{
	font-size: 16px;
}

.fs-12{
	font-size: 12px;
}

.fs-13{
	font-size: 13px;
}

.fs-30{
	font-size: 30px !important;
}

.fs-38{
	font-size: 38px !important;
}

.f-style-italic{
    font-style: italic;
}

.f-family-v{
	font-family:verdana;
}

.ff-1{
	font-family: 'Merriweather', serif!imprtant;
}

/*display*/

.d-block{
	display: block;
}
.d-none{
	display: none;
}
.d-inline{
	display: inline!important;
}
.d-inline-block{
	display: inline-block;
}

/*cursor*/
.cursor-pointer{
	cursor: pointer;
};

/* Float */

.f-left{
	float: left;
}

.f-right{
	float: right;
}

.uppercase{
	text-transform: uppercase;
}

.max-width-img{
	 max-width: 25px!important;
}

.width-img{
	width: 100%;
}

.max-height-img{
	max-height: 500px;
}

.vertical-align-middle{
	vertical-align: middle;
}

/*text weight */

.tw-bold-600{
    font-weight: 600;
}

.tw-bold-800{
    font-weight: 800!important;
}

/*Box translate*/

#box_translate{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background-color: white;
    width: 185px;
    margin-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 24px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px #ddd;
}

.dataTables_filter {
    text-align: right;
}

/* Data Table*/

#box_translate a { 
	color: #000!important;
}

/*btn*/

.btn-fcbq-orange{
	color: #fff!important;
    background-color: #EE750D;
    border-color: #EE750D;
    font-weight: 700;
}

.btn-fcbq-orange:hover{
    background-color: #d16508;
    border-color: #d16508;
}

/*********/

@media (max-width: 991px) {
/* box trans */
#box_translate{
	    position: relative;
	    background-color: #242D33;
	    width: 100%;
	    margin-left: 0px;
	    border: 0px;
	    box-shadow: none;
	}
/* Responsive titulos*/
	h1{
		font-size:26px;
		line-height: 25px
	}
	
	h2{
		font-size:20px;
		line-height: 24px
	}
	
	h3{
		font-size:14.5px;
		line-height: 20px
	}
/* Reducir espacios */

.pd-left-12{
	padding-left: 5.5px;
}

.pd-right-12{
	padding-right: 5.5px;
}



}

@media (min-width: 991px) {
	.vertical-align {
	    display: flex;
	    align-items: center;
	}
}

/*publi lateral*/

.publi-right {
    margin-top: 0;
    margin-left: -665px;
    position: absolute;
    top: 0%; 
    left: 50%; 
    width: 120px; 
    height: 600px; 
    margin-left: -730px;
    z-index: 777; 
}
.publi-left {
    margin-top: 0;
    margin-left: -665px;
    position: absolute;
    top: 0%; 
    left: 50%; 
    width: 120px;
    height: 600px; 
    margin-left: 610px;
    z-index: 777; 
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.point-box-info-score{
	display: grid;
}