/**********************************************************************************************************************/
/** ESTILOS www.xsolidaria.org																						  */
/**********************************************************************************************************************/

/** Importación de Google Fonts **/

@import url('https://fonts.googleapis.com/css?family=Bebas+Neue|Open+Sans:300,400,400i,600,700&display=swap');

/**********************************************************************************************************************/
/** CONFIGURACIÓN CSS																							      */
/**********************************************************************************************************************/

.show-mobile { display:none !important; }
.show-tablet { display:none !important; }
.show-screen { display:inherit; }
.hide-mobile { display:inherit !important; }
.hide-tablet { display:inherit !important; }
.hide-screen { display:none !important; }

.max-img { width: 100%;	height: auto; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
body { -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { -webkit-tap-highlight-color: transparent; }
table { overflow-x: auto; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f1f1f1 inset; }
*:focus { outline: none !important; }


/**********************************************************************************************************************/
/** ELEMENTOS GENERALES																								  */
/**********************************************************************************************************************/

html {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	touch-action: manipulation;
	-ms-touch-action: manipulation;
}

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

html body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	background-color: rgb(244,244,244);
}

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

body.scrollOff {
	overflow: hidden;
}

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

.enPreparacion {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 840px;
	transform: translate(-50%, -50%);
}

.enPreparacion img {
	width: 100%;
	margin-bottom: 10px;
}

.enPreparacion p {
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;

}

iframe.oculto {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	visibility: hidden;
	display: none;
}

p {
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	line-height: 2em;
	text-align: justify;
}

li {
	margin: 0px;
	margin-bottom: 10px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
}

blockquote {
	padding: 10px 0px 10px 20px;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
	border-left-width: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: .9em !important;
	line-height: 1.5em !important;
	color: #555555;
}

th, td {
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}

a {
	outline: none;
	color: #000000;
	text-decoration: underline;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
}

a:hover {
	text-decoration: none;
}

img {
	border: 0px;
	border-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	font-weight: 300;
	color: #000000;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	color: #000000;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #ed7d23;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	text-align: center;
	color: #ed7d23;
}

h4 a {
	color: #ed7d23;
}

input {
	width: 100%;
	box-sizing: border-box;
	height: 32px;
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	border: 0px;
	background-color: #f1f1f1;
}

textarea {
	resize: none;
	width: 100%;
	box-sizing: border-box;
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	border: 0px;
	background-color: #f1f1f1;
}

select {
	box-sizing: border-box;
	height: 32px;
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	border: 0px;
	background-color: #f1f1f1;
}

.subtitulo {
	text-align: center;
	font-size: 2em;
	font-weight: 400;
	margin-top: 50px;
	margin-bottom: 50px;
}

.flex {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}

.flex2 {
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-around;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: center;
	-moz-justify-content: space-around;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-around;
}

.icono {
	width: 80px !important;
	height: 80px !important;
	margin: 0px auto 20px auto;
}

.contenedorMensajes {
	position: relative;
	height: 24px;
	margin-bottom: 4px;
}

.mCont {
	width: 100%;
	padding: 2px;
	position: absolute;
	display: none;
	box-sizing: border-box;
	color: #ffffff !important;
	background-color: #ff0000;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
	text-align: center;
	line-height: 20px;
	text-transform: uppercase;
}

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

.cabSeccion {
	margin-bottom: 40px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: cover;
}

.cabSeccion h1 {
	color: #ffffff;
	background-color: #ed7d23;
	float: left;
	margin: 0px;
	padding: 10px;
	padding-top: 30px;
}

/*****/

.animated.standby {
    -webkit-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
    visibility: hidden;
}


/**********************************************************************************************************************/
/** BOTONES																											  */
/**********************************************************************************************************************/

.boton {
	box-sizing: border-box;
	margin: 0px;
	min-width: 200px;
	padding: 10px 20px 10px 20px;
	display: table;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	background-color: transparent;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 3px;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.boton:hover {
	background-color: rgba(237,125,35,1);
}

.boton2 {
	box-sizing: border-box;
	margin: 0px;
	min-width: 200px;
	padding: 10px 20px 10px 20px;
	display: table;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	background-color: transparent;
	color: #ed7d23;
	border: 1px solid #ed7d23;
	border-radius: 3px;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.boton2:hover {
	background-color: rgba(255,255,255,0.8);
}

.botonOff {
	display: none;
	box-sizing: border-box;
	margin: 0px;
	min-width: 200px;
	padding: 10px 20px 10px 20px;
	cursor: default;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	background-color: transparent;
	color: #cccccc;
	border: 1px solid #cccccc;
	border-radius: 3px;
	text-align: center;
}

.boton3 {
	box-sizing: border-box;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	display: table;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	text-transform: uppercase;
	background-color: transparent;
	color: #ed7d23;
	border: 1px solid #ed7d23;
	border-radius: 3px;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.boton3:hover {
	background-color: rgba(255,255,255,0.8);
}

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

.bVolver {
	float: right;
}

.bAlta {
	width: 100%;
	margin-top: 10px;
	font-size: 0.8em;
}


/**********************************************************************************************************************/
/** AVISO DE COOKIES																								  */
/**********************************************************************************************************************/

#avisoCookie {
	display: none;
	box-sizing: border-box;
	position: fixed;
	padding: 10px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: #000000;
	background-color: rgba(0,0,0,0.8);
	z-index: 1000000;
	overflow: hidden;
}

#avisoCookie p {
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	text-align: center;
	color: #ffffff;
}

#avisoCookie a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: 700;
}

#avisoCookie a:hover {
	text-decoration: none;
}

.botonCookies {
	display: table;
	margin: 0px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ed7d23;
	cursor: pointer;
}

.botonCookies p {
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: .8em;
	text-align: center;
	letter-spacing: 1px;
	color: #ffffff;
}

.botonCookies:hover {
	background-color: #000000;
}


/**********************************************************************************************************************/
/** AVISO LEGAL *******************************************************************************************************/
/**********************************************************************************************************************/

.avisoLegal {
	margin-bottom: 50px;
}

.avisoLegal h2 {
	font-size: 1.5em;
	font-weight: 600;
	margin-top: 50px;
	border-bottom: 1px solid #000000;

}

.avisoLegal h3 {
	margin-top: 30px;
	font-size: 1.2em;
	font-weight: 500;
}

.avisoLegal p {
	font-size: 0.9em;
}

.avisoLegal li {
	font-size: 0.9em;
}

.avisoLegal table {
	border: 1px solid #000000;
	margin-top: 30px;
	margin-bottom: 40px;
}

.avisoLegal th {
	font-size: 0.9em;
	background-color: #999999;
	color: #000000;
}

.avisoLegal td {
	font-size: 0.9em;
	border: 1px solid #000000;
}

.avisoLegal img {
	margin-left: auto;
	margin-right: auto;
}

.avisoLegal blockquote {
    margin-left: 50px;
    padding-left: 20px !important;
    border-left: 3px solid #cccccc;
}

