html {
	background-color	: #FFFFFF;
}

body {
	color	: #333333;
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	font-size	: 18px;
	line-height	: 2em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

a {
	color	: #007c37;
}

a:hover {
	color	: #007c37;
	text-decoration	: none;
}

.container {
	margin	: auto;
	max-width : 1200px;
	position	: relative;
	width	: 90%;
	width	: calc(100% - 40px);
}


.btn {
	font-size	: 18px;
	border-radius	: 10px;
}

/**
 * Botó "call to action" compatible amb Bootstrap 3
 * Generat amb: http://twitterbootstrap3buttons.w3masters.nl/?color=%23C9002C
 */
.btn-call-to-action {
  background-color: #DCDC1C;
  border-color: #DCDC1C;
  border-radius	: 10px;
  color: #333;
}
.btn-call-to-action:hover,
.btn-call-to-action:focus,
.btn-call-to-action:active,
.btn-call-to-action.active {
  background-color: #DCDC1C;
  border-color: #DCDC1C;
  color: #333;
}
.btn-call-to-action.disabled:hover,
.btn-call-to-action.disabled:focus,
.btn-call-to-action.disabled:active,
.btn-call-to-action.disabled.active,
.btn-call-to-action[disabled]:hover,
.btn-call-to-action[disabled]:focus,
.btn-call-to-action[disabled]:active,
.btn-call-to-action[disabled].active,
fieldset[disabled] .btn-call-to-action:hover,
fieldset[disabled] .btn-call-to-action:focus,
fieldset[disabled] .btn-call-to-action:active,
fieldset[disabled] .btn-call-to-action.active {
  background-color: #DCDC1C;
  border-color: #DCDC1C;
  color: #333;
}

/**
 * Botons compatibles amb els botons Divi
 */
.et_pb_button {
	background-color: #DCDC1C;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	border: 2px solid;
	display	: inline-block;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.7em !important;
	padding: .3em 1em;
	transition: all .2s;
}

.et_pb_button::after, .et_pb_button::before {
	margin-left: -1em;
	opacity: 0;
	position: absolute;
	text-shadow: none;
	transition: all .2s;
}

.et_pb_button::after {
	content: "\f054";
	font-family: 'Font Awesome 6 Pro', ETModules !important;
	font-size: 20px;
	font-weight: 900;
	line-height: 35px;
	padding-left: 10px;
}

.et_pb_button:hover {
	border: 2px solid transparent;
	padding: .3em 2em .3em .7em;
}

.et_pb_button:hover::after {
	opacity: 1;
	margin-left: 0;
}

/**
 * Carousels
 */
.carousel {
	border	: none;
	margin	: 0;
	padding	: 0;
	position	: relative;
}

.carousel .et_pb_slides .et_pb_slide {
	background-size	: cover;
	background-position	: center;
}

.carousel .et_pb_slider_container_inner {
	width	: 100%;
}

.carousel .et_pb_slide_description {
	color	: #FFF;
	margin	: auto;
	padding	: 16% 8%;
	text-align	: center;
}

.carousel h2 a {
	color	: #FFF;
}

.carousel .et_pb_slide_content {
	font-weight	: 400;
}

.carousel .et_pb_button_wrapper {
	margin-top	: 20px;
}

.carousel .boto-rodo-slider {
	background-color	: #DCDC1C;
	border-radius	: 50%;
	color	: #333;
	display	: inline-block;
	height	: 40px;
	line-height	: 40px;
	text-align	: center;
	width	: 40px;
}
 
.carousel-control,
.carousel-control:hover {
	background-image	: none !important;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
	border: 3px solid;
	border-radius: 50%;
	display: block;
	width: 40px;
	height: 40px;
}

.carousel-control .icon-prev {
	margin-left: -45px;
}

.carousel-control .icon-next {
	margin-right: -45px;
}

#page-container > .container-fluid {
	margin-top	: 10px;
}

.container-fluid {
	max-width	: 1170px;
}

/**
 * Modals 
 */
.modal {
	z-index	: 100001;
}

/**
 * Capçalera
 */
#top-header {
	line-height	: 1em;
	font-size: 12px;
	z-index	: 100000;
}


#top-header, #top-header a {
	color	: #333333;
}

#et-secondary-nav, #et-secondary-nav li {
	display: inline-block;
}

#et-secondary-nav li {
	position: relative;
	text-align: right;
}	

