/*body.html.front {
    background-image: url("http://resiliente-larsson.ima.sp.gov.br/sites/resiliente-larsson.ima.sp.gov.br/files/lightning_14.07.2009_20-42-33.jpg");
    background-size: 100%;
    background-position-y: -340px;
    background-repeat: repeat-x;
}*/

/*.main-container.container {
    padding-top: 500px;
}*/


@media screen and (min-width:100px) and (max-width:1199px) {


    #block-block-17 p {
        font-size: -webkit-xxx-large;
        border: 1px solid #ccc;
        text-align: center;
        border-radius: 6px;
        margin-top: 70px;
    }

    #block-views-alertas-block-2 {
        height: 325px;
    }

    #block-views-alertas-block-2 .views-field-created {
        float: none;
    }

    #block-views-boletim-meterologico-block-1 {
        height: 325px;
    }

    .view.view-boletim-meterologico.view-id-boletim_meterologico.view-display-id-block_1 .more-link {
        float: right;
        margin-top: 0px;
    }

    .view.view-boletim-meterologico.view-id-boletim_meterologico.view-display-id-block_1 .views-field-field-imagem-boletim {
       padding-right: 30px;
    }

    .navbar-brand {
        padding: 15px 10px;
    }

    #block-block-21 img {
        margin: 20px;
    }

    #block-block-22 img {
        margin-top: 20px;
    }

    #block-block-22 img {
        width: 100%;
    }

    section#block-block-17 img {
        width: 100%;
    }


}


@media screen and (min-width:1200px) {


    /*#block-block-17 p {
        border: 1px solid #ccc;
        height: 125px;
        margin-bottom: 110px;
        text-align: center;
        margin-top: 40px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        max-width: 990px;
        width: 90%;
        background: rgb(255, 255, 255);
        padding: 50px 60px;
        border-radius: 6px;
        font-size: 48px;
        margin-top: 200px;
        color: #4068ab;
    }*/

    #block-block-17 p {
        height: 125px;
        margin-bottom: 160px;
        background: rgb(255, 255, 255);
        border-radius: 6px;
        margin-top: 150px;
    }


    #block-block-17 p img{
        margin-bottom: 50px;
    }

    /*#block-block-17 img {
        margin-top: -40px;
        float: left;
        height: 107px;
        width: 350px;
    }*/


    #block-views-alertas-block-2 {
        background-color: white;
        /*border-top-left-radius: 6px;*/
        font-size: 20px;
        height: 260px;
        border-right: 1px solid #ccc;
        /*margin-bottom: 15px;*/
    }

    #block-views-alertas-block-2 .views-field-created {
        float: left;
    }

    #block-views-boletim-meterologico-block-1 {
        background-color: white;
        /*border-top-right-radius: 6px;*/
        font-size: 20px;
        height: 260px;
        margin-bottom: 15px;
    }

    .view.view-boletim-meterologico.view-id-boletim_meterologico.view-display-id-block_1 .more-link {
        float: right;
        margin-top: 90px;
    }

    .view.view-boletim-meterologico.view-id-boletim_meterologico.view-display-id-block_1 .views-field-field-imagem-boletim {
        float: left;
        padding-right: 30px;
    }

    .not-front .footer {
        margin-top: 250px;
    }


    .view.view-boletim-meterologico.view-id-boletim_meterologico.view-display-id-block_1 .more-link a {

        font-size: 14px;

    }

    .view.view-boletim-meterologico.view-id-boletim_meterologico.view-display-id-block_1 .more-link a:hover {
         font-size: 15px
    }


    #block-views-alertas-block-2 .more-link a {

        font-size: 14px;

    }

    #block-views-alertas-block-2 .more-link a:hover {
       font-size: 15px
    }

    #block-block-21 img {
        margin-top: 10px;
    }

    #block-block-22 img {
        /*margin-top: 48px;*/
    }

    #block-block-22 img {
      width: 50%;
    }

}



.view.view-alertas.view-id-alertas.view-display-id-block_1.view-dom-id-bc60d23323e7022591d28b2565c89bd7 {
    background-color: black;
    color: aliceblue;
    font-size: 16px;
    height: 568px;
}

.view.view-alertas.view-id-alertas.view-display-id-block_1 .views-field.views-field-created {
    margin-top: -253px;
    font-size: 25px;
    color: aliceblue;
    margin-left: 55%;
}

.view.view-alertas.view-id-alertas.view-display-id-block_1 .views-field .field-content {
    background-color: black;
}

.view.view-alertas.view-id-alertas.view-display-id-block_1 .views-field.views-field-name {
    font-size: 25px;
    color: aliceblue;
    margin-left: 55%;
    margin-top: 17px;
}

.view.view-alertas.view-id-alertas.view-display-id-block_1 .views-field .views-label {
    background-color: black;
}

.view.view-alertas.view-id-alertas.view-display-id-block_1 .views-field .field-content {
    background-color: black;
}

.view.view-alertas.view-id-alertas.view-display-id-block_1 .views-field.views-field-field-arquivo {
    font-size: 25px;
    color: aliceblue;
    margin-left: 55%;
    margin-bottom: 125px;
    margin-top: 15px;
}