.avisoLegal blockquote p {
    font-size: 0.9em;
    line-height: 1.5;
}


/**********************************************************************************************************************/
/** MENU PRINCIPAL																									  */
/**********************************************************************************************************************/

.bloqueLogo {
	position: relative;
	padding: 30px 0px;
	margin: 0px auto;
	background-color: #ffffff;;
	background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 15%, rgba(254,254,254,1) 100%);
}

.bloqueLogo .logo {
	margin: 0px auto;
	height: 60px;
}

.bloqueMenu {
	position: relative;
	z-index: 10;
	margin: 0px auto;
	border-bottom: 2px solid #dddddd;
	filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.2));
}

.bloqueMenu div.logoMenu img {
	height: 0px;
    transition: all .3s;
}

.bloqueMenu nav {
	background-color: #ffffff;
}

.bloqueMenu nav > ul {
	margin: 0px;
    padding: 0px;
    height: 60px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.bloqueMenu nav > ul a {
	text-decoration: none;
}

.bloqueMenu nav > ul > li {
    position: relative;
    cursor: pointer;
    margin: 0px;
	padding: 0px 20px;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    line-height: 60px;
    text-align: center;
    list-style: none;
    color: #000000;
    transition: all .3s;
}

.bloqueMenu nav > ul > li.activo {
    font-weight: 700;
	color: #ffffff;
	background-color: #ee7d1f;
}

.bloqueMenu nav > ul > li.activo > a {
	color: #ffffff;
}

.bloqueMenu nav > ul > li > ul {
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
	left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 2000;
    background-color: #ee7d1f;
    transition: all 0.3s;
}

.bloqueMenu nav > ul > li > ul > li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #ffffff;
    font-size: 0.9em;
    line-height: 60px;
    font-weight: 400;
    text-align: center;
    list-style: none;
    color: #ffffff;
    background-color: #ee7d1f;
}

.bloqueMenu nav > ul > li > ul > li:last-child {
    border-bottom: none;
}

.bloqueMenu nav > ul > li > ul > li > a {
	color: #000000;
}

.bloqueMenu nav > ul > li:hover {
    background-color: #ee7d1f;
}

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

.bloqueMenu nav > ul > li > ul > li:hover {
    color: #000000;
}

.bloqueMenu.fijo {
    position: fixed;
    top: 0px;
	left: 50%;
    z-index: 1001;
	transform: translateX(-50%);
}

.bloqueMenu.fijo div.logoMenu img {
	height: 30px;
}

.bloqueMenuMovil {
    box-sizing: border-box;
    position: fixed;
    top: 0px;
    z-index: 99999;
    width: 100%;
    height: 45px;
    padding: 0px 10px;
    display: none;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    background-color: #cfcfcf;
}

#ham {
	cursor: pointer;
	position: relative;
	width: 30px;
	height: 30px;
}

#ham span {
	position: relative;
	display: block;
	width: 100%;
	border-radius: 3px;
	height: 6px;
	background-color: #333333;
	transition: all 0.3s ease-out;
}
  
#ham span + span {margin-top: 6px;}
#ham.on span:nth-child(1) {animation: ease .7s htop forwards;}
#ham span:nth-child(1) {animation: ease .7s htop-2 forwards;}
#ham.on span:nth-child(2) {animation: ease .7s hscaled forwards;}
#ham span:nth-child(2) {animation: ease .7s hscaled-2 forwards;}
#ham.on span:nth-child(3) {animation: ease .7s hbottom forwards;}
#ham span:nth-child(3) {animation: ease .7s hbottom-2 forwards;}
@keyframes htop {0% {top:0; transform: rotate(0);} 50% {top:12px; transform: rotate(0);} 100% {top:12px; transform: rotate(45deg);}}
@keyframes htop-2 {0% {top:12px; transform: rotate(45deg);} 50% {top:12px; transform: rotate(0deg);} 100% {top:0; transform: rotate(0deg);}}
@keyframes hbottom {0% {bottom:0; transform: rotate(0);} 50% {bottom:12px; transform: rotate(0);} 100% {bottom:12px; transform: rotate(135deg);}}
@keyframes hbottom-2 {0% {bottom:12px; transform: rotate(135deg); } 50% { bottom:12px; transform: rotate(0); } 100% {bottom:0; transform: rotate(0);}}
@keyframes hscaled {50% {transform: scale(0);} 100% {transform: scale(0);}}
@keyframes hscaled-2 {0% {transform: scale(0);} 50% {transform: scale(0);} 100% {transform: scale(1);}}

.bloqueMenuMovil .logoMenu {
    height: 35px;
}

#fMenu {
	display: none;
	position: fixed;
	z-index: 9;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#menuLateral {
    position: fixed;
    z-index: 99999;
    top: 45px;
    left: -260px;
    width: 260px;
    height: calc(100% - 45px);
    overflow-y: auto;
    background-color: #cfcfcf;
    background-color: rgba(207,207,207,0.95);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    -ms-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}
#menuLateral.on {
    left: 0;
}

#menuLateral ul {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
}
#menuLateral ul li {
    cursor: pointer;
    margin: 0;
    padding: 1em;
    font-size: 1em;
    color: #333333;
    text-decoration: none;
    list-style: none;
}

#menuLateral ul li a {
    color: #333333;
    text-decoration: none;
}

#menuLateral ul li span {
    font-weight: bold;
}

#menuLateral > ul > li {
    border-top: 1px solid #ffffff;
}
#menuLateral > ul > li:first-child {
    border-top: 0;
}

#menuLateral ul ul {
    margin: 5px 0px 0px 20px;
}
#menuLateral ul ul li {
    margin: 0px;
	padding: 0px;
    font-size: .9em;
	font-weight: normal;
    border-bottom: 0px;
}

#menuLateral > ul > li.activo {
	font-weight: 700;
}

.barraRS {
	display: table;
	margin: 50px auto 30px auto;
}