#et-secondary-nav li {
	margin-right: 15px;
}

#et-secondary-nav li > ul {
    width: 220px;
}

#et-secondary-nav li ul {
	background-color	: #007c37;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
	opacity: 0;
	padding: 1em 0;
	position: absolute;
	right: 0;
	visibility: hidden;
	z-index: 999999;
}

#et-secondary-nav li:hover > ul {
	opacity: 1;
	visibility: visible;
}

#et-secondary-nav li li {
	display: block;
	margin: 0;
	padding: 0;
	text-align	: left;
}

#et-secondary-nav li ul a {
	color: #ffffff;
	display: block;
	line-height: 1em;
	margin-right: 0;
	padding: 1em;
	transition: all .2s ease-in-out;
	width: 100%;
}

#et-secondary-nav .menu-item-has-children > a:first-child {
	padding-right	: 12px;
}

#et-secondary-nav .menu-item-has-children > a:first-child::after {
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-size: 10px;
	position: absolute;
	right: 0;
	top: 0;
	font-weight: 600;
}

#et-secondary-menu li, #top-menu li {
	word-wrap: break-word;
}

#et-info, #et-secondary-menu > ul > li a {
	padding-bottom: .75em;
	display: block;
}

#top-header #et-secondary-nav li.item-mesures-covid a {
	font-weight	: 500;
}

#mobile-menu .item-colonies-campament small {
	display	: block;
	margin-top	: -20px;
}

#main-header {
	line-height: 23px;
	font-weight: 500;
	background-color: #fff;
	width: 100%;
	z-index: 99999;
}

#main-header .logo_container {
	position: absolute;
}

#main-header .logo_container a {
	display	: block;
}

#logo {
	vertical-align	: middle;
}

#top-menu::before {
	display	: none !important;
}

#top-menu li {
	display: inline-block;
}
#top-menu li {
	word-wrap: break-word;
}

#top-menu a {
	color	: #666666;
	text-decoration: none;
	display: block;
	position: relative;
	transition: all .4s ease-in-out;
}

.nav li {
	position: relative;
	line-height: 1em;
}

.nav > li > a:hover {
	background-color	: transparent;
}

.nav li ul {
	position: absolute;
	padding: 20px 0;
	z-index: 9999;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
	-webkit-transform: translateZ(0);
	text-align: left;
}

.nav li:hover > ul {
	opacity: 1;
	visibility: visible;
}

#top-menu li.mega-menu.et-hover > ul {
	opacity: 1 !important;
	visibility: visible !important;
}

#main-header .nav li ul {
	background-color: #007c37;
}

#top-menu li.mega-menu > ul {
	padding: 30px 20px;
	position: absolute !important;
	width: 100%;
	left: 0 !important;
}

#top-menu li li {
    padding: 0 20px;
    margin: 0;
}
#top-menu li {
    display: inline-block;
    font-size: 14px;
}
#et-secondary-menu li, #top-menu li {
    word-wrap: break-word;
}
.nav li li {
	position: relative;
	line-height: 2em;
}

#top-menu li li a {
	padding: 6px 20px;
	width: 200px;
}


/** Cos **/
.layout-2-columnes .cos {
	margin	: 0 0 30px 0;
}

/*
.layout-2-columnes .cos h2 {
	background-image	: url("../../images/frontend/misc/solet-vermell-23x23.png");
	background-position	: left center;
	background-repeat	: no-repeat;
	border-bottom	: 1px dotted #c9002c;
	color	: #C9002C;
	font-size	: 25px;
	min-height	: 35px;
	line-height	: 35px;
	margin	: 0 0 10px;
	padding-left	: 30px;
}
*/

.layout-2-columnes .cos h3 {
  border-bottom	: 1px dotted #666;
	color	: #C9002C;
  font-size	: 18px;
  min-height	: 35px;
  line-height	: 35px;
}

/** Contingut principal **/
.content {
	background-color	: #FFF;
	border-top	: 5px solid #E0E0E0;
	box-shadow	: 0 6px 6px -6px rgba(22, 33, 44, 0.2);
	padding	: 20px;
	margin	: 0 0 50px 0;
}

.content h2 {
	background-image	: url("../../images/frontend/misc/solet-vermell-23x23.png");
	background-position	: left center;
	background-repeat	: no-repeat;
	border-bottom	: 1px dotted #c9002c;
	color	: #C9002C;
	font-size	: 25px;
	min-height	: 35px;
	line-height	: 35px;
	margin	: 0 0 10px;
	padding-left	: 30px;
}

