﻿@charset "UTF-8";

/* BEGIN FIXES */

body {
    overflow: scroll;
}

.content {
    border-top:0px;
}

img {
    border-bottom: none;
    border-image-width: 0px;
    border-bottom-color:green;
}

/* END FIXES */

/* BEGIN FONTS & RESPONSIVE */

@font-face {
    font-family: "RobotoCondensed-Bold";
    src: url("Roboto/RobotoCondensed-Bold.ttf") format('truetype')
}

@font-face {
    font-family: "RobotoCondensed-Regular";
    src: url("Roboto/RobotoCondensed-Regular.ttf") format('truetype')
}


@media screen and (max-width: 575.98px) {
    body {
        font-size: 32px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767.98px) {
    body {
        font-size: 32px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    body {
        font-size: 32px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    body {
        font-size: 16px;
    }
}

@media screen and (min-width: 1200px) {
    body {
        font-size: 16px;
    }
}

/* END FONTS */


/* BEGIN HEAD*/

.ftv-head-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.link-head, .link-head:visited, .link-head:hover, .link-head:active {
    /*text-decoration: none;*/
}

.ftv-head-cont {
    background-color: rgba(147,155,200,0.35); 
}

.ftv-head-cont .left {
    padding:0px;
    background-color:#24211E;
}

.ftv-head-cont h1,
.ftv-head-cont h2,
.ftv-head-cont h3,
.ftv-head-cont h4,
.ftv-head-cont h5,
.ftv-head-cont h6,
.ftv-head-cont span,
.ftv-head-cont h1:hover,
.ftv-head-cont h2:hover,
.ftv-head-cont h3:hover,
.ftv-head-cont h4:hover,
.ftv-head-cont h5:hover,
.ftv-head-cont h6:hover,
.ftv-head-cont span:hover{
    font-family: "RobotoCondensed-Regular", sans-serif;
    color:#353848;
}

.ftv-head-cont .titulo,
.ftv-head-cont .subtitulo,
.ftv-head-cont .titulo:hover,
.ftv-head-cont .subtitulo:hover,
.link-head:hover {
    color:#353848;
}

.ftv-head-cont h1 {
    font-size:2.25em; /*36px;*/
}

.ftv-head-cont h2 {
    font-size:1.5em; /*24px;*/
}

.ftv-head-cont h5,
.ftv-head-cont span {
    font-size:0.9375em; /*15px;*/
}

.ftv-head-cont .titulo,
.ftv-head-cont .subtitulo {
    /*margin-right:1.25em;*/ /*20px;*/
}

.ftv-head-cont .titulo {
    font-family: "RobotoCondensed-Bold",sans-serif;
    font-weight: 900;
    letter-spacing:0px;
    font-size:2.25em; /*36px;*/
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.ftv-head-cont .subtitulo {

    font-family: "RobotoCondensed-Regular",sans-serif;
    font-size: 0.9375em; /*15px;*/
}


/* END HEAD*/

/* BEGIN PORTADA */

.in-memoriam {
    margin-top: .75em; /*20px;*/
    font-family: "RobotoCondensed-Regular",sans-serif;
    text-align: justify;
    font-size: 1.25em; /*18px;*/
}

blockquote {
    float: right;
    border: 0px;
    font-family: "RobotoCondensed-Regular",sans-serif;
    font-size: 0.875em; /*14px;*/
    text-align: left;
}

blockquote small {
    float:right;
}

.link-cuadro, .link-cuadro:visited, .link-cuadro:hover, .link-cuadro:active {
    text-decoration: none;
}

.cuadro-color,
.cuadro-color-abajo {
    background-color: #2a596b;
    color: white;
    /*padding-left:5px;
    padding-right:5px;*/
}

.cuadro-color-abajo {
    height: 9.375em; /*150px;*/
}

.cuadro-color .titulo {
    font-family: "RobotoCondensed-Regular",sans-serif;
    font-size: 2.25em; /*36px;*/
    margin-top: 10px;
    margin-bottom: 15px;
}

.cuadro-color .descripcion {
    font-family: "RobotoCondensed-Regular",sans-serif;
    padding: 0 0 10px 0px;
    font-size: 1.25em; /*20px;*/
}

.cuadro-foto {
    overflow: hidden;
}

.cuadro-foto img {
    width:99%;
}

.link-cuadro .img-zoom {

    cursor: pointer;

    filter: brightness(100%);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    --ms-transition: all .9s ease;
    transition: all .9s ease;
    max-height:300px;
}

.link-cuadro:hover .img-zoom {
    filter: brightness(110%);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

/* END PORTADA   */

/* BEGIN MMF */

.ftv-txt{
	font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: justify;
    margin: 25px 0px 25px 0px;
    font-size: 1.2em;
    }
.ftv-txt h1 {
    font-family:Roboto condensed, Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-weight: bold;
    color:#00234a;
    padding: 15px 0px 15px 0px;
}
}
.ftv-txt a:link {
    color:#00234a;
    font-weight: bold;
    text-decoration: underline;
}
.ftv-txt ul {
	padding-left:25px;
    padding-top: 5px; 
}
.ftv-txt ul li {
    list-style-image: url('/Style%20Library/TC.Web/images/TC_bulletSquareBlue.png');
    list-style-position: outside;
	padding: 15px; 
}

.ftv-btn a {
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  background: #235f87;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.ftv-btn>a::before {
    content: url('/Style%20Library/TC.Web/images/flechaNaranja.png');
}

.ftv-btn a:hover {
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  background: #c25d0f;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.linea {
    border-top: 5px solid #00234a;
    height: 5px;
    padding: 0;
    margin: 15px 0px 15px 0px;
}

/* Estilos para navegación FTV */
.ftv-menu {
    position: relative;
    width: 100%;
    background: #F4F4F4;
    list-style: none;
    margin: 15px 0px 15px -65px;
}
.ftv-menu li {
    float:left;
    padding: 0 0 10px 0;
    position:relative;
    display: block;
    width:auto;
}
.ftv-menu a {
    border-right: 2px solid #7C7C7C;
    color: rgb(17, 71, 119);
    display: block;
    padding: 10px;
    text-decoration: none;
} 
.ftv-menu li:hover > a {
    color:#235f87;
}
.ftv-menu li:hover > ul{
    display: block;
}

.ftv-menu li > ul {
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: relative;
    top: 5px;
    left: 0; 
    background: #FFF;
}

.ftv-menu li ul li {
    float: none;
    margin: 0;
    padding: 0px;
    display: block;  
}  
.ftv-menu li ul a {
    border-right: 0px;
    border-bottom: 2px solid #7C7C7C;
    text-decoration: none;
    color: #41240f;
}
.ftv-row {
    margin: 5px 0px 5px 0px;
    width: 100%;
    display: block;

}

#master-head-tc {
    background-color: #F6AD2D;
    font-family: "ArialTC", Arial Narrow, Arial, sans-serif; 
    width:1140px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
 }
    
.head-background {
    float: left;
    width: 10%;
    position: fixed;
}
.head-title {
    font-family: "ArialTC", Arial Narrow, Arial, sans-serif !important;
    font-weight: bold !important;
    font-size: 2em;
    font-style: normal !important;
    color: white !important;
    text-decoration: none;
    padding-left: 15px;     
}
.head-escudo {
    padding: 15px;
}

.head-title:link, .head-title:visited, .head-title:hover {
    text-decoration: none; }

/* END MMF */

    /* Album de la galeria fotográfica */    
    /* Webpart album de la galeria fotografica */
    ul.albumGaleria  {
        width:1110px !important;
    }
    ul.albumGaleria.visitas div.image-area-top div.inner-image-area-top {
        width: 328px;
	    height: 246px;
    }

    ul.albumGaleria.visitas div.image-area-top div.inner-image-area-top img.image {
        max-width:326px;
        max-height:244px;
    }
    /* FIN - Album de la galeria fotográfica */    

    /* Listado de videos multimedia */
    ul.albumGaleria.visitas.multimedia div.image-area-top div.inner-image-area-top {
        height:185px;
    }
    ul.albumGaleria.visitas.multimedia div.image-area-top div.inner-image-area-top img.image {
        max-height:183px;
    }
    /* FIN - Listado de videos multimedia */