@CHARSET "UTF-8";

*{
	margin: 0;
	padding: 0;
}

.header-interna{
	max-width: 1280px;
}

.header-int{
	padding: 0 !important;
	margin-right: 0 !important;
}

.cont-int-1column{
	padding-bottom: 1%;
	font-size: 1.3em;
	text-align: center;
}
.descripcion-valores div:nth-child(2){
	text-align: left !important;
}

.social-header{
	position: relative;
	top: -83px;
	font-size: 1.2em !important;
}
/*Contenido*/
.art1{
	padding-left: 41px;
	min-height: 380px;
}
.art2{
	padding-right: 41px;
}
.back-art{
	min-height: 79px;
	max-width: 453px;
	background: #dfe3e4;
	padding: 0 20px 14px 30px;
	text-align: left;

}
h4{
	font-size: 2em;
	color: #e4ad06;
	text-align: left;
	font-weight: bold;
	
	margin-bottom: 0 !important;
}
.video{
	width: 100%;
}
video{
    object-fit: contain;
}
#Video1{
	width: 100%;
}
#reproductorVideo{
	width: 100% !important;
}
.p-int{
	padding-right: 37%;
	

}
.txt-art{
	max-width: 429px;
	position: absolute;
	top: 200px;
}
/*.sicon-int{
	float: left;
	padding-left: 20px;
}*/
.tw{
	letter-spacing: 20px;
}
.flecha-int{
	float: right;
}
/*Logos*/
hr{
	height: 1px !important;
	background: #e4ad06;
	clear: both;
	width: 90%;
	border-top: 0 !important;
}

/*Valores*/
.valores{
	text-align: center !important;
	font-size: 1.3em;
	padding-top: 2%;
	padding-bottom: 2%;
}
.p3{
	text-align: left;
	color: #363636;
	font-size: 1.8rem;
}
h6{
	color: white;
	font-size: 1.2em;
	margin: 0;
	padding-top: 12px;
	text-align: right;
	padding-right: 10px;
}
h7{
	font-family: Quattrocento Sans, serif;
	color: #7b7c7f;
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0;
}
h8{
	color: #e3c009;
	font-size: 2rem;
	margin: 0;
}
.h-principales{
		font-family: Quattrocento Sans, serif;
		color: #7b7c7f;
		font-size: 5rem;
		font-weight: bold;
		margin: 0;
	}
/*a, a:hover{
	color: #22b4cb;
	text-decoration: none;
}*/
.titulo-seccion{
	color: black;
	text-align: left;
	padding-left: 10px;
}
.valores img{
	max-width: 100%;
	height: auto;
}
.descripcion-valores{
	text-align: left;
	clear: both;
}
div.valores p{
	text-align: left;
}
/*Sección Luis Echarte*/
.ContLuisE{padding-top: 5%;}
.ContLuisE .p3{font-weight: 100; padding: 10px 0}
.tituloEch{font-size: 28px; font-weight: 300; padding-top: 10%}
.ContLuisE b{font-size: 19px}

/*GS HOY*/
div.cont_img img{
	width: 220px !important;
	height: 241px !important;
}

