body{background: #fff;font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;color:#555}

/*----------------------------
general
----------------------------*/

.animate{-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.display_none{display:none;}
.divider{height:40px;}
.divider_line {height: 10px;border-bottom: 1px solid #e1e1e1;margin:0 20px;}

/*--button--*/
.btncontainer {text-align: center;padding: 40px 0px;}
.genericBtn {border-radius: 3px;background-color: #4a6da7;font-size: 18px;padding: 10px 20px;margin-right: 20px;color: #fff;text-align: center;border: 1px #4a6da7 solid;}
.genericBtn:hover{background-color: #10264b;color: #fff;box-shadow: 1px 1px 4px #808080, -1px -1px 4px #808080, -1px 1px 4px #808080, 1px -1px 4px #808080;border: 1px #10264b solid;text-decoration:underline;}
.genericsmallBtn {border-radius: 3px;background-color: #4a6da7;font-size: 14px;font-weight: 400;padding: 7px 13px;margin: 0px 5px 0px 5px;color: #fff;text-align: center;border: 1px #4a6da7 solid;}
.genericsmallBtn:hover {background-color: #10264b;color: #fff;box-shadow: 1px 1px 4px #808080, -1px -1px 4px #808080, -1px 1px 4px #808080, 1px -1px 4px #808080;border: 1px #10264b solid;text-decoration: underline;}
.indietroBtn {border-radius: 3px;background-color: #f61616;font-size: 16px;padding: 10px 20px;margin-right: 20px;color: #fff;text-align: center;border: 1px #f61616 solid;}
.indietroBtn:hover {background-color: #a32727;color: #fff;box-shadow: 1px 1px 4px #808080, -1px -1px 4px #808080, -1px 1px 4px #808080, 1px -1px 4px #808080;border: 1px #a32727 solid;text-decoration: underline;}

/*--table, grid--*/
table{margin-bottom:20px;}
Gridview tr, td, th {border: 1px solid #cbcbcb;padding: 10px;color: #606060;font-size:16px;
}
Panel{display:block;}

/*----------------------------
header
----------------------------*/

.header {background: #333;}
.header_logo{float:left;margin-top:5px;margin-left:5px;}
.header_title{color:#fff;display:block;padding:15px;font-size:20px;}
.header_menu_right {display:inline-block;height:65px}
.header_leftcolumn {display: inline-block}
.header_rightcolumn {display: inline-block}
.header_menu {float:right; margin:0px; padding:0px}
.header_menu_item {display: inline-block;}
.header_menu_item a {color: #fff;display: block;padding: 25px 15px 15px 15px;text-decoration: none;font-size: 16px;height: 65px}
.header_menu_item a:hover {background:#000;color:#dadada;}
.header_icon-bar {display:block; float:right; padding:20px; display:none;}
.header_icon-bar span {display:block; height: 3px; width: 30px; background:#fff; margin-bottom:5px;}

/*----------------------------
Homecontent 
----------------------------*/

.home_content {display: block;border-radius: 0px;box-shadow: 0px 4px 25px #cbcbcb;}
.home_content_lead{padding:15px;font-size:20px;margin:0;}
.home_content_lead1 {padding: 0 15px;font-size: 19px;}
.maincontainer {width: 80%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.main_content {display: block;border-radius: 0px;box-shadow: 0px 4px 25px #cbcbcb;text-align: center;min-height: 608px;padding: 0px 20px;color: #495057;}
.main_content h1 {padding: 20px;margin: 0px 0px;text-align: center;}
.main_content h3 {text-align: left;padding: 10px 20px;}
.main_content h4 {text-align: left;padding: 20px;}

/*----------------------------
Cards
----------------------------*/

.cards {max-width:1200px; margin:40px auto 0px auto;}
.cards2 {
    max-width: 800px;
    margin: 40px auto 0px auto;
}
.card {width:22%; margin:0 1.5%; float:left; background-color:#fff;min-height:570px; border-radius: 5px}
.card3 {width: 22%;margin: 0 1.5%;float: left;background-color: #fff;min-height: 500px;border-radius: 5px}
.card h3 {display: none;}
.card_cover_servizio {width: 100%;height: 150px;background-image: url(../images/rapporto.jpg);background-size: cover; -o-background-size: cover;-moz-background-size: cover;background-position: center center;}
.card_cover_postazione {width: 100%;height: 150px;background-image: url(../images/postazione.jpg);background-size: cover;-o-background-size: cover;-moz-background-size: cover;background-position: center top;}
.card_cover_parti {width: 100%;height: 150px;background-image: url(../images/adunanze.jpg);background-size: cover;-o-background-size: cover;-moz-background-size: cover;background-position: center center;}
.card_cover_dati{width: 100%;height: 150px;background-image: url(../images/logoico.png);background-size: cover;background-size: cover;-moz-background-size: cover;background-position: center center;}
.card_cover_ProgCom{width: 100%;height: 150px;background-image: url(../images/servizio/ComProg.jpg);background-size: cover;-o-background-size: cover;-moz-background-size: cover;background-position: center center;}
.card_cover_Orat{width: 100%;height: 250px;background-image: url(../images/logorat.png);background-size: cover;background-position: center center;}
.card_cover_Cong{width: 100%;height: 250px;background-image: url(../images/logocong.png);background-size: cover;background-position: center center;}
.card_cover_VediInd {
    width: 100%;
    height: 250px;
    background-image: url(../images/VedInd.jpg);
    background-size: cover;
    background-position: center center;
}

.card_cover_NewInd {
    width: 100%;
    height: 250px;
    background-image: url(../images/NewInd.jpg);
    background-size: cover;
    background-position: center center;
}

.card_cover_DataOraCom{width: 100%;height: 150px;background-image: url(../images/servizio/ComData.jpg);background-size: cover;-o-background-size: cover;-moz-background-size: cover;background-position: center center;}
.card_cover_CondCom{width: 100%;height: 150px;background-image: url(../images/servizio/ComCond.jpg);background-size: cover;-o-background-size: cover;-moz-background-size: cover;background-position: center center;}
.card_cover_MateCom{width: 100%;height: 150px;background-image: url(../images/servizio/ComMat.jpg);background-size: cover;-o-background-size: cover;-moz-background-size: cover;background-position: center center;}
.card_cover_Impostaz{width: 100%;height: 150px;background-image: url(../images/servizio/ComImpo2.jpg);background-size: cover;-o-background-size: cover;-moz-background-size: cover;background-position: center center;}
.card_copy {padding: 5px 20px;min-height: 220px}
.card_copy h2 {margin: 10px 0; font-weight: 600;}
.card_copy p{font-size:16px;}
.card_button_container{width:100%; margin-top:-15px}
.card_button_container3 {width: 100%; margin-top: -5px}
.card_button{margin:20px 30px}
.card_button a {border-radius: 3px;display: block;background-color: #4a6da7;font-size: 20px;padding: 10px 20px;margin: 5px auto;color: #fff;text-align:center;}
.card_button a:hover {background-color: #10264b;color: #fff;box-shadow: 1px 1px 4px #808080,-1px -1px 4px #808080,-1px 1px 4px #808080,1px -1px 4px #808080;}
.card_button3{margin: 10px 10px}
.card_button3 a {
    border-radius: 3px;
    display: block;
    background-color: #4a6da7;
    font-size: 20px;
    padding: 10px 20px;
    margin: 5px auto;
    color: #fff;
    text-align: center;
}

    .card_button3 a:hover {
        background-color: #10264b;
        color: #fff;
        box-shadow: 1px 1px 4px #808080,-1px -1px 4px #808080,-1px 1px 4px #808080,1px -1px 4px #808080;
    }

/*----------------------------
Rapporto
----------------------------*/
.rapporto_table {
    max-width: 800px;
    margin: 0px auto;
}
.rapporto_table_row1 {display: block;float: left;width: 30%;font-size: 18px;border-radius: 2px 0px 0px 10px;-ms-flex-align: center;align-items: center;padding: .375rem .75rem;margin-bottom: 1px;font-weight: 400;height: 40px;line-height: 1.5;color: #495057;text-align: center;white-space: nowrap;background-color: #e9ecef;border: 1px solid #ced4da;}
.rapporto_table_row2 {display:block;float:right;width:70%;}
.modulo_rapporto {display: block;width: 100%;height: 40px;padding: .375rem .75rem;font-size: 16px;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0 2px 10px 0;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-bottom: 1px;}
.modulo_rapporto:focus, textarea:focus {box-shadow: 4px 2px 10px #d6e0f0 inset;border-color: #d6e0f0}
.rapporto_checkbox {font-size: 18px;padding: 5px 5px;color: #495057;display:inline-block;}
.aspNetDisabled > label:nth-child(2){padding: 5px; font-weight:100}
.aspNetDisabled {display: block;width: 100%;height: 40px;padding: .375rem .75rem;font-size: 16px;font-weight: 400;line-height: 1.5;
                 color: #495057;background-color: #e4e4e4;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0 2px 10px 0;
                 transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin-bottom: 1px;}
div.rapporto_checkbox:nth-child(2) > span:nth-child(1) > label:nth-child(2) {padding: 5px;font-weight: 400}
.rapporto_bt_container {max-width: 400px;margin: 60px auto 30px auto;}
.rapporto_bt{display:block;float:left;margin:0px 10px 0px 70px;border:0px solid red;}


.TextBoxMobile {
    width: 100%;
}
.TextBoxNoMobile {
    width: 300px;
}

/*----------------------------
Contact - About
----------------------------*/
.main_content {display: block;border-radius: 0px;box-shadow: 0px 4px 25px #cbcbcb;text-align: center;min-height: 608px;padding: 0px 0px;color: #555;}
.main_contact {color: #495057;padding: 0px 20px;}
.main_contact h1 {font-size: 30px;}
.contact_text {
    font-weight: 200;
    text-align:left;
    font-size:14px;
    padding: 10px 20px;
}
.cover {width: 100%;height: 150px;background-image: url(../images/team.jpg);background-size: cover;-o-background-size:cover;-moz-background-size: cover;background-position: center center;}
.contact{display: block;max-height: 30px;text-align:center;padding: 5px 0px 5px 20px;}
.contact img{height:20px;width:20px;}
.contact_1{width:10%;float:left}
.contact_2 {width: 90%;float:left}
.contact_h5{margin:0px;padding-top:5px;padding-bottom:5px;text-align:left; padding-left:10px;}
.contact_mail {display: block;padding: 5px 0px 20px 20px;text-align: left;}
.contact_mail h3{display:block;padding:0px 0px;margin: 20px 0px 10px 0px;}
.contact_mail a {font-size: 16px;margin-left: 10px;}
.contact_mail img{height: 30px; width: 30px;}


/*----------------------------
Footer
----------------------------*/
.footer {background-color: #333;padding: 30px;color: #eeeeee;font-size: 16px;}
.center {text-align: center;}

/*----------------------------
Tablet
----------------------------*/

@media (max-width: 1300px) {

/*---card---*/
.rapporto_table {padding: 0 20px;}
.cards {max-width: 1200px;margin: 20px auto 0px auto;}
.card {width: 44%;margin: 3%;}
.card_copy h2 {display: none;}
.card h3 {display:block;padding: 30px 0px 10px 30px;font-size: 20px;font-weight: 600;}
.card p {font-size: 16px}
.card_image {height: auto;}
.card_copy {font-size: 16px;min-height: 0px}
.card_button a {font-size: 18px;}
}

/*----------------------------
Smartphone
----------------------------*/

@media (max-width: 767px) {
/*---topbar---*/
.maincontainer {width: 100%;margin: 0 auto;padding-top: 60px;padding-right: 0px;padding-left: 0px;}
.header {position: fixed;width: 100%;z-index: 100;}
.logo {float: left; margin-top: 7px;margin-left: 5px;}
.header_title {font-size: 16px;}
.header_icon-bar {display: block}
    .header_menu_right {
        float: none;
        width: 100%;     
        height:0;
        overflow: hidden;
        
    }
    .header_leftcolumn {
        display: block;
        float: left;
        width: 50%;
    }
    .header_rightcolumn {
        display: block;
        float: right;
        width: 50% ;
        margin-top:0px
    }
.header_menu {
        overflow: hidden;
        width: 100%;
        text-align: center;
    }
    .header_menu_item {
        display: block;
    }
    .header_menu_item a {
        color: #fff;
        display: block;
        text-decoration: none;
        font-size: 16px;
        padding: 15px 15px 15px 15px;
        height:55px;
    }


.is-open {height: 275px;overflow: auto;} 

.home_content_lead1 {font-size: 15px;}
    .main_content h1{font-size:22px}


    /*---card---*/
    .card {
        width: 100%;
        margin: 0;
        border-radius: 0px;
        border-left: 0px;
        border-right: 0px;
        min-height: 270px;
    }
.card_image {height: auto;}
.card_copy {font-size: 14px;}
.card p{padding-left:10px;padding-right:10px;}
.card_button a {font-size: 18px;}
.rapporto_table_row1 {font-size: 14px;}
.rapporto_checkbox {font-size: 16px;}.contact {margin-bottom:15px;}
.contact h3 {font-size: 14px;}
}

Gridview tr, td, th {
    border: 1px
}

Gridview tr, td, th {
    border: 1px solid #cbcbcb;
    padding: 3px 5px;
    color: #606060;
    font-size: 14px;
    text-align: left;
    font-weight: 700;
}





    icon-bar span {
            display: block;
            height: 2px;
            width: 20px;
            background: #fff;
            margin-bottom: 5px;
        }
        .header_title {
            padding: 15px 0px;
            font-size: 14px;
        }

        .small {
            letter-spacing: -1px;
            font-size:12px
        }


       
    /*----------------------------
 clearfix class 
----------------------------*/
    * html .clearfix {height: 1%;}
.clearfix {display: block;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}