body	{position:relative; font-family: Arial, Helvetica, sans-serif; color:#fff; background: url('../images/sf_pagina.gif') repeat-x left top; font-size:9pt; text-align:left;}
html {height:100%;}

.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex:1 0 auto; flex-wrap:wrap;}
table, .table {margin:0;}

.bg_verde {background:#AAEE2D;}
.bg_bianco {background:#fff;}
.bg_grigio {background:#666;}
.bg_grigio_chiaro {background:#eee;}

.box_shadow_inset {box-shadow:0px 0px 20px 3px #666 inset;}

.fascia {padding:0; position:relative;}
.fascia .container {padding:0;}
.fascia .container .col {padding:40px 30px;}
.fascia .container .col.title {padding:40px 0 0 10px;}
	#appartamenti .fascia .container .col.title {padding-left:30px;}
.fascia .container h2 {margin-bottom:30px;}
	.fascia .container .col.title h2 {margin-bottom:0;}

.light_padding {padding:20px 10px!important;}

h2 {font-size:20pt; margin:20px 0;}

.ldg {position:absolute; top:0; right:0;}
.ldg a img {width:40px;}		

#top {height:505px; text-align:center;}

.navbar {margin:0; padding:0; border:0; box-shadow:none;}
#navbar {width:100%;}
/*
#navbar .container {position:relative; padding:0; z-index:2;}
#navbar .container-fluid .container {position:relative; z-index:0;}
#navbar .navbar-header {position:relative; margin-left:10%; z-index:1;}
*/
.navbar-header .navbar-brand {display:none;}

#box_menu {position:relative;}
#logo {padding:30px 0;}
#menu {display:none;}

#fascia_principale {height:389px; overflow:hidden; z-index:0; background:#AAEE2D;}
#fascia_principale > div {height:100%;}
#fascia_principale #foto_fascia_principale {background:url(../assets/images/sfondo01.jpg) top left no-repeat; background-size:cover; height:100%;}

	.navbar-nav > li > a {text-transform:uppercase; font-size:10pt; letter-spacing:2px; color:#000; padding:10px 15px!important; margin-left:5px;}
	.navbar-nav > .active > a,
	.navbar-nav > .active > a:focus,
	.navbar-nav > .active > a:hover,
	.navbar-nav > li > a:hover {background:#AAEE2D; color:#000;}

/* affix */
	#navbar.affix {box-shadow: 1px 1px 3px #8d8683; background:#fff;}
	.navbar.affix {left: 0; top: 0; padding: 0 !important; width: 100%; border-radius: 0; border: 0; z-index: 10!important;}
		#box_menu .navbar.affix {position:relative;}
	.navbar.affix #logo {float:left; padding:5px 0;}
	.navbar.affix #menu {float:right; padding:5px 0; display:inherit; margin:15px 0 0 0;}
	.navbar.affix #fascia_principale {display:none;}

/*FASCIA PRINCIPALE*/

	#fascia_principale {position:relative; /*height:389px;*/}
	#fascia_principale .row-eq-height > div {padding:0;}

	
	/*MENU box */

		#ul_menu {height:100%;}
		#ul_menu li {display:block; float:left; width:150px; height:100%; padding:0; margin:0; text-indent:-9999px;}
		#ul_menu li a {display:block; width:150px; height:100%; background-position:bottom;}
		#ul_menu li a#nav1 {background:url(../images/voce01.jpg) top left no-repeat;}
		#ul_menu li a#nav1:hover,
		#ul_menu li a#nav1s {background:url(../images/voce01-hover.jpg) top left no-repeat;}
		#ul_menu li a#nav2 {background:url(../images/voce02.jpg) top left no-repeat;}
		#ul_menu li a#nav2:hover,
		#ul_menu li a#nav2s {background:url(../images/voce02-hover.jpg) top left no-repeat;}
		#ul_menu li a#nav3 {background:url(../images/voce03.jpg) top left no-repeat;}
		#ul_menu li a#nav3:hover,
		#ul_menu li a#nav3s {background:url(../images/voce03-hover.jpg) top left no-repeat;}
		
	/* Fine MENU*/
	
	
	
	#fascia_principale #sfondo {width:100%; height:100%;}

/*Fine FASCIA PRINCIPALE*/

/*MIDDLE*/
	
	#middle {color:#1d1919; font-size:11pt; position:relative;}
	#middle p {font-size:10pt; margin:0 0 10px 0;}
	#middle p:last-child {margin:0;}
	#middle h4 {margin:0 0 5px 0; font-size:13pt;}
	#middle ul {margin:10px 0;}
	
	p.evidenza {font-weight:bold; font-size:110%;}
	
	/* photogallery */
		.img {height:180px; padding:10px; position:relative;}
		.img a {width:100%; height:100%; display:block; box-shadow: 1px 1px 3px #8d8683;}
		.img a div {height:100%; width:100%;}
	/* prezzi */
		#prezzi #middle div:first-child .container div:nth-child(3) {padding-top:0;}
		#prezzi table {margin:30px 0 20px 0;}
	
/*Fine MIDDLE*/

/*BOTTOM*/

	#bottom {position:relative; padding:0 0 15px 0; color:#000; font-size:9pt;}
	#bottom .bg_grigio {padding:15px 0; margin-bottom:20px;}
	#bottom .bg_grigio a {color:#fff;}
/*Fine BOTTOM*/

/*CARATTERISTICHE GENERICHE*/

	.png {behavior: url(iepngplay.html);}
	
	body,h1,h2,h3,h4,h5,h6,ul,li,img,form,input,#formcontatti,#formconferma,#concept,#concept p,p {margin:0;padding:0;}
	a {text-decoration:none; color:#000;}
	a:hover {color:#000;}
	img {border:0; }
	.clear {clear:both;}
	.left {float:left;}
	.right {float:right;}
	ul li {list-style-type:none;}
	.testo_piccolo {font-size:8pt;}
	
/*Fine CARATTERISTICHE GENERICHE*/


/* contatti */
	.modal {display:none;}
	#contatti form {margin:30px 0;}
	.form-control {border-radius:0px; background:#fff; color:#000; padding:15px; height:50px;  border:0; margin:15px 0; border:1px #E3E3E3 solid}
	.form-control::-webkit-input-placeholder {color:#000 !important;}
	.form-control:-moz-placeholder { /* Firefox 18- */color:#000 !important;}
	.form-control::-moz-placeholder {  /* Firefox 19+ */color:#000 !important;}
	.form-control:-ms-input-placeholder {color:#000 !important;}
	textarea.form-control {padding:25px 15px; height: -moz-calc(100% - 30px); height: -webkit-calc(100% - 30px); height: calc(100% - 30px);}
	#contatti .btn {margin:30px 0;}
	#dialog-privacy .modal-dialog  {width:80%; height:600px;}
	#dialog-privacy iframe {width:100%; height:500px;}
	#contatti iframe {border:0;}
	
/*Fine FORM*/

/*CONCEPT BY*/

	#concept {position:absolute; top:5px; right:0; text-align:right; font-size:7pt; color:#434343;}
	#concept a {font-size:7pt; font-family:Verdana; color:#b4b4b4; font-weight:bold; font-stretch:expanded;}
	#concept a:hover {color:#E97D00;}
	#concept #data_progetto {display:none;}

/*Fine CONCEPT BY*/

@media (max-width:1199px) {
	body {border:1px solid violet;}
}
@media (max-width:991px) {
	body {border:5px solid blue;}
	#top {height:600px;}
	#fascia_principale {height:472px; box-shadow:none}
	#fascia_principale #foto_fascia_principale {height:389px;}
	#ul_menu {margin:0 auto -10px auto; display:inline-flex;}
	#ul_menu li {height:95px;}
	#ul_menu li a {background-position-y:bottom !important;}
}

@media (max-width: 767px) {	
	body {border:5px solid red !important; text-align:center;}
    #navbar {padding:0; background:none !important;}
    #navbar .container {position:relative; width:100%; margin-top:35px; z-index:1;}
    #navbar .navbar-header {position:relative; padding:0; z-index:1;}
	
	.navbar-brand {padding:0;}

    .navbar-toggle {margin:0; top:20px; right:20px; background:#AAEE2D; z-index:1001;}
    .navbar-toggle .icon-bar {background-color:#fff;}
    .navbar-header .navbar-brand {display:block; float:left;}
    .navbar-header .navbar-brand h1 {background:#fff;padding:10px;}
    .navbar-header .navbar-brand h1 span {font-weight:300;}
    .navbar-header .navbar-brand h4 {text-align:left; color:#fff; font-weight:300;}
    .navbar-left {display:none;}


	#logo {display:none;}
	#menu {display:block;}
	
    #box_menu {position:absolute; top:4px; left:0; background:rgba(255,255,255, 1); box-shadow: 1px 1px 3px #8d8683; background:#AAEE2D; width:100%; margin:0;}
    #box_menu h1 {display:none;}
    .navbar-nav {}
    .navbar-nav > li {display:block; margin:3px 0!important;}
    .navbar-nav > li > a {font-size:12pt; display:inline-block; color:#fff;}
	.navbar-nav > li > a {color:#000; background:none;}
	.navbar-nav > li.active > a, .navbar-nav > li > a:hover {color:#fff;}

        .navbar.affix {background:#eee; position:relative;}
	#top {height:350px;}
	#fascia_principale {position: absolute; top: 0; left: 0; width:100%; height: 350px;}

	.fascia .container .col.title {padding-left:0;}
	
	#appartamenti #middle div:first-child .container div:nth-child(3) {padding-top:0;}
	#appartamenti #middle div:nth-child(2) .container div:nth-child(2) {background:#7DAE21; color:#fff;}
	
	#prezzi table {margin:20px 0 0 0;}
	
	#newconcept {text-align:center !important;}
}
/* mobile */
@media (max-width:439px) {
	body {border:5px green solid;}
	.img {width:100%;}
}
body {border:0!important;}