@charset "UTF-8";
/* CSS Document azul #2F4FA3 */

body {	margin:0;	padding:0;	flex-direction:column;}
.container {
	width:100vw; 
	height:120vh;
	margin-bottom:5vw;
}
.fondo { 
	position:fixed;
	width:100vw; 
	z-index:-1;
}
.header {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:3.2vw; 
	color:#FFF;
	border-bottom:#FFF 0.5vw solid;
	display:grid;
 grid-template-columns:9fr 2fr 9fr; 	
}
.li {
	text-align:left;
	color:#FFF; 
	padding:6.2vw 0 0 2vw;
}	
.lo {	padding:0.5vw 0 0 0;}
.ld {
	text-align:right; 
	padding:6.2vw 2vw 0 0;
}
.contacto {
	margin:0vw 42vw 0.5vw 42vw;
	display:grid;
 grid-template-columns:1fr 1fr;	
	grid-column-gap:3vw;
}
.con {	padding-top:1vw;}
.bloque1 {
	padding:0 2vw 0 2vw;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:2vw;
	grid-row-gap:2vw;
}
.bloque2 {	padding:0 2vw 0 2vw;}
.box {
	border:#FFF 0.5vw solid; 
	border-radius:2vw; 
	display:grid;
}
.box1 {
 border:#FFF 0.5vw solid;	
	border-radius:2vw;
	display:grid;
	grid-column-start:1;
}
.box2 {
 border:#FFF 0.5vw solid;	
	border-radius:2vw;
	display:grid;
	grid-column-start:2;
	grid-column-end:4;
}
.dib1 { padding:0 25vw 0 25vw;}
.dib2 { padding:0 44vw 0 44vw;}
.post {
 border:#FFF 0.5vw solid;	
	border-radius:2vw;
	display:grid;
	grid-column-start:1;
	margin:0 2vw 0 2vw;
}
.post {
 border:#FFF 0.5vw solid;	
	border-radius:2vw;
	margin:0;
}
.post-a {
	width:18vw;
	padding:1vw 40vw 0 40vw; 
}
.post-b {
	width:95.2vw;
	padding-bottom:2vw;
	font-family:Arial, Helvetica,	sans-serif; 
	font-size:4.5vw;
	text-align:center; 
	color:#FFF;
}
.comentador {
	padding:6vw 28vw 0 28vw; 
	z-index:5;
}
.comentarios {
	display:grid; 
	grid-template-columns:1fr;	
	padding:1vw 1vw 1vw 0;
}
.coment1 { 
	margin:-3vw 0vw 0 0vw; 
	border:#FFF 0.5vw solid; 
	border-radius:2vw; 
	display:grid; 
	grid-template-columns:1fr;
	}
.coment2 { 
	margin:0.75vw; 
	border:#FFF 0.5vw solid; 
	border-radius:2vw; 
	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 4vw 0 60vw;}
.footer {
 height:12vh;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2vw;
	text-align:left;
	color:#FFF;
 background-color:#2F4FA3;
	margin-top:20vh;
	padding:1vw 2vw 0 2vw;
	display:grid; 
	grid-template-columns:1fr 2fr 2fr 2fr 2fr; 
	grid-gap:2vw; 
}
.fo {	color:#FFF;}
.fo5 {
	width:12vw;
	margin-right:1vw;
}
h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:4.5vw;
	text-align:center; 
	color:#FFF;
}
h2 { 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:4.5vw;
	text-align:center;
	color:#2F4FA3; 
	margin:2vw 0 0 0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:4.5vw;
}
p { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:4.5vw;
	padding:0 0.5vw 0 1vw;
}
.centrado {	text-align:center;}