.brs {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.brs img.botonInstagram {
	height: 28px;
}

.comentarios {
	position: relative;
	z-index: 0;
	margin-top: 30px;
}

.comentarios h3 {
	margin: 0px;
	margin-bottom: 0px !important;
	background-color: #000000;
	color: #ffffff !important;
	font-size: 0.8em !important;
	font-style: normal !important;
	padding: 2px;
	padding-left: 5px;
	text-transform: uppercase;
}

.comentarios div._42ef _8u {
	display: none !important;
}

/**********************************************************************************************************************/
/** ESTRUCTURA																										  */
/**********************************************************************************************************************/

#contenido {
	position: relative;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

.rsCab {
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}

.rsCab img {
	margin-left: 20px;
	height: 25px;
}

.rsPie {
	margin-top: 30px;
	padding: 20px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-color: #be122b;
}

.rsPie img {
	margin: 0px 20px;
	height: 40px;
}

.pie {
	padding: 40px !important;
	background-color: #d8d8d8;
}

.pie img.logo {
	height: 60px;
	margin-bottom: 20px;
}

.pie p {
	margin: 0px;
	font-size: 0.7em;
	color: #848484;
}

.pie p a {
	text-decoration: none;
	color: #848484;
}

.pie p a:hover {
	text-decoration: underline;
	color: #848484;
}

.menuPie {
	float: right;
}

.logosPie {
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #d8d8d8;
}

.logosPie img {
	height: 60px;
}

.poas {
	float: left;
	width: 20%;
}

.poas p {
	margin: 0px;
	margin-bottom: 5px;
	font-size: 0.8em;
}

.apoyo {
	float: left;
	width: 80%;
}

.apoyo p {
	margin-bottom: 5px;
	margin: 0px;
	font-size: 0.8em;
}




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

.videoResponsive {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.videoResponsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.videoResponsive video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

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

.ts {
	position: relative;
}

.ts img {
	width: 100%;
}

.ts h1 {
	position: absolute;
	left: 0px;
	bottom: 20px;
	margin: 0px;
	padding: 5px 20px 5px 10px;
	font-size: 2em;
	font-weight: 600;
	letter-spacing: 2px;
	color: #ed7d23;
	background-color: #ffffff;
}

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

#bRS {
	position: absolute;
	top: 12px;
	z-index: 11;
}

#bRS .fb-like {
	float: left;
}

#bRS img {
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 0px;
	margin-left: 10px;
}

#bRS img:hover {
	filter: gray; /* IE6-9 */
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

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




/**********************************************************************************************************************/
/** SLIDE PORTADA *****************************************************************************************************/
/**********************************************************************************************************************/

.slider {
}

.slider .swiper-slide {
	position: relative;
	height: auto !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.slider img.foto {
	width: 100%;
}

.slider .textos {
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 100%;
	transform: translate(-50%, 0%);
}

.slider .textos h1 {
	margin: 0px 0px 10px 0px;
	font-family: 'Bebas Neue', cursive;
	font-size: 2.5em;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
	text-shadow: -1px -1px 0 #666666, 1px -1px 0 #666666, -1px  1px 0 #666666, 1px  1px 0 #666666;
}

.slider .textos h2 {
	display: table;
	margin: 0px auto;
	padding: 0px 20px !important;
	font-family: 'Bebas Neue', cursive;
	font-size: 2.8em;
	line-height: normal !important;
	text-align: center;
	color: #ffffff;
	background-color: rgba(235,125,35,0.8);
}

.slider img.play {
	cursor: pointer;
	width: 100px;
	margin: 20px auto;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.slider img.play:hover {
	opacity: 0.8;
}

.slider .swiper-pagination-bullets {
	width: auto !important;
	left: auto !important;
	right: 50px !important;
	bottom: 20px !important;
}

.slider .swiper-pagination-bullet-active {
	opacity: 0.8 !important;
	background: #fff16a !important;
}

.mfp-bottom-bar {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 1em;
}


/**********************************************************************************************************************/
/** PORTADA         																				 				  */
/**********************************************************************************************************************/

.razon {
	position: relative;
	width: 33.3333333333%;
	background-color: #cfd8dc;
}

.razon img {
	width: 100%;
}

.razon h2 {
	position: absolute;
	width: 100%;
	top: 10%;
	font-family: 'Bebas Neue', cursive;
	font-size: 3em;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
}

.razon .boton {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 30%;
}

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

.colabora {
	position: relative;
	width: 33.3333333333%;
	background-color: #eceff1;
}

.colabora img {
	width: 100%;
}

.colabora div.t {
	position: absolute;
	width: 100%;
	top: 20%;
}

.colabora h2 {
	position: absolute;
	width: 100%;
	top: 10%;
	margin-bottom: 0px;
	font-size: 1.8em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #ed7d23;
}

.colabora p {
	margin: 0px;
	font-size: 1em;
	letter-spacing: 0px;
	text-align: center;
	color: #000000;
}

.colabora .boton2 {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 30%;
}

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

.cookies {
	position: relative;
	width: 33.3333333333%;
	background-color: #cfd8dc;
}

.cookies img {
	width: 100%;
}

.cookies h2 {
	position: absolute;
	width: 100%;
	top: 10%;
	font-family: 'Bebas Neue', cursive;
	font-size: 3em;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
}

.cookies .boton {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 30%;
}

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

.proyectos {
	position: relative;
	width: 33.3333333333%;
	background-color: #cfd8dc;
}

.proyectos img {
	width: 100%;
}

.proyectos h2 {
	position: absolute;
	width: 100%;
	top: 20%;
	font-size: 1.8em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
}

.proyectos .boton {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 30px;
}

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

.queEs {
	background-color: #ed7d23;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
}

.queEsFoto {
	box-sizing: border-box;
	width: 50%;
	background-color: #ed7d23;
}

.queEsFoto img {
	width: 100%;
}

.queEsTexto {
	width: 50%;
	padding: 40px 60px 0px 60px;
	box-sizing: border-box;
	background-color: #ed7d23;
}

.queEsTexto h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2.5em;
	font-weight: 700;
	color: #ffffff;
}

.queEsTexto p {
	font-size: 1em;
	line-height: 1.5em;
	color: #ffffff;
}

.queEsTexto .boton {
	margin: 50px auto 0px auto;
}

.queEsTexto ul {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-around;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-align-items: stretch;
	-moz-justify-content: space-around;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-around;
}

.queEsTexto li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.9em;
	color: #ffffff;
}

.queEsTexto li a {
	color: #ffffff;
	text-decoration: underline;
}

.queEsTexto li a:hover {
	text-decoration: none;
}

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

.pf {
	background-color: #efefef;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: flex-start;
}

.pfFoto {
	box-sizing: border-box;
	width: 50%;
	background-color: #efefef;
}

.pfFoto img {
	width: 100%;
}

.pfTexto {
	width: 50%;
	padding: 40px 60px 0px 60px;
	box-sizing: border-box;
	background-color: #efefef;
}

.pfTexto h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2.5em;
	font-weight: 700;
	color: #ed7d23;
}

.pfTexto li {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
	color: #848484;
}

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

.pfTexto .boton2 {
	margin: 50px auto 0px auto;
}

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

.empresas {
	padding: 30px 30px 60px 30px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.empresas h2 {
	margin: 10px 0px 60px 0px !important;
	font-size: 2.5em;
	font-weight: 700;
	text-align: center;
	color: #ed7d23;
}

.empresas .boton2 {
	margin: 50px auto 0px auto;
}

.bloqueOWLE {
	margin: 0px 5em 0px 5em;
}

.bloqueOWLE img  {
	width: auto !important;
	height: 70px;
}


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

.difundir {
	padding: 50px 30px 80px 30px;
	box-sizing: border-box;
	background-color: #ed7d23;
}

.difundir h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2.5em;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
}

.difundir p {
	text-align: center;
	color: #ffffff;
}

.difundir .barraRS {
	margin-bottom: 60px;
}

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

.materiales {
	position: relative;
	background-color: #ffffff;
}