.content h3 {
  border-bottom	: 1px dotted #666;
	color	: #C9002C;
  font-size	: 18px;
  min-height	: 35px;
  line-height	: 35px;
}

/** Menú lateral **/
.menu-lateral .logo {
	margin-top	: 0;
	position	: relative;
	right	: -10px;
	top	: -10px;
}

.menu-lateral .navegacio {
	margin-bottom	: 30px;
}

.menu-lateral .navegacio h3 {
	font-size	: 20px;
	margin	: 0;
	padding	: 0 10px;
}

.menu-lateral .navegacio ul {
	list-style-type : none;
	margin : 0;
	padding	: 0;
}

.menu-lateral .navegacio li {
	border-bottom	: 1px solid #EBEBEB;
}

.menu-lateral .navegacio li:hover {

}

.menu-lateral .navegacio a {
	color: #c9002c;
	display: block;
	font-size: 14px;
	padding: 10px;
}

.menu-lateral .modul-destacat {
	background-color	: #ffd66e;
	background-image	: linear-gradient(to right, #ffbb0e 0%, #ffd66e 100%);
	background-repeat	: repeat;
	box-shadow	: 0 6px 6px -6px #000;
	color	: #FFF;
	font-family	: Quicksand, Verdana;
	font-size	: 18px;
	margin-top	: 30px;
	padding	: 10px;
	text-align	: center;
	text-shadow	: 1px 1px 1px #000;
}

.menu-lateral .modul-destacat .telefon {
	font-size	: 25px;
	margin	: 20px 0;
}

/** Menú superior (intranet) **/
.menu-superior .navegacio {
	margin-bottom	: 30px;
}

.menu-superior .navegacio ul {
	list-style-type : none;
	margin : 0;
	padding	: 0;
	text-align	: center;
}

.menu-superior .navegacio li {
	display: inline-block;
	padding: 5px 10px;
	font-size: 80%;
}

.menu-superior .navegacio li.divider {
	display	: none;
}

 
/** 
 * Secció pregunta'ns
 */
.seccio-contacta-ns {
	margin-bottom	: 50px;
}

/**
 * Secció Som Fundesplai
 */
.seccio-som-fundesplai {
	
}

.seccio-som-fundesplai .et_pb_row {
	display	: flex;
	margin	: 0 auto;
	max-width	: 1200px;
}

.seccio-som-fundesplai .et_pb_column_1_3 {
	display	: none
}

.seccio-som-fundesplai .et_pb_column_2_3 {
	width	: 100%;
}

/** 
 * Peu
 */
#main-footer {
	background-color: #333333;
}

#main-footer .container {
	margin: auto;
	max-width: 1200px;
	position: relative;
	text-align: left;
	width: 80%;
}

#main-footer #footer-widgets {
	display	: flex;
	flex-wrap	: wrap;
}

#main-footer .footer-widget {
	color	: #FFF;
	flex-grow	: 1;
	font-size	: 14px;
	line-height	: 1.5;
	margin-right	: 0;
	min-width	: 250px;
	width: 33.333%;
}

#main-footer .widget_nav_menu .menu {
	list-style	: none;
	margin	: 0;
	padding	: 0;
}

#main-footer .widget_nav_menu .menu li {
	margin-bottom: .5em;
}

#footer-widgets .footer-widget a, 
#footer-widgets .footer-widget li a, 
#footer-widgets .footer-widget li a:hover {
	color: #ffffff;
}


#et-footer-nav {
	background-color: #c3c3c2;
}

.bottom-nav, .bottom-nav a, .bottom-nav li.current-menu-item a {
	color: #333333;
}

.bottom-nav {
	list-style	: none;
	margin	: 0;
	padding: 15px 0;
}

.bottom-nav li {
	display: inline-block;
	font-size: 14px;
	padding-right: 22px;
}

/** Logos dels patrocinadors **/
#main-footer .logos-patrocinadors {
	background-color: #ffffff;
	margin	: 0;
	padding	: 30px 0 20px 0;
}

#main-footer .logos-patrocinadors ul {
	display	: flex;
	justify-content	: center;
	flex-wrap	: wrap;
	list-style	: none;
	margin	: 0;
	padding	: 0;
}

