/*
    /////////////////////////////////////////////////////////
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

    ------------------------
    GLOBAL COMMON
    ------------------------


    1 GENERAL
    2 ALERTS
    3 BACK TO TOP
    4 BOTONES
    5 ACORDEONES CKEDITOR
    6 BUSQUEDA
    7 PAGINAS ESTÁTICAS
    8 TABLES
    9 SPINNER
    10 COOKIES ADVICE
    11 BREADCRUMBS
    12 CONTACT INFORMATION BLOCKS

    ------- FONTS ---------

	.Futura-Lig {
		font-family: 'Futura-Lig';
		font-weight: normal;
		font-style: normal;
	}
	.HelveticaNeueLTStd-Lt {
		font-family: 'HelveticaNeueLTStd-Lt';
		font-weight: normal;
		font-style: normal;
	}
	.HelveticaNeueLTStd-Roman {
		font-family: 'HelveticaNeueLTStd-Roman';
		font-weight: normal;
		font-style: normal;

	.HelveticaNeueLTStd-Bd {
		font-family: 'HelveticaNeueLTStd-Bd';
		font-weight: normal;
		font-style: normal;
	}

	-------- COLORS --------
	CYAN: #CCFFFF
	AZUL: #003DC4
	ROJO: #FF4712

*/


/* 1. GENERAL
 ------------*/
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
    min-height: 1px;
    position: relative;
}

.col-xs-5 {
    float: left;
    width: 20%;
}

body .tooltip {
    display: none!important;
}

/* Error 404*/
.error404 {
    font-size: 6vw;
    line-height: 1;
	color:#003DC4;
	margin-left: -8px;
}

/*mantenimiento*/
body.maintenance-page  {background-color: #f2f2f2;}

body.maintenance-page .navbar-default {
    background-color: transparent;
    border:0;
}

body.maintenance-page .navbar-default .navbar-header {width: 100%;}

body.maintenance-page .navbar-default a.logo {
    display: none;
}

body.maintenance-page .navbar-default a.name,
body.maintenance-page .navbar-default .navbar-text {
    display: block;
    width: 100%;
    text-align: center;
	margin: 2vw 0 2vw 0;
}

body.maintenance-page .navbar-default .navbar-text {
    display: none;
}

body.maintenance-page .navbar-default a.name {
    padding-top: 8vw;
    background-image: url(../../images/logo-color.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    text-indent: -999999px;
    display: block;
    min-height: 80px;
}

body.maintenance-page .main-container {
    text-align: center;
    font-family: 'HelveticaNeueLTStd-Roman';
    font-weight: normal;
    font-style: normal;
    font-size: 1.5vw;
    max-width: 60%;
}

body.maintenance-page .main-container h1 {
    text-align: center;
    font-family: 'Futura-Lig';
    font-weight: normal;
    font-style: normal;
    font-size: 5vw;
    line-height: 1;
    margin-bottom: 2vw;
}

@media (min-width: 768px) {

    .col-sm-5 {
        float: left;
        width: 20%;
    }

}

@media (min-width: 992px) {

    .col-md-5 {
        float: left;
        width: 20%;
    }

}

@media (min-width: 1200px) {

    .col-lg-5 {
        float: left;
        width: 20%;
    }

}

body {
    font-family: 'HelveticaNeueLTStd-Bd';
    color:#000;
    font-size: 20px;
}

body.path-frontpage {
    margin-top: 15px;
}

#mfPreviewBar {
    display:none;
}


/* 2. ALERTS
 -----------*/
.messages__wrapper .alert {
    position: fixed;
    z-index: 999;
    bottom: 40px;
    right: 20px;
    min-width: 400px;
    max-width: 90%;
}

/* 3. BACK TO TOP
 -----------*/
#backtotop {
    background: url(../../images/back-top.png) no-repeat center center;
    bottom: 37px;
    cursor: pointer;
    display: none;
    height: 48px;
    position: fixed;
    right: 41px;
    text-indent: -9999px;
    width: 48px;
    z-index: 90;

	transition: all 0.3s ease;
}

