﻿@charset "UTF-8";
/* ESTILOS DEL CUERPO COMPLETO (CABECERA + CUERPO + PIE)*/
@font-face {
  font-family: "LucidaTC";
  src: url("lucida.eot");
  src: local("?"), url("lucida.woff") format("woff"), url("lucida.ttf") format("truetype"), url("lucida.svg") format("svg"); }
@font-face {
  font-family: "ArialTC";
  src: url("arial-narrow.eot");
  src: local("?"), url("arial-narrow.woff") format("woff"), url("arial-narrow.ttf") format("truetype"), url("arial-narrow.svg") format("svg"); }
/* Tipos de letra */
/* colores */
/* FIN - ESTILOS DEL CUERPO COMPLETO (CABECERA + CUERPO + PIE)*/
/* ESTILOS DE LA CABECERA Y EL PIE */
/* Cabecera */

#imgCabeceraMovil {
    display:none;
    width:100%;
}

#master-head {
  background-color: #F6AD2D;
  font-family: "ArialTC", Arial Narrow, Arial, sans-serif; }
  #master-head h1 {
    /*width:100%;*/
    margin-top: 0px;
    margin-bottom: 0px; }
    #master-head h1 a:link,
    #master-head h1 a:visited,
    #master-head h1 a:hover {
      font-family: "ArialTC", Arial Narrow, Arial, sans-serif !important;
      font-weight: bold !important;
      font-style: normal !important;
      color: white !important; }
  #master-head #textoLogo {
    vertical-align: top;
    float: left;
    margin-left: 5px; }
  #master-head #logo a #escudoContenedor {
    vertical-align: top;
    padding-top: 4px;
    color: transparent !important;
    display: block;
    float: left; }

body {
  overflow-y: auto; }

/* FIN - Cabecera */
/* Buscador de la cabecera */
.ms-helperText, input.ms-helperText, .ms-srch-sb-border {
  color: #20201E; }

.ms-srch-sb-border,
.ms-srch-sb-border:hover {
  background-color: #FBD685;
  border-color: #878787; }

#buscador {
  /*position:absolute;
  right:20px;
  bottom:45px;
  width:23%;
  float:right;*/ }
  #buscador #SearchBox {
    background-color: #FBD685;
    margin-right: 10px;
    margin-top: 4px; }

  #buscador #SearchBoxctl00_controlSearch  {
    top: 65px;
    position: absolute;
    right: 25px;
}


.sboxctl00_controlSearch,
.sboxctl00_controlSearchMovil { 
    left: -35px;
    top: -57px;
    position: absolute;
}

.TCE_searchButton {
    left: -35px;
    top: -57px;
    position: absolute;
}

#buscadorMovil {
  /*position:absolute;
  right:20px;
  bottom:45px;
  width:23%;
  float:right;*/ }
  #buscadorMovil #SearchBox {
    background-color: #FBD685;
    margin-right: 10px;
    margin-top: 4px; }

.ms-srch-sb > input {
  width: auto;
  min-width: 140px;
  font-family: "LucidaTC", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; }

#searchInputBox {
  top: 65px;
  position: absolute;
  right: 15px; }

/*#SearchBox .ms-srch {
    background-color:#fff;
}*/
/* FIN - Buscador de la cabecera */
/* Idiomas de la cabecera */
#variantes {
  margin: 5px 10px 0 0;
  position: absolute;
  right: 10px; }

/* FIN - Idiomas de la cabecera */
/* Resultados de busqueda del buscador */
.ms-srch-result-groups#Groups #NoResult ul li:last-child {
    display:none;
}
/* FIN - Resultados de busqueda del buscador */
/* Idiomas de la cabecera (Versi├│n m├│vil) */
#variantesMovil {
  display: block;
  width: 100%; }
  #variantesMovil a {
    display: block;
    width: 100%;
    font-family: "ArialTC", Arial Narrow, Arial, sans-serif;
    font-size: 16px !important;
    border-bottom: 1px solid #F6AD2D;
    height: 30px;
    padding: 0px 10px 6px 10px !important;
    line-height: 1.8; }
    #variantesMovil a:first-child {
      /* height:28px;
       line-height:1.5;*/ }
    #variantesMovil a:hover {
      text-decoration: none;
      background-color: #FBD685; }
  #variantesMovil a.idiomaActual {
    background-color: #F6AD2D; }

