@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic,900italic,900);
body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    background: #394049;
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
header {
    border-bottom: 10px solid #d18a43;
}
h2 {
    font-size: 52px;
    padding-right: 50px; ;}
figure {
    margin: 0;
}
#cabecera {
    margin: 20px 0;
}
#modalidad {
    background: url(../images/bg-mef-1.jpg) no-repeat;
    background-size: cover;
}
#ubicacion {
    background: url(../images/bg-mef-2.jpg) no-repeat;
    background-size: cover;
}
#top, #caracteristicas {
    background: #2e2d54;
    color: #fff;
}
#porque {
    background: #dadada;
    color: #4d4d4d;
}
#formulario {
    background: #dadada;
    color: #fff;
}
#formulario h3.descTitulo {
    color: #4d4d4d;
}
#caracteristicas .row{
    padding-left: 60px;
    padding-right: 60px;
}
#gracias {
    background: #fff;
    color: #000;
    padding: 70px 0;
}
.card {
    width: 100%;
    background: #1d254560;
    padding: 10px 60px;
    box-shadow: 5px 5px 5px #0000004f;
}
.card img {
    height: 78px;
    margin-bottom: 8px;
}
.logo-magister {
    text-align: left;
}
.logo-mba  {
    text-align: right;
    padding-right: 0px;
}
.logo-mba img{
    margin-top: 10px;
    text-align: center;
    height: 120px;
}
.logo-magister img{
    margin-top: 10px;
    text-align: center;
    height: 120px;
}
.contIconos {
    margin-top: 20px;
}

#saber-mas {
    background: #d18a43;
    border: 1px solid #d18a43;
    font-size: 30px;
    line-height: 1.1;
    padding: 10px 50px;
    box-shadow: 5px 5px 5px #0000004f;
    margin-bottom: 25px;
}
#saber-mas:hover {
    background: #d18a43cc;
    border: 1px solid #d18a43;
    font-size: 30px;
    line-height: 1.1;
    padding: 10px 50px;
    box-shadow: 3px 3px 3px #0000004f;
}
.text {
    background-position-x: 25px;
    background-size: 100px 5px;
    padding: 0px;
    margin-bottom: 25px;
}

.text-line {
    background: url(../images/divider-bold.png) no-repeat;
    background-position-x: 25px;
    background-size: 100px 5px;
    padding-top: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
}
.text-line h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
}
.text-address {
    /*padding-left: 20px;*/
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 30px;
    /*margin-left: 25px;*/
}
.text-address h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
}
.text-address p {
    font-weight: 200;
}


.item {
    display: flex;
    color: white;
    align-items: flex-start;
}
.item figure {
    margin: 0;
}
.item img {
    height: 60px;
    padding-top: 10px;
}

.item2 {

}
.item2 figure {
    margin: 0;
}
.item2 img {
    height: 90px;
    padding: 0 0 20px 20px;
}

.modalidades{
    font-size: 16px;

}
.text-line h4 {
    background: url(../images/flecha.png) no-repeat;
    padding-left: 30px;
    background-size: 12px 15px;
    background-position-y: 2px;
}
.lineaTitulo {
    padding-bottom: 10px;
    color: #4d4d4d;
    border-bottom: 2px solid #d18a43;
}
h3.descTitulo {
    font-size: 21px;
    color: white;
    margin-bottom: 12px;
    padding: 10px 70px 10px 0px;
    display: inline-block;
    border-bottom: 2px solid #d18a43;
    text-transform: uppercase;

}
h3.descTitulo2 {
    color: white;
    margin-bottom: 25px;
    padding: 10px 0px;
    display: inline-block;
    background: url(../images/divider-bold.png) no-repeat;
    background-position-x: center;
    background-size: 140px 2px;
    background-position-y: 50px;
}
h3.descTitulo3 {
    font-size: 40px;
    padding-bottom: 20px;
    color: #4d4d4d;
}

.item-ubicacion {
    display: flex;
    color: white;
    align-items: center;
    margin-bottom: 30px;
}
.item-ubicacion figure {
    margin: 0;
}
.item-ubicacion img {
    height: 60px;
    padding: 10px 0 10px 20px;
}
.text-address {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 0px;
    border-left: 5px solid white;
    margin-left: 25px;
}


#descripcion {
    background: #fff;
    color: #4d4d4d;
}

