/*
Theme Name: Intranet Empleados
Author: dosgrapas
Author URI: http://www.dosgrapas.com
Version: 1.1.1
Text Domain: intranet-empleados
*/

/*------------------------------------------------  GOOGLEFONTS ------------------------------------------------*/

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans'; font-style: normal; font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Roboto'; src: url('fonts/Roboto-Light.eot'); src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg#RobotoLight') format('svg');
    font-weight: 200; font-style: normal;
}

@font-face {
    font-family: 'Roboto'; src: url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#RobotoRegular') format('svg');
    font-weight: 400; font-style: normal;
}

@font-face {
    font-family: 'Roboto'; src: url('fonts/Roboto-Medium.eot'); src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto-Medium.svg#RobotoMedium') format('svg');
    font-weight: 500; font-style: normal;
}
 
@font-face {
    font-family: 'Roboto'; src: url('fonts/Roboto-Bold.eot'); src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#RobotoBold') format('svg');
    font-weight: 700; font-style: normal;
}

@font-face { font-family: HelveticaNeue; src: url("fonts/HelveticaNeueLTStd-Bd.otf") format("opentype"); }
@font-face { font-family: "Din"; src: url("fonts/DINNextLTPro-Bold.otf") format("opentype"); font-weight: bold; }
@font-face { font-family: "Din"; src: url("fonts/DINNextLTPro-Regular.otf") format("opentype"); font-weight: normal; }
@font-face { font-family: "Din"; src: url("fonts/DINNextLTPro-Light.otf") format("opentype"); font-weight: lighter; }



/*------------------------------------------------  GENERAL ------------------------------------------------*/

html, body { margin:0 !important; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 0 !important; }
ul, ol { margin:0; padding:0; }
li, #index-container li, .container .indice-lista-left li, .container .indice-lista-right li { list-style:none; }
.container li { list-style: inherit; list-style-position: inside; }
h1,h2,h3,h4,h5,h6,p { margin: 0; }
hr { margin: 0 !important; padding: 0 !important; border-top: 1px solid #aeaeae; }
body { width:100% !Important; }
img { width: 100%; height: auto; }
a { text-decoration: none; }


/*------------------------------------------------  CONTENIDORS ------------------------------------------------*/

.wrap1050 { max-width:1050px; margin:0 auto; }
.wrap { max-width:1020px; margin:0 auto; padding: 0 30px; }
.wrap960 { max-width: 960px; margin: 0 auto; }
.wrap820 { max-width: 820px; margin: 0 auto; padding: 0 30px }
.wrap700 { max-width: 700px; margin: 0 auto; padding: 0 30px }

@media (max-width: 767px) {
  .wrap { padding: 0 15px; }
}

/* --------------------------------------------------------------- COLUMNES --------------------------------------------------------------- */

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

@media (max-width: 575px) {
.col-xs-1 {width:8.33% !important;} .col-xs-2 {width:16.66% !important;} .col-xs-3 {width:25% !important;} .col-xs-4 {width:33.33% !important;} .col-xs-5 {width:41.66% !important;} .col-xs-6 {width:50% !important;} .col-xs-7 {width:58.33% !important;} .col-xs-8 {width:66.66% !important;} .col-xs-9 {width:75% !important;} .col-xs-10 {width:83.33% !important;} .col-xs-11 {width:91.66% !important;}.col-xs-12 {width:100% !important;}
.col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;}
.col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;}
.col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;}
.col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;}
}

@media (min-width: 576px) and (max-width: 767px) {
.col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;}
.col-sm-1 {width:8.33% !important;} .col-sm-2 {width:16.66% !important;} .col-sm-3 {width:25% !important;} .col-sm-4 {width:33.33% !important;} .col-sm-5 {width:41.66% !important;} .col-sm-6 {width:50% !important;} .col-sm-7 {width:58.33% !important;} .col-sm-8 {width:66.66% !important;} .col-sm-9 {width:75% !important;} .col-sm-10 {width:83.33% !important;} .col-sm-11 {width:91.66% !important;}.col-sm-12 {width:100% !important;}
.col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;}
.col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;}
.col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;}
.col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;}
.col-md-1 {width:8.33% !important;} .col-md-2 {width:16.66% !important;} .col-md-3 {width:25% !important;} .col-md-4 {width:33.33% !important;} .col-md-5 {width:41.66% !important;} .col-md-6 {width:50% !important;} .col-md-7 {width:58.33% !important;} .col-md-8 {width:66.66% !important;} .col-md-9 {width:75% !important;} .col-md-10 {width:83.33% !important;} .col-md-11 {width:91.66% !important;}.col-md-12 {width:100% !important;}
.col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;}
.col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;} 
}

@media (min-width: 992px) and (max-width: 1199px) {
.col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;}
.col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;}
.col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;}
.col-lg-1 {width:8.33% !important;} .col-lg-2 {width:16.66% !important;} .col-lg-3 {width:25% !important;} .col-lg-4 {width:33.33% !important;} .col-lg-5 {width:41.66% !important;} .col-lg-6 {width:50% !important;} .col-lg-7 {width:58.33% !important;} .col-lg-8 {width:66.66% !important;} .col-lg-9 {width:75% !important;} .col-lg-10 {width:83.33% !important;} .col-lg-11 {width:91.66% !important;}.col-lg-12 {width:100% !important;}
.col-xl-1 {width:8.33%;} .col-xl-2 {width:16.66%;} .col-xl-3 {width:25%;} .col-xl-4 {width:33.33%;} .col-xl-5 {width:41.66%;} .col-xl-6 {width:50%;} .col-xl-7 {width:58.33%;} .col-xl-8 {width:66.66%;} .col-xl-9 {width:75%;} .col-xl-10 {width:83.33%;} .col-xl-11 {width:91.66%;}.col-xl-12 {width:100%;} 
}