.materiales img {
	width: 100%;
}

.materiales h2 {
	position: absolute;
	width: 100%;
	top: 20%;
	font-size: 2.5em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
}

.materiales p {
	position: absolute;
	width: 100%;
	top: 45%;
	margin: 0px;
	text-align: center;
	color: #ffffff;
}

.materiales .boton {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 50px;
}

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

.noticias {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
	background-color: #ffffff;
}

.noticias h2 {
	margin: 0px 0px 40px 0px;
	font-size: 2.5em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #ed7d23;
}

.noticias .boton2 {
	margin: 0px auto;
}

.noticias .flex2 {
	align-items: flex-start;
}

.noticias .flex {
	align-items: flex-start;
}

.noticias .notasPrensa, .noticias .entrevistas {
	width: calc(100% - 100px);
}

.noticiaPortada {
	width: calc(33.3333% - 25px);
	margin-bottom: 50px;
}

#calendario {
	width: 30%;
}

.noticias .notasPrensa img, .noticias .entrevistas img {
	width: 100%;
}

.noticias h3 {
	margin: 0px 0px 20px 0px;
	font-size: 1.3em;
	font-weight: 600;
	color: #000000;
}

.noticias h4 {
	margin: 10px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: 600;
	color: #ed7d23;
	text-align: left;
}

.noticias h4 a {
	color: #ed7d23;
	text-decoration: none;
}

.noticias h4 a:hover {
	text-decoration: underline;
}

.noticias p {
	margin: 0px;
	font-size: 1em;
	line-height:normal;
	color: #848484;
	text-align: left;
}

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

.barraCalendario {
	position: relative;
	background-color: #ffffff;
	height: 40px;
}

.barraCalendario2 {
	background-color: #ffffff;
	height: 40px;
}

.barraCalendario img {
	cursor: pointer;
	height: 20px;
}

.barraCalendario img.off {
	opacity: 0.3;
	cursor: auto;
}

.barraCalendario img.izq {
	position: absolute;
	top: 10px;
	right: 30px;
}

.barraCalendario img.der {
	position: absolute;
	top: 10px;
	right: 5px;
}

.barraCalendario p,.barraCalendario2 p {
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #848484;
    line-height: 40px;
    text-align: left;
    text-transform: uppercase;
}

.barraDiasSemana {
	background-color: #ffffff;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
  	-webkit-align-items: center;
  	-webkit-justify-content: space-around;
  	display: -moz-flex;
	-moz-flex-flow: row wrap;
  	-moz-align-items: center;
  	-moz-justify-content: space-around;
	display: flex;
	flex-flow: row wrap;
  	align-items: center;
  	justify-content: space-around;
}

.barraDiasSemana .diaSemana {
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-basis: 0;
	-moz-flex-basis: 0;
	flex-basis: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #848484;
}

.barraSemana {
	background-color: #ffffff;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
  	-webkit-align-items: center;
  	-webkit-justify-content: space-around;
  	display: -moz-flex;
	-moz-flex-flow: row wrap;
  	-moz-align-items: center;
  	-moz-justify-content: space-around;
	display: flex;
	flex-flow: row wrap;
  	align-items: center;
  	justify-content: space-around;
}

.cal_dia {
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-basis: 0;
	-moz-flex-basis: 0;
	flex-basis: 0;
    background-color: #ffffff;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.cal_dia:hover {
    background-color: #dce4eb;
}

.cal_dia p {
	margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #848484;
}

.cal_DiaMarcado {
    background-color: #ed7d23 !important;
}

.cal_DiaMarcado p {
    color: #ffffff;
}

.cal_hoy p {
    color: #ff0000 !important;
    font-weight: 700;
}

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

.eventosModAgenda {
	margin-top: 10px;
	border-top: 1px solid #848484;
}

.eventoModAgenda {
	margin-top: 10px;
}

.eventoModAgenda h4 {
	margin: 0px;
	font-size: 1em;
	font-weight: 600;
	color: #ed7d23;
	text-align: left;
}

.eventoModAgenda h4 a {
	color: #ed7d23;
	text-decoration: none;
}

.eventoModAgenda p.fecha {
	margin: 0px;
	font-size: 0.7em;
}

.eventoModAgenda p {
	margin: 0px;
	font-size: 0.7em;
}

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

.bloqueColabora {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.bloqueColabora h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
	color: #ed7d23;
}

.crs {
	margin: 50px 0px 60px 0px;
	width: 40%;
	background-color: #cccccc;
}

.crs img {
	float: left;
	margin-right: 10px;
}

.crs p {
	margin: 0px;
	padding: 15px;
	font-size: 0.9em;
}

.bloqueColabora .logos img {
	margin: 30px;
	height: 80px;
}

/**********************************************************************************************************************/
/** QUÉ ES X SOLIDARIA																		 				 		  */
/**********************************************************************************************************************/

.queEsX1 {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ed7d23;
}

.queEsX1 h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2em;
	font-weight: 700;
	color: #ffffff;
}

.queEsX1 p {
	color: #ffffff;
}

.queEsX2 {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #bd152b;
}

.queEsX2 h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2em;
	font-weight: 700;
	color: #ffffff;
}

.queEsX2 li {
	color: #ffffff;
}

.queEsX3 {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.queEsX3 h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2em;
	font-weight: 700;
	color: #000000;
}

.queEsX3 img {
	float: left;
	margin-right: 20px;
	height: 45px;
}

.queEsX3 p {
	cursor: pointer;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 45px;
	color: #ed7d23;
}

.queEsX3 .contQ {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	box-sizing: border-box;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	-o-transition: max-height 0.3s;
	-ms-transition: max-height 0.3s;
	transition: max-height 0.3s;
}

.queEsX3 .contQ p {
	cursor: default;
	font-size: 1.1em;
	font-weight: normal;
	line-height: normal;
	color: #717171;
}

.queEsX3 .contQ li {
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
	color: #717171;
}

.queEsX3 .contQ img {
	max-width: 100%;
	margin: 0px auto;
	height: auto;
}

.mostrar .contQ {
	max-height: 1000px;
}


/**********************************************************************************************************************/
/** PROYECTOS             														 				 		  			  */
/**********************************************************************************************************************/

