*{
	padding:0;
	margin:0;
	font-family:"futura Bk BT";
	background-size:100%;
	box-sizing:border-box;
}
body{
	background-image:url(../img/1.jpg);
	background-size:cover;
	background-position:center center;
	min-width:10rem;
}
.cuerpo{
	position:absolute;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	z-index:7;
	overflow:hidden;
}
.h1{
	margin-top:1%;
	width:100%;
}
h1{
	width:100%;
	color:transparent;
	margin:0;
	padding:0;
	font-size:4rem;
	line-height:4.5rem;
	min-height:100px;
	text-align:center;
	-webkit-text-stroke: 2.5px white;
	-moz-text-stroke: 2.5px white;
	-o-text-stroke: 2.5px white;
	-ms-text-stroke: 2.5px white;
	background-color:#000;
	opacity:0.65;
	text-height:auto;
	vertical-align:central;
	z-index:5;
	margin-bottom:0;
}
h2{
	-webkit-text-stroke: 2px white;
	-moz-text-stroke: 2px white;
	-o-text-stroke: 2px white;
	-ms-text-stroke: 2px white;	
	text-align:center;
	box-sizing:border-box;
	font-size:2.9rem;
	line-height:3.5rem;
	color:transparent;
	vertical-align:central;
	padding:0;
	text-height:auto;
}
h3{
	text-stroke:1px black;
	text-align:center;
	padding:0;
	line-height:2rem;
	font-size:1rem;
	margin-top:2%;
}
.presupuesto{
	position:fixed;
	height:10%;
	width:auto;
	right:2%;
	top:40px;
	z-index:10;
}
.mensaje{
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	height:3.5rem;
	background-color:black;
	opacity:0.65;
	text-height:auto;
	z-index:5;
	margin-top:0;
}
.mensaje ul{
	list-style:none;
	padding:0;
	margin:0;
	vertical-align:central;
	text-align:center;
	animation:mensaje 15s infinite;
}
.mensaje li{
	padding:0;
	margin:0;
}
.fondo{
	position:fixed;
	width:100%;
	height:100%;
	z-index:-1;
	overflow:hidden;
	background-image:url(../img/1.jpg);
	background-size:cover;
	background-position:center center;
}
#img1{
	position:fixed;
	width:100%;
	height:100%;
}
#img2{
	position:fixed;
	width:100%;
	height:100%;
	background-image:url(../img/2.jpg);
	background-size:cover;
	background-position:center center;
}
#img3{
	position:fixded;
	width:100%;
	height:100%;
	background-image:url(../img/3.jpg);
	background-size:cover;
	background-position:center center;
}
#img4{
	position:fixed;
	width:100%;
	height:100%;
	background-image:url(../img/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%;	
}
#franja1{
	position:relative;
	margin-top:0;
	width: 100%;
	height:12%;
	min-height:80px;
	z-index: 5;
}
#franja2{
	position:relative;
	width: 100%;
	height:89%;
	z-index: 5;
	overflow:scroll;
	overflow-x:hidden;
}
.logo1{
	height:100%;
	min-height:80px;
	top:0px;
	left:0px;
	z-index:9;
}
.cabecera{
	position:absolute;
	top:0;
	width: 100%;
	height:100%;
	min-height:80px;
	z-index: -1;
	background-color:black;
	opacity:0.7;
}
.mensaje2{
	height:auto;
	/*min-height:100%;*/
	width:100%;
	position:absolute;
}
.pie{
	position:absolute;
	top:100%;
	margin-top:2%;
	margin-bottom:0;
	width: 125%;
	margin-left:-12.5%;
	height:auto;
	color: white;
	font-weight: bold;
	background-color:#000;
	opacity:0.7;
	display:table;
}
.fondopie{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.9;
	z-index:-1;
}
.parrafos{
	position:relative;
	margin-top:2%;
	width:80%;
	margin-left:-40%;
	height:auto;
	left:50%;
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	background: rgba(255,255,255,0.6);
	height:auto;
	border-radius: 10px;
}
.parrafo1{
	position:relative;
	width:98%;
	height:auto;
	border-color:black;
	border-width:2px;
	border-style:solid;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	display:table;
	overflow:hidden;
	margin-bottom:0;
	margin:1%;
	text-align:center;
}
.parrafo{	
	width:98%;
	height:auto;
	border-color:black;
	border-width:2px;
	border-style:solid;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	display:table;
	overflow:hidden;
	margin-bottom:0;
	margin-top:2%;
	margin:1%;
}
.parrafo p{
	display:table-cell;
	vertical-align:middle;
	height:100%;
}
.e1{
	font-weight:bold;
	font-size:20px;
	line-height:40px;
	text-align:left;
	padding:10px;
}
.c1{
	font-size:18px;
	line-height:20px;
	text-align:justify;
	padding:10px;
}
.meses{
	width:220px;
	min-width:220px;
	height:100%;
	background-color:black;
	opacity:0.8;
	color:white;
	font-weight:bold;
	margin:0;
	padding-top:6%;
	padding-bottom:10%;
	text-align:center;
	top:0;
	display:flex;
	right:0;
}
.tablameses{
	top:0;
	height:100%;
	display:table-cell;
	right:0;
	padding:1%;
}
@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;}
}
@keyframes mensaje{
	0%{margin-top:0; opacity:1}
	15%{margin-top:0; opacity:1}
	20%{margin-top:0; opacity:0}
	24%{margin-top:-3.5rem; opacity:0}
		
	25%{margin-top:-3.5rem; opacity:1}
	40%{margin-top:-3.5rem; opacity:1}
	45%{margin-top:-3.5rem; opacity:0}
	49%{margin-top:-7rem; opacity:0}	
	
	50%{margin-top:-7rem; opacity:1}
	65%{margin-top:-7rem; opacity:1}
	70%{margin-top:-7rem; opacity:0}
	74%{margin-top:-10.5rem; opacity:0}	
	
	75%{margin-top:-10.5rem; opacity:1;}
	90%{margin-top:-10.5rem; opacity:1}
	95%{margin-top:-10.5rem; opacity:0}
	100%{margin-top:0; opacity:0}	

}
.cuerpo #franja2 .mensaje2 .calendario .tablapie {
	text-align: center;
	font-weight: bold;
}
body .tablapie tr td {
	text-align: left;
	vertical-align:middle;
}

