@charset "UTF-8";

/*********** botón subir página  **************/

#topcontrol {
    color: #000 !important;
    background: var(--amarillo-uptc) !important;
}


/**************** traductor *******************/

@media(max-width:1013px){
    .pc, .divSearch{
        display: none !important;
    }
}

.goog-te-menu-value span {
    font-size: 11px !important;
}

.skiptranslate iframe {
    display: none !important;
}

.goog-te-gadget {
    white-space: normal !important;
    z-index: 201 !important;
    right: calc(0.6% + 180px) !important;
    position: fixed !important;
    top: 5px !important;
}

.goog-te-gadget-simple {
    background-color: transparent !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #fff !important;
}

.goog-te-gadget-icon {
    border-radius: 15px !important;
}

a.goog-te-menu-value:hover {
    text-decoration: none;
    color: var(--amarillo-uptc) !important;
}

.goog-te-menu-frame {
    box-shadow: none !important;
}
#google_translate_element img {
      display: none ;
    }

#google_translate_element span {
      color: white !important;
	  font-size: 9.5px !important;
    }
/*
    #google_translate_element select {
      display: block ;
    }
*/

/********************** search ***************************/
.divSearchPhone {
    width: 85%;
    top: 0;
    right: 0;
    margin: auto !important;
}

.divSearch {
    position: fixed;
    width: 175px;
    top: 0;
    right: 0;
    z-index: 201;
    margin-right: 0.6% !important;
}

.gsc-control-cse {
    border-color: transparent !important;
    background-color: transparent !important;
}

input.gsc-input {
    font-size: 13px !important;
}

.gsc-control-cse {
    padding: 2px !important;
}

.gsib_a {
    padding: 0px !important;
}

.gsc-input-box input {
    height: 12px !important;
}

.gsc-search-button-v2 {
    height: 21px !important;
    padding: 0px 15px !important;
}

table.gsc-search-box {
    margin-top: 4px !important;
}

.gsc-input-box {
    border: 1px solid #dfe1e5 !important;
    background: #fff !important;
    border-radius: 5px !important;
    margin-top: 0px !important;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #000000 !important;
    background-color: var(--amarillo-uptc) !important;
    background-image: none !important;
    border-radius: 5px !important;
    margin-top: 2px !important;
}

.gsc-search-button {
    margin-left: 0px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 4px !important;
    background-size: 88% !important;
}


/******************** barra superior **************************/

.head .col {
    position: fixed !important;
}

.nav-main-container{
    margin: auto !important;
}

.area-header .header-links>ul>li>a {
    text-transform: none !important;
}

.header-links-bg {
    left: 0;
    position: fixed;
    width: 100%;
    height: 35px !important;
    z-index: 200;
}

.header-links-bg ul {
    flex-wrap: wrap;
    margin: 0px;
    list-style: none;
    pointer-events: auto;
    height: 100%;
    align-content: center;
}

.ls-row.no-icon li:not(:last-child) {
    margin-right: 2rem !important;
	border-right: 1px solid #fff;
	padding-right: 15px;
}

.area-header .header-links>ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 14.5px;
}

.area-header .type-linksequence {
    height: 100%;
}
/*
.type-linksequence ul{
 	display: flex !important;
    justify-content: flex-start !important;
	margin-left: 25% !important;
}*/

.header-links ul a {
    color: white !important;
    font-weight: 200 !important;
}

.header-links ul a:hover {
    color: var(--amarillo-uptc) !important;
}

.area-content {
        margin-top: 4%;
}


/******************** búsqueda ******************************/


.input.button button.btn{
    border: 1px solid black !important; 
}

.input.button button.btn:hover{
    background-color: var(--amarillo-uptc) !important;   
}

#nav-main-search {
    display: none !important;
}


/************************************ header **************************************************************/

.nav-main-container{
    margin: auto !important;
}

.col.col-head-logo {
    background-color: unset !important;
    margin: auto;
	left: 0px !important;
}

.col.col-head-info {
    left: 0;
    height: 6.5%;
    margin: auto;
    margin-top: 35px;
}

.nav-main-items>li {
    margin-right: 2%!important;
}

.nav-main-items .active {
    background-color: transparent;
}