.bloqueProyectos {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.bpIzq {
	position: relative;
	background-color: #ed7d23;
}

.bpDer {
	position: relative;
	background-color: #bd152b;
}

.bpCat {
	padding: 20px;
	cursor: pointer;
}

.bpCat img {
	width: 100%;
}

.bpCat img.b {
	width: 50px;
	position: absolute;
	right: 40px;
	bottom: 40px;
}

.bpCat img.b:hover {
	opacity: 0.7;
}

.bpIzq .bpCat h2 {
	position: absolute;
	left: 0px;
	top: 50px;
	margin: 0px;
	padding: 5px 20px 5px 40px;
	color: #ffffff;
	font-weight: 600;
	background-color: #ed7d23;
}

.bpDer .bpCat h2 {
	position: absolute;
	right: 0px;
	top: 50px;
	margin: 0px;
	padding: 5px 40px 5px 20px;
	color: #ffffff;
	font-weight: 600;
	background-color: #bd152b;
}

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

.bpContIzq {
	display: none;
	padding: 20px;
	background-color: #ed7d23;
	border-bottom: 20px solid #ffffff;
}

.bpContDer {
	display: none;
	padding: 20px;
	background-color: #bd152b;
	border-bottom: 20px solid #ffffff;
}

.bpContIzq h3, .bpContDer h3 {
	margin: 30px 0px 0px 0px;
	padding: 5px;
	font-size: 1.2em;
	background-color:#999999;
	color: #ffffff;
}

.bpContIzq h3:first-child, .bpContDer h3:first-child {
	margin: 0px 0px 0px 0px;
}

.bpContIzq img, .bpContDer img {
	float: right;
	width: 50%;
	padding: 20px 0px 0px 20px;
}

.bpContIzq p, .bpContDer p, .bpContIzq li, .bpContDer li {
	font-size: 0.8em;
	color: #ffffff;
}

.bpContIzq a, .bpContDer a {
	color: #ffffff;
}


/**********************************************************************************************************************/
/** QUIENES SOMOS         														 				 		  			  */
/**********************************************************************************************************************/

.bloqueQS {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.bloqueQS .boton2 {
	margin: 10px auto 60px auto;
}

.bloqueQS .entidad {
	width: 30%;
	position: relative;
	margin-bottom: 30px;
	padding: 20px 20px 40px 20px;
	box-sizing: border-box;
	background-color: #e8e8e8;
}

.bloqueQS .flex {
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
}

.bloqueQS .entidad img {
	height: 100px;
	margin: 0px auto 20px auto;
}

.bloqueQS .entidad p {
	font-size: 0.8em;
}

.bloqueQS .entidad:first-child {
	width: 100%;
}

.bloqueQS .entidad:first-child img {
	height: 120px;
}

.bloqueQS .entidad .boton3 {
	position: absolute;
	bottom: 10px;
	right: 10px;
}


/**********************************************************************************************************************/
/** TRANSPARENCIA         														 				 		  			  */
/**********************************************************************************************************************/

.bloqueTransparencia .flex,
.bloqueConvocatoriasTransparencia .flex {
    margin-top: 2em;

	display: flex;
	flex-flow: nowrap;
	justify-content: space-around;
	align-items: stretch;
}

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

.bloqueTransparencia {
	box-sizing: border-box;
	padding: 40px 100px 50px 100px;
	background-color: #ffffff;
}

.bloqueTransparencia h2 {
    margin: 10px 0px 30px 0px !important;
    font-size: 2em;
    font-weight: 600;
    text-align: center;
    color: #ed7d23;
}

.bloqueTransparencia .bloqueDocumento {
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 20px 20px 40px 20px;
	background-color: #e8e8e8;
    flex-basis: 35%;
}
.bloqueTransparencia .bloqueDocumento img {
    width: 100%;
    max-width: 400px;
}
.bloqueTransparencia .bloqueDocumento > p {
	font-size: 1em;
    line-height: 1.2rem;
    font-weight: bold;
    text-align: center;
}

.tablaResumen {
    border-collapse: collapse;
}
.tablaResumen tr td {
    padding: .2rem;
    border-bottom: 1px solid #d0d0d0;
    font-size: 0.9em;
}
.tablaResumen tr td:first-child {
    width: 70%;
}
.tablaResumen tr td:last-child {
    font-weight: bold;
    text-align: right;
}
.tablaResumen .tituloTablaResumen {
    background-color: #ed7d23;
}
.tablaResumen .tituloTablaResumen td {
    color: #ffffff;
    padding: .3rem;
    font-size: 0.9em;
    text-align: left !important;
    border-bottom: 0;
}
.tablaResumen tr.filaTotalResumen {
    background-color: #d0d0d0;
}
.tablaResumen tr.filaTotalGeneralResumen {
    background-color: #b0b0b0;
}

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

.bloqueConvocatoriasTransparencia {
	box-sizing: border-box;
    padding: 40px 100px 50px 100px;
	background-color: #ed7d23;
}

.bloqueConvocatoriasTransparencia h3 {
    margin: 10px 0px 30px 0px !important;
    color: #ffffff;
}

.bloqueConvocatoriasTransparencia ul {
	padding: 0px;
	list-style: none;
}

.bloqueConvocatoriasTransparencia ul ul {
	padding-left: 25px;
}

.bloqueConvocatoriasTransparencia ul ul li {
	margin: 0px;
	font-size: 0.9em;
}

.bloqueConvocatoriasTransparencia ul ul li:first-child {
	margin-top: 5px;
}

.bloqueConvocatoriasTransparencia ul li i {
	margin-right: 5px;
}

.bloqueConvocatoriasTransparencia ul ul li i {
	display: none;
}

.bloqueConvocatoriasTransparencia li, .bloqueConvocatoriasTransparencia p {
    color: #ffffff;
    text-align: left;
}

.bloqueConvocatoriasTransparencia a {
    color: inherit;
}

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

.bloquePOAS {
    padding: 40px 100px 50px 100px;
    box-sizing: border-box;
    background-color: #bd152b;
}

.bloquePOAS p {
    text-align: center;
    color: #ffffff;
}
.bloquePOAS img {
    margin: 0 auto;
    max-width: 175px;
}

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

img.mapaRedes {
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border-bottom: 1px solid #c0c0c0;
}

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

p.parrafoPequenio {
    margin: 0;
    padding-left: 1.4em;
    font-size: 1.1em;
    line-height: 1.4em;
}

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

.bloqueDocumentacion {

}

.bloqueDocumentacion .flex {
	display: flex;
	flex-flow: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.bloqueDocumentacion .bloqueEnlaceDocumento {
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: .5rem;
    background-color: #eaeaea;

    display: flex;
	flex-flow: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.bloqueDocumentacion .bloqueEnlaceDocumento img {
    margin-right: 1rem;
    max-width: 40px;
}
.bloqueDocumentacion .bloqueEnlaceDocumento p {
    font-size: .9em;
    line-height: 1.1em;
}


/**********************************************************************************************************************/
/** CONTACTOS              													 				 						  */
/**********************************************************************************************************************/

.bloqueContactos {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.bloqueContactos .flex {
	margin-top: 50px;
}

.bCon {
	width: 30%;
	margin-bottom: 50px;
}

.bCon img {
	width: 100px;
	margin: 0px auto;
}

.bCon h2 {
	margin: 5px 0px 0px 0px !important;
	font-size: 1.2em !important;
	text-align: center;
}

.bCon h3 {
	margin: 0px !important;
	font-size: 1em !important;
	text-align: center;
	font-weight: 400 !important;
	color: #ed7d23 !important;
}

.bCon p {
	margin: 0px !important;
	font-size: 0.9em !important;
	text-align: center !important;
	font-weight: 600 !important;
	line-height: normal !important;
}

.bloqueForm {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ed7d23;
}

.bloqueForm h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2em;
	font-weight: 700;
	color: #ffffff;
}

.bloqueForm p {
	color: #ffffff;
}

.bloqueForm input {
	margin-bottom: 20px;
}

.bloqueForm input[type="email"],.bloqueForm input[type="tel"] {
	width: 49%;
}

.bloqueForm .g-recaptcha {
	float: left;
}

.bloqueForm .boton, .bloqueForm .botonOff {
	float: right;
}

.chkRGPD input {
	width: 25px;
	height: 25px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
}

.chkRGPD p {
	font-size: 0.8em;
}

.chkRGPD p a {
	color: #ffffff;
}

.chkRGPD p.info {
	font-size: 0.7em;
}


/**********************************************************************************************************************/
/** COMPARTE               													 				 						  */
/**********************************************************************************************************************/

.spots {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ed7d23;
}

.spots h2 {
	margin: 10px 0px 50px 0px !important;
	font-size: 2em;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
}

.spot {
	width: 45%;
}

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

.videos {
	padding: 40px 100px 0px 100px;
	box-sizing: border-box;
}

.videos h2 {
	margin: 10px 0px 50px 0px !important;
	font-size: 2em;
	font-weight: 700;
	text-align: center;
	color: #000000;
}

.videoP {
	float: left;
	box-sizing: border-box;
	width: 60%;
	padding: 10px;
	background-color: #000000;
	border-bottom: 3px solid #000000;
}

.fotogramas {
	float: left;
	box-sizing: border-box;
	width: 40%;
	padding: 10px;
	background-color: #000000;
}

.fotograma {
	cursor: pointer;
	float: left;
	box-sizing: border-box;
	width: 50%;
	border: 3px solid #000000;
	background-color: #000000;
}

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

.radio {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #bd152b;
}

.radio h2 {
	margin: 10px 0px 50px 0px !important;
	font-size: 2em;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
}

.radio p {
	color: #ffffff;
}

.radio .flex2 {
	margin-top: 35px;
}

.cRadio {
	width: 300px;
}

.cRadio h3 {
	margin: 0px;
	padding: 4px;
	font-size: 1em;
	color: #ffffff;
}

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

.bloqueMateriales {
	padding: 40px 100px 50px 100px;
}

.bloqueMateriales h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
	color: #ed7d23;
}

.bloqueMateriales .flex2 {
	margin-top: 50px;
	margin-bottom: 50px;
	align-items: stretch;
}

.cartel {
	width: 30%;
	padding: 20px;
	box-sizing: border-box;
	background-color: #e8e8e8;
}

.flyer {
	width: 20%;
	padding: 20px;
	box-sizing: border-box;
	background-color: #e8e8e8;
}

.prensa {
	width: 40%;
	margin-bottom: 50px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #e8e8e8;
}

.banner {
	margin: 0px auto 50px auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #e8e8e8;
}

.cartel img, .flyer img, .prensa img {
	width: 100%;
}

.banner img {
	max-width: 100%;
}

.cartel p, .flyer p, .prensa p, .banner p {
	margin: 0px;
	padding: 2px 10px 2px 10px;
	font-size: 0.8em;
	color: #ffffff;
	background-color: #000000;
}

.cartel p a, .flyer p a, .prensa p a, .banner p a  {
	color: #ffffff;
	text-decoration: none;
}

.bloqueMateriales .boton2 {
	margin: auto;
}

/**********************************************************************************************************************/
/** PRENSA                 													 				 						  */
/**********************************************************************************************************************/

.listadoNoticias {
	padding: 40px 50px 0px 50px;
	margin-bottom: 50px;
}

.listadoNoticias .flex {
	align-items: stretch;
}

.listadoNoticias h2 {
	margin: 20px 0px 50px 0px;
	font-size: 2em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #ed7d23;
}

.listadoNoticias h3 {
	margin: 0px 0px 20px 0px;
	font-size: 1.3em;
	font-weight: 600;
	color: #000000;
}

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

.ruedasPrensa {
	padding: 40px 50px 50px 50px;
	background-color: #efefef;
}

.ruedasPrensa .flex {
	align-items: stretch;
}

.ruedasPrensa h3 {
	margin: 0px 0px 30px 0px;
	font-size: 1.3em;
	font-weight: 600;
	color: #000000;
}

.bloqueRP {
	width: 30%;
	margin-bottom: 40px;
}

.bloqueRP h4 {
	margin: 0px;
	padding: 2px;
	background-color: #bd152b;
	color: #ffffff;
	font-size: 0.9em;
}

.bloqueRP .swiper-slide img {
	width: 100%;
}


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

.listadoEntrevistas {
	padding: 40px 50px 50px 50px;
	background-color: #ed7d23;
}

.listadoEntrevistas h3 {
	margin: 0px 0px 20px 0px;
	font-size: 1.3em;
	font-weight: 600;
	color: #ffffff;
}

.noticiaListado {
	width: 30%;
	margin-bottom: 30px;
}

.entrevistaListado {
	width: 30%;
	margin-bottom: 30px;
}

.noticiaListado img, .entrevistaListado img {
	width: 100%;
}

.noticiaListado h4 {
	margin: 10px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: 600;
	color: #ed7d23;
	text-align: left;
}

.entrevistaListado h4 {
	margin: 10px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: 600;
	color: #ffffff;
	text-align: left;
}

.noticiaListado h4 a {
	color: #ed7d23;
	text-decoration: none;
}

.entrevistaListado h4 a {
	color: #ffffff;
	text-decoration: none;
}

.noticiaListado h4 a:hover, .entrevistaListado h4 a:hover {
	text-decoration: underline;
}

.noticiaListado p {
	margin: 0px;
	font-size: 1em;
	line-height: normal;
	color: #848484;
	text-align: left;
}

.entrevistaListado p {
	margin: 0px;
	font-size: 1em;
	line-height:normal;
	color: #cccccc;
	text-align: left;
}

.listadoNoticias .boton2 {
	margin: 0px auto;
}

.listadoEntrevistas .boton {
	margin: 0px auto;
}

#bloqueEventos {
	margin-bottom: 50px;
	padding: 40px 50px 50px 50px;
	box-sizing: border-box;
	background-color: #bd152b;
}

#bloqueEventos h3 {
	margin: 0px 0px 20px 0px;
	font-size: 1.3em;
	font-weight: 600;
	color: #ffffff;
}

#bloqueEventos .calendario {
	width: 30%;
	box-sizing: border-box;
	padding: 10px;
	background-color: #ffffff;
	float: left;
}

