html,
    body {
        position: relative;
        height: 100%;
        




    }










    body {



        background: #fff;
    /* font-family: 'Montserrat', sans-serif;*/
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
        -webkit-font-smoothing: antialiased;

    }

    .swiper-container {
        width: 100%;
        height: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .navbar-toggler {
       /* border: none;*/
    }

    @media only screen and (min-width: 992px) {
        .navbar-textt {
            order: 5;
        }
    }

    .navbar {
        background: #79CEE2;
    }

    .navbar-textt:hover {
        text-decoration: none;
    }

    .margin {
        margin: auto;
        align-items: center;
        justify-content: center;
    }

    .padding {
       /* padding-left: 10%; */
    }

    .margin-left {
        margin-right: 8%;
    }
.form-inline {
    background: #e8e7e7;
    color: #0a0a0a;
    -webkit-appearance: none;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


.signin {
    border: 0;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3);
    box-shadow: 0px 10px 20px 0px #AFBCD1;
}


.titulo1 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    text-align: left;
    color: #FFFFFF;
    font-style: italic;
    text-shadow: 1px 1px 4px #AFBCD1;

}



.navbar-dark .navbar-toggler {
 
    background-color: #dc3545;
}

/* .fondoreloj:before {
 
 font-family: "Font Awesome 5 Free";
  content: "\f017";
  font-size: 180px;
  z-index: 0;
   position: absolute;
   color: #dc354524;
    
   
   
} */

.fondogirar:before {
 
 font-family: "Font Awesome 5 Free";
  content: "\f2f9";
  font-size: 80px;
  z-index: 11;
   position: absolute;
   color: rgba(115, 181, 212, 0.5);
       margin-left: 115px;
    margin-top: 48px;
    font-weight: 900;

   
   
}

.fondocelular:before {
 
 font-family: "Font Awesome 5 Free";
  content: "\f3cd";
  font-size: 180px;
  z-index: 10;
   position: absolute;
   color: teal;
       margin-left: 85px;
    margin-top: 118px;
    font-weight: 900;
   
   
}




/* ////// PAGINA /////// */

/* * {
    padding-top: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
}   */



body{
    background: fff;
   
}

#contenedor{
    background: fff;
    margin: 0px;
    width: 100%;
    
}

#etiquetas1{
    height: 138px;
    background-repeat: repeat-x;
    background-image: url(../images/Header.gif);
    text-align: right;
    color: #FFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    box-shadow: inset 0px -3px 3px 1px #CECFD3;
    display: block;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-top: 16px;
    background-color: #0A0D25;
    min-width: 920px;
    
}

#etiquetas2{
    margin: 3px 0px 0px 0px;
    height: 71px;
    background-image: url(../images/menu.gif);
    background-repeat: repeat-x;
}

#etiquetas3{
    margin: 0px 0px 0px 0px;
    background: white;
    width: 100%;
    text-align: center;
    
}
#etiquetas4{
    box-shadow: inset 0px 3px 3px 1px #FFFFFF;
    height: 62px;
    background-image: url(../images/footer.gif);
    background-repeat: repeat-x;
    
}


TEXTAREA {
    BORDER-RIGHT: #2b4571 1px solid;
    BORDER-TOP: #2b4571 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    BORDER-LEFT: #2b4571 1px solid;
    BORDER-BOTTOM: #2b4571 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #afbcd1;
}
INPUT {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    FONT-FAMILY: 'News Cycle', sans-serif;
    BACKGROUND-COLOR: #afbcd1;
    color: #666;
    border: 1px solid #CCCCCC;
}


#sectores{
    width: 100%;
    height: 340px;
    margin-top: 5px;
}

#sectores2{
    width: 100%;
    height: 50px;
    margin-top: 5px;
    /* [disabled]margin-left: 5%; */
    min-width: 930px;
}

#sectores3{
    width: 100%;
    height: 0px;
    margin-top: 5px;
    /* [disabled]margin-left: 30%; */
    text-align: center;
    padding-left: 10px;
}

#general{
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 10px 0px 0px;
    min-width: 900px;
    
        
    
}
#tabla{
    width: 100%;
    height: 100px;
    float: left;
    min-width: 900px;

}

#caja{
    width: 100%;
    height: 100%;
    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top,  #cccccc 54%, #eeeeee 94%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,#cccccc), color-stop(94%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cccccc 54%,#eeeeee 94%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cccccc 54%,#eeeeee 94%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cccccc 54%,#eeeeee 94%); /* IE10+ */
    background: linear-gradient(to bottom,  #cccccc 54%,#eeeeee 94%); /* W3C */







filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    clear: left;
    display: inline;
        
    
}
#caja2{
    width: 32%;
    height: 60px;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;

}


#1{
    /* [disabled]width: 30%; */
    height: 60px;
    float: left;
    padding-top: 30px;
    }
#2{
    width: 500px;
    /* [disabled]height: 60px; */
    /* [disabled]float: right; */
    }

/* //////TEXTO /////// */


#contenedor #etiquetas2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #369;
    text-align: right;
    font-weight: bold;
    alignment-baseline: middle;
    
}
#contenedor #etiquetas1 p {
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    
}
.t1 {
    font-size: 30px;
    text-align: left;
    color: #FFFFFF;

}
#contenedor #etiquetas1 .t1 {
    font-size: 50px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
}