.view.view-alertas.view-id-alertas.view-display-id-block_1 .views-field .field-content {
    background-color: black;
}

.view.view-alertas.view-id-alertas.view-display-id-block_1 .views-field .field-content .file {
    background-color: black;
    line-height: 30px;
}

.view.view-alertas.view-id-alertas.view-display-id-block_1 .views-field .field-content .file img {
    display: none;
}

#block-views-alertas-block-1 .views-field.views-field-field-imagem-padrao img {
    width: 100%;
}



#block-views-alertas-block-1 .more-link {
    float: right;
    padding-top: 79px;
}

#block-views-alertas-block-1 {
    border: 15px solid #ffffff;
    text-align: -webkit-center;
    background-color: #ffffff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#block-block-15 {
    background-color: #efefef;
    padding: 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#block-block-18 p {
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 15px;
}

#block-block-18 {
    text-align: -webkit-center;
}








#block-views-alertas-block-2 .views-field-field-imagem-padrao {
    float: left;
    padding-right: 30px;
}

#block-views-alertas-block-2 .more-link {
    float: right;
}



#block-views-alertas-block-2 h2 {
    background-color: #a92a2a;
    color: aliceblue;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}

#block-views-boletim-meterologico-block-1 h2 {
    background-color: #2581a2;
    color: black;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #ccc;
    text-align: center;
}

#block-views-sites-de-referencia-block-1 {
    clear: both;
    background-color: white;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    /*padding-top: 40px;*/
    padding-bottom: 40px;
}

.sites-referencia {
    padding: 10px;
    text-align: -webkit-center;
    font-size: 15px;
    transition: all 0.5s ease-in-out 0s;
    text-align: center;
    height: 165px;
    margin-bottom: 20px;
}

.wrapper-links-home {
    border: 1px solid #ccc;
    height: 175px;
    border: 1px solid #EEEEEE;
    border-top: 3px solid #e8e8e8;
    transition: all 0.5s ease-in-out 0s;
}


.wrapper-links-home:hover {
    border-top: 3px solid #2581a2;
    border-bottom: 3px solid #2581a2;
    box-shadow: 0px 5px 20px #666;
    transform: translateY(-5px);
}



#block-views-sites-de-referencia-block-1 .block-title {
    padding-left: 10px;
    background-color: #2581a2;
    margin-left: 10px;
    margin-right: 10px;
    color: black;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #ccc;
}

.view.view-sites-de-referencia.view-id-sites_de_referencia.view-display-id-block_1 .views-row img {
    width: 150px;
    margin-top: 10px;
    display: inline;
    text-align: center;
}

.view.view-sites-de-referencia.view-id-sites_de_referencia.view-display-id-block_1 {
    /*padding-top: 80px;*/
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: none;
}

#block-views-slide-block-1 .field-content {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    width: 80%;
    text-align: center;

}

#block-views-slide-block-1 .block-title {
    background-color: #2581a2;
    color: black;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 97%;
    background-color: #ccc;
}

.flexslider {
    border: none;
    box-shadow: none;
    background-color: #def7ff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 97%;
}

#block-views-slide-block-1 .views-field.views-field-title {
    text-align: center;
    font-size: 30px;
    background-color: #def7ff;
    padding-top: 30px;
}

#block-views-slide-block-1 {
    clear: both;
    padding-top: 10px;
}


#block-block-20 {
    text-align: center;
    padding-top: 15px;
    clear: both;
    margin: 15px;
    border: 1px solid #EEEEEE;
    border-top: 3px solid #e8e8e8;
    padding-bottom: 15px;
}

.sites-referencia a {
    /*padding: 40px;*/
}

.page-node-add .node-type-list a {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
    display: block;
}

.page-node-add .node-type-list dd {
    padding-left: 20px;
}

.view-sites-de-referencia .col-lg-1 span.field-content {
    display: none;
}

.view-id-alertas .views-field span.field-content a {
    color: #fff;
    background-color: #2581a2;
    border-color: #204d74;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}

.view-id-alertas .views-field span.field-content a:hover {
 background-color: #286090;
}

.view-boletim-meterologico .views-field span.field-content a {
    background-color: #2581a2;
    border-color: #204d74;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    color: black;
    background-color: #ccc;
}

.view-boletim-meterologico .views-field span.field-content a:hover {
  background-color: #286090;
}

header#navbar {
    position: fixed;
    z-index: 999;
    min-width: 100%;
    text-align: center;
    border-radius: 0px;
}


.navbar.container, .navbar.container-fluid {
     margin-top: 0px;
}

.not-front .main-container.container {
    padding-top: 120px;
}

#block-block-21 {

}

.borda-left {
    border-top-left-radius: 6px;
    background-color: white;
}

.borda-right {
    border-top-right-radius: 6px;
    background-color: white;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    background-color: #2581a2;
}

#block-menu-menu-login a{
    color: #4b4a49;
    border: 1px solid #ccc;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 13px;
    width: 87px;
    float: right;
    margin-top: 10px;
    margin-bottom: 5px;
}