#nav-main-search{
    margin-right: 0% !important;
}

.header-title{
    display: none !important;
}

/*.breadcrumbs-bg{
   position: fixed !important;
    top: 200px !important;
    z-index: 5 !important;
}*/

.image-src-box{
    padding-bottom: 80%;
}

/*
.nav-main-items {
    justify-content: space-evenly !important;
} 
*/

.nav-main-items a{
    color:white !important;
    font-size: 13px !important;
} 

.nav-main-items>li:hover {
    transition: 1s;
}

.nav-main-items>li>a:hover {
    transition: 0.3s;
    color: var(--amarillo-uptc) !important;
    cursor: pointer;
}
    

.isfixed a{
  color:#5a6069 !important;
}

.area-header {
    background: none !important;
}

.nav-menu{
    top: 40px !important;
    border-top: solid 1px white !important;
    border-bottom: solid 1px white !important;

}

.header-group {
    border-bottom: none !important;
}

.ap-header{
    background:unset;
}

.ap-header .navbar-toggle{
    background:#00273E;
    color:#fff;
}

.ap-header .head-navbar{
    border-bottom:none;
}

.ap-header .nav>li>a{
    background-color:unset;
    color:#fff;
    font-size:12px;
}

.ap-header .nav>li:hover>a{
    border-bottom:unset;
    background-color:#fff;
    color:#00273E;
    border-radius:3px;
}

.ap-header .nav #searchButtonHeader .search{
    border-bottom:unset;
    background-color:unset;
    color:#fff;
}

.ap-header .nav #searchButtonHeader .search:hover{
    background-color:#fff;
    color:#00273E;
    border-radius:3px;
}

.ap-header .nav .search-open{
    border-top: solid 2px #00273E;
    border-bottom: solid 2px #00273E;
}

#searchButtonHeader .input-group-btn .btn{
    background-color:#00273E;
    border:unset;
}

#searchButtonHeader .input-group-btn .btn:hover{
    background-color:#005e97;
}

.area-header.logo-left .col-head-logo {
    padding: 0px !important;
}

.area-header.logo-left .notfixed .col-head-logo {
    flex: 0 0 21.333333% !important;
    max-width: 21.333333% !important;
    /*box-shadow: 0px 4px 10px !important;*/
}

.area-header.logo-left .isfixed .col-head-logo {
    flex: 0 0 21.333333% !important;
    max-width: 21.333333% !important;
    /*box-shadow: 0px 4px 10px !important;*/
}

.area-header.logo-left .col-head-logo {
    z-index: 300;
}

.area-header.logo-left .col-head-info {
    z-index: 200;
}

/************************ header - dimensiones ************************************/

@media (min-width: 1014px){

    .nav-main-items>li>a {
        padding: 0px 0px !important;
    }
	
	#google_translate_element img {
      display: none ;
    }

    #google_translate_element span {
      color: white !important;
	  font-size: 9.5px !important;
    }

}




@media(min-width:768px) and (max-width: 1013px){
	
	
    .area-header.logo-left .col-head-logo {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
	
	#google_translate_element img {
      display: none ;
    }

#google_translate_element span {
      color: white !important;
	  font-size: 9.5px !important;
    }
}

@media (max-width: 767px){
    .area-header.logo-left .col-head-logo {
        flex: 0 0 48% !important;
        max-width: 48% !important;
    }

    .nav-main-items>li>a {
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        padding: 15px 13px;
    }
	
	#google_translate_element img {
      display: none ;
    }

#google_translate_element span {
      color: white !important;
	  font-size: 9.5px !important;
    }
    
}


@media (max-width: 1013.98px){
    .nav-main-items li[aria-expanded=true]>a {
        /*background-color: #0d4167 !important;*/
    }
    
    #nav-toggle-label {
        top: 46px !important;
    }
	
	#google_translate_element img {
      display: none ;
    }

#google_translate_element span {
      color: white !important;
	  font-size: 9.5px !important;
    }
}


/******************************************** DIMENSIONES PANTALLA ************************************************/

@media (min-width: 552px){
    .container {
        max-width: 763px !important;
    }
    
    .area-header.logo-left .col-head-logo .header-image {
        max-width: 100% !important;
        margin: auto !important;
    }
}

