/* Estilos para el viewlet de la imagen de la cabecera */

#portal-header-titleImageSS {margin:0.5em 0 4em 0;}
#titleImageSS-wrapper {background-color:#007A2E;position:relative;z-index:1;height:20em;}
#portal-header-titleImageSS .wrap {position:relative;}
#portal-header-titleImageSS .wrap-height {background:transparent url(bg-headerImage-yellowBrush.png) no-repeat right top;max-width:45%;height:20em;}
#portal-header-titleImageSS .wrap-content {padding:8.7em 8em 1.96em 3%;height:10em;overflow:hidden;}
#portal-header-titleImageSS .titleImageSS-box-left {color:white;min-height:100%;width:100%;position:absolute;z-index:3;}
#portal-header-titleImageSS .titleImageSS-box-left span.title-titleImageSS {font-family:Avenir Next W01, Arial, FreeSans, sans-serif;font-size:2.15em;margin:0 0 30px;display:block;line-height:90%;max-width:9em;font-weight:700;}
#titleImageSS-wrapper .titleImageSS-box-left span.title-titleImageSS:first-line {font-size:1.45em;}
#portal-header-titleImageSS .titleImageSS-box-left a {font-size:1.25em;display:block;color:white;padding:15px 0 15px 1.8em;line-height:110%;text-transform:uppercase;background:url(play-button.png) no-repeat scroll left center / 1.4em auto transparent;}
#portal-header-titleImageSS .titleImageSS-box-left a:hover,
#portal-header-titleImageSS .titleImageSS-box-left a:active,
#portal-header-titleImageSS .titleImageSS-box-left a:focus {text-decoration:underline;}


/* Estilos SSWHOW */

#portal-header-titleImageSS #titleImageSS-box-right {background-color:#007A2E;height:100%;overflow:hidden;}

ul.sshow{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; float:right;height:100%;}
li.sshow-slide{position:relative; height:100%; display:none; visibility:hidden;}

li.sshow-slide.mostrarSlide{
  display:block;
  visibility:visible;
  animation-name:animationSlideShow;
  animation-duration: 600ms;
  animation-iteration-count: 1;
  -ms-animation-name:animationSlideShow;
  -ms-animation-duration: 600ms;
  -ms-animation-iteration-count: 1;
  -webkit-animation-name:animationSlideShow;
  -webkit-animation-duration: 600ms;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name:animationSlideShow;
  -moz-animation-duration: 600ms;
  -moz-animation-iteration-count: 1;
  -o-animation-name:animationSlideShow;
  -o-animation-duration: 600ms;
  -o-animation-iteration-count: 1;
}

li.sshow-slide.ocultarSlide{

  animation-name:animationSlideHide;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  -ms-animation-name:animationSlideHide;
  -ms-animation-duration: 1000ms;
  -ms-animation-iteration-count: 1;
  -webkit-animation-name:animationSlideHide;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name:animationSlideHide;
  -moz-animation-duration: 1000ms;
  -moz-animation-iteration-count: 1;
  -o-animation-name:animationSlideHide;
  -o-animation-duration: 1000ms;
  -o-animation-iteration-count: 1;
  display:none;
  visibility:hidden;
}

li.sshow-slide > a{}

ul.sshow-controls{list-style:none;margin:0;padding:0;z-index:999;}
ul.sshow-controls.v-centered li a{position:absolute;bottom:-2em;background-color:black;color:white;padding:0.5em;}
ul.sshow-controls.v-centered li.sshow-next a{right:0;}
ul.sshow-controls.v-centered li.sshow-prev a{right:6em;}

ol.sshow-markers{list-style: none; padding: 0; margin: 0; width:100%;position:absolute;bottom:-3em;z-index:998;}
ol.sshow-markers.h-centered{text-align: center;}
ol.sshow-markers li{display:inline;margin:0 0.5em;}
ol.sshow-markers li a{display:inline-block;background-color:#007A2E;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;color:white;font-size:0.8em;font-weight:bold;padding:0.5em 0.9em;border:2px solid transparent;}
ol.sshow-markers li.twoDigits a {padding:0.5em 0.6em;}
ol.sshow-markers li.active-marker a {color:white;background-color:black;}
ol.sshow-markers li a:hover,
ol.sshow-markers li a:active,
ol.sshow-markers li a:focus{background-color:white;color:#007A2E;border-color:#007A2E;}
p.sshow-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

div.vistaSlide {position:relative;font-size:111.111%;}
div.vistaSlide img{max-width:100%;}

#portal-header-titleImageSS #titleImageSS-box-right img{height:100%;float:right;margin-right:-1em;}
#portal-header-titleImageSS #titleImageSS-box-right a.slideTextImage,
#portal-header-titleImageSS #titleImageSS-box-right span.slideTextImage,
div.vistaSlide span.slideTextImage,
div.vistaSlide a.slideTextImage,
#content div.vistaSlide a.slideTextImage {position:absolute; z-index:9999; right:0;bottom:1em;background-color:rgba(0,122,46,0.8);color:white;padding:0.5em 0.5em;display:block;max-width:20%;text-align:right;text-decoration:none;font-weight:normal;}
#portal-header-titleImageSS #titleImageSS-box-right a.slideTextImage:hover span,
#portal-header-titleImageSS #titleImageSS-box-right a.slideTextImage:active span,
#portal-header-titleImageSS #titleImageSS-box-right a.slideTextImage:focus span,
#content div.vistaSlide a.slideTextImage:hover span,
#content div.vistaSlide a.slideTextImage:active span,
#content div.vistaSlide a.slideTextImage:focus span{text-decoration:underline;color:white;}

#content #slideshow-wrapper img {max-width:100%;}

@media screen and (max-width : 1152px) {
#portal-header-titleImageSS #titleImageSS-box-right img{margin-right:-7em;}
}

@media screen and (max-width : 1024px) {
#portal-header-titleImageSS #titleImageSS-box-right img{margin-right:-8em;}
}

@media screen and (max-width : 1000px)  {
#portal-header-titleImageSS .wrap {position:relative;padding:0;}
#titleImageSS-wrapper, #titleImageSS-wrapper .wrap-height {height:24em;}
#portal-header-titleImageSS .wrap-content {padding-left:1em;}
#portal-header-titleImageSS #titleImageSS-box-right img {margin-right:-22%;}
}

@media screen and (max-width : 767px) {
#portal-header-titleImageSS {display:none;visibility:hidden;}
.clasica #portal-header-titleImageSS {display:block;visibility:visible;}
}