#contenedor #etiquetas4 p2 {
    color: #FFF;
}
.pie {
    color: #13284c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
}
.panel {
    font-size: large;
    text-align: right;
    text-align-last: right;

}
.salir {
    color: #333;
    font-family: 'News Cycle', sans-serif;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}


.barra {
    color: #336699;
}

.menu {
    color: #FFFFFF;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 10px;
}
.general {
    text-align: left;
    float: left;
    font-family: 'News Cycle', sans-serif, sans-serif;
    font-size: xx-large;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}
#contenedor  {
    font-family: 'News Cycle', sans-serif, sans-serif;
}
#contenedor #etiquetas1 .t1 {
    font-style: italic;
    text-shadow: 1px 1px 4px #AFBCD1;
}


/*


@media (max-width: 499px) {
.marker {
         height: 120px !important;
                }
  }


@media (max-width: 499px) {
 .vco-slider .slider-item .content {
   display: none !important; 
       vertical-align: middle;
  }
}



@media (max-width: 499px) {
 .vco-slider .slider-container-mask .slider-container {
    display: table-cell !important;
    vertical-align: middle;
    position: fixed !important;
  }
}







@media (max-width: 361px) {
 .vco-timeline .vco-navigation {
    display: none !important;
  }
}





@media (max-width: 499px)       {
.vco-timeline .vco-navigation .timenav-background {
    position: absolute;
    cursor: move;
    top: 0px;
    left: 0px;
    height: 100vh !important;
    width: 100%;
    background-color: #ff0000 !important;


 }


  }



@media (max-width: 499px) {
 .vco-timeline .vco-navigation .timenav-background .timenav-interval-background  {
    
       top: 85% !important;
   
  }
}


@media (max-width: 768px) {
 .vco-slider .slider-container-mask  {
    height:  0px !important;
   
  }
}




@media (max-width: 499px) {
.vco-storyjs .vco-feature {
    height: 0px !important;
}
}

@media (max-width: 499px) {
.vco-timeline .vco-navigation .timenav .time .time-interval-minor .minor {
    top:  44vh !important;
    
   
  }
}

@media (max-width: 499px) {
.vco-timeline .vco-navigation .timenav .content .marker .dot {
    top:  85vh !important;
   
  }
}



@media (max-width: 499px) {
.vco-timeline .vco-navigation .timenav-background .timenav-line {
    height:   85% !important;
   
  }
}


@media (max-width: 499px) {
.vco-timeline .vco-navigation .timenav .time .time-interval {
    top:   309% !important;
   
  }
}

@media (max-width: 499px) {
.vco-timeline .vco-navigation .timenav .content .marker .line {
    height: 85vh !important;
   
  }
}


@media (max-width: 499px) {
.vco-timeline .vco-navigation .timenav .content .marker .flag {


   
  }
}


@media (max-width: 499px) {
.vco-timeline .vco-navigation {
   height: 100vh !important;

   
  }
}


@media (max-width: 499px) {
.vco-timeline .vco-navigation .timenav .time .time-interval-major  {
   top:   309% !important;
   
  }
}


@media (max-width: 499px) {
.vco-storyjs {
   background-color: transparent !important;
   
  }
}





@-webkit-viewport { min-width: 700px;min-width: 700px; }
        @-moz-viewport { min-width: 700px; }
        @-ms-viewport { min-width: 700px; }
        @-o-viewport { min-width: 700px; }
        @viewport { min-width: 700px; }


*/


/*
Full screen Modal 
*/
.fullscreen-modal .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px)   {
  .fullscreen-modal .modal-dialog {
    /*width: 750px;*/
    display: none !important;
  }
}

@media (min-width: 768px){
  .modal-backdrop.show  {
    /*width: 750px;*/
    display: none !important;
    opacity: 0 !important;
  }
}

@media (min-width: 768px) {
  .modal-backdrop  {
    /*width: 750px;*/
    display: none !important;
  }
}






@media  ( min-height: 361px)   {
  .fullscreen-modal .modal-dialog  {
    /*width: 750px;*/
    display: none !important;
  }
}

@media  ( min-height: 361px){
  .modal-backdrop.show  {
    /*width: 750px;*/
    display: none !important;
    opacity: 0 !important;
  }
}

@media ( min-height: 361px) {
  .modal-backdrop  {
    /*width: 750px;*/
    display: none !important;
  }
}

@media ( min-height: 361px) {
  .modal-open .modal  {
    /*width: 750px;*/
    display: none !important;
  }
}










@media (min-width: 992px) {
  .fullscreen-modal .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .fullscreen-modal .modal-dialog {
     width: 1170px;
  }
}



.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container embed {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}






/*BOTON DE SALIR DE LINEA*/

.fixed-button {
  background-color: #FF2434;
  color: #FFFFFF;
  border: none;
  outline: none;
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 99999999;
  height: 35px;
  width: 35px;
  margin-bottom: 20px;
  border-radius: 30px;
  box-shadow: 1px 3px 5px #888888;
}

@keyframes wobble {
  16.65% {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}




.fixed-button2 {
 
  position: fixed;
  top: 17px;
  right: 55px;
  z-index: 999999999;
  height: 35px;
  width: 35px;
  margin-bottom: 20px;
  border-radius: 30px;

}