#contenedor{
	width: 90%;
	height: 80%;
	margin: 0 auto;
    border-radius: 1vw;
	background: rgb(237, 104, 32);
	background: -moz-linear-gradient(180deg, rgb(237, 104, 32) 0%, rgb(237, 104, 32) 100%, rgb(121, 34, 94) 100%);
	background: -webkit-linear-gradient(180deg, rgb(237, 104, 32) 0%, rgb(237, 104, 32) 100%, rgb(121, 34, 94) 100%);
	background: linear-gradient(180deg, rgb(237, 104, 32)  0%, rgb(237, 104, 32) 100%, rgb(121, 34, 94) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b8bc8",endColorstr="#223d79",GradientType=1); 
}

.sec1{
    width: 87.8vw;
    height:10vh;
    text-align: center;
    margin: auto;
    background: #CCFFFF;
    border-radius: 1vw;
    box-shadow: cornflowerblue 2px 4px 2px;
}

.sec1 h1{
    font-size: 1.6vw;
    color: black;
    font-family: 'Montserrat', sans-serif;
}

.posh{
	width: 6%;
	height: ;/*22vh*/
	text-align: center;	
	margin-top: 0.1vh;
	margin-left: 46%; 	
	border-radius: 0.8vw 0.8vw 0.8vw 0.8vw;
	background: rgba(242,242,247,1) 100%;
	box-shadow: 0.5vw 0.5vw 0.8vw 0.8vw  rgb(56, 109, 214);
}


.sec2 .d2{
    width: 88%;
    height: 80%;
    text-align: center;
    font-size:0.8vw;
    color: black;
    font-family: 'Lato-Black.ttf', sans-serif;
    padding: 3%;
    margin: auto;
    margin-top: 3%;
    background: #CCFFFF;
    border-radius: 1vw;
    box-shadow: cornflowerblue 2px 4px 2px;
} 

.sec2 .d2 h3{
    text-align: center;
    font-size:1.2vw;
    color: black;
    font-family: Arial, 'Lato-Black.ttf', sans-serif;
    margin: auto;
    margin-top: 5%;
} 

.sec2 .d2 h3 span{
    font-size:1.2vw;
    font-style: italic;
    color: black;
    font-family: Arial, 'Lato-Black.ttf', sans-serif;
}

.sec2  .imgta20{
    width: 8vw;
    height: ;/*16vh*/
	position:relative;
	float: left;
	left: 32.5%;
	margin: 5%;
	top: 2%;
	bottom: 10%;
    border: 2px solid blue;
	box-shadow: 0.2vw 0.8vw 0.8vw 0.4vw  rgb(237, 104, 32);
	border-radius: 6% 6% 6% 6%;
	-webkit-transition: all 1.9s ease;
	transition: all 1.9s ease;
}
/*Si activas este las imagenes se ven ovaladas
.sec2 .imgta20 img{
    width: 8vw;
    height: 16vh;
    margin: auto;
}*/

.sec2 .imgtb20{
    width: 8vw;
    height: ;/*16vh*/
	position:relative;
	float: left;
	left: 28%;
	margin: 5%;
	top: 2%;
	bottom: 10%;
    border: 2px solid blue;
	box-shadow: 0.2vw 0.8vw 0.8vw 0.4vw  rgb(237, 104, 32);
	border-radius: 6% 6% 6% 6%;
	-webkit-transition: all 1.9s ease;
	transition: all 1.9s ease;
}
/*Si activas este las imagenes se ven ovaladas
.sec2 .imgtb20 img{
    width: 8vw;
    height: 16vh;
    margin: auto;
}*/

.ma1{
    width: 94%;
    height: 58%;
    text-align: center;
    margin: auto;
    padding-top: 5%;
    background: #CCFFFF;
    border-radius: 1vw;
    border: 1px solid red;
}

.ma1 h2{
    font-family: Arial, 'Lato-Black.ttf', sans-serif; 
    color: black; 
    font-size: 1.6vw;
}

.ma1 p{
    font-family: Arial, 'Lato-Black.ttf', sans-serif; 
    color: black; 
    font-size: 1.4vw;
}

.ma1 .Datos{
    font-family: Arial, 'Lato-Black.ttf', sans-serif; 
    color: black; 
    font-size: 1.3vw;
}

.ma1 span{
  color: rgb(69, 93, 138);  
}