@charset "UTF-8";
/* CSS Document #2F4FA3*/
   
body { margin:0;	padding:0;	flex-direction:row;}
.container {
	width:100vw; 
	height:100vh;
	margin-bottom:5vw;
}
.fondo { 
	position:fixed;
	width:100vw; 
	z-index:-1;
}
.header {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:2.5vw; 
	color:#FFF;
	border-bottom:#FFF 0.2vw solid;
	display:grid;
 grid-template-columns:9fr 2fr 9fr; 	
}
.li {	
	text-align:left; 
	color:#FFF; 
	padding:8vw 0 0.5vw 1vw;
}	
.lo { padding:0.5vw 0 0 0;}
.ld {
	text-align:right; 
	padding:8vw 1vw 0.5vw 0;
}
.contacto {
	margin:0vw 44vw 0.5vw 44vw;
	display:grid;
 grid-template-columns:1fr 1fr;	
	grid-column-gap:3vw;
}
.con {	padding-top:1vw;}
.bloque1 {
	padding:0 17vw 0 17vw;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:1vw;
	grid-row-gap:1vw;
}
.bloque2 {	padding:0 17vw 0 17vw;}
.box {
	border:#FFF 0.2vw solid; 
	border-radius:1vw; 
	display:grid;
}
.box1 {
 border:#FFF 0.2vw solid;	
	border-radius:1vw;
	display:grid;
	grid-column-start:1;
}
.box2 {
 border:#FFF 0.2vw solid;	
	border-radius:1vw;
	display:grid;
	grid-column-start:2;
	grid-column-end:4;
}
.dib1 { padding:0 25vw 0 25vw;}
.dib2 { padding:0 31vw 0 31vw;}
.post {
 border:#FFF 0.2vw solid;	
	border-radius:1vw;
	margin:0;
}
.post-a {
	width:5vw;
	margin:1vw 29vw 0 29vw; 
}
.post-b { 
 padding:0 1vw 1vw 1.5vw;
	font-family:Arial, Helvetica,	sans-serif; 
	font-size:3vw;
	text-align:center; 
	color:#FFF;
}
.comentador {
	padding:2vw 20vw 0 20vw; 
	z-index:5;
}
.comentarios {
	display:grid; 
	grid-template-columns:1fr;	
	padding:1vw 1vw 1vw 0;
}
.coment1 { 
	margin:-3vw 0vw 0 0vw; 
	border:#FFF 0.2vw solid; 
	border-radius:1vw; 
	display:grid; 
	grid-template-columns:1fr;
	}
.coment2 { 
	margin:0.75vw; 
	border:#FFF 0.2vw solid; 
	border-radius:1vw; 
	display:grid; 
	grid-template-columns:1fr;
	padding:1vw 1vw 1vw 0;
	justify-content:center;
	background-color:#FFF;
}
.coment3 { 
	margin:4vw 0vw 0 30vw; 
	color:#2F4FA3;
}
.coment4 {	margin:0 1vw 0 50vw;}
.footer {
 height:16vh;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:0.9vw;
	margin-top:20vh;
	color:#FFF;
	background-color:#2F4FA3;
	margin-top:20vh;
	display:grid; 
	grid-template-columns:1fr 2fr 2fr 2fr 2fr; 
	grid-gap:2vw; 
	padding:1vw 20vw 0 20vw;
}
.fo {	color:#FFF;}
.fo5 {
	width:6vw;
	margin-right:3vw;
}
h1 {  
	font-family:Arial, Helvetica, sans-serif; 
	font-size:2.5vw;
	text-align:center; 
	color:#FFF;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif; 
 font-size:2.5vw;
	text-align:center;
	color:#2F4FA3; 
	margin:2vw 0 0 0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.75vw;
}
p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:2.5vw;
	padding:0 0.5vw 0 1vw;
}
.centrado {	text-align:center;}