/*  
Client: MINISTERIO
Client URL: http://ministerio.mx
Description: Consultores Digitales
Version: 3.0
Autor: Ministerio
Autor URL: http://ministerio.mx
*/


/* GENERAL  		  ///////////////////////////////////////////////////*/
body,
html,
article,
section {
    height: 100%;
}

body {
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
    font-size: .875em; /* 14px */
    color: #222;
    background: #f8f8f8 url(/images/wordpress-fondo.jpg) left top no-repeat;
    background-size: cover;
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; 
}

a,
form input[type="submit"] {
    -webkit-transition: all ease-out .3s;
            transition: all ease-out .3s;
}

a {
    text-decoration: none;
    color: #222;
}

a:hover {
    color: #666;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px dashed #000;
}

em {
    font-size: .7142em;
    font-style: italic;
}

strong,
h2,
h3,
form input[type="submit"] {
    font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
}

::-webkit-input-placeholder {
    color: #000;
}


/* TEXTOS      	      ///////////////////////////////////////////////////*/
h2 {
    margin-bottom: 5px;
    font-size: 1.75em;
    letter-spacing: 1px;
}

h3 {
    margin-bottom: 5px;
    font-size: 1.1428em;
}

h5,
p,
ul {
    margin-bottom: 20px;
}


/* CURSO      		  ///////////////////////////////////////////////////*/
article {
    width: 45%;
    float: left;
    overflow: hidden;
}

.fondo {
    position: relative;
    width: 55%;
}

.fondo figure,
form input[type="text"],
form input[type="submit"] {
    width: 100%;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-appearance: none;
            appearance: none;
}

.fondo figure {
    position: absolute;
    bottom: 25px;
    text-align: center;
}

section {
    width: 50%;
    float: left;
    padding: 20px;
}

section + section {
    background: #fff;
}

div,
hr + p,
form input[type="submit"],
span {
    text-transform: uppercase;
}

section div {
    padding: 15px 25px;
    background: #a5ffc7;
}

section div p {
    margin-bottom: 7px;
}

section div h2 + p {
    margin-bottom: 0;
    font-size: .7142em;
    text-transform: none;
}

hr + p {
    font-size: 1.2857em;
}

form input[type="text"] {
    height: 50px;
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
    font-size: 1em;
    outline: none;
    border: 0;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

form input[type="text"].error {
    background: #f00;
}

form input[type="submit"] {
    height: 70px;
    margin-bottom: 20px;
    padding-top: 5px;
    font-size: 1.8571em;
    letter-spacing: 1px;
    color: #fff;
    cursor: pointer;
    border: 0;
    background: #ff6000;
}

form input[type="submit"]:hover {
    background: #ec3a8f;
}

form p {
    margin-top: 5px;
    font-size: .8571em;
    text-align: right;
    color: #f00;
}

form + p {
    margin-bottom: 10px;
}

form + p + p + p {
    margin-top: 20px;
}



/* RESPONSIVO      	  ///////////////////////////////////////////////////*/
@media only screen and (max-width: 1120px) {
    article,
    section {
        height: auto;
    }
    
    .fondo {
        height: 100%;
    }
    
    article,
    .fondo {
        width: 100%;
        float: none;
    }
}


@media only screen and (max-width: 768px) {
     body {
        background: #f8f8f8 url(/images/wordpress-fondo-movil.jpg) center top no-repeat;
        background-size: cover;
    }
}


@media only screen and (max-width: 670px) {
    section {
        width: 100%;
        float: none;
        padding-bottom: 2px;
    }
    
    .fondo figure {
        bottom: 35px;
    }
    
    .fondo figure img {
        width: 85%;
    }
    
    form + p + p + p {
        margin-top: 0;
    }
}