#main-footer .logos-patrocinadors li {
	margin	: 0 20px 20px 20px;
}

#main-footer .logo-patrocinador {
	height	: 30px;
}

/** Footer logos qualitat **/
#footer-bottom {
	background-color: #ffffff;
}

/** Select amb icons de Font-Awesome **/
select.chosen-icon + .chosen-container.chosen-container-single .chosen-single,
select.chosen-icon + .chosen-container-multi .chosen-choices {
	background-color	: #DDD !important;
	border	: none;
	border-radius	: 10px;
	padding-left	: 35px !important;
}

select.chosen-icon + .chosen-container.chosen-container-single .chosen-single:before,
select.chosen-icon + .chosen-container-multi .chosen-choices:before {
	background-color	: #DDD;
	content	: "";
	display	: block;
	font-family	: "Font Awesome 6 Pro";
	font-size	: 16px;
	font-weight	: 700;
	height	: 100%;
	left	: 0;
	line-height	: 34px;
	position	: absolute;
	text-align	: center;
	top	: 0;
	width	: 30px;
}

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices, 
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single, 
select.form-control + .chosen-container .chosen-search input[type="text"]:focus {
	border-color: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/** Formularis **/
input.float,
input.integer,
input.numeric {
		text-align  : right;
}

.form-control {
	background-color	: #DDD;
	border	: none;
	box-shadow	: none;
	font-weight	: 400;
}

.form-actions {
	background-color	: #f5f5f5;
	border-top	: 1px solid #e5e5e5;
	margin-bottom	: 20px;
	margin-top	: 20px;
	padding	: 19px 20px 20px;
}

#body #content {
	background-position : 12px top;
	background-repeat : no-repeat;
	overflow  : hidden;
	padding : 205px 0 20px 12px;
	zoom	: 1;
}

#body #content #info-connexio {
	font-size : 8pt;
	padding : 2px 0;
	text-align  : right;
}

#body #content h1 {
	margin  : 5px 0 10px 0;
}

#body #content .botons {
	margin  : 10px 0;
	text-align  : center;
}

#body #content .botons a,
#body #content .botons button {
	background-position : center center;
	background-repeat : no-repeat;
	border  : none;
	display : inline-block;
	font-size : 10pt;
	font-weight : bold;
	height  : 31px;
	line-height  : 31px;
	margin  : 0 10px;
	text-decoration : none;
	width : 90px;
}

#body #content .botons-formulari-inscripcio {
	text-align  : right;
}

#body #content .botons-formulari-inscripcio a#boto-cancellar,
#body #content .botons-formulari-inscripcio a#boto-tornar {
	background  : none;
	display : inline;
	float : left;
	font-size : 8pt;
	font-weight : normal;
	text-decoration : underline;
	width : auto;
}

/** Ajuda als formularis **/
.help {
	font-size : 8pt;
	text-align  : center;
}

/** Misstages d'error als formularis **/
ul.error_list {
	list-style-type : none;
	margin  : 0;
	padding : 0;
}

ul.error_list li {
	font-size : 0.8em;
	margin  : 2px 0;
	padding : 0;
}

/** Missatges d'èxit **/
p.flash-success {
	background-image  : url(/images/frontend/ico/16x16/ok.gif);
	background-position : 3px 5px;
	background-repeat  : no-repeat;
	background-color  : #C7E3C7;
	border-color  : #339933;
	border-style  : solid;
	border-width  : 1px 0;
	color : #000;
	padding : 5px 5px 5px 22px;
}

p.flash-error {
	background-image  : url(/images/frontend/ico/16x16/dialog-error.png);
	background-position : 3px 5px;
	background-repeat  : no-repeat;
	background-color  : #FFB9B9;
	border-color  : #FF0000;
	border-style  : solid;
	border-width  : 1px 0;
	color : #000;
	padding : 5px 5px 5px 22px;
}


div.res-per-mostrar {
	color	: #9C9C9C;
	font-style  : italic;
	padding : 5px 0;
	text-align  : center;
}

/** Mòdul subscricions ofertes **/
.subscripcio-noticies {
	font-size	: 12px;
	padding	: 10px;
}

.subscripcio-noticies h4 {
	color	: #C9002C;
	margin-top	: 0;
}

.subscripcio-noticies form {
	margin	: 0;
}

.subscripcio-noticies input[name=email] {
	margin-bottom	: 0;
}

.subscripcio-noticies label  {
	font-size	: 12px;
}

