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


html{
	font-family: 'Merriweather', serif;
	background-color: #fff;
	color: #666666;
	font-size: 14px;
	overflow-x: hidden; /*Fix scrollbar orizzontale Anna 29-02 */
}

body {
    font-family: 'Merriweather', serif;
	background-color: #fff;
	color: #666666;
	font-size: 14px;
	line-height:1.7em;
}

h1, h2, h3, h4, h5, p, ul, li, a, div, table, td, i, span, section, input, textarea, button{font-family: 'Merriweather', serif;}


h1{font-size:26px;padding-bottom:5px;margin-bottom:20px;}
h2{font-size:18px;padding-bottom:5px;margin-bottom:10px;font-weight}
h5{font-weight:bold;}

a{
	text-decoration: underline;
	color:#999;
	
}

a:hover{
	background-color:  inherit;
	color: inherit;
	text-decoration: underline;
}
.pad{padding:100px 0px;}
.gray{background-color:#2e2e2e;}

section{margin:0px;padding:0px;}
.section{margin:0px;padding:0px;}

#header{width:100%;top:0;background-color:#999999;z-index:1001;}
#slide-home{}
#slide{padding:40px 0px;background-color:#333;}
#content{padding:0px 0px;}
#footer{padding:20px;width:100%;bottom:0;background-color:#999999;color:#f2f2f2;}
#footer div a{color: #f2f2f2;
	text-decoration:none;}
#footer div a:hover{ color: #fff;}

.full-width{width:100%!important;margin:0px!important;padding:0px!important;}

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.padWork{padding:40px;}

/*custom nav*/

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.navbar-default {
    background-color: #999999;
    border-color: #999999;
}
.navbar-nav{margin-top:25px;}

.navbar-default .navbar-nav > li > a {
    color: #f2f2f2;
	text-decoration:none;
}

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


/*

ul#content-slider li a:hover .caption {
    position: relative;
    display: block;
    padding: 20% !important;
    color: #fff;
	background: rgba(0,0,0,0.2);
	z-index:10001;
	border:1px solid red;
}

ul#content-slider li a {
  position: relative
}

ul#content-slider li a .caption {
  display: none;

}
*/
ul#content-slider li a .caption {
	display:none;

	color:#fff;
	text-decoration:none;
}


ul#content-slider li a:hover .caption {

display: block;
z-index:1001;
	position:absolute;
clear:both;
 /* width: 300px!important;
   height: 300px!important;*/

  background: rgba(0,0,0,.5);
  color:#fff;
  z-index:1001;
  text-align:center;

}

.overlay{background: rgba(0,0,0,0.1);}
.overlay:hover{background: rgba(0,0,0,0.3);}

#b1 {
    background: url(../images/home/work-1.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
    position: relative;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#b2 {
    background: url(../images/home/work-2.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
    position: relative;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#b3 {
    background: url(../images/home/work-3.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
    position: relative;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#b4 {
    background: url(../images/home/work-4.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
    position: relative;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#b5 {
    background: url(../images/home/work-5.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
    position: relative;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#b6 {
    background: url(../images/home/work-6.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
    position: relative;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#b7 {
    background: url(../images/home/work-7.jpg) no-repeat top right;
    background-size: cover;
    color: #fff;
    position: relative;
    height: 100%;
    margin: 0px;
    padding: 0px;
}#b8 {    background: url(../images/home/work-8.jpg) no-repeat top right;    background-size: cover;    color: #fff;    position: relative;    height: 100%;    margin: 0px;    padding: 0px;}#b9 {    background: url(../images/home/work-9.jpg) no-repeat top right;    background-size: cover;    color: #fff;    position: relative;    height: 100%;    margin: 0px;    padding: 0px;}#b10 {    background: url(../images/home/work-10.jpg) no-repeat top right;    background-size: cover;    color: #fff;    position: relative;    height: 100%;    margin: 0px;    padding: 0px;}#b11 {    background: url(../images/home/work-11.jpg) no-repeat top right;    background-size: cover;    color: #fff;    position: relative;    height: 100%;    margin: 0px;    padding: 0px;}#b12 {    background: url(../images/home/work-12.jpg) no-repeat top right;    background-size: cover;    color: #fff;    position: relative;    height: 100%;    margin: 0px;    padding: 0px;}

a.blocklink{
	position: relative;
	display:block;
    padding: 20%!important;
	color:#fff;
	text-decoration:none!important;
	}
a.blocklink:hover, a.blocklink:focus, a.blocklink:active{color:#fff;text-decoration:none!important;}

.texo{
    position: relative;
    padding: 20% 10%;
}
a h2{text-decoration:none;}
a.blocklink h2{font-size:20px!important;font-weight:300;color:#f2f2f2;border:1px solid transparent;text-decoration:none!important;padding:5px;}
a.blocklink:hover h2{font-size:20px!important;color:#fff;font-weight:300;border:1px solid #fff;}
.scroller {
      max-height: 380px;
	  border:0px solid red;
    }
.scrollbox-handle{background-color:#999!important;}
.scrollbox-track{border:1px solid #e8e8e8!important;}


.bg{background-color:#333;}
#submainmenu{float:right;margin:0px;padding:0px 20px;display:block;}
#submainmenu li{display:inline;list-style-type:none;}
#submainmenu li a{float:left;color:#fff;text-decoration:none;margin:0px;background-color:#333;padding:8px 15px;}
#submainmenu li a:hover{float:left;color:#fff;text-decoration:none;background-color:#999;}

#submainmenu li a.active{float:left;color:#fff;text-decoration:none;background-color:#999;}
.footer-right{text-align:right;}
 /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		#submainmenu{display:none;}
		#footer{text-align:center!important;}
		.footer-right{text-align:center;}
    }