/*PLECAS*/
.parallax{
	position: relative;
    max-width: 100%;
    height: 385px;
}
.descripcion-pleca{
	background-image: url(/images/plecas/Descripcion3.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	min-height: 100%;

}
.historia-pleca{
	background-image: url(/images/plecas/Historia2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	min-height: 100%;	
}
.rbs-pleca{
	background-image: url(/images/plecas/RBS2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	min-height: 100%;
}


.cajaLogos{
	float: right;
}

/*DIAGONAL*/
.diagonal {
	background: white;
	position: relative;
	z-index: 1;
	padding: 4%;
}
.diagonal:before{
	background: inherit;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: -1;
	-webkit-backface-visibility: hidden;
}
.diagonal:before {
	top: 0;
	-webkit-transform: skewY(-4deg);
	transform: skewY(-4deg);
	-webkit-transform-origin: 0 100% ;
	transform-origin: 0 100%;
}
@media screen and (min-width: 320px) and (max-width: 768px){
	.h-principales{
		font-family: Quattrocento Sans, serif;
		color: #7b7c7f;
		font-size: 3rem;
		font-weight: bold;
		margin: 0;
	}
}


@media screen and (min-width: 320px) and (max-width: 480px){
	.social-header{
		position: relative;
		top: -40px;
		font-size: 0.8em !important;
	}
	.art1{
		padding-left: 15px;
		min-height: 323px;
	}
	.txt-art{
		max-width: 429px;
		position: absolute;
		top: 159px;
	}
	.art2{
	padding-right: 14px;
	min-height: 323px;
	}
	.espacio{
		display: none;
	}
	.header-interna{
	background: url(../images/internas/pleca-interna2.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 150px;
	background-position: top;
	}
	.titulo-cabeza{
	font-size: 4vw;
	color: white;
	text-align:right;
	padding-top: 5px;
	padding-left: 45px;
	}
	.cont-int{
	padding-bottom: 1%;
	font-size: 1.3em;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
	}
}
@media screen and (min-width: 480px) and (max-width: 640px){
	.txt-art{
		top: 204px;
	}
	.art1, .art2{
		min-height: 367px;
	}
	.header-interna{
	background: url(../images/internas/pleca-interna2.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 200px;
	background-position: top;
	}
	.titulo-cabeza{
	font-size: 4vw;
	color: white;
	text-align:right;
	padding-top: 10px;
	padding-left: 45px;
	}
	.cont-int{
	padding-bottom: 1%;
	font-size: 1.3em;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
	}
}
@media screen and (min-width: 641px) and (max-width: 768px){
	.social-header{
		top: -67px;
	}
	.txt-art{
		top: 216px;
	}
	.art1{
		min-height: 380px;
		padding: 0;
	}
	.art2{
		min-height: 380px;
		padding: 0;
	}
	.header-interna{
	background: url(../images/internas/pleca-interna2.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 250px;
	background-position: top;
	}
	.titulo-cabeza{
	font-size: 4vw;
	color: white;
	text-align:right;
	padding-top: 10px;
	padding-left: 45px;
	}
	.cont-int{
	padding-bottom: 1%;
	font-size: 1.3em;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}
}
@media screen and (min-width: 768px) and (max-width: 1025px){
	.social-header{
		top: -74px;
	}
	.txt-art{
		top: 145px;
	}
	.art1{
		min-height: 309px;
	}
	.header-interna{
	background: url(../images/internas/pleca-interna2.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 400px;
	background-position: top;
	}
	.titulo-cabeza{
	font-size: 4vw;
	color: white;
	text-align:right;
	padding-top: 25px;
	padding-left: 45px;
	}
	.titulo-cabeza-new{
	font-size: 4vw;
	color: black;
	text-align:left;
	padding-top: 182px;
	padding-left: 45px;
	width: 90%;
	}
	.cont-int{
	padding-bottom: 1%;
	font-size: 1.3em;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}
}


@media screen and (min-width: 1026px) and (max-width: 1365px)  {
	.social-header{
		position: relative;
		top: -112px;
		font-size: 1.2em;
	}
	.art1{
		padding-left: 214px;
	}
	.art2{
		padding-right: 205px;
	}
	.txt-art{
		top: 205px !important;
	}
	.header-interna{
	background: url(../images/internas/pleca-interna2.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 400px;
	background-position: top;
	}
	.titulo-cabeza{
	font-size: 4vw;
	color: white;
	text-align:right;
	padding-top: 32px;
	padding-left: 45px;
	}
	.cont-int{
	padding-bottom: 1%;
	font-size: 1.3em;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}
}

@media screen and (min-width: 1366px) {
	.social-header{	
		top: -134px;
		font-size: 1.5em !important;
	}
	.header-interna{
	background: url(../images/internas/pleca-interna2.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 400px;
	background-position: top;
	}
	.titulo-cabeza{
	font-size: 4em;
	color: white;
	text-align:right;
	padding-top: 32px;
	padding-left: 45px;
	}
	.cont-int{
	padding-bottom: 1%;
	font-size: 1.3em;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
	}
}

@media screen and (min-width: 1367px) {
	.header-interna{
	background: url(../images/internas/pleca-interna2.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 400px;
	background-position: top;
	}
	.titulo-cabeza{
	font-size: 4vw;
	color: white;
	text-align:right;
	padding-top: 32px;
	padding-left: 45px;
	}
}