/*---------------------------------
	LAYOUT GENERALE
-----------------------------------*/
body{
height: 100%;
width: 100%;
font-family: 'Titillium Web', sans-serif;
background:url(../images/comuni/bg-pattern-white.jpg); 
color:#000;}

.clearfix{clear: both;}
img{border: none;}
#logo{float:left;}
input:focus{outline:none;}

a{color:#fff; text-decoration:underline; font-weight:700;}
a:hover{text-decoration:none;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff!Important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff!Important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff!Important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff!Important;
}


/*.btn{background:#666; color:#fff; text-decoration:none; border:0; padding:2px 12px; font-weight:400; font-size:14px; box-shadow: #ccc 0px 1px 5px; behavior: url(PIE.htc); position:relative;}
.btn:hover{box-shadow: none; behavior: url(PIE.htc); position:relative;}*/


.nascosto{display:none;}
.center-text{text-align:center!important;}
.float-left{float:left;}
.float-right{float:right;}
.no-margin{margin:0!important;}
.no-margin-right{margin-right:0!important;}
.no-margin-bottom{margin-bottom:0!important;}
.no-padding{padding:0!important;}
.no-padding-right{padding-right:0!important;}
.block{display:block;}
.no-background{background:none!important;}
.border-bottom{border-bottom:1px solid #c5c5c5!important;}
.border-top{border-top:1px solid #c5c5c5; }
.no-border{border:none!important;}
.margin-top{margin-top:20px!important;}
.margin-bottom{margin-bottom:20px!important;}
.big{font-size:18px;}
strong{font-weight:700;}
.underline{text-decoration:underline!Important;}
.pdf a{background:url(../images/ico/ico-pdf.png) no-repeat center left; padding-left:30px;}

/*---------------------------------
	CONTENITORE
-----------------------------------*/
#wrapper{width:100%;}

/*---------------------------------
	HEADER
-----------------------------------*/
#header{display:block; width:100%; border-bottom:5px solid #b2b8b8; background:url(../images/comuni/bg-pattern.jpg); box-shadow: 0px 6px 10px 0px #353535; behavior: url(../pages/PIE.htc); position:fixed; z-index:10;}
#header-inner{margin:auto; width:840px; height:104px; padding:0 30px;}
#header-right{float:right; width:596px;}

/*---------------------------------
	NAVIGATION
-----------------------------------*/
ul#navigation{text-align:right; float:right; margin-top:40px; font-size:18px; text-transform:uppercase; font-weight:700;}
ul#navigation.nav-sirc li{text-align:right; float:left; margin-left:30px;}
ul#navigation.nav-sirc li a{color:#fff; text-decoration:none;}
ul#navigation.nav-sirc li a:hover{color:#c35233;}
ul#navigation.nav-sirc li.current-menu-item a{color:#c35233;}

ul#navigation.nav-castwell li{text-align:right; float:left; margin-left:30px;}
ul#navigation.nav-castwell li a{color:#fff; text-decoration:none;}
ul#navigation.nav-castwell li a:hover{color:#4488c3;}
ul#navigation.nav-castwell li.current-menu-item a{color:#4488c3;}

/*---------------------------------
	SLIDER
-----------------------------------*/
#banner{width:100%; border-bottom:1px solid #162c4c; display:block; padding-top:104px;}
#banner-inner{width:860px;height:370px; background:url(../images/comuni/bg-cornice.png); margin:auto; padding:0 20px; overflow:hidden;}
#banner-inner ol.bjqs-markers {	position:absolute; bottom:18px; left:-30px !important; text-align:right !important;}
#banner-inner ol.bjqs-markers li a	{	padding:5px; background:#fff;  margin:0 5px; text-decoration: none; font-size:0;}
#banner-inner ol.bjqs-markers li.active-marker a,#banner-inner ol.bjqs-markers li a:hover{	background:#4488c3;}
#banner-inner.sirc ol.bjqs-markers li a	{	padding:5px; background:#fff;  margin:0 5px; text-decoration: none; font-size:0;}
#banner-inner.sirc ol.bjqs-markers li.active-marker a,#banner-inne.sirc ol.bjqs-markers li a:hover{	background:#c96246;}
#banner-inner p.bjqs-caption{display:block;width:98%; margin:0;padding:2%;position:absolute; bottom:0;right:0; background:url(../images/comuni/bg-caption.png); color:#fff; font-size:18px;}

#banner-prodotti{width:100%; /*border-bottom:1px solid #162c4c; */display:block; background:url(../images/comuni/bg-blue.jpg) center; padding:124px 0 10px 0;}
#banner-prodotti-inner{width:860px;/*background:url(../images/comuni/bg-cornice.png);*/ margin:auto; box-shadow: 0 0 10px 2px #384e60; behavior: url(../pages/PIE.htc); position:realative;}


/*---------------------------------
	CONTENUTI
-----------------------------------*/
#contenuti{width:100%;display:block;}
#contenuti-inner{width:900px; margin:auto;}
#contenuti.bg-castwell{background:url(../images/comuni/bg-blue.jpg) center;}
#contenuti.bg-sirc{background:url(../images/comuni/bg-orange.jpg) center;}

/*---------------------------------
	CONTATTI
-----------------------------------*/
#contenuti #modulo-contatti div{margin-bottom:5px;}
#contenuti #modulo-contatti label{float:left; text-align:right; width:73px; line-height:25px;}
#contenuti #modulo-contatti label.privacy{float:left; text-align:left; width:200px!important; font-size:11px; margin:2px 0 0 2px; line-height:15px;}
#contenuti #modulo-contatti input[type="checkbox"]{float:left; margin-left:83px;}
#contenuti #modulo-contatti input[type="text"]{float:right; width:272px; height:25px; background:#f1f1f1; border:1px solid #f1f1f1;}
#contenuti #modulo-contatti textarea{float:right; width:272px; background:#f1f1f1; border:1px solid #f1f1f1;}
#contenuti #modulo-contatti input[type="submit"]{float:right; width:46px; padding: 5px 0; background:#b1c903; border:none;}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #contenuti #modulo-contatti textarea{float:right; width:268px; background:#f1f1f1; border:1px solid #f1f1f1;}
 #contenuti #modulo-contatti input[type="checkbox"]{float:left; margin-left:89px;}
}
/* Firefox */
@-moz-document url-prefix() {
  #contenuti #modulo-contatti input[type="checkbox"]{float:left; margin-left:89px;}
}

#contenuti #modulo-contatti .okForm{margin-left:89px;}

/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
#breadcrumbs{display:block; height:30px; margin-top:20px; text-align:right; color:#fff;}
#breadcrumbs p {font-size:13px!Important;}
#breadcrumbs p a{text-decoration:underline; font-weight:400!important;}
#breadcrumbs p a:hover{text-decoration:none;}

/*---------------------------------
	LEFT COLUMN
-----------------------------------*/
#left-col{width:400px; float:left; padding:0 20px 30px 30px;}
#left-col h3{font-size:30px; text-align:right; line-height:33px;}
#left-col h3.orange{color:#760808;}
#left-col h3.blue{color:#172f48;}
#left-col h3.white-big{color:#fff; font-size:36px; text-transform:uppercase; font-weight:900; letter-spacing:1px; line-height:40px; margin-top:-5px;}
#left-col p{font-size:16px; text-align:right; line-height:19px; margin-bottom:20px;}
#left-col p.orange{color:#760808;}
#scelta-settori{display:block; width:390px; padding-left:30px; color:#fff;}
#scelta-settori h2{font-size:28px; text-transform:uppercase; font-weight:900; letter-spacing:1px; margin-bottom:20px;}
#scelta-settori p{font-size:16px; line-height:19px; margin-bottom:20px;}
#scelta-settori ul{list-style:outside disc; margin: 0 15px; font-size:10px;}
#scelta-settori ul.orange{color:#760808;}
#scelta-settori ul.blue{color:#172f48;}
#scelta-settori ul li{margin-bottom:3px; text-transform:uppercase; margin-bottom:10px;}
#scelta-settori ul li.current a{color:#2D2D2D!Important;}
#scelta-settori ul li span{font-size:24px!important; color:#fff!important;}
#scelta-settori ul li a{color:#fff; text-decoration:none; font-weight:400!Important;}
#scelta-settori ul li a:hover{color:#2D2D2D;}
#scelta-settori p.btn-blue {font-size:20px; font-weight:700; background:#506e84; margin-top:30px; text-align:right; padding:10px;}
#scelta-settori p.btn-blue a{width:400px; color:#fff; text-decoration:none;}
#scelta-settori p.btn-blue a:hover{color:#e9b7a9;}


/*---------------------------------
	RIGHT COLUMN
-----------------------------------*/
#right-col{width:430px; float:right; padding:0 0 30px 20px;}
#language{display:block; height:35px; margin-top:15px; text-align:right; padding-right:17px;}
#language img{margin-left:10px;}
#testi{display:block; width:400px; padding-right:30px; color:#fff;}
#testi h2, #testi h3{font-size:28px; text-transform:uppercase; font-weight:900; letter-spacing:1px; margin-bottom:20px;}
#testi p{font-size:16px; line-height:19px; margin-bottom:20px;}
#testi ul{list-style:outside disc; margin: 0 15px; font-size:10px;}
#testi ul.orange{color:#760808;}
#testi ul li{margin-bottom:3px; text-transform:uppercase;}
#testi ul li span{font-size:16px!important; color:#fff!important;}
#testi ul.elenco-inner {margin-bottom:20px;}
#testi ul.elenco-inner li{margin-bottom:10px; text-transform:none!Important;}
#testi p.btn-blue {font-size:20px; font-weight:700; background:#506e84; margin-top:30px; text-align:right; padding:10px;}
#testi p.btn-blue a{width:400px; color:#fff; text-decoration:none;}
#testi p.btn-blue a:hover{color:#e9b7a9;}

/*---------------------------------
	FULL COLUMN
-----------------------------------*/
#full-col{width:900px; display:block;}
#tabella{width:860px; margin:auto; display:block; background:#38536b; padding:64px 0 8px 0; text-align:center;}
#full-col h5{display:block; color:#fff; font-size:22px; letter-spacing:1px; text-align:right; width:408px; margin-left:21px; padding-right:20px; line-height:35px;}
#full-col h5.mattoni{background:#c4a601;}
#full-col h5.calcestruzzi{background:#c84154;}
#full-col h5.bassocemento{background:#213a53;}
#full-col h5.isolanti{background:#1a8e4b;}
#full-col h5.plastici{background:#7e3587;}
#full-col h5.cementi{background:#1b98b3;}
#full-col h5.pannelli{background:#c24c6f;}
#full-col h5.ancoraggi{background:#7b3d0f;}
#full-col h5.prodotti-edilizia{background:#97a2a0;}
#full-col h5.fibra-ceramica{background:#5e9919;}

/*---------------------------------
	ELENCO PRODOTTI
-----------------------------------*/
.box-prodotto{width:248px; float:left; margin:0 0 70px 48px;}
.box-prodotto .pic-anteprima-prodotto{width:248px; height:248px; overflow:hidden; display:block; margin-bottom:8px; box-shadow: 0 0 10px 2px #384e60; behavior: url(../pages/PIE.htc); position:realative;}
.box-prodotto .titolo-anteprima-prodotto{width:248px; height:40px; padding-top:8px; display:block; text-transform:uppercase; font-weight:400; text-align:center;}
.box-prodotto .titolo-anteprima-prodotto.mattoni{background:#c4a601;}
.box-prodotto .titolo-anteprima-prodotto.calcestruzzi{background:#c84154;}
.box-prodotto .titolo-anteprima-prodotto.bassocemento{background:#213a53;}
.box-prodotto .titolo-anteprima-prodotto.isolanti{background:#1a8e4b;}
.box-prodotto .titolo-anteprima-prodotto.plastici{background:#7e3587;}
.box-prodotto .titolo-anteprima-prodotto.cementi{background:#1b98b3;}
.box-prodotto .titolo-anteprima-prodotto.pannelli{background:#c24c6f;}
.box-prodotto .titolo-anteprima-prodotto.ancoraggi{background:#7b3d0f;}
.box-prodotto .titolo-anteprima-prodotto.prodotti-edilizia{background:#97a2a0;}
.box-prodotto .titolo-anteprima-prodotto.fibra-ceramica{background:#5e9919;}
.box-prodotto .titolo-anteprima-prodotto h4 a{text-decoration:none;}


/*---------------------------------
	FORM CONTATTI
-----------------------------------*/
#form-contatti{width:860px; display:block;  background:url(../images/comuni/loghi-quality-2019.png) no-repeat 0 110px; padding-top:75px;}
.formee label {
    padding-top: 2px !important;
}
#form-contatti h6{color:#fff; font-size:16px;}

.alert{margin-top:20px; background:#036; width:600px; padding:10px; font-family: 'Titillium Web', sans-serif;}
.alert h6{margin-bottom:10px; font-weight:700px;}
.alert ul.error_box{font-size:12px; font-weight:700px!important;}
.alert ul.error_box li{color:#333!important; margin-bottom:10px;}

/*---------------------------------
	FOOTER
-----------------------------------*/
#footer{width:100%; display:block; background:url(../images/comuni/bg-pattern.jpg); border-top:1px solid #162c4c;}
#footer-inner{margin:auto; width:900px; padding-bottom:60px;}
#footer-inner .address{color:#fff; text-align:center; font-size:12px; line-height:18px;}
#footer-inner .address a{color:#fff; text-decoration:none;}
#footer-inner .address a:hover{text-decoration:underline;}


/*---------------------------------
	Cookie Law 
-----------------------------------*/

.cc-cookies {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    background: #212429 none repeat scroll 0 0;
    border-bottom: 1px solid #444;
    overflow: hidden;
    -webkit-transition: height 400ms ease;
    transition: height 400ms ease;
}
.cc-cookies .wrapper {
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 10px;
    position: relative;
    text-align: left;
    /* change this if necessary */
    max-width: 980px;
}
.cc-cookies .title-sm {
    color: #fff;
    font-size: 18px !important;
    margin: 0;
}
.cc-cookies .cc-text {
    color: #bbb;
    line-height: 1.2;
    margin: 0;
    padding: 5px 0 0;
    width: 100%;
}
.cc-cookies .cookies-modal-info {
    color: #09c;
    text-decoration: none;
}
.cc-cookies .cookies-modal-info:hover {
    text-decoration: underline;
}
.cc-cookies .cc-cookie-accept {
    color: #fff;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
.cc-cookies .cc-cookie-accept:hover {
    opacity: 0.7;
}
.cc-cookies .cc-cookie-accept span {
    font-size: 30px;
}
.genericon-close::before {
    content: "\d7";
}