#backtotop:hover {
    background: url(../../images/back-top.png) no-repeat center center;
    bottom: 60px;
    cursor: pointer;
    display: none;
    height: 48px;
    position: fixed;
    right: 41px;
    text-indent: -9999px;
    width: 48px;
    z-index: 90;

	transition: all 0.3s ease;
}




/* 4. BOTONES
 -----------*/

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 2px solid #000;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-default {
    color: #000;
    background-color: #fff;
    border-color: #000;
}

.btn:hover  {background-color: #f1f1f1; border: 2px solid #000;}

.play {
	background-image: url("../../images/play.png");
    background-repeat: no-repeat;
    background-position: center 0%;
}


/* 5. PAGINACIÓN
 ----------------*/


.pager-nav {padding: 30px 0;}

.pager__item a{
	font-family: 'Futura-Lig';
	font-size: 30px;
	padding: 0px 12px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-top: 0px;
	border-bottom: 0px;
	padding: 0px 16px;
	border-left: 1px solid #000;
    border-right: 1px solid #000;
	transition: all 0.3s ease;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #215099;
    cursor: default;
    background-color: #f7f7f7;
    border-color: #000;
	border-radius: 0;
}

.pager__item--next a,
.pager__item--last a,
.pager__item--first a,
.pager__item--previous a{
	font-family: 'HelveticaNeueLTStd-Bd';
	font-size: 18px;
    padding: 8px 20px !important;
	border-radius: 0px !important;
	border: 0 !important;
}

.pager__item--next a:hover,
.pager__item--last a:hover,
.pager__item--first a:hover,
.pager__item--previous a:hover{
	background-color: transparent !important;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span  {
    border-radius: 0px;
}



/* 5. ACORDEONES CKEDITOR
 -----------------------------*/

 .ckeditor-accordion-container {
	 margin-top: 50px;
 }

  .ckeditor-accordion-container img {
	  max-width: 100%;
	  height:auto;
 }

.ckeditor-accordion-container > dl dt > a:hover {
    padding-left: 30px;
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	text-decoration: none;
}

.ckeditor-accordion-container > dl dt > a:focus {
	text-decoration: none;
}

.ckeditor-accordion-container > dl dt > a {
    display: block;
	padding: 22px 50px 22px 5px;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
	font-weight:normal;
	line-height: 1.1;

	padding-left: 0px;
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.ckeditor-accordion-container > dl dt > a:hover {
    background-color: transparent;
}

.ckeditor-accordion-container > dl dd {
    display: none;
    padding: 30px 0px;
    margin: 0;
    will-change: height;
}

.ckeditor-accordion-container > dl dd.active {
    display: block;
    border-bottom: 1px solid #000;
}

.ckeditor-accordion-container > dl {
    position: relative;
    border: 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle {
    display: inline-block;
    position: absolute;
    padding: 0 10px;
    width: 30px;
    height: 30px;
    z-index: 1;
    top: calc(50% - 1px);
	left:auto;
    right: 11px !important;
    box-sizing: border-box;
    color: #000;
}

.ckeditor-accordion-container > dl dt.active > a {
    background-color: transparent;
}

 .ckeditor-accordion-container > dl dt > a {
    border-bottom: 1px solid #000;
}

/* Flecha acordeon */

.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:after {
    background: #000;
    height: 1px;
	width: 25px;
}

.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:before {
    left: 0px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:after {
    right: 5px;
    left: auto;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle:after {
    transform: rotate(0deg);
}


/* 7. PÁGINAS ESTÁTICAS
 -----------------------------*/

 body.page-node-type-static-page {
	    font-family: 'HelveticaNeueLTStd-Lt';
}

body.page-node-type-static-page .main-container {
    padding-bottom: 5%;
	padding-top: 12vh;
}


/* 8. TABLES
 -----------*/

.table-responsive {
    border: none;
}



/* 9. SPINNER
 ------------*/

.animation-spinner {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../../images/loader.gif) center no-repeat #fff;
    background-size: 100px 100px;
}


/* 10. COOKIES ADVICE
 --------------------*/

#sliding-popup {
    background: #E2E9ED!important;
    width: 25%!important;
    right: 10px!important;
    bottom: 0px!important;
    left: auto;
	padding: 40px 0;
}

#sliding-popup  #popup-text{
	font-family: 'HelveticaNeueLTStd-Lt';
	font-weight: normal;
	font-style: normal;
}

#sliding-popup p {
    color: #000;
    font-weight: normal;
    line-height: 1.2;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

#sliding-popup .eu-cookie-compliance-more-button {
    color: #000;
    font-size: 1vw;
    line-height: 1;
    padding: 0;
    margin: 0;
}

#sliding-popup .decline-button {
    display: none;
}

#sliding-popup .eu-cookie-compliance-message {
    float: none;
    margin: 0;
    max-width: 100%;
}

