@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import 'https://fonts.googleapis.com/css?family=Playball:400';

/*-------------------------
Reset
-------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/*-------------------------
CSS Specifico
-------------------------*/

html,body {
width:100%;
height:100%;
font-size: 100%;
font: 400 15px/normal "Open sans", Helvetica, sans-serif;
color: #555555;
}

/* Nel titolo pagina prodotti */
h1 {
	color: #bc2833;
	font-style: normal;
	font: 400 25px/1.2em "open sans", Helvetica, sans-serif;
	margin-bottom:15px;
}
/* Titolo dettaglio */
h2{
	color: #2d3138;
	font-style: normal;
	font: 400 23px/1.6em "open sans", Helvetica, sans-serif;
	
}
/* Nel titolo FINESTRE - PORTE - CANCELLI / Alluminio, Legno, Pvc, Acciaio inox, Ferro */
h3 {
	color: #2d3138;
	font-style: normal;
	font: 400 22px/1.8em "open sans", Helvetica, sans-serif;
	
}

/* Titolo contenuti */
h4{
	color: #00749B;
	font-style: normal;
	font: 400 20px/1.6em "open sans", Helvetica, sans-serif;
	
}

/* Prenota adesso*/
h5 {
	color: #2d3138;
	font-style: normal;
	font: 400 20px/1.6em "open sans", Helvetica, sans-serif;
}

/* Nel footer */
h6{
	color: #fff;
	font-style: normal;
	font: 600 24px/1.6em "open sans", Helvetica, sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

ul {
	list-style: square;
	margin-left:35px;
	margin-bottom:20px;
}

.ultracheck {
  	list-style-image: url('../images/check.png');
}

b {
 	font-weight:bold;
}

em {
    font-style: normal;
    background:rgba(0,0,0,0.4);
    padding:5px 10px;
 }

.header-top-bar i {
	border-left:1px solid rgba(0, 0, 0, 0.15);
	padding-left:15px;
	margin-left:10px;
}

.header-top-bar a {
	text-decoration: none;
	color:rgba(0, 0, 0, 0.4);
}

.header-top-bar a:hover {
	text-decoration: none;
	color:rgba(0, 0, 0, 1);
}

a {
	text-decoration: none;
	color:#555555;
}

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

#icon a {
	text-decoration: none;
		color:rgba(255,255,255,1);
}

#icon a:hover {
	text-decoration: none;
		color:rgba(255,255,255,1);
}

#footer a {
	text-decoration: none;
	color:rgba(255, 255, 255, 0.8);
}

#footer a:hover {
	text-decoration: none;
		color:rgba(255,255,255,1);
}

#footer2 a {
	text-decoration: none;
	color:rgba(255,255,255,0.4);
}

#footer2 a:hover {
	text-decoration: none;
	color:rgba(255,255,255,1);
}

div.hr {
  height: 1px;
  background: #d76161;
  clear:both;
  margin:5px 0px;
}

div.hr hr {
  display: none;
}

div.hr2 {
  height: 1px;
  background: #e7e7e7;
  clear:both;
  margin:10px 0px;
}

/* ==========================================*/
/*	Preloader
/* ==========================================*/

#preloader  {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color:#fff;
 }

#status  {
     width: 64px;
     height: 64px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image:url('../images/loading.gif');
     background-repeat: no-repeat;
     background-position: center;
     margin: -32px 0 0 -32px;
 }

/* ==========================================*/
/*	Fine Preloader
/* ==========================================*/

/* ==========================================*/
/*	Header
/* ==========================================*/

.header-top-bar-container {
	background-color: #F5F5F5;
	border-bottom:1px solid #fefefe;
}

.header-top-bar {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:10px 20px;
	position:relative;
	color:rgba(0, 0, 0, 0.4);
	font-size:12px;
	text-align:right;
	line-height: normal;
}

/* ==========================================*/
/*	Fine Header
/* ==========================================*/


#cont_top {
	width:100%;
	position:relative;
	z-index:91;
  background:#fff;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
}

.blocca {
height:auto  !important;
transition-duration: 0.8s;
transition-timing-function: ease-in-out;
}

.blocca .logo {
	width:100px;
	height:100px;
	border:1px solid #d2e1d6;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}

#top {
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	padding:20px 20px 20px;
}

.logo {
	float:left;
	position:absolute;
	top:-40px;
	z-index:100;
	background:#fff;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.logo img {
	width:200px;
	height:auto;
	padding:15px;
}

#foto {
position:relative;
width:100%;
height:60vh;
max-height:470px;
overflow:hidden;
}

.dett-immobile {
	padding:8px 8px;
	font-size:13px;
	color:#fff;
	background:#bc2833;
	text-decoration: none;
	transition-duration: 1s;
	display:inline-block;
	position:relative;
	margin:20px;
}

.dett-immobile:hover {
		color:#fff;
    transition-duration: 1s;
		background:#89030d;
}

.invia {
	vertical-align:middle;
	padding:5px;
	color:#fff;
	background:#004B72;
	text-decoration: none;
	border-radius: 4px;
	border:0px;
	cursor: pointer;
	transition-duration: 1s;
}