@media (min-width: 764px){
    .container {
        max-width: 100% !important;
    }
}


@media (max-width: 767px) {

    /**************** contenedores ******************/
    
    .area-content {
        margin-top: 18%;
        z-index: 0 !important;
    }    
   
    /************** header  *********************/
    
    .col.col-head-info {
        background-color: black !important;
        height: 40px !important;
        margin-top: 3% !important;
        /*z-index: 2 !important;*/
    }

    .area-header.logo-left .notfixed .col-head-logo {
        flex: 0 0 42.333333% !important;
        max-width: 42.333333% !important;
        background-color: unset !important;
        /*z-index: 3 !important;      */
    }

    .area-header.logo-left .col-head-logo {
        padding: 0px !important;
    }

    #nav-toggle-label {
        top: 24px !important;
        right: 20px !important;
    }
    
    .nav-main-items li[aria-expanded=true]>a {
        background-color: rgba(0,0,0,0.5) !important;
    }

    .nav-main-items li[aria-expanded=true]>a:hover {
        background-color: rgb(255, 203, 40,0.8) !important;
        color: black !important;
    }
    
    .nav-main-items>li:hover {
        background-color: transparent !important;
    }
    
    .nav-main-items>li:hover {
        background-color:  transparent !important;
    }
    
    /*************** logo al activar hamburguesa *************/
    
    html.active-nav .area-header.logo-left .notfixed .col-head-logo {
        z-index: -1;
    }

    /************** menú hamburguesa *************************/
    
    #nav-toggle-label {
        top: 19px !important;
        right: 12px !important;
    }
    
    /******************* search ***************************/
    
    .divSearch {
        z-index: 1;
    }

    
/******************* menu hamburguesa al desplegarse ***************/
    
    .nav-main-container .nav-main-group {
        width: 80vw !important;
    }
    
    .nav-toggle.active span::before {
        top: 5px !important;
    }

    .nav-toggle.active span::after {
        bottom: -5px !important;
    }

}

@media(min-width: 768px ) and (max-width:1199px) {

    .col.col-head-info {
        height: 6% !important;
        margin-top: 35px !important;
    }  

    
}

/* add  27/01/2020 */
@media (min-width: 768px) and (max-width: 991px) {  
    .area-header.logo-left .notfixed .col-head-logo {
        flex: 0 0 31.333333% !important;
        max-width: 31.333333% !important;
    }
}

@media (min-width: 1014px) and (max-width: 1199px) {

    .area-header.logo-left .notfixed .col-head-logo {
        flex: 0 0 25.333333% !important;
        max-width: 25.333333% !important;
    }

    .area-header .header-links>ul {
        font-size: 15px;
        margin-right: 0px;
    }

    .ls-row.no-icon li:not(:last-child) {
    margin-right: 1rem !important
}

    .goog-te-gadget {
        right: calc(0.6% + 145px) !important;
    }

    .divSearch {
        width: 145px !important;
    }
}

@media (min-width: 1500px) and (max-width: 1800px) {

    .area-header.logo-left .notfixed .col-head-logo {
        flex: 0 0 18.333333% !important;
        max-width: 18.333333% !important;
    }
}

@media (min-width: 1801px) and (max-width: 1999px) {

    .area-header.logo-left .notfixed .col-head-logo {
        flex: 0 0 17.333333% !important;
        max-width: 17.333333% !important;
    }
}

@media (min-width: 2000px) {

    .area-header.logo-left .notfixed .col-head-logo {
        flex: 0 0 13.333333% !important;
        max-width: 13.333333% !important;
    }
}

@media (min-width: 1014px){
    .area-header.logo-left .col-head-info {
        padding-top: 0px !important;
    }

    .nav-main-items>li>a {
        text-transform: none !important;
    }
}

@media(min-width: 1014px ) and (max-width:1199px) {
    .nav-main-items a {
        font-size: 10.5px !important;
    }

    .nav-main-items {
        padding-left: 29% !important;
    }
}

@media(min-width: 1200px){

    .head .container {
        max-width: 100% !important
    }
    
    .nav-main-items {
        padding-left: 26% !important;
    }   
}