.container-fluid #bs-navbar-collapse #ctl00_MetadataMenu1 {
  display: none; }

#buscadorMovil #searchInputBox2 #SearchBox {
  float: right;
  padding-bottom: 5px; }

/* FIN - Idiomas de la cabecera (Versi├│n m├│vil) */
/* Contacto de la cabecera */
#contacto {
  margin: 0px auto; }
  #contacto ul {
    list-style-type: none !important;
    text-align: left; }
    #contacto ul.navTopRight {
      list-style-type: none;
      text-align: left;
      color: #555555 !important; }
      #contacto ul.navTopRight li {
        background: url("/Style%20Library/TC.Web/images/TC_menu_separator.png") no-repeat 0px 4px transparent;
        padding-left: 12px;
        background-size: contain !important; }
        #contacto ul.navTopRight li:first-child {
          background: none !important; }
        #contacto ul.navTopRight li a:link, #contacto ul.navTopRight li a:visited {
          color: #555555 !important; }
        #contacto ul.navTopRight li a:hover {
          color: #20201E !important; }
    #contacto ul li {
      display: inline-block; }

/* FIN - Contacto de la cabecera */
/* Logo y titulo de la cabecera */
.head-title {
  margin: 0px 0 0 0px;
  /*float:left;*/
  padding: 0;
  white-space: nowrap; }
  .head-title:link, .head-title:visited, .head-title:hover {
    text-decoration: none;
    outline: 0; }

/* FIN - Logo y titulo de la cabecera */
/* Navegaci├│n */
nav {
  margin-bottom: 15px; }

ul.navbar-nav {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style-type: none; }
  ul.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 6px;
    color: #20201E; }
  ul.navbar-nav li {
    height: 30px;
    /*display:inline-block;*/
    border-bottom: 1px solid #F6AD2D;
    margin: 0px;
    padding: 0px; }
    @media screen and (max-width: 767px) {
      ul.navbar-nav li {
        border-top: 1px solid #20201E; } }
    ul.navbar-nav li.selected {
      background-color: #20201E; }
      ul.navbar-nav li.selected a:link, ul.navbar-nav li.selected a:visited {
        color: #F6AD2D; }
      ul.navbar-nav li.selected a:hover {
        color: #20201E;
        /*color:white;*/
        background-color: #FBD685; }
    ul.navbar-nav li a {
      display: block;
      font-size: 16px !important;
      font-family: "ArialTC", Arial Narrow, Arial, sans-serif;
      /*font-weight: bold;*/
      font-style: normal;
      text-decoration: none;
      text-align: left;
      padding-left: 10px;
      padding-right: 10px; }
      ul.navbar-nav li a:hover {
        text-decoration: none;
        /*background-color:$naranja;
        color:$negroOscuro;
        color:white;*/
        background-color: #FBD685; }

.navbar {
  min-height: 30px;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-bottom: 0px; }
  .navbar .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px; }
  .navbar .container-fluid {
    background-color: #F6AD2D;
    padding-right: 0px;
    padding-left: 0px;
    /* Navegaci├│n movil */
    /* FIN - Navegaci├│n movil */ }
    .navbar .container-fluid #bs-navbar-collapse ul.navbar-nav {
      background-color: #F6AD2D; }
    .navbar .container-fluid .navbar-header #navMobile {
      display: none;
      background-color: #41566C;
      position: absolute;
      width: 100%;
      margin-left: 15px;
      padding-right: 15px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .navbar .container-fluid .navbar-header #navMobile {
          display: block; } }
      .navbar .container-fluid .navbar-header #navMobile .activo {
        background-color: #F6AD2D; }
      .navbar .container-fluid .navbar-header #navMobile #recurIdioma,
      .navbar .container-fluid .navbar-header #navMobile #recurBusca,
      .navbar .container-fluid .navbar-header #navMobile #recurLogin {
        width: 30%; }
    .navbar .container-fluid .navbar-header .navbar-toggle {
      /*border-color:#ddd;
      background-color:rgb(248, 248, 248);*/
      margin-right: 25px;
      min-width: inherit; }
      .navbar .container-fluid .navbar-header .navbar-toggle .icon-bar {
        background-color: white; }
    .navbar .container-fluid .navbar-header a:link, .navbar .container-fluid .navbar-header a:visited, .navbar .container-fluid .navbar-header a:hover {
      color: white;
      margin-left: 20px; }
    .navbar .container-fluid .navbar-header a.navbar-brand:link, .navbar .container-fluid .navbar-header a.navbar-brand:visited, .navbar .container-fluid .navbar-header a.navbar-brand:hover {
      padding-top: 0px;
      padding-left: 0px;
      outline: 0;
      height: 53px;
      position: absolute; }
    .navbar .container-fluid .navbar-header a.navbar-brand #escudoSmall {
      height: 50px;
      margin-right: 10px;
      display: inline;
      float: left; }
    .navbar .container-fluid #idioma {
      background-color: #41566C;
      color: white; }
      .navbar .container-fluid #idioma a:link, .navbar .container-fluid #idioma a:hover, .navbar .container-fluid #idioma a:visited {
        color: white; }
      .navbar .container-fluid #idioma ul .navbar-nav {
        background-color: #41566C; }
    .navbar .container-fluid #login {
      background-color: #41566C;
      color: white; }
      .navbar .container-fluid #login a:link, .navbar .container-fluid #login a:hover, .navbar .container-fluid #login a:visited {
        color: white; }
      .navbar .container-fluid #login ul .navbar-nav {
        background-color: #41566C; }
    .navbar .container-fluid #busca {
      background-color: #41566C;
      color: white; }
      .navbar .container-fluid #busca a:link, .navbar .container-fluid #busca a:hover, .navbar .container-fluid #busca a:visited {
        color: white; }
      .navbar .container-fluid #busca ul .navbar-nav {
        background-color: #41566C; }