#sliding-popup .eu-cookie-compliance-message h2 {
    font-size: 16px;
    color: #000 !important;
}

#sliding-popup .eu-cookie-compliance-buttons {
    float: none;
    margin: 0;
    max-width: 100%;
}

#sliding-popup .eu-cookie-compliance-categories label {
    display: inline;
    color: #000 !important;
    font-weight: 300;
    font-size: 16px;
}

#sliding-popup .eu-cookie-compliance-categories-buttons {
    max-width: 100%;
}


#sliding-popup .eu-cookie-compliance-category {
	padding-bottom: 10px;
    color:#000;
}

#sliding-popup .eu-cookie-compliance-buttons {
    float: none;
    margin: 0;
    max-width: 100%;
}

#sliding-popup .eu-cookie-compliance-more-button {
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    padding: 0;
    margin: 0;
	display: block;
}

#sliding-popup .decline-button {
    display: none;
}

#sliding-popup .eu-cookie-compliance-message {
    float: none;
    margin: 0;
    max-width: 100%;
}

#sliding-popup button {
    border-radius: 0;
    font-size: 16px;
}

#sliding-popup button .agree-button {
    border-radius: 0;
    font-size: 16px;
	background-color: #1E4B9B;
}

#sliding-popup .agree-button {
    background: #1E4B9B;
    width: 100%;
    font-family: 'Futura-Lig';
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 5px 5px 5px;
    color: #FFF;
    text-shadow: none;
    letter-spacing: 0.10em;
    margin-top: 0;
}






/* 11. BREADCRUMBS
 -----------------*/

.field--name-field-links-breadcrumbs {
    margin: 2% 0 2% 50px;
    font-size: .8em;
}

.field--name-field-links-breadcrumbs .field--item {
    display: inline-block;
}

.field--name-field-links-breadcrumbs .field--item a {
    color: #000;
}

.field--name-field-links-breadcrumbs .field--item a span:nth-child(2) {
    margin-left: -3px;
}

.field--name-field-links-breadcrumbs .field--item .empty {
    opacity: .2;
}

.field--name-field-links-breadcrumbs .field--item a:hover {
    color: #000;
    text-decoration: none;
}

.field--name-field-links-breadcrumbs .field--item .empty:after,
.field--name-field-links-breadcrumbs .field--item a:after {
    content: "";
    display: inline-block;
    background: url('../../images/flecha-dcha.png') no-repeat;
    height: 10px;
    width: 40px;
    margin-left: 15px;
    margin-right: 15px;
}

.field--name-field-links-breadcrumbs .field--item:last-child a:after {
    display: none;
}


/* 12. CONTACT INFORMATION BLOCKS
 -------------------------------*/

 .field--name-field-title-contact-info-block a,
 .field--name-field-title-contact-info-block a:hover {
    color: #000;
    text-decoration: none;
 }




/* CKEDITOR STYLES COLORS
 -------------------------------*/

.rojo-coral {
	color:#ff4712;
}

.azul {
	color:#003DC4;
}

.azul-oscuro {
	color:#003CC5;
}

.azul-cyan {
	color:#0090FF;
}

.naranja {
	color:#FF4713;
}

.gris {
	color: #888888;
}

p.parrafo-grande {
	font-size: 32px !important;
	line-height: 1;
	font-family: 'Futura-Lig' !important;
	font-weight: normal;
	font-style: normal;
} 

p.parrafo-pequeno {
	font-size: 14px !important;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal
}