/* CSS Document */
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	width: 100%;
	height: 100%;
	
}

body{
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	
	
}

/* barra de ver video , preguntas y descargar pdf */

.botoneraHome { font-family:"Roboto"; position:fixed; width: 200px; max-width:100%; right:50px; top:calc(50% + 25px); transform:translateY(-50%); z-index:99; text-align: right; }
.botoneraHome .botonHome { display:inline-block; width: 65px; height: 65px; margin: 3px 0px; border-radius: 33px; text-decoration: none; text-align: center; overflow: hidden; }
.botoneraHome .salto { display:block; height: 10px; }
.botoneraHome .botonHome div { font-size:0px; line-height: 65px; margin: 0 60px 0 5px; overflow: hidden; text-align: center; color:#000000; }
.botoneraHome .botonHomeLog1 { background: url("../imagenes/login1.png") right center no-repeat; }
.botoneraHome .botonHomeLog2 { background: url("../imagenes/login2.png") right center no-repeat; position: relative; overflow: visible; }
.botoneraHome .botonHomeLog2 .user { font-size: 25px; font-weight: bold; color: #ffffff; margin: 17px 0 0 0; line-height: 65px; }
.botoneraHome .botonHomeLog2 .alerta { position:absolute; right:6px; top:-3px; font-size: 14px; line-height: 18px; color:#ffffff; background-color: red; width: 18px; height: 18px; border-radius: 9px; margin:0; }
.botoneraHome .botonHome1 { background: url("../imagenes/bHome1.png") right center no-repeat; }
.botoneraHome .botonHome2 { background: url("../imagenes/bHome2.png") right center no-repeat; }
.botoneraHome .botonHome3 { background: url("../imagenes/bHome3.png") right center no-repeat; }
.botoneraHome .botonHome4 { background: url("../imagenes/bHome4.png") right center no-repeat; }
.botoneraHome .botonHomeLog1:Hover { background: #dad63d url("../imagenes/login1.png") right center no-repeat; }
.botoneraHome .botonHomeLog1:Hover div { line-height: 16.25px; }
.botoneraHome .botonHome1:Hover { background: #dad63d url("../imagenes/bHome1.png") right center no-repeat; }
.botoneraHome .botonHome2:Hover { background: #dad63d url("../imagenes/bHome2.png") right center no-repeat; }
.botoneraHome .botonHome3:Hover { background: #dad63d url("../imagenes/bHome3.png") right center no-repeat; }
.botoneraHome .botonHome4:Hover { background: #dad63d url("../imagenes/bHome4.png") right center no-repeat; }
.botoneraHome .botonHomeActivo { width: 130px; }
.botoneraHome .botonHome:Hover div { font-size:16px; }

@media screen and (max-width:768px) {
	.botoneraHome { right:30px; width: 150px; }
	.botoneraHome .botonHome { width: 45px; height: 45px; }
	.botoneraHome .salto { display:block; height: 1px; }
	.botoneraHome .botonHomeLog1 { background-size: 45px 45px;  }
	.botoneraHome .botonHomeLog1:Hover { background-size: 45px 45px;  }
	.botoneraHome .botonHomeLog2 { background-size: 45px 45px;  }
	.botoneraHome .botonHomeLog2 .user { font-size: 18px; margin: 12px 0 0 0; line-height: 45px; }
	.botoneraHome .botonHome1, .botoneraHome .botonHome1:Hover { background-size: 45px 45px;  }
	.botoneraHome .botonHome2, .botoneraHome .botonHome2:Hover { background-size: 45px 45px;  }
	.botoneraHome .botonHome3, .botoneraHome .botonHome3:Hover { background-size: 45px 45px;  }
	.botoneraHome .botonHome4, .botoneraHome .botonHome4:Hover { background-size: 45px 45px;  }
	.botoneraHome .botonHome div { line-height: 45px; margin: 0 40px 0 5px; }
	.botoneraHome .botonHome:Hover div { font-size:13px; }
}

@media screen and (max-width:500px) {
	.botoneraHome { right:20px; }
}


@media screen and (max-height:400px) and (orientation:landscape) {
	.botoneraHome { right:20px; width: 150px; }
	.botoneraHome .botonHome { width: 40px; height: 40px; margin:0; }
	.botoneraHome .botonHome1, .botoneraHome .botonHome1:Hover { background-size: 40px 40px;  }
	.botoneraHome .botonHome2, .botoneraHome .botonHome2:Hover { background-size: 40px 40px;  }
	.botoneraHome .botonHome3, .botoneraHome .botonHome3:Hover { background-size: 40px 40px;  }
	.botoneraHome .botonHome4, .botoneraHome .botonHome4:Hover { background-size: 40px 40px;  }
	.botoneraHome .botonHome div { line-height: 40px; margin: 0 35px 0 5px; }
	.botoneraHome .botonHome:Hover div { font-size:12px; }
}



.logosPie { position:fixed; left:0px; bottom:0px; font-size: 0px; z-index: 14; }
.logosPie img { display:inline-block; }
.enlacesPie { position:fixed; right:20px; bottom:15px; color:#fff; font-weight: lighter; font-size:11px; font-family: "Roboto"; z-index: 14;  }
.enlacesPie a { text-decoration:none; color:#ffffff; font-weight: lighter; font-size:11px; }

@media screen and (max-width:1100px) {
	.logosPie { width:100%; left:auto; text-align: center; bottom:15px; }
	.logosPie img { height:90px; }
	.enlacesPie { width:calc(100% - 20px); padding: 10px 10px 0px 10px; right:auto; bottom:10px; text-align: center; }
}

@media screen and (max-width:550px) {
	.logosPie { bottom: 30px; }
	.logosPie img { height:70px; }
	.enlacesPie { font-size: 10px; }
	.enlacesPie a { font-size:10px; }
}

@media screen and (max-width:400px) {
	.logosPie img { height:62px; }
}

@media screen and (max-width:350px) {
	.logosPie img { height:54px; }
}

@media screen and (max-height:400px) and (orientation:landscape) {
	.logosPie { text-align:left; }
	.logosPie img { height:54px; }
	.enlacesPie { padding: 5px 10px 0px 10px; bottom:5px; text-align: left; }
	.enlacesPie a { font-size:10px; }
}