/* FIN - Navegaci├│n */
/* Pie */
#s4-bodyContainer {
  padding-bottom: 5px; }
  #s4-bodyContainer .contenedorFooter {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px; }
    #s4-bodyContainer .contenedorFooter .master-foot {
      border-top: 2px solid #dedede;
      padding: 10px 0 0 0;
      color: #555555;
      font-family: "LucidaTC", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
      font-size: 10.5px;
      min-height: 30px; }
      #s4-bodyContainer .contenedorFooter .master-foot .col-xs-4.derecha img {
        padding-left: 5px;
        width:32px;
        height:32px;
      }
      #s4-bodyContainer .contenedorFooter .master-foot .col-xs-4.derecha a:link,
      #s4-bodyContainer .contenedorFooter .master-foot .col-xs-4.derecha a:hover,
      #s4-bodyContainer .contenedorFooter .master-foot .col-xs-4.derecha a:visited,
      #s4-bodyContainer .contenedorFooter .master-foot .col-xs-4.derecha a {
          text-decoration:none !important;
      }

/* FIN - Pie */
/* Breadcrumb */
.ContenedorBreadcrumb {
  background-color: white; }
  .ContenedorBreadcrumb .ms-breadcrumb-box {
    height: 35px;
    padding-left: 0px;
    padding-top: 5px;
    width: 100% !important; }
    .ContenedorBreadcrumb .ms-breadcrumb-box .ms-breadcrumb-top {
      width: auto;
      float: left; }
      .ContenedorBreadcrumb .ms-breadcrumb-box .ms-breadcrumb-top .ms-breadcrumb-dropdownBox {
        vertical-align: middle !important;
        display: block !important; }
    .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap {
      list-style-type: none !important;
      margin-bottom: 0px !important;
      /*ul {
          list-style-type:none !important;
          margin-bottom:0px !important;
      }*/ }
      .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span {
        float: left;
        padding-left: 5px;
        padding-right: 5px; }
        .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span:first-child + span + span {
          display: none !important; }
        .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span:nth-child(2) {
          display: none; }
        .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span a .ms-breadcrumbNode {
          float: left;
          margin-top: 0px !important;
          padding-left: 0px !important; }
        .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span a.ms-breadcrumbNode:link, .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span a.ms-breadcrumbNode:visited, .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span a.ms-breadcrumbNode:hover, .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span a.ms-breadcrumbRootNode:link, .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span a.ms-breadcrumbRootNode:visited, .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span a.ms-breadcrumbRootNode:hover {
          font-family: "ArialTC", Arial Narrow, Arial, sans-serif !important;
          font-size: 16px !important;
          color: #777777 !important; }
        .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap span.ms-breadcrumbCurrentNode {
          font-family: "ArialTC", Arial Narrow, Arial, sans-serif !important;
          font-size: 16px !important;
          color: #777777 !important; }
      .ContenedorBreadcrumb .ms-breadcrumb-box #ctl00_PlaceHolderTitleBreadcrumb_ContentMap .ms-breadcrumbRootNode {
        float: left;
        margin-top: 0px !important;
        padding-left: 0px !important; }
    .ContenedorBreadcrumb .ms-breadcrumb-box .ms-breadcrumb-header {
      display: none !important; }

/* FIN - Breadcrumb */


/*  En principio parece que no era necesario....  REVISAR  
    
    .ms-breadcrumb-menu {
    background-color: transparent !important;
    box-shadow:none !important;
    margin-top:10px;
    padding-top:0px !important;
    padding-bottom: 0px !important;
    min-width: 900px !important;
    max-width: 100% !important;
}
.s4-breadcrumbNode {
    margin-right: 0px;
    margin-left:5px;
}
.s4-breadcrumbNode,.s4-breadcrumb-arrowcont,
.s4-breadcrumb {
    float: left;
}
ul.ms-breadcrumbRootNode, ul.ms-breadcrumbNode{
    margin-left:0px !important;
}
#breadcrumb {
    width:auto;
    float:left;
}
.s4-breadcrumb-arrowcont .s4-breadcrumb {
    padding-top:6px;
}
.ms-popoutMenu {
    display:block !important;
}
#GlobalBreadCrumbNavPopout-menu {
    display:block !important;
}
ul.s4-breadcrumb {
    padding-left:0px;
}
ul.s4-breadcrumb > li.ms-breadcrumbRootNode > span.s4-breadcrumb-arrowcont {
	display:none;
}
*/
/* Clases que aplica tc.web.js cuando creamos un PDF  */
.modePDFbefore {
  height: auto !important;
  overflow: visible !important; }

.modePDFbefore2 {
  height: auto !important;
  overflow-y: visible !important; }

.modePDFafter {
  overflow: hidden !important; }

.modePDFafter2 {
  overflow-y: auto !important; }

/*.modePDF_HTML .ocultoPDF_PRINT {
	display:none;
}*/


/* Webpart visor de video en streaming */
.contenedorVideoStreaming {
    position:relative;
    width:100%;
    height:0;
    padding-bottom: 56.25%;
}
.contenedorVideoStreaming iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* FIN - Webpart visor de video en streaming */


/* FIN - Clases que aplica tc.web.js cuando creamos un PDF  */
/* Small devices & Medium devices (large desktops, 1199px and down) */
@media screen and (max-width: 1199px) {
  /* Cabecera */
  #master-head {
    height: 265px;
    background-position-y: bottom; }

  /* FIN - Cabecera */
  /* Logo y titulo de la cabecera */
  .head-title {
    font-size: 40px; }

  /*#escudo img {
      width:95%;
  }*/
  /* FIN - Logo y titulo de la cabecera */
  /* Buscador */
  #searchInputBox,
  #buscador #SearchBoxctl00_controlSearch {
    top: 45px; }

  /* FIN - Buscador */ }
