@import url('http://fonts.googleapis.com/css?family=Lato:400,300');
@media screen and (max-device-width:960px){
    body{
        margin:0;
        font-family:"Lato", sans-serif;
        font-size:18px;
    }
    a{
        text-decoration: none;
        font-weight: normal;
        color: #658db1;
    }
    a:hover{
        text-decoration: underline;
        font-weight: normal;
        color: #13689b;
    }
    #header, #banner,
    #conteudo, #footer{
        clear: both;
        height: 100%;
    }
    #header{
        text-align: center;
        padding: 20px;
        border-bottom: solid 0 navy;
        height: 65px;
    }
    #boxlogo{
        position: relative;
        margin: 0 auto 0 auto;
        display:none;
    }
    #menumob{
        position: fixed;
        top:65px;
        right:4px;
        background-color: white;
        z-index: 15;
        border-bottom: solid 1px #658db1;
    }
    #menu-top-home{
        display:none;
    }
    #boxlogoiconmob{
        position:absolute;
        left:30px;
        top:30px;
        display:block;
    }
    #menu-top-home-mob{
        display:block;
    }
    #boxlogomob{
        display:block;
    }
    .menu{
        background-color: white;
        border: solid 1px #658db1;
        border-bottom: solid 0px;
        padding:8px 12px 8px 12px;
        font-size:1.4em;
    }
    .item-menu{
        display: inline-block;
        padding: 0 20px 0 20px;
        border: solid 0 gray;
        position:relative;
    }
    .item-menu a{
        text-decoration: none;
        font-weight: normal;
        color:#000000;
    }
    .item-menu a:hover{
        text-decoration: none;
        font-weight: normal;
        color:#13689b;
    }
    #burguer-menu{
        position:absolute;
        right:45px;
        top:30px;
    }
    #boxlogin{
        position:absolute;
        background-color: white;
        border: solid 2px navy;
        border-radius: 5px;
        padding:10px 15px 10px 15px;
        top:30px;
        left:-25%;
        font-size: 13px;
	z-index: 10;
    }
    #boxlogin input{
        border: solid 1px lightgray;
        font-size: 12px;
        width: 100px;
    }
    #boxlogin a{
        color:black;
    }
    #boxlogin input[type=submit], #boxlogin input[type=button]{
        border: solid 1px navy;
        font-size: 12px;
        width: 60px;
        margin:10px 0 6px 0;
    }
    #banner{
        background-image: url('/layout/construnet16/images/voo255.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-color: #658db1;
        position: relative;
        height: 180px;
    }
    #banner #boxlogomob a img{
        margin: -23px 0 0 -110px;
        position: absolute;
        height: 46px;
        width: 220px;
        left: 50%;
        top: 50%;
    }
    #conteudo{
        margin:5px auto 5px auto;
    }
    form{
        width: 100%;
        margin: 0;
    }
    input, textarea, select{
        width: 80%;
    }
    #conteudo table tbody tr td img{
        width: auto;
        height: auto;
    }
    #conteudo img{
        width: 100%;
        height: 100%;
    }
    #footer{
        min-height: 60px;
        background-color: #13689b;
        padding:20px;
        text-align: center;
        color: white;
        font-size:14px;
    }
    #footer a{
        text-decoration: none;
        font-weight: normal;
        color: #ffffff;
    }
    #footer a:hover{
        text-decoration: underline;
        font-weight: normal;
        color: #ffffff;
    }
}
@media screen and (min-device-width:961px){
    body{
        margin:0;
        font-family:"Lato", sans-serif;
        font-size:18px;
    }
    a{
        text-decoration: none;
        font-weight: normal;
        color: #658db1;
    }
    a:hover{
        text-decoration: underline;
        font-weight: normal;
        color: #13689b;
    }
    #header{
        text-align: center;
        padding: 20px;
        border-bottom: solid 0 navy;
    }
    #boxlogo{
        position: relative;
        width:300px;
        margin: 0 auto 0 auto;
    }
    #menu-top-home-mob{
        display:none;
    }
    #boxlogomob{
        display:none;
    }
    #menu{
        position: relative;
        text-align: center;
        margin-top:10px;
    }
    .item-menu{
        display: inline-block;
        padding: 0 20px 0 20px;
        border: solid 0 gray;
        position:relative;
    }
    .item-menu a{
        text-decoration: none;
        font-weight: normal;
        color:#000000;
    }
    .item-menu a:hover{
        text-decoration: none;
        font-weight: normal;
        color:#13689b;
    }
    .clear{
        clear: both;
        zoom: 1;
    }
    #boxlogin{
        position:absolute;
        background-color: white;
        border: solid 2px navy;
        border-radius: 5px;
        padding:10px 15px 10px 15px;
        top:30px;
        left:-25%;
        font-size: 13px;
		z-index: 10;
    }
    #boxlogin input{
        border: solid 1px lightgray;
        font-size: 12px;
        width: 100px;
    }
    #boxlogin a{
        color:black;
    }
    #boxlogin input[type=submit], #boxlogin input[type=button]{
        border: solid 1px navy;
        font-size: 12px;
        width: 60px;
        margin:10px 0 6px 0;
    }
    #banner{
        background-image: url('/layout/construnet16/images/voo255.jpg');
        background-repeat: no-repeat;
        background-position: bottom center;
        /*background-position: bottom right;*/
        background-color: #658db1;
        /*background-size: 90%;*/
        position: relative;
        height: 180px;
    }
    #banner #boxlogomob a img{
        margin: -45px 0 0 -215px;
        position: absolute;
        height: 90px;
        width: 430px;
        left: 50%;
        top: 50%;
    }
    #conteudo{
        margin:5px auto 5px auto;
    }
    #footer{
        min-height: 60px;
        background-color: #13689b;
        padding:20px;
        text-align: center;
        color: white;
        font-size:14px;
    }
    #footer a{
        text-decoration: none;
        font-weight: normal;
        color: #ffffff;
    }
    #footer a:hover{
        text-decoration: underline;
        font-weight: normal;
        color: #ffffff;
    }
}