body{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}
.container{
	max-width: 1024px;
	margin: 0 auto;
}


.bloque h2{
	margin-bottom: 40px;
}
.bloque h1{
	text-align: center;
	margin: 0;
	font-size: 160px;
	line-height: 600px;
}

.bloque h3{
	margin-left:5%;
	margin-right:2%;
	color:rgba(6,55,109);
	font-family: georgia;
	font-size: 3.5em;
}

.bloque p{
	margin-bottom: 40px;
	font-size: 16px;
}
.bloque.parallax{
	height: 600px;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}


.sscaption
{


  margin-top: -95%;
  margin-left: -5%;
  margin-right: 1%;
  width: 26%;
  height: 79%;
  background: rgba(95,118,247,0.8);
}


.sscaption1
{
  margin-top: -135%;
  margin-left: 73%;
  margin-right: 10%;
  width: 26%;
  height: 79%;
  background: rgba(219,49,49,0.8);
}

.parallax.image-1{
	background-image: url(../img/estructura/Imagen2.png);

}
.parallax.image-2{
	background-image: url(../img/estructura/v2.jpg);

}
.parallax.image-3{
	background-image: url(../img/estructura/mivig11.jpg);
}

.icono1 {
	width: 9%;
	height: 9%;
}





.tituloazul {
 font-size: 1.9em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.titulorojo {
 font-size: 1.9em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.parrafoazul {
  text-align: center;
  color:#fff;
  font-size: 1.4em;
  font-family: verdana;
}

.containercolores {
  margin-top: -4%;
  margin-right: 1%;
}

.hr1 {
 position: relative;
 margin-top: -5%;
}

.parrasector {
  margin-left:40%;
  margin-right:-20%;
  text-align: center;
  color:rgba(6,55,109);
  font-size:210%;
}

@media screen and (min-width: 1900px){


.bloque h2{
	margin-bottom: 40px;
}
.bloque h1{
	text-align: center;
	margin: 0;
	font-size: 160px;
	line-height: 600px;
}

.bloque h3{
	margin-left:7%;
	margin-right:2%;
	color:rgba(6,55,109);
	font-family: georgia;
	font-size: 2.7em;
}

.bloque p{
	margin-top: 0px;
	font-size: 16px;
	margin-left: 3%;
}
.bloque.parallax{
	height: 600px;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}




.parallax.image-1{
	background-image: url(../img/estructura/Imagen2.png);
	height: 600px;

}
.parallax.image-2{
	background-image: url(../img/estructura/v2.jpg);
height: 700px;
}
.parallax.image-3{
	background-image: url(../img/estructura/mivig11.jpg);
		height: 650px;
		margin-top: -25%;

}


.sscaption
{


  margin-top: -60%;
  margin-left: -5%;
  margin-right: 1%;
  width: 26%;
  height: 79%;
  background: rgba(95,118,247,0.8);
}


.sscaption1
{
  margin-top: -60%;
  margin-left: 73%;
  margin-right: 10%;
  width: 26%;
  height: 79%;
  background: rgba(219,49,49,0.8);
}


.tituloazul {
 font-size: 1.9em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.titulorojo {
 font-size: 1.9em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.parrafoazul {
  text-align: center;
  color:#fff;
  font-size: 1.4em;
  font-family: verdana;
}

.containercolores {
	
  margin-right: 1%;
}

.hr1 {
 position: relative;
 margin-top: -5%;
}

.parrasector {
  padding-left:30%;
  margin-top: 10%;
  text-align: center;
  color:rgba(6,55,109);
  font-size:15%;
}

.icono1 {
	width: 13%;
	height: 13%;
	padding: 2%;
	margin-left: -6%;
	margin-top: -10%;

}

.icono2 {
	width: 13%;
	height: 13%;
	margin-left: -6%;
	margin-top: -10%;

}



.estructura {
	width: 60%;
	height: 60%;
	padding-bottom: -5%;
	margin-left: 47%;
	margin-top: -27%;
}

.parabajo {
	padding-top: 410px; 
	margin-left: 1%;
}

} 

@media screen and (min-width: 1025px) and (max-width: 1299px){ 


.sscaption
{


  margin-top: -95%;
  margin-left: -5%;
  margin-right: 1%;
  width: 26%;
  height: 79%;
  background: rgba(95,118,247,0.8);
}


.sscaption1
{
  margin-top: -95%;
  margin-left: 73%;
  margin-right: 10%;
  width: 26%;
  height: 79%;
  background: rgba(219,49,49,0.8);
}

.bloque h2{
	margin-bottom: 40px;
}
.bloque h1{
	text-align: center;
	margin: 0;
	font-size: 160px;
	line-height: 600px;
}

.bloque h3{
	margin-left:7%;
	margin-right:2%;
	color:rgba(6,55,109);
	font-family: georgia;
	font-size: 2.7em;
}

.bloque p{
	margin-top: 1px;
	font-size: 16px;
}
.bloque.parallax{
	height: 600px;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}




.parallax.image-1{
	background-image: url(../img/estructura/Imagen2.png);
	height: 350px;

}
.parallax.image-2{
	background-image: url(../img/estructura/v2.jpg);

}
.parallax.image-3{
	background-image: url(../img/estructura/mivig11.jpg);
		height: 400px;

}

.icono1 {
	width: 9%;
	height: 9%;
}


.sscaption
{


  margin-top: 0%;
  margin-left: -5%;
  margin-right: 1%;
  width: 26%;
  height: 79%;
  background: rgba(95,118,247,0.8);
}


.sscaption1
{
  margin-top: -44%;
  margin-left: 73%;
  margin-right: 10%;
  width: 26%;
  height: 79%;
  background: rgba(219,49,49,0.8);
}


.tituloazul {
 font-size: 1.9em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.titulorojo {
 font-size: 1.9em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.parrafoazul {
  text-align: center;
  color:#fff;
  font-size: 1.4em;
  font-family: verdana;
}

.containercolores {
	
  margin-top: -99%;
  margin-right: 1%;
}

.hr1 {
 position: relative;
 margin-top: -5%;
}

.parrasector {
  margin-left:30%;
  margin-right:0%;
  text-align: center;
  color:rgba(6,55,109);
  font-size:10%;
}

.icono1 {
	width: 12%;
	height: 12%;
	padding: 1%;
	margin-left: -4%;
}

.icono2 {
	width: 12%;
	height: 12%;
	padding: 1%;
	margin-left: -4%;
}


.parra1 {
	position: relative;
	margin-top: -5%;
}


.estructura {
	width: 60%;
	height: 60%;
	padding-bottom: 5%;
	margin-left: 47%;
	margin-top: -47%;
}

.parabajo {
	padding-top: 322px; 
}

}


@media screen and (min-width: 781px) and (max-width: 1024px){

.bloque h3{
	margin-left:5%;
	margin-right:2%;
	color:rgba(6,55,109);
	font-family: georgia;
	font-size: 2.5em;
}

.bloque.parallax{
	height: 200px;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



.parallax.image-1{
	background-image: url(../img/estructura/Imagen2.png);
	height: 150px;
}

.parallax.image-2{
	background-image: url(../img/estructura/v2.jpg);
	height: 800px;

}

.parallax.image-3{
	background-image: url(../img/estructura/mivig11.jpg);
	height: 640px;
}


.sscaption
{


  margin-top: -95%;
  margin-left: -5%;
  margin-right: 1%;
  width: 26%;
  height: 79%;
  background: rgba(95,118,247,0.8);
}


.sscaption1
{
  margin-top: -135%;
  margin-left: 73%;
  margin-right: 10%;
  width: 26%;
  height: 79%;
  background: rgba(219,49,49,0.8);
}

.tituloazul {
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
 margin-top: 10%;
}

.titulorojo {
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.parrafoazul {	
  text-align: center;
  color:#fff;
  font-size: 1.4em;
  font-family: verdana;
  margin-left: 5%;
  margin-top: -2%;
  padding: 1%;
}

.containercolores {
  margin-top: -4%;
  margin-right: 1%;
}


.hr1 {
 position: relative;
 margin-top: -6%;
}

.parrasector {
  margin-left:4%;
  margin-right:4%;
  text-align: center;
  color:rgba(6,55,109);
  font-size:40%;
}

.icono1 {
	width: 30%;
	height: 30%;
	padding-top: 12%;
	margin-left: 2%;
}

.icono2 {
	width: 30%;
	height: 30%;
	padding-top: 12%;
	margin-left: 2%;
}

.estructura {
	width:100%;
	height: 100%;
	padding-bottom: 5%;
	padding-left: 10%;
}

.parra1 {
	position: relative;
	margin-top: -3%;
}



}



@media screen and (min-width: 641px) and (max-width: 780px){

	.bloque h3{
	margin-left:5%;
	margin-right:2%;
	color:rgba(6,55,109);
	font-family: georgia;
	font-size: 2.5em;
}

.bloque.parallax{
	height: 200px;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



.parallax.image-1{
	background-image: url(../img/estructura/Imagen2.png);
	height: 150px;
}

.parallax.image-2{
	background-image: url(../img/estructura/v2.jpg);
	height: 800px;

}

.parallax.image-3{
	background-image: url(../img/estructura/mivig11.jpg);
	height: 640px;
}


.azul {
  opacity:0.7;
  position: absolute;
  background-color: #5F76F7;
  margin-top: 4%;
  margin-left: 2%;
  width: 96%;
  height: 32%;
}

.rojo {
 opacity:0.7;
 position: absolute;
 background-color:#db3131;
 margin-top: 57%;
 margin-left: 2%;
 width: 96%;
 height: 33%;
}

.tituloazul {
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
 margin-top: 10%;
}

.titulorojo {
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.parrafoazul {	
  text-align: center;
  color:#fff;
  font-size: 1.4em;
  font-family: verdana;
  margin-left: 5%;
  margin-top: -2%;
  padding: 1%;
}

.containercolores {
  margin-top: -4%;
  margin-right: 1%;
}


.hr1 {
 position: relative;
 margin-top: -6%;
}

.parrasector {
  margin-left:4%;
  margin-right:4%;
  text-align: center;
  color:rgba(6,55,109);
  font-size:40%;
}

.icono1 {
	width: 30%;
	height: 30%;
	padding-top: 12%;
	margin-left: 2%;
}

.icono2 {
	width: 30%;
	height: 30%;
	padding-top: 12%;
	margin-left: 2%;
}

.estructura {
	width:100%;
	height: 100%;
	padding-bottom: 5%;
	padding-left: 10%;
}

.parra1 {
	position: relative;
	margin-top: -3%;
}




}

@media screen and (min-width: 567px) and (max-width: 569px){
	.bloque h3{
	margin-left:5%;
	margin-right:2%;
	color:rgba(6,55,109);
	font-family: georgia;
	font-size: 2.5em;
}

.bloque.parallax{
	height: 200px;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



.parallax.image-1{
	background-image: url(../img/estructura/Imagen2.png);
	height: 150px;
}

.parallax.image-2{
	background-image: url(../img/estructura/v2.jpg);
	height: 870px;

}

.parallax.image-3{
	background-image: url(../img/estructura/mivig11.jpg);
	height: 640px;
}


.sscaption
{

  margin-top: -209%;
  margin-left: 5%;
  margin-right: 1%;
  width: 95%;
  height: 79%;
  background: rgba(95,118,247,0.8);
}


.sscaption1
{
  margin-top: -4%;
  margin-left: 5%;
  margin-right: 1%;
  width: 95%;
  height: 79%;
  background: rgba(219,49,49,0.8);
}



.tituloazul {
 padding-top: 3%; 	
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
 margin-top: 10%;
}

.titulorojo {
  padding-top: 3%; 	
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.parrafoazul {	
  text-align: center;
  color:#fff;
  font-size: 1.4em;
  font-family: verdana;
  margin-left: 5%;
  margin-top: -2%;
  padding: 1%;
}

.containercolores {
  margin-top: -4%;
  margin-right: 1%;
}


.hr1 {
 position: relative;
 margin-top: -6%;
}

.parrasector {
  margin-left:4%;
  margin-right:4%;
  text-align: center;
  color:rgba(6,55,109);
  font-size:40%;
}

.icono1 {
	width: 30%;
	height: 30%;
	padding-top: 12%;
	margin-left: 2%;
}

.icono2 {
	width: 30%;
	height: 30%;
	padding-top: 12%;
	margin-left: 2%;
}

.estructura {
	width:100%;
	height: 100%;
	padding-bottom: 5%;
	padding-left: 10%;
}

.parra1 {
	position: relative;
	margin-top: -3%;
}

    
}


@media screen and (min-width: 639px) and (max-width: 641px){
	
	.bloque h3{
	margin-left:5%;
	margin-right:2%;
	color:rgba(6,55,109);
	font-family: georgia;
	font-size: 2.5em;
}

.bloque.parallax{
	height: 200px;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



.parallax.image-1{
	background-image: url(../img/estructura/Imagen2.png);
	height: 150px;
}

.parallax.image-2{
	background-image: url(../img/estructura/v2.jpg);
	height: 800px;

}

.parallax.image-3{
	background-image: url(../img/estructura/mivig11.jpg);
	height: 640px;
}


.sscaption
{

  margin-top: -189%;
  margin-left: 5%;
  margin-right: 1%;
  width: 95%;
  height: 79%;
  background: rgba(95,118,247,0.8);
}


.sscaption1
{
  margin-top: -4%;
  margin-left: 5%;
  margin-right: 1%;
  width: 95%;
  height: 79%;
  background: rgba(219,49,49,0.8);
}



.tituloazul {
 padding-top: 3%; 	
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
 margin-top: 10%;
}

.titulorojo {
  padding-top: 3%; 	
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.parrafoazul {	
  text-align: center;
  color:#fff;
  font-size: 1.4em;
  font-family: verdana;
  margin-left: 5%;
  margin-top: -2%;
  padding: 1%;
}

.containercolores {
  margin-top: -4%;
  margin-right: 1%;
}


.hr1 {
 position: relative;
 margin-top: -6%;
}

.parrasector {
  margin-left:4%;
  margin-right:4%;
  text-align: center;
  color:rgba(6,55,109);
  font-size:40%;
}

.icono1 {
	width: 30%;
	height: 30%;
	padding-top: 12%;
	margin-left: 2%;
}

.icono2 {
	width: 30%;
	height: 30%;
	padding-top: 12%;
	margin-left: 2%;
}

.estructura {
	width:100%;
	height: 100%;
	padding-bottom: 5%;
	padding-left: 10%;
}

.parra1 {
	position: relative;
	margin-top: -3%;
}


}


@media screen and (min-width: 481px) and (max-width: 566px){
	

		.bloque h3{
	margin-left:5%;
	margin-right:2%;
	color:rgba(6,55,109);
	font-family: georgia;
	font-size: 2.5em;
}

.bloque.parallax{
	height: 200px;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



.parallax.image-1{
	background-image: url(../img/estructura/Imagen2.png);
	height: 150px;
}

.parallax.image-2{
	background-image: url(../img/estructura/v2.jpg);
	height: 930px;

}

.parallax.image-3{
	background-image: url(../img/estructura/mivig11.jpg);
	height: 640px;
}


.sscaption
{

  margin-top: -239%;
  margin-left: 5%;
  margin-right: 1%;
  width: 95%;
  height: 79%;
  background: rgba(95,118,247,0.8);
}


.sscaption1
{
  margin-top: -4%;
  margin-left: 5%;
  margin-right: 1%;
  width: 95%;
  height: 79%;
  background: rgba(219,49,49,0.8);
}


.parrasector {
  margin-left:4%;
  margin-right:4%;
  text-align: justify;
  color:rgba(6,55,109);
}

.icono1 {
	width: 30%;
	height: 30%;
	padding-top: 12%;
}

.icono2 {
	position: absolute;
	width: 28%;
	height: 28%;
	padding-top: 44%;
	margin-left: 55%;
}



}




@media screen and (max-width: 480px){
	
	.bloque h3{
	margin-left:5%;
	margin-right:2%;
	color:rgba(6,55,109);
	font-family: georgia;
	font-size: 2.5em;
}

.bloque.parallax{
	height: 200px;

	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



.parallax.image-1{
	background-image: url(../img/estructura/Imagen2.png);
	height: 120px;
}

.parallax.image-2{
	background-image: url(../img/estructura/v2.jpg);
	height: 848px;

}

.parallax.image-3{
	background-image: url(../img/estructura/mivig11.jpg);
	height: 640px;
}


.sscaption
{

  margin-top: -329%;
  margin-left: 5%;
  margin-right: 1%;
  width: 95%;
  height: 79%;
  background: rgba(95,118,247,0.8);
}


.sscaption1
{
  margin-top: -8%;
  margin-left: 5%;
  margin-right: 1%;
  width: 95%;
  height: 79%;
  background: rgba(219,49,49,0.8);
}

.tituloazul {
 padding-top: 3%; 	
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
 margin-top: 10%;
}

.titulorojo {
  padding-top: 3%; 	
 font-size: 1.5em;
 text-align: center;
 font-family: verdana;
 color:#fff;
}

.parrafoazul {	

  text-align: center;
  color:#fff;
  font-size: 1.4em;
  font-family: verdana;
  margin-left: 5%;
  margin-top: -4%;
  padding-bottom: 2%; 
}

.containercolores {
  margin-top: -4%;
  margin-right: 1%;
}


.hr1 {
 position: relative;
 margin-top: -10%;
}

.parrasector {
  margin-left:4%;
  margin-right:4%;
  text-align: justify;
  color:rgba(6,55,109);
}

.icono1 {
	width: 45%;
	height: 45%;
	padding-top: 12%;
}

.icono2 {
	position: absolute;
	width: 41%;
	height: 41%;
	padding-top: 75%;
	margin-left: 5%;
}

.estructura {
	width: 100%;
	height: 100%;
	padding-bottom: 5%;
	padding-left: 15%;
}

.parra1 {
	position: relative;
	margin-top: -10%;
}

}