/* copiado de Tools..css */

body{
			background-image: url('Imagenes/aprendizaje2.jpg');
			background-repeat: no-repeat;
  		background-size: 50%, 50%;
			background-attachment: fixed;
			background-position: center;
			background-blend-mode: screen;
			background-color: black;
			background-blend-mode: lighten;
      }
  @font-face { font-family:filosofo;
        src: url("PhilosopherRegular.ttf");
        format("truetype");
              font-stretch: normal;
              font-weight: normal;
              font-style: normal;
            }
            h1{
          		font-family:filosofo;
          		color:white;
          		width: 80%;
          		font-weight:bold;
          			}
          	h2{
          		font-family:filosofo;
          		color:white;
          		width: 80%;
          		text-align: justify;
          		font-weight:bold;
          		}
          	h3{
          		font-family:filosofo;
          		color:white;
          		width: 80%;
          		font-weight:bold;
          		}
          	h4{
          		font-family:filosofo;
          		color:white;
          		width:500px;
          		}

/* original de main.css
body{
    font-family: Arial, Helvetica, sans-serif;
*/
}
form{
    background-color: #eee;
    margin: 0 auto;
    width: 400px;
    padding: 20px;
}

input{
    border: solid 0;
    border-radius: 3px;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel]{
    padding: 10px;
    font-size: 18px;
    outline: none;
    width: 370px;
}
input[type=submit]{
    background-color: #1E69E3;
    color: white;
    padding: 8px;
    border: none;
    width: 200px;
}
.center{
    text-align: center;
}

.opcion{
    padding: 5px 0;
}

.barra{
    background-color:rgb(152, 196, 236);
    border-radius: 4px;
    padding: 10px;
}

.seleccionado{
    background-color: rgb(33, 90, 143);
    border-radius: 4px;
    color: white;
    padding: 10px;
}

#menu{
    background-color: #eee;
    padding: 10px;
}
#menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}
#menu ul li{
    display: inline;
}
#menu ul li a{
    color: #1E69E3;
    text-decoration: none;
}
#menu ul li a:hover{
    color: rgb(227, 109, 30);
    text-decoration: none;
}
#contenedor-video {
	width: 100vw;
	height: 100vh;
	background-color: black;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cerrar-sesion{
    float: right;
}
.message{ position:relative;
	 			top:'10%';
				left:'2%';
				size:'10% 80%';
				background-color: rgb(255, 255, 255,);
}
.bot-member{position:relative;
					 top:'80%';
					 left:'2%';
						-webkit-border-radius: 10;
						-moz-border-radius: 10;
						border-radius: 10px;
						width: 150px;
						height: 60px;
						color: #FFFFFF;
						background-color:green;
						box-shadow: 3px 3px 2px #8888bb;
						font-size: 20px;
						font-style: italic
}

.botalta{position:relative;
	 			top:'87%';
				left:'2%';
        -webkit-border-radius: 10;
        -moz-border-radius: 10;
        border-radius: 10px;
        width: 650px;
        height: 100px;
        color: #FFFFFF;
        background-color:darkgreen;
        box-shadow: 3px 3px 2px #8888bb;
				font-size: 20px;
				font-style: italic
}
.bot-signup{position:relative;
				top:'87%';
				left:'2%';
				-webkit-border-radius: 10;
				-moz-border-radius: 10;
					border-radius: 10px;
					width: 140px;
					height: 60px;
					color: #FFFFFF;
					background-color:green;
					box-shadow: 3px 3px 2px #8888bb;
					font-size: 20px;
					font-style: italic
}



a.button {
					-webkit-appearance: button;
					-moz-appearance: button;
					appearance: button;
					text-decoration: none;
					color: initial;
}



.bot-logout{position:relative;
							top:'94%';
							left:'2%';
							-webkit-border-radius: 13;
							-moz-border-radius: 13;
							border-radius: 13px;
							width: 140px;
							 height: 60px;
							color: #FFFFFF;
							background-color: darkred;
							box-shadow: 3px 3px 2px #8888bb;
							font-size: 20px;
    					font-style: italic
											  }
.picture{ position:relative;
					top:'50%';
					left:'50%';
					size:'15% 15%';
					background-color: #0f0f0f;
				}
				#posicionE{
				  position: absolute;
				  margin-left: 0px;
				  left: 0%;
				  top: 1%;
				        }
#opciones{
				 position: relative;
				 margin-left: 0px;
				 left: 5%;
				 top: 80%;
				 width: 600px;
				 height: 120px;
				}

#pos-alta{
				  position: absolute;
				  top: 1px;
				  left: 1px;
				  }
				#posicionT{
				        position: absolute;
				        top: 1px;
				        left: 52px;
				        }
				#posicionS{
				        position: absolute;
				        top: 1px;
				        left: 104px;
				        }
				#posicionL{
				        position: absolute;
				        top: 1px;
				        left: 156px;
				        }