/* style italcarbon */


body {font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px; margin-bottom: 20px;}

p, ul, li, a {font-size:14px;}


#logo {position: absolute; top: 0; left: 30px; z-index: 9995;}
#logo a.italcarbon-logo { width: 433px; height: 198px; background: url('../images/logo-italcarbon.png') no-repeat; display: block;}


.starter-template{padding:40px 15px;text-align:center;}

.container-page { min-height: 450px; height: auto; background: #111111; color: #ffffff; padding: 10px 50px;
/*-webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 8px 10px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 8px 10px 0px rgba(0, 0, 0, 0.75);*/
} 

.container .container-slider {position: relative;}

.container .container-slider .carousel {background: #111111; }
.carousel-indicators {
    bottom: 20px;
    right: 20px;
    width: 70px;
    margin-left: inherit;
    left: auto;
}

.navbar-inverse .navbar-nav > li > a {font-size: 12px;}

.container .container-slider .carousel .box-evidence {position: absolute; left: -20px; padding: 0 20px; width: 390px;}
.container .container-slider .box1 {top: 40px; border: solid 4px #0aa741; /*border-left: solid 4px #0aa741; border-bottom: solid 4px #0aa741;*/  }
.container .container-slider .box2 {top: 180px; border: solid 4px #ffffff; /*border-left: solid 4px #ffffff; border-bottom: solid 4px #ffffff;*/ }
.container .container-slider .box3 {top: 340px; border: solid 4px #db161e; /*border-left: solid 4px #db161e; border-bottom: solid 4px #db161e;*/ }

.container .container-slider .box1,
.container .container-slider .box2,
.container .container-slider .box3 { background: url('../images/sf-box-evidenza.jpg') repeat; color: #ffffff;}

.container .container-slider .carousel .box-evidence h2 { margin-top: 10px;}

.container .container-slider .box1 h2 a {color: #0aa741; font-size: 20px; }
.container .container-slider .box2 h2 a {color: #ffffff; font-size: 20px; }
.container .container-slider .box3 h2 a {color: #db161e; font-size: 20px; }

.container .container-slider .box1 img, .container .container-slider .box2 img, .container .container-slider .box3 img { height: 500px;}

.carousel-control.left {z-index: 990;}
.container .container-slider .box1,
.container .container-slider .box2, 
.container .container-slider .box3 {z-index: 995;}



.navbar-fixed-top {top:60px;}
.navbar-nav {float: right;}
.navbar-fixed-top, .navbar-fixed-bottom {position: relative;}

.hidden {display: none;}

/* box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset*/

div.gallery { margin-top: 30px;}
div.gallery img { width: 100%; height: auto; border: solid 1px #000000; cursor: pointer;}
div.gallery img:hover { opacity: 0.6; filter: alpha(opacity=60); border: solid 1px #ffffff;/* For IE8 and earlier */}
div.gallery p.descr-gallery { margin-top: 5px;}

div.modal { z-index: 9999;}

.nav>li { border-top:  solid 1px #000000; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1);}


/*pagine*/
img.img-chi-siamo {width: 100%; border: solid 5px #ffffff;}

div.content-contact {width:100%; background: #db161e; padding: 20px; margin-top:50px; margin-bottom: 30px; text-align: center;}
div.content-contact p { font-size: 16px;}


.modal-dialog .carousel-indicators { width: 100px;}


.back-top { text-align: right; margin-top: 20px;}

.carousel-caption {
	width: 100%;
    left: 0;
    bottom: 30px;
	padding: 0;
	margin: 0;
    background: #111111;
    opacity: 0.8;
    filter: alpha(opacity=80); 
}

div.modal-dialog .carousel-caption p { text-align:center; padding:8px 20px 0 20px;}

div.modal-dialog .carousel-indicators { top:20px; height:30px;}


/*paginazione*/
div#paginazione {text-align: center;}

.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {background-color: #666; border-color: #666;}

.pagination>li>a, .pagination>li>span {color: #db161e;}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #db161e;}

.pagination>li.first a {border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left:0;}

.modal-header { border-bottom:none;}


div#facebook { position:absolute; width:100%; top:10px; text-align:right;}
div#facebook a img { border:none;}

.back-to-top img { width:30px;}

/* RESPONSIVE STYLE */

@media (min-width: 768px) {
    .container {width: 800px;}
}

@media (min-width: 992px) {
    .container {width: 900px;} 
}

@media (min-width: 1200px) {
    .container {width: 1170px;}
}



@media (max-width: 1030px) {
    .container .container-slider .box1 h2 a,
    .container .container-slider .box2 h2 a,
    .container .container-slider .box3 h2 a { font-size: 18px;}
    p { font-size: 12px;}
    .container .container-slider .box2 {top:160px;}
    .container .container-slider .box3 {top:280px;}
}

@media (max-width: 990px) {
    #logo a.italcarbon-logo { width: 172px; height: 198px; background: url('../images/logo-italcarbon-small.png') no-repeat; display: block;}   
    .breadcrumb {padding: 10px 50px 1px 150px;}
    
    .page-riparazioni div.col-md-3 { width: 50%; float: left; display: inline; }
   
    .page-chi-siamo div.col-md-3, 
    .page-chi-siamo div.col-md-9 { float: left; display: inline;}
    .page-chi-siamo div.col-md-3 { width: 40%;}
    .page-chi-siamo div.col-md-9 { width: 60%;}
    
}

@media (max-width: 768px) {
    .navbar-nav { float: left; width: 100%; margin: 7.5px 0; margin-top: 70px;}  
    
    .navbar-toggle {
        display: block;
    }
    
    
    .page-riparazioni div.col-md-3 { width: 48%; float: left; display: inline; }
    
    .container .container-slider .box2 {display: none;}
    .container .container-slider .box3 { top: 170px;}
    
}


@media (max-width: 550px) {
    .row {margin-right: 0; margin-left: 0;}
    .container-page {padding: 10px 20px;}
    img.img-chi-siamo { width: 80%; margin-bottom: 30px;}
    
    .page-chi-siamo div.col-md-3, 
    .page-chi-siamo div.col-md-9 { float: none; display: inline;}
    
    .content-footer p { font-size: 10px;}
    
    
    .container .container-slider .carousel .box-evidence {position: relative; margin: 0 0 0 20px; width: 100%;}
    .container .container-slider .box1 {display: none;}
    .container .container-slider .box2 {display: none;}
    .container .container-slider .box3 { top: 10px;}
    .carousel-indicators { bottom: 110px;}

}

@media (max-width: 400px) {
    .page-riparazioni div.col-md-3 {float: none; display: inline; }  
    
    .breadcrumb { padding: 35px 50px 1px 20px;}

}