@media (min-width: 1200px) {
.col-xs-1 {width:8.33%;} .col-xs-2 {width:16.66%;} .col-xs-3 {width:25%;} .col-xs-4 {width:33.33%;} .col-xs-5 {width:41.66%;} .col-xs-6 {width:50%;} .col-xs-7 {width:58.33%;} .col-xs-8 {width:66.66%;} .col-xs-9 {width:75%;} .col-xs-10 {width:83.33%;} .col-xs-11 {width:91.66%;}.col-xs-12 {width:100%;}
.col-sm-1 {width:8.33%;} .col-sm-2 {width:16.66%;} .col-sm-3 {width:25%;} .col-sm-4 {width:33.33%;} .col-sm-5 {width:41.66%;} .col-sm-6 {width:50%;} .col-sm-7 {width:58.33%;} .col-sm-8 {width:66.66%;} .col-sm-9 {width:75%;} .col-sm-10 {width:83.33%;} .col-sm-11 {width:91.66%;}.col-sm-12 {width:100%;}
.col-md-1 {width:8.33%;} .col-md-2 {width:16.66%;} .col-md-3 {width:25%;} .col-md-4 {width:33.33%;} .col-md-5 {width:41.66%;} .col-md-6 {width:50%;} .col-md-7 {width:58.33%;} .col-md-8 {width:66.66%;} .col-md-9 {width:75%;} .col-md-10 {width:83.33%;} .col-md-11 {width:91.66%;}.col-md-12 {width:100%;}
.col-lg-1 {width:8.33%;} .col-lg-2 {width:16.66%;} .col-lg-3 {width:25%;} .col-lg-4 {width:33.33%;} .col-lg-5 {width:41.66%;} .col-lg-6 {width:50%;} .col-lg-7 {width:58.33%;} .col-lg-8 {width:66.66%;} .col-lg-9 {width:75%;} .col-lg-10 {width:83.33%;} .col-lg-11 {width:91.66%;}.col-lg-12 {width:100%;}
.col-xl-1 {width:8.33% !important;} .col-xl-2 {width:16.66% !important;} .col-xl-3 {width:25% !important;} .col-xl-4 {width:33.33% !important;} .col-xl-5 {width:41.66% !important;} .col-xl-6 {width:50% !important;} .col-xl-7 {width:58.33% !important;} .col-xl-8 {width:66.66% !important;} .col-xl-9 {width:75% !important;} .col-xl-10 {width:83.33% !important;} .col-xl-11 {width:91.66% !important;}.col-xl-12 {width:100% !important;} 
}

@media (min-width: 992px) {
.col-5-10 {width:20% !important;}
}


/*------------------------------------------------  FONTS ------------------------------------------------*/

h1{ font-family: "Din"; font-size: 55px; line-height: 55px; font-weight: lighter; }
h2, body.page-template-template_subapartado-informacion-general.page-id-585 h2 { font-family: 'Roboto'; font-size: 34px; line-height: 40px; font-weight: 700; }
h3 { font-family: 'Roboto'; font-size: 22px; line-height: 22px; font-weight: 700; }
h4{ font-family: "Roboto"; font-size: 36px; line-height: 48px; font-weight: normal; }
p, input { font-family: Roboto; font-style: normal; font-size: 17px; line-height: 20px; }

body.home h1{ font-family: "Din"; font-size: 67px; line-height: 80px; font-weight: lighter; }
body.home h2, #intranet-top-container p{ font-family: 'Roboto'; font-size: 24px; line-height: 26px; font-weight: 400; }
body.home h3{ font-family: "Din"; font-size: 45px; line-height: 55px; font-weight: normal; }
body.home h4{ font-family: "Din"; font-size: 30px; line-height: 32px; font-weight: normal; }

body.single h1 { font-size: 25px; line-height: 30px; }

.faq-container p, .accordion { font-family: 'Roboto'; font-size: 22px; line-height: 28px; font-weight: 400; }
.link-element h3 { font-size: 20px; line-height: 24px; }
.horizontal-links-container .link-element h3 { font-size: 22px; line-height: 24px; }

#intranet-top-container .featured-text a.featured-content-link p { font-family: 'Roboto'; font-size: 18px; line-height: 20px; font-weight: 400; }
.abans-arribada .abans-arribada_title p { font-family: "Din"; font-weight: lighter; font-size: 20px; line-height: 24px; }
.video-element p, .link-element p, .file-element p, .video-element li, .link-element li, .file-element li, body.home .general-sections p { font-family: 'Roboto'; font-size: 16px; line-height: 22px; font-weight: 400; }
.section-information p, .section-information p, .page-template-template_subapartado-informacion-general .wrap820 p, .page-template-template_subapartado-informacion-general .wrap820 li, .section-information li { font-family: 'Roboto'; font-size: 17px; line-height: 25px; font-weight: 400; }