#bloqueEventos .eventosModAgenda {
	margin-top: 0px;
	margin-left: 3%;
	border-top: 0px solid #848484;
	width: 67%;
	float: left;
}

#bloqueEventos .eventoModAgenda {
	float: left;
	width: calc(50% - 20px);
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 15px;
}

#bloqueEventos .eventoModAgenda p {
	color: #cccccc;
}


#bloqueEventos .eventoModAgenda h4 {
	color: #ffffff;
}

#bloqueEventos .eventoModAgenda h4 a {
	color: #ffffff;
}

#bloqueEventos .eventoModAgenda h4 a:hover {
	text-decoration: underline;
}


.bloqueContactosPrensa {
	padding: 0px 50px 50px 50px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.bloqueContactosPrensa h3 {
	margin: 0px 0px 20px 0px;
	font-size: 1.3em;
	font-weight: 600;
	color: #000000;
}

.bloqueContactosPrensa .flex {
	margin-top: 50px;
}

.bloqueDossierPrensa {
	padding: 0px 50px 50px 50px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.bloqueDossierPrensa h3 {
	margin: 0px 0px 20px 0px;
	font-size: 1.3em;
	font-weight: 600;
	color: #000000;
}


/**********************************************************************************************************************/
/** NOTICIAS               													 				 						  */
/**********************************************************************************************************************/

.bloqueNoticias {
	padding: 40px 100px 50px 100px;
}

.noticiaListado2 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

.noticiaListado2 img {
	float: left;
	width: 200px;
	margin-right: 20px;
}

.noticiaListado2 h2 {
	margin: 10px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: 600;
	color: #ed7d23;
	text-align: left;
}

.noticiaListado2 h2 a {
	color: #ed7d23;
	text-decoration: none;
}

.noticiaListado2 h2 a:hover {
	text-decoration: underline;
}

.noticiaListado2 p {
	margin: 0px;
	font-size: 1em;
	line-height: normal;
	color: #848484;
	text-align: left;
}

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

.bloqueNoticia {
	padding: 40px 100px 50px 100px;
}

.bloqueNoticia img {
	width: 100%;
}

.bloqueNoticia h1 {
	font-weight: 600;
}

.bloqueNoticia h2 {
	margin: 0px;
	padding: 20px;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: 600;
	background-color: #ed7d23;
}

.bloqueNoticia h3 {
	margin: 0px;
	font-size: 1.2em;
	font-weight: 600;
}

.pieFoto {
	padding: 3px 10px;
	background-color: #000000;
}

.pieFoto p {
	margin: 0px;
	font-size: 0.8em;
	color: #ffffff;
}

.datosNoticia {
	padding: 0px;
	background-color: #6e6e6e;
}

.datosNoticia p {
	margin: 0px;
	font-size: 0.9em;
	color: #ffffff;
}

.datosNoticia p a {
	text-decoration: none;
	color: #ffffff;
}

.datosNoticia p.f {
	float: left;
	box-sizing: border-box;
	padding: 25px 20px 20px 20px;
	text-align: center;
	border-top: 5px solid #4d8759;
}

.datosNoticia p.f a:hover {
	color: #ed7d23;
}

.datosNoticia p.c {
	float: left;
	box-sizing: border-box;
	padding: 25px 20px 20px 20px;
	text-align: center;
	border-top: 5px solid #ed7d23;
}

.datosNoticia p.c a:hover {
	color: #ed7d23;
}

.datosNoticia div.rs {
	float: left;
	box-sizing: border-box;
	margin: 0px;
	padding: 30px 20px 20px 20px;
	text-align: center;
	border-top: 5px solid #3f5feb;
}

.datosNoticia div.com {
	cursor: pointer;
	float: left;
	box-sizing: border-box;
	margin: 0px;
	padding: 25px 20px 20px 20px;
	text-align: center;
	border-top: 5px solid #12a7ad;
}

.datosNoticia div.com:hover p {
	color: #ed7d23;
}

.datosNoticia div.com p {
	float: left;
	margin-right: 5px;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
}

.datosNoticia div.com img {
	float: left;
	width: 32px;
	margin-top: -2px;
}

.datosNoticia div.gal {
	cursor: pointer;
	float: left;
	box-sizing: border-box;
	margin: 0px;
	padding: 30px 20px 20px 20px;
	text-align: center;
	border-top: 5px solid #ec195a;
}

.datosNoticia div.gal:hover p {
	color: #ed7d23;
}

.datosNoticia div.gal p {
	float: left;
	margin-right: 5px;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
}

.datosNoticia div.gal img {
	float: left;
	width: 32px;
	margin-top: -5px;
}

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

.tags {
	padding: 10px 0px 10px 0px;
}

.tag {
	cursor: pointer;
	display: inline-table;
	margin-right: 10px;
	padding: 5px 10px 5px 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	color: #ffffff;
	background-color: #6998b7;
	border-radius: 5px;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.tag:hover {
	background-color: #486578;
}

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

#documentosAdjuntos {
    margin: 0px;
    margin-top: 30px;
    padding: 20px;
    background-color: #e3e3e3;
}

#documentosAdjuntos h2 {
    margin: 0px;
    font-size: .9em;
}

#documentosAdjuntos .documentoAdjunto {
    margin: 0px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #6998b7;
    display: table;
    width: 100%;
}
#documentosAdjuntos .documentoAdjunto:last-child {
    border-bottom: 0px;
}