.invia:hover {
	padding:5px;
	color:#fff;
	background:red;
	text-decoration: none;
	border-radius: 4px;
	border:0px;
	cursor: pointer;
	transition-duration: 1s;
}

#contenuti {
	z-index: 15;
	margin: 0 auto;
	width:100%;
	max-width:1200px;
	padding:40px 20px 80px;
}

#contenuti-home {
	z-index: 15;
	margin: 0 auto;
	width:100%;
	max-width: 1200px;
	padding:40px 20px 80px;
}

#sx {
 float:left;
  margin-left:-270px;
  left:270px;
  width:100%;
  position:relative;
  z-index:5;
}
 
#sx #content {
  margin-right:300px;
}
 
#dx {
  float:right;
  width:270px;
  position:relative;
  z-index:10;
}

#menu_dx {
	padding:10px;
	background:#bc2833;
	border-radius: 10px;
	width:100%;
	margin-bottom:30px;	
	color:#fff;
}

#menu_dx a {
	text-decoration: none;
	color:#fff;
}

#menu_dx a:hover {
	text-decoration: none;
	color:#fff;
}

.colonne {
	column-count: 2;
	column-gap: 30px;
	
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	}

.colonne-link {
	column-count: 3;
	column-gap: 30px;
	
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	}

.grigio {
	width:100%;
	background: #fbfbfb;
	border-bottom:1px solid #00749B;
}

.ombra {
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
    -moz-box-shadow:    inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
    -webkit-box-shadow: inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
     box-shadow:        inset 0 10px 30px -25px #000,
	                      inset 0 -8px 20px -20px #696969;
	background:#f5f5f5;			 
}

.bianco {
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
    -moz-box-shadow:    inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
    -webkit-box-shadow: inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
     box-shadow:        inset 0 10px 30px -25px #000,
	                      inset 0 -8px 20px -20px #696969;
	background:#fff;			 
}

.agenti {
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#FFFCF4;		 
}

.overlay {
	background: url("../images/slide_bg2.png") center no-repeat transparent;
	background-position-y: -200px;
  width:100%;
	height:100%;
	position:absolute;
	z-index: 9;
}

.overlay h4 {
  color:#fff;
	font: 700 35px/normal "Open Sans", Helvetica, sans-serif;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

.bg_image {
	width:100%;
	background: url('../images/bg_image.jpg') center no-repeat;
	background-size: cover;
	min-height:170px;
}

.loghi {
	width:100%;
	text-align:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
    -moz-box-shadow:    inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
    -webkit-box-shadow: inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #696969;
     box-shadow:        inset 0 10px 30px -25px #000,
	                      inset 0 -8px 20px -20px #696969;
}

.loghi img {
	height:auto;
	margin:20px 30px;
	vertical-align:middle;
}


/*-------------------------
immagine grande DETTAGLIO
-------------------------*/

.img-dett {
 width:100%;
 height:auto;
 margin-bottom:20px;
}

/*-------------------------
FINE immagine grande DETTAGLIO
-------------------------*/

#image_azienda {
float:right;
width:200px;
margin: 0px 0px 10px 30px;
}

#image_azienda img {
	width: 100%;
	height: auto;
}

/*-------------------------
MINIATURE DETTAGLIO
-------------------------*/

.cont-box-image {
 width:50%;
 float:left;
 padding:5px;
}

.cornice {
 padding:5px;
 border:1px solid #000;
}

.box-image {
width:100%;
height:0;
padding-bottom:75%;
overflow:hidden;
}

.cornice {
 padding:5px;
 border:1px solid #D7D7D7;
 border-radius:3px;
}

.box-image img {
width: 130%;
height: auto;
}

/*-------------------------
FINE MINIATURE DETTAGLIO
-------------------------*/

/*-------------------------
MINIATURE CONTATTI
-------------------------*/

.cont-contatti {
 width:33.3%;
 float:left;
 padding:30px 70px;
 text-align:center;
}

.cont-contatti a {
	text-decoration: none;
	color:#C0B7A1;
}

.cont-contatti-image {
width:100%;
height:0;
padding-bottom:100%;
border-radius:50%;
overflow:hidden;
border:2px solid #fff;
box-shadow: 0px 0px 10px #ECDFBE;
-webkit-box-shadow: 0px 0px 10px #888888;
-moz-box-shadow: 0px 0px 10px #888888;
}

.cont-contatti-image img {
width: 110%;
height: auto;
}

/*-------------------------
FINE MINIATURE CONTATTI
-------------------------*/

/*-------------------------
BOX ricerca
-------------------------*/

#cont-ricerca {
  position:absolute;
  z-index:15;
	width:100%;
	max-width:1200px;
	left:0;
	right:0;
	margin:0 auto;
	height:auto;
	padding:60px 20px 0px;
}

#ricerca {
	position:relative;
  float:right;
	width:500px;
	padding:20px;
	border-radius:3px;
	background:#ededed;
	color:#000;
}

.table-ricerca {
display:table;
width:100%;
}

.tr-ricerca {
display:table-row;
width:100%;
}

.cella-ricerca {
display:table-cell;
width:auto;
}