/* Small devices & Medium devices (desktops, 991px and down) */
@media screen and (max-width: 991px) {
  /* Cabecera */
  #master-head {
    height: 245px;
    background-position-y: bottom; }

  /* FIN - Cabecera */
  /* Buscador de la cabecera */
  #SearchBox {
    /*background-color:white;*/ }

  #buscador {
    /*width:25%;*/ }

#searchInputBox,
  #buscador #SearchBoxctl00_controlSearch {
    top: 35px; }

  #buscador .ms-srch-sb > input,
  #buscador  #sboxctl00_controlSearch {
    width: 130px;
    min-width: 130px;
    right: 9px; }

  /* FIN - Buscador de la cabecera */
  /* Logo y titulo de la cabecera */
  .head-title {
    font-size: 32px; }

  /* FIN - Logo y titulo de la cabecera */
  /* Contacto de la cabecera */
  #contacto {
    width: 100%; }

  /* FIN - Contacto de la cabecera */ }
/* Small devices (tablets, 767px and down) */
@media screen and (max-width: 767px) {
  /* Cabecera */
  #master-head {
    display: none; }

  /* FIN - Cabecera */
  /* Navegaci├│n m├│vil */
  .navbar-header {
    min-height: 77px; }

  .navbar-header .navbar-toggle {
    margin-top: 42px;
    background: linear-gradient(to bottom, #777777 0, #000 100%); }

  .navbar-header .navbar-brand {
    margin-top: 32px;
    height: 55px; }

  /*#escudo,*/
  .head-title {
    display: none; }

  .navbar-nav li {
    display: block; }

  #bs-navbar-collapse, #idioma, #busca, #login {
    margin-left: 0px;
    margin-right: 0px;
    overflow-y: hidden; }

  .navbar-nav {
    height: auto; }

  #visibleMobile {
    display: block; }

  /* FIN - Navegaci├│n m├│vil */ 
}


