@charset "UTF-8";
/* CSS Document */
.senza .maschera {
	position: relative !important;
	height: auto !important;
	min-height: 150px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: none !important;
background-clip: none !important;
border: 0px solid #ccc !important;
border: 0px solid rgba(0, 0, 0, .15) !important;
border-radius: 4px;
/* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
/* box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
}
.dropdown-menu  li  a { font-style: italic;}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none !important;
border: none !important;
border-radius: 4px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
body {
font-family: 'Open Sans', sans-serif !important;
min-width:385px;
color: #332211332211 !important;font-size: 16px !important;

} 
.dottore {
background-color: #f4e2d3;
	border-bottom: solid 6px #332211;
}
h2 {margin-bottom:25px !important;}
.esempio {margin-bottom: 30px;

}
a.galleria p:hover {background:#d1a478 !important;
}
img.logo {
position:absolute !important;
z-index:9999999;
width:200px;
margin-left:0;
}
.fancybox-opened .fancybox-title {
visibility: hidden !important   ;
display: none !important;
}p.form {
float:left;
margin-top:15px;
display:block;
clear:both;
}
p.nome {
margin-top:20px !important;
}
img {
border:none;
text-decoration:none;
}
h1 {
margin-bottom:25px !important;
}
header {
background: #ffffff;
width:100%;
height:auto;
}
header .row {
min-height:40px;
background:#000;
}
header .container .col-md-3 {
padding-left:0;
padding-right:0;
}
header .col-sm-3{
min-height:108px;
}
.proviamo {
display:none;
visibility:hidden;
}
#myCarousel {
border-top:#332211 solid 6px;
border-bottom:#332211 solid 6px;
}
.col-md-9 {
padding-right:0px !important;
}
.col-md-10 a.link-header {
color:#332211;
text-decoration:none;
}
.col-md-10 a.link-header strong{
}
.col-md-9 a.link-header:hover {
color:#000050;
}
#secondomenu {
float:left;
padding-top:24px;
padding-left:50px;
}
.row-fluid {	margin-right:-30px !important;

width:293px !important;
height:108px !important;
position: relative !important;
z-index:11111 !important;
background-color: none !important;
padding:0 !important;
float:right;
margin-top:-30px !important;
margin:0 !important;
}
header .navbar-inverse, header .navbar {
background-color: none !important;
border-color: none !important;
}
.navbar-inner {
width:300px !important;
height:108px !important;
padding:0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.navbar-inverse, .navbar {
position: relative !important;
width:300px !important;
height:108px !important;
background-color: none !important;
padding:0 !important; 
border: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin:0 !important;
}
a.btn-navbar, a.btn {
float:right !important;
margin-left:15px !important;
margin:0 !important;
padding:0 !important;
border:none !important;
}

a.btn-navbar img, a.btn img {
margin:0 !important;
padding: 0 !important;
}
.nav-collapse {
margin-top:108px !important;
background:#fff;
}
.nav-collapse, .collapse, .in {
width: 290px !important;
float: right;
margin-top:6px !important;
position:relative !important;
z-index:99999 !important;
border-left: solid 1px #332211;
border-right: solid 1px #332211;
border-bottom: solid 1px #332211;
}
.nav-collapse a{
color:#332211 !important;
}
.nav-collapse a:hover {
color:#332211;
opacity:0.7;
background:none !important;
}
.nav-collapse a:focus{
color:#332211;
background:none !important;
}
li.active-menu {
background:#332211;
color:#000;
}
.dropdown-menu{    border: none !important;
border-radius:  none !important;}
li.active-menu a{
color:#fff !important;
}
li.active-menu a:hover{
color:#FFF;
opacity:1;
}
.active-menu:hover {
background:#332211 !important;
color:#fff !important;
opacity:1;
}
ul.dropdown-menu {
position: relative;
 width:100%;
 background:none;
font-size: 16px !important;
 margin-bottom:25px;
}
ul.dropdown-menu li a{
color:#332211 !important;
}
ul.dropdown-menu li a:hover { color:#332211 !important; opacity: 0.7;
}
ul.dropdown-menu li.active-menu a{
color:#332211 !important;
}
ul.dropdown-menu li.active-menu a:hover{
color:#000050 !important;
}
ul.dropdown-menu li a:hover{
color:#332211;
}
a.dropdown-toggle, a.dropdown-toggle:hover {
background:none !important;
background-color:none !important;
color:#fff;
}
li.active-menu a.dropdown-toggle:focus {
color:#000050;
}
/*termine del css dedicato alla parte dell'Header ed inizio della zona del Content*/
#contenitore2 {
width:100% !important;
background:#ffffff;
display:block;
}
#contenitore2 .container h2, #contenitore2 .container p {
color:#332211;
}
#contenitore2 .container .col-md-6{
margin-bottom:60px;
}
#contenitore2 .container3{
margin-bottom:60px;
background:#000050;
height:2px;
width:100%;
margin:0 15px;
}
#contenitore2 .container p {
font-size:16px;
text-align:justify;

}
#contenitore2 .container h2 {
font-size:30px;
text-align:justify;
margin-top:60px;
margin-bottom:30px;
padding-bottom:15px;
border-bottom: solid 2px #d1a478;
}
#contenitore2 .container h2 strong{
color:#000050;
}
.proviamounpo {
	width:100%;
margin-top:6px;
}
p.inizio span {
color:#FFFFFF;
text-align: right !important;
}
.highlight-info {
background: rgba(0,0,0,0) url("../img/falegnameria-carpenteria/sfondo-landhaus.jpg") repeat fixed center center / cover;
color: #000;
height: auto;
border-bottom: solid #332211 6px;
padding-top: 25px;
}
.highlight-info p, .highlight-info h1{
font-size:48.174px;
margin-top:-20px;
margin-left: 15px;
margin-right: 15px;
font-style:italic;
}
highlight-info p.inizio, .highlight-info h1.inizio{
margin-top:25px;
color:#fff;
}
.highlight-info h1.inizio, .highlight-info p{
margin-top:0px;
color:#332211;
}
.highlight-info h3, .highlight-info p.firma {
font-size:18px;
margin-top:-5px;
font-weight:bold;
margin-bottom:20px;
text-align:center !important;
text-shadow:1px 1px 1px #513a40;
}
#contenitore {
width: 100% !important;
background: #fff;
height: auto;
display: block;
}
#contenitore .container p.inizio, #contenitore .container h1.inizio {
margin-top: 25px;
}
body.contact p.inizio {color:#332211 !important;}
#contenitore .container p, #contenitore .container h1 {
font-size: 48.174px;
margin-top: -20px;
margin-left: 15px;
margin-right: 15px;
font-style: italic;
}
#contenitore .container p.firma, #contenitore .container h1.firma, #contenitore .container h1 span, #contenitore .container h3,  .highlight-info h1.firma, .highlight-info h1 span{
font-size:18px;
margin-top:-5px;
margin-bottom:20px;
text-align:center !important;
}
.col-md-4{
height:auto;
margin-top:30px;
}
.col-md-4 .elemento{
width:100%;
height:auto;
background:#fff;
position:relative;
border:solid #332211 6px;	
}
#nibirumail_cookie_advice { background:#332211 !important; padding: 1px 0 !important; font-size: 10px !important;}
.col-md-4 .elemento img, .col-md-4 .elemento-tenth img {
width:100%;
}
.elemento {
float: left;
overflow: hidden;
position: relative;
cursor: default;
width: 100%;
background: #fff;
border:solid #332211 6px;	
}
.elemento .maschera,.elemento .content {
width: 100%;
height:350px;
position: absolute;
top: 0;
left: 0;
}
.elemento img {
display: block;
position: relative;
width: 100%;
}
.giu {
margin-top:30px;
}
.elemento h3 {
text-transform: uppercase;
color: #fff;
text-align: left;
position: relative;
font-size: 19px;
margin: 0;
width:100%;
display:block;
padding-bottom:5px;
}
.elemento p {
font-size: 16px;
position: relative;
color: #fff;
padding: 10px 20px 20px;
text-align: left;
}
.elemento a.Leggi {
display: inline-block;
text-decoration: none;
padding: 7px 20px;
background: #332211;
color: #fff;
margin-left:20PX;
text-transform: uppercase;
}
.elemento a.Leggi:hover {
background:#d1a478 !important;
color:#fff;
}
.col-md-1 {
padding:2px !important;
margin-top:10px;
margin-bottom:10px;
}
.col-md-1 img{
width:100%;
border: solid 3px #d1a478;
}
.col-md-1 img:hover{
border: solid 3px #332211;
}
.col-md-12 img.md-12 {
width:100%;
padding:0;
}
.clear {
border-bottom:solid 6px #332211;
}
.col-md-6 {
margin-top:30px;
}
.fa {
margin-right:15px !important;
float:left;
}
.fa-google-plus-square {
 color: #F63 !important; font-size:90px; margin-right:15px !important;
}
.fa-facebook-square {
 color: #00C; font-size:90px; margin-right:15px;
}
.fa-youtube-square {
 color: #F00; font-size:90px; margin-right:15px;
}
.fa:hover {
opacity:0.7;
}
h4 {
font-size:15.5px !important;
margin-top:-10px !important;
border-bottom:3px solid #332211;
padding-bottom:3px;
margin-bottom:15px !important;
}
.col-md-6 h3 {
color:#332211 !important;
}
label {
float:left;
width:20%;
}
form {
margin-top:20px;
}
.checkbox {
margin-left:20%;
}
.btn, .btn-default {
background:#000050 !important;
border:none !important;
margin-left:20%;
}
.form-control {
width:80% !important;
}
input, textarea {
width:76%;
	color: #fff !important;
border:none !important;
background:#000050 !important;
}
#submit {
background:#000050 !important;
margin-top:15px;
	color: #fff !important;
}
.elemento-tenth img {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.elemento-tenth .maschera {
background-color: rgba(255, 255, 255, 0,5);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.senza h3 {
border-bottom: 2px solid #332211 !important;
background: transparent !important;
margin: 20px 20px 0px 20px !important;
color: #333 !important;
}
.elemento-tenth h3  {
border-bottom: 2px solid #332211;
background: transparent;
margin: 20px 20px 0px 20px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
color: #333;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.senza p {
color: #333;
}
.elemento-tenth p {
color: #333;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.elemento-tenth a.Leggi {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.elemento-tenth:hover img {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
filter: alpha(opacity=0);
opacity: 0;
}
.elemento-tenth:hover .maschera {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.elemento-tenth:hover h3,.elemento-tenth:hover p,.elemento-tenth:hover a.Leggi {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;}
@media (max-width: 1200px) {
.elemento h3 {
margin-bottom:0px;
}
.elemento p {
padding-bottom:10px;
}
#secondomenu {
float: left;
padding-left: 85px;
}
}
@media (max-width: 991px) {
.margin {margin-top: -10px !important;}
.highlight-info h3 {
display:none;
visibility:hidden;
}
.highlight-info {
background: rgba(0,0,0,0) url("../img/falegnameria-carpenteria/sfondo-landhaus-2.jpg") repeat fixed center center / cover;
}
#contenitore2 .container .mobile {
margin-bottom: 0px;
}
.proviamo {
display: block;
visibility: visible;
}
.col-xs-2 {
display: block !important;
visibility: visible !important;
}
.col-xs-4 p {
visibility:hidden;
display:none;
}
#secondomenu {
display:none;
visibility:hidden;
}.elemento-tenth h3 {
border-bottom:none;
}
#contenitore .container p{
font-size:35.541px;
}
.elemento-tenth h3, .elemento-tenth a {
margin-left:15px !important;
margin-right:15px !important;
}
}
@media (max-width: 700px) {
#myCarousel{
display:none;
visibility:hidden;
}
img.logo {
width:158px;
}
.nav-collapse, .collapse, .in { margin-top: 0 !important;}
#secondomenu {display:none;visibility:hidden;}
#contenitore2 .container h2 {font-size: 20px;}}
@media (max-width: 660px) {p.via { display: block !important;visibility: visible !important;}}
@media (max-width: 620px) {.invisibile {display: none; visibility: hidden;} h1.inizio {font-size:40px;}
body.due .elemento h3 {display: block;visibility: visible;font-size: 18px;}
.elemento h3 {display: none;visibility: hidden;}
body.due .elemento-tenth a.Leggi {text-align: left;width: auto;margin-left: 15px !important;}
.elemento-tenth a.Leggi {width:100%;margin-left: 0 !important;text-align: center;}
#contenitore .container h1 {font-size: 30px;}}
@media (max-width: 527px) {.invisibile {display: block; visibility: visible;}.elemento h3 {font-size: 22px;display: block;visibility: visible;}
.elemento-tenth a.Leggi {text-align: left;margin-left: 15px !important;width: auto !important;}
h1.inizio {font-size:30px;}
.col-xs-4 {width:100% !important;float:left !important;}
.elemento-tenth img {transform: scaleY(1);transition: all 0.7s ease-in-out 0s;}
.elemento-tenth img:hover {opacity:0;transform: scale(1);}
.elemento-tenth:hover img {-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.elemento-tenth:hover .maschera {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.col-xs-4 .elemento .maschera{display: block !important;visibility: visible !important;}
.col-xs-4 .elemento .maschera p{display: block !important;visibility: visible !important;}
#contenitore2 .container h2 {font-size: 19px;}}
@media (max-width: 770px) {.elemento h3 {font-size: 15px;}.dai h3 {font-size: 18px;}p.via {display: none;visibility: hidden;}}
@media (max-width: 660px) {.dai {width: 100% !important;}}
@media (max-width: 450px) {p.via { display: none !important;visibility: hidden !important;}}