.filtra {
	color:#fff;
	width:100%;
	margin-top:10px;
	padding:10px;
	font-size:20px;
	font-weight:700;
	background:#BC2833;
	text-decoration: none;
	border-radius: 3px;
	border:0px;
	cursor: pointer;
}

.contatta {
	color:#fff;
	text-align:center;
	width:100%;
	padding:20px;
	font-size:20px;
	font-weight:700;
	background:#bc2833;
	text-decoration: none;
	border-radius: 5px;
	margin-bottom:15px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  border:1px solid rgba(0,0,0,.1);
	-webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.contatta:hover {
background-color: #89030d;
}

input.demo  {
border: 1px solid #fff !important; /*Removes border*/
background:#fff;
width: 100%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
color:#4b4b4b;
border-radius: 3px;
padding: 5px;
margin-bottom: 8px;
}

select.demo  {
border: 1px solid #fff !important; /*Removes border*/
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background: url("../images/select-arrow.png") no-repeat scroll 95% center #fff;
width: 100%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
color:#4b4b4b;
border-radius: 3px;
padding: 5px;
margin-bottom: 8px;
}

select.demo2  {
border: 1px solid #e6e6e6 !important; /*Removes border*/
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
background: url("../images/select-arrow.png") no-repeat scroll 95% center #fff;
width: 95px; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
color:#4b4b4b;
border-radius: 10px;
padding: 5px;
margin-bottom: 8px;
}

input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(../images/check_radio_sheet.png) -19px top no-repeat;
}

/*-------------------------
FINE BOX ricerca
-------------------------*/

/*-------------------------
PRODOTTI HOME
-------------------------*/

.prod-home {
 width:33.33%;
 padding:0px 5px 5px 5px;
 float:left;
 margin:0px 0px 10px;
}

.prod-image {
	width:100%;
	height:0;
	padding-bottom:65%;
	overflow:hidden;
	background:#fff;
	position:relative;
	padding-left:50%;
}

.prod-image img {
 width:250%;
 height:auto;
 margin-left:-125%;
}

.s-h2 {
 padding:10px 15px;
 width:100%;
 background:#fff;
 position:relative;
 overflow:hidden;
 height:90px;
}

.s-h2 h1 {
	color: #000;
	font-style: normal;
	font: 400 18px/normal "open sans", Helvetica, sans-serif;
}

.s-h2 h2 {
	color: #000;
	font-style: normal;
	font: 700 15px/normal "open sans", Helvetica, sans-serif;
}

/*-------------------------
FINE PRODOTTI HOME
-------------------------*/

/*-------------------------
PROPOSTE
-------------------------*/
#contenitore-proposte {
width:50%;
float:left;
padding:10px;
}

#proposte {
border-radius:3px;
max-height:260px;
overflow:hidden;
background:#fff;
border:1px solid rgb(217, 217, 217);
}

#contenitore-immagine {
width:25%;
height:100%;
float:left;
overflow:hidden;
}

#contenitore-testi {
width:75%;
height:190px;
overflow:hidden;
float:left;
padding:20px;
position:relative;
}

#contenitore-testi .colonne-dati {
	column-count: 2;
	column-gap: 30px;
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	padding-bottom:25px;
}

#contenitore-testi h1 {
font-size:14px;
color:#000;
margin-bottom:0px;
}

#contenitore-testi h2 {
font-size:14px;
color:#000;
}

#contenitore-testi h3 {
font-size:14px;
color:#000;
}

#contenitore-testi h5 {
font-size:14px;
color:#000;
}

#contenitore-testi p {
	font-size:14px;
}

/*-------------------------
FINE PROPOSTE
-------------------------*/

/*-------------------------
FOTO proposte
-------------------------*/


.box-image-proposte {
width:100%;
}

.box-image-proposte img {
width: 250%;
height: auto;
}

/*-------------------------
FINE foto proposte
-------------------------*/

#cont_footer {
	clear:left;
	width:100%;
	background: #00749b;
}

#footer {
	margin: 0 auto;
	width:100%;
	max-width:1200px;
	min-width:768px;
	padding:100px 20px;
	color:rgba(255,255,255,0.8);
}

.uno {
	float:left;
	width: 40%;
	padding:0px 50px 0px 0px;
}
.due {
	float:left;
	width: 20%;
}

.due img {
	float:left;
	width: 50px;
	margin:5px;
}

.tre {
	float:left;
	width: 40%;
	padding:0px 50px 0px 0px;
}

#cont_footer2 {
	width:100%;
	background:#00516C;
}

#footer2 {
	margin: 0 auto;
	width:100%;
	max-width:1200px;
	min-width:768px;
	padding:35px 20px;
	color:rgba(255,255,255,0.4);
  font: 400 13px/1.8em "Open sans", Helvetica, sans-serif;
}


#pageup {
  position: fixed;
  right: 40px;
  bottom: 60px;
  width: 50px;
  height: 50px;
  background-image: url('../images/scroll-top.png');
  background-repeat: no-repeat;
  background-size: 50px 50px;
  display: none;
  cursor: pointer;
	z-index:90;
}


.nascosto { display: none; }