.biografia-content h1, .page-template-template_micuenta-php h1, .page-template-template_micuenta-2-php h1  { font-family: 'Roboto'; font-size: 43px; line-height: 43px; font-weight: 200; margin-bottom: 50px; margin-top: 29px; }
.biografia-content h2 { font-family: "Din"; font-weight: bold; font-size: 18px; line-height: 28px; padding: 4px 10px 0; margin-bottom: 35px; }
.biografia-content h4{ font-family: 'Roboto'; font-weight: 700; font-style: normal; font-size: 18px; line-height: 28px; margin-bottom: 15px; }
.biografia-content p, .basica-content-container li { font-family: 'Roboto'; font-size: 18px; line-height: 28px; font-weight: 400; margin-top: 0; color: #6e6d6d; }
.biografia-content a { font-family: 'Roboto'; font-size: 17px; line-height: 25px; font-weight: normal; color: #535151; text-decoration: underline; }
.biografia-content strong { font-family: Arial,Helvetica,sans-serif; font-weight: bold; line-height: 1.5; font-size: 16px; }

.caixa-link p { font-family: 'Roboto'; font-size: 18px; line-height: 21px; font-weight: 700; }
p.error { color: red; font-size: 14px; line-height: 19px; }
footer p { font-family: 'Open Sans',sans-serif !important; font-size: 16px !important; font-weight: normal !important; } 
#navigation-basica a { font-family: 'Roboto'; font-size: 14px; line-height: 22px; font-weight: 500; color: #a6a4a4; 
text-decoration: none !important; }
#navigation-basica p { font-family: 'Roboto'; font-size: 14px; line-height: 22px; font-weight: bold; color: #908f8e; }
footer p, footer a, footer .wpml-ls-legacy-list-horizontal a { font-family: 'Open Sans',sans-serif !important; font-size: 16px !important;
    font-weight: normal !important; line-height: 20px; margin: 0; }

.pre-footer p { font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; margin: 0; }
#eucookielaw p, #gdpr-cookie-message p, #gdpr-cookie-message a { font-family: 'Open Sans',sans-serif; color: #FFF; margin-bottom: 10px; 
  line-height: 23px; font-size: 15px; font-weight: bold; line-height: 18px; font-size: 12px; display: inline-block; }
#eucookielaw p, #gdpr-cookie-message p, #gdpr-cookie-message a { line-height: 18px; font-size: 12px; display: inline-block; 
  margin-bottom: 10px; }

body.page-template-template_intranet #intranet-top-container p { font-size: 16px; line-height: 20px; }
body.page-template-template_subapartado-informacion-general h2, body.page-template-template_subapartado-informacion-general.page-id-585 #main-content h3 { font-size: 27px; line-height: 35px; padding-bottom: 6px; }
table td { font-family: 'Roboto'; font-size: 14px; line-height: 20px; font-weight: 400; }
body.page-template-template_subapartado-informacion-general.page-id-585 h4 { font-family: 'Roboto'; font-size: 24px; line-height: 30px; font-weight: bold; }
body.page-template-template_subapartado-informacion-general.page-id-585 h5 { font-family: 'Roboto'; font-size: 20px; line-height: 22px; font-weight: 700; }

@media (max-width: 991px) {
  h4 { font-size: 27px; line-height: 30px; }
}

@media (max-width: 991px) {
  h1 { font-size: 30px; line-height: 34px; }
  h2 { font-size: 26px; line-height: 34px; }
  h3 { font-size: 18px; line-height: 20px; }
  h4 { font-size: 24px; line-height: 28px; }
  body.home h1 { font-size: 50px; line-height: 60px; }
  body.home h3 { font-size: 35px; line-height: 40px; }
  .faq-container p, .accordion { font-size: 18px; line-height: 24px; }
}

@media (max-width: 991px) {
  body.home h4 { font-size: 25px; line-height: 28px; }
}

/*------------------------------------------------  COLOR ------------------------------------------------*/