#descripcion img {
    max-width: 120px;
    display: block;
    margin: 0 auto;
}
#descripcion h3.descTitulo2 {
    color: #4d4d4d;
}

#modalidad h3.descTitulo2, #ubicacion h3.descTitulo2 {
    display: block;
    text-align: center;
}
#formulario input {
    width: 95%;
    height: 45px;
    padding-left: 10px;
    border: 0;
    background-color: #fff;
    color: #000;
}
#formulario textarea {
    width: 95%;
    padding-left: 10px;
    border: 0;
    background-color: #fff;
    padding-top: 10px;
    color: #000;
}
#formulario legend {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 15px;
    font-size: 32px;
    padding-bottom: 10px;
}
#formulario fieldset {
    border: none;
}
#formulario fieldset ul {
    padding-left: 0;
}
#formulario select {
    height: 40px;
    width: 95%;
    border-radius: 0;
    padding-left: 10px;
    border: 1px #CECECE solid;
    background-color: white;
}
#formulario fieldset ul li {
    margin-bottom: 10px;
    list-style: none;
}
#formulario #boton {
    border: 0;
    color: white;
    text-transform: uppercase;
    height: 50px;
    transition: all .5s ease;
}
#formulario #boton.enviar:hover {
    background-color: #d18a43;
}
#boton.enviando{
    background-color: #5C7380;
}
#boton.enviar{
    background-color: #d18a43;
}
#boton.enviado{
    background-color: #002F6C;
}


/* resultado form */

@media (max-width: 991px) {
	h2 {
		padding: 0px;
	}
    #formulario {
        text-align: center;
        margin-top: 20px;
        border: unset;
    }
    .logo-mba img{
        height: 90px;
    }
    .mba-crea img{
        height: 90px;
    }
}
@media (max-width: 767px) {

	#top .container {
		text-align: center;
	}
	#saber-mas {
		margin-top: 20px; 
	}
    .logo-mba {
        text-align: center;
    }
	.logo-mba img {
	    margin-top: 35px;
	}
    .mba-crea {
        text-align: center;
    }
    #cabecera {
        margin-bottom: 20px; 
    }
    #formulario {
        padding: unset;
    }
    #formulario legend {
        font-size: 28px;
    }
    h3.descTitulo {
        text-align: center;
        font-size: 21px;
        display: block;
        margin-top: 20px;
        margin-bottom: 40px;
        padding-right: 0px;
    }
    h3.descTitulo2 {
        text-align: center;
        font-size: 21px;
        display: block;
        /*margin-top: 20px;*/
        margin-bottom: 20px;
        background-position-y: 40px;
    }
    #cabecera .headText h3 {}
}


/*FOTTER*/
footer {
    border-top: 10px solid #d18a43;
    padding-top: 50px;
    padding-bottom: 60px;
    /*background-color: #394049;*/
    font-size: 15px;
}
footer h3 {
    margin-top: 40px;
    font-size: 23px;
    display: inline;
    border-bottom: 1px solid #fff;
}
.logo-footer{
    width: 450px;
    max-width: 100%;
    padding-top: 20px;
}
.phone, .mail, .web, .geo {
    min-height: 40px;
    /*margin: 15px 0;*/
    padding-left: 40px;
    line-height: 30px;
}
.phone a, .mail a, .web a, .geo a{
    color: #fff;
}
.phone {
    background: url(../images/icon-phone.png) no-repeat;
    background-size: 30px;
    background-position: 0px center;
    margin: 8px 0;
}
.mail {
    background: url(../images/icon-mail.png) no-repeat;
    background-size: 30px;
    background-position: 0px 0;
    margin: 8px 0;
}
.web {
    background: url(../images/icon-web.png) no-repeat;
    background-size: 30px;
    background-position: 0px 0;
    margin: 8px 0;
}
/*.geo {
    background: url(../images/icon-geo.png) no-repeat;
    background-size: 30px;
    background-position: 0px center;
    line-height: 22px;
}*/
.webgeo {
    margin-top: 20px;
}
@media (max-width: 1199px) {
    footer {
        padding-top: 40px;
    }
    footer p {
        font-size: 14px;
    }
}
@media (max-width: 991px) {

    footer h3 {
        text-align: center;
    }
    .logo-footer{
        padding-top: 10px;
        padding-bottom: 15px;
    }
}
@media (max-width: 575px) {
    .webgeo {
        margin: unset;
    }
    .web{
        margin: 0 0 15px 0;
    }
}