@charset "UTF-8";
/* CSS Document */

font,{italic normal 400 1em/1.2em Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif;
	text-decoration:none;
}
body{background-color: #fff;}

.grid-container {
  display: grid;
  grid-gap: 0;	
}
.grid-item img
{width: 100%;}
.item0
{grid-row: 1;
grid-column: 1 / spam 5;
display: grid;
justify-items:center;
grid-template-columns: auto auto auto auto auto;}

.item01
{display: none;}

.item05
{display: none;}
.item1
{
grid-row: 2;
grid-column: 1 / span 5;

}

.botonera {
margin: 0 auto;
	background-color: #62b1d8;
display: grid;
justify-items:center;
grid-template-columns: auto auto;
}
.item2
{grid-row: 3;
grid-column: 1 / spam 5;
}
p{
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
text-align: left;
font-size: 1em; color: peru;	
}
.cuatro
{margin: 0 auto;
    display: grid;
grid-template-columns: auto;
grid-column-gap: 5px;}

.dentro
{font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	color: #154496;
	font-size: 1em; text-align: center;
	width: 35%;		
}
.dentro1
{color: #fff;
font-size: 1em;
	width: 35%;text-align: center;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.dentro2
{grid-column: 1 / spam 2;
	color: #fff;
font-size: .65em;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
text-align: center;}
.dentro3
{
	max-width: 100%;
	padding: 5px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
text-align: left;
	color: #2683b8;
	float: left;
}
.dentro3 img
{max-width: 100%;}
.llenar
{ background-image: url(../images/frente-friulana.jpg); background-repeat: no-repeat; background-size: cover; }
h1
{color: #2683b8;
font-size:1.15em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: 200;
text-align: left;
	padding-left: 1%;
}
h2
{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	color: #154496;
	font-size: .85em;
	font-weight: 300;
}
h3{color: #1983ce; font-size: .75em; font-weight:200;}
h4{font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; color: #1983ce; font-size: 1.25em; font-weight:200;}

p{
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
text-align: left;
font-size: 1em; color: peru;	
}
.item3
{grid-row: 4;
grid-column: 1 / spam 5;
background-color: #154496;
}
.pie {margin: 0 auto;
	margin-top: 0%;
    display: grid;
justify-items:center;
grid-template-columns: auto auto auto;
}
.pie.div img
{max-width: 25px;}
@media only screen and (orientation: landscape) 
{.item01
	{display: contents;}
	.item05
	{display: contents;}
	.botonera
	{grid-template-columns: auto auto auto auto auto auto;}
	.pie
	{grid-template-columns: auto auto auto auto auto auto;}

	.cuatro{
		grid-template-columns: auto auto auto auto;
	}
}
@media screen and (min-width: 768px){
	.item01
	{display: contents;}
	.item05
	{display: contents;}
		.botonera
	{grid-template-columns: auto auto auto auto auto auto;}
		.cuatro{
			grid-template-columns: auto auto;
		}
		.pie
	{grid-template-columns: auto auto auto auto auto;}
}
@media screen and (min-width: 1024px) {
	.item01
	{display: contents;}
	.item05
	{display: contents;}
	.botonera
	{grid-template-columns: auto auto auto auto auto auto;}
	.cuatro{
		grid-template-columns: auto auto auto auto;
	}
	.pie
	{grid-template-columns: auto auto auto auto auto auto;}
	.dentro{
		font-size: .75em;
		width: 20%;
	}
	.dentro1{
		font-size: .75em; width: 20%;
	}
	.dentro2{
	grid-column: 5 / spam 2;
	width: 100%;}
	.dentro3{max-width: 360px;}
	p
	{font-size: 1em;}
	h1
	{font-size: 1em;}
	.llenar
	{padding-left: 25%; padding-right: 25%;}
	
}