/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 80px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-color: #fff; /* Andrea #F2F3CD; */
    color: #0E5082;  /* Andrea 0E5082; orig C21B17*/
}

.cat {
    font-family: 'Catamaran', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: rgb(91, 192, 222);
    text-transform: uppercase;
}

.carousel-caption a{
    color: white;
    text-decoration: none;
    transition: all;
    transition-duration: 0.5s;
}

.carousel-caption a:hover{ 
    color: #5BC0DE;
    text-decoration: none;
}


.navbar-inverse{
    background-color: white;
    border-color: white;
}

.navbar-default {
    background-color: rgba(255,255,255,0.7);
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
    height: 250px;
}

.panel {
    margin-bottom: 20px;
    background-color: #F59F23;
    color: white;
    border-radius: 0px;
}
.btn-default {
  color: #FFFFFF;
  background-color: rgba(14, 80, 130, 0.8); /* Aandrea rgba(14, 80, 130, 0.8); rgba(127, 0, 0, 0.8)*/
  border-color: rgba(14, 80, 130, 1); /* Aandrea rgba(14, 80, 130, 1); rgba(127, 0, 0, 1)*/
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: rgba(245, 245, 245, 0);
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.panel-default>.panel-heading {
    color: #0E5082;  /* Andrea #0E5082;  */
    border-color: #FFF;
    text-transform: uppercase;
    background-color: #F59F23;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
}

.page-header {
    border-bottom: 1px solid #D7DBCE;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 0px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

.navbar-default .navbar-nav>li>a{
    color: #0E5082; /* Andrea # 0E5082; */
    transition: all;
    transition-duration: 0.3s;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #F59F23;
}

.navbar-toggle {
    border: 0px;
    border-radius: 1px;
    border-color: transparent;
    transition: all;
    transition-duration: 0.5s;
}


.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    height: auto;
    /*padding-top: 40px;*/
}

#slogan {
    font-family: 'Catamaran',sans-serif;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 5px;
    text-align: center;
    padding: 60px;
    margin: 0px;
    color: #0E5082;   /* Andrea #0E5082; */
    background-image: url(../img/crossed_stripes-beige.png);
    background-color: #fff; /* Andrea #F2F3CD; */
}

#slogan-blu {
    font-family: 'Catamaran',sans-serif;
    font-size: 28px;
    font-weight: 1300;
    letter-spacing: 12px;
    text-align: center;
    padding: 60px;
    margin: 0px;
    color: rgba(255, 255, 255, 0.9);
	background-image: url(../img/tapping1.jpg);
    background-size: cover;
}

#freccia-giu {
    width: 60px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    background-color: rgba(0,0,0,0.05);
    text-align: center;
    color: white;
}

.textbox-home {
    background-color: rgba(14, 80, 130, 0.7);
    font-weight: 400;
    line-height: inherit;
    text-align: justify;
    padding: 20px;
    font-size: 14px;
    border-radius: 4px;
}

.slide-col {
    background-color: rgba(167, 167, 167, 0.47);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0px;
}

a {
    color:#0E5082; /* Andrea #0E5082; */
}

a:hover {
    color: #0E5082;
    text-decoration: none;
}

.sottotitolo {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 10px;
    line-height: inherit;
	font-weight: bold;
}

#section-home {
    background-color: #fff; /* Andrea #F2F3CD; */
    padding: 0px;
    margin: 0px;
}

.divider {
    border-bottom: 2px;
    border-bottom-color: white;
    border-bottom-style: dotted;
    margin-bottom: 20px;
}
.spacer {
    margin-bottom: 40px;
}


.container-news {
  padding: 0px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container-news {width: 750px;}
}
@media (min-width: 992px) {
  .container-news {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-news {
    width: 1170px;
  }
}
@media (max-width: 768px) {
    .textbox-home {visibility: hidden; position: absolute; left: -5000px;}
}

/* aggiornato min-height in data 26-01-2016 */
.small-news {
    background-color: rgba(190, 190, 190, 0.3);
    padding: 25px;
    min-height: 400px;
    overflow:hidden;
    transition: all;
    transition-duration: 0.5s;
}
/* end update */

.small-news:hover {
    background-color: rgba(241,100,74, 0.6); /* Andrea rgb(91, 192, 222); */
}

.small-contatto {
    background-color: rgba(220, 220, 220, 0.3);
    padding: 25px;
    min-height: 400px;
    overflow: hidden;
    transition: all;
    transition-duration: 0.5s;
}
.small-contatto:hover {
    background-color: rgba(241,100,74, 0.6); /* Andrea rgb(91, 192, 222); */
}
.small-approfond {
    background-color: rgba(190, 190, 190, 0.3);
    padding: 25px;
    min-height: 400px;
    transition: all;
    transition-duration: 0.5s;
}
.small-approfond:hover {
    background-color: rgb(91, 192, 222);
}

.tblSx  {
	border: solid 1px #aaa; 
}

.tblSx  td {
	padding: 3px;
}
.btnScad {
	    font-size: 12px;
}
.docMancSx{
	    font-size: 12px;
		color: #ff0000;
}

.divHide4Filter{
	position: absolute; 
	left: -9999px;
}

.optionsx{
	    height: 12px; 
}

#messaggio{
	color:red;
	font-size: larger;
}

.gn-btn-survey{
	margin: 5px;
}


/* privacy */
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}