.banner-imageProgram{
    width:460px;
    display:inline-block;
    float:left;
}

.banner-resumen{
    display:inline-block;
    text-align:left;
    padding:0px 20px 20px 20px;
    float:left;
}

.banner-resumen li {
    color: white;
}

.banner-step2{
    width:100%;
    height:660px;
    text-align:center;
    position:relative;
    background:url(../images/banner2.jpg) no-repeat;
    background-size:cover;
    display:inline-block;
    /*column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;*/

}
.banner-step2 h2{
    margin-top:4%;
    color:#FFFFFF;
    font-size:50px;
    font-family: 'Titillium Web', sans-serif;
}
.banner-step2 p{
    float:left;
    width:100%;
    color:#FFFFFF;
    margin:5px 0 20px;
    text-align:left;
}

.banner-programtitle h2 {
    font-family: "Titillium Web",sans-serif;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}
.banner-textprogram {
    width: 60%;
    min-width:370px;
    display:inline-block;
    float:left;
    padding:10px;
    margin:50px;

}

.banner-formRight{
    width:30%;
    margin:0px auto;
    position:relative;
    display:inline-block;
    float:right;
    padding:10px;
    background-color: rgba(29, 104, 61, 0.8);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.textLanding{
    margin: 40px; 
    padding:30px;
    background-color: rgba(29, 104, 61, 0.8);
    border-radius: 20px;
    font-size:40px;
    font-family: "Titillium Web";

}

.banner-formRight > p {
    margin: 5px 0 10px;
}

.banner-formRight fieldset{
    float:left;
    width:100%;
    margin:5px 0;
    text-align:left;
    position:relative;
}

.banner-formRight fieldset input/*,
.banner-formRight fieldset select*/{
    float:left;
    height:45px;
    padding:5px 12px;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}
/*.banner-formRight fieldset div select{
        width:100%;
}*/
.banner-formRight fieldset .three{
    width:32%;
    float:left;
    margin-right:2%;
}
.banner-formRight fieldset .two{
    width:45%;
    float:left;
    padding-right:0px;
    margin-right:2%;
    border: 2px solid transparent;
}
.banner-formRight fieldset .three.last{
    margin-right:0px;
}
.banner-formRight fieldset label {
    top:12px;
    color: #FFF;
    margin-left: 8px;
    position:relative;
}
.banner-formRight fieldset textarea{
    float:left;
    width:100%;
    resize:none;
    font-size:14px;
    margin-top:12px;
    min-height:90px;
    padding:5px 12px;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}
.banner-formRight fieldset label a{
    color:#21B962;
    cursor:pointer;
}
.banner-formRight fieldset img{
    margin-top:5px;
    cursor:pointer;
}
.banner-formRight fieldset label.confirm{
    top:-5px;
    font-size:12px;
}

.banner-formRight fieldset button {
    background: #2ecc71 none repeat scroll 0 0;
    border: medium none;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 300;
    height: 70px;
    line-height: 1em;
    text-align: center;
    width: 200px;
}

/*  Radio Button Css*/
div.radio input {margin: 0;padding: 0;float: left;}
div.radio label {display: block;float: left;cursor: pointer;font-size: 12px;margin-left: 0;width:20px}
div.radio span.radio-container {position: relative;float: left;margin-right: 3px;}
div.radio span.radio-container span.radio {display: block;width: 19px;height: 19px;background: url(../images/radio.png) no-repeat top left; margin-top:13px;}div.radio span.radio-container span.radio.selected {background-position: top right;}
div.radio span.radio-container input {position: absolute;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0);z-index: 101;cursor: pointer;}

/*  Checkbox Button Css*/
.banner-formRight fieldset input[type="checkbox"]{display:none;}

/*  Selectbox Css*/
.styled-select {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 3px;

    overflow: hidden;
    position: relative;
}
.styled-select, .styled-select select { width: 100%;}
select:focus { outline: none; }
.styled-select select {
    height: 45px;
    padding: 5px 12px;
    border: none;
    background-color:transparent;
    /*hide default down arrow in webkit */
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
}
.styled-select {
    background-color: rgb(255, 255, 255);
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 97% 20px;
}
.styled-select.small-select{
    background-position: 92% 20px;
}
@-moz-document url-prefix(){
    .styled-select select { width: 125%; }
}

@media screen\0 {

}

.styled-select span {
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 24px;
}
select::-ms-expand { display: none; } /* hide default down arrow in IE10*/

/* hack to fall back in opera */
_:-o-prefocus, .selector {
    .styled-select { background: none; }
}



@media screen and (max-width: 1160px){
    .banner-formRight fieldset .two {
        width: 100%;
        margin-bottom: 5px;
    }
    .banner-formRight fieldset {
        margin:0px 0px;
    }
    .banner-formRight{
        width:100%;
    }
    .banner-textprogram{
        width:80%;
    }
    .banner-step2{
        height: auto;	
    }
}

@media screen and (max-width: 885px){

    .banner-formRight fieldset .three.half{
        width:50%;
        margin-right:0px;
        padding-right:5px;
    }
    .banner-formRight fieldset .three.half.radio{
        padding:0 50px;
    }


}
@media screen and (max-width: 767px){
    .banner-resumen{
        padding: 0 0 20px;	
    }

}

@media screen and (max-width: 530px){
    .banner-formRight fieldset label{
        margin-left:2px;
        font-size:13px;
    }

    .styled-select span{
        right:3px;
        top:1px;
    }
    .styled-select span img{
        width:9px;
    }
    .styled-select select{
        padding:5px 2px;
    }
    .banner-formRight fieldset input{
        padding:5px;
    }


}

@media screen and (max-width: 440px){
    .banner-textprogram {    
        margin: 10px;
        min-width: 270px;
    }
    .textLanding{
        font-size: 20px;
    }
}

@media screen and (max-width: 389px){

}