.black, a .caixa-link p, .border-box .text h4, .accordion.active, .accordion:hover, .accordion.active:after, .page-template-template_subapartado-informacion-general h3, table td a:hover, a:hover, body.page-template-template_subapartado-informacion-general.page-id-585 h4 { color: #000 !important; }
.white, .biografia-content h2, footer a:hover { color: #FFF !important; }
.grey, footer p, footer a, .pre-footer p, .accordion, .video-text p, .section-information p, .link-element p, .file-element p, .page-template-template_subapartado-informacion-general .wrap820 p, .page-template-template_subapartado-informacion-general .wrap820 li, .border-box .text p, .section-information li, table td, table td:first-child { color: #8e8d8d !important; }
.dark-grey, .white-background .video-text p, .video-element li, .link-element li, .file-element li, .about-ebf-text p, table tr:first-child td { color: #575756 !important; }
.blue, .link-element p.blue, table td a, a, body.page-template-template_subapartado-informacion-general.page-id-585 h5 { color: #0094ff !important; }

body, .light-grey-background { background-color: #efefef; }
.white-background, body.single-post.logged-in, .caixa-link, .tab button.active, .tabcontent, #changeform, .grey-background .video-element, .project-grey-background .video-element .video-text { background-color: #FFF; } 
.grey-background, div.tab { background-color: #e8e8e8; }
.project-grey-background, .white-background .video-element, table tr:first-child { background-color: #f5f5f5; }
.blue-background, input[type="submit"], .biografia-content h2, .abutton, div.pdfemb-toolbar button.pdfemb-download { background-color: #0094ff; }
.dark-blue-background, input[type="submit"]:hover, .abutton:hover, div.pdfemb-toolbar button.pdfemb-download:hover { background-color: #006fbf; }
.black-blue-background { background-color: #061324; }
.middle-blue-background { background-color: #384250; }
.darkest-blue-background, body.logged-in, body.single-post.logged-in header { background-color: #061424; }

.border-blue { border-color: #0094ff; }
.border-grey, form input[type="text"], form input[type="email"], form input[type="password"], .page-template-template_subapartado-informacion-general h2, .sobre-elbullifoundation h2, body.page-template-template_subapartado-informacion-general.page-id-585 h3 { border-color: #b2bec3; border-color: #e8e8e8 !important; }
.border-green { border-color: #34ae72; }
.border-orange { border-color: #e14938; }
.border-yellow { border-color: #eaa333; }


/*------------------------------------------------ HEADER ------------------------------------------------*/
#main-content { min-height: calc(100vh - 265px); margin-bottom: 0; }
header { border-top-width: 10px; border-top-style: solid; border-bottom: 1px solid #384250 !important; padding-bottom: 16px; }
#nodisponible { padding: 50px 0; text-align: center; }
#nodisponible p { color: red; border: 1px solid red; }
#micuenta-link { float: right; border-color: #000 !important; color: #000; margin-top: 18px !important; }
@media (max-width: 767px) { .logo-header { text-align: center; } }

/*------------------------------------------------ FOOTER ------------------------------------------------*/

.pre-footer { display: flex; padding: 60px 0 50px; }
.pre-footer div { flex: 1; }
.pre-footer p { margin-bottom: 20px; }
.telefonica { max-width: 240px; }
.logos-container { display: flex; align-items: center; }
.caixabankLogo, .lavazza, .grifols { display: inline; }
.caixabankLogo { max-width: 170px; margin-right: 30px; }
.lavazza { max-width: 120px; margin-right: 30px; }
.grifols { max-width: 120px; }

footer { overflow: hidden; padding: 7px 0; }
#copyright { margin-top: 4px; margin-bottom: 5px; }
#buttons-footer { overflow: hidden; float: right; }
#buttons-footer a { float: left; }
#logout { max-width: 60px; }
#logout, #micuenta-link { border: 1px solid #FFF; padding: 1px 10px 3px; border-radius: 4px; margin-top: 3px; transition: .1s; }
#logout:hover { background-color:#0d2649; }
#textos-footer { float:left; margin-top:3px; }
#copyright { margin-right: 40px; }
#copyright, #menu-footer { float: left; }
#copyright p{ line-height: : 22px !important; }
#menu-footer { margin-top: 1px; }
#menu-footer ul li { display: inline; margin-right: 20px; }

#eucookielaw, #gdpr-cookie-message { position: fixed; bottom: 0; right: 20px; background-color: #040e1b; width: calc(100% - 60px);
    padding: 8px 30px 0; z-index: 9; text-align: center; left: 0; margin-bottom: 0 !important; }
#eucookielaw p, #gdpr-cookie-message p, #gdpr-cookie-message a { line-height: 18px; font-size: 12px; display: inline-block; 
  margin-bottom: 10px; }
#gdpr-cookie-message p:nth-child(2) { width: calc(100% - 180px); max-width: 855px; padding-right: 45px; text-align: left; }
#gdpr-cookie-message p:nth-child(2) a { margin-bottom: 0; }
#gdpr-cookie-message p:nth-child(4) { vertical-align: top; margin-top: 0px; }
@media (max-width: 850px) { 
  #gdpr-cookie-message p:nth-child(2) { width: 100%; padding-right: 0; }
  #gdpr-cookie-message p:nth-child(4) { margin-top: 0px; margin-bottom: 20px; }
}
#removecookie, #gdpr-cookie-message button { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #FFF; background-color: #1e88e5;
    border-bottom: 3px solid #0460a5; font-size: 16px; padding: 5px 20px; text-decoration: none; -webkit-transition: .3s ease; -moz-transition: .3s ease;
    -o-transition: .3s ease; transition: .3s ease; border-top: 0; border-left: 0; border-right: 0; }
#gdpr-cookie-advanced { display: none; }
#gdpr-cookie-message a:link, #gdpr-cookie-message a:visited { text-decoration: underline; }

.email-footer { /*display: none;*/ padding-top: 5px; margin-right: 20px; }

@media (max-width: 1199px) { 
  footer { padding: 7px 0 37px; }
  #textos-footer { float: none; text-align: center; padding: 30px 0; }
  #textos-footer p { margin: 5px 0; float: none; line-height: 22px; }
  #copyright, #menu-footer { float: none; }
  #menu-footer ul li { display: block; margin: 0; }
  #buttons-footer { margin: 0 auto; text-align: center; float: none; }
  #buttons-footer a { clear: both; float: none; }
  #buttons-footer a p { margin: 7px auto 0; }
  .email-footer { margin: 0px 0px 5px; }
}

@media (max-width: 991px) {
  .pre-footer div:nth-child(1) { flex: 2; }
  .pre-footer div:nth-child(2) { flex: 3; }
}

@media (max-width: 767px) {
  .pre-footer { flex-direction: column; text-align: center; }
  .pre-footer div:nth-child(1) { margin-bottom: 50px; }
  .pre-footer div:nth-child(2) { flex: 3; }
  .logos-container { justify-content: center; }
}

@media (max-width: 550px) {
  .logos-container { flex-direction: column; }
  .caixabankLogo, .lavazza { margin-right: 0; }
  .caixabankLogo, .lavazza, .grifols { margin-bottom: 15px; }
}

/*------------------------------------------------ HOME ------------------------------------------------*/



/*------------------------------------------------  INTRANET ------------------------------------------------*/

#intranet-top-container { padding-top: 70px; display: flex; }
body.page-template-template_intranet #intranet-top-container p { margin-bottom: 10px; }
#intranet-top-container .featured-text, #intranet-top-container .featured-video { flex: 1; }
#intranet-top-container .featured-text .text-container { padding-bottom: 0; padding-right: 40px; }
body.home #intranet-top-container .featured-text .text-container { padding-bottom: 40px; }
#intranet-top-container .featured-text a.featured-content-link { display: none; align-items: center; }
body.home #intranet-top-container .featured-text a.featured-content-link { display: flex; }
#intranet-top-container .featured-text a.featured-content-link p { max-width: 200px; }
#intranet-top-container .featured-text a.featured-content-link img { width: 60px; margin-right: 15px; }
#intranet-top-container .featured-text h1 strong { display: block; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.abans-arribada { margin: 150px 0 0; padding: 50px 0 85px; }
.abans-arribada .abans-arribada_title, .durante-estancia_title { text-align: center; padding: 55px 15px; }
.abans-arribada .abans-arribada_title p, .durante-estancia_title p { margin-bottom: 10px; }
.general-sections { padding: 0 7%; }
.border-box .image, .border-box .image img, .link-element .image, .link-element img, .video-element .video-image { -webkit-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; }
.border-box:hover .image, .border-box:hover .image img, a .link-element:hover .image, a .link-element:hover img { -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important; }
.border-box { border-top-width: 10px; border-top-style: solid; background-color: #FFF; margin-bottom: 40px; }
.border-box.large a { display: flex; padding: 25px; }
.border-box.large .image, .border-box.large .text { flex: 1; }
.border-box.large .image { background-size: cover; background-position: center; }
.border-box.large .image img { opacity: 0; }
.border-box.large .text { padding: 25px 0 25px 35px; }
.border-box .text h4 { margin-bottom: 15px; }
.en_proceso { color: #fa0f0c; border: 2px solid #fa0f0c; border-radius: 10px; text-transform: uppercase; font-family: "Din"; font-size: 12px; line-height: 14px; font-weight: bold; background-color: #FFF; padding: 8px 18px 6px; margin-top: 20px;}
.box-row { display: flex; margin-bottom: 40px; }
.box-row a { flex: 1; }
.box-row .border-box { display: flex; flex-direction: column; justify-content: space-between; margin: 0 0 0 20px; }
.box-row .border-box:first-child { margin: 0 20px 0 0; }
.box-row .border-box a { padding: 25px; }
.with-shadow { -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15); }
body.home .white-background { padding-bottom: 60px; }

@media (max-width: 991px) {
  .abans-arribada .general-sections { padding: 0 30px; }
  .border-box, .box-row { margin-bottom: 25px; }
  .box-row .border-box { margin: 0 0 0 12px; }
  .box-row .border-box:first-child { margin: 0 12px 0 0; }
}

@media (max-width: 767px) {
  .durante-estacia__container .general-sections { padding: 0 10px; }
  .abans-arribada .general-sections { padding: 0 15px; }
  #intranet-top-container, .border-box.large a, .box-row { flex-direction: column; }
  #intranet-top-container .featured-text { margin-bottom: 40px; }
  .border-box.large .image { padding-right: 0; margin-bottom: 20px; }
  .border-box.large .image img { opacity: 1; }
  .border-box.large .text { padding-left: 0; }
  .box-row { margin-bottom: 0; }
  .box-row .border-box, .box-row .border-box:first-child { margin: 0 0 25px; }
  .box-row .border-box a, .border-box.large a { padding: 25px 25px 40px; }
  .abans-arribada .abans-arribada_title, .durante-estancia_title { padding: 55px 15px 40px; }
}

/*-----------------------------------  Single PDF -----------------------------------*/
.single-container {  margin: 0 auto; text-align: center; padding: 40px 20px 120px; }
.single-container h1 { margin-bottom: 30px; }
.single-container .pdfemb-viewer { margin: 0 auto !important; float: none; border: none; }
body.single-post.logged-in { background-color: #d0d0d033; } 

/*-----------------------------------  Información general para tu estancia -----------------------------------*/
.simpleSingle-titleContainer { text-align: center; padding: 100px 0; }
.simpleSingle-titleContainer h1 { max-width: 680px; margin: 0 auto; text-transform: uppercase; }
.simpleSingle-titleContainer .en_proceso { background-color: transparent; }
.image_informacio-general-para-su-estancia { padding: 60px 0 165px; }

.image_informacio-general { position: relative; margin-top: 50px; }
img.background-line { width: 100%; height: auto; }
.image-link { position: absolute; width: 25%; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; }
a .image-link:hover { -webkit-filter: brightness(115%); filter: brightness(115%); }
a .image-link.image3:hover { -webkit-filter: brightness(125%); filter: brightness(125%); }
.image-link.image1 { left: 23%; top: 0; }
.image-link.image2 { left: 50%; top: 0; }
.image-link.image3 { right: 1%; top: 23%; }
.image-link.image4 { left: 37.5%; top: 37.5%; }
.image-link.image5 { left: 10.5%; top: 37.5%; }
.image-link.image6 { left: 28%; bottom: 4%; }
.image-link.image7 { left: 55%; bottom: 4%; }

@media (max-width: 767px) {
  .simpleSingle-titleContainer { padding: 60px 15px 50px; }
  img.background-line { display: none; }
  .image-link { display: block; position: unset; width: 100%; max-width: 250px; margin: 0 auto 40px; }
}

/*-----------------------------------  Sub-apartado información general -----------------------------------*/
.page-template-template_subapartado-informacion-general .simpleSingle-titleContainer h1 { max-width: 700px; }
.page-template-template_subapartado-informacion-general .wrap820 { padding: 0 35px; }
.page-template-template_subapartado-informacion-general h2::before, body.page-template-template_subapartado-informacion-general.page-id-585 #main-content h3::before { content: url(images/h2.svg); display: inline-block; width: 20px;
    margin-left: -32px; padding-right: 10px; top: 3px; position: relative; }
.page-template-template_subapartado-informacion-general h2 { margin-top: 80px; }
.page-template-template_subapartado-informacion-general h2:first-child { margin-top: 0px; }
.page-template-template_subapartado-informacion-general .wrap820 ul, .section-information ul { padding-left: 20px; }
.page-template-template_subapartado-informacion-general .wrap820 li, .section-information li { list-style: inherit; }
table { margin-bottom: 26px; }
table, tr, td { border: 1px solid #cccccc !important; }
table td { padding: 7px 12px; }
table td:first-child { font-weight: bold; }
.page-template-template_subapartado-informacion-general h3, body.page-template-template_subapartado-informacion-general.page-id-585 h4, body.page-template-template_subapartado-informacion-general.page-id-585 h5 { margin-bottom: 20px; }
body.page-template-template_subapartado-informacion-general h2 { margin-bottom: 22px; }
body.page-template-template_subapartado-informacion-general ul ul { padding-bottom: 10px; }

/*--- Localizacion ---*/
body.page-template-template_subapartado-informacion-general.page-id-585 h2 { padding-bottom: 20px; }
body.page-template-template_subapartado-informacion-general.page-id-585 h2::before { content: url(''); }

/*-----------------------------------  Sobre elBullirestaurante -----------------------------------*/
.comprender-sistema-innovacion, .sobre-elbullifoundation { padding: 90px 15px 100px; }
.grey-background .comprender-sistema-innovacion { padding: 70px 15px 50px; }
.grey-background .border-grey { border-color: #d5d5d5 !important; }
.section-information { padding: 10px 0 25px; }
.section-information p, .page-template-template_subapartado-informacion-general .wrap820 p { margin-bottom: 18px !important; }
.video-element p, .section-information p, .link-element p, .file-element p { margin-bottom: 10px; }

@media (max-width: 767px) {
  .comprender-sistema-innovacion, .sobre-elbullifoundation { padding: 65px 15px 100px; }
}

/*-----------------------------------  Sobre elBullifoundation-----------------------------------*/
.about-ebf-text { padding-bottom: 60px; }
body.page-template-template_elbullifoundation .sobre-elbullifoundation { position: relative; }
body.page-template-template_elbullifoundation .sobre-elbullifoundation .en_proceso { position: absolute; top: 74px; right: 15px; background-color: transparent; }

@media (max-width: 767px) {
  body.page-template-template_elbullifoundation .sobre-elbullifoundation .en_proceso { top: 47px; }
}
@media (max-width: 767px) {
  body.page-template-template_elbullifoundation .sobre-elbullifoundation { padding-top: 60px; }
}

/*------------------------------------------------  BULLIPEDIA ------------------------------------------------*/

.seccio-link { overflow: hidden; text-align: center; padding: 110px 15px 0px; }
.seccio-link h2 { padding-bottom: 40px; }
#seccions-links .seccio-link:first-child { border-top: none; }
.seccio-link:last-child { padding-bottom: 200px; }

@media (min-width: 992px) {
  .seccio-linkscontainer .columna-link:nth-child(5n+1) { clear: both; }
  .seccio-linkscontainer.elements-4 .columna-link:first-child { margin-left: 10%; }
  .seccio-linkscontainer.elements-3 .columna-link:first-child { margin-left: 20%; }
  .seccio-linkscontainer.elements-2 .columna-link:first-child { margin-left: 30%; }
  .seccio-linkscontainer.residu-1 .columna-link:last-child { margin-left: 40%; }
  .seccio-linkscontainer.residu-2 .columna-link:nth-last-child(2) { margin-left: 30%; }
  .seccio-linkscontainer.residu-3 .columna-link:nth-last-child(3) { margin-left: 20%; }
  .seccio-linkscontainer.residu-4 .columna-link:nth-last-child(4) { margin-left: 10%; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.seccio-linkscontainer .columna-link:nth-child(3n+1) { clear: both; }
	.seccio-linkscontainer.elements-1 .columna-link:nth-child(1) { margin-left: 33.33%; }
	.seccio-linkscontainer.elements-2 .columna-link:nth-child(1) { margin-left: 16.6%; }
	.seccio-linkscontainer.elements-4 .columna-link:nth-child(4) { margin-left: 33.3%; }
	.seccio-linkscontainer.elements-5 .columna-link:nth-child(4) { margin-left: 16.6%; }
  .seccio-linkscontainer.residu-1 .columna-link:last-child,
  .seccio-linkscontainer.residu-2 .columna-link:last-child,
  .seccio-linkscontainer.residu-4 .columna-link:last-child { margin-left: 33%; }
}

@media (max-width: 767px) {
	.seccio-linkscontainer .columna-link:nth-child(2n+1) { clear: both; }
	.seccio-linkscontainer.elements-1 .columna-link:nth-child(1) { margin-left: 25%; }
	.seccio-linkscontainer.elements-3 .columna-link:nth-child(3) { margin-left: 25%; }
	.seccio-linkscontainer.elements-5 .columna-link:nth-child(5) { margin-left: 25%; }
  .seccio-linkscontainer.residu-1 .columna-link:last-child { margin-left: 30%; } 
  .seccio-linkscontainer.residu-2 .columna-link:last-child,
  .seccio-linkscontainer.residu-4 .columna-link:last-child { margin-left: 25%; }
}

@media (max-width: 575px) {
  #intranet-top-container { padding: 70px 15px 0; }
  .seccio-link { padding: 110px 15px 0px; }
	.seccio-linkscontainer .columna-link { clear: both; }
	.seccio-linkscontainer.elements-1 .columna-link, .seccio-linkscontainer.elements-2 .columna-link, 
	.seccio-linkscontainer.elements-3 .columna-link, .seccio-linkscontainer.elements-4 .columna-link,
	.seccio-linkscontainer.elements-5 .columna-link, .seccio-linkscontainer.residu-1 .columna-link,
  .seccio-linkscontainer.residu-2 .columna-link, .seccio-linkscontainer.residu-3 .columna-link,
  .seccio-linkscontainer.residu-4 .columna-link { margin-left: 0 !important; }
}

.columna-link .padding { padding: 10px 10px 20px; } 
.caixa-link { overflow: hidden; text-align: left; }
.caixa-link img { -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }
.caixa-link:hover img { -webkit-filter: brightness(110%); filter: brightness(110%); }

/* New */
#intranet-top-container h1, #intranet-top-container h2, #intranet-top-container p, .page-template-template_intranet #seccions-links .seccio-link h2,
.page-template-template_intranet .columna-link p, #micuenta-link { 
  color: #FFF !important; }

#micuenta-link { border-color: #FFF !important; }



.page-template-template_intranet .caixa-link { background-color: transparent !important; }


.page-template-template_intranet #seccions-links .seccio-link h2 { 
  background-color: #384250; 
  text-transform: uppercase; 
  margin-bottom: 80px; 
  padding: 1px 0; 
  font-size: 30px;
  font-weight: bold;
} 

.page-template-template_intranet .columna-link p { font-weight: bold; }

.seccio-linkscontainer { overflow: hidden; max-width: 90%; margin: 0 auto; }


/*-------------------------------------------------------  LOGIN --------------------------------------------------------*/

#login-container { max-width: 425px; margin: 0 auto; padding: 100px 0 50px; }
.tab { overflow: hidden; background-color: #f1f1f1; margin-bottom: 0; }
div.tab button { width: 50%; background-color: inherit; float: left; border: none; outline: 0; padding: 14px 16px; transition: .3s; 
  font-size: 17px; }
.tab button:hover { background-color: #ddd; }
.tabcontent { display: none; padding: 40px 40px; border-top: none; }
.tab button.active { background-color: #FFF !important; } 
form input[type="text"], form input[type="email"], form input[type="password"] { width: calc(100% - 20px); padding: 10px; margin-bottom: 20px; border-style: solid; border-width: 1px; }
#Nuevo form input[type="text"], #Nuevo form input[type="email"], #Nuevo form input[type="password"] { margin-bottom: 15px; }
input[type="submit"], .abutton { border: none !important; border-radius: 3px !important; border-bottom: 3px solid #006fbf !important; padding: 5px 20px !important;
    font-family: Roboto !important; font-size: 16px !important; line-height: 25px !important; color: #FFF !important; font-weight: 700;
    -webkit-filter: brightness(100%) !important; filter: brightness(100%) !important; margin-top: 10px; }
.tabcontent form { margin-top: 20px; }
.padding-mobile { padding: 0 15px; }
label p { padding-bottom: 5px; }
#loginform input { margin-top: 5px; }
#loginform input[type="submit"] { margin-top: 25px; }

@media (max-width: 992px) { .margin-mobile { margin: auto 15px !important; } }
@media (max-width: 767px) { .tabcontent{ padding: 20px 25px 20px 20px; } #micuenta-link{ margin: 0 auto; float: none; width: 80px; } }
@media (min-width: 768px) { #micuenta-link { float: right; display: -webkit-box !important; } }


/*------------------------------------------------  RECUPERAR CONTRASEÑA ------------------------------------------------*/
#formulari-recover { padding: 40px 40px; } 
#formulari-recover fieldset { border: none; }
#formulari-recover input[type="text"] { margin-top: 10px; }
.error_login { max-width: 425px; margin: 0 auto; padding-bottom: 50px; } 
.page-template-template_password-php .error { max-width: 392px; margin: 0 auto; }

/*------------------------------------------------  MI CUENTA ------------------------------------------------*/
.page-template-template_micuenta-php h1, .page-template-template_micuenta-2-php h1 { text-align: center; margin-top: 60px; }
#change-container { max-width: 425px; margin: 0 auto; padding: 10px 0 100px; }
#changeform { padding: 40px; margin-bottom: 20px; }
#changeform  input[type="password"] { width: calc(100% - 25px); }
#errorform, .page-template-template_password-php .error { border: 1px solid red; padding: 15px; }
#errorform p { color: red; margin-bottom: 6px; }
input[type="submit"]:hover { cursor: pointer !important; }
#adduser input[type="text"], #adduser input[type="password"]{ margin-top: 10px; }

/*------------------------------------------------  BÀSICA ------------------------------------------------*/
#navigation-basica { margin-top: 12px; padding:0px 40px; }
#navigation-basica li, #navigation-basica p { display: inline; margin-right: 3px; }
.basica-content-container { padding: 45px 50px 100px; background-color: #FFF; }
.biografia-content p, .basica-content-container li { margin-bottom: 20px; }

@media (max-width: 992px) {
  .basica-content-container { padding: 45px 35px 100px; }
  #navigation-basica { margin: 20px 0 10px; padding: 0px 15px; }
}



/*-------------------------------------------------  PARTS -----------------------------------------------*/

/*-- Header background image-*/
.header-backgroundImage { background-position: center; background-size: cover; }
.opacity-background { background-image: linear-gradient(to right, rgba(6,20,36,1) , rgba(6,20,36,0.4)); padding: 40px 0 100px; }

/*-- Video element --*/
.videos-container { padding: 20px 0; }
.video-element { display: flex; margin-bottom: 25px; }
.video-element:hover { cursor: pointer; }
.video-element:hover .video-image, .video-element:hover .video-image img { -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important; }
.video-element .video-image, .horizontal-links-container a .link-element .image, .horizontal-links-container .no-link .link-element .image { flex: 1; background-position: center; background-size: cover; display: flex; align-items: center;
  justify-content: center; }
.video-element .video-image img { width: 25%; }
.video-element .video-text, .horizontal-links-container a .link-element .link-text, .horizontal-links-container .no-link .link-element .link-text { flex: 2; padding: 30px 25px 27px; padding: 40px; }
.video-element .video-text h3 { padding-bottom: 20px; }
.video-element ul { padding-left: 18px; }
.video-element li { list-style: inherit; }

.video-lightbox { width: calc(100% - 200px); height: 100vh; padding: 80px 100px; text-align: center; position: fixed; z-index: 9999999; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.7);     -webkit-transition: opacity .3s ease; transition: opacity .3s ease; display: none; }
.close-videoLightbox { position: absolute; top: -11px; right: -11px; width: 20px; }
#contenidor-video-lightbox, .contenidor-video-lightbox { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; }
.contenidor-video-lightbox iframe { border: none; }
.embed-container-lightbox { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container-lightbox iframe, .embed-container-lightbox object, .embed-container-lightbox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*-- Links element --*/
.links-container { display: flex; flex-wrap: wrap; }
.links-container a { background-color: #FFF; position: relative; flex-grow: 1; width: calc(33.33% - 20px); max-width: calc(33.33% - 20px); border-radius: 15px; overflow: hidden; margin: 14px 10px 20px; -webkit-box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.15); box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.15); }
.links-container .link-text { padding: 15px 20px 18px; }
.link-element h3 { margin-bottom: 15px; }
/*-- .bottom-text { padding: 0 20px 15px; position: absolute; bottom: 0; }--*/
body.page-template-template_sapiens-bullipedia .horizontal-links-container a .link-element .image, 
body.page-template-template_sapiens-bullipedia .horizontal-links-container .no-link .link-element .image { padding: 40px 0 40px 40px; align-items: baseline; }

/*-- Horizontal links element --*/
.horizontal-links-container a .link-element, .horizontal-links-container .no-link .link-element { display: flex; background-color: #FFF; position: relative; flex-grow: 1; border-radius: 15px; overflow: hidden; margin: 0 0 30px; }
.horizontal-links-container .link-element h3 { margin-bottom: 30px; }

@media (max-width: 767px) {
  .horizontal-links-container a .link-element, .horizontal-links-container .no-link .link-element { display: block; }
  .horizontal-links-container a .link-element .image, .horizontal-links-container .no-link .link-element .image { height: 200px; }
  body.page-template-template_sapiens-bullipedia .horizontal-links-container a .link-element .image { padding: 40px; }
  body.page-template-template_sapiens-bullipedia .horizontal-links-container a .link-element .image, body.page-template-template_sapiens-bullipedia .horizontal-links-container .no-link .link-element .image { height: inherit; }
}

@media (max-width: 767px) {
  body.page-template-template_sapiens-bullipedia .horizontal-links-container a .link-element .image, .horizontal-links-container a .link-element .image, .horizontal-links-container .no-link .link-element .image { padding: 40px 20px; }
  .horizontal-links-container .no-link .link-element .image { padding: 40px 20px !important; }
  .video-element .video-text, .horizontal-links-container a .link-element .link-text, .horizontal-links-container .no-link .link-element .link-text { padding: 20px 20px 40px; }
}

/*-- Files element --*/
.files-container { display: flex; flex-wrap: wrap; }
.file-element, .border-box, .horizontal-links-container a .link-element, .video-element .video-image img, .horizontal-links-container .no-link .link-element {  -webkit-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15); }
.file-element:hover, .border-box:hover, .horizontal-links-container a .link-element:hover { -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.20); box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.20); }

.file-element { display: flex; background-color: #FFF; position: relative; flex-grow: 1; width: calc(50% - 20px); max-width: calc(50% - 20px); overflow: hidden; margin: 14px 10px; }
.file-element .file-image { flex: 2; display: flex; align-items: center; justify-content: center; }
.file-element .file-text { flex: 4; padding: 25px 25px 15px; }
.file-element h3 { margin-bottom: 10px; }
.file-text .bottom-text { padding: 0 0 15px; }
/*--.file-element .bottom-text ul li { margin-right: 10px; }
.file-element .bottom-text ul li, .file-element .bottom-text ul li p, .file-element .bottom-text ul li img { display: inline; }
.file-element .bottom-text ul li:nth-child(1) img { width: 20px; margin-right: 5px; }
.file-element .bottom-text ul li:nth-child(2) img { width: 15px; margin-right: 5px; }--*/

@media (max-width: 767px) {
  .video-element { display: block; }
  .video-element .video-image { padding: 30px; }
  .links-container a { width: 100%; max-width: 100%; }
  .file-element { width: 100%; max-width: 100%; }
}

/*--- FAQ ---*/
.faq-container { padding-bottom: 150px; }
.faq-container h2, .page-template-template_elbullirestaurante h2, .page-template-template_elbullifoundation h2, .page-template-template_sapiens-bullipedia h2, .page-template-template_gestion-innovacion h2, .page-template-template_infraestructuras-y-organizacion-del-espacio h2, .page-template-template_subapartado-informacion-general h2, body.page-template-template_subapartado-informacion-general.page-id-585 h3 { border-bottom-width: 2px; border-bottom-style: solid; padding-bottom: 20px; margin-bottom: 40px; }
.accordion-container { margin-top: 70px; }
.accordion { background-color: #FFF; cursor: pointer; padding: 12px 0; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; border-bottom-width: 2px; border-bottom-style: solid; }
.accordion:after { content: '\002B'; color: #cacaca; font-weight: normal; float: right; margin-left: 5px; }
.accordion.active:after { content: "\2212"; }
.panel { padding: 0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.panel p { margin: 20px 0; }