@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

body {
    color:rgb(124, 124, 124);
    background-color:#ebf5ff;
    font-family: 'Segoe UI', Calibri, Cambria, 'Times New Roman', Verdana, Tahoma, Arial; font-size: 15px; margin: 0; padding: 0;
}
.gFont { font-family: "Roboto"}
ul { list-style-type:none;margin:0;padding:0;}
p { margin: 0; }
h1, h2, h3, h4 { padding: 0; margin: 0; line-height: normal;font-family: "Roboto", Segoe Ui, Verdana, Tahoma, Arial, Helvetica; }
a { color: #912A3E; }
    a:hover { text-decoration: none; }

.slick-track {max-height:800px;overflow:hidden;}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-danger {
    border-left-color: #ce4844;
}

/*top*/
#headerRow { position:relative;}

#headerPane { height:107px;background-color:transparent;position:absolute;z-index:200;}
    #headerPane .container { margin:0;padding:0;}
        #headerPane  .row { margin:0;padding:0;}
            #headerPane .col-sm-12 {margin:0;padding:0; }

.logo-container {  position: absolute; top: 0; margin-left: 0; z-index: 1000;text-align:center;}
    .logo-container .img-responsive { margin-left:auto;margin-right:auto; }
    .logo-container a { display: block;}
/* nav Bar */
.navbar-nav { margin: 0 -15px 0 0;float:right;margin-top:24px;background-color: rgba(7, 152, 190, 0.47); }
    .navbar-nav > li > a { color: #fff; font-size: 1.1em; padding: 30px 10px 30px 10px; display: block; }
        .navbar-nav > li > a:hover { color: #FFF;background-color:#b50000; }
    .navbar-nav > li.active > a { border-bottom: 2px solid #b50000; color: #fafafa; }
    .navbar-nav > li.active > a:hover,  .navbar-nav > li.active > a:focus { border-bottom: 2px solid #000; color: #fff; }
.navbar-collapse { text-align:center}
.navbar-header {float: none;}
.colore2 { background-color:#0585D0;background-image:url(Images/pattern/a1.png);color:#fff}
    .colore2 h1, .colore2 h2, .colore2 h3, .bxslider-spot li h1 { color:#fff}
.dropdown-menu {
    background-color: #912A3E;
}
    .dropdown-menu > li > a { color:#fff;}
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color:#912A3E;background-color:#fff; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #FFF;
text-decoration: none;
outline: 0;
background-color:#7a2435;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #912A3E;border-color: #fff;color:#fff }

.menuSite { float: right; }
    .menuSite ul { color: #666666; }
        .menuSite ul li { list-style: none; float: left; margin-left: 7px; margin-right: 7px; font-family: "Roboto",, Arial, Helvetica, sans-serif; }
            .menuSite ul li a { color: #666666; font-size: 18px; text-decoration: none; }
                .menuSite ul li a:hover { color: #000; }

/* TESTI*/

.rosso { background-color:#0585D0;color:#fff;padding:20px;display:inline-block;}


/*Pulsantoni servizi home*/
.spotTitle { padding:20px 0;}
.fulltextHome h2 { text-align:center;margin-top:-70px;margin-bottom:20px;}
.fulltextHome .row { margin-left:0;margin-right:0;}
    .intro h2 a { color:#fff;}

.img-container { margin-left: auto; margin-right: auto; text-align: center;  overflow: hidden; cursor:pointer;max-width:400px;}

.ba, .bb, .bc, .bd, .be, .bf { cursor:pointer;}
.ba { background-color:#e3a854}
.bb { background-color:#71b1da}
.bc { background-color:#a8b1b9}
.bd { background-color:#75B5C5}
.be { background-color:#dde0ca}
.bf { background-color:#FFACDB}
.bg { background-color:#C8C8A9}
.imgr img { display:inline-block;}

.single-icon { margin-top:90px;}

.ba:hover h2 a, .bb:hover h2 a, .bc:hover h2 a, .bd:hover h2 a, .be:hover h2 a, .bf:hover h2 a, .bg:hover h2 a {color:#000;
                                                                                     -webkit-transition: color 300ms ease-in; -moz-transition: color 300ms ease-in; -ms-transition: color 300ms ease-in; -o-transition: color 300ms ease-in; transition: color 300ms ease-in; 
}
.ba:hover, .bb:hover, .bc:hover, .bd:hover, .be:hover, .bf:hover, .bg:hover  { background-color: #fff; 
-webkit-transition: background 300ms ease-in; -moz-transition: background 300ms ease-in; -ms-transition: background 300ms ease-in; -o-transition: background 300ms ease-in; transition: background 300ms ease-in; }

.img-csontainer:hover { background-color: #fff; border-color: #64ae03 -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; /*background-color: transparent;*/ -webkit-box-shadow: 0px -1px 7px 0px rgba(50, 50, 50, 0.54); -moz-box-shadow: 0px -1px 7px 0px rgba(50, 50, 50, 0.54); box-shadow: 0px -1px 7px 0px rgba(50, 50, 50, 0.54); -webkit-transition: background 300ms ease-in; -moz-transition: background 300ms ease-in; -ms-transition: background 300ms ease-in; -o-transition: background 300ms ease-in; transition: background 300ms ease-in; }

.title-slogan { padding:30px 0; color:#fff;background-color:rgba(50, 50, 50, 0.54);background-image:url(Images/pattern/a1.png)}
.text-condensed { color:#666666;padding:30px 0;}
.top-img .img-responsive {width:100%;}
/*SPONSOR*/
.sponsor {margin-top:50px;text-align:center; }
    .sponsor .img-responsive { display:inline-block}
.sponsor-list { display:inline-block;}
    .sponsor-list li { float:left;}
    .sponsor-list a { margin-top:5px;display:inline-block;margin-right:15px;padding-right:15px;border-right:1px solid #ccc}
.footer_container {position:relative;background-image:url('/160/images/footer_bg.jpg');background-size:cover;min-height:300px;}
    .footer {color:#000;}
.footer .btn-default {
    color: #fafafa;
    background-color: #7a2435;
    border-color: #b50000;
}

.footer .btn-default:hover {
    color: #fafafa;
    background-color: #0585D0;
    border-color: #5192bb;
}

    .footer a { color:#000}
        .footer a:hover, .footer a:focus { color:#b50000}
    .footer .bs-footer { margin-top:80px;}



/*form contatti*/
.formContainer { margin-top: 25px;
                  
                 line-height: 130%; }
    .formContainer .alert { padding:2px;}
    .formContainer .mini-txt { font-size:.7em;font-weight:normal;line-height:normal;
    }
.formContainer dl {
    margin-bottom:50px;
}
    .formContainer dl dt.message { clear:both;width:510px;} 
.formContainer dl dt {

    float:left; 
    font-weight:bold; 
    margin-right:10px; 
    padding:5px;  
    width:200px; 
}
 
.formContainer dl dd {
    margin:2px 0; 
    padding:5px 0;
}

    .formContainer ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; text-align: left; }
        .formContainer ul li { list-style-image: none; list-style-position: inherit; display: block; padding: 6px 0; height: auto !important; margin-bottom: 1px; }
.formLabel { display: inline-block; }
.formContainer .formTextBox { border-right: #D3D3D3 1px solid; border-top: #D3D3D3 1px solid; font-weight: bold; border-left: #D3D3D3 1px solid; border-bottom: #D3D3D3 1px solid; background-color: #F5F5F5; padding: 8px; text-align: left; }

#searchCopy label { color:#CCC;font-weight:normal;font-size:1em;}

.form-search { margin-bottom:5px;}

.NormalTextBoxMini {
    background-color: #CCC;
    padding: 3px;
    color: #FFF;
    width: 80px;
    text-align: center;
    cursor: pointer;
    display:inline-block;
    text-decoration:none;
}
.NormalTextBoxMini:hover,.NormalTextBoxMini:focus  {
    background-color: #900;
    color: #FFF;    text-decoration:none;
}

/*gallery*/
#PhotoGalleryAlbums { font-size:11px;color:#000;display:inline-block;}
#PhotoGalleryAlbums li { float:left;margin-bottom:15px;}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 0;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-height:172px;overflow:hidden;
}

.gallery-index {margin-bottom:5px;overflow:auto;padding-bottom:5px;border-bottom:1px solid #ccc}

.outer { height: 130px; overflow: hidden; position: relative;display: table; position: static; }

.middle { position: absolute; top: 50%; display: table-cell; vertical-align: middle; width: 100%; position: static;}

.inner { position: relative; }
/* for adaptive (quirk) explorer only */
/* optional: #inner[id] {position: static;} */



/* Media Resolution */
/*________________________________________________________________________________________*/

@media (min-width: 1200px) {
    .fulltextHome .img-responsive { max-height:300px;}
    .intro h2 { font-size:26px;margin-top:-70px;}
    .icona { overflow:hidden;}

}

@media (max-width:1199px) {

}

@media (min-width: 992px) {
        .gallery-index {width:60%;margin-left:20%}
}
@media (max-width: 991px) {
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.6em; }
    .outer { height: 90px; }
}

@media (min-width: 768px) {
       .formContainer { width:510px;margin-left:auto;margin-right:auto;overflow:hidden;}
       .formContainer textarea { width:500px;}
    .gallery-index {width:80%;margin-left:10%}
}

@media (max-width: 767px) {
    .navbar-header { text-align:center;}
    .text-condensed { padding:30px 15px!important;}
    h2 { font-size:1.4em}
    .gallery-index { padding:15px;}
    .icona { overflow:hidden;}
     .formContainer { width:100%;}
        .formContainer textarea { width:100%;}
        .formContainer dl dt.message { width:100%;}
/*SPONSOR*/
.sponsor {margin-top:50px;text-align:center; }
    .sponsor .img-responsive { display:inline-block}
.sponsor-list { display:inline-block;}
    .sponsor-list li { float:none;margin-top:13px;}
    .sponsor-list a { margin-top:5px;display:inline-block;margin-right:0;padding-right:0;border-right:0 solid #ccc}
    .footer_container {padding:10px;text-align:center; }

    /*no margin*/
    .container { padding-left: 0; padding-right: 0; }
    .row { margin-left: 0; margin-right: 0; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
    .footer .powered { text-align:center!important;margin-top:15px;}
    .gallery-index .col-xs-10 { padding:15px;}
    #headerPane, .logo-container { position:relative;height:auto;}
    
    #logo-header2  {    display: inline-block;
    max-width: 100%;
    height: auto; }

    .navbar-toggle {
    position: relative;
    float: none;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: #b50000;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color:#fff;
    width:90%;
}
    

}

@media (max-width: 480px) {
        .outer { height: 10px; }
        .gallery-index .col-xs-10 { padding:0 0 0 5px;}
            h1 { font-size: 1.4em; }
    h2 { font-size: 1.1em; }
    .top-img, .top-img .img-responsive  { min-height:140px}

}


/*Pulsante Start*/
@keyframes flash {
    from, 50%, to { opacity: 1; }
    25%, 75% { opacity: 0; }
}

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

    .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.flash { animation-name: flash; animation-duration: 4s; animation-iteration-count: infinite; }
.off { animation-play-state: paused; -moz-animation-name: none; -webkit-animation-name: none; -ms-animation-name: none; animation-name: none; }


@-webkit-keyframes fadeIn {
    from { opacity: 0; }

    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }

    to { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: 3s; animation-delay: .8s; }