.animated {
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 height:100%;
 min-height:80px;
 top:0px;
 left:0px;
 z-index:9;
}
@-webkit-keyframes flash {
0%{opacity:1;}
40%{opacity:1;}
50%{opacity:0;}
60%{opacity:1;}
100%{opacity:1;}
 }
@keyframes flash {
0%{opacity:1;}
40%{opacity:1;}
50%{opacity:0;}
60%{opacity:1;}
100%{opacity:1;}
}
.flash {
 -webkit-animation: flash 2s linear infinite;
 animation: flash 2s linear infinite;
}

@media all and (orientation:portrait){
	iframe{
		width:100%;
		height:600px;
	}
	.parrafos{
	height:auto;
	min-height:120vw;
	left:50%;
	margin-left:-50%;
	width:100%;
	}
	.pie{
	bottom:0;
	width:100%;
	left:50%;
	margin-left:-50%;	
	}
	.mensaje2{
	min-height:100vw;
	height:auto;
	}
.presupuesto{
	height:5%;
	right:0;
	top:9%;
}
.e1{
	font-weight:bold;
	font-size:2.5rem;
	line-height:3rem;
}
.c1{
	font-size:1.8rem;
	line-height:2.5rem;
}
.tablapie{
	font-size:1.8rem;
	line-height:2.5rem;
	min-height:100%;
	margin-top:auto;
	margin-bottom:auto;	
}
.tablameses{
	font-size:24px;	
}
.meses{
	margin-top:0;
	padding:2%;
	padding-top:10%;
	padding-bottom:10%;
	}
}
.mensaje2 .parrafos .parrafo .meses .tablameses tr td {
	font-size: 18px;
}