#documentosAdjuntos img {
    width: 32px;
    float: left;
    border: 0px;
    margin: 0px;
    margin-right: 10px;
    padding: 0px;
}

#documentosAdjuntos p {
    margin: 0px !important;
    padding-top: 4px;
    font-size: 0.9em !important;
}

#documentosAdjuntos a {
    color: #000000;
    text-decoration: none;
}

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

.noticiasRelacionadas {
	margin-top: 50px;
	padding: 20px;
	background-color: #e3e3e3;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	-webkit-justify-content: space-around;
	display: -moz-flex;
	-moz-flex-flow: row wrap;
	-moz-justify-content: space-around;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.noticiaRelacionada {
	width: 30%;
}

.noticiaRelacionada img {
	width: 100%;
}

.noticiaRelacionada p {
	margin: 0px;
	padding: 5px;
	font-size: 0.8em;
	text-align: left;
	background-color: #545454;
	color: #ffffff;
}

.noticiaRelacionada p a {
	color: #ffffff;
	text-decoration: none;
}

.noticiaRelacionada p a:hover {
	color: #ed7d23;
}

.comentarios {
	padding: 20px 0px 20px 0px;
}

.bloqueVolver {
	padding: 20px 0px 20px 0px;
}


/**********************************************************************************************************************/
/** COOKIES SOLIDARIAS  													 				 						  */
/**********************************************************************************************************************/

.bloqueCookiesSolidarias {
	padding: 40px 50px 0px 50px;
}

.bloqueCookiesSolidarias h2 {
	margin: 20px 0px 50px 0px;
	font-size: 2em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #ed7d23;
}

.bloqueCookiesSolidarias h3 {
	margin: 50px 0px 30px 0px;
	font-size: 1.8em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #ed7d23;
}

.bloqueCookiesSolidarias .flex2 {
	margin-top: 50px;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
}

.mcookies {
	box-sizing: border-box;
	width: 25%;
	padding: 20px;
	background-color: #efefef;
}

.mcookies img {
	width: 100px;
	margin: 0px auto;
}

.mcookies p {
	font-size: 0.9em;
}

.mcookies p a {
	font-weight: 600;
	color: #ed7d23;
	text-decoration: none;
}

.mcookies p a:hover {
	color: #ed7d23;
	text-decoration: underline;
}

.iRec {
	max-width: 100%;
	margin: 0px auto 50px auto;
}

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

.bloqueColabora2 {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.bloqueColabora2 h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
	color: #ed7d23;
}

.bloqueColabora2 .logos img {
	margin: 20px;
	height: 50px;
}

.bloqueContesta {
	margin-top: 50px;
	padding: 20px 100px 20px 100px;
	box-sizing: border-box;
	background-color: #ed7d23;
}

.bloqueContesta p {
	color: #ffffff;
	font-weight: 600;
}

.bloqueContesta p a {
	color: #ffffff;
}


/**********************************************************************************************************************/
/** EXPOSICION FOTOGRÁFICA 													 				 						  */
/**********************************************************************************************************************/

.exposicion {
	padding: 40px 100px 50px 100px;
	box-sizing: border-box;
	background-color: #ffddc2;
}

.galeriaExposicion li {
	overflow: hidden;
}

.elementoGaleria {
	max-width: 800px;
}

.elementoGaleria .tituloExposicion {
	background-color: #000000;
}
.elementoGaleria .tituloExposicion p {
	margin: 0;
    padding: .5em;
    font-size: 1em;
	color: #ffffff;
	line-height: 1.1em;
	text-align: center;
}

.indiceExposicion article {
	margin-bottom: 1rem;
	padding: .5rem;
	border: 1px solid #666666;
	background-color: #ededed;
	cursor: pointer;
}
.indiceExposicion article:hover {
	border: 1px solid #bd152b;
	background-color: #fafafa;
}
.indiceExposicion article h3 {
	margin: 0;
	font-size: 1rem;
	font-weight: bold;
	color: #000000;
}
.indiceExposicion article h3 span {
	color: #bd152b;
}

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

.bloqueProyectoExposicion {
	padding: 40px 150px 50px 150px;
}

.bloqueProyectoExposicion h2 {
	margin: 10px 0px 30px 0px !important;
	font-size: 1.8em;
	font-weight: 600;
	text-align: left;
	color: #000000;
}
.bloqueProyectoExposicion h2 span {
	font-size: 1.5rem;
	color:#bd152b;
}
.bloqueProyectoExposicion h2 span a {
	color: inherit;
}
/*.bloqueProyectoExposicion h2 span::before {
	content: "\A";
	white-space: pre;
}*/

.bloqueRRSS {
    margin-bottom: 3rem;
    padding-top: .5rem;
    border-top: 2px solid #222222;
    float: left;

    display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
    align-items: flex-start;
}
.bloqueRRSS .brs {
    margin: 0 1rem !important;
}
.bloqueRRSS .brs span {
    color: #696969;
}
.bloqueRRSS .brs span:hover {
    color: #e97220;
}

.presentacionProyecto > p {
	font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 0 1rem;
}
.presentacionProyecto img {
	margin-right: 1rem;
	width: 100%;
	float: left;
}
.presentacionProyecto a {
	color: #bd152b;
}

.bloquePromocionXSolidaria {
	margin-top: 1.5rem;
    /*padding: 0 2.5rem !important;
	background-color: #eeeeee;*/

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
    align-items: center;
}
.bloquePromocionXSolidaria p {
	margin: 0;
	padding: 2.5rem 5rem;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: bold;
	color: #ed7d23;
	background-color: #eeeeee;
}
.bloquePromocionXSolidaria p:nth-child(1) {
	flex-basis: 57%;
}
.bloquePromocionXSolidaria p:nth-child(2) {
	flex-basis: 20%;
}

.bloqueVideoProyecto {
	background-color: #c54455;
}
.bloqueVideoProyecto p {
	margin: 0 0 1rem;
	font-size: 1.1em;
    line-height: 1.5em;
	color: #ffffff;
	text-align: center;
}
.bloqueVideoProyecto img {
	margin: 0 auto;
	width: 100%;
	max-width: 60px;
}

/*****/

.pic-container {
    position: relative;
    max-width: 400px;
    float: left;
}

.pic-container-1 {
	margin: 4rem 5rem 5rem 0rem;
}
.pic-container-2 {
    margin: 6rem 5rem 7rem 0rem;
}
.pic-container-5 {
	margin: 4rem 5rem 7rem 0rem;
}
.pic-container-6 {
	margin: 4rem 5rem 7rem 0rem;
}

.pic {
    padding: .5rem;
    background: #ffffff;
    width: 100%;
    -webkit-box-shadow: 10px 10px 27px -7px rgba(138,138,138,1);
    -moz-box-shadow: 10px 10px 27px -7px rgba(138,138,138,1);
    box-shadow: 10px 10px 27px -7px rgba(138,138,138,1);
}
.pic:nth-child(1) {
    z-index: 3;
    -webkit-transform: rotate(15deg);
     transform: rotate(-5deg);
}
.pic:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transform: rotate(7deg);
     transform: rotate(7deg);
}
.pic:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: rotate(-5deg);
     transform: rotate(18deg);
}


