@import "./fonts.css";

@viewport{
    zoom: 1.0;
    width: device-width;
}

@media (min-width: 768px) {
    *{
        margin:0px;
        padding:0px;
        outline:none;
    }
    html, body{
        width:100%;
        height:100vh;
    }
    body{
        display:none;
    }
    #header{
        width:100%;
        background-color:black;
        height:122px;
    }
    #header h1{
        text-indent: -9999px;
        width:175px;
        height:64px;
        background: url(../img/logo.png);
        margin-left:calc(50% - 87px);
        margin-top:29px;
        float:left;
    }
    #slider{
        width:100%;
        background-color:grey;
        height:544px;
    }
    /*#slider .sli{
        width:1200px;
        margin-left:auto;
        margin-right:auto;
    }*/
    .bx-wrapper, .bx-viewport {
        height: 544px !important;
    }
    .sli .bxslider-inner{
        position:absolute;
    }

    .block{
        background-color:white;
        width:100%;
        padding-top:50px;
        padding-bottom:50px;
    }
    .contact{
        background-color:#ffd836;
    }
    #footer{
        width:100%;
        background-color:black;
        height:62px;
    }
    .content{
        width:1200px;
        margin-left:auto;
        margin-right:auto;
    }
    .block p{
        width:60%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        font-family: 'Conv_ITCAvantGardeStd-Md';
        font-size:23px;
        font-weight: bold;
        line-height:28px;
    }
    .block p span{
        color:#ffd836;
    }
    .iso{
        margin-top:30px;
        text-align:center;
    }
    .alignRight{
        text-align:right;
        padding-right:20px;
    }
    .map{
        height:350px;
    }
    .map .left{
        width:600px;
        float:left;
        height:350px;
    }
    .map .right{
        width:500px;
        float:left;
        height:350px;
        padding-left:100px;
    }
    .map .right .dir{
        font-family: 'Conv_ITCAvantGardeStd-Md';
        font-size:18px;
        margin-top:94px;
        background: url(../img/point.png);
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position:0px 5px;
        padding-left:36px;
        font-weight: bolder;
    }
    .map .right .tel{
        font-family: 'Conv_ITCAvantGardeStd-Bk';
        margin-top:44px;
        font-size:18px;
        background: url(../img/phone.png);
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position:0px 0px;
        padding-left:36px;
    }
    .map .right .email{
        font-family: 'Conv_ITCAvantGardeStd-Bk';
        margin-top:20px;
        font-size:18px;
        background: url(../img/email.png);
        background-repeat: no-repeat;
        background-position:0px 5px;
        padding-left:36px;
    }
    .map .right .email a{
        color:black;
        text-decoration: none;
    }
    .map .right .politica_calidad{
        color:black;
        text-decoration: underline;
        font-family: 'Conv_ITCAvantGardeStd-Md';
        font-size:20px;
        margin-top:70px;
        float:left;
        font-weight:bolder;
    }
    #footer,
    #footer a{
        color:white;
        line-height:62px; 
        text-decoration: none;
        font-family: 'Conv_ITCAvantGardeStd-Bk';
    }
    .intro{
        margin-top:40px;
    }
}

@media (max-width: 767px) {
    *{
        margin:0px;
        padding:0px;
        outline:none;
    }
    body{
        display:none;
    }
    #header{
        width:100%;
        background-color:black;
        height:122px;
    }
    #header h1{
        text-indent: -9999px;
        width:175px;
        height:64px;
        background: url(../img/logo.png);
        margin-left:calc(50% - 87px);
        margin-top:29px;
        float:left;
    }
    #slider{
        width:100%;
        background-color:grey;
        height:auto;
    }
    .sli .bxslider-inner{
        position:absolute;
    }
    .block{
        background-color:white;
        width:100%;
        padding-top:50px;
        padding-bottom:50px;
    }
    .intro{
        padding-top:20px !important;
    }
    .contact{
        background-color:#ffd836;
    }
    #footer{
        width:100%;
        background-color:black;
        height:62px;
    }
    .content{
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }
    .block p{
        width:80%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        font-family: 'Conv_ITCAvantGardeStd-Md';
        font-size:21px;
        font-weight: bold;
        line-height:26px;
    }
    .block p span{
        color:#ffd836;
    }
    .iso{
        margin-top:30px;
        text-align:center;
    }
    .alignRight{
        text-align:center;
    }
    .map{
        height:700px;
    }
    .map .left{
        width:80%;
        float:left;
        height:350px;
    }
    .map .right{
        float:left;
        width:80%;
        margin-left:10%;
        height:350px;
    }
    .map .right .dir{
        font-family: 'Conv_ITCAvantGardeStd-Md';
        font-size:18px;
        margin-top:54px;
        background: url(../img/point.png);
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position:0px 5px;
        padding-left:36px;
        font-weight: bolder;
    }
    .map .right .tel{
        font-family: 'Conv_ITCAvantGardeStd-Bk';
        margin-top:44px;
        font-size:18px;
        background: url(../img/phone.png);
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        background-position:0px 0px;
        padding-left:36px;
    }
    .map .right .email{
        font-family: 'Conv_ITCAvantGardeStd-Bk';
        margin-top:20px;
        font-size:18px;
        background: url(../img/email.png);
        background-repeat: no-repeat;
        background-position:0px 5px;
        padding-left:36px;
    }
    .map .right .email a{
        color:black;
        text-decoration: none;
    }
    .map .right .politica_calidad{
        color:black;
        text-decoration: underline;
        font-family: 'Conv_ITCAvantGardeStd-Md';
        font-size:20px;
        margin-top:40px;
        float:left;
        margin-bottom:20px;
        font-weight:bolder;
    }
    #footer,
    #footer a{
        color:white;
        line-height:62px; 
        text-decoration: none;
        font-family: 'Conv_ITCAvantGardeStd-Bk';
    }
}