/*Google font*/
/*
Color primario #3d8; footer, nav
Color secundario #cb420c; titulo, link, telefono, hover redes sociales
Color terciario #5209AF; HOVERS, INTERACCIÓN
Color fondo #09F;
*/

/* estilos sitio custom: inicio*/
    .header-logo p{
        padding: 0;
        color: black;
    }
    @media all and (max-width:900px){
        .header-logo p{
            padding: 9px 0px;
        }   
    }
    header .logo{
        min-width: 530px;
        max-height: 100%;
        padding: 0;
        font-size: 32px;
    }
    header .logo img{
        max-width: 140px;
        float: left;
    }
    @media all and (max-width:900px){
        header .logo img{
            max-width: 100px;
        }
        header .logo span{
            display: none;
        }
        header .logo{
            text-align: center;
            min-width: 100%;
            margin: 0 0 .5em 0;
        }
    }
    header.header-1{
        color: #006786;
        height: auto;
        color: white;
        background: rgba(255, 255, 255, 1);
        box-shadow: 1px 1px 10px #888888;
    }
    header.header-1 a{
        color: #006786;
    }
    
        header.header-1 a span {
            display: block;
    
    }
    @media all and (max-width:900px){
        header.header-1 a span{
            display: none;
        }
    }
    @media all and (max-width:900px){
        header.header-1 .flex{
            display: block;
            text-align: center;
        }
        header.header-1 .wrapper{
            padding: 0;
            width: 100%;
        }
    }

    header .contacto{
        line-height: 40px;
        padding: 0;
        color: black;
    }
    header .contacto a{
        color: black;
    }
    @media all and (max-width:900px){
        header .contacto a{
            color: white;
        }   
    }

    header .contacto .telefonos{
        font-weight: bold;
        display: block;
    }
    @media all and (max-width:900px){
        header .contacto .telefonos{
            background: #006786;
            color: white;
        }
        header.header-1 .header-contacto,
        header.header-1 .menu-superior .contacto{
            width: 100%;
            text-align: center;
        }
    }
    @media all and (max-width:380px){
        header.header-1 .menu-superior .contacto .ciudad{
            display: block;
        }
        header.header-1 .menu-superior{
            height: auto;
        }
    }
    .section01{
        margin: -30px 0 0 0;
    }
    @media all and (max-width:600px){
        .section01{
        margin: 20px 0 0 0;
    }
    }
    .section01 .wrapper{
        /*background: rgba(0,94,122,.8);*/
        background: none;
    }
    .section01 .main img{
        margin: 0 0 .5em 1em;
    }
    .section01 .main img.icono{
        max-width: 30px;
        margin: 5px 15px 0 0;
        float: left;
    }
    .section01 .main p{
        padding: 0 0 1em 1em;
    }
    @media all and (max-width:600px){
        .section01 .main p{
            padding: 0 0 1em 1em;       
        }
    }
    .section01 .main ul{
        padding: 0 0 0 3em;
    }
    @media all and (max-width:600px){
        .section01 .main ul{
            padding: 0 0 0 3em;
        }    
    }
    .section01 h1{
        color: #024457;
        font-size: 2em;
        padding: 0 0 .4em 0;
    }
    .section02{
        background: #006786;
    }
    
    
    .section02 form{
        padding: .1em 1em 1em 1em;
        display: flex;
        background: #005e7a;
        width: calc(100% - 2em); 
    }
    @media all and (max-width:1024px){
        .section02 form{
            width: calc(100% - 3em); 
        }
    }
    @media all and (max-width:520px){
        .section02 form{
            display: block;
            height: 250px;
        }
    }
    .fixed-1 .main {
        padding: .5em;
    }
    @media all and (max-width:900px){
        .fixed-1 .main{
            margin: 0 1em;
        }
    }
    .section01  .main{
        color: black;
        box-shadow: 1px 1px 10px #888888;
        background: white;
    }
    @media all and (max-width:1030px){
        .section01  .main{
            margin: 0 1em;
        }
    }
    .section01  .main strong{
        font-size: 1.2em;
    }
    h2{
        font-size: 3em;
        text-align: center;
        color: #024457;
    }
    @media all and (max-width:650px){
        h2{
            font-size: 3em;
        }
    }
    h3{
        font-size: 30px;
        color: #006786;
        padding: 0;
    }
    section.divisor {
        display: flex;
        flex-wrap: wrap;
    }
    @media all and (max-width:900px){
        section.divisor{
            margin: 0 1em;
        }        
    }
    @media all and (max-width:380px){
        section.divisor{
            display: block;
        }    
    }
    
    section.divisor div{
        padding: .5em .5em 3em .5em;
        background: white;
        position: relative;
    }
    section.divisor div h3{
        font-size: 30px;
        color: #006786;
        padding: 0;
        height: 81px;        
    }
    @media all and (max-width:350px){
        section.divisor div h3{
            height: 73px;
        }
    }
    section.divisor.uno{
        padding-bottom: 20px;
    }
    section.divisor.uno div{
        width: 100%;
        box-shadow: 1px 1px 10px #888888;
    }
    @media all and (max-width:380px){
        section.divisor.uno div{
            width: calc(100% - 2em);
        }   
    }
    section.divisor.dos div{
        width: calc(50% - 1.7em);
        box-shadow: 1px 1px 10px #888888;
        margin: 0 0 1.4em 0;
        min-height: calc(295px - 3.5em);
    }
    section.divisor.dos div:nth-child(odd){
        margin: 0 1.4em 1.4em 0;
    }
    @media all and (max-width:600px){
        section.divisor.dos div{
            width: calc(100% - 2em);
        }   
        section.divisor.dos div:nth-child(odd){
            margin: 0 0 1.4em 0;
        }
        section.divisor.dos div{
            width: calc(100% - 1em);
        }
    }
    section.divisor.tres div{
        box-shadow: 1px 1px 10px #888888;
    }
    @media all and (min-width:800px){
        section.divisor.tres div{
            width: calc(33.333% - 2em);
            box-shadow: 1px 1px 10px #888888;
        }   
    }
    @media all and (max-width:799px){
        section.divisor.tres{
            flex-wrap: wrap;
        }
        section.divisor.tres div:nth-child(1),
        section.divisor.tres div:nth-child(2){
            width: calc(50% - 2em);
        }
        section.divisor.tres div:nth-child(3){
            width: calc(100% - 1em);
        }
    }
    @media all and (max-width:510px){
        section.divisor.tres div:nth-child(1),
        section.divisor.tres div:nth-child(2){
            width: calc(100% - 2em);
        }
    }
    @media all and (max-width:380px){
        section.divisor.tres div{
            width: calc(100% - 2em);
        }
           
    }
    section.divisor img{
        max-width: 60px;
        margin: 5px 15px 0 0;
        float: left;
    }
    @media all and (max-width:650px){
        section.divisor img{
            max-width: 20px;
            margin: 8px 6px 0 0;
        }   
    }
    section.divisor div a{
        padding: 5px 10px;
        color: white;
        background: #024457;
        margin: 0 0 10px 0;
        box-shadow: 2px 3px 0px 0px #2980B9;
        position: absolute;
        bottom: 10px;
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    section.divisor div a:hover{
        background: #006786;
    }
    
    .footer_04{
        background: #006786;
        color: white;
        margin: 1em 0 0 0;
    }
    .footer_04 a{
        color: white;
    }
    .footer_04 h4{
        font-size: 30px;
    }
    form{
        width: 100%;
    }
    @media all and (max-width:1024px){
        form{
            width: calc(100% - 1em);
            margin: 0 .5em;
            color: white;
        }    
    }
    @media all and (max-width:520px){
        form{
            display: block;
        }
    }
    form .inputs input.verificar{
        display: none;
    }
    form div:nth-child(1),
    form div:nth-child(2){
        width: calc(50% - 60px);
    }
    @media all and (max-width:520px){
        form div:nth-child(1),
        form div:nth-child(1) input{
            width: 100%;
        }
    }
    @media all and (max-width:520px){
        form div:nth-child(2){
            width: calc(100% - 140px);
            margin: 1em 1em 0 0;
        }
    }
    form div:nth-child(3){
        width: 100px;   
    }
    form h4{
        font-size: 30px;
        color: white;
    }
    form .inputs input,
    form .text textarea{
        width: 90%;
        font-size: 16px;
        color: black;
    }
    @media all and (max-width:520px){
        form .text textarea{
            width: 100%;
            float: left;
        }    
    }
    form div.enviar{
        margin: 53px 1em 0 0;
        padding: 18px 0;
        font-size: 16px;    
    }
    @media all and (max-width:520px){
        form div.enviar{
            float: right;
            margin: .4em 1em 0 0
        }
    }
    form div.enviar input{
        padding: 5px 20px;
        color: white;
        background: #024457;
        box-shadow: 2px 3px 0px 0px #2980B9;
        
        -webkit-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    } 
    form div.enviar input:hover{
        background: #006786;    
    }
    .main .img-der,
    .main .img-izq {
        box-shadow: 2px 2px 5px #888888;
        max-width: 516px;
    }
    .contacto__formulario p{
        margin: 2em;
        color: white;
    }
    footer .legales-diseño{
        padding: 1em 0;
    }
    @media all and (max-width:1024px){
        footer .legales-diseño{
            padding: 1em .5em;
        }
    }
    .color{
        color:#005e7a;
        font-size: 25px;
        padding: 0 0 1em 2em;
    }
    @media all and (max-width:600px){
        .color{
            padding: 0 0 1em 0;
        }
        ul{
            margin: 0 0 0 -1em;
        }
    }

/* estilos sitio custom: fin*/


/* General: inicio */
@font-face {
    font-family: 'YukarimobileRegular';
    src: url('../fonts/yukarimobil-webfont.eot');
    src: url('../fonts/yukarimobil-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/yukarimobil-webfont.woff') format('woff'),
         url('../fonts/yukarimobil-webfont.ttf') format('truetype'),
         url('../fonts/yukarimobil-webfont.svg#YukarimobileRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	
}
.wrapper{
    max-width: 1040px;
}
ul{
        margin: 0;
    }
/* General: final */

/* Header: inicio */
header {
	background: gray;
}

.menu-superior a{
	color: white;
}
/* Header: fin */

/* Footer: inicio */
footer {
	background: gray;
}
/* Footer: fin */

/*banner: inicio*/
.banner{
    background-image: url(../img/banner.jpg);
    height: 150px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 74px 0 0 0;   
}

/*banner fin*/
@media all and (max-width:600px){
    main .img-izq, .main .img-der{
        display: none;
    }
}