*{
	padding:0;
	margin:0;
	font-family:"futura Bk BT";
	background-size:100%;
	box-sizing:border-box;
}
.cuerpo{
	position:fixed;
	z-index:-2;
	overflow:hidden;
	top:0;
	bottom:0;
	left:0;
	right:0;
	min-height:150px;
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	background-image:url(../imgdocs/1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.franja1{
	position:relative;
	margin-top:0;
	width: 100%;
	height:80px;
	z-index: 1;
	background:rgba(0,0,0,0.7);
}
.logo1{
	height:100%;
	z-index:2;
}
.salirimg{
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:auto;
}
.franja2{
	margin-top:0;
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;	
}
.caja1{
	position:relative;
	width:400px;
	margin-top:2%;
	height:auto;
	left:50%;
	transform:translate(-50%,0);
	background:rgba(0,0,0,0.8);
	border-radius:20px;
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;	
}
.pie{
	position:absolute;
	bottom:0;
	height:0px;
	width:100%;
	background:rgba(0,0,0,0.7);
}
h1{
	color:white;
	width:100%;
	right:0;
	left:0;
	height:auto;
	line-height:80px;
	text-height:70px;
	font-size:70px;
	font-family:"futura Bk BT";
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	display:table-cell;
}

h2{
	color:white;
	width:100%;
	right:0;
	left:0;
	height:auto;
	line-height:25px;
	text-height:25px;
	font-size:25px;
	font-family:"futura Bk BT";
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	display:table-cell;
}

#img1{
	position:fixed;
	width:100%;
	height:100%;
}
#img2{
	position:fixed;
	width:100%;
	height:100%;
	background-image:url(../imgdocs/2.jpg);
	background-size:cover;
	background-position:center center;
}
#img3{
	position:fixded;
	width:100%;
	height:100%;
	background-image:url(../imgdocs/3.jpg);
	background-size:cover;
	background-position:center center;
}
#img4{
	position:fixed;
	width:100%;
	height:100%;
	background-image:url(../imgdocs/4.jpg);
	background-size:cover;
	background-position:center center;
}
.slider{
	position:fixed;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:-1;
	overflow:hidden;
}
.slider ul{
	display:flex;
	left:0;
	padding:0;
	width:400%;
	height:100%;
	animation: cambio 20s linear infinite;
	-moz-animation: cambio 20s linear infinite;
	-ms-animation: cambio 20s linear infinite;
	-o-animation: cambio 20s linear infinite;
	-webkit-animation: cambio 20s linear infinite;
}
.slider li{
	list-style:none;
	width:100%;
	height:100%;	
}
.titulocaja{
	width:100%;
	height:auto;
	display:table;
}
.cuerpocaja{
	width:100%;
	height:100%;
	display:table;
	text-align:center;
	color:white;
}
input{
	height:30px;
	margin-top:2%;
	margin:2%;
	display:table-cell;
	width:96%;
	alignment-adjust:central;
	border-radius:15px;
	text-align:center;
}
.boton{
	width:120px;
	height:55px;
	background:url(../imgdocs/entrar.png) center;
	background-size: 100% 100%;
	border:none;
	cursor:pointer;
}

@media all and (orientation:portrait){
	.franja1{
	height:auto;
}
.logo1{
	width:100%;
	height:auto;
}
.caja1{
	width:100%;
	overflow:hidden;
	height:auto;
}
.pie{
	height:0px;
}
h1{
}

input{
}

.boton{
}
	
}

@keyframes cambio{
0%{margin-left:0%; opacity:0;}
12%{margin-left:-100%; opacity:0;}
25%{margin-left:-100%; opacity:0.8;}
35%{margin-left:-100%; opacity:0;}
36%{margin-left:-100%; opacity:0;}
37%{margin-left:-200%; opacity:0;}	
50%{margin-left:-200%; opacity:0.8;}
62%{margin-left:-200%; opacity:0;}
63%{margin-left:-200%; opacity:0;}
64%{margin-left:-300%; opacity:0;}	
75%{margin-left:-300%; opacity:0.8;}
93%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
100%{margin-left:0%; opacity:0;}
}
@-moz-keyframes cambio{
0%{margin-left:0%; opacity:0;}
12%{margin-left:-100%; opacity:0;}
25%{margin-left:-100%; opacity:0.8;}
35%{margin-left:-100%; opacity:0;}
36%{margin-left:-100%; opacity:0;}
37%{margin-left:-200%; opacity:0;}	
50%{margin-left:-200%; opacity:0.8;}
62%{margin-left:-200%; opacity:0;}
63%{margin-left:-200%; opacity:0;}
64%{margin-left:-300%; opacity:0;}	
75%{margin-left:-300%; opacity:0.8;}
93%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
100%{margin-left:0%; opacity:0;}
}
@-o-keyframes cambio{
0%{margin-left:0%; opacity:0;}
12%{margin-left:-100%; opacity:0;}
25%{margin-left:-100%; opacity:0.8;}
35%{margin-left:-100%; opacity:0;}
36%{margin-left:-100%; opacity:0;}
37%{margin-left:-200%; opacity:0;}	
50%{margin-left:-200%; opacity:0.8;}
62%{margin-left:-200%; opacity:0;}
63%{margin-left:-200%; opacity:0;}
64%{margin-left:-300%; opacity:0;}	
75%{margin-left:-300%; opacity:0.8;}
93%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
100%{margin-left:0%; opacity:0;}
}
@-webkit-keyframes cambio{
0%{margin-left:0%; opacity:0;}
12%{margin-left:-100%; opacity:0;}
25%{margin-left:-100%; opacity:0.8;}
35%{margin-left:-100%; opacity:0;}
36%{margin-left:-100%; opacity:0;}
37%{margin-left:-200%; opacity:0;}	
50%{margin-left:-200%; opacity:0.8;}
62%{margin-left:-200%; opacity:0;}
63%{margin-left:-200%; opacity:0;}
64%{margin-left:-300%; opacity:0;}	
75%{margin-left:-300%; opacity:0.8;}
93%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
100%{margin-left:0%; opacity:0;}
}
@-ms-keyframes cambio{
0%{margin-left:0%; opacity:0;}
12%{margin-left:-100%; opacity:0;}
25%{margin-left:-100%; opacity:0.8;}
35%{margin-left:-100%; opacity:0;}
36%{margin-left:-100%; opacity:0;}
37%{margin-left:-200%; opacity:0;}	
50%{margin-left:-200%; opacity:0.8;}
62%{margin-left:-200%; opacity:0;}
63%{margin-left:-200%; opacity:0;}
64%{margin-left:-300%; opacity:0;}	
75%{margin-left:-300%; opacity:0.8;}
93%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
94%{margin-left:-300%; opacity:0;}
100%{margin-left:0%; opacity:0;}
}