* {
margin:0;
padding: 0;

}
body {
    font-family: 'Open Sans', sans-serif;
    color: 
    #5f5e5e;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: left;
}
.contenedor {
    position: absolute;
    width: 100%;
    height: 100%;
    touch-action: none;
    background:transparent url(foto/loading-dots.gif) center no-repeat;
    overflow: hidden;
    z-index:-30;
}

.ImageBox {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    z-index: -10;
          
}
.ImageBox_B {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    object-fit: cover;
    opacity:1;
    z-index: -20; 
}
.toolbar-box {
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    z-index: 50;
}
.toolbar-box ul {
    list-style: none;
}
.toolbar-box li {
    list-style: none;
    border-radius: 5%;
    background-color: rgba(0, 0, 0, .5);
    color:rgb(200,200,200);
    opacity: 100;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;  
    vertical-align: middle;
    text-align: center;
    margin-left: 0%;
    margin-top: 5%;
    width: 50px; height: 50px;
    }

.toolbar-box ul li a {
    display:inline-block;
    text-decoration: none;
    color: #fff;
    padding: 0px 0px;
    margin:  0px;
    text-decoration: none;
}
.precarga {
    background:transparent url(foto/loader.gif) center no-repeat;
    }
a{
    cursor: pointer;
}
.puntero {
   border-radius: 25%;
   position: absolute;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   margin-left: 0%;
   margin-top: 0%;
   top: 35%;
   left: 3%;
   background-color: rgba(0, 0, 0, .35);
   color:rgb(200,200,200);
   opacity: 0;
   -webkit-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
   
}

.puntero a {
    display: table-cell;
    height: 55px;
    width: 55px;
    top: 6px;
    text-align: center;
    font-size: 2em;
    color:#fff;
    vertical-align: middle;
    position: relative;
}
.puntero a h6{
    color:#fff;

}
.puntero_2 {
    border-radius: 10%;
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 0%;
    margin-top: 0%;
    top: 70%;
    left: 35%;
    background-color: rgba(0, 0, 0, .35);
    color: rgb(200,200,200);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
 
 .puntero_2 a {
     display: table-cell;
     height: 55px;
     width: 55px;
     top: 6px;
     text-align: center;
     font-size: 2em;
     color:#fff;
     vertical-align: middle;
     position: relative;
 }
 .puntero_2 a h6{
     color:#fff;
 
 }


.puntero_3 {
    border-radius: 25%;
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 0%;
    margin-top: 0%;
    top: 87%;
    left: 60%;
    background-color: rgba(0, 0, 0, .35);
    color: rgb(200,200,200);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.logo_Swiss {
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 0%;
    margin-top: 0%;
    top: 83%;
    left: 88%;
    background-color: rgba(255, 255, 255,0);
    color: #fff;
    opacity: 100;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}



 
 
 .puntero_3 a {
     display: table-cell;
     height: 55px;
     width: 55px;
     top: 6px;
     text-align: center;
     font-size: 2em;
     color:#fff;
     vertical-align: middle;
     position: relative;
 }
 .puntero_3 a h6{
     color:#fff;
 
 }

 .puntero_4 {
    border-radius: 25%;
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 0%;
    margin-top: 0%;
    top: 70%;
    left: 37%;
    background-color: rgba(0, 0, 0, .35);
    color:rgb(200,200,200);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    
 }
 
 .puntero_4 a {
     display: table-cell;
     height: 55px;
     width: 55px;
     top: 6px;
     text-align: center;
     font-size: 2em;
     color:#fff;
     vertical-align: middle;
     position: relative;
 }
 .puntero_4 a h6{
     color:#fff;
 
 }

 .puntero_5 {
    border-radius: 25%;
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 0%;
    margin-top: 0%;
    top: 55%;
    left: 35%;
    background-color: rgba(0, 0, 0, .35);
    color:rgb(200,200,200);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    
 }
 
 .puntero_5 a {
     display: table-cell;
     height: 55px;
     width: 55px;
     top: 6px;
     text-align: center;
     font-size: 2em;
     color:#fff;
     vertical-align: middle;
     position: relative;
 }
 .puntero_5 a h6{
     color:#fff;
 
 }

 .puntero_6 {
    border-radius: 25%;
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 0%;
    margin-top: 0%;
    top: 90%;
    left: 47%;
    background-color: rgba(0, 0, 0, .35);
    color:rgb(200,200,200);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    
 }
 
 .puntero_6 a {
     display: table-cell;
     height: 55px;
     width: 55px;
     top: 6px;
     text-align: center;
     font-size: 2em;
     color:#fff;
     vertical-align: middle;
     position: relative;
 }
 .puntero_6 a h6{
     color:#fff;
 
 }


 .logo {
    border-radius: 25%;
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 0%;
    margin-top: 0%;
    top: 90%;
    left: 47%;
    background-color: rgba(0, 0, 0, .35);
    color:rgb(200,200,200);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    
 }


.carga {
    position: absolute;
    width: 100%;
    height: 100%;
    touch-action: none;
    background:transparent url(foto/loading-dots.gif) center no-repeat;
    overflow: hidden;
    z-index: -3;
    visibility:visible;

}
.centrar{
    display: block;
    margin-left: auto;
	margin-right: auto;
}

.botonico {
    width: 150px !important;
}