/* Large devices & Medium devices (desktops, 768px and up) */
@media screen and (min-width: 768px) {
  /* Cabecera */
    #master-head {
        background-image: url("/Style library/TC.Web/images/header_750.png");
        height: 152px;
    }

  #escudoContenedor {
    width: 53px;
    height: 53px;
    background: url("/Style library/TC.Web/images/escudo_small.png") no-repeat 0px 0px transparent;
    margin-left: 20px;
    margin-top: 8px; }

  #variantes {
    margin-top: 0px; }

  #master-head h1 a:link,
  #master-head h1 a:visited,
  #master-head h1 a:hover {
    font-size: 27px; }

  #buscador {
    /*right:15px;
    bottom:25px;*/ }

  #master-head #textoLogo {
    line-height: 2.9;
    padding-left: 10px; }

  /* FIN - Cabecera */
  /* Navegaci├│n m├│vil */
  .navbar-brand {
    display: none; }

  #idioma, #busca, #login {
    display: none !important;
    visibility: hidden !important; }

  /* FIN - Navegaci├│n m├│vil */
  /* Navegaci├│n */
  ul.navbar-nav li:last-child {
    display: block;
    float: right; }

  ul.navbar-nav {
    width: 100%; }

  /* FIN - Navegaci├│n */ }
/* Large devices & Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
  /* Cabecera */
  #master-head {
    background-image: url("/Style library/TC.Web/images/header_970.png");
    height: 198px;
  }

  #escudoContenedor {
    width: 72px;
    height: 72px;
    background: url("/Style library/TC.Web/images/escudo_medium.png") no-repeat 0px 0px transparent;
    margin-top: 8px;
    margin-left: 30px; }

  #variantes {
    margin-top: 5px; }

  #master-head h1 a:link,
  #master-head h1 a:visited,
  #master-head h1 a:hover {
    font-size: 35px; }

  #buscador {
    /*right:15px;
    bottom:25px;*/ }

  #master-head #textoLogo {
    line-height: 2.9;
    padding-left: 10px; }

  /* FIN - Cabecera */ }
/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
  /* Cabecera */
  #master-head {
    background-image: url("/Style library/TC.Web/images/header_1170.png"); 
    height: 240px;
        }

  #escudoContenedor {
    width: 85px;
    height: 85px;
    background: url("/Style library/TC.Web/images/escudo_big.png") no-repeat 0px 0px transparent;
    margin-top: 12px;
    margin-left: 30px; }

  #master-head h1 a:link,
  #master-head h1 a:visited,
  #master-head h1 a:hover {
    font-size: 41px; }

  #buscador {
    /*right:15px;
    bottom:40px;*/ }

  #master-head #textoLogo {
    line-height: 2.9;
    padding-left: 15px; }

  /* FIN - Cabecera */
  /* FIN - Logo y titulo de la cabecera */ }



/* Version movil */
body.movil .container {
    width:100% !important;
    overflow-x: hidden;
}
body.movil #master-head {
    /*background-size:cover;*/
    background-image:none;
    background:#F6AD2D url(/Style%20Library/TC.Web/images/pageglare.png) no-repeat scroll !important;
    height:auto;
}
body.movil #imgCabeceraMovil {
    display:block;
}
/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    body.movil .TC_Column_5_Home .col25 {
        width:27%;
    }
}
/* FIN - Version movil */