#main-wraper{width:50%; margin:0 auto; padding:0px;}

#mid-wraper{width:50%; margin:0 auto; padding:0px;}

.mid-leftouter{width: 57%; float:left;}

.mid-left-container{width:100%; height: auto; float:left; background: white; padding:10px 20px 0px 20px;}

h1#inicio{display:block; width:603px; margin:0px 0px 10px 0px; padding:0px 0px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#2f1a1a; font-weight:normal;}

h2{font-size:18px; font-weight:bold;}

h4{display:block; text-align: center; margin:0px 0px 10px 0px; padding:0px 0px 8px 10px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; font-weight:bolder;}

p.textoinicio{margin:0px; padding:0px; text-align: justify;}

.inner-left{border-right: 1px solid rgb(153, 153, 153); width: 45%; float: left; padding-right: 12px;}

.inner-right{width:50%; float:right;}

.right-container{width:35%; float:right; color:#fff;}

.right-container-dwn{background: #004366; padding:10px 15px;}

@media screen and (min-width: 1700px) {
    .mid-wraper-top{width:65%; margin: 0 auto;}
    .yellow-heading{color:#c79214; font-size:30px;}
    .footer-text{width:60%; font-size: 14px; margin: 0 auto; text-align: center;}
}

@media screen and (max-width: 1700px) and (min-width: 1400px) {
    .mid-wraper-top{width:75%; margin: 0 auto;}
    .yellow-heading{color:#c79214; font-size:27px;}
    .footer-text{width:60%; font-size: 12px; margin: 0 auto; text-align: center;}
}

@media screen and (max-width: 1400px) {
    .mid-wraper-top{width:85%; margin: 0 auto;}
    .yellow-heading{color:#c79214; font-size:24px;}
    .footer-text{width:60%; font-size: 10px; margin: 0 auto; text-align: center;}
}