/**********************************************************************************************************************/
/** RENTATERAPIA POP UP GYM													 				 						  */
/**********************************************************************************************************************/

.bloqueGYM {
	padding: 40px 50px 0px 50px;
}

.bloqueGYM h2 {
	margin: 20px 0px 50px 0px;
	font-size: 2em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #ed7d23;
}

.bloqueGYM h3 {
	margin: 50px 0px 30px 0px;
	font-size: 1.8em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #000000;
}

.bloqueGYM img.L {
	width: 60%;
	max-width: 1200px;
	margin: 0px auto 40px auto;
}

.bloqueGYM2 {
	margin-top: 50px;
	padding: 20px 100px 20px 100px;
	box-sizing: border-box;
	background-color: #cccccc;
}

.bloqueGYM2 h3 {
	color: #c11634;
	font-weight: 700;
	font-size: 3em;
	text-align: center;
}

.bloqueGYM3 {
	padding: 40px 50px 100px 50px;
}

.bloqueGYM3 .boton2 {
	margin: 0px auto;
}

.bloqueGYM3 h2 {
	margin: 20px 0px 10px 0px;
	font-size: 3em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #ed7d23;
}

.bloqueGYM3 h3 {
	margin: 0px;
	font-size: 2em;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	color: #000000;
}

.bloqueProgramaGYM {
	padding: 0px 50px 10px 50px;
}

.bloqueProgramaGYM table {
	width: 60%;
	margin: 0px auto;
}

.bloqueProgramaGYM table td.h {
	color: #c11634;
	font-weight: 700;
}

.bloqueProgramaGYM table td {
	font-size: 1.5em;
}

.bloqueProgramaGYM table td li {
	font-size: 0.8em;
}


