body {
    font-family: 'rotoplas_regularregular', rotoplas_regularregular, arial, sans-serif;
   font-size: 16px;
   margin: 0px!important;
}

img{
    vertical-align: bottom;
}

.blue1 {
    color:#00AFD7;
    }

.blue2 {
    color:#009CDE;
    }

.blue3 {
    color:#407EC9;
    }

.blue4 {
    color:#236192;
    }

.blue5 {
    color:#002554;
    }

.white {
    color:#fff;
    }

.black {
    color:#000;
    }

.grey {
    color:#666;
    }

.bg-white {
    background-color:#fff;
    }

.bg-blue1 {
    background-color:#00AFD7;
    }

.bg-blue2 {
    background-color:#009CDE!important;
    }

.bg-blue3 {
    background-color:#407EC9;
    }

.bg-blue4 {
    background-color:#236192;
    }

.bg-blue5 {
    background-color:#002554;
    }

.bg-blue6 {
    background-color:#edf1f4;
    }

.txt-banner{
    width: 45%; display: inline-block; vertical-align: middle; margin-left:20px;
}

.txt-long-banner{
    width: 80%; display: inline-block; vertical-align: middle; font-family: 'rotoplas_regularregular'
}

.txt-long-center{
    width: 50%; display: inline-block; font-family: 'rotoplas_regularregular'
}

.box-head-col{
width: 80%;
text-align: center;
padding: 8%;
box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.2);
border-radius: 10px; 
}


.box-cont-col{
width: 80%;
text-align: left;
padding: 8%;
box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.3); 
border-bottom-left-radius: 10px; 
border-bottom-right-radius: 10px; 
}


.box-round{
width: 80%;
text-align: center;
padding: 2px;
box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.3); 
border-radius: 1em; 
margin: auto;
}

.divcenter{
margin: auto;}

.div80{
margin: auto;
width: 80%;
text-align: center;
padding: 20px;
box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.2);
border-radius: 10px;
}

.img-banner{
    width: 40%;  display: inline-block; vertical-align: middle;
}

.txt-banner-izq{
    width: 40%;display: inline-block;vertical-align: middle;margin-left:100px;
}

.img-banner-der{
    width: 40%;vertical-align: middle;display: inline-block;transform: translate(40%, 0px);
}

@media (max-width: 700px){
    .txt-banner{
        width: 80%; display: block;  margin:auto;
    }
    
    .img-banner{
        width: 80%;  display: block;
    }

    .txt-banner-izq{
        width:80%; margin:auto; display: block;
    }
    
    .img-banner-der{
        width: 80%;
    }

    .box-head-col{
    width: 100%; margin: auto; display: block;
    }

    .box-cont-col{
    width: 100%; margin: auto; display: block;
    }
}

.size-33-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 30%;
    -moz-flex: 0 30%;
    -ms-flex: 0 30%;
    flex: 0 30%;
    width: 30%;
    max-width: 30%;
    display: inline-flex;
    margin-top: 30px;;
}

.size-33-2 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 30%;
    -moz-flex: 0 30%;
    -ms-flex: 0 30%;
    flex: 0 30%;
    width: 30%;
    min-width: 30%;
    display: inline-flex;
    margin-top: 25px;;
}

.size-45-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 45%;
    -moz-flex: 0 45%;
    -ms-flex: 0 45%;
    flex: 0 45%;
    width: 45%;
    max-width: 45%;
    display: inline-flex;
    margin-top: 30px;;
}

.size-70-3 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 63%;
    -moz-flex: 0 63%;
    -ms-flex: 0 63%;
    flex: 0 63%;
    width: 63%;
    max-width: 63%;
    display: inline-flex;
    margin-top: 30px;;
}

.size-100 {
    max-width: 100%; 
    min-width: 100%; 
    text-align:center; 
}


@media (max-width: 700px){
	.size-33-3 {
	width: 100%;
	max-width: 100%;
	min-width: 300px;
    margin-left: 50%;
    transform: translate(-50%, 0px);
	margin-bottom: 20px;
    margin-top: 0px;
    }

    .size-100 {
    width: 100%; 
    max-width: 100%;
    min-width: 300px;
    margin-left: 50%;
    transform: translate(-50%, 0px);
    margin-bottom: 20px;
    margin-top: 0px;
    }
        .size-70-3 {
    width: 100%; 
    max-width: 100%;
    min-width: 300px;
    margin-left: 50%;
    transform: translate(-50%, 0px);
    margin-bottom: 20px;
    margin-top: 0px;
    }

}

@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}