body {
    padding-top: 0px;
}
#header {
 display: none;
}
.main.fullscreen {

            overflow:hidden;
		}
 #video {
    min-width: 50%;
   min-height: 50%;
    width: 100%;
    height: auto; 
    position: absolute;    
    top: 0%;
    left: 0%;
    transform: translateX(-0%) translateY(-0%);  
    z-index: 0; 
    background-size:auto;
 }
#video1 {
position: fixed;
top:0;
left: 0;
min-width: 100%;
min-height: 100%;
z-index: 5;
}

@media screen and (max-width: 1920px) {


}

@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1280px) {

    
}

@media screen and (max-width: 1000px) {

input[type="button"].style2.down,
			input[type="submit"].style2.down,
			input[type="reset"].style2.down,
			.button.style2.down,
			button.style2.down {
				background-image: url("images/arrow.svg");
                display: none;
    }
}

@media screen and (max-width: 736px) {

    #one {
        background: url("../../imagenes/cinco.jpg");
        background-color: #333333;
        background-size: 100% auto,contain;
        background-attachment: fixed, fixed;
        background-position: top left, center center;
        background-repeat: no-repeat;
    }

    .main.fullscreen {
        min-height: 0%;
        display: block;
            overflow:hidden;
    }
    .box {
		background: rgba(255, 255, 255, 0.8);
		color: #39454b;
		padding: 2em;        
        
	}
    input[type="button"].style2.down,
			input[type="submit"].style2.down,
			input[type="reset"].style2.down,
			.button.style2.down,
			button.style2.down {
				background-image: url("images/arrow.svg");
                display: none;
    }
}





.contenedor {
    background-color: blueviolet;
    height:auto;
    width: auto;
    z-index: 1;
}


#mivideo {
    width: 100%;
    z-index: 5;
}

#navegacion {
    display: inline-block;
    position:absolute;
    float: inherit;
    bottom: 0em;
    width: 100%;
    //background-color: aqua;
    z-index: 1000;
    align-content: center;
    text-align: center
}
.container3{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.container6{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

#solo {
    background-image:url(../../imagenes/6-joytel-gestion.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: top left, center center; 
    background-repeat: no-repeat;
    height: 25em;
}

#multimedia {
        background: url("../../imagenes/1-joytel-on-tv.jpg");
		background-size: cover;
		background-attachment: fixed;
		 background-position: top left, center center; 
        background-repeat: no-repeat;
}

#huesped {
    background: url("../../imagenes/2-joytel-servicios.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: top left, center center;  
    background-repeat: no-repeat;
}

#internet {
        background: url("../../imagenes/3-joytel-entretenimiento.jpg");
        background-size: cover;
		background-attachment: fixed;
        background-position: top left, center center; 
        background-repeat: no-repeat;
}

#app-clientes {
    background: url("../../imagenes/4-joytel-app.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: top left, center center; 
    background-repeat: no-repeat;
}

#app-empleados {
    background: url("../../imagenes/5-joytel-limpieza.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: top left, center center; 
    background-repeat: no-repeat;
}

.espacio {
  width: 100%;
  margin-top: 1em;
  margin-bottom:1em;    
}

.responsive {
    width: 100%;
}



.lista {
   text-align: left ;
}

#ico-acceso {
    background-color: #38393f;
    color: #fffff9;
    
}

#gestion {
    background-color: #38393f;
    color: #fffff9;
}

#ico-servicios {
    background-color: #38393f;
    color: #fffff9;
}

#tv {
    background-color: #38393f;
    color: #fffff9;
    
}

a {
    color: #bbbbbb;

}

.plus {   
    margin: 1.5em
}

h5.plustxt {
    margin: -1.5em;
    font-size: 0.8em;
    font-weight: 400;
}


.alert {
	padding: 1em;
}