.subscripcio-noticies .form-actions {
	background-color	: transparent;
	border	: none;
	margin	: 0;
	padding	: 0;
}

.barra-lateral .subscripcio-noticies {
	font-size	: 11px;
	line-height	: 18px;
	padding	: 4px;
}

.barra-lateral .subscripcio-noticies h4 {
	background	: #e9500c; /* Old browsers */
	background	: -moz-linear-gradient(left,  #e9500c 0%, #f4a103 100%); /* FF3.6+ */
	background	: -webkit-gradient(linear, left top, right top, color-stop(0%,#e9500c), color-stop(100%,#f4a103)); /* Chrome,Safari4+ */
	background	: -webkit-linear-gradient(left,  #e9500c 0%,#f4a103 100%); /* Chrome10+,Safari5.1+ */
	background	: -o-linear-gradient(left,  #e9500c 0%,#f4a103 100%); /* Opera 11.10+ */
	background	: -ms-linear-gradient(left,  #e9500c 0%,#f4a103 100%); /* IE10+ */
	background	: linear-gradient(to right,  #e9500c 0%,#f4a103 100%); /* W3C */
	color	: #FFF;
	filter	: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9500c', endColorstr='#f4a103',GradientType=1 ); /* IE6-9 */
	font-size	: 14px;
	margin	: 0;
	padding	: 3px 5px;
	text-shadow	: 1px 1px 1px #000000;
	text-transform	: uppercase;
}

.barra-lateral .subscripcio-noticies .modul-body {
	padding	: 3px 5px;
}

/**
 * Pagines
 */
.imatge-principal-wrapper {
	min-height	: 300px;
	height	: calc(100vh - 285px);
	max-height	: 600px;
	margin-bottom	: 30px;
}

.imatge-principal-wrapper img {
	height: 100%;
	object-fit: cover;
	object-position	: center;
	width: 100%;
}

.columnes-alternades {
	margin	: 50px 0;
}

.columnes-alternades > div {
	display	: flex;
	flex-wrap	: wrap;
}

.columnes-alternades .col-imatge {
	background-size	: cover;
	background-position	: center;
	flex-grow	: 1;
	min-height	: 300px;
	width	: 100%;
}

.columnes-alternades .col-imatge img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.columnes-alternades .col-text {
	background-color	: #E9E9E9;
	flex-grow	: 1;
	width	: 100%;
}

.columnes-alternades .col-text .col-text-inner {
	margin	: 0 auto;
	padding	: 20px;
}

/** Lightgallery **/
.lg-backdrop {
	z-index	: 100000 !important;
}

.lg-outer {
	z-index	: 100000 !important;
}

/** Estils especifics de la vista promotor **/
body.vista-promotor header.main {
	margin-bottom	: 0;
}

body.vista-promotor .sub-header-promotor {
	background-color	: #FFD56D;
	font-size	: 20px;
	padding	: 10px 20px;
	text-align	: center;
}

body.vista-promotor .sub-header-promotor > div {
	margin	: 0 auto;
	max-width	: 1150px;
}

body.vista-promotor .sub-header-promotor > div > div {
	text-align	: left;
}

body.vista-promotor .sub-header-promotor #logo-promotor {
	margin-right	: 10px;
	max-height : 110px;
}

body.vista-promotor .sub-header-promotor strong {
	font-size	: 24px;
}

body.vista-promotor .sub-header-promotor + #breadcrumbs {
	display	: none;
}

body.vista-promotor .menu-lateral .logo {
	display	: none;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color	: #F7F7F7;
}

/** Estils personalitzats **/
/* Pàgina oferta beques ACCC */
body.pagina-14 .foto-capcalera-wrap {
	display	: none;
}

/** Pàgina vacances en família **/
.pagina-6 .foto-capcalera-wrap,
.pagina-18 .foto-capcalera-wrap {
	display	: none;
}

.pagina-6 img.destacat,
.pagina-18 img.destacat {
	margin-bottom	: 10px;
}

/** Pàgina explicacions vacances en família en castellà i en català **/
body.pagina-16 .content h2, 
body.pagina-17 .content h2 {
	font-size	: 22px;
}

body.pagina-16 .content h3, 
body.pagina-17 .content h3 {
	font-size	: 18px;
}

/** Pàgina Organitzem casals i colònies a mida **/
.pagina-9 header.main .barra-destacada {
	display	: none;
}

.pagina-9 .foto-capcalera-wrap {
	display	: none;
}

.pagina-9 .intro-principal {
	background-color	: #FFBB0E;
	font-size	: 16px;
	margin	: 15px 0 20px 0;
	padding	: 10px 10px;
}

.pagina-9 img.destacat {
	margin-bottom	: 10px;
}

.pagina-9 .beneficis {
	margin-left	: 15px;
}

.pagina-9 .beneficis li {
	margin-bottom	: 10px;
}

.pagina-9 .row-call-to-action {
	background-color	: #F7F7F9;
	margin	: 20px 0;
	padding	: 20px 0;
	text-align	: center;
}

.pagina-9 .principal .row-call-to-action {
	margin-top	: 5px;
}

.pagina-9 .logos-wrapper {
	margin	: 10px 0 20px 0;
	text-align	: center;
}

.pagina-9 .logos {
	display	: inline-block;
	text-align	: left;
}

.pagina-9 .logos p {
	color	: #AAA;
	font-size	: 10px;
	font-weight	: bold;
	text-transform	: uppercase;
}

.pagina-9 .logos img {
	display	: inline-block;
	margin	: 0 20px 0 0;
	vertical-align	: middle;
}

.pagina-9 .logos img:last-child {
	margin-right	: 0;
}

.pagina-9 .testimonis {
	background-color	: #F7F7F9;
	border	: 1px solid #E1E1E8;
}

.pagina-9 .testimonis .carousel-control {
	font-size	: 20px;
	line-height	: 31px;
	height	: 30px;
	width	: 30px;
}

.pagina-9 .testimonis .carousel-control.left {
	left	: 0;
	top	: 128px;
}

.pagina-9 .testimonis .carousel-control.right {
	right	: 0;
	top	: 128px;
}

/** Citacions **/
.pagina-9 blockquote {
	border-left	: none;
	font-family	: Georgia, serif;
	font-style	: italic;
	margin	: 10px 0;
	padding	: 10px 50px;
	position	: relative;
}

.pagina-9 blockquote:before {
	display	: block;
	content	: "\201C";
	font-size	: 80px;
	position	: absolute;	
	left	: 0px;
	top	: 40px;
	color: #7a7a7a;
}

.pagina-9 .carousel blockquote:before {
	top	: 10px;
}

.pagina-9 blockquote small a {
	color	: #999;
}


/**
 * Pàgina "Com eduquem"
 */
.pagina-com-eduquem #graella-valors {
	display	: flex;
	flex-wrap	: wrap;
	margin	: 50px 0;
}

.pagina-com-eduquem #graella-valors .valor {
	align-items: center;
	background-color	: #007B3A;
	background-position	: center;
	background-size	: cover;
	color	: #FFF;
	display: flex;
	flex-grow	: 1;
	font-family: Sophia, Roboto, sans-serif;
	font-size: 76px;
	height: 300px;
	justify-content	: center;
	line-height	: 1;
	padding	: 30px;
	text-align: center;
	text-shadow: 0 0 10px #000, 0 0 3px #000;
	width	: 33%;
}

/** 
 * Pàgina Mesures COVID-19
 */
.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid {
	display	: flex;
	flex-wrap	: wrap;
	margin	: 50px 0;
}

.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid .bloc {
	display	: flex;
	margin-bottom	: 20px;
	width	: 100%;
}

.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid .bloc .icona {
	width	: 100px;
}

.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid .bloc .icona .fas {
	color: #333333;
	border: 1px solid #333;
	border-radius: 40px;
	display: block;
	font-size: 26px;
	height: 68px;
	line-height: 68px;
	margin: 0 auto;
	text-align: center;
	width: 68px;
	transition: all 0.2s;
}

.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid .bloc .icona .fas span {
	display	: none;
}

.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid .bloc:hover .icona .fas {
	background-color: #DCDC1C;
	border-color: #B4BD17;
	color: #FFF;
	transform: rotate(360deg);
}

.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid .bloc .text {
	flex-grow	: 1;
	padding-left	: 20px;
}

.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid .bloc .text h3 {
	font-size	: 18px;
	margin	: 0;
	text-transform	: uppercase;
}

@media (min-width: 768px) {

	.layout-2-columnes .cos {
		margin	: 0 0 50px 0;
	}

	.seccio-som-fundesplai .et_pb_column_1_3,
	.seccio-som-fundesplai .et_pb_column_1_3:hover {
		background-image: url('/images/frontend/misc/activitats-estiu-fundesplai-bn.png') !important;
		background-position	: bottom left !important;
		display	: block;
		width	: 33.33%;
	}

	.seccio-som-fundesplai .et_pb_column_2_3 {
		flex-grow : 1;
		width	: 66.66%;
	}

	/**
	 * Pàgines
	 */
	.columnes-alternades > div:nth-child(2n) {
		flex-direction	: row-reverse;
	}

	.columnes-alternades .col-imatge {
		min-height	: auto;
		min-width	: auto;
		width	: 50%;
	}
	
	.columnes-alternades .col-text {
		min-width	: auto;
		width	: 50%;
	}
	
	.columnes-alternades .col-text .col-text-inner {
		padding	: 30px 0;
		width	: 80%;
	}
	
	/**
	 * Pàgina Mesures COVID-19
	 */
	.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid .bloc {
		width	: 50%;
	}
	
	.pagina-mesures-de-prevencio-covid-19 .blocs-mesures-covid .bloc:nth-child(2n+1) {
		padding-right	: 30px;
	}

	/** Estils especifics de la vista promotor **/
	body.vista-promotor .cos {
		border-top-right-radius	: 0;
	}
	
	body.vista-promotor .sub-header-promotor > div {
		display	: table;
		margin	: 0 auto;
		max-width	: 1150px;
	}

	body.vista-promotor .sub-header-promotor > div > div {
		display	: inline; /* Pels navegadors que no saben fer el display table-cell */
		display	: table-cell;
		text-align	: left;
		vertical-align	: middle;
	}
}

@media (min-width: 981px) {
	

	.container {
		width	: 80%;
	}

	.carousel .et_pb_slide_description {
		max-width	: 80%;
		padding	: 0;
	}
	
}

@media (min-width: 1200px) {

	
	.layout-2-columnes .cos {
		margin	: 0 0 50px 0;
	}

}


/*Inici cursos*/
.pagina-5 h2 {
	/*color:#F4930E;*/
}
.pagina-5 .inscriute {
	/*color:#F4930E;*/
}
.programa-cursos h3, .programa-cursos h4, .programa-cursos h5, .programa-cursos h6 {
	color:#F4930E;	
	font-weight:bold;
}
.programa-cursos h3 {
    border-bottom: 1px dotted #F4930E;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
}
.programa-cursos h4 {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}
.programa-cursos p {
	margin:0px 0px 0px 10px;
}
.programa-cursos ol {
	margin: 0 0 10px 40px;
    padding: 0;
}
.programa-cursos .preu{
 background-color:#F4930E;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 1px;
    padding: 12px;
    position: relative;
    right: 10px;
    text-align: center;
    top: 10px;
}

.contenidor-curs {
	padding:15px;
	border:1px dotted;
}

/* fi cursos*/

.per-revisar {
	outline : 3px solid red !important;
}


/** **/

.grid-paidos {
	display	: flex;
	flex-wrap	: wrap;
	margin-bottom	: 50px;
}

.grid-paidos .grid-paidos-item {
	background-color	: #E9E9E9;
	min-height	: 150px;
	padding	: 30px;
	width	: 100%;
}

.grid-paidos .grid-paidos-item:nth-child(2n) {
	background-color	: #F2F2F2;
}

.grid-paidos .grid-paidos-item:hover {
	background-color	: #007c37;
	color	: #FFF;
}

.grid-paidos .grid-paidos-item:hover a {
	color	: #FFF;
}

.grid-paidos .grid-paidos-item .logo-escola {
	border-radius	: 50%;
	display	: block;
	height	: 120px;
	margin	: 0 auto;
	width	: 120px;
}

.grid-paidos .grid-paidos-item h3 {
	text-align	: center;
	text-transform	: uppercase;
}

.grid-paidos .grid-paidos-item .grid-paidos-descripcio {
	border-top: 1px solid #999;
	color: #333;
	margin-top: 20px;
	padding-top: 10px;
	text-align: center;
}

@media (min-width: 768px) {

	.grid-paidos .grid-paidos-item {
		width	: 33%;
		width	: calc(100% / 3);
	}
}

@media (min-width: 768px) {

	body.pagina-les-escoles .grid-paidos .grid-paidos-item {
		width	: 33%;
		width	: calc(100% / 3);
	}
}