@media (min-width: 1014px){

  .isfixed .nav-menu>li>a {
    background-color: white;
 }
 
 .isfixed .nav-menu>li>a:hover {
    background-color: gray;
 }
 
 .notfixed .nav-menu>li>a {
    background-color: #005e97;
 }
 
   .nav-main-items>li.active>a, .nav-main-items>li.active>a:focus, .nav-main-items>li.active>a:hover, .nav-main-items>li>a:focus, .nav-main-items>li>a:hover, .nav-main-items>li[aria-expanded=true]>a, .nav-main-items>li[aria-expanded=true]>a:focus, .nav-main-items>li[aria-expanded=true]>a:hover {
    color: black;
  }
  
  .area-header.logo-left .col-head-logo .header-image {
        max-width: 100% !important;
        margin: auto !important;
    }
    
    .area-header.logo-left .nav-main-container {
        flex-grow: 0 !important;
    }
    
    .nav-main-items {
        justify-content: space-between !important;
    }


}

@media (max-width: 1013px){

    .gsc-search-box-tools .gsc-search-box .gsc-input {
        background-size: 112px !important;
    }

    .nav-main-container {
        background-image: url(/sitio/portal/.content/imagenes/fondo_movil.jpg);
        background-size: cover;
    }   
    
    .nav-main-items {
        background-color: rgba(0, 0, 0, 0.7) !important;
    }
    
    .nav-toggle {
        background-color: transparent !important;
        width: 40px !important;
        height: 40px !important;
    }
    
    .nav-toggle.active {
        background-color: #b31b34 !important;
    }
    
    .nav-toggle span {
        top: 13px !important;
        left: 6px !important;
        right: 6px !important;
        height: 4px !important;
        width: 30px !important;
    }

    .nav-toggle span::after, .nav-toggle span::before, .nav-toggle span {
        border-radius: 16px !important;
    }
    
    .nav-main-container .nav-main-group {
        background-color: transparent !important;
    }
    
    .nav-toggle span::after, .nav-toggle span::before {
        background-color: #ffffff !important;
        height: 4px !important;
    }
    
    .nav-main-items>li {
        border-bottom: 3px solid black !important;
    }

    .nav-main-items>li:hover {
        /*background-color: rgba(255, 186, 9, 0.7) !important;*/
        border-bottom: 3px solid black !important;
    }
    
    .nav-main-items li>a {
        border-bottom: none !important;
    }
    
    .nav-main-items>li>a:hover {
        color: black !important;
        background-color: rgb(255, 203, 40,0.8) !important;
    }
    

}

@media (max-width: 1013.98px){
    .nav-main-items li.active>a, .nav-main-items li.active[aria-expanded=true]>a {
        background-color: #0d4167 !important;
    }
    
    .nav-main-items li.active>a, .nav-main-items li.active[aria-expanded=true]>a {
        background-color: #0d4167 !important;
    }
    
    html.active-nav #mercury-page {
        right: 460px;
    }

    html.active-nav .head-overlay {
        z-index: 1 !important;
    }   
    
    
}

@media (max-width: 1013.98px){
	.nav-main-container .nav-main-mobile-logo {
		background-color: unset !important;
		padding: 35px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
}

@media (min-width: 1014px){

    .nav-main-items>li[aria-expanded]>a::after {
        right: -15px !important;
    }
}

@media(min-width:1014px) and (max-width: 1199px){
    .head .container{
        max-width: 100% !important;
    }

}

@media(min-width:1014px) and (max-width: 1250px){
    .ap-header .col-xs-12>img{
        display:none;
    }
}


@media(max-width:1013px){

    .ap-header .nav>li>a{
        background-color:unset;
        color:#000;
    }

    .ap-header .nav>li>a:hover{
        color:#fff;
        background:#00273E;
    }

}

/* resolucion de pantalla de computador escritorio 720p */
 @media (min-width: 720px) and (max-width: 1280px) {
 /*barra superior */
.area-header .header-links>ul {
    
    font-size: 14px;
}
/*header*/
.nav-main-items a{
    font-size: 14px !important;
} 
.ls-row.no-icon li:not(:last-child) {
    margin-right: 0.5rem !important;
	padding-right: 10px;
}
}