﻿@font-face {
    font-family:"avenir";
    src: url("avenir.eot");
    src:url("avenir.eot?#ley") format("embedded-opentype"),
    url("avenir.ttf") format("truetype"),
    url("avenir.woff") format("woff");   
}

html::-webkit-scrollbar{
    width:10px;
}
html::-webkit-scrollbar-track{
    background-color:#d5dce5;
}
html::-webkit-scrollbar-thumb{
    background-color:#2f70ad;
}
body{
    font-family:avenir;
    font-size:13px;
    margin:0;
    color:#3e3e3e;
    background-color:#fff;
}
a{
    text-decoration:none;
}
.menu1{
    display:table-cell;
    vertical-align:middle;
    color:#fff;
    height:20px;
    padding:5px;
}
.menu1:hover{
    background-color:#fff;
    color:#2f70ad;
}
.menu2{
    margin:0;
    padding:15px;
    color:#fff;
}
.menu2:hover{
    background-color:#fff;
    color:#2f70ad;
}
.input1 {
    box-sizing: border-box;
    font-family: avenir;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    width: 100%;
    padding: 15px;
    color: #3c3c3c;
    font-size: 16px;
    border-radius: 4px;
    resize: none;
}
.boton1{
    font-size:18px;
    color:#fff;
    background-color:#0089cf;
    width:90%;
    padding:15px;
    text-align:center;
    cursor:pointer;
}
.boton1:hover {
    background-color:#005682;
}
.boton2{
    font-size:16px;
    color:#fff;
    background-color:#b3b3b3;
    padding:10px;
    text-align:center;
    border-radius:7px;
    cursor:pointer;
}
.boton2:hover{
    background-color:#797979;
}
.boton3{
    margin:0 auto 0 auto;
    font-size:18px;
    color:#fff;
    background-color:#0089cf;
    width:50%;
    padding:15px;
    text-align:center;
    cursor:pointer;
}
.boton3:hover {
    background-color:#005682;
}
.boton4{
    margin:0 auto 0 auto;
    font-size:18px;
    color:#fff;
    background-color:#3971af;
    width:50%;
    padding:15px;
    text-align:center;
    cursor:pointer;
    border-width:0;
}
.boton4:hover {
    background-color:#124f93;
}
.boton5{
    margin:0 auto 0 auto;
    font-size:18px;
    color:#fff;
    background-color:#b3b3b3;
    width:37%;
    padding:15px;
    text-align:center;
    cursor:pointer;
}
.boton5:hover {
    background-color:#939393;
}
.boton6{
    margin:0 auto 0 auto;
    font-size:18px;
    color:#fff;
    background-color:#3971af;
    width:37%;
    padding:15px;
    text-align:center;
    cursor:pointer;
}
.boton6:hover {
    background-color:#124f93;
}


@media only screen and (min-width:970px) {
    #menu {
        display: block;
    }
    #menuMin {
        display: none;
    }
    #submenu {
        display: none;
    }
    .marco1{
        margin:174px auto 125px auto;
        width:440px;
        background-color:#fff;
        border-radius:7px;
        box-shadow:0 0 10px #888;
    }
    .marco2{
        margin:174px auto 357px auto;
        width:440px;
        background-color:#fff;
        border-radius:7px;
        box-shadow:0 0 10px #888;
    }
    .marco3{
        margin:0 auto 0 auto;
        width:970px;
        background-color:#fff;
    }
    .marco4{
        margin:0 auto 0 auto;
        width:970px;
    }
    .col1{
        vertical-align:top;
        display:table-cell;
        width:420px;
    }
    .col2{
        vertical-align:top;
        display:table-cell;
        width:420px;
        padding-left:50px;
    }
}

@media only screen and (max-width:970px) {
    #menu{
        display:none;
    }
    #menuMin{
        display:block;
    }
    #submenu{
        display:none;
    }
    .marco1{
        margin:81px auto 20px auto;
        width:90%;
        background-color:#fff;
        border-radius:7px;
        box-shadow:0 0 10px #888;
    }
    .marco2{
        margin:81px auto 192px auto;
        width:90%;
        background-color:#fff;
        border-radius:7px;
        box-shadow:0 0 10px #888;
    }
    .marco3{
        margin:0px 0 0 0;
        width:100%;
        background-color:#fff;
    }
    .marco4{
        margin:0;
        width:100%;
    }
    .col1{
        border:1px solid #000;
        display:table-row;
        width:100%;
    }
    .col2{
        border:1px solid #000;
        display:table-row;
        width:100%;
    }
}





