@charset "UTF-8";

body {font-family: "akzidenz-grotesk", Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 15px; color: #000; letter-spacing: 0.3px;}

.c1{
  text-align: center;
}
.television .row{
  float: left;
}

.img-full{
  width: 100%;
}


a { color: #000; text-decoration: none; }
a:hover, a:focus { color: #000; text-decoration: underline;}
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

ul { padding: 0; margin: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { text-indent: 0; font-weight: 500; }
b, strong { font-weight: 500; }
abbr[title] {border-bottom: none;text-decoration:none;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #000;
}

/***** animación parpadeo******/


@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.recaptcha{  
    width: 340px;
    margin: 0px auto 20px;
}

/* clases especiales accesibilidad =========== */
/* ====================================================== */
.sr-only,
.sr-only:hover,
.sr-only:visited {
  position: absolute;
  top: -100px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  font-size: 18px;
} /* oculta de la vista pero es accesible a los lectores de pantalla */
.sr-only.first:active,
.sr-only.first:focus {
    position: static;
    width: 100%;
    height: auto;
    line-height: 36px;
    background-color: #00ff00;
    text-align: center;
    display: block;
    z-index: 9999;
} /* en el caso del .first (enlace que va directamente a los contenidos) lo hacemos visible y activo para los que navegan con teclado */


/* LOADING */
.loading {display: none; width: 100%; height: 100%; background-color: rgba(255,255,255,.9); position: fixed; top: 0; left: 0; z-index: 999;}
.loading.on {display: block;}
.sk-folding-cube {
  margin: 20% auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00ff00;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
/* FIN LOADING */

/* BOTÓN SUBIR (en móvil) */
.goTop {
    display: block;
    height: 40px;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    background-image:  url(../img/ico_svg/ico-go-top.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 20px 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.lt-ie9 .goTop {background-image:  url(../img/ico/ico-go-top.png);}
.goTop.cd-is-visible {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.goTop.cd-is-visible {visibility: visible; opacity: 1;}

.ico.open {
  width: 32px;
  height: 32px;
  display: block;
  background: url(../img/ico_svg/ico-open.svg) no-repeat 0 0 transparent;
  background-size: 100%;
  position: absolute;
  top: 5px;
  right: 5px;
}

@media only screen and (min-width: 1024px) {.goTop {display: none;}}

.alert.form {display: none;}
.alert.container {padding-top: 6px; padding-bottom: 6px;}
.main.container,
.alert.container {margin-top: 12px;}
.main.container.group.type.all {margin-top: 0;}
section.container {margin-top: 0;}
section.container.no-image {
  padding-top: 90px;
  background-color: #fff;
  background-repeat: repeat;
}
section.container.no-image.cat1 {background-color: #fff; background-image: url(../img/trama-cat1.png);} /* cultura */
section.container.no-image.cat2 {background-color: #fff; background-image: url(../img/trama-cat2.png);} /* educación */
section.container.no-image.cat3 {background-color: #fff; background-image: url(../img/trama-cat3.png);} /* medio ambiente */
section.container.no-image.cat4 {background-color: #fff; background-image: url(../img/trama-cat4.png);} /* solidaridad */
section.container.no-image.kids {background-color: #fff; background-image: url(../img/trama-kids.png);}
section.container.no-image.course {background-color: #fff; background-image: url(../img/trama-curso.png);}

#lce-register-acceptconditions-form legend{
  font-size:24px;
}
#checkPrivacidadModal .modal-dialog{
  margin-top: 30px;
}
.modal-body {padding: 10px;}
.container,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 9px; padding-right: 9px;}
.modal-content {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    border: none;
    border-radius: 0;
}
.wrapper { max-width: 1360px; margin: 0 auto; position: relative; overflow-x: hidden;}
.highlight { color: #00ff00; }
fieldset { border: none; margin: 0; padding: 0; }
legend {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
}
textarea, select, input[type="email"], input[type="url"], input[type="text"], input[type="password"], input[type="date"] { border: 1px solid #000; padding: 4px 32px 4px 6px; color: #111111; margin-bottom: 6px; border-radius: 0; -webkit-appearance: none; }
textarea[disabled], select[disabled], input[type="email"][disabled], input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled] { border: none; background: transparent; margin: 0; padding: 0; }
select:focus, input:focus {
    outline-width: 1px;
    outline-color: #000000;
     -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
*::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ccc;
}
*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ccc;
   opacity: 1;
}
*::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ccc;
   opacity: 1;
}
*:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ccc;
}
*:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #ccc;
}

.selectable {position: relative;}
#tweetLink{
  position: absolute;
  display: inline-block;
  width: 5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  background: rgba(12,165,176,1);
  color: #fff;
  text-decoration: none;
  transition: all .3s ease;
}

.input-block { display: block; width: 100%; }
.input-block + .btn-block { margin-top: 10px; }
label { display: block; line-height: 1.2; font-size: 18px; margin-bottom: 4px; padding-top: 5px;}
select { background: url(../img/ico-arrow.png) right -3px center no-repeat; }
select.valid, input.valid { background: url(../img/ico/ico-check.png) 95% center no-repeat !important;}
select.error, input.error, textarea.error { border: 1px solid #ff0000; background: url(../img/ico/ico-error.png) 95% 11px no-repeat; }

label.error, label.valid { line-height: 16px; margin-bottom: 6px;}
label.error { color: #ff0000; }
label.error.iBlock { padding: 0 0 12px 0; }

.radio { display: inline-block; margin-right: 5px; }
.radio input { display: none; }
.radio label:not(.error) { background: url(../img/ico-radio.png) 0 -60px no-repeat; padding-left: 24px; }
.radio input:checked + label { background-position: 0 4px; }

#modalCuestionario #modal-content-cuestionario{position:absolute; left:25%;}
#modalCuestionario .modal-body .modal-radio label.error{position: absolute; left: 70%; width: 180px;  height: 30px;}
#modalCuestionario .modal-body .label-izquierda{position:absolute; left:18%;font-weight: normal;font-size: 15px;}
#modalCuestionario .modal-body .label-derecha{position:absolute; left:70%;font-weight: normal;font-size: 15px;}

#modalGracias #modal-content-gracias{left:150%;top:50px;padding: 5%;padding-left: 10%;padding-right: 10%;}
#modalError #modal-content-error{left:150%;top:50px;padding: 5%;padding-left: 10%;padding-right: 10%;}

.checkbox { display: inline-block; margin-right: 18px; margin-bottom: 12px; }
.checkbox input { position: absolute; visibility: hidden; }
.checkbox input + label:not(.error) { background: url(../img/ico-checkbox.png) 0 -60px no-repeat; padding-left: 26px; line-height: 1.6;}
.checkbox input:checked + label { background-position: 0 5px; }
.checkbox p{font-size:small;}

.calendar-table {width: 100%; margin: 0;}
.calendar-table thead > tr:first-child th {height: 42px; position: relative;}
.calendar-table thead td,
.calendar-table thead th,
.calendar-table thead td {padding: 7px 0; text-align: center; width: 46px;}
.calendar-table thead th .prevMonth,
.calendar-table thead td .prevMonth,
.calendar-table thead th .nextMonth,
.calendar-table thead td .nextMonth {font-size: 24px;}
.calendar-table thead .monthHead {font-size: 15px; font-weight: 500;}
.calendar-table thead .weekDay {padding: 12px 0; text-align: center; font-size: 18px; line-height: 23px; border-right: 1px solid #000; font-weight: 500;}
.calendar-table thead .weekDay:first-child {color: #000;}
.calendar-table thead .weekDay:last-child {border-right: none;}
.calendar-inner {position: relative;}
.calendar-inner .openCalendar,
.calendar-inner .closeCalendar {position: absolute; top: 8px; right: 8px; outline: none; display: none;}
.calendar-inner .openCalendar.on,
.calendar-inner .closeCalendar.on {display: block;}

.calendar-table tbody td { padding: 0; text-align: center; border: 1px solid #000; cursor: pointer; font-size: 18px; font-weight: 500; height: 46px;}
.calendar-table tbody td:hover, .calendar-table tbody td:focus {background: #00ff00; color: #000;}
.calendar-table tbody td:first-child:hover,
.calendar-table tbody td:first-child:focus {background-color: transparent;}
.calendar-table tbody td:first-child {
    color: #000;
    font-size: 18px;
    line-height: 23px;
    cursor: default;
    pointer-events: none;
}
.calendar-table tbody td:first-child span { background: transparent; border: none;}
.calendar-table tbody td.selectedDay.currentDay:first-child span {background: rgba(0,0,0,.5);}
.calendar-table tbody td:first-child { border-left: none; }
.calendar-table tbody td:last-child { border-right: none; }
.calendar-table tbody .selectedDay span {
    display: block;
    vertical-align: top;
    padding: 10px 0;
    background: #00ff00;
    color: #000;
    font-weight: 500;
}
.calendar-table tbody .currentDay { padding: 0; position: relative; }
.calendar-table tbody .currentDay span { display: block; }
.calendar-table tbody .currentDay span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: -3px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #00ff00;
}
.calendar-table tbody .currentDay:hover span:before { box-shadow: none; }
.calendar-table tbody .currentDay.selectedDay span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-radius: 10px;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.nicescroll-rails > div {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}
.month-calendar thead tr th { text-align: center; }
.month-calendar thead tr th .year { font-size: 19px; }
.month-calendar thead tr th.change-year { cursor: pointer; }
.month-calendar tbody tr td { width: 33%; }
.month-calendar tbody tr td .btn-bar { padding: 12px 4px 11px 0px; text-decoration: none; }

.flag {display: inline-block; padding: 8px 8px 8px 35px; background-color: #00ff00; line-height: 1; position: relative; margin-bottom: 2px; min-height: 0 !important;}
.flag:before {content: ''; display: inline-block; width: 20px; height: 20px; background-color: #fff; border-radius: 10px; position: absolute; top: 8px; left: 6px;}
.flag-kids { display: inline-block; font-size: 10px; line-height: 100%; padding: 6px; background: #ff78be; color: #fff; border: 1px solid #ff78be; border-radius: 20px; margin: 0 10px; text-transform: uppercase; vertical-align: top; }

/* Common button styles */
.btn { display: inline-block; border: none; background: transparent; color: inherit; vertical-align: middle; position: relative; overflow: hidden; text-align: center; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; padding: 8px 10px; line-height: 1; z-index: 0; font-size: 18px; -webkit-transition: background-color 0.4s, ease; transition: background-color 0.4s ease ;
}

.btn:hover, .btn:focus, .btn:active {text-decoration: none;}
.btn:hover::before, .btn:focus::before, .btn:active::before {opacity: 1;}

.btn:focus {outline: none;}
.btn-transp {border: 1px solid #000; color: #000; background-color: rgba(255, 255, 255, .7);}
.btn-transp.active,
.btn-transp:hover,
.btn-transp:focus,
.btn-transp:active,
.header .btn-transp.active,
.header .btn-transp:hover,
.header .btn-transp:focus,
.header .btn-transp:active {color: #fff; background: rgba(0, 0, 0, 1);}
.user .btn-transp {background-color: transparent;}

.btn-black { color: #fff; background-color: #313131; }
.btn-black.active, .btn-black:focus, .btn-black:hover { color: #fff; }
.btn-black.active, .btn-black:hover:before { background: #111111; }

.btn-bar { background: #fff; display: inline-block; padding: 12px 12px 11px 12px; border-bottom: 0px solid #000; transition: all .3s ease; -webkit-transition: all .3s ease; font-size: 18px; height: 40px; }
.btn-bar.active, .btn-bar:hover {
    border-bottom: 6px solid #000;
    padding-bottom: 6px;
    font-weight: 500;
}
.btn-bar.active, .btn-bar:hover:before { background: #fff; }
.btn-none { background-color: transparent; padding: 0; }
.btn i { vertical-align: bottom; }
.btn-lg { padding: 16px 20px; }
.btn-lg1 {
    padding: 23px 20px;
    font-weight: 500;
}
.btn-sm { padding: 8px 16px; font-size: 13px; }
.btn-md { padding: 5px 10px; font-size: 13px; }
.btn-md1 { padding: 10px 40px; font-size: 15px; }
.btn-left { text-align: left; }
.btn + .btn { margin-right: 10px; }
.btn-info { color: #fff; background-color: #313131; border: 1px solid #060606; }
.btn-info:focus, .btn-info.focus { color: #fff; background-color: #181818; border: 1px solid #060606; }
.btn-info:hover { color: #fff; background-color: #181818; border: 1px solid #060606; }
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #181818; border: 1px solid #060606; }

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #060606; border: 1px solid #060606; }
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #313131; border-color: #242424; }
.btn-info .badge { color: #313131; background-color: #fff; }

.btn-link { color: #313131; font-weight: normal; border-radius: 0; }
.btn-link:hover,
.btn-link:focus,
.btn-link:active { text-decoration: underline; }

.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 5px; }

.nav-tabs li { display: inline-block; margin-right: 0 !important; overflow: visible; }
.nav-tabs li:last-child {margin-right: 0 !important;}
.nav-tabs li a { text-decoration: none; }
.nav-tabs .btn-bar.active, .nav-tabs .btn-bar:hover { font-weight: 300; }

.tab-content { padding: 12px; border: 1px solid #000; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }

.tab-content .ico { vertical-align: middle; display: inline-block; line-height: 100%; }

.ico:before {content: ''; display: inline-block; vertical-align: middle; background-size: 100%; background-position: 0 0; background-repeat: no-repeat;}

.ico-play:before {width: 52px; height: 52px; background-image: url(../img/ico_svg/ico-play.svg);}
.lt-ie9 .ico-play:before {width: 50px; height: 50px; background-image: url(../img/ico/ico-play.png);}

.ico-close:before {width: 25px; height: 25px; background-image: url(../img/ico_svg/ico-close.svg);}
.lt-ie9 .ico-close:before {background-image: url('../img/ico/ico-close.png');}

.ico-close-white:before {width: 24px; height: 24px; background-image: url(../img/ico_svg/ico-close-white.svg);}
.lt-ie9 .ico-close-white:before {width: 21px; height: 21px; background-image: url(../img/ico/ico-close-white.png);}

#initModal .modal-body .ico-close-white::before,
.cookies-msg .ico-close-white::before {height: 32px; width: 32px; background-image: url(../img/ico_svg/ico-close-white-32x32.svg);}
.lt-ie9 #initModal .modal-body .ico-close-white::before,
.lt-ie9 .cookies-msg .modal-body .ico-close-white::before {background-image: url(../img/ico/ico-close-white.png);}

.ico-search:before {width: 21px; height: 21px; background-image: url(../img/ico_svg/ico-search.svg);}
.lt-ie9 .ico-search:before {background-image: url('../img/ico/ico-search.png');}

.ico-search-2:before {width: 25px; height: 25px; background-image: url(../img/ico_svg/ico-search.svg);}
.lt-ie9 .ico-search-2:before {background-image: url('../img/ico/ico-search-2.png');}

.ico-arrow-left:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-arrow-left.svg);}
.lt-ie9 .ico-arrow-left:before {background-image: url('../img/ico/ico-arrow-left-white.png');}

.ico-arrow-right:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-arrow-right.svg);}
.lt-ie9 .ico-arrow-right:before {background-image: url('../img/ico/ico-arrow-right-white.png');}

.calendar-table .ico-arrow-left:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-arrow-left-black.svg);}
.lt-ie9 .calendar-table .ico-arrow-left:before {background-image: url('../img/ico/ico-arrow-left-white.png');}

.calendar-table .ico-arrow-right:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-arrow-right-black.svg);}
.lt-ie9 .calendar-table .ico-arrow-right:before {background-image: url('../img/ico/ico-arrow-right-white.png');}

.ico-arrow-left-black:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-arrow-left-black.svg);}
.lt-ie9 .ico-arrow-left-black:before {background-image: url('../img/ico/ico-arrow-left-black.png');}

.ico-arrow-right-black:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-arrow-right-black.svg);}
.lt-ie9 .ico-arrow-right-black:before {background-image: url('../img/ico/ico-arrow-right-black.png');}

.ico-caret-down:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-down.svg);}
.lt-ie9 .ico-caret-down:before {background-image: url(../img/ico/ico-caret-down.png);}

.ico-caret-up:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-up.svg);}
.lt-ie9 .ico-caret-up:before {background-image: url(../img/ico/ico-caret-up.png);}

.ico-caret-down-black:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-down-black.svg);}
.lt-ie9 .ico-caret-down-black:before {background-image: url(../img/ico/ico-caret-down-black.png);}

.ico-caret-up-black:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-up-black.svg);}
.lt-ie9 .ico-caret-up-black:before {background-image: url(../img/ico/ico-caret-up-black.png);}

.calendar-table .ico-caret-down:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-down-black.svg);}
.lt-ie9 .calendar-table .ico-caret-down:before {background-image: url(../img/ico/ico-caret-down-black.png);}

.calendar-table .ico-caret-up:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-up-black.svg);}
.lt-ie9 .calendar-table .ico-caret-up:before {background-image: url(../img/ico/ico-caret-up-black.png);}


.ico-caret-down-black:before,
.event-filter-result .collapsed .open-filter .ico:before,
.event.filter .collapsed .open-filter .ico:before,
.open-group.collapsed .ico:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-down-black.svg); background-position: 0 0; background-repeat: no-repeat;}
.lt-ie9 .ico-caret-down-black:before,
.lt-ie9 .event-filter-result .collapsed .open-filter .ico:before,
.lt-ie9 .event.filter .collapsed .open-filter .ico:before,
.lt-ie9 .open-group.collapsed .ico:before{background-image: url(../img/ico/ico-caret-down-black.png); background-size: 31px 31px;}

.ico-caret-up-black:before,
.event-filter-result .open-filter .ico:before,
.event.filter .open-filter .ico:before,
.open-group .ico:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-up-black.svg); background-position: 0 0; background-repeat: no-repeat;}
.lt-ie9 .ico-caret-up-black:before,
.lt-ie9 .event-filter-result .open-filter .ico:before,
.lt-ie9 .event.filter .open-filter .ico:before,
.lt-ie9 .open-group .ico:before {background-image: url(../img/ico/ico-caret-up-black.png); background-size: 31px 31px;}

.ico-streaming:before,
ul.list li .state.streaming:before {position: relative; width: 41px; height: 30px; background-image: url('../img/ico_svg/ico-streaming.svg'); background-position: 0 0; background-repeat: no-repeat;}
.lt-ie9 .ico-streaming:before,
.lt-ie9 ul.list li .state.streaming:before {position: relative; width: 21px; height: 21px; background-image: url(../img/ico/ico-streaming.png);}

.ico-bars:before {width: 43px; height: 35px; background-image: url(../img/ico_svg/ico-bars.svg);  background-position: 0 0; background-repeat: no-repeat;}
.lt-ie9 .ico-bars:before {background-image: url(../img/ico/ico-bars.png);}

.clean .ico-bars:before {background-image: url(../img/ico_svg/ico-bars-black.svg);}
.clean .lt-ie9 .ico-bars:before {background-image: url(../img/ico/ico-bars-black.png);}

.clean .navbar-toggle1:hover .ico-bars:before,
.clean .navbar-toggle2:hover .ico-bars:before,
.clean .navbar-toggle1:focus .ico-bars:before,
.clean .navbar-toggle2:focus .ico-bars:before {background-image: url(../img/ico_svg/ico-bars.svg);}
.clean .lt-ie9 .ico-bars:before {background-image: url(../img/ico/ico-bars.png);}


.ico-periscope:before {width: 25px; height: 25px; background-image: url(../img/ico_svg/ico-periscope.svg); background-position: 0 0; background-repeat: no-repeat;}
.lt-ie9 .ico-periscope:before {background-image: url(../img/ico/ico-periscope.png);}

.ico-periscope:hover:before { background-image: url(../img/ico_svg/ico-periscope-white.svg)}
.lt-ie9 .ico-periscope:hover:before { background-image: url(../img/ico/ico-periscope-white.png) }

.block { display: block; }
.inline { display: inline; }
.iBlock { display: inline-block; }
.f11 { font-size: 11px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f17 { font-size: 17px !important; }
.f21 { font-size: 21px !important; letter-spacing: 0.5px; line-height: 30px !important; }
.f30 { font-size: 30px; }
.f45 { font-size: 45px; line-height: 50px; }

.bb_gray { border-bottom: 1px solid #c9c9c9; }
.bt_gray { border-top: 1px solid #c9c9c9; }
.c_gray1 { color: #313131; }
.c_gray2 { color: #535353; }
.c_gray { color: #898989; }

.mb_0 { margin-bottom: 0px !important; }
.mb_10 { margin-bottom: 10px !important; }
.mb_12 { margin-bottom: 12px !important; }
.mb_14 { margin-bottom: 14px !important; }
.mb_15 { margin-bottom: 15px !important; }
.mb_18 { margin-bottom: 18px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_25 { margin-bottom: 25px !important; }
.mb_35 { margin-bottom: 35px !important; }
.mb_40 { margin-bottom: 40px !important; }
.mb_50 { margin-bottom: 50px !important; }
.mb_64 { margin-bottom: 64px !important; }
.mt_0 { margin-top: 0px !important; }
.mt_10 { margin-top: 10px !important; }
.mt_12 { margin-top: 12px !important; }
.mt_14 { margin-top: 12px !important; }
.mt_25 { margin-top: 25px !important; }
.mt_35 { margin-top: 35px !important; }
.ml_0 { margin-left: 0px !important; }
.ml_10 { margin-left: 10px !important; }
.ml_10 { margin-left: 10px !important; }
.mr_0 { margin-right: 0px !important; }
.mtb_12 { margin: 12px 0; }
.mtb_6 { margin: 6px 0; }
.pb_18 { padding-bottom: 18px !important; }
.pt_14 { padding-top: 14px !important; }
.pl_0 { padding-left: 0px !important; }
.pl_30 { padding-left: 10px !important; }
.pt_header { padding-top: 131px; }
.hAuto { height: auto !important; }
.mw100 { max-width: 100%; }

.header {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
}

.header > .container {
  padding-top: 5px;
  padding-bottom: 7px;
  background: url("../img/trama1.png") 0 0 rgba(0, 0, 0, .1);
}
.header.clean > .container {
  background: none;
  color: #000;
}
.header.clean .user > li > a.btn-transp,
.header.clean .navbar-toggle1,
.header.clean .user > li > a {color: #000; text-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.header.clean .user > li > a.btn-transp {
  border-color: #000;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.header.clean .user > li > a.btn-transp:hover,
.header.clean .user > li > a.btn-transp:focus,
.header.clean .user > li > a.btn-transp:active {color: #fff;}

.header-inner { position: relative; }
.header-inner .main-heading { margin: 6px 0; font-size: 1.7em; }
.header-inner .main-heading a {
    display: block;
    width: 215px;
    height: 32px;
}
.header-inner .main-heading a img {width: 100%;}

.cat-menu.home,
.cat-menu.interior {display: none; padding: 0;}
.cat-menu ul {width: 100%; margin: 0; padding: 0; z-index: 3;}
.cat-menu ul li {float: left; display: none; width: 25%; height: 21px; transition: height .3s; overflow: hidden; padding-left: 9px; padding-right: 9px;}
.cat-menu ul li.active {display: inline-block; width: 100%; height: 30px; line-height: 30px;}
.cat-menu.container ul li.active {width: 25%;}
.cat-menu ul li.active a, .cat-menu ul li.active a:hover, .cat-menu ul li.active a:focus {padding-top: 0; line-height: 26px;}
.cat-menu ul li a {
    display: block;
    padding-top: 20px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 18px;
}
/*.info-mobile {margin-bottom: 9px;}*/
.info-mobile .cat-menu {display: block;}
.info-mobile .cat-menu ul li.active {height: 32px; display: block;}
.info-mobile .cat-menu ul li.active a,
.info-mobile .cat-menu ul li.active a:hover,
.info-mobile .cat-menu ul li.active a:focus,
.course .info-mobile .cat-menu ul li a,
.course .info-mobile .cat-menu ul li a:hover,
.course .info-mobile .cat-menu ul li a:focus {padding-top: 3px;}
.info-mobile .hashtag {margin: 8px 0; padding: 0 9px; font-size: 18px!important;}
.info-mobile .social.social-side {border-top: none; border-bottom: 1px solid #000; padding: 0 9px 9px; margin-top: 9px; float: none;}
.front-aside.visibleoff{display:block;}
.front-aside .all {padding: 0 9px;}
.course .front-aside .btn-transp,
.course .front-aside .vac {float: left;}
.course .front-aside .btn-booking {float:inherit;}
.course .front-aside .vac {padding: 0px; float: inherit; position: relative; top: -5px;}
.course .front-aside .all {padding: 10px;}
.course .front-aside .all .waiting {text-decoration: underline;}
.course .front-aside .all .waiting:hover,
.course .front-aside .all .waiting:focus {font-weight: 500;}

.cat-menu .cat1 { background: #33ccff; }
.cat-menu .cat2 { background: #9966ff; }
.cat-menu .cat3 { background: #ffff00; }
.cat-menu .cat4 { background: #ff9900; }

.header-inner .main-heading { float: left; color: #fff; }
.main-menu { background: #00ff00; }
.main-menu > .container { position: relative; }
.main-menu::after,
.footer-menu::after {
    content: " ";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: calc(100% - 1px);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}
.main-menu #main-mobile > li { padding: 7px 2px 7px 0; }
.main-menu ul.main { float: left; }
.main-menu ul.main > li {
    padding: 7px 5px;
    display: inline-block;
    text-align: left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.main-menu ul.main > li:nth-child(2) {padding-left: 0;}
.main-menu ul.main > li.logo.on + li {padding-left: 5px;}
.main-menu.fixed ul.main > li {padding: 7px 2px;}
.main-menu ul.main > li.logo {display: none;}
.main-menu ul.main > li:first-child {padding-left: 0;}
.main-menu ul.main > li > a { font-size: 18px; line-height: 1.3;}
.main-menu ul.main > li > a:hover,
.main-menu ul.main > li > a:focus,
.main-menu ul.main > li > a.active { text-decoration: underline;}
.main-menu ul#main-mobile.main > li > a:hover {text-decoration: underline;}
.main-menu ul.main > li.courses { position: relative; }
.main-menu ul.main .mobile-item { display: none; }
.main-menu .more-menu,
.main-menu .more-menu-list {
    font-size: 18px;
    height: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    z-index: 13;
    -webkit-transition: height .3s;
    transition: height .3s ease;
}
.main-menu .more-menu-list {
    left: auto;
    right: 0;
    width: 380px;
}
.main-menu .more-menu-list ul { padding: 25px 20px 20px 20px; }
.main-menu .more-menu-list li {
    padding: 0;
    margin-bottom: 10px;
    width: 49%;
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.main-menu .more-menu-inner {padding: 20px 5px;}
.main-menu .more-menu-inner .row > div:first-child h2 {padding-left: 20px;}
.main-menu .more-menu-inner .row > div:first-child ul {margin-left: 20px;}
.main-menu .more-menu-inner h2 {font-size: 18px; margin: 0 0 10px 0; border-bottom: 1px solid #000; padding: 0 0 15px 15px; min-height: 66px;}
.main-menu .more-menu-inner .this-month h2 {border-bottom: none;}
.main-menu .more-menu-inner ul.general.general3 li {width: 100%;}
.main-menu .more-menu-inner ul {margin-left: 15px;}
.main-menu .more-menu-inner ul,
.main-menu .more-menu-inner ul > li { display: inline-block; vertical-align: middle;}
.main-menu .more-menu-inner ul > li {
    width: 49%;
    padding: 0;
    margin-bottom: 20px;
    line-height: 23px;
    font-size: 18px;
}
.main-menu .more-menu-inner ul > li > a { font-weight: 300; }
.main-menu .more-menu-inner ul > li:hover,
.main-menu .more-menu-inner ul > li:focus { text-decoration: underline; color: #000; }
.main-menu .more-menu-inner ul > li > a:hover,
.main-menu .more-menu-inner ul > li > a:focus,
.main-menu .more-menu-inner ul > li > a:active,
.more-menu-list ul li a:hover,
.more-menu-list ul li a:focus,
.more-menu-list ul li a:active {text-decoration: underline; color: #000;}
.main-menu .more-menu-inner ul > li > a.btn-transp:hover,
.main-menu .more-menu-inner ul > li > a.btn-transp:focus,
.main-menu .more-menu-inner ul > li > a.btn-transp:active {color: #fff; font-weight: 300;}

.main-menu .more-menu-inner ul.general2 {width: 145px; float: left; margin-right: 10px;}
.main-menu .more-menu-inner ul.general2 li {width: 100%;}
.main-menu .more-menu-inner .this-month {display: block; width: 111px; float: left; margin-left: 0; position: relative;}
.main-menu .more-menu-inner .this-month .img-content {margin-bottom: 10px;}
.main-menu .more-menu-inner .this-month .img-content img {width: 100%;}
.main-menu .more-menu-inner .this-month .body-content {
    position: absolute;
    top: 0;
    padding: 5px;
    height: 100%;
}
.main-menu .more-menu-inner .this-month .body-content h2 {
    font-weight: 500;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    line-height: 1em;
}
.subopt2-inner .img-content { display: none; }
.subopt > li.queEs a span { font-weight: 500; }
.search-bar {
    position: relative;
    float: right;
    min-width: 33px;
    height: 33px;
}
.search-bar input#buscador {
    width: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: -50px;
    background: transparent;
    padding: 6px;
    font-size: 18px;
    border: none;
    outline: none;
}
.search-bar input#buscador:focus {display: block;}
.search-bar button,
.search-years button {position: absolute; top: 0; right: -8px; height: 35px; width: 35px; padding: 0; background: transparent; border: none; z-index: 1; }
.search-years button {top: 6px; right: 2px;}
.search-bar .ico-close {
    display: none;
    position: absolute;
    right: -10px;
    bottom: -36px;
    font-size: 18px;
    cursor: pointer;
    padding: 0 9px;
}
.search-bar button.active + label + input#buscador,
.search-bar input.active {
    background: #fff;
    width: calc(100vw - 18px);
    opacity: 1;
    right: -9px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s ease;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
    bottom: -48px;
}
.lt-ie9 .search-bar button.active + label + input#buscador,
.search-bar input.active {width: 286px; bottom: -46px; height: 34px; line-height: 18px;}
.search-bar button.active + label + input#buscador + .ico-close,
.search-bar input.active + .ico-close {display: block;}
#navbar {border-bottom: 1px solid #000;}
.navbar-toggle1, .navbar-toggle2 {cursor: pointer;}
.navbar-toggle1 {
    float: right;
    display: inline-block;
    margin-top: 9px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.navbar-toggle1:hover, .navbar-toggle1:focus,
.navbar-toggle2:hover, .navbar-toggle2:focus {background-color: #000;}
.user { font-size: 18px; }
.user .lang > a { font-weight: 300; }
.user .lang .active { text-decoration: underline; cursor: default; pointer-events: none; }
.user .lang > a:hover, .user .lang > a:focus { text-decoration: underline; }

.subopt li { padding: 10px; font-size: 18px;
}
.subopt > li > a.active {text-decoration: underline;}
.subopt .subopt2-hover { display: none; }
.subopt2-inner ul.menu1 { margin-top: 5px; }
.subopt2-inner ul.menu1 li { border: none; padding: 4px 10px; }
.subopt li a:hover, .subopt li a:focus { text-decoration: underline; }
.schedule {padding: 10px; font-size: 18px;}
.schedule .transport {display: block;}
.schedule > span:first-child,
.schedule .transport span {font-weight: 500;}
.schedule .contact {display: block;}
.schedule .contact a {border-bottom: 1px solid #000;}
.schedule .contact a:hover, .schedule .contact a:focus {font-weight: 300;}

.group.type .info-gral .info-text,
.area .info-gral .info-text {position: absolute; top: 15px; left: 15px; color: #fff; width: 95%; z-index: 1;}
.group.type .info-gral .info-text .group-title,
.area .info-gral .info-text .group-title {font-size: 30px; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 1);}
.group.type .info-gral .info-text .group-title + .date,
.area .info-gral .info-text .group-title + .date {font-size: 18px; text-shadow: 0 1px 1px rgba(0, 0, 0, 1);}
.group.type .info-gral .info-img,
.area .info-gral .info-img {position: relative;}
.group.type .info-gral .info-img p.copyright,
.area .info-gral .info-img p.copyright {
    margin: 0;
    z-index: 99;
    text-shadow: 0 1px 1px rgba(0,0,0,1);
    color: #fff;
    bottom: 4px;
    left: 6px;
    color: #fff;
    position: absolute;
    font-size: 10px;
}
.group.type .schedule .info-gral .info-img img,
.area .schedule .info-gral .info-img img {margin-top: 0;}
.group.type .schedule .info-gral .btn-transp {margin-bottom: 10px;}
.group.type .info-gral .open-group,
.area .info-gral .open-group {display: block;}
.list.only li .thumb,
.list.only li .thumb {display: block; margin: 10px 0 5px;}
.list.only > li .desc > a.title {margin-bottom: 4px;display: block;}
.list.only > li .date{display: inline-block;width: auto;}
.list.only > li .offers{display: inline-block;width: auto;}
.list.only > li .desc .purchase {margin-bottom: 4px;}

#main:not(.container.politics) .col-md-8 ul > li > div,
#main:not(.container.politics) .col-md-8 ul > li > p {display: inline;}

body.node-type-eventos #main .col-md-8 ul > li > div,
body.node-type-eventos #main .col-md-8 ul > li > p,
body.node-type-cursos #main .col-md-8 ul > li > div,
body.node-type-cursos #main .col-md-8 ul > li > p,
body.node-type-grupo-eventos #main .col-md-8 ul > li > div,
body.node-type-grupo-eventos #main .col-md-8 ul > li > p,
body.node-type-grupo-cursos #main .col-md-8 ul > li > div,
body.node-type-grupo-cursos #main .col-md-8 ul > li > p,
body.node-type-grupo-mixto #main .col-md-8 ul > li > div,
body.node-type-grupo-mixto #main .col-md-8 ul > li > p {display: block;}

#main .col-md-8 ul.list > li > div {display: block;}

.event .schedule .pills {display: none;}
.event .schedule .info img {display: none;}
.event .schedule .info-gral img {width: 100%;}
.main.group .event .schedule .pills {display: block; padding: 0 11px; margin-top: 10px; margin-bottom: 0; border-bottom: 1px solid #000;}
.container.group.type .pills {border-top: 1px solid #000; padding-left: 9px; padding-right: 9px; padding-top: 20px; padding-bottom: 10px;}
.container.group.type .more-filter .pills,
.container.portadaExpo .more-filter .pills {float: none; padding-left: 9px; padding-right: 9px;}
.container.group.type .filter > .pills.year-filter,
.container.portadaExpo .filter > .pills.year-filter {display: none; border-top: none; padding-top: 0; padding-bottom: 0;}
.container.group.type .filter > .pills.year-filter.active,
.container.portadaExpo .filter > .pills.year-filter.active {display: block;}

div.container.group.type .col-md-8 h3 {font-size: 40px; line-height: 1.08; font-weight: 500; margin: 9px -9px 0; padding: 9px; border-top: 1px solid #000;}
.group.type .info {position: relative;}
.group.type .group-title,
.area .group-title {font-weight: 500; text-decoration: none; display: block; line-height: 1.08;}
.group.type .event .schedule .info > .group-title,
.area .event .schedule .info > .group-title {font-size: 30px; display: block;}
.group.type .group-title:hover,
.group.type .group-title:focus,
.area .group-title:hover,
.area .group-title:focus {text-decoration: underline;}

div.container.group.type .group-title + .date {font-size: 30px; line-height: 1; display: block;}
.group.type .schedule .info-gral,
.area .schedule .info-gral {margin-bottom: 10px; padding: 9px; position: relative; border-top: 1px solid #000;}
.group.type.all .schedule .info-gral {border: none}
.group.type .schedule .info-gral img,
.area .schedule .info-gral img {display: block; width: 100%; margin-top: 10px;}
.group.type .schedule .info-gral p,
.area .schedule .info-gral p {line-height: 1.2; font-size: 18px; font-weight: 300;}
.main.group.type .event .schedule .pills {display: none;}

.group.type .schedule .info > .type {display: none;}
.group.type.course .schedule .info > span:first-child,
.schedule.course .info > span:first-child {display: block;}
.group.course.type .event .schedule.on {display: block;}
.group.course.type .event .schedule {display: none;}
.group.course.type .event .schedule.course:last-child {border-bottom: 1px solid #000;}

.front.group .front-aside .all ul {padding: 15px 0; border-top: 1px solid #000;}
.front.group .front-aside .all ul li {margin-bottom: 8px;}
.front.group .front-aside .all ul li:last-child {margin-bottom: 0;}
.front.group .front-aside .all ul li a {color: #000; text-decoration: underline;}
.front.group .front-aside .all p.reserve strong {font-size: 30px;}

.front.group.page .front-aside {padding: 0; margin-bottom: 0;}
.front-aside.no-padding{padding:0px!important;}
.front-aside.no-padding .all{padding: 15px 20px!important;}
.front.group .front-aside .all ul.menu-header-page {border-top: none;}
.front.group .front-aside .all ul.menu-header-page li {border-bottom: 1px solid #fff; padding: 5px 0;}
.front.group .front-aside .all ul.menu-header-page li:last-child {border: none;}

.front.group .front-aside .all ul.menu-header-page li a {text-decoration: none !important;}
.front.group .front-aside .all ul.menu-header-page li a:hover,
.front.group .front-aside .all ul.menu-header-page li a:focus {font-weight: 500;}
.front.group .front-aside .all ul.menu-header-page {border-top: none; margin: 10px 0 0 0; padding: 0;}
.front.group.type .front-aside {padding: 0; margin: 0;}

.box-recursos.menu {display: none;}

.main.page section h1 {border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 30px; margin-bottom: 10px;}
.main.page section#planos-centro h1, .main.page section#floor-plans-centre h1 {border-bottom: none; margin-bottom: 0;}
.main.page section:first-child h1 {margin-top: 0;}
.main.page section h2 {font-size: 18px; margin: 0;}
.main.page section h3 {font-size: 18px; margin: 0; font-weight: 300;}
.main.page section h2 + p {margin-top: 0;}
.main.page section a {text-decoration: underline;}
/*.main.page section a:hover,
.main.page section a:focus {font-weight: 500;}*/
.main.page section img {width: 100%;}
.main.page {font-size: 18px;}
.main.page .col-md-8 > section > p {line-height: 1.2;}
.main.page .col-md-8 > p {font-size: 18px; line-height: 1.2; margin-top: 0;}

#calendar-main { display: none; }
#calendar-main-min { display: block; }
#calendar-main-min .calendar-table thead tr:first-child th:first-child {border-right: 1px solid #000;}
#calendar-main-min .calendar-table thead tr:first-child th:last-child {border-left: 1px solid #000;}

.calendar { position: absolute; top: 100%; width: 100%; height: 320px; left: 0; }
.calendar-home {right: 0; left: auto;}
.calendar > .container { position: relative; padding: 0;}
.calendar .calendar-inner {position: absolute; top: 0; width: 100%; border: 1px solid #000; background: #fff; z-index: 1;}
#calendar-act { overflow-y: auto; overflow-x: hidden; }
.calendar .calendar-list li {
    padding: 10px;
    border-bottom: 1px solid #000;
    position: relative;
}
.calendar .calendar-list li p.now {padding-left: 15px;}
.calendar .calendar-list li .ico-streaming {position: absolute; right: 20px; top: 5px;}
.calendar .calendar-list li p.now:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #00ff00;
}
.calendar .calendar-list li h2 {line-height: 1.5;}
.calendar .calendar-list li h2,
.calendar .calendar-list li h3 {font-weight: 300;}
.calendar .calendar-list li h2,
.calendar .calendar-list li h3,
.calendar .calendar-list li p { margin: 0; font-size: 18px; }
.calendar .calendar-list li a { font-weight: 500; }
.calendar .calendar-list li a:hover,
.calendar .calendar-list li a:focus { text-decoration: none; border-bottom: solid 1px #000;}
.calendar .calendar-list li h3 {line-height: 1.2;}

#map { width: 100%; height: 300px; }
#map2 { width: 100%; height: 216px; }
#map3 { width: 100%; height: 430px; margin-bottom: 20px;}

.access {font-size: 18px;}
.access legend { font-size: 18px; font-weight: 500; margin-bottom: 0; }
.access fieldset > a { display: block; }
.access fieldset > a.register { font-weight: 500; }
.access fieldset > a.forgotten:hover,
.access fieldset > a.forgotten:focus {text-decoration: underline;}
.access-header { position: absolute; top: 60px; right: 0px; left: 0; background: #fff; padding: 10px; z-index: 12; font-size: 18px;}
.access-header h2 { font-size: 18px; font-weight: 500; margin: 0; }
.access .checkbox { width: 100%; margin: 0 0 10px; }
.access-header p { margin: 10px 0; }
.access .btn { width: 100%; max-width: 290px; }
.access-header > ul {margin: 16px -20px 0;}
.access-header > ul li {padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #000;}
.access-header > ul li:last-child {border: none;}
.access-header > ul li a.btn {padding: 12px 10px;}
.access-header > ul li:last-child a.btn {padding-bottom: 2px;}
.access-header > ul li a:hover,
.access-header > ul li a:focus { font-weight: 500; }
.access-embed { padding: 18px; border: 1px solid #000; }
.access-embed .forgotten { display: block; padding-bottom: 0; margin: 12px 0 0 0; border-bottom: none; }

.container.error,
.container.politics,
.container.perfil,
.container.registro {margin-top: 90px; margin-bottom: 40px; font-size: 18px; min-height: 370px;}
.container.error h2 {font-size: 60px; margin: 0;}
.container.politics h2 {font-size: 30px; font-weight: 500; border-bottom: 1px solid #000;}
.container.error h3 {font-size: 26px; margin: 0; font-weight: 300; line-height: 1.2;}
.container.politics h3 {font-size: 18px; }
.container.error a:hover,
.container.error a:focus {text-decoration: none; font-weight: 500;}


/* listas no ordenadas */
.container.politics ul,
.area-description ul,
.event-detail ul,
.main.page section ul {margin: 0 0 20px 20px; padding: 0;}


.container.politics ol ul,
.area-description ol ul,
.event-detail ol ul,
.main.page section ol ul,
.container.politics ul ul,
.area-description ul ul,
.event-detail ul ul,
.main.page section ul ul{margin: 0 0 0 20px;}

.container.politics ul li,
.area-description ul li,
.event-detail ul li,
.main.page section ul li {list-style-type: disc; list-style-position: outside;}
/* listas no ordenadas anidadas */
.container.politics ul ul,
.area-description ul ul,
.event-detail ul ul,
.main.page section ul ul {margin: 5px 0 5px 20px;}
.container.politics ul li ul li,
.area-description ul li ul li,
.event-detail ul li ul li,
.main.page section ul li ul li {list-style-type: circle;}

.container.politics ol,
.area-description ol,
.event-detail ol,
.main.page section ol {counter-reset: list; margin: 0 0 20px 26px; padding: 0;}

.container.politics ol ol,
.area-description ol ol,
.event-detail ol ol,
.main.page section ol ol{margin: 0 0 0 26px;}

.container.politics ol > li,
.area-description ol > li,
.event-detail ol > li,
.main.page section ol > li {
    list-style: none;
    position: relative;
}
.container.politics ol > li,
.area-description ol > li,
.event-detail ol > li,
.main.page section ol > li{list-style: inherit;  }


.container.registro {margin-top: 110px;}
.container.registro h2,
#registerForm h4 {font-size: 30px; margin: 0; padding: 6px 0 0 0; line-height: 1.08;}
#registerForm h4 {margin-bottom: 20px; margin-top: 20px; padding-top: 10px; border-top: 1px solid #000;}
#registerForm h5 {font-size: 18px; font-weight: 500; margin-bottom: 15px;}
#registerForm .checks .row:last-child {margin-top: 30px;}
#registerForm fieldset legend {margin-top: 20px;}
.container.registro.newsletter form fieldset {margin-bottom: 20px;}

.container.perfil .col-md-8 h2 {margin: 0 0 7px 0; padding: 15px 0 0 0; border-top: 1px solid #000; font-size: 30px; line-height: 1.08;}
.container.perfil .col-md-8 h3 {font-size: 18px; margin: 10px 0 0; padding: 0 0 2px 0; border-bottom: 1px solid #000;}
.container.perfil .perfil-header {position: relative; border-top: 1px solid #000;}
.container.perfil .perfil-header h3 {margin-top: 12px; padding-bottom: 11px;}
.container.perfil .perfil-header .open-group {position: absolute; right: 15px; top: 6px;}
#datos, #menores {position: relative; margin-top: 15px;}
#datos .datos-group {border-top: 1px solid #000; position: relative;}
#datos .datos-group:first-child {border: none;}
#datos .datos-group h4 {font-size: 18px; margin: 15px 0 5px 0; padding: 0;}
#datos .datos-group h4 + .editProfile-button {top: 15px;}
#datos .datos-group #cpiso,
#datos .datos-group #cpuerta {width: 60px;}

#menores p {margin: 0 0 10px 0;}

.footer {margin-top: 20px; position: relative;}

@media only screen and (max-width: 767px) {
  .info-mobile .cat-menu ul.active li { display: block; width: 100%; height: 40px; }
  .info-mobile .cat-menu ul.active li a { padding-top: 10px; }
  .access-header {
    position: absolute;
    top: 60px;
    right: 0px;
    left: 0;
    background: #fff;
    z-index: 2;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  }
  .box-special {width: 100%;}
  .info-mobile .social.social-side li:first-child {display: none;}

  .search-bar button, 
  .search-years button {position: absolute; top: 0; right: -8px; height: 35px; width: 125px; padding: 0; padding-right: 5px; text-align: right; background: transparent; border: none; z-index: 1; }

}
@media only screen and (min-width: 480px) {
  .calendar-table thead .monthHead {font-size: 18px;}
}

.div-modal-reserva-curso{
  border: 1px solid black;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
  float: left;
}

.div-texto-modal-reserva-cursos{
  width: 70%;
  font-family: "akzidenz-grotesk",Helvetica,Arial,sans-serif;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  float: left;
  padding: 10px;
  padding-left: 30px;
}

.div-reserva-modal-reserva-cursos{
  width: 30%;
  float: right;
  margin-top:25px;
  text-align: center;
}


@media only screen and (min-width: 768px) {
  .calendar-table thead td,
  .calendar-table thead th,
  .calendar-table thead td {width: 54px;}
  .calendar-table thead .monthHead {font-size: 18px; width: 162px;}
  div.container.group.type .col-md-8 h3 {font-size: 75px; font-weight: 500; padding-top: 0;}
  .nav-tabs li {margin-right: 45px !important;}
  .container.error,
  .container.politics{margin-top: 120px;}
  .container.perfil {margin-top: 120px;}
  .container.error h2 {font-size: 75px;}
  .container.error h3 {font-size: 30px;}
  section.container.no-image {padding-top: 110px;}
  .modal-body {padding: 25px 20px;}
  .main-menu.fixed { position: fixed; top: 33px; width: 100%; }
  .main-menu ul.main > li.logo.on,
  .main-menu ul.main > li.logo.on a:hover,
  .main-menu ul.main > li.logo.on a:focus {display: inline-block; font-weight: 500;}
  .nav-tabs li.active:after { position: absolute; content: ''; left: 0; right: 0; bottom: -7px; border: 1px solid #000; }
  .month-calendar tbody tr td { padding-right: 20px; }
  .month-calendar tbody tr td .btn-bar { padding: 12px 12px 11px 12px; }
  .search-bar button.active + input#buscador,
  .search-bar input.active {width: 240px;}
  .cat-menu.home {display: block; position: relative; top: auto;}
  .info-mobile .cat-menu {top: 620px; margin-bottom: 10px;}
  .info-mobile .hashtag {
        width: 48%;
        float: left;
        margin-right: 2%;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
        margin: 0 0 0 9px;
        padding: 9px;
  }
  .info-mobile .social.social-side {
        width: 48%;
        float: right;
        padding: 4px 9px;
        margin: 0 9px 0 0;
        border-top: 1px solid #000;
  }
  .cat-menu ul {
        height: 32px;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin: 0;
        padding: 0; z-index: 0;
  }
  .cat-menu.home ul li {
        display: block;
        height: 9px;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  }
  .cat-menu.home ul li.exit {display: none;}
  .cat-menu ul li:hover, .cat-menu ul li:focus, .cat-menu ul li.active {height: 30px;}
  .cat-menu ul li:hover a, .cat-menu ul li:focus a, .cat-menu ul li.active { padding-top: 4px; }
  .info-mobile .cat-menu ul li.active a,
  .info-mobile .cat-menu ul li.active a:hover,
  .info-mobile .cat-menu ul li.active a:focus {padding-top: 0;}
  .cat-menu ul li a { padding-top: 10px; }
  .header-inner .main-heading { margin: 5px 0 5px; }
  .header-inner .main-heading a { width: 330px; height: 49px; /* background-size: 330px 49px;*/}
  .access-header {
      padding: 12px 20px 16px;
      top: 48px;
      right: -9px;
      left: auto;
      width: 388px;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
      -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
      border-top: 1px solid rgba(0, 0, 0, .2);
  }
  .access-header h2 { margin: 2px 0 12px;}
  .access .btn { width: auto; max-width: none; }
  .access legend { margin-bottom: 10px; }
  .access-header .note { margin-left: -20px; margin-right: -20px; }
  .user > li > a { color: #fff; font-size: 15px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); }
  .user > li > a.btn-transp {
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        border: 1px solid #fff;
        color: #fff;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  }
  .user > li.access-item,
  .user > li.logged {margin-left: 10px;}
  .user .lang {padding-left: 6px;}
  .schedule {padding: 10px 0;}
  .subopt2-inner ul.menu1 li {padding: 4px 0;}
  .container.registro {margin-top: 130px;}
  .nav-tabs li {margin-right: 20px;}
  #navbar {border-bottom: none;}
  .front.group .front-aside .all ul.menu-header-page {padding-left: 40px; padding-right: 40px;}

  .group.type .info-gral .info-text,
  .area .info-gral .info-text {left: 20px;}
  .group.type .info-gral .info-text .group-title,
  .area .info-gral .info-text .group-title {font-size: 75px; margin-bottom: 10px; color: #fff;}
  .group.type .info-gral .info-text .group-title + .date,
  .area .info-gral .info-text .group-title + .date {font-size: 30px;}

  .ico.open {
    width: 92px;
    height: 92px;
    position: relative;
    top: auto;
    right: auto;
  }

}

@media only screen and (min-width: 1024px) {
  .front-aside.visibleoff{display:none;} 
  .calendar-table .ico-arrow-left:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-arrow-left.svg);}
  .lt-ie9 .calendar-table .ico-arrow-left:before {background-image: url('../img/ico/ico-arrow-left-black.png');}
  .calendar-table .ico-arrow-right:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-arrow-right.svg);}
  .lt-ie9 .calendar-table .ico-arrow-right:before {background-image: url('../img/ico/ico-arrow-right-black.png');}
  
  .calendar-table .ico-caret-down:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-down.svg);}
  .lt-ie9 .calendar-table .ico-caret-down:before {background-image: url(../img/ico/ico-caret-down.png);}

  .calendar-table .ico-caret-up:before {width: 38px; height: 38px; background-image: url(../img/ico_svg/ico-caret-up.svg);}
  .lt-ie9 .calendar-table .ico-caret-up:before {background-image: url(../img/ico/ico-caret-up.png);}

  div.container.group.type .col-md-8 h3 {margin-top: 0}
  .nav-tabs li {margin-right: 0 !important;}
  .row {margin-left: -9px; margin-right: -9px;}
  .main.container > .row {margin-left: -9px; margin-right: -9px;}
  .main.container > .row .col-xs-1, .main.container > .row .col-sm-1, .main.container > .row .col-md-1, .main.container > .row .col-lg-1,
  .main.container > .row .col-xs-2, .main.container > .row .col-sm-2, .main.container > .row .col-md-2, .main.container > .row .col-lg-2,
  .main.container > .row .col-xs-3, .main.container > .row .col-sm-3, .main.container > .row .col-md-3, .main.container > .row .col-lg-3,
  .main.container > .row .col-xs-4, .main.container > .row .col-sm-4, .main.container > .row .col-md-4, .main.container > .row .col-lg-4,
  .main.container > .row .col-xs-5, .main.container > .row .col-sm-5, .main.container > .row .col-md-5, .main.container > .row .col-lg-5,
  .main.container > .row .col-xs-6, .main.container > .row .col-sm-6, .main.container > .row .col-md-6, .main.container > .row .col-lg-6,
  .main.container > .row .col-xs-7, .main.container > .row .col-sm-7, .main.container > .row .col-md-7, .main.container > .row .col-lg-7,
  .main.container > .row .col-xs-8, .main.container > .row .col-sm-8, .main.container > .row .col-md-8, .main.container > .row .col-lg-8,
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 9px;
    padding-right: 9px;
  }
  .container.error,
  .container.politics {margin-top: 140px; padding-left: 36px; padding-right: 36px;}
  section.container.no-image {padding-top: 155px;}
  .main-menu ul.main > li > a:hover,
  .main-menu ul.main > li > a:focus {text-decoration: underline; font-weight: 300;}
  .main-menu ul.main > li.more:hover .more-menu {height: 320px;}
  .main-menu .more-menu-inner .this-month .body-content h2 {font-size: 40px;}
  .main-menu .more-menu-inner .row > div:first-child {width: 31%;}
  .main-menu .more-menu-inner .row > div {width: 36%; padding-left: 10px; padding-right: 10px;}
  .main-menu .more-menu-inner .row > div:last-child {width: 33%;}
  .main-menu .more-menu-inner ul > li {margin-bottom: 10px;}
  .main-menu .more-menu-inner .this-month h2 {padding-left: 8px;}
  .box-recursos.menu,
  .box-registro.access {display: block; margin-bottom: 20px;}
  .box-recursos.menu.fixed,
  .box-registro.access.fixed {position: fixed; top: 72px; background-color: #fff; width: 305px; z-index: 1; padding-top: 8px;}
  .box-recursos.menu.fixed + div {margin-top: 276px;}
  .box-recursos.menu.biblio.fixed + div {margin-top: 208px;}
  .header-inner {padding: 10px 5px 0;}
  .header-inner .main-heading {font-size: 2.4em;}
  .header-inner .main-heading a {width: 460px; height: 74px;}
  .access-header { right: -14px; }
  #main-mobile { display: none; }
  #main-menu { display: block !important; }
  .search-bar {border-left: none; border-bottom: 1px solid #000; margin-right: 2px;}
  .search-bar input#buscador {
        display: block;
        width: 210px;
        opacity: 1;
        position: relative;
        top: 0;
        right: 0;
        background: transparent;
        padding-right: 30px;
        border: none;
  }
  .main-menu.fixed .search-bar input#buscador {width: 90px;}
  .search-bar button.active + input#buscador,
  .search-bar input.active {
        width: 155px;
        background: transparent;
        right: 0;
  }
  .search-bar button.active + input#buscador + .ico-close,
  .search-bar input.active + .ico-close {display: none !important;}

  #calendar-act.long {height: 413px !important;}
  #calendar-header.calendar-home.visibleDesktop {opacity: 1;}
  .calendar {height: auto; width: 380px;}
  .calendar .calendar-inner {width: 380px; right: 0; left: auto; top: 1px; background: url("../img/trama1.png") repeat scroll 0 0 rgba(0, 0, 0, .1); border-left: 1px solid #fff; border-right: 1px solid #fff;}
  #calendar-act {height: 324px;}
  .calendar .calendar-list li a:hover,
  .calendar .calendar-list li a:focus {border-bottom: solid 1px #fff;}
  .calendar #calendar-act {position: relative;}
  .calendar-table thead th,
  .calendar-table thead th a,
  .calendar-table thead td,
  .calendar-table thead td a {color: #fff;}
  .calendar-table thead .weekDay {color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 1); border-right: 1px solid #fff;}
  .calendar-table thead .weekDay:first-child,
  .calendar-table tbody td:first-child { color: #666; }
  .calendar-table tbody td { font-weight: 300; color: #fff; }
  .calendar-table tbody .currentDay span:before,
  .calendar-table tbody {
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
      -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  }
  .calendar-table tbody td { border: 1px solid #fff; }
  .calendar .calendar-list,
  .calendar .calendar-list li a,
  .calendar .calendar-list li p.now { color: #fff;}
  .calendar .calendar-list li a,
  .calendar .calendar-list li p.now { font-weight: 500; }
  .calendar .calendar-list li {
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        border-bottom: 1px solid #fff;
  }
  .calendar .calendar-list li p.now:before {
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  }
  #calendar-main-min .calendar-table thead tr:first-child th:first-child {border-right: none;}
  #calendar-main-min .calendar-table thead tr:first-child th:last-child {border-left: none;}
  #calendar-main-min .ico-arrow-left-black:before {background-image: url(../img/ico_svg/ico-arrow-left.svg);}
  #calendar-main-min .ico-arrow-right-black:before {background-image: url(../img/ico_svg/ico-arrow-right.svg);}
  .lt-ie9 #calendar-main-min .ico-arrow-left-black:before {background-image: url(../img/ico/ico-arrow-left-white.png);}
  .lt-ie9 #calendar-main-min .ico-arrow-right-black:before {background-image: url(../img/ico/ico-arrow-right-white.png);}
  .info-mobile {display: none;}
  .front-aside .all {padding: 0 9px; line-height: 1.2;}
  .cat-menu.interior {display: block; /*margin-bottom: 20px;*/}
  .cat-menu {top: auto; position: relative;}
  .cat-menu ul li {
        display: block;
        height: 9px;
         -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  }
  .cat-menu ul li.active {width: 25%;}
  .front.group .front-aside .all ul.menu-header-page {padding-left: 0; padding-right: 0;}
  .front.group .front-aside .all ul li a {color: #fff;}
  .front.group .front-aside .all ul {border-top: 1px solid #fff; padding-bottom: 5px;}
  .course .front-aside .all,
  .course.type .event-detail {padding-top: 0;}
  .course .front-aside .all .waiting {color: #fff; margin: 0 0 15px 0; display: inline-block;}
  .front.group .front-aside .all,
  .carousel + .front-content .front-aside .all {padding: 0;}
  .main.page .col-md-8 > p:first-child {font-size: 30px; line-height: 1.2; margin: 15px 0 20px;}
  .container.perfil {margin-top: 160px;}
  .container.perfil .col-md-8 h2 {padding-left: 15px; padding-right: 15px;}
  .container.perfil .col-md-8 h3 {margin: 10px 0 0 0; padding: 4px 15px 10px;}
  .container.perfil .box-recursos.menu {margin-bottom: 0;}
  .container.perfil .col-md-8 .datos-group h4 {margin-bottom: 22px;}
  #datos .datos-group {padding: 0 15px;}
  #menores {padding: 0 5px;}
  .container.registro {margin-top: 170px;}
  .container.registro h2 {border-top: 1px solid #000;}
  .event .schedule.course .info > span:first-child {font-size: 30px;}
  .front.group .front-aside .all ul.menu-header-page li {padding: 10px; margin: 0;}
  .front.group.type .front-aside {right: -16px; top: -17px;}
  /*.front.group .front-aside .all ul.menu-header-page {margin: 0;}*/
  .front.group.page .front-aside {margin-top: -17px;}
  .ico-caret-up-black:before,
  .event-filter-result .open-filter .ico:before,
  .event.filter .open-filter .ico:before,
  .open-group .ico:before,
  .ico-caret-down-black:before,
  .event-filter-result .collapsed .open-filter .ico:before,
  .event.filter .collapsed .open-filter .ico:before,
  .open-group.collapsed .ico:before {width: 52px; height: 52px;}
  .ico-caret-up-black:before,
  .event-filter-result .open-filter .ico:before,
  .event.filter .open-filter .ico:before,
  .open-group .ico:before {background-image: url(../img/ico_svg/ico-caret-up-black-52x52.svg);}
  .ico-caret-down-black:before,
  .event-filter-result .collapsed .open-filter .ico:before,
  .event.filter .collapsed .open-filter .ico:before,
  .open-group.collapsed .ico:before {background-image: url(../img/ico_svg/ico-caret-down-black-52x52.svg);}
  .course .open-group .ico:before,
  .course .open-group.collapsed .ico:before,
  .perfil-header .open-group .ico:before,
  .perfil-header .open-group.collapsed .ico:before,
  .event .item-calendar .open-group .ico:before,
  .event .item-calendar .open-group.collapsed .ico:before,
  .form-section .open-group .ico:before,
  .form-section .open-group.collapsed .ico:before {width: 38px; height: 38px;}

  .group.type .info-gral .info-text,
  .area .info-gral .info-text {position: absolute; left: 20px;}
  .group.type .info-gral .info-text .group-title,
  .area .info-gral .info-text .group-title {overflow: hidden; max-height: 325px;}
}

@media only screen and (min-width: 1200px) {
    .main-menu ul.main > li:nth-child(2) {padding-left: 8px;}
    .main-menu ul.main > li.logo.on + li {padding-left: 8px;}
    .header-inner {padding: 10px 0 0 0;}
    .header-inner .main-heading {margin-top: 10px;}
    .main-menu .more-menu-inner .this-month {width: 142px; margin-left: 20px;}
    .main-menu .more-menu-inner h2 {min-height: 0;}
    .nav-tabs li {margin-right: 58px !important;}
    .container.error,
    .container.politics {margin-top: 155px;}
    .container.perfil {margin-top: 170px;}
    #calendar-main-min { display: none; }
    #calendar-main { display: block; }
    #calendar-act.long { height: 431px !important; }
    
    /*.calendar-inner .openCalendar.on,
    .calendar-inner .closeCalendar.on { display: block; }*/
    .access-header {right: -15px; left: auto; top: 88px;}
    .main-menu.fixed {max-width: 1360px;}
    .main-menu ul.main > li > a {font-size: 18px;}
    .main-menu ul.main > li,
    .main-menu.fixed ul.main > li {padding: 7px 8px;}
    .main-menu ul.main > li.more:hover .more-menu,
    .main-menu ul.main > li.more > a:focus + .more-menu { height: 344px; }
    .more-menu-inner .this-month .body-content h2 { font-size: 75px; }
    .search-bar input#buscador {width: 382px;}
    .main-menu.fixed .search-bar input#buscador {width: 200px;}
    .main-menu .more-menu-inner h2,
    .main-menu .more-menu-inner ul > li {font-size: 18px;}
    .main-menu .more-menu-inner ul > li {margin-bottom: 18px;}
    .box-recursos.menu.fixed,
    .box-registro.access.fixed {width: 362px;}
    .front.group.type .front-aside {right: -17px;}
    /*.front.group.page .front-aside {margin-top: 2px;}*/
}

@media only screen and (max-width: 767px) {
    .navbar-toggle2 { display: none; }
    .navbar-collapse1 { position: absolute; top: 88px; right: 0; left: 0; background: #fff; z-index: 4; margin: 0 -9px; }
    .navbar-collapse2 {display: block !important;}
    .user { position: relative; padding: 10px 10px; border-bottom: 1px solid #000; }
    .user > li { display: inline-block; margin-right: 15px;}
    .user > li.sep:before { content: '\00B7'; color: #C9C9C9; }
    .user > li .navbar-toggle1 { margin: 0 -10px 0 0; }
    .user > li.logged, .user > li.lang { padding: 9px 0; }
    .user > li > .btn-transp { border: 1px solid #313131; }
    .user .btn { z-index: auto; }
    .subopt > li > a {cursor: pointer; display: block; outline: none; font-size: 18px; }
    .subopt .subopt2:before { content: ''; float: right; margin-top: 3px; width: 11px; height: 16px; background: url('../img/ico-s3c4164ee1e.png') 0 -121px no-repeat; }
    .subopt2-menu {
       background: #fff;
       width: calc(100% + 20px);
       margin: 10px -10px 0;
       border-top: 1px solid #000;
    }
   .subopt2-menu .info { padding: 10px; color: #898989; }
   .subopt2-menu .back-menu:before { content: ''; float: left; margin-right: 9px; margin-top: 3px; width: 9px; height: 16px; background: url('../img/ico-s3c4164ee1e.png') 0 -60px no-repeat; }

  #playerElement, #playerElement > div, #playerElement-Container, #playerElement-Container > div {top: 80px;}
  .div-reserva-modal-reserva-cursos{
    width: 100%;
    float: right;
    margin-top:0px;
    padding: 10px;
    text-align: center;
  }
  .div-texto-modal-reserva-cursos{
    width: 100%;
    font-family: "akzidenz-grotesk",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    padding: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .navbar-collapse1 {
        position: relative;
        display: block !important;
        float: right;
        margin-top: 15px;
        z-index: 2; }
    .navbar-toggle1 { display: none; }
    .navbar-toggle2 { display: inline-block; color: #fff; text-align: center; vertical-align: middle; }
    .user { display: inline-block; vertical-align: top; font-size: 20px; height: 34px; margin-left: 8px;}
    .user > li { display: inline-block; vertical-align: middle; }
    .user > li > a { color: #fff; font-size: 18px; line-height: .9; height: 35px; }
    .user > li > a.btn {padding: 8px 10px;}
    .user .lang {position: relative;}
    .user .logged > a { display: block; width: 150px; height: auto; font-weight: 300; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .user .sep:before { content: '\00B7'; position: absolute; left: -2px; color: #fff; }
    .clean .user .sep:before {color: #000;}
    .user > li > .btn,
    .user > li > .btn:hover,
    .user > li > .btn:focus { color: #fff; border-color: #fff; }
    .subopt {
        position: absolute;
        top: 48px;
        left: -50px;
        width: 300px;
        background: #fff;
        padding: 10px 0;
        border: 1px solid #000;
        z-index: 1;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    }
    .subopt li { padding: 10px 20px; }
    .subopt li:last-child { border: none; padding: 0;}
    .subopt:after,
    .access-header:after { bottom: 100%; right: auto; left: 70px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; margin-left: -5px; }
    .access-header:after {right: 50px; left: auto;}
    .subopt2-menu .info { padding: 10px; color: #898989; }
    .subopt2-menu .back-menu { display: none; }
}

@media only screen and (min-width: 1024px) {
    .access-header:after {right: 53px;}
    .navbar-collapse1 { margin-top: 5px; }
    .visit-menu,
    .recursos-menu,
    .more-menu-list,
    .more-menu {
         -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    }
    .main-menu > .container {padding: 0 5px;}
}

@media only screen and (min-width: 1200px) {
    .header-inner h1 {margin: 10px 0 15px 10px;}
    .navbar-collapse2, .navbar-collapse1 { display: inline-block !important; }
    .navbar-collapse1 { position: relative; float: right; margin-top: 10px;}
    .navbar-toggle1, .navbar-toggle2 { display: none; }
    .user, .subopt { display: inline-block; }
    .user {float: right;}
    .user > li { display: inline-block; vertical-align: middle; }
    .user > li > a { font-size: 18px; text-decoration: none; }
    .user > li.access-item,
    .user > li.logged {display: block; margin-left: 0;}
    .user > li.access-item {margin-top: 7px;}
    .user > li.logged {margin-top: 0;}
    .user > li > a.btn-transp,
    .main-menu .this-month a.btn-transp {font-size: 18px;}
    .header > .container {padding-left: 15px; padding-right: 15px;}
    .main-menu > .container {padding-left: 0; padding-right: 5px;}
    .user .lang {position: relative;}
    .user .lang:first-child {padding: 0; }
    .user .logged + .lang,
    .user .logged + .lang + .lang {padding-top: 27px;}
    .user .logged {margin-right: 0; margin-top: 2px; font-size: 18px; width: 130px; overflow: hidden;}
    .user .logged > a span.name {display: block; font-weight: 500;}
    .user .logged > a { display: block; width: 130px; font-weight: 300; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .user .sep:before { content: '\00B7'; position: absolute; left: -1px; color: #fff; }
    .clean .user .sep:before {color: #000;}
    .subopt { width: 400px; margin-right: 35px; }
    .subopt > li {
        padding: 0;
        -webkit-transition: all .3s;
        transition: all .3s ease;
         width: 174px;
        margin: 0 0 0 25px;
        display: block;
        vertical-align:middle;
        float: left;
    }
    .subopt > li > a {
        text-decoration: none;
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    }
    .header.clean .subopt > li > a {color: #000; text-shadow: 0 0 0 rgba(0, 0, 0, 0)}
    /*.subopt > li > a:hover, .subopt > li > a:focus {font-weight: 500;}*/
    .subopt .subopt2-hover { display: inherit; }
    .subopt2-menu { display: inherit !important; height: 0; overflow: hidden; position: absolute; background: #fff; z-index: 2; transition: all .3s ease; -webkit-transition: all .3s ease; }
    .subopt2-click { display: none !important; }
    .subopt2-hover:hover .subopt2-menu,
    .subopt2-hover:focus .subopt2-menu { display: inherit !important; }
    .subopt2-inner { padding: 14px 20px; font-size: 18px; }
    .subopt2-inner ul.menu1 {margin: 0;}
    .subopt2-inner ul.menu1 > li {
        display: block;
        padding: 0;
        margin: 0;
        -webkit-transition: all .3s;
        transition: all .3s ease;
    }
    .subopt2-inner ul.menu1 > li.parent { padding: 0; border-bottom: 1px solid #000; }
    .subopt2-inner ul.menu1 > li.parent > a { display: block; padding: 12px 12px 5px 20px; margin-bottom: 5px; min-height: 42px; }
    .subopt2-inner ul.menu1 > li.parent > a:hover,
    .subopt2-inner ul.menu1 > li.parent > a:focus,
    .subopt2-inner ul.menu1 > li.parent > a:active {
        padding-bottom: 0;
        font-weight: 500;
        text-decoration: none;
    }
    .subopt2-inner ul.menu1 > li:hover,
    .subopt2-inner ul.menu1 > li:focus,
    .subopt2-inner ul.menu1 > li:active {text-decoration: underline;}
    /*.subopt2-inner ul.menu1 > li:hover a {text-decoration: underline;}*/
    .subopt2-inner ul.menu1 .back-menu {display: none;}
    .subopt2-inner ul.menu2 {margin: 0 20px 18px 36px;}
    .subopt2-inner ul.menu2 > li {display: block; font-size: 15px;}
    .subopt2-inner ul.menu2 > li > a:hover {text-decoration: underline;}
    .subopt2-inner > div {width: 50%;}
    .subopt2-inner .menu {float: left; margin-bottom: 8px;}
    .subopt2-inner .info {width: 275px; padding: 15px; font-size: 13px; color: #898989; }
    .subopt2-inner .info a { font-size: 13px; color: #313131; }
    .subopt2-inner .schedule { float: right; margin-bottom: 8px; padding: 0; }
    .subopt2-inner .schedule > span:first-child,
    .subopt2-inner .schedule > .transport span { font-weight: 500; }
    .subopt2-inner .schedule > div,
    .subopt2-inner .schedule > span[itemprop="address"] {display: block; margin-bottom: 24px;}
    .subopt2-inner .schedule > div > span:first-child,
    .subopt2-inner .schedule > .transport {display: block;}
    .subopt2-inner .schedule > .contact {display: none;}
    .subopt2-inner .schedule #map {position: absolute; bottom: 0; right: 0;}
    .subopt2-inner .img-content {display: block; float: right; height: 100%; width: 250px; margin: -20px 0; overflow: hidden;}
    .subopt2-inner .img-content img {position: relative; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .recursos {position: relative;}
    .recursos .subopt2-inner .menu {float: none;}
    .recursos .subopt2-inner > div {width: 100%;}
    .recursos .recursos-menu { top: 24px; left: 0; width: 379px;}
    .recursos:hover .recursos-menu {height: 140px;}

    .visit-menu {top: 46px; right: 390px; width: 770px;}
    .visit > .subopt2-hover:hover + .visit-menu,
    .visit:hover > .visit-menu {height: 512px; border-top: 1px solid rgba(0, 0, 0, .2);}

    .main-menu {padding: 0;}
}

@media only screen and (max-width: 1023px) {  
  .search-bar.active {
    position: absolute;
    right: 9px;
    width: 100%;
    background-color: #00ff00;
  }
  .search-bar form input#buscador{
    display:none;
  }  
  .search-bar.active form{
    position:relative;
    bottom:0px;
    right: inherit;
    left:0px;
  }
  .search-bar.active form input#buscador{   
    width: calc(100% - 80px);
    opacity: 1;
    background: rgba(255, 255, 255, 0.8);
    left: 46px;
    top: 0px;
    right: inherit;
    bottom: inherit;
    height: 37px;
    display:block;
  } 
  .search-bar .ico-close{ 
  display:none!important;
  
  }
  .search-bar.active .ico-close{  
    left: 6px;
    top: 6px;
    right: inherit;
    bottom:inherit;
  display:block!important;
  }
    #main-menu.in { display: block !important; }
    .main-menu > .container { position: relative; }
    #main-menu { background: #fff; position: absolute; top: 100%; left: 0; width: 100%; z-index: 1; }
    #main-menu li.logo {display: none;}
    #main-menu li { display: block; padding: 6px 8px; border-bottom: 1px solid #000; }
    #main-menu .more { display: none; }
    #main-menu .mobile-item { display: block; }
    #calendar-header.calendar-home {display: none;}
}


.social { width: 100%; display: table; }
.social li { display: table-cell; padding-top: 15px; vertical-align: middle; text-align: center; font-size: 12px; }
.social .fa-inverse {color: #00ff00;}
.social > li > a:hover .fa-inverse,
.social > li > a:focus .fa-inverse {color: #fff;}

.main .social.social-side {display: none;}
.main .info-mobile .social.social-side{display:block;}
.social.social-side { display: block; padding: 6px 9px; margin: 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.course .social.social-side {padding-bottom: 6px;}
.social.social-side li:first-child {font-weight: 500; font-size: 18px; padding: 0;}
.social.social-side li { display: inline-block; padding: 0;}
.social.social-side > li > a:hover > span,
.social.social-side > li > a:focus > span {color: #000;}
.social.social-side .fa-inverse {color: #fff;}

.all-event-ticket {padding: 5px 9px 9px 9px;}
.area .all-event-ticket {padding-bottom: 0;}
.main.group .all-event-ticket {display: none;}
.all-event-ticket span {display: block;}
.all-event-ticket .title {font-weight: 500;}
.all-event-ticket .price {margin-bottom: 11px;}

.footer-content {position: relative;}
.footer-content h1 {
  font-size: 18px;
  margin: 22px 0 0 0;
  padding-top: 55px;
  width: 206px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 206px 40px;
  background-image: url('../img/logoE.png');
  background-image: url('../img/logoE.svg');
}
.footer-menu .container { padding-top: 10px; padding-bottom: 10px; }
.footer-menu { background-color: #00ff00; margin: 4px 0 8px; position: relative;}
.footer-menu .more li { font-size: 18px; display: inline-block; padding: 0 15px 0 0; text-align: center; line-height: 1.6;}
.footer-menu .more li:last-child {margin-right: 0;}
.footer-menu .more li a:hover,
.footer-menu .more li a:focus,
.footer-menu .more li a.active {text-decoration: underline;}

.footer-content .address { font-size: 18px; margin: 0 0 20px; }
.footer-content .address > img, .footer-content .address > svg  {margin: 20px 0;}
.footer-content .address p {margin: 0 0 6px 0;}
.footer-content .address span,
.footer-content .address a { display: block; }
.footer-content .address a { text-decoration: underline; }
.footer-content .legal { margin-bottom: 20px; }
.footer-content .legal:last-child { margin-bottom: 10px; }
.footer-content .legal ul { padding: 0; width: 100%; float: left; }
.footer-content .legal ul li { padding: 2px 0; display: block; }
.footer-content .legal ul li a { font-size: 18px; }
.footer-content .legal ul li a:hover,
.footer-content .legal ul li a:focus { font-weight: 500; text-decoration: none; }
.footer-content .legal svg { margin-bottom: 12px; width: 206px; height: 40px;}
.footer-content .legal h2 {
  font-size: 10px;
  margin: 0 0 6px 0;
  padding-top: 55px;
  width: 206px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 206px 40px;
  background-image: url('../img/logoFM.png');
  background-image: url('../img/logoFM.svg');
}
.footer-content .legal p { font-size: 10px; margin: 0; }
.footer > nav.container {margin-bottom: 20px;}
.footer > nav.container:last-child a.active {text-decoration: underline;}

.detalleExpo .social-side-container {border-bottom: 1px solid #000;}

@media only screen and (min-width: 480px) {
    .footer-menu .social {display: block;}
    .footer-menu .social li {display: inline-block; margin-right: 5px;}
    .footer-menu .more li {padding: 0 3px; text-align: left;}
}
@media only screen and (min-width: 600px) {
    .footer-menu .social li {margin-right: 5px;}
    .footer-menu .more li {padding: 0 25px 0 0;}
}
@media only screen and (min-width: 768px) {
    .social {float: right; width: auto;}
    .footer-menu {height: 38px;}
    .footer-content .address p {width: 30%; float: left;}
    /*.footer-content .address p:last-child {width: 41%; float: left; margin-top: -22px;}*/
    .footer-content .address .aenor {float: left; margin-top: -85px; margin-left: 25px;}
    .footer-content .address p.footer-enlaces {width: 41%; float: left; margin-top: -22px;}
    .footer-content .address {font-size: 18px; line-height: 22px;}
    .footer > nav.container li {font-size: 11px; display: inline; margin-right: 6px;}
    .footer > nav.container li:last-child {margin-right: 0;}
    .footer-content .legal ul { padding: 0; width: 60%; float: left; }
    .footer-content .legal ul:first-child {width: 40%;}
    .footer-content .legal ul li { padding: 0 15px 0 0; }
    .footer-content .legal ul li:nth-child(even) {padding-right: 0;}
    .footer-content .legal svg {position: relative; float: left; padding: 0; margin-right: 28px; border-bottom: none; margin-bottom: 30px;
/*        border-right: 1px solid #000;*/
    }
    .footer-content .legal ul li a { font-size: 13px; font-weight: 300; }

    .footer-menu .container { padding-bottom: 4px; padding-top: 4px; }
    .footer-menu .more li {padding: 0 6px 0 0; margin-right: 0; margin-left: 5px;}
    .footer-menu .more {float: left;}
    .footer-menu .social li {padding: 0 0 0 5px; margin: 0;}
}
@media only screen and (min-width: 1024px) {
    .calendar-home.off {display: none;}
    .footer-menu .more,
    .footer-menu .social { width: auto; }
    .footer-menu .more li {margin-right: 30px;}
    .footer-content .address {width: 65%; float: left;}
    .footer-menu .social li {padding: 0 0 0 22px;}
    .footer-content .legal {width: 31%; float: right;}
    .footer-content .legal > div {margin: 22px 0 0 0;}
    .footer-content .legal svg {float: none; border: none; margin: 0;}

    .main .social.social-side {display: block; float: none;}
    .box-recursos.menu + .social.social-side {border-top: none; margin-top: -20px;}
    .main .social-side-container {height: 590px; margin: 2px 0 0 0; padding: 0; border-top: 1px solid #000; }
    .all-event-ticket .price {display: inline;}
    .all-event-ticket .btn {display: block; max-width: 92px; margin-top: 12px;}
}
@media only screen and (min-width: 1200px) {
    .footer-content .address > img, .footer-content .address > svg {margin: 30px 0 25px 0;}
    .footer-content .legal svg {margin-bottom: 20px; margin-top: 15px;}
    .footer-content .legal li {padding: 0 8px 0 0;}
    .footer-menu .social li {padding: 0 0 0 35px;}
    .footer-content .legal {width: 370px;}
    .all-event-ticket .price {display: block;}
    .all-event-ticket .btn {margin-top: 0;}
}


.carousel {margin-top: 0; padding: 0;}
/*.carousel-inner {background: url("../img/trama1.png") 0 0 repeat rgba(0,0,0,.2);}*/
.carousel-inner {background: #333;}
.exposiciones .carousel-inner {background: transparent url("../img/trama1.png") repeat scroll 0 0;}
.carousel-control {z-index: 2;}
.carousel-indicators-container {
    position: absolute;
    left: 0;
    bottom: 4px;
}
.carousel-indicators {
    position: relative;
    bottom: auto;
    left: 0;
    z-index: 1;
    margin: 0 auto;
    padding: 0 10px 0 3px;
    list-style: none;
    text-align: left;
}
.carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 0 10px;
    border: 1px solid #fff;
    color: #fff;
  box-shadow: 1px 1px 3px 0px #0f0f0f;
  -webkit-box-shadow: 1px 1px 3px 0px #0f0f0f;
  -moz-box-shadow: 1px 1px 3px 0px #0f0f0f;
}
.carousel-indicators li:hover,
.carousel-indicators li:focus {
    background-color: #fff \9;
    background-color: rgba(255, 255, 255, 0.3);
    color: #000;
}
.carousel-indicators li.active {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
    margin: 0 10px;
}
.carousel-indicators.container.noticias{margin-bottom:10%;}
.carousel-caption {
    top: 92px;
    background: transparent url("../img/trama1.png") repeat scroll 0 0;
    padding: 10px;
    opacity: 0;
    width: 100%;
    position: absolute;
    right: -50%;
    left: auto;
    bottom: auto;
    color: #fff;
    text-align: left;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    z-index: 1;
}
.lt-ie9 .carousel-caption {right: 0; left: 0;}
.item.active .carousel-caption {
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    opacity: 1;
    right: 0;
}
.carousel-img,
.front-img {height: 480px;}
.carousel-img img,
.front-img img {min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0;}
.carousel-img iframe {width: 100%; height: calc(100% - 35px);}
/*.item.video .carousel-img::after {
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  background-color: #000;
  position: absolute;
  bottom: 0;
}*/

.lt-ie9 .carousel-img img,
.lt-ie9 .front-img img {left: auto; top: auto;}

/*formato vertical*/
.item.vertical .carousel-img img,
.front-img.vertical img {min-width: 0; height: 100%;}
.front-img iframe {width: 100%; height: 100%; opacity: 1;}

.video .front-img {padding-top: 310px; height: 480px; background-color: rgba(0,0,0,.5);}
@media only screen and (min-width: 390px) { .video .front-img {height: 100%;} }
@media only screen and (min-width: 480px) { .video .front-img {height: 100%;} }
@media only screen and (min-width: 600px) { .video .front-img {height: 100%;} }

.front-img .ico-play-container,
#video-home .ico-play-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.front-img .ico-play-container .ico-play:before,
#video-home .ico-play-container .ico-play:before {width: 130px; height: 130px;}
.front-img .ico-play-container .ico-play,
#video-home .ico-play-container .ico-play {margin-top: 30px; margin-left: -65px;}
.front-inner.video.on .front-content,
#video-home .video.on .carousel-caption {display: none;}
.front-inner.video.on:hover .front-content,
#video-home .video.on:hover .carousel-caption {opacity: 1; display: block;}
.front-inner.video.on .front-img iframe,
#video-home .video.on .carousel-img iframe {opacity: 1;}

.wrapper.on #calendar-header{display: none!important;}
.wrapper.on #carousel-main:hover .header:parent #calendar-header{display: block!important;}
.wrapper.on .carousel-caption{display: none;}
.wrapper.on #carousel-main:hover .carousel-caption{display: block;}

#video-home {z-index: 0;}
#video-home .front-content {z-index: 9;}
/*#video-home .ico-play-container {cursor: default;}
#video-home .ico-play {cursor: pointer;}*/

.carousel + .front-content {z-index: 1;}
.carousel-img small,
.carousel-img p,
.front-img small,
.front-img p,
.img-cover small,
.img-cover p,
.agenda .img-content small,
.agenda .img-content p {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    color: #fff;
    bottom: 9px;
    color: #fff;
    left: 9px;
    position: absolute;
    font-size: 10px !important;
    margin: 0;
  z-index:1;
}
.carousel-img small,
.carousel-img p {bottom: 30px;}
.item:only-child .carousel-img small,
.item:only-child .carousel-img p {bottom: 9px;}

.carousel-caption h2,
.front-content .area,
.group .front-content .area,
.carousel + .front-content .area {font-size: 24px;}
.carousel-caption h3,
.front-content .title,
.front-content .area,
.type .front-content .area {font-size: 40px;}

.carousel-caption h2,
.front-content .area {margin: 0; font-weight: 300; text-shadow: 0 1px 1px rgba(0, 0, 0, 1);}
.front-content .area {margin: 0 0 2px; line-height: .95;}
.group .front-content .area,
.carousel + .front-content .area {font-weight: 300;}
.area-description {font-size: 18px; margin: 4px 0 8px; line-height: 1.4;}
.carousel-caption h3,
.front-content .title,
.front-content .area {
    color: #fff;
    font-weight: 500;
    line-height: 1.08;
    margin: 0;
    padding: 0 0 2px 0;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    overflow: hidden;
    display: block;
    max-height: 175px;
}
.carousel-caption a {color: #fff;}
.carousel-caption a:hover,
.carousel-caption a:active,
.carousel-caption a:focus {text-decoration: underline;}
.carousel-caption .date,
.front-main .date {margin: 0; font-size: 25px;}
.front-main .date {text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

.exposiciones .carousel-img, .exposiciones .front-img {height: 160px;}
.exposiciones .carousel-img img, .exposiciones .front-img img {width: 100%;}
.exposiciones .item.vertical .carousel-img img, .exposiciones .front-img.vertical img {width: auto;}

.carousel-caption .imagen-ult-dias{
    background-image: url("../img/carrusel-ultimos-dias.png");
    background-repeat: no-repeat; 
    width: 223px;
    height: 69px;

     animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
}

.carousel-caption .imagen-ult-dias.en{
    background-image: url("../img/carrusel-last-days.png");
    width: 219px;
    height: 69px;
}


.alert { position: relative; padding: 4px 10px; margin-bottom: 10px; background-color: #000000; color: #fff; font-size: 18px; line-height: 1;}
.alert p { 
  margin: 0 auto; 
  max-width: 95%; 
  max-width: calc(100% - 62px); 
  display: inline-block; 
  vertical-align: middle; 
  line-height: 1; 
}
.alert a, .alert a:hover, .alert a:focus {color: #fff;}
.alert.english{background-color: #fff; color:#000;border:1px solid #000;margin-top:0px;margin-bottom: 0px;}
.fa-english-circle{width:25px;height:18px;}
.fa-english-circle:before {
    content: " ";
    background-image: url(../img/ico_svg/ico-english.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
}
.alert .fa-exclamation-circle,
.alert .fa-english-circle { font-size: 26px; vertical-align: middle; margin-right: 4px;}
.alert .ico-close-white {
    margin-top: -12px;
    position: absolute;
    right: 9px;
    top: 50%;
    cursor: pointer;
}

/* Eventos Home */
.box,
.box-special,
.box-newsletter,
.box-recursos {overflow: hidden; z-index: 0; position: relative; margin-bottom: 10px;}
.box-recursos {font-size: 18px;}
.box .info {border-top: 1px solid #000; font-size: 18px; padding-top: 10px; position: relative;}
.box .info .img-content {
  display: block;
  background-color: #eee;
  overflow: hidden;
  width: 100%;
}
.box .info .img-content a {display: block;}
.box .img-content::before,
.group.type .info-gral .info-img::before,
.area .info-gral .info-img::before {background: url("../img/trama-img.png") 0 0 repeat transparent;}
.box .img-content::before,
.group.type .info-gral .info-img::before,
.area .info-gral .info-img::before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 10px;
}
.no-shadow.box .img-content::before{
  display: none;
}

.group.type .info-gral .info-img::before,
.area .info-gral .info-img::before {top: 0;}
.box .info header {
  padding: 6px;
  color: #fff;
  position: absolute;
  top: 11px;
  z-index: 99;
}
.box .info header  .imagen-ult-dias-destacados{
    background-image: url("../img/destacado-ultimos-dias.png");
    background-repeat: no-repeat; 
    width: 144px;
    height: 49px;



     animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
}

.box .info header .imagen-ult-dias-destacados.en{
    background-image: url("../img/destacado-last-days.png");
    width: 128px;
    height: 49px;
}

.box .info header  .imagen-ult-dias-actv-relacionadas{
    background-image: url("../img/destacado-ultimos-dias.png");
    background-repeat: no-repeat; 
    width: 144px;
    height: 49px;

    animation-name: parpadeo;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
}

.box .info header .imagen-ult-dias-actv-relacionadas.en{
    background-image: url("../img/destacado-last-days.png");
    width: 128px;
    height: 49px;
}


.grid .box:last-child .info {border-bottom: 1px solid #000;}
.box-special .info,
.box-newsletter .info,
.box-recursos .info {padding: 6px;}
.box-newsletter.box .info h4 {color:#000;text-shadow: none;}
.box-newsletter.box .info p.letrapequena {font-size:11px;position:absolute;bottom:4px;}
.box .info h3,
.box .info h4,
.box .info p.date,
.box .info header h4 a {color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 1);}
.box .info .compra {position: absolute; bottom: 20px; left: 6px;}
.box .info h3,
.box .info p.date {font-size: 18px; line-height: 1; margin: 0;}
.box .info h3 {font-weight: 300; margin: 0 0 4px;}
.box .info h4 {margin: 0 0 4px; line-height: 1; font-size: 22px; max-height: 72px; overflow-y: hidden;}
.box.box-noimage .info h3,
.box.box-noimage .info h4,
.box.box-noimage .info p.date,
.box.box-noimage .info header h4 a {color: #000; text-shadow: none;}
.box.box-noimage .info .compra {bottom: 10px;}

.box.box-noimage .info {min-height: 191px;}
.box.box-noimage .info header {background: none; color: #000; padding: 0 6px;}
.box.box-noimage .info header a {color: #000}
.box.box-noimage .info header a.btn-transp:hover,
.box.box-noimage .info header a.btn-transp:focus {color: #fff;}

.box.streaming::after {content: ""; display: block; width: 30px; height: 22px; position: absolute; top: 18px; right: 15px; background: url("../img/ico-streaming.png") 0 0 no-repeat transparent; background-size: 100%;}
.box.streaming iframe {width: 100%; background-color: #000; border: none;}

.box .ico-play,
.front-img .ico-play {z-index: 99; color: rgba(255,255,255,.5); position: absolute; top: calc(50% - 65px); left: 50%; margin-top: -26px; margin-left: -26px; }
.img-cover .ico-play:before {width: 60px; height: 60px;}
.img-cover .ico-play {color: rgba(255,255,255,.5); position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px;}
.box .info {-webkit-user-select: none; -webkit-touch-callout: none;}
.publicaciones .box .info header {position: relative; top: auto; width: auto; height: auto; color: #000; min-height:227px;}
.publicaciones .box .info header h3,
.publicaciones .box .info header h4 a {color: #000; text-shadow: none;}
.publicaciones .box .img-content::before {background: transparent;}

.agendas-list {margin: 20px 0;}
.agendas-list.cursostalleres {max-width: 782px;}
.agendas-list .agenda {margin-bottom: 20px;}
.agendas-list .agenda.open .info {max-width: 312px; margin: 0 auto; border-top: none;}
.agendas-list .agenda.open .info h3 {display: none;}
.agendas-list .agenda.open .files-related {width: 100%;}
.agendas-list .agenda.open .info img {width: 100%;}
.agendas-list .agenda .info {border-top: 1px solid #000; padding: 5px 10px;}
.agendas-list .agenda .img-content {text-align: center;}
.agendas-list .agenda .info h3 {margin: 0 0 10px 0; padding: 0;}
.agendas-list .agenda .files-related {margin: 10px auto;}
.front.publi.agendas .filter {margin-bottom: 0; padding-bottom: 0;}

.convocatorias .agenda .info h3,
.convocatorias .agenda .info h4,
.convocatorias .agenda .info p {text-shadow: 0 1px 1px rgba(0, 0, 0, 1);}

.agendas-list.convocatorias {margin: 5px 0 20px 0;}
.agendas-list.convocatorias .agenda {margin-bottom: 20px;}
.convocatorias .agenda .info {
  width: calc(100% - 18px);
  border-top: none;
  padding: 10px;
  position: absolute;
  top: 0;
  color: #fff;
}
.agendas-list.convocatorias .agenda.open .info {max-width: none;}
.agendas-list.convocatorias .agenda .info h3 {display: block; margin-bottom: 2px;}
.agendas-list.convocatorias .agenda .info h3,
.agendas-list.convocatorias .agenda .info h4,
.agendas-list.convocatorias .agenda .info .date {font-size: 18px; font-weight: 300; color: #fff; margin: 0; padding: 0; line-height: 1.2;}
.agendas-list.convocatorias .agenda .info h4 a {max-height: 40px; overflow: hidden; display: inline-block; font-weight: 500; color: #fff; margin-bottom: 5px;}
.agendas-list.convocatorias .agenda .info .date {margin: 2px 0 10px 0;}
.agendas-list.convocatorias .agenda .img-content {position: relative;}
.agendas-list.convocatorias .agenda .img-content::after {
  border-top: 1px solid #000;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -10px;
}
.agendas-list.convocatorias .agenda:first-child .img-content::after {border: none;}
.convocatorias .agenda .img-content::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../img/trama-img.png") 0 0 repeat transparent;
}
.agendas-list.convocatorias .agenda .img-content small,
.agendas-list.convocatorias .agenda .img-content p {bottom: 5px; left: 5px;}

.convocatorias.detalle .agenda {position: relative;}
.convocatorias.detalle .agenda .info h3,
.convocatorias.detalle .agenda .info .date {font-size: 18px;}
.convocatorias.detalle .agenda .info h3 {margin: 0;}
.convocatorias.detalle .agenda .info h4 {margin: 0; max-height: 50px; overflow: hidden; display: block;}
.convocatorias.detalle .agenda .info .date {margin: 0;}
.convocatorias.detalle .agenda .text-content a {text-decoration: none;}
.convocatorias.detalle .agenda .text-content a:hover,
.convocatorias.detalle .agenda .text-content a:focus {text-decoration: underline;}
.convocatorias.detalle .agenda .text-content p,
.convocatorias.detalle .agenda .text-content ul,
.convocatorias.detalle .agenda .text-content ol {font-size: 18px; padding: 0 12px;}
.convocatorias.detalle .agenda .text-content ul,
.convocatorias.detalle .agenda .text-content ol {margin-left: 15px;}
.convocatorias.detalle .agenda .text-content ol li {list-style-position: outside; list-style-type: decimal;}
.convocatorias.detalle .agenda .text-content ul li {list-style-position: outside; list-style-type: disc;}
.convocatorias.detalle .agenda .text-content ul > li > ul > li {list-style-type: circle;}
.convocatorias.detalle .agenda .text-content .subapdo {margin-top: -1px;}
.convocatorias.detalle .agenda .text-content .subapdo .title {position: relative; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 6px 12px 10px 12px;}
.convocatorias.detalle .agenda .text-content .subapdo .title .open-group {position: absolute; right: 15px; top: 5px;}
.convocatorias.detalle .agenda .img-content {position: relative;}

.agendas-list.convocatorias.historico .agenda .text-content {font-size: 18px;}

.container.registro.convocatoria h2 {border-top: none; border-bottom: 1px solid #000; font-size: 38px;}
.container.registro.convocatoria h2 + p {line-height: 1.08;}
.container.registro.convocatoria textarea {height: 120px;}
.container.registro.convocatoria .form-section .title-container {position: relative;}
.container.registro.convocatoria .form-section .title-container h3 {font-size: 30px; font-weight: 300; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 4px 9px; margin: 20px 0;}
.container.registro.convocatoria .form-section .title-container .open-group {position: absolute; top: 8px; right: 10px;}
.container.registro.convocatoria fieldset.accept {margin: 25px 0 0 0;}
.files {margin-bottom: 30px; position: relative;}
.files > label {margin: 0;}
.files > label span.small{font-size: 15px; font-weight: normal;}
.fileUpload {
    position: absolute;
    right: 25px;
    top: 30px;
    overflow: visible;
    margin: 0;
    padding: 6px 20px;
    display: inline;
    cursor: pointer;
}
.files > span {color: #999; display: block; float: left; width: 140px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.fileUpload label.error {position: absolute; left: 0; bottom: -28px; width: 120%;}
.fileUpload input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 18px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.front.publi .filter {font-size: 18px; margin: 0 9px; padding: 20px 0 9px 0;}
.front.publi.expos .filter,
.front.publi.expos .filter .pills {border: none;}
.front.publi.detalleExpo .filter .pills {margin: 0; padding-bottom: 4px;}
.front.publi.agendas .filter {border-top: none;}
.front.publi .filter .pills {/*border-bottom: 1px solid #000;*/ padding-bottom: 10px;}
.front.publi.convocatorias .filter .pills {padding: 0;}

.search-years {margin: 20px 0 5px 0; position: relative; padding: 5px 10px 10px 10px;}
.search-years input[type="text"] {padding: 10px 35px 2px 5px; border-bottom: 1px solid #000; border-top: none; border-left: none; border-right: none; width: 100%; margin: 0; font-size: 18px;}
.search-years input[type="text"]:focus {outline: none;}
.search-years input[type="text"]::-webkit-input-placeholder {color: #000; text-overflow: ellipsis;}
.search-years input[type="text"]:-moz-placeholder {color: #000; opacity: 1; text-overflow: ellipsis;}
.search-years input[type="text"]::-moz-placeholder {color: #000; opacity: 1;}
.search-years input[type="text"]:-ms-input-placeholder {color: #000;}
.front.publi .filter .pills a.disabled {cursor: default; pointer-events: none;}
.front.publi .filter .back {float: right;}

.publicaciones.detalle {max-width: 780px; margin-left: auto; margin-right: auto;}
.publicaciones.convocatorias.detalle {max-width: none; padding: 10px 0 0 0;}
.publicaciones.detalle article {margin-bottom: 40px;}
.publicaciones.detalle article header {border-top: 1px solid #000;}
.publicaciones.detalle article header.convocatorias{border:none;}
.publicaciones.detalle h4 {font-size: 30px; font-size: 3rem; margin: 0;}
.publicaciones.detalle,
.publicaciones.detalle h3 {font-size: 18px; font-size: 1.8rem; font-weight: 300;}
.publicaciones.detalle h3 {margin: 4px 0 2px;}
.publicaciones.detalle h5 {font-size: 18px; font-size: 1.8rem; margin: 0;}
.publicaciones.detalle .carousel-inner {height: 460px; margin-bottom: 20px;}
.publicaciones.detalle .ficha {padding: 0 10px;}
.publicaciones.detalle .ficha dl dd {padding: 0; margin: 0 0 20px; font-weight: 500;}
.publicaciones.detalle .ficha + .btn {margin-right: 20px;}
.publicaciones.detalle .ficha + .btn + p {display: inline-block;}
.publicaciones.detalle p a {text-decoration: underline;}
.publicaciones.detalle p a:hover,
.publicaciones.detalle p a:focus {font-weight: 500;}

.publicaciones.prensa .list {margin-bottom: 20px;}
.publicaciones.prensa ul.list > li > div > .date > span:first-child {min-height: auto; max-height: none;}
.publicaciones.prensa ul.list > li .date {margin-bottom: 20px;}
.publicaciones.prensa ul.list > li .desc {padding-bottom: 0; width: auto;}
.publicaciones.prensa ul.list > li .desc .description {margin-bottom: 0;}
.publicaciones.prensa .select-results {padding: 0 9px; margin-bottom: 20px;}
.publicaciones.prensa .select-results form label {display: inline; margin-right: 10px;}
.publicaciones.prensa.detalle article h4 {font-size: 30px; font-weight: 300; margin-bottom: 15px;}
.publicaciones.prensa.detalle article h3 {margin-bottom: 20px;}
.publicaciones.prensa ul.list > li .desc > a {display: block; margin-bottom: 10px;}

.publicaciones.prensa.portada {min-height: 500px;}
.publicaciones.prensa.portada .list,
.agendas-list .agenda {display: none;}
.publicaciones.prensa.portada .list.active,
.agendas-list .agenda.active,
.agendas-list.convocatorias .agenda {display: block;}

.exposiciones > .row > div {display: none;}
.exposiciones > .row > div.active {display: block;}
.exposiciones article.col-xs-12 {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000;}
.exposiciones article.col-xs-12:last-child {border-bottom: none;}
.exposiciones article.col-xs-12 header h3 {display: none;}
.exposiciones article.col-xs-12 header h4 {font-size: 38px; margin: 0 0 20px 0; line-height: 1.1;}
.exposiciones article.col-xs-12 header .date, .exposiciones article.col-xs-12 header .dates{font-size: 18px; margin: 0;}
.exposiciones article.col-xs-12 header .dates * {display: inline-block;}
.exposiciones article.col-xs-12 header .dates .hours{padding-left: 5px;}
.exposiciones article.col-xs-12 header .place {font-size: 18px; margin: 0 0 20px 0;}
.exposiciones p {font-size: 18px;}
.expoDetails {margin: 30px 0 0 0;}
.expoDetails p {margin: 0;}
.detalleExpo .social.social-side {float: none;}
.front.publi.buscadorExpo .filter .pills {border-bottom: 1px solid #000;}
.detalleExpo .video{
    width: 100%;
    /*height: 430px;
    margin-bottom:30px;*/
}
.detalleExpo .video iframe{width:100%!important;height:100%!important;}

.publi-related {border-top: 1px solid #000; margin-bottom: 30px;}
.publi-related h4 {font-size: 18px; margin: 9px 0;}
.publi-related img {width: 100%; max-width: 200px; margin-bottom: 9px;}
.publi-related p {margin: 6px 9px;}
.publi-related .btn-transp {margin-bottom: 9px; margin-left: 9px;}

.col-md-4 .publi-related {margin-bottom: 10px;padding-left:10px;}
.col-md-4  .publi-related:first-child{padding-left:0px;}

.files-related {margin: 20px 0 0 0 !important;}
.files-related li {margin-bottom: 10px; font-size: 18px; list-style: none !important;}
.files-related li:last-child {margin: 0;}
.files-related a,
.box-newsletter .files-related a {display: block; text-decoration: none !important;}
.files-related,
.box-newsletter .files-related{min-height: 72px;}
.files-related a:hover,
.files-related a:focus,
.files-related a:active {text-decoration: underline !important; font-weight: 300 !important;}

a.pdf,
a.zip,
a.img,
a.word,
a.excel {display:inline-block;text-decoration: none; padding: 15px 10px 15px 45px; background-size: 34px 45px; background-position: 0 center; background-repeat: no-repeat;}

a.pdf {background-image: url('../img/ico_svg/ico-pdf.svg');}
a.zip {background-image: url('../img/ico_svg/ico-zip.svg');}
a.img {background-image: url('../img/ico_svg/ico-img.svg');}
a.word {background-image: url('../img/ico_svg/ico-word.svg');}
a.excel {background-image: url('../img/ico_svg/ico-excel.svg');}

.lt-ie9 a.pdf {background-image: url('../img/ico/ico-pdf.png');}
.lt-ie9 a.zip {background-image: url('../img/ico/ico-zip.png');}
.lt-ie9 a.img {background-image: url('../img/ico/ico-img.png');}
.lt-ie9 a.word {background-image: url('../img/ico/ico-word.png');}
.lt-ie9 a.excel {background-image: url('../img/ico/ico-excel.png');}

a.pdf:hover,
a.pdf:focus,
a.zip:hover,
a.zip:focus {text-decoration: underline;}

.publi .front-inner h2 {border-bottom: 1px solid #000; margin-bottom: 12px;}
.publi.prensa .front-inner p {margin-left: 9px; margin-right: 9px; font-size: 18px;}
.publi.prensa .front-inner p a {text-decoration: underline;}
.front.publi.prensa .filter {margin-top: 12px;}
.front.search .front-inner h3,
.front.search .front-inner h4,
.front.search .front-inner .filter .pills,
.search-result .event,
.front.calendario .front-inner h2,
.front.calendario .front-inner h3,
.front.calendario .front-inner h4,
.front.calendario .front-inner .filter .pills,
.pagination ul {max-width: 780px; margin: 0 auto;}
.front.search .front-inner .filter .pills,
.front.calendario .front-inner .filter .pills {padding: 0 9px;}
.front.search .front-inner h3,
.front.publi .filter h4 {font-size: 22px; font-weight: 300; margin-top: 110px; margin-bottom: 0; padding: 0 9px;}
.front.publi .filter h4 {font-size: 18px; margin-top: 20px; padding-right: 30px;}
.front.publi .filter .info-buscador {position: relative; border-bottom: 1px solid #000;}
.front.publi .filter .info-buscador .all-publi {position: absolute; top: 3px; right: 0;}
.front.search .front-inner h4,
.front.publi .filter h5 {font-size: 40px; margin-top: 0; margin-bottom: 10px; line-height: 1; padding: 0 9px;}
.front.search .front-inner .filter,
.front.calendario .front-inner .filter-info {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10px 0 0 0;}
.search-result .event .schedule .info > span.open-group {display: none;}
.search-result div.event .schedule .info > span:first-child {font-size: 30px; font-weight: 300;}
.search-result .schedule .info-gral p.description {margin-bottom: 0;}
#search-results-list {padding-top: 30px; padding-bottom: 9px;}

/* calendario */
.front.calendario .front-inner .filter-info {margin-top: 8px; padding-top: 15px; padding-bottom: 12px;}
.front.calendario .front-inner h2 {font-size: 36px; padding: 0 9px; margin-bottom: 28px; line-height: 1; margin-top: 110px;}
.front.calendario .front-inner h3 {font-weight: 300; margin-bottom: 2px;}
.front.calendario .front-inner h3,
.front.calendario .front-inner h4 {font-size: 24px; line-height: 1; padding: 0 9px;}
.search-result.calendario p.description {display: none;}
.pagination {margin: 20px 0; padding: 10px 0; height: 68px; border-top: 1px solid #000;}
.pagination ul {padding: 0 12em; text-align: center; position: relative;}
.pagination li {list-style: none; display: inline-block; margin: 0 10px; width: 25px;}
.pagination li:first-child {width: 12em; text-align: left; position: absolute; left: 0;}
.pagination li:last-child {width: 12em; text-align: right; position: absolute; right: 0;}
.pagination li a,
.pagination li a:hover,
.pagination li a:focus {text-decoration: none; font-size: 30px;}
.pagination li a:hover,
.pagination li a:focus,
.pagination li a.active {font-weight: 500;}
.pagination li a.active,
.pagination li a.inactive {cursor: default; pointer-events: none;}
.pagination li a.inactive {display: none;}
.search-result.calendario .item-calendar {margin-top: -1px;}
.search-result.calendario .item-calendar .info {padding: 10px 15px; border-top: 1px solid #000;}
.search-result.calendario .item-calendar .info .day {font-size: 18px;}
.search-result.calendario .item-calendar .info > span.open-group {display: inline-block; position: absolute; top: 3px; right: 9px;}

.box .img-content img,
.box-special .img-content img,
.box-newsletter .img-content img {width: 100%; height: auto;}
.box .img-content small,
.box .img-content p {margin: 0; z-index: 99; text-shadow: 0 1px 1px rgba(0, 0, 0, 1); color: #fff; bottom: 4px; left: 6px; color: #fff; position: absolute; font-size: 10px;}
.box-special .info,
.box-newsletter .info {border-top: 1px solid #000;}

.box-recursos.menu ul li {border-top: 1px solid #000; padding: 10px;}
.box-recursos.menu ul li:last-child {border-bottom: 1px solid #000;}
.box-recursos.menu ul li a {text-decoration: none;}
.box-recursos.menu ul li a:hover,
.box-recursos.menu ul li a:focus {text-decoration: underline;}

.box-recursos.aviso {padding-top: 10px; border-top: 1px solid #000;}
.box-recursos.aviso .info {background-color: #ccffcc; padding: 10px; border: none;}
.box-recursos.aviso .info p {margin: 0;}
.box-recursos.aviso .info a {text-decoration: underline;}
.box-recursos.aviso .info a:hover,
.box-recursos.aviso .info a:focus {font-weight: 500;}
.box-special .img-content:before { background: rgba(0, 0, 0, 0.4); }
.box-special h2,
.box-newsletter h2 { font-size: 40px; margin: 0 0 5px 0; line-height: .9; }
.box-recursos h2 { font-size: 30px; margin: 9px 0 25px 0; line-height: 1.1; font-weight: 300;}
.box-recursos .info ul li {margin-bottom: 4px;}
.box-recursos .info > ul + a {font-weight: 500;}
.box-recursos .info > ul + a.btn {font-weight: 300;}
.box-recursos.catalogo img {width: 205px; margin-top: 10px;}
.box-recursos.catalogo h2 {font-weight: 500; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); position: absolute; top: 8px; left: 18px; width: 205px;}
.box-recursos.catalogo h3 {font-size: 18px; margin: 5px 0 0 0;}
.box-recursos.catalogo ul > li {margin-bottom: 0;}
.box-recursos.catalogo ul > li a {text-decoration: underline;}
.box-recursos.catalogo ul > li:last-child {margin-bottom: 15px;}
.box-recursos.catalogo .info > a.btn {margin-bottom: 10px;}
.box-recursos.catalogo .info > a {font-weight: 500; text-decoration: none;}
.box-recursos.catalogo .info > a:hover,
.box-recursos.catalogo .info > a:focus {text-decoration: underline;}

.box-special .info p a {text-decoration: underline;}
.box-special .info p a:hover,
.box-special .info p a:focus {text-decoration: none;}
.box-special .date {font-size: 18px; font-weight: 500; margin: 0 0 7px 0;}
.box-special .info > p {font-size: 18px; line-height: 1.3; margin: 0;}
.box-special .btn { margin: 0; font-size: 18px; }
.box-special .more-info { color: #fff; }
.box-special .more-info p { margin: 0; font-size: 14px; }
.box-special .more-info strong { font-size: 15px; }
.box-special .more-info a { color: #fff; text-decoration: underline; }

.box-newsletter p {margin: 0;}
.box-newsletter h2 { /*margin-bottom: 30px;*/ }
.box-newsletter form input {font-size: 18px; padding: 5px 6px 4px; margin: 0 0 5px 0; width: 253px; width: calc(100% - 102px); }
.box-newsletter form input + .btn {margin-top: -5px; width: 96px;}
.box-newsletter .info > a {font-size: 18px;}
.box-newsletter .info .small-print { margin:5px 0; font-size: 10px;}
.box-newsletter a { text-decoration: underline; }
#sign-news {position: relative;}
#sign-news #sign-newsletter {position: absolute; right: 0; top: 5px;}
#sign-news #sign-newsletter {position: relative; left: 0; top: 5px;}
#sign-news .error + #sign-newsletter {top: 0;}
#sign-news #newsletter {padding-right: 26px;}

.error404 h2 { position: relative; font-size: 30px; }
.error404 h2:before { position: absolute; bottom: 11px; content: ''; background: #00e600; height: 11px; width: 80%; z-index: -1; }
.error404 .subtitle { font-size: 20px; }

/*Sign Form*/
.modal-open-sign { padding-right: 0 !important; overflow: visible !important; }
.modal-open-sign .header { z-index: 1042; }
.modal-open-sign .front { z-index: 1041; }
.modal-open-sign #signFormContent { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); }
.modal-open-sign .signModal { padding-right: 0 !important; }
.sign-backdrop { max-width: 1680px; margin: 0 auto; }
.signModal { position: absolute; bottom: auto; max-width: 1680px; margin: 0 auto; padding: 34px 0; background: #fff; z-index: 1041; }
.forgettedpass {top: 55px;}
.forgettedpass .modal-dialog {margin: 0 auto;}
#forgettedpassword .modal-dialog fieldset {margin-top: 10px;}

.shareModal { top: 32px; }
.shareModal .modal-dialog { margin: 0 auto; }
.shareModal textarea {width: 100%; height: 100px;}

.initModal {top: 55px;}
.initModal .modal-dialog {margin: 0 auto;}
.initModal .img-content {display: inline-block; position: relative; width: 280px; margin: -15px 0 -15px -15px; overflow: hidden; vertical-align: top;}
.initModal .img-content:before {content: ''; position: absolute; top: 0; bottom: 0; left: 7px; border-right: 12px solid #00ff00;}
.initModal .modal-body-content {display: inline-block; width: 485px; padding: 0 15px 0 30px;}
.initModal .modal-body {background: #fff; font-size: 18px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.initModal .modal-body .ico-close,
.initModal .modal-body .ico-close-white {position: absolute; right: 10px; top: 10px; font-size: 26px; padding: 4px; cursor: pointer;}

#initModal {padding: 0 !important; top: 0; width: 100%; height: 100%;}
#initModal .modal-body .ico-close-white {right: 5px; top: 0;}
#initModal .modal-dialog {width: 100%; height: 100%;}
#initModal {
  background: url("../img/trama1.png") 0 0 repeat transparent;
  color: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0); height: 100%}
#initModal .modal-content {background: none; box-shadow: none;}
#initModal .modal-body {background-color: transparent; color: #fff; border: none; padding-top: 30px; padding-left: 10px; padding-right: 10px;}
#initModal .modal-body h1 {font-size: 28px; font-weight: 500; line-height: 1; margin: 0;}
#initModal .modal-body h2 {font-size: 38px; line-height: 1; margin: 0 0 30px 0; border-top: 1px solid #000; padding: 4px 28px 0 0;}
#initModal .modal-body h1,
#initModal .modal-body h2 + p,
#initModal .modal-body label {display: none;}
#initModal .modal-body label {margin-right: 20px;}
#initModal .modal-body input {max-width: 440px; background: transparent; border: 1px solid #fff; color: #fff;}
#initModal .modal-body .btn-transp {background-color: transparent; color: #fff; border-color: #fff;}
#initModal .modal-body .btn-transp:hover,
#initModal .modal-body .btn-transp:active,
#initModal .modal-body .btn-transp:focus {color: #fff; background: rgba(0, 0, 0, 1);}
#initModal .modal-body form {width: 100%;}
.initModal .modal-body form {margin-bottom: 15px;}
.initModal .modal-body label {margin-bottom: 10px; margin-bottom: 10px;}
.initModal .modal-body input {margin-bottom: 8px; width: 100%;}
.initModal form .btn-transp {margin-bottom: 20px;}

#initModal .modal-body .btn-transp {margin: 5px 30px 0 0;}
#initModal #nonewsletter {display: inline;}
#initModal #nonewsletter:hover,
#initModal #nonewsletter:focus,
#initModal #nonewsletter:active {background-color: #000;}
#initModal form .btn-link {display: block; padding: 8px 0; color: #fff; font-weight: 300; text-decoration: underline;}
#initModal .modal-body p:last-child {font-size: 10px; margin: 0; padding-bottom: 10px;}
#initModal .modal-body p:last-child a {text-decoration: underline; color: #fff;}

#newsletterModal .checkbox {margin-bottom: 0;}
#newsletterModal .modal-body label {margin-bottom: 5px;}
#newsletterModal .btn-link {padding: 20px 0;}
#newsletterModal .btn + .btn {margin: 0; width: 100%;}
#newsletterModal fieldset:first-child {margin-top: 20px;}
#newsletterModal fieldset:first-child legend {margin-bottom: 0;}
#newsletterModal h1 {font-size: 30px; line-height: 1.2;}

#sharecancel {margin: 0; padding-left: 0;}
#configNewsletter fieldset {margin-bottom: 30px;}
#forgettedpassword form #email-recupera {margin-bottom: 30px;}

#condiciones-devolucion h1,
#condiciones-devolucion p,
#informacion-inscripciones h1,
#terminos-condiciones h1 {margin: 0 0 10px 0;}
#condiciones-devolucion ul,
#informacion-inscripciones ul {margin: 0 0 10px 20px;}
#condiciones-devolucion ul li,
#informacion-inscripciones ul li {list-style: disc; margin-bottom: 5px;}
#informacion-inscripciones p {margin: 0 0 20px 0;}
#informacion-inscripciones h2 {margin: 0;}

.cookies-msg {
    background: url("../img/trama1.png") 0 0 repeat rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1060;
    font-size: 18px;
}
.cookies-msg p {margin: 15px 0; padding-right: 20px;}
.cookies-msg p > a {color: #fff; text-decoration: underline; padding: 0 5px;}
.cookies-msg p > a:focus, .cookies-msg p > a:hover, .cookies-msg p > a:active {background-color: #fff; text-decoration: none; color: #000;}
.cookies-msg .ico-close-white {position: absolute; top: 0; right: 10px; cursor: pointer;}

.type .front-content .area {font-weight: 500;}
.clean + .type .front-content .area {color: #000; text-shadow: none;}
.front.course.type {margin-bottom: 20px;}
.related .box p.description {padding: 6px; margin: 0; font-size: 18px;}
.related p:first-child {font-size: 40px; font-weight: 500; line-height: 1; padding: 8px 15px 15px 4px; margin: 0;}

/* video en contenido */
.event-detail iframe {width: 100%;}
.event-detail .video .front-img {height: auto; padding: 0; background: none;}
.event-detail .video {margin-bottom: 20px;}
/*.event-detail .front-img .ico-play-container .ico-play {
    margin-top: -65px;
    margin-left: -65px;
}*/

@media only screen and (min-width: 480px) {
    .agendas-list .agenda .info img,
    .agendas-list .agenda .files-related {width: 50%;}
    .agendas-list.convocatorias .agenda .info img {width: 100%;}
    .files > span {width: 200px;}
    .exposiciones .carousel-img, .exposiciones .front-img {height: 250px;}
}

@media only screen and (min-width: 600px) {
    .exposiciones .carousel-img, .exposiciones .front-img {height: 318px;}
}
@media only screen and (max-width: 768px) {

  .carousel-caption{height:100%;}
  #carousel-main .carousel-caption h3 a,
  #carousel-main .carousel-caption h2,
  #carousel-main .carousel-caption .date{
  text-shadow: 0 1px 1px rgba(0,0,0,1)!important;
  color:#ffffff!important;
  }
}
  

@media only screen and (min-width: 768px) {
  .video .front-img {padding-top: 105px; height: 528px;}
  .carousel + .front-content .front-main {max-width: 840px; margin: 0 auto;}
  #initModal .modal-body h1,
  #initModal .modal-body h2 + p {display: block;}
  #initModal .modal-body h2 {display: none;}
  #initModal .modal-body h1 { font-size: 80px; margin-bottom: 40px; }
  #initModal .modal-body h2 + p {font-size: 30px; line-height: 1.08; margin: 0 0 15px 0;}
  #initModal .modal-body .ico-close-white::before {height: 62px; width: 62px; background-image: url(../img/ico_svg/ico-close-white-62x62.svg);}
  #initModal .modal-body .ico-close-white {top: 10px;}
  #initModal .modal-body {padding-left: 10px; padding-right: 10px;}
  #initModal .modal-body input {padding: 9px 32px 9px 12px; max-width: 642px;}
  #initModal .modal-body .btn-transp {padding: 12px;}
  #initModal .modal-body p:last-child {font-size: 18px;}
  .cookies-msg p {margin: 20px;}
  .cookies-msg .ico-close-white {top: 10px;}
  .carousel-caption h2,
  .front-content .area,
  .group .front-content .area,
  .carousel + .front-content .area {font-size: 30px;}
  .group .front-content .area,
  .carousel + .front-content .area {margin-top: 20px;}
  .group.course .front-content .area {margin-top: 20px;}
  .group.course.type .front-content .area {margin-top: 11px;}
  .grid .box:last-child .info {border-bottom: none;}
  .box-newsletter h2,
  .front-content .title,
  .type .front-content .area,
  .related p:first-child,
  .carousel-caption h3 {font-size: 75px;}

  .video .front-content .title {font-size: 30px;}
  .video .front-main {background: transparent url("../img/trama1.png") repeat scroll 0 0;}

  .type .front-content .area {margin-top: 11px;}
  .box-special h2, .box-newsletter h2 {font-size: 56px;}
  .box-newsletter h2 {margin-bottom: 8px;}
  .container {width: 100%; max-width: 840px;}
  .main.container {padding-left: 40px; padding-right: 40px;}
  .main.container.home {padding-left: 10px; padding-right: 10px; margin-bottom: 10px;}
  #carousel-main .carousel-caption { top: 125px; background: none; }
  #carousel-main .carousel-caption h3,
  .front-content .title,
  .front-content .area {max-height: 405px;}
  .video .front-content .title {max-height: 130px;}

  .no-image .front-content .title {max-height: none;}
  .front-content .area {margin-top: 11px; font-size: 30px;}
  #carousel-main .carousel-caption .date,
  .front-main .date { font-size: 30px; }
  #carousel-main .carousel-img,
  .front-img { height: 620px; }
  .exposiciones .carousel-img, .exposiciones .front-img {height: 412px;}
  .box .info .compra {left: 6px;}
  .box.box-noimage .info .compra {bottom: 0; z-index: 999;}
  .box-newsletter {display: block;}
  .box .info,
  .box-newsletter .info {
    min-height: 215px;
    position: relative;
  }
  .related .box .info {
    min-height: 199px;
  }
  .box.box-noimage .info,
  .box-special .info {min-height: 200px;  position: relative;}
  .box-special .info {padding: 2px 6px 0;}
  .box-special .btn {margin: 0 0 2px 0;}
  .box .info h4 {font-size: 30px; max-height: 92px; overflow-y: hidden;}
  .box .info p.date { overflow:hidden; white-space:nowrap; text-overflow: ellipsis; height: 20px; }
  .box .info header {width: 100%;}
  .box .compra {opacity: 0;}
  .box .info:hover .compra {opacity: 1;}
  .box .img-content small {left: 6px;}

  /* Evento sin imagen */
  .box-noimage .info header {
      padding: 0 10px;
      position: relative;
      top: auto;
      width: 100%;
      z-index: 99;
  }
  .box.box-2x .img-content img {height: 432px; width: auto;}
  .related .box-noimage .info header {min-height: 188px;}
  .related .box.box-noimage .info .compra {bottom: 5px;}
  .related .box .info h4 {max-height: 116px;}
  .related .box-noimage .info h4 {max-height: 92px;}
  .area-description {padding-left: 40px; padding-right: 40px;}
  .related .box p.description,
  .publicaciones .box p.description {line-height: 1.2; overflow: hidden; margin: 2px 0 0 0;}
  .related .box p.description {height: 92px;}
  .publicaciones .box p.description {height: 86px;}
  .publicaciones .box .info h4 {line-height: 1; min-height: 60px; max-height: none;}
  .publicaciones .box.box-2x .info .img-content {height: auto;}
  .front.publi.expos .front-inner {border-bottom: 1px solid #000;}
  .front.publi.expos.buscadorExpo .front-inner {border-bottom: none;}
  .exposiciones article.col-xs-12 header h4 {font-size: 75px;}
  .exposiciones article.col-xs-12 header .date,
  .expoDetails p {font-size: 30px; line-height: 1.2; margin: 0;}
  .exposiciones article.col-xs-12 header .place {font-size: 30px; margin: 0 0 20px 0;}

  .box-newsletter p {font-size: 16px; line-height: 1;}
  .initModal .modal-body .ico-close {top: 15px;}
  .img-cover .ico-play:before {width: 130px; height: 130px;}
  .img-cover .ico-play {margin-top: -65px; margin-left: -65px;}
  .area-description p:first-child {font-size: 24px; line-height: 1.2;}

  .front.search .front-inner h3 {font-size: 30px; margin-top: 130px;}
  .front.publi .filter h4 {font-size: 18px; margin-top: 20px;}
  .front.search .front-inner h4 {font-size: 75px;}
  .front.publi .filter h5 {font-size: 38px;}

  .front.calendario .front-inner h2 {font-size: 70px; margin-top: 140px;}
  .front.calendario .front-inner h3,
  .front.calendario .front-inner h4 {font-size: 30px;}

  .convocatorias.detalle h3 {font-size: 30px; font-size: 3rem;}

  .agendas-list.convocatorias .agenda.open .info,
  .convocatorias.detalle .agenda .info {padding: 20px;}
  .agendas-list.convocatorias .agenda.open .info h3,
  .convocatorias.detalle .agenda .info h3 {margin-bottom: 5px;}
  .agendas-list.convocatorias .agenda.open .info h4,
  .convocatorias.detalle .agenda .info h4 {line-height: 1;}
  .convocatorias.detalle .agenda .info h4 {max-height: 230px;}
  .agendas-list.convocatorias .agenda.open .info h4 a {max-height: 160px; font-size: 75px; margin: 0;}
  .agendas-list.convocatorias .agenda .info {padding: 10px;}
  .agendas-list.convocatorias .agenda .info h4 a {margin-bottom: 0;}
  .agendas-list.convocatorias .agenda .info:hover,
  .agendas-list.convocatorias .agenda .info:focus {background: none;}
  .agendas-list .agenda .info:hover,
  .agendas-list .agenda .info.hover-effect,
  .agendas-list .agenda .info:focus {background: url("../img/trama-lce.png") 0 0 repeat transparent;}
  .agendas-list .agenda:first-child .info:hover,
  .agendas-list .agenda:first-child .info.hover-effect,
  .agendas-list .agenda:first-child .info:focus {background: none;}

  .agendas-list.convocatorias .agenda.open .info h3,
  .agendas-list.convocatorias .agenda.open .info h4,
  .agendas-list.convocatorias .agenda.open .info .date {font-size: 30px;}

  .agendas-list.convocatorias .agenda .info h4 a {max-height: 78px;}

  .agendas-list .agenda .info img,
  .agendas-list .agenda .files-related {width: 80%;}

  .convocatorias.detalle .agenda .info h3,
  .convocatorias.detalle .agenda .info .date {font-size: 30px;}
  .convocatorias.detalle .agenda .text-content > div.entradilla p {font-size: 30px; line-height: 1.2;}
  .convocatorias.detalle .agenda .text-content .subapdo .title .open-group {top: 12px;}
  .container.registro.convocatoria h2 {font-size: 75px;}
  .container.registro.convocatoria h2 + p {font-size: 30px;}

  .agendas-list.convocatorias.historico .agenda:first-child .text-content,
  .agendas-list.convocatorias.historico .agenda:first-child .info h3,
  .agendas-list.convocatorias.historico .agenda:first-child .info .date {font-size: 30px;}
  .agendas-list.convocatorias.historico .agenda:first-child .info h4 a {font-size: 75px;}

  .files {margin-bottom: 10px;}
  .fileUpload {top: 10px;}

  #newsletterModal h1 {margin: 0;}

}

@media only screen and (min-width: 900px) {
  .video .front-img {height: 100%;}
  .exposiciones .carousel-img, .exposiciones .front-img {height: 462px;}
}

@media only screen and (min-width: 1024px) {
  .video .front-content .title {font-size: 75px; max-height: none;}
  .video .front-main {background: none;}
  .video .front-img {height: 100%;}
  .main.container.home {margin-bottom: 10px;}
  .carousel + .front-content {max-width: 1024px; margin: 0 auto;}
  .carousel + .front-content .front-main {max-width: none; margin: 0;}
  .front-img iframe {opacity: .5;}
  .front-img .ico-play-container,
  #video-home .ico-play-container {display: block;}
  .video .front-img {padding: 0;}
  .event-detail .video .front-img {
    background-color: rgba(0,0,0,.5);
    background-image: url(../img/trama1.png);
  }
  .area-description {padding-left: 5px; padding-right: 5px;}
  .social.social-side + .box-newsletter .info,
  .container.group.type .box-newsletter .info {border-top: none;}
  .container {max-width: 1024px;}
  .main.container {padding-left: 9px; padding-right: 9px;}
  #carousel-main .carousel-caption h3,
  .front-content .title,
  .group.course.type .front-content .area,
  .group.type .front-content .area {margin-top: 0;}
  #carousel-main .carousel-caption {top: 140px; padding: 15px;}
  #carousel-main .carousel-caption h2,
  #carousel-main .carousel-caption h3 {max-width: 60%;}
  .front-content .area {margin-top: -5px; font-size: 40px;}
  #carousel-main .carousel-img,
  .front-img {height: 612px;}
  .exposiciones .carousel-img, .exposiciones .front-img {height: 550px;}
  .group.type .front-content .area {max-width: none;}
  .group .front-content .area,
  .group.course .front-content .area,
  .carousel + .front-content .area {margin-top: 7px;}
  .front.course.type {margin-bottom: 0;}
  .front.course.type + .cat-menu  {margin-bottom: 20px;}
  .error404 { padding-left: 198px; }
  .error404 h2 { position: relative; font-size: 45px; }
  .error404 h2:before { bottom: 17px; width: 80%; }
  .error404 .subtitle { font-size: 30px; }
  .box,
  .box-special,
  .box-newsletter,
  .box-recursos {margin-bottom: 12px;}
  .box-special .info,
  .box-newsletter .info,
  .box.box-noimage .info,
  .box .info {min-height: 192px;}
  .box .info h4 {font-size: 22px; max-height: 72px;}
  .box-noimage .info header {min-height: 172px;}
  .box.box-2x .img-content img {height: 386px;}
  .event .schedule .info,
  .col-md-4 .box-newsletter h2 {font-size: 62px; /*margin-bottom: 30px;*/}
  .box-special h2,
  .box-newsletter h2 {font-size: 50px; margin: 0 0 2px 0; line-height: .96;}
  .box-newsletter form input + .btn {margin-top: -5px;}
  .box-newsletter h2 {/*margin-bottom: 12px;*/}
  .box-special .date {font-size: 30px; margin: 0; line-height: 1.2;}
  .box-recursos .info {border-top: 1px solid #000;}
  .col-md-4 > .box-newsletter {margin-top: -1px;}
  .related .box .info .description,
  .related .box-special .info .description,
  .related .box-newsletter .info .description,
  .publicaciones .box .info .description {
    margin-top: 12px;
    margin-bottom: 0;
    line-height: 1.12;
    height: 58px;
    overflow: hidden;
  }
  .related .box-noimage .info .description,
  .publicaciones .box-noimage .info .description {height: 115px;}
  .publicaciones .box .info p.description,
  .related .box p.description {overflow: hidden; margin-bottom: 5px;}
  .publicaciones .box .info p.description {height: 82px;}
  .related .box p.description {height: 90px;}
  .related .box .info {min-height: 193px;}
  .related .box-noimage .info h4 {max-height: 88px;}

  .profile-menu { padding-right: 70px; }
  .forgettedpass .modal-dialog { width: 400px; margin: 0 auto; }
  .shareModal .modal-dialog { width: 500px; margin: 0 auto; }
  .initModal {top: 30px;}
  .initModal .modal-dialog { width: 940px; margin: 0 auto; }

  #initModal .modal-body {padding-top: 10px; padding-left: 20px; padding-right: 20px; max-width: 1024px; margin: 0 auto;}
  #initModal .modal-body .ico-close-white {top: 20px; right: 15px; padding: 0;}
  #initModal .modal-body form {margin-bottom: 25px; max-width: 764px;}
  #initModal .modal-body h1 { font-size: 108px; margin-bottom: 0; margin-left: -8px;}
  #initModal .modal-body h2,
  #initModal .modal-body .ico-close {display: none;}
  #initModal .modal-body h2,
  #initModal .modal-body p:last-child {border: none;}

  #newsletterModal .btn-link {padding: 8px 0;}
  #newsletterModal .btn + .btn {width: auto;}
  #forgettedpassword .modal-dialog fieldset {margin-top: 0;}
  #newsletterModal fieldset:first-child {margin-top:0;}
  #newsletterModal fieldset:first-child legend {margin-bottom: 0;}
  .area-description p:first-child {font-size: 30px; padding: 0;}
  .publi.prensa .front-inner p {font-size: 18px; padding: 0; margin-left: 22px; margin-right: 22px;}
  .publicaciones.prensa .list,
  .publicaciones.prensa .pagination,
  .publicaciones .no-results,
  .front.publi .filter,
  .convocatorias.detalle.noticias .agenda,
  .convocatorias.noticias.historico .agenda:first-child,
  .convocatorias.detalle.noticias .schedule {width: 750px; margin-left: auto !important; margin-right: auto !important; float: none;}
  .front.publi.convocatorias .filter {width: auto;}
  .search-years {width: 722px; margin-left: auto !important; margin-right: auto !important;}
  .publicaciones.prensa ul.list > li .date {width: 250px;}
  .publicaciones .no-results {font-size: 18px; float: none;}

  .front.search .front-inner h3 {margin-top: 170px;}
  .front.publi .filter h4 {margin-top: 20px;}
  .front.publi .filter h5 {font-size: 50px;}
  .front.calendario .front-inner h2 {font-size: 75px; margin-top: 170px; padding: 0;}

  .agendas-list.cursostalleres {width: 782px; margin: 20px auto;}
  .box-recursos.menu + .box-newsletter .info {border-top: none;}
  .container.group.type .box-newsletter .info {border-top: 1px solid #000;}

  .publicaciones.convocatorias.detalle {max-width: 1024px;}
  .agendas-list.convocatorias .agenda.open .info h4 a {max-height: 305px;}
  .agendas-list.convocatorias .agenda .info h4 a {max-height: 100px; font-size: 30px;}
  .agendas-list.convocatorias .agenda .info {width: calc(100% - 30px);}
  .agendas-list .agenda:first-child .info img,
  .agendas-list .agenda:first-child .files-related {width: 100%;}
  .agendas-list .agenda .info img,
  .agendas-list .agenda .files-related {width: 60%;}
  .front.publi.convocatorias .filter .pills {padding: 0 14px;}
}

@media only screen and (min-width: 1200px) {
  #initModal .modal-body {margin: 0 auto; max-width: 1200px; padding-top: 60px; padding-left: 25px; padding-right: 25px;}
  #initModal .modal-body form {margin-bottom: 20px;}
  #initModal .modal-body h1 {font-size: 128px; margin-bottom: 62px;}
  #initModal .modal-body h2 + p {margin-bottom: 32px;}
  #initModal .modal-body .ico-close-white {top: 12px; right: 18px;}
  #initModal .modal-body input,
  #initModal .modal-body .btn-transp,
  #initModal form .btn-link,
  #initModal .modal-body p:last-child {font-size: 30px;}
  #initModal .modal-body input {margin-bottom: 12px; max-width: 792px;}

  .container {max-width: 1186px;}
  #carousel-main .carousel-caption {top: 147px; padding: 15px;}
  #carousel-main .carousel-caption h2,
  #carousel-main .carousel-caption h3 {max-width: 67%;}
  .registration.ok .front-content .title {max-width: 100%;}
  #calendar-act {height: 153px;}

  .carousel + .front-content {max-width: 1186px; margin: 0 auto;}
  .video .front-img {height: 100%;}

  .box, .box-special, .box-newsletter, .box-recursos {margin-bottom: 14px;}
  .box .info header {padding: 8px;}
  .box-special .info,
  .box-newsletter .info,
  .box.box-noimage .info,
  .box .info {min-height: 223px;}
  .box .info h4 {font-size: 30px; max-height: 122px; margin-bottom: 4px;}
  .box-special h2,
  .box-newsletter h2, .col-md-4 .box-newsletter h2 {font-size: 75px; /*margin-bottom: 30px;*/}
  .box-newsletter h2 {margin-left: -6px;}
  .box-special .btn { margin: 0 10px 0 0; float: left; }
  .box-special .info > p {margin: -8px 0 0 0;}
  .box .img-content small {left: 8px; bottom: 6px;}
  .box .info .compra {bottom: 22px;}
  .box.box-2x .img-content img {height: 448px;}
  .publicaciones .box.box-2x .img-content img {height: 489px;}
  .related .box-noimage .info h4 {max-height: 122px;}

  #carousel-main .carousel-img,
  .front-img { height: 637px;}
  .exposiciones .carousel-img, .exposiciones .front-img {height: 649px;}
  .publicaciones.prensa .list,
  .publicaciones.prensa .pagination,
  .publicaciones .no-results,
  .front.publi .filter,
  .convocatorias.detalle.noticias .agenda,
  .convocatorias.noticias.historico .agenda:first-child,
  .convocatorias.detalle.noticias .schedule {width: 880px;}
  .search-years {width: 852px;}
  .publicaciones.detalle {max-width: 910px;}
  .publicaciones.convocatorias.detalle {max-width: 1186px;}
  .convocatorias.detalle .agenda .info h4 {max-height: 305px;}
  .agendas-list .agenda:first-child .info img,
  .agendas-list .agenda:first-child .files-related {width: 88%;}
}

/* Categorías */
.front {position: relative; padding: 0;}
.front.cat1 {background: url("../img/trama-cat1.png") 0 0 repeat transparent;}
.front.cat2 {background: url("../img/trama-cat2.png") 0 0 repeat transparent;}
.front.cat3 {background: url("../img/trama-cat3.png") 0 0 repeat transparent;}
.front.cat4 {background: url("../img/trama-cat4.png") 0 0 repeat transparent;}
.front.cat5 {background: url("../img/trama-lce.png") 0 0 repeat transparent;}
.front.kids {background-color: #fff; background-image: url(../img/trama-kids.png);}
.front.area {margin-bottom: 5px;}
/* End categorías */

.front-inner {position: relative; width: 100%;}
.area .front-inner .cat,
.publi .front-inner h2 {
    margin: 98px 0 5px 0;
    font-size: 40px;
    line-height: 1.08;
    font-weight: 500;
    padding: 6px 9px 4px;
    border-bottom: 1px solid #000;
}
.publi .front-inner h2 {
  color: #000; 
  text-shadow: none; 
  font-size: 38px; 
  padding: 6px 9px;
}
.front-inner .cat-title {
    position: absolute;
    bottom: 12px;
    margin: 0;
    font-size: 37px;
    font-weight: 500;
    color: #fff;
}
.front-img { position: relative; overflow: hidden; background-color: transparent; background-image: url(../img/trama1.png);}
.front-img.event { height: 190px; }
.front-img.inscripcion { height: 318px; }

.front-content { color: #fff; }
.front-content .desc { font-size: 18px; font-weight: 300; }

.front-main { position: absolute; top: 94px; left: 0; right: 0; background: transparent url("../img/trama1.png") repeat scroll 0 0; padding-bottom: 8px; padding-top: 8px;}
.no-image .front-main {margin-top: 15px; position: relative; top: auto; left: auto; right: auto; background: none; padding-top: 0;}
.course.no-image .front-main {padding-bottom: 20px;}

.front-aside { position: relative; background: #fff; color: #313131; padding: 0; margin: 0 -9px; font-size: 18px; line-height: 1.2; }
.no-image .front-aside {margin-bottom: 0;}
.front-aside .general {margin-bottom: 5px;}
.front-aside p,
.front-aside .date { margin: 0 0 10px 0; }
.front-aside .date.specified{ margin: 0; }
.front-aside p:last-child {margin-bottom: 0;}
.front-aside p.grouped_list{ margin-top:10px; display: inline-block; width: 100%;}
.front-aside p a { font-weight: 500; text-decoration: underline;}
.front-aside p.venta a {display: inline;}
.front-aside .date {font-weight: 500;}
.front-aside .date span {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.front-aside .dates{font-size: 30px; font-weight: 500;}
.front-aside .dates p{font-size: 18px;margin-bottom:0px;}

.front-aside .dates .unique{padding-top: 10px;font-weight: 500;font-size:18px;}
.front-aside .dates .unique:first-child{padding-top:0px;}
.front-aside .dates .unique span{ padding-right: 10px;display: inline-block;vertical-align: top;}
.front-aside .dates .unique .hours{display: inline-block;vertical-align: top;}
.front-aside .place {font-weight: 500;}
.front-aside .more { font-size: 13px; }
.front-aside .btn {margin-bottom: 15px; margin-right: 10px;}
.front-aside .ico-streaming {margin: 0 0 10px 0; display: inline-block;}


.front-aside .dates .semanal{padding-top:10px;}
.front-aside .dates .semanal:first-child{padding-top:5px;}
.front-aside .dates .semanal .unique{padding-top:0px;font-weight: 100;}

.front-aside .dates .dia_unico{padding-top:8px;}
.front-aside .dates .dia_unico:first-child{padding-top:3px;}

.front-aside .dates .unique .hours .hour{padding-top:5px;}
.front-aside .dates .unique .hours .hour:first-child{padding-top:0px;}

.front-aside .all > p.date{margin-bottom:0px;}


#turnoCurso select {font-size: 18px; font-weight: 300; margin-top: 5px; width: 100%; max-width: 280px; background-image: url(../img/ico-arrow.png);}
#turnoCurso .duration,
#turnoCurso .age,
#turnoCurso .quota,
#turnoCurso .vac,
.info-course .info-res a[data-target="#informacion-inscripciones"] {display: none;}
#turnoCurso > p > span {display: block;}

.course-details dt { float: left; color: #898989; margin-right: 3px; }
.course-details dd { margin: 0; }

.event-filter { position: relative; font-size: 18px; margin-bottom: 25px;}
.event-filter-inner  > p {margin: 0 0 4px;}
.event-filter-result {position: relative; border-top: 1px solid #000;}
.event-filter-result p { margin: 3px 0; padding-right: 40px; }
.event-filter-result .open-filter {position: absolute; right: 0; top: -3px;}
.event.filter .open-filter {position: absolute; right: 9px; top: 4px;}

/*.open-filter .ico:before,
.open-group .ico:before {width: 30px; height: 30px;}*/

.calendar-filter ul li { display: inline-block; padding: 16px 16px 22px 16px; font-size: 17px; margin-right: 12px; transition: all .3s ease; -webkit-transition: all .3s ease; }
.calendar-filter ul li.active, .calendar-filter ul li:hover { border-bottom: 6px solid #00ff00; padding-bottom: 16px; }
.calendar-filter ul li.active {font-weight: 500;}
.calendar-filter .btn-transp { border: 1px solid #313131; }
.calendar-filter a:hover { text-decoration: none; }

.pills {font-size: 18px; padding: 0;}
.pills li { display: inline-block; margin-bottom: 10px; margin-right: 2px; max-width: none;}
.pills li:last-child {margin-right: 0;}
.more-filter .pills li {margin-bottom: 0;}
.more-filter .search-years {border: none; padding: 0; margin: 0 0 20px 0;}
.more-filter .search-years button {top: 2px; right: 0;}
.pills li > span,
.pills li a { display: block; padding: 8px 10px; line-height: 100%; border: 1px solid #000; margin: 0; background: transparent; text-align: center; text-decoration: none; cursor: pointer;}
.pills li a:hover {text-decoration: none;}
.pills li a.active,
.pills li a:hover {background: #000; color: #fff; border: 1px solid #000; }
.front.portadaPubli .pills li a.active,
.front.buscadorPubli .pills li a.active,
.front.prensa.portada .pills li a.active,
.front.agendas.historico .pills li a.active,
.front.agendas.convoPortada .pills li a.active,
.front.portadaExpo .pills li a.active {cursor: default; pointer-events: none;}

.event,
.main > .row > .col-md-4 > div,
.main > .row > .col-md-4 > ul,
.grid {margin-left: -9px; margin-right: -9px;}
.main > .row > .col-md-4 > .box-newsletter .info {padding-left: 9px; padding-right: 9px;}

.event { margin-bottom: 20px; }
.event.filter {margin-bottom: 0;}
/*.event.filter.feriasC {margin-bottom: 10px;}*/
.event h3 { font-size: 18px; display: block; }
/*.event h3 i { vertical-align: top; margin-top: 2px; }*/
.event.filter h3.collapsible,
.event-filter-result h3.collapsible {cursor: pointer; position: relative; padding: 0; font-weight: 300; font-size: 18px; display: block;}
.event.filter h3.collapsible {font-size: 30px; margin: 0; padding: 10px 10px 11px 10px; border-top: 1px solid #000;}
.container.area + .container.area .event.filter h3.collapsible {border-top: 0;}
.container.area .event.filter h3.collapsible.collapsed {border-bottom: 1px solid #000;}

.container.area:first-child .event.filter h3.collapsed {border-bottom: 1px solid #000;}
.event-filter-result h3.collapsible {margin: 9px 0; font-size: 30px; font-weight: 500; line-height: 1.08;}

.event .duration { font-size: 15px; padding-bottom: 15px; border-bottom: 1px solid #000; }
.event .info-calendar { padding: 14px 0 14px 0; border-top: 1px solid #000; }
.event .info-calendar .desp { display: block; width: 100%; text-align: left; font-size: 17px; }
.event .info-calendar .desp i { float: right; vertical-align: top; margin-top: 2px; cursor: pointer; }
.event .info { padding: 0 0 19px 0; position: relative;}
.event .info h3, .event .info h4 { font-size: 23px; margin: 0; }
.event .info .desp i { vertical-align: initial; }
.event .schedule { padding: 0; margin: -1px 0 0 0;}
.event .schedule .info { font-size: 18px; font-weight: 500; line-height: 1.2; margin: 0; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 9px 46px 9px 9px; min-height: 44px;}
.container.area .schedule .info {border-bottom: none;}
.schedule.course .info {padding: 9px 46px 6px 9px; border: none;}
.group.type .schedule.course .info {border-bottom: 1px solid #000;}
.schedule.course .info {border-top: 1px solid #000;}
.group.course .schedule.course .info {border-bottom: 1px solid #000;}
.group.course.type .schedule.course .info {border-bottom: none;}
.area .schedule.course:last-child .info {border-bottom: 1px solid #000;}

.course.group .event .schedule .info > span.open-group,
.schedule.course .info > span.open-group {top: 5px;}
.event .schedule .info .group-title span {margin-top: -2px;}
.event .schedule .info span {display: block;}
.event .schedule .info > span.date {font-weight: 300;}
.event .schedule .info > span.open-group {display: inline-block; position: absolute; top: 6px; right: 9px;}
.event .schedule .info > span:first-child,
.group .event .schedule .info > .type,
.group .event .schedule .info > a,
.group .event .schedule .info > .date {display: none;}
.group .event .schedule .info > span:first-child {display: block; font-size: 30px;}

.event .schedule .info > span.cat-course,
.event .schedule.course .info > span:first-child {display: block;}

ul.list > li {font-size: 18px; line-height: 1.2; position: relative; width: 100%; transition: background .3s; margin-top: -1px;}
.search-result ul.list > li {margin-top: 0;}
.area > ul.list > li:first-child {border-top: 1px solid #000;}
ul.list > li > div {border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 9px; }
.course ul.list > li:last-child > div {border-bottom: none;}
.container.perfil ul.list > li > div {border-bottom: none;}
/*.container.area .eventosC ul.list > li:first-child > div {border-top: 1px solid #000;}*/
.group.type.course ul.list > li:last-child > div {border-bottom: none;}
.group.course.type .event .schedule {margin-bottom: 0;}
.group.course.type .event .schedule:last-child ul li:last-child > div {border-top: none;}

ul.list > li > div > div {vertical-align: top; margin-bottom: 10px;}
ul.list > li .desc > strong,
ul.list > li .desc > span,
ul.list > li .desc > .ico-streaming { display: block; }
ul.list > li .desc > .ico-streaming {margin: 2px 0;}
ul.list > li .desc {position: relative;}
ul.list > li .desc > a.title {margin-bottom: 10px; display: inline-block;}
ul.list > li .desc > .cat-event {margin-bottom: 2px;}
ul.list > li .desc .purchase {margin-bottom: 30px;}
.course ul.list > li .state .purchase {margin-bottom: 10px;}
ul.list > li .desc .tags {margin: 0 0 6px 0;}
ul.list > li .thumb {display: none; position: relative;  padding: 0; margin: 5px 0 0 0;}
ul.list > li .desc .description {margin: 0 0 10px 0;}
ul.list > li .desc .group a,
ul.list > li .state .waiting {text-decoration: underline;}
ul.list > li .state form {margin-top: 5px;}
ul.list > li .thumb img {width: 100%;}
ul.list > li .thumb-max { width: 122px; }

ul.list > li .state .flag { width: 70px; }
ul.list > li .purchase p { display: inline-block; margin: 4px 10px 4px 0; }
ul.list > li .purchase .btn { vertical-align: top; }
ul.list > li .purchase-courses { color: #535353; }

.state.cuestionario{ border: none; margin-top: 1%; margin-bottom:1%;}
.cuestionario .bcuestionario{left:275%;}

.event .schedule .info .type {font-weight: 300; font-size: 18px; display: inline-block; float: left; margin-right: 5px; line-height: .8;}
.event .schedule .social-info {display: none;}
.event .schedule .all-event-ticket .twitter-side,
.event .schedule .all-event-ticket .social.social-side {display: none;}
.event.filter .schedule .all-event-ticket .twitter-side,
.event.filter .schedule .all-event-ticket .social.social-side {display: block;}

.area .event .schedule .all-event-ticket span:first-child,
.area .event .schedule .all-event-ticket span.title {display: inline;}
.area .event .schedule .all-event-ticket .social {float: none;}
.area .event .schedule .all-event-ticket .twitter-side,
.area .event .schedule .all-event-ticket .social {margin-left: -9px; margin-right: -9px; border-top: none; padding: 8px 6px 6px 6px; width: auto;}
.area .event .schedule .all-event-ticket .ticket-all + .social {margin-top: 10px; border-top: 1px solid #000;}
.area .event .schedule .all-event-ticket .twitter-side {border-bottom: 1px solid #000;}
.area .event .schedule .all-event-ticket .social li {text-align: left; display: inline-block; padding: 0; vertical-align: middle; text-align: center; font-size: 12px; width: auto;}
.area .event .schedule .all-event-ticket .social li:first-child {font-size: 18px;}
/*.area .event .schedule .all-event-ticket .twitter-side {border-top: 1px solid #000;}*/
.area .event .schedule .all-event-ticket .social span:first-child {display: block;}

.event-detail {font-size: 18px;}
.course .event-detail{margin-bottom:10px;}
.entradilla p,
.event-detail .entradilla p {font-size: 30px; line-height: 1.08; margin: 20px 0; padding: 0;}
.event-detail p,
.event-detail h4 { padding: 0; line-height: 1.2; font-size: 18px; }
.event-detail > p {margin: 0 0 20px 0;}
/*.event-detail > ul,
.event-detail > ol {margin: 0 0 25px 0;}
.event-detail > ul,
.event-detail > ol {padding: 0 0 0 25px;}
.event-detail > ul ul,
.event-detail > ol ul,
.event-detail > ul ol,
.event-detail > ol ol {margin: 5px 25px 5px;}
.event-detail > ul ul li,
.event-detail > ol ul li {list-style: circle inside;}
.event-detail ul li {list-style: disc inside;}
.event-detail ol li {list-style: decimal inside;}*/

.event-detail .schedule ul li {list-style: none;}
.event-detail h4 {margin: 0 0 5px 0;}
.event-detail img,
.publicaciones article img {max-width: 100%;}
span.img { display: block; position: relative; overflow: hidden; margin: 0 0 30px 0; }
span.img .author { position: absolute; left: 0; bottom: 0; display: block; width: 100%; color: #fff; font-size: 11px; padding: 5px 7px; background: rgba(0, 0, 0, 0.5); }
span.img.vertical {height: 637px; text-align: center;}
span.img.vertical img {
    max-width: none;
    width: auto;
    height: 637px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
span.img.vertical small {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    max-width: 400px;
    width: 100%;
    overflow: hidden;
}
/*las listas de archivos y enlaces relacionados con !important para que funcionen estén donde estén */
.event-files,
.event-links {font-size: 18px; padding: 0 !important; margin: 0 0 30px 0 !important;}
.event-links ul {font-size: 18px; padding: 0 !important; margin: 0 0 30px 0 !important;}
.event-links li {list-style: none !important;}
.event-links ul li a {text-decoration: none !important;}
.event-links ul li a:hover, 
.event-links ul li a:focus,
.event-links ul li a:active {text-decoration: underline !important; font-weight: 300 !important;}
.event-links p:first-child,
.event-files p:first-child { font-weight: 500; margin-bottom: 5px; }
.sponsors {margin-bottom: 30px;}
.sponsors h4 { font-size: 10px; font-weight: 300; margin: 0 0 5px 0; font-weight:bold;}
.sponsors ul {margin: 0;}
.sponsors li {display: inline-block; margin-right: 15px; list-style: none !important;}
.sponsors img {max-width: 90px;}
.sponsors img.horizontal{max-width: 175px;}

.info-course {border-top: 1px solid #000; padding: 10px 0;}
.social.social-side + .info-course {border: none;}
.info-course > div {background-color: #ccffcc; padding: 8px; font-size: 18px;}
.info-course > div p {margin-top: 0; margin-bottom: 10px;}
.info-course > div p.title,
.info-course > div aside h5 {margin-bottom: 5px;}
.info-course > div a {text-decoration: underline;}
.info-course > div aside {font-size: 14px;}
.info-course > div .info-res {margin-bottom: 30px;}
.event-detail .info-course {width: 100%; max-width: 400px;}
.event-detail .info-course span {display: block;}

.downloads { border-left: 6px solid #00ff00; padding: 4px 8px; margin-bottom: 25px; }
.downloads a { font-size: 17px; font-weight: 500;}
.downloads .ico { display: none; margin-left: 18px; }

.links li { margin-bottom: 10px; }
.links a { text-decoration: underline; }

.note { color: #535353; background: #ffffc4; border: 1px solid #cccc4b; padding: 19px; margin-bottom: 10px; font-size: 15px; }
.note .title { margin: 0 0 4px 0; font-size: 17px; }
.note .separator { margin: 20px -19px; border: 1px dashed #cccc4b; }
.note a { text-decoration: underline; }

.twitter-side {margin: 0; padding: 9px 9px 6px; border-top: 1px solid #000;}
.social-side-container .list li { position: relative; padding: 0 0 15px 0; margin-bottom: 0; border-bottom: 1px solid #000; }
.social-side-container .list:last-child:not(:only-child) li:last-child {border-bottom: none;}
.twitter-side li:last-child { padding: 0; margin-bottom: 0; }
.social-side-container .list li > span:first-child {font-size: 15px; position: absolute; left: 9px;}
.social-side-container .list li {padding-left: 45px; padding-right: 20px; padding-top: 8px;}
.twitter-side h4 { margin: 0; font-size: 18px; }
.twitter-side h4 i { font-size: 24px; color: #55acee; vertical-align: bottom; margin-right: 8px; }
.twitter-side a,
.twitter-side strong { color: #999; }
.social-side-container .list { font-size: 18px; line-height: 1.2; margin: 0; padding:  0 0 8px 0;}
.social-side-container .list a,
.social-side-container .list strong,
.social-side-container .list .tw1 span,
.fb-side .fb2,
.social-side-container .list .actions .num {color: #999;}
.social-side-container .list .tw1 {display: block;}
.social-side-container .list .actions {margin-left: -40px;}
.social-side-container .list .actions a { color: #000; font-size: 18px; margin: 0; }
.social-side-container .list .actions .num { display: inline-block; margin-right: 10px;}
.social-side-container .list .thumbnail {width: 90%; display: block; margin: 10px 10px 10px 0;}

.aside-list { padding: 0 18px; margin-bottom: 40px; border-left: 12px solid #00ff00; }
.aside-list .title { line-height: 21px; margin: 0 0 12px 0; font-weight: 300; }
.aside-list ul { margin: 22px 0; }
.aside-list ul li { font-size: 15px; }
.aside-list ul li:before { content: '\2022'; font-size: 10px; margin-right: 8px; }


.simple-header h3 { font-size: 30px; margin-top: 0; margin-bottom: 14px; }
.simple-header .subtitle { font-size: 20px; margin-top: 0; }
.simple-header p { margin-bottom: 25px; }

.lt-ie9 .front-inner .front-img:before { background: url(../img/bg-header.png) 0 0 repeat; }

@media only screen and (min-width: 480px) {
    .more-filter .pills li {margin-right: 2px;}
    #video-home .ico-play-container .ico-play {margin-top: 140px; margin-left: -65px;}
}
@media only screen and (max-width: 480px) {
    .box-special .info{margin-bottom: 0px!important;}
    .box-newsletter.box .info p.letrapequena {position:relative;padding-top:5px;}
  
  .front-img .ico-play-container .ico-play,
  #video-home .ico-play-container .ico-play {
    margin-top:110px;
  }
}

@media only screen and (min-width: 768px) {
    .event .schedule .info .type {line-height: 1.35; font-size: 30px;}
    .front-main {background: none; top: 102px;}
    .front-img.size2 { height: 400px; }
    .downloads .ico { display: inline-block; }
    .area .front-inner .cat,
    .publi .front-inner h2 { font-size: 75px; margin-top: 118px; }
    .pills li {margin-right: 3px;}
    .more-filter {position: relative; margin-bottom: 20px;}
    .more-filter .search-years {width: 67%; right: 0; top: 0; position: absolute;}
    .more-filter .pills {float: left;}
    ul.list > li .thumb {display: block;}
    .grid {margin: 0;}
    div.event .schedule .info > span:first-child,
    .group .event .schedule .info > span:first-child {font-size: 75px;}
    div.event .schedule.course .info > span:first-child {font-size: 30px;}
    .event .schedule .info {padding: 0 50px 9px 9px; line-height: 1;}
    .event .schedule.course .info {padding-top: 9px;}
    .container.area .schedule .info {padding-top: 12px; padding-bottom: 12px;}
    .event .schedule .info > span.date {font-size: 30px;}
    .event .schedule .info .group-title span {margin-top: 6px; margin-bottom: 4px; font-size: 30px;}
    .area .event .schedule .info .type {display: none;}
    .area .event .schedule .info .group-title,
    .area .event .schedule .info > span.date {display: block;}
    .area .event .schedule .info .group-title span {margin-top: 0;}
    .group.type .event .schedule .info .group-title {display: block;}
    .convocatorias.noticias .schedule ul.list > li .date {width: 205px; margin: 0; display: table-cell;}
    .convocatorias.noticias .schedule ul.list > li .desc {width: auto; padding: 0 10px 0 10px; text-align: left; margin: 0; display: table-cell;}
}

@media only screen and (min-width: 1024px) {
    .twitter-side {border-top: none;}
    .no-image.registration.ok .front-content .title {margin-bottom: 40px;}
    .calendar-filter ul {margin-right: 120px;}
    .event-filter {margin-bottom: 20px;}
    .event-filter-result h3.collapsible {line-height: 1.2; margin: 0 0 0 5px;}
    .event-filter-result .open-filter {right: 9px;}
    .area .front-inner .cat,
    .publi .front-inner h2 {margin-top: 154px; padding: 0 10px; margin-bottom: 5px;}
    .publi .front-inner h2 {padding-bottom: 10px;}
    .front-inner .cat-title { display: block; font-size: 60px; line-height: 100px; }
    .front-img.inscripcion { height: 338px; }
    .front-main { position: relative; top: auto; left: auto; right: auto; padding: 0;}
    .front-content { position: absolute; top: 155px; left: 0; right: 0; padding: 0 15px;}
    .no-image .front-content { position: relative; top: auto; left: auto; right: auto; min-height: 354px;}
    .front-content .desc { font-size: 21px; }
    .front-aside {padding: 10px; margin: -10px 0 0 0; background: transparent url("../img/trama1.png") repeat scroll 0 0; color: #fff; width: 328px; text-shadow: 0 1px 1px rgba(0, 0, 0, 1); position: absolute; right: -15px;}
    .front-img.vertical + .front-content .front-aside {background: rgba(0,0,0,.2);}
    .front-aside .general {margin: 0;}
    .front-aside .venta {margin: 8px 0;}
    .front-aside .venta a,
    .front-aside .venta a:hover,
    .front-aside .venta a:focus {text-decoration: underline; font-weight: 300;}
    .front-aside .date { font-size: 30px; }
    .front-aside .price span { font-weight: 500; }
    .front-aside .btn-transp {
        color: #fff;
        border-color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        background-color: transparent;
    }
    .front-aside .btn-transp:hover,
    .front-aside .btn-transp:focus {background-color: rgba(0, 0, 0, 1);}
    .front-aside .date {margin-bottom: 10px;}
    .front-aside p {margin: 10px 0 10px 0;}
    .front-aside p a {color: #fff;}

    #turnoCurso select {background-image: url(../img/ico-arrow-white.png); color: #fff; border-color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 1); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}
    #turnoCurso select:focus,
    #turnoCurso select:active,
    #turnoCurso select:hover {background-color: rgba(0,0,0,1);}
    #turnoCurso select option {font-weight: 300; background-color: rgba(0,0,0,1);}
    #turnoCurso label.error {color: #fff;}

    .course .event-detail > p:first-child {font-weight: 300;}
    .main.group .event-detail > p:first-child {font-weight: 300;}

    .event {margin: 0 0 30px; padding: 0;}
    .event h3 { margin-bottom: 14px; }
    .event .duration { font-size: 17px; margin-top: 6px; padding-bottom: 0; border-bottom: none; }
    .event .info { padding: 0 0 14px 0; }
    .event .info h3, .event .info h4 { font-size: 21px; }
    .event h3, .event .info > h3, .event .info > p, .event .purchase-total { padding-right: 0; padding-left: 0; }
    .event .purchase-total.area { position: absolute; top: 16px; right: 10px; }
    .event .purchase-total.area p, .event .purchase-total.area .btn-block { display: inline-block; width: auto; margin-left: 18px; padding: 8px 16px; font-size: 13px; }
    .event .purchase-total.area p { margin: 0; font-size: 15px; }
    .event .schedule { position: relative; }
    .event .schedule .info {background-color: transparent; }
    .container.group.events .event .schedule .info > span.open-group,
    .event .schedule .info > span.open-group {top: 9px;}
    .event .schedule.course .info > span.open-group {top: 5px;}
    .event .schedule.course .info > span.open-group .ico-caret-up-black:before,
    .event .schedule.course .info > span.open-group .ico-caret-down-black:before {width: 24px; height: 24px;}

    ul.list { margin-left: auto; padding: 0 !important;}
    ul.list > li > div { display: table; width: 100%; padding: 8px 0; }
    .group.type.course ul.list > li:last-child > div,
    .area ul.list > li:last-child > div {border-bottom: none;}
    ul.list > li .thumb {display: block;}
    ul.list > li > div > div,
    ul.list > li .state {display: table-cell; text-align: left; padding-right: 10px;}
    ul.list > li .date {width: 210px;}
    ul.list > li .state {text-align: right; padding-left: 0; width: 140px; position: relative;}
    ul.list > li.course .state {width: 235px;}
    ul.list > li .state small {display: block;}
    ul.list > li .state .purchase {margin-bottom: 10px;}
    ul.list > li .date-min {width: 105px;}
    /*ul.list > li.noimage .desc .title {font-size: 30px;}*/
    ul.list > li .desc {text-align: left; margin: 0; width: 319px; height: 96px;}
    #search-results-list ul.list > li .desc {width: auto;}
    ul.list > li .desc .group {padding: 0;}
    ul.list > li .purchase-courses {width: 120px;}
    ul.list > li .purchase-inside {text-align: left;}
    ul.list > li.cultura {border-left: 6px solid #33ccff;}
    .area .event .schedule.course .info > span.open-group {top: 6px;}
/*    .event .schedule .info {padding: 9px 46px 9px 9px;}*/
    .course .event .schedule .info,
    .schedule.course .info {font-size: 30px;}
    /*.schedule.course:first-child .info {border-top: none;}*/
    #reservas-activas {padding-left: 5px;}
    .course .event { border-top: 1px solid #000; }
    .group.type.course .event {border-top: none;}
    /*.area .event .schedule .info {padding: 8px 15px 0;}*/
    .area .event .schedule.course .info {border-top: 1px solid #000;}

    ul.list > li > div > div { padding: 0 10px 0 10px; }
    ul.list > li > div > .date > span:first-child {/*min-height: 42px;*/ max-height: 44px; display: block; overflow: hidden;}
    ul.list > li > div > .date > span.flag:first-child {margin-bottom: 15px;}
    ul.list > li .desc .purchase,
    ul.list > li .desc .group {margin: 0;}
    ul.list > li .desc .group > li {margin: 0 0 2px 0;}
    ul.list > li .desc .group > li:only-child {/*margin: 33px 0 0 0;*/}
    ul.list > li .state .btn,
    ul.list > li .state .waiting,
    ul.list > li .state a.pdf {position: absolute; right: 10px;}
    ul.list > li .state .btn,
    ul.list > li .state .waiting,
    ul.list > li .state a.pdf {bottom: 0;}
    ul.list > li .state a.pdf {background-position: right center; background-size: 34px 45px; padding: 15px 45px 15px 10px;}
    .col-md-4 .social-side-container .list {border-top: none;}
    .col-md-4 > .twitter-side:first-child {border-top: 1px solid #000;}
    .event-filter-result h3.collapsible,
    .publi .front-inner h2 {font-size: 75px; font-weight: 500;}
    .event-filter-result h3.collapsible {margin: 0; padding: 0 62px 0 0;}
    /*.area .event .schedule {margin-bottom: 40px;}*/
    .area .event .schedule .main-container,
    .area > ul.list,
    .area .eventosC ul.list {width: 66.8%; float: left; margin-right: 18px;}
    .area .event .schedule .info {padding: 9px 50px 9px 9px;}
    .area .event.filter h3.collapsible,
    .area .event .schedule .info > span:first-child {display: none;}
    .area .event .schedule.course .info > span:first-child {display: block;}
    .area .event .schedule .info span,
    .area .event .schedule .info .group-title {display: block; font-size: 30px;}
    .area .event .schedule .info .type {display: inline-block; font-size: 30px; line-height: 1;}
    .area .event .schedule .open-group .ico:before,
    .area .event .schedule .open-group.collapsed .ico:before {width: 38px; height: 38px;}
    /*.area .event .schedule .info > span.open-group {top: 6px;}*/

/*    .area .event .schedule .info .group-title span {margin-top: 3px; margin-bottom: 3px;}*/
    .area ul.list > li {width: auto;}
    .area .event .schedule .all-event-ticket {float: left; width: 31.3%; border-top: 1px solid #000;}
    .area .event .schedule .all-event-ticket .social {margin-top: -5px; border-bottom: 1px solid #000;}
    .area .event .schedule .all-event-ticket .ticket-all + .social {border-top: 1px solid #000; margin-top: 10px;}
    .course.group.type.filter {border-bottom: none;}
    .no-image .front-main {padding-top: 0; min-height: 405px;}
    .group.type .front-main,
    .group.type .front-content {min-height: 0;}
    .list.only > li .desc > a.title {font-size: 30px;}
    .list.only > li .desc {width: 100%;}

    .no-image.registration .front-main {margin-top: 0; min-height: 358px;}
    .no-image.registration.ok .front-main {min-height: auto;}
    .course.no-image.registration .front-aside {min-height: 361px;}
    .pills li {margin-right: 10px;}
    .related .box-noimage .info header {min-height: 180px;}
    .more-filter .search-years {width: 67%;}
}

@media only screen and (min-width: 1200px) {
    .schedule .info,
    .event .schedule .info > span:first-child { font-size: 75px;}
    .front-aside {margin: -8px 0 0 0; padding: 15px 20px; width: 388px; right: -16px;}
    .front-content > .container {padding: 0 10px;}
    .front-content .area,
    .page .front-content .title {margin-top: 14px;}
    .area .front-inner .cat,
    .publi .front-inner h2 {padding: 0 15px; margin-top: 166px;}
    ul.list > li > div > .date { padding-left: 12px; }
    ul.list > li .desc {width: 418px;}
    ul.list > li .state {padding-right: 14px;}
    ul.list > li .thumb {/*margin: 14px 0 2px 0;*/}
    .pills li {margin-right: 7px;}
    .more-filter .search-years {width: 67%;}
    .area .event .schedule .all-event-ticket {width: 31.6%;}
    .course.no-image.registration .front-aside {min-height: 365px;}
}

/* perfil */
.profile { margin-bottom: 30px; border-bottom: 1px solid #000; }
.profile-head { padding: 0 0 19px 0; margin-bottom: 10px; border-bottom: 1px solid #000; }
.profile-head i { vertical-align: top; margin-top: 2px; }
.profile-head .collapsible { cursor: pointer; }

.profile-body { margin-bottom: 10px; }
.profile-body label.error { display: inline; margin-left: 10px; }
.profile-body .alignFields { display: block; }

.editProfile-button {position: absolute; right: 15px; top: 0; z-index: 9;}
.container.perfil .col-md-8 > div {position: relative; margin-top: -1px;}
.container.perfil #tu-perfil form {padding: 20px 0 15px 0;}
.editProfile-hidden .actions {padding-right: 0; text-align: right;}
.container.perfil .info {position: relative; border-top: 1px solid #000;}
.container.perfil .col-md-8 .info h3 {border: none; margin: 0;}
.container.perfil .info .open-group {position: absolute; right: 15px; top: 9px;}
.container.perfil .schedule {padding: 0;}
.container.perfil .schedule + .schedule {margin-top: -1px;}
.container.perfil .schedule .info {border-bottom: 1px solid #000; border-top: 1px solid #000;}
.container.perfil .schedule.course .info {padding: 12px 46px 9px 0;}
.container.perfil .box-recursos.aviso,
.container.perfil .box-recursos.aviso .info {border: none;}
/*.container.perfil #tus-cursos .schedule.course:first-child {margin-bottom: 20px;}*/

table { margin: 15px 0; width: 100%; }
table thead th,
table thead td { border-bottom: 1px solid #000; }
table th { text-align: left; font-weight: 300; }
table th, table td { padding: 5px; }

.container.perfil input[type="email"]:focus,
.container.perfil input[type="text"]:focus,
.container.perfil input[type="password"]:focus,
.container.perfil input[type="date"]:focus,
#signForm input[type="email"]:focus,
#signForm input[type="text"]:focus,
#signForm input[type="password"]:focus,
#signForm input[type="date"]:focus,
#signForm select:focus,
#registerForm input[type="email"]:focus,
#registerForm input[type="text"]:focus,
#registerForm input[type="password"]:focus,
#registerForm input[type="date"]:focus,
#registerForm select:focus,
#registerForm textarea:focus,
#convocatoriaForm input[type="email"]:focus,
#convocatoriaForm input[type="text"]:focus,
#convocatoriaForm input[type="password"]:focus,
#convocatoriaForm input[type="date"]:focus,
#convocatoriaForm select:focus,
#convocatoriaForm textarea:focus {background-color: #ccffcc;}

.container.perfil input[type="email"][disabled],
.container.perfil input[type="text"][disabled],
.container.perfil input[type="password"][disabled],
.container.perfil input[type="date"][disabled] {background-color: #fff;}
/*#cnombremenor, #cfechanacimientomenor {background-color: #ccffcc;}*/
#childTable tbody td {padding-top: 10px;}
#childTable tr.child {border-bottom: 1px solid #000;}

/* registro curso*/
.course.registration .event-detail h4 {font-size: 30px; margin: 0 0 5px 0;}
#signForm fieldset {margin-bottom: 20px;}
#signForm #cobservaciones {height: 200px;}
#signForm #addChild {display: none;}
#registerForm #addChild {margin-bottom: 20px;}

/* registro curso ok*/
.course.registration.ok .event-detail h4,
.registro.ok .event-detail h4 {font-size: 40px; margin: 0 0 25px 0; font-weight: 300; line-height: 1; border-top: 1px solid #000;}

/* registro */
.box-registro form {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 0 9px 9px 9px;}
.box-registro form fieldset {margin: 8px 0 0 0;}
.box-registro.access {/*display: none;*/}
#registerForm fieldset:first-child .row {margin-bottom: 15px;}
#registerForm .checkbox {margin-bottom: 0;}
#registerForm textarea {height: 100px;}
#registerForm fieldset:last-child .btn-transp {margin-top: 20px;}
.registro.ok .event-detail p:last-child a {text-decoration: underline;}
.registro.ok .event-detail p:last-child a:hover,
.registro.ok .event-detail p:last-child a:focus {font-weight: 500;}

@media screen and (min-width: 768px) {
    .course.registration.ok .event-detail h4,
    .registro.ok .event-detail h4 {font-size: 75px;}
}

@media screen and (min-width: 1024px) {
    table thead th,
    table thead td {border-bottom: 1px solid #fff;}
    .profile-body .alignFields { display: inline-block; min-width: 188px; }
    .profile-head { padding: 0 0 14px 0; font-size: 15px; border-top: none; }
    .perfil #tu-perfil form {padding: 20px 15px 15px 15px;}
    .container.perfil #tu-perfil form {padding-left: 15px;}
    .container.perfil .schedule.course .info {padding-top: 10px;}
    .box-registro.access {display: block;}
    .registro.ok .box-newsletter .info {border-top: none; padding-top: 0;}
}


/* RETINA */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}



/* PLUGINS */

/* custom scrollbar */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
  1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
  2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
  3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
  5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
    6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

  .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
  .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

  .mCustomScrollBox{ /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
  }

  .mCSB_container{ /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
  }



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

/*  .mCSB_inside > .mCSB_container{ margin-right: 30px; }*/

  .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

  .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
  }

  .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

  .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 2px;
    bottom: 0;
  }

  .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

  .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
  }

  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

  .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
  }

  .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
  .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  }
  .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 40px !important; /* minimum dragger height */
    z-index: 1;
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
    position: relative;
    width: 10px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  }
    .social-side-container  .mCSB_scrollTools .mCSB_draggerRail,
    .social-side-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-box-shadow: 0px 0 0 rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 0 0 rgba(0, 0, 0, 1);
        box-shadow: 0px 0 0 rgba(0, 0, 0, 1);
    }

  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown{
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }

  .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

  .mCSB_horizontal.mCSB_inside > .mCSB_container{
    margin-right: 0;
    margin-bottom: 30px;
  }

  .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

  .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

  .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

  .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 2px;
    margin: 7px 0;
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
  }

  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
  }

  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

  .mCSB_container_wrapper{
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
  }

  .mCSB_container_wrapper > .mCSB_container{
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }

  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

  /* non-visible horizontal scrollbar */
  .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

  /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
  .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

  /* RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

  /* non-visible scrollbar/RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

  .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
  }

  .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

  .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

  .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
  }

  /* non-visible horizontal scrollbar */
  .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

  .mCSB_scrollTools,
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight{
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  }

  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
          margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
          margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
          opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
          margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
          margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
          opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
          margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
          margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
          opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
          margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
          margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
          opacity .2s ease-in-out, background-color .2s ease-in-out;
  }



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

  /*
  ----------------------------------------
  6.1 THEMES
  ----------------------------------------
  */

  /* default theme ("light") */

/*  .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }*/

  .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
  .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

  .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  .mCustomScrollBox:hover > .mCSB_scrollTools,
  .mCustomScrollBox:hover ~ .mCSB_scrollTools,
  .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
  .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

  .mCSB_scrollTools .mCSB_draggerRail{background-color: #fff;}
    .social-side-container .mCSB_scrollTools .mCSB_draggerRail{background-color: #000;}
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff;}
    .social-side-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;}

/*
  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #fff;
        background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)";
        -ms-filter: "alpha(opacity=85)";
  }
*/
/*
  .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
  }
*/

  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight{
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
  }

  .mCSB_scrollTools .mCSB_buttonUp{
    background-position: 0 0;
    /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
  }

  .mCSB_scrollTools .mCSB_buttonDown{
    background-position: 0 -20px;
    /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
  }

  .mCSB_scrollTools .mCSB_buttonLeft{
    background-position: 0 -40px;
    /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
  }

  .mCSB_scrollTools .mCSB_buttonRight{
    background-position: 0 -56px;
    /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
  }

  .mCSB_scrollTools .mCSB_buttonUp:hover,
  .mCSB_scrollTools .mCSB_buttonDown:hover,
  .mCSB_scrollTools .mCSB_buttonLeft:hover,
  .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

  .mCSB_scrollTools .mCSB_buttonUp:active,
  .mCSB_scrollTools .mCSB_buttonDown:active,
  .mCSB_scrollTools .mCSB_buttonLeft:active,
  .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


  /* theme: "dark" */

  .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

  .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

  .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

  .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

  .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

  .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

  .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

  /* ---------------------------------------- */



  /* theme: "light-2", "dark-2" */

  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  }

  .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  }

  .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
  }

  .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

  .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

  .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

  .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }

  .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }

  .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


  /* theme: "dark-2" */

  .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  }

  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  }

  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

  .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

  .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

  .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

  .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }

  /* ---------------------------------------- */



  /* theme: "light-thick", "dark-thick" */

  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  }

  .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  }

  .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 4px;
    margin: 6px 0;
  }

  .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 6px;
    margin: 5px auto;
  }

  .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

  .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

  .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

  .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }

  .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }

  .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


  /* theme: "dark-thick" */

  .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

  .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }

  /* ---------------------------------------- */



  /* theme: "light-thin", "dark-thin" */

  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

  .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

  .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

  .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 2px;
    margin: 7px auto;
  }


  /* theme "dark-thin" */

  .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

  .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

  /* ---------------------------------------- */



  /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

  .mCS-rounded.mCSB_scrollTools .mCSB_dragger,
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

  .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 14px;
    margin: 0 1px;
  }

  .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
  .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
  .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
  .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

  .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 14px;
    margin: 1px 0;
  }

  .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
  .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
  }

  .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

  .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
  .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
  }

  .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
  }

  .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

  .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

  .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

  .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


  /* theme "rounded-dark", "rounded-dots-dark" */

  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

  .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

  .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

  .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

  .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

  .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


  /* theme "rounded-dots", "rounded-dots-dark" */

  .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
  .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

  .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    background-color: transparent;
    background-position: center;
  }

  .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
  }

  .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
  }

  .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

  .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

  .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

  .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


  /* theme "rounded-dots-dark" */

  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
  }

  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

  .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

  /* ---------------------------------------- */



  /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  }

  .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  }


  /* theme "3d", "3d-dark" */

  .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
  .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

  .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

  .mCS-3d.mCSB_scrollTools,
  .mCS-3d-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
  }

  .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

  .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 8px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
        -moz-box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
  }

  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

  .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
  }

  .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 8px;
    margin: 4px auto;
  }

  .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

  .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

  .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

  .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


  /* theme "3d-dark" */

  .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
  }

  .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    }

  .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

  .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

  .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

  .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{  background-position: -120px -128px; }

  /* ---------------------------------------- */



  /* theme: "3d-thick", "3d-thick-dark" */

  .mCS-3d-thick.mCSB_scrollTools,
  .mCS-3d-thick-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
  }

  .mCS-3d-thick.mCSB_scrollTools,
  .mCS-3d-thick-dark.mCSB_scrollTools,
  .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

  .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
  .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

  .mCS-3d-thick.mCSB_scrollTools_vertical,
  .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
        -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
    }

  .mCS-3d-thick.mCSB_scrollTools_horizontal,
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
  }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
        -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
        -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
        box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
  }

  .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
    }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

  .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 12px;
    width: auto;
  }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #000; background-color: rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
        box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
  }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

  .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


  /* theme: "3d-thick-dark" */

  .mCS-3d-thick-dark.mCSB_scrollTools{
        -webkit-box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
        box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
    }

  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);
    }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
        -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);
        -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);
        box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);
    }

  .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
    }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #fff;
        background-color: rgba(0,0,0,0.05);
        -webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
  }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

  .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{  background-position: -120px -128px; }

  /* ---------------------------------------- */



  /* theme: "minimal", "minimal-dark" */

  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
  .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    right: 0;
    margin: 12px 0;
  }

  .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    bottom: 0;
    margin: 0 12px;
  }

  /* RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    left: 0;
    right: auto;
  }

  .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

  .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
  .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

  .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
  .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

  .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
  }

  .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
  }


  /* theme: "minimal-dark" */

  .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
  }

  .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
  }

  /* ---------------------------------------- */



  /* theme "light-3", "dark-3" */

  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
  }

  .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

  .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 6px;
    margin: 5px 0;
  }

  .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    width: 12px;
  }

  .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 12px;
    margin: 2px 0;
  }

  .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

  .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

  .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

  .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


  /* theme "dark-3" */

  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

  .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

  .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

  .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

  .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

  .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }

  /* ---------------------------------------- */



  /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 12px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
  }

  .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 12px;
    margin: 2px 0;
  }

  .mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

  .mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

  .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

  .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
  .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
  .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


  /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

  .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }


  /* theme "inset-2", "inset-2-dark" */

  .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }

  .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


  /* theme "inset-3", "inset-3-dark" */

  .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

  /* ---------------------------------------- */





.container.politics .col-md-8 img{width:100%;}
div.status, .ok{color: #000;}
#registerForm #addChild {margin-bottom: 20px;display: none;}
#signForm #addChild,
#registerChild #addChild {display: none;}
#registerChild #addChild {margin-bottom: 20px;}
#signModal{background: none;}
#signModal .modal-dialog{width:980px;margin: 0px auto;}
.loading{z-index: 9999;}
#menores #registerForm #addChild {display: none;}
.wrapper .tabs{ display:none;}
.wrapper .workbench-info-block{ display:none;}

.television ul.list > li .thumb iframe,
.television ul.list > li .thumb object{/*width:256px!important;*/height:127px!important;}

.television .img.img-cover iframe,
.television .img.img-cover object{width:100%!important;height:400px!important;}
.television.publicaciones.detalle article header{border:none;}

.info-course .info-res li.active a[data-target="#informacion-inscripciones"]{display: block;}

.group.type .info-gral .info-text.no-image, .area .info-gral .info-text.no-image{position: relative;left: 0px; margin-bottom: 40px;}
.group.type .info-gral .info-text.no-image, .area .info-gral .info-text.no-image{color:#000;text-shadow: none}
.group.type .info-gral .info-text.no-image .date, .area .info-gral .info-text.no-image .date{color:#000;text-shadow: none}
.group.type .info-gral .info-text.no-image .group-title, .area .info-gral .info-text.no-image .group-title{color:#000;text-shadow: none}

.container.newsletter .col-md-8 tbody {border: none!important;}
.container.newsletter .col-md-8 table {margin: 0!important;}
.container.newsletter .col-md-8 table td {padding-top: 0!important; }
.container.newsletter .titulo span {display: block; line-height: 60px;}

.td-detalle-newsletter {padding: 0px 20px 20px 20px}

@media (max-width: 420px){
  .container.newsletter .titulo span {font-size: 34px; line-height: 36px; padding-right: 40px;}
  .container.newsletter .col-md-8 h2 {margin-bottom: 15px; padding-left: 14px;}
  .container.politics .col-md-8 .img-detalle-newsletter {padding: 0px 40px 0px 0px;}
  .td-detalle-newsletter {padding: 0px 45px 20px 10px}
  .container.newsletter .col-md-8 table:nth-child(2)>tbody>tr:last-child td{}
  .container.newsletter .col-md-8 table:nth-child(2)>tbody>tr:nth-child(3) td{padding-top: 15px!important;}
  .container.newsletter .col-md-8>table:nth-child(3)>tbody>tr>td>table tr td{width: 100%!important;float: left;}
  
}

#myElement.jwplayer.jw-flag-aspect-mode{height:100%!important;}

.box .info p.date,
.box .info .dates{display: inline-block;
    font-size: 18px;
    line-height: 1;
    margin: 0;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    vertical-align: top;
    max-width: 100%;
    height: auto;
    white-space: normal;
    overflow: visible;
}

.box .info p.date{padding-right: 10px;}

.box .info .dates *{display: inline-block; vertical-align: top;}
.box .info .dates .unique:first-child{display: inline-block;}
.box .info .dates .unique{display: block;}
.box .info .dates .hour:first-child{display: inline-block;}
.box .info .dates .hour{padding-left:6px;display: block;padding-bottom: 4px;}
.box-noimage .info .dates{
    color: #000;
    text-shadow: none;
  }



@media only screen and (max-width: 842px) {
  .detalleExpo .video{
      height: 420px;
  }
}

@media only screen and (max-width: 768px) {
  .detalleExpo .video{
      height: 385px;
  }
  .front-inner.video.on .front-content,
  #video-home .video.on .carousel-caption {display: none!important;}
  .wrapper.on #carousel-main:hover .carousel-caption{display: none!important;}
  .carousel-caption h3, .front-content .title, .front-content .area{max-height:inherit;}
}

@media only screen and (max-width: 480px) {
  .detalleExpo .video{
      height: 310px;
  }
}

#visit{width: 60px;margin-right: 113px;}

@media only screen and (max-width: 1200px) {
  #visit{ width: inherit; margin-right: 0px;}
}


@media only screen and (max-width: 1023px) {
  .video .front-img {padding-top:0px;}
  .video-js{margin-top: 94px;background-color: white !important;}  
}

#project_file_document-error{ left: -10px; font-size: 13px;}
#project_file_memory-error{ left: -10px; font-size: 13px;}
#project_file_cv-error{ left: -10px; font-size: 13px;}

#convocatoriaForm fieldset{margin-bottom: 10px;}

#convocatoriaForm fieldset legend{display:none;}

#convocatoriaForm .colectivo-container{display: inline-block;}
#convocatoriaForm #project_colectivo-error{display: inline-block;margin-left: 20px;}

/*.list.only.special .desc{display:block;height:100%;}*/

.convocatorias.detalle .agenda .text-content .subapdo a,
.convocatorias.detalle .agenda .text-content a,
.event-detail .entradilla a,
.event-detail p a, 
.event-links ul li a,
.event-files ul li a,
.detalleExpo article .col-md-8 p a,
#main.course .event-detail p a,
#main.course .event-detail ul:not(.list) li a,
#main.container.politics:not(.newsletter) p a,
#main.container.politics:not(.newsletter) ul:not(.list) li a,
#main.container .event-detail p a,
#main.container .event-detail ul:not(.list) li a,
#main.main.page.container p a,
#main.main.page.container ul:not(.anchorScroll) li a,
#main.main.page section p a,
#main.main.page section ul:not(.list) li a,
body.node-type-grupo-mixto  .event-detail ul:not(.list) li a,
.container.publicaciones.prensa.detalle p a,
.container.publicaciones.prensa.detalle ul:not(.list) li a{
  text-decoration:underline!important;
    font-weight: 100!important;
}

#main.container.newsletter a,
#main.container.newsletter ul:not(.list) li a{
  text-decoration:underline;
}

#main.container.newsletter.registro ul.nav-tabs li a{
  text-decoration:none;
}



form fieldset label a{
  text-decoration:underline!important;
}


.convocatorias.detalle .agenda .text-content .subapdo a:hover,
.convocatorias.detalle .agenda .text-content a:hover,
.event-detail  .entradilla a:hover,
.event-detail  p a:hover,
.event-links ul li a:hover,
.event-files ul li a:hover,
.detalleExpo article .col-md-8 p a:hover,
#main.course .event-detail p a:hover,
#main.container .event-detail p a:hover,
#main.container .event-detail ul:not(.list) li a:hover,
#main.main.page.container p a:hover,
#main.main.page.container ul:not(.anchorScroll) li a:hover,
#main.course .event-detail ul:not(.list) li a:hover,
#main.container.politics:not(.newsletter) p a:hover,
#main.container.politics:not(.newsletter) ul:not(.list) li a:hover,
#main.main.page section p a:hover,
#main.main.page section ul:not(.list) li a:hover,
body.node-type-grupo-mixto .event-detail ul:not(.list) li a:hover,
.container.publicaciones.prensa.detalle p a:hover,
.container.publicaciones.prensa.detalle ul:not(.list) li a:hover{
    font-weight: 100;
  color:#3366cc;  
  
}

#main.container.newsletter a:hover,
#main.container.newsletter ul:not(.list) li a:hover{
  color:#3366cc;  
  
}

#main.container.newsletter.registro ul.nav-tabs li a:hover{
  color:#000;
}

#main.container.newsletter strong,
#main.container.newsletter b{font-weight:bold; }

form fieldset label a:hover{
  text-decoration:underline!important;
  color:#3366cc;  
}

#main.main.page.container ul:not(.anchorScroll){
  margin: 0 0 20px 20px;
    padding: 0;
}

#main.main.page.container ul:not(.anchorScroll) ul{
  margin: 0 0 0px 20px;
    padding: 0;
}
#main.main.page.container ul:not(.anchorScroll) li {
    list-style-type: disc;
    list-style-position: outside;
}

/**** Convocatorias sin imagen ***/
.convocatorias .agenda .info.no-image{
  display:none;
}

/***** Convocatorias: FAQS ********/

#faqs .open-group{
  top:5px;
}

#faqs-details .open-group .ico:before{
  width:30px;
  height:30px;
}

#faqs-details .info{
  position: relative;
  color:#000;
  padding: 10px 15px 5px;
  border-top: 1px solid #000;
}

#faqs-details .info .day{
  width:calc(100% - 30px);
  display:inline-block;
}

#faqs-details .info-detail{
  padding: 0px 20px;
}

#faqs-details .info-detail p, #faqs-details .info-detail ul, #faqs-details .info-detail ol{
  font-size:16px;
}
.agendas-list.convocatorias .agenda .info h4 a{
  max-height: inherit;
}

/**** Mejoras visualizacíon ***/
@media only screen and (min-width: 1024px){
  .header > .container{
    background: url(../img/trama1.png) 0 0 rgba(0, 0, 0, .3);
  }

  .front-aside{ 
    background: rgba(0,0,0, 0.3) url(../img/trama1.png) repeat scroll 0 0;
  }

  .front-img:after{
    background: url(https://www.lacasaencendida.es/sites/all/themes/lce/img/trama1.png) 0 0 rgba(0, 0, 0, 0.1);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    opacity:0.5;
  }
  .wrapper.on .front-img:after{
    display:none;
  }
  
  .wrapper.on .front-img iframe{
    opacity:1;
  }

}

.video-js{
  width:100%!important;
  height:100%!important;
}

#vjs-logobrand-image{
    min-width: 0px;
    position: absolute;
    top: 4px;
    right: 4px;
    transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s;
    visibility: visible;
    min-height: 0px;
    width: 55px;
    position: absolute;
    right: 19px;
    left: inherit;
    bottom: 19px;
    top: inherit;
}

#youtube-video #vjs-logobrand-image{  
    right: inherit;
    left: 38px;
    bottom: 31px;
}

.video-js .vjs-big-play-button{ 
    left: calc(50% - 45px)!important;
    top: calc(50% - 22px)!important;
}

.text-conditions-refund{
    width: 100%;
    height: 100px;
    overflow-y: scroll;
    text-align: left;
    border: 1px solid #dadada;
    padding: 10px 10px 7px;
    margin: 10px 0;
    line-height: 18px;
}

.text-conditions-refund .title{
  font-size: 15px;
}

.text-conditions-refund p, 
.text-conditions-refund ul, 
.text-conditions-refund li{
  font-size:13px;
}

.text-conditions-refund strong{
  font-weight: bold;
}

p.small-info{
  font-size:15px;
}

#signForm #menores.profile-body{
  border: 1px solid rgb(0, 0, 0);
  padding: 10px;  
}

#signForm #menores.profile-body #addChildButton{
  text-decoration: underline;
}

#signForm #menores.profile-body #registerChild{
    padding: 20px;
}

.texto-info-para-ninos{
  margin-left: 20px;
  margin-right: 20px;
  font-size: 20px;
  text-align: justify;
}
.texto-info-para-ninos a{
  font-weight: 500;
  text-decoration:underline;
}

.texto-plazas-listado-cursos{
  position:absolute; 
  bottom:0px; 
  right:0px; 
  text-decoration:underline;
}

.texto_opcional_titulo{
	font-size: 22px;
	text-shadow: 0px 1px 1px rgba(0,0,0,1);
}

.texto_opcional_titulo p{
	margin-block-start: 0em;
    margin-block-end: 0em;
}
	
.cursos_contacto{
  border-top: 1px solid black;
  padding-left: 6px;
}
.cursos_contacto a{
  font-size: 30px;
}