html, body {
    height: 100%;
}

body {
    font: 16px 'open_san';
    color: #ffffff;
    position: relative;
}

strong {
    font-family: 'open_sansbold';
}

em {
    font-family: 'open_sansitalic';
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    font: 36px 'ralewayextrabold';
}

a, a:before, a:after {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

    a:hover, a:hover:before, a:hover:after {
        cursor: pointer;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
    }

span, span:before, span:after {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

    span:hover, span:hover:before, span:hover:after {
        cursor: pointer;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
    }

input, textarea {
    width: 100%;
    height: 47px;
    font: 14px 'open_san';
    color: #fff;
    background: none;
    border: 0px;
    border-bottom: 2px solid #327297;
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
    margin-bottom: 5px;
}

textarea {
    height: 148px;
    padding-top: 18px;
    padding-left: 4px;
    margin-bottom: 2px;
    border-top: 2px solid #327297;
    resize: none;
}

input[type="number"] {
    width: 35px;
    height: 24px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    border: 2px solid #A6244A;
}

input:focus, textarea:focus, .inputSeleccionado {
    outline: 0;
    border-color: #479fd2;
}

input[type="checkbox"] {
    width: auto;
    height: auto;
    margin: 0px;
    margin-right: 9px;
    vertical-align: middle;
}

/******************************************************Placeholder******************************************************/

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

::-o-input-placeholder {
    color: #ffffff;
}

::-ms-input-placeholder {
    color: #ffffff;
}

:-moz-input-placeholder {
    color: #ffffff;
}

::-moz-input-placeholder {
    color: #ffffff;
}

/************************************************************************************/

.Header {
    height: 100%;
    background: url(../images/fondos/bgHome.jpg) center no-repeat;
    position: relative;
}

.Header_slide {
    height: 100%;
}

.Header-Center {
    width: 550px;
    font: 24px 'ralewaysemibold';
    margin: 0px auto;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 37%;
}

.Header-Logo {
    width: 308px;
    height: 73px;
    background: url(../images/logo.png) no-repeat;
    margin-bottom: 45px;
}

/************************************************************************************/

.MainMenu {
    display: none;
    height: 102px;
    background-color: #cfcfcf;
    top: 0px;
    position: fixed;
    z-index: 99;
}

    .MainMenu.ActivarMenu {
        display: block;
    }


.MainMenu-Logo {
    width: 300px;
    height: 100%;
    background: #0b3252 url(../images/logoHeader.png) center 24px no-repeat;
    position: relative;
}

.MainMenu-IcoMenu {
    display: none;
    width: 42px;
    height: 40px;
    background: #0b3252 url("../images/menu.png") no-repeat;
    margin-top: -4px;
    margin-right: 10px;
    background-size: 100%;
}

    .MainMenu-IcoMenu:hover {
        background-color: #4592b9;
    }


.MainMenu-List {
    display: inline-flex;
    width: 900px;
    margin: 0px auto;
    padding-top: 40px;
    padding-left: 140px;
    left: 0px;
    right: 0px;
    vertical-align: top;
}

.MainMenu-ItemList {
    color: #333333;
    font: 16px 'open_sanssemibold';
    margin-right: 110px;
}

    .MainMenu-ItemList:hover, .MainMenu-ItemList.activo {
        color: #4592b9;
    }

/************************************************************************************/

.AcercaNosotros {
    height: 546px;
    background-color: #e8e8e8;
    position: relative;
}

.Placa {
    height: 13px;
    background: url(../images/placa.jpg) center no-repeat;
    z-index: 97;
    top: -6px;
}

.AcercaNosotros-Img {
    width: 50%;
    height: 100%;
    background: url(../images/acercaNosotros.png) center no-repeat;
}



.AcercaNosotros-Content {
    width: 50%;
    color: #333333;
}

.AcercaNosotros-Info {
    max-width: 495px;
    padding-top: 145px;
}

.AcercaNosotros-Title {
    color: #4592b9;
    margin-bottom: 21px;
}

.AcercaNosotros-Txt {
    font: 18px 'open_sanssemibold';
    margin-bottom: 40px;
}

.AcercaNosotros-ImgISO {
    padding-right: 20px;
    border-right: 3px solid #7bafc9;
    margin-right: 18px;
}

.AcercaNosotros-TxtServicios {
    max-width: 265px;
    padding-top: 15px;
}

/************************************************************************************/

.Servicios {
    height: 876px;
    background: url(../images/fondos/bgServicios.jpg) 50% 0 no-repeat fixed;
    overflow: hidden;
}

.Servicios-Center {
    width: 100%;
    max-width: 1060px;
    padding-top: 190px;
}

.Servicios-List {
    max-width: 420px;
    border-left: 3px solid #4592b9;
    padding-left: 38px;
    margin-left: 130px;
}

    .Servicios-List li {
        margin-bottom: 14px;
    }


/************************************************************************************/

/**AGREEMENT*/

.Agreement-Txt {
    font: 14px 'open_sanssemibold';
    margin-bottom: 20px;
    text-align: justify !important
}

.Agreement-Img {
    width: 50%;
    height: 100%;
    background: url(../images/diagrama.png) center no-repeat;
    background-size: 110% !important;
    /*background-image: url(../images/diagrama.png) center no-repeat;*/
}

.Agreement-Info {
    max-width: 495px;
    padding-top: 45px;
}

/************************************************************************************/
.Contacto {
    height: 470px;
    background-color: #444648;
    position: relative;
}

.Contacto-Mapa {
    width: 50%;
    height: 100%;
    background-color: #fff;
}

.Contacto-Content {
    width: 50%;
}

.Contacto-Info {
    max-width: 380px;
    padding-top: 120px;
    padding-left: 95px;
}

.Contacto-Title {
    margin-bottom: 40px;
}

.Contacto-List li {
    padding-left: 30px;
    margin-bottom: 25px;
}

.Contacto-IcoDireccion {
    background: url(../images/icoDireccion.png) 0px 3px no-repeat;
}

.Contacto-IcoTelefono {
    background: url(../images/icoTelefono.png) 0px 0px no-repeat;
}

.Contacto-IcoEmail {
    background: url(../images/icoEmai.png) 0px 5px no-repeat;
}

.Contacto-Info a:hover {
    color: #5ec1f3;
    text-decoration: underline;
}

.Contacto-Msj {
    display: none;
    margin-top: 30px;
}

    .Contacto-Msj strong {
        color: #4592b9;
        font-size: 24px;
    }



/************************************************************************************/

.Formulario {
    height: 405px;
    background-color: #0b3252;
    padding-top: 60px;
}

.Formulario-Col {
    width: 515px;
    margin-right: 80px;
}

.Formulario-Col--Mensaje {
    padding-top: 70px;
}

.Formulario-Title {
    font-size: 24px;
    margin-bottom: 35px;
}

.Formulario-Btn {
    width: 152px;
    height: 31px;
    font: 18px 'ralewayextrabold';
    background-color: #4592b9;
    padding-top: 9px;
    padding-left: 54px;
    margin-top: 24px;
    position: relative
}

    .Formulario-Btn:before {
        content: "";
        width: 24px;
        height: 19px;
        background: url(../images/icoEnviar.png) no-repeat;
        position: absolute;
        top: 10px;
        right: 38px;
    }

    .Formulario-Btn:hover {
        background-color: #45a0ce;
    }

        .Formulario-Btn:hover:before {
            right: 31px;
        }

/************************************************************************************/

.Footer {
    background-color: #222222;
    padding-top: 22px;
    padding-bottom: 36px;
}

.Footer-Center {
    width: 100%;
    max-width: 1230px;
    font-size: 12px;
    padding: 0px 10px;
}

.Footer-Txt {
    padding-top: 12px;
}

.Footer-Center a:hover {
    color: #5ec1f3;
    text-decoration: underline;
}