html{
background-color:#FBEEDC;
color:#002349;
margin:0;
padding:0;
border-top:8px solid #FDD34C;
height:100%;
}
body{
font-family: 'Comic Sans MS', cursive;
font-size:1.1em;-webkit-backface-visibility:hidden;
height:100%;
margin:0;
padding:0;
}
.body_width{
width:1250px;
margin: 0 auto;
padding-bottom:1em;
color:#002349;
}


a:link {
	color: #FDD34C;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #FDD34C;
}
a:hover {
	text-decoration: none;
	color: #FDD34C;
}
a:active {
	text-decoration: none;
	color: #FDD34C;
}
form {
	margin: 10px 0px 10px 0px;
}
fieldset {
	border: 1px solid #002349;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}

#contatti_home input, textarea {
border:none;
	background-color: #FDD34C !important;
    color:#002349 !importan;
border-bottom:1px solid #002349;
padding:0.5em;
font-size:1.2em;
width:calc(99% - 1em);
}

input, textarea, select {
	background-color: #EEEEEE;
	border: 1px solid #002349;
color:#002349;
	padding: 3px;
	margin:1px;
}
#submit {
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #002349;
	margin: 0px 0px 0px 5px;
	padding: 3px 5px 3px 5px;
	color: #FDD34C;
}
#button {
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #002349;
	margin: 0px 0px 0px 5px;
	padding: 3px 5px 3px 5px;
	color: #FDD34C;
}


h1 {
float:right;
font-size:1.8em;
font-weight:normal;
font-style:italic;
color:#002349;
padding:0;
margin:0;
}
h2 {
font-size:2.8em;
text-align:center;
margin:10px 0px 0px 0px;
padding:5px;
width:calc(100%-10px;);
border-bottom:1px solid #002349;
color:#FDD34C;
font-weight:normal;
}
h3 {
font-size:1.8em;
text-align:center;
margin:0.5em 0em;
padding:3px;
width:calc(100%-6px);
font-weight:normal;
color:#002349;
clear:both;
}
h4 {
	font-size: 14px;
	font-weight: normal;
	color: #FDD34C;
	padding: 0px;
	margin: 0px;
}
h5 {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 3px;
	margin: 5px 5px 5px 0px;
	color: #FDD34C;
}
hr {
border: 1px solid #FDD34C;
clear:both;
}
p{
font-size:0.96em;
text-align:justify;
padding:0em 0em 0.5em 0em;
}
ul, li, ol {
	margin: 0;
	padding: 0;
}
img {
    height:auto;
    max-width:100%;
}
a img {
	border: none;
}
.img_border{

}
.img_border_small{

}

iframe {
	border: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div#share {
	margin-top: 5px;
	float: right;
}

#header{
    width:100%;
    position: -webkit-sticky; /* Safari */position: sticky;top: 0;z-index:999;
    background-color:#FDD34C;
    border-bottom:8px solid #FDD34C;
}

#logo{
transition: 0.2s;
padding-top:10px;
}

#linkcartelle{
margin-top:10px;
}

#footer{
/*background-color:#FDD34C;*/
color:#002349;
font-size:0.9em;
clear:both;
text-align:center;
padding:30px;
border-top:1px solid #002349;
border-bottom:6px solid #FDD34C;
min-height:40px;
overflow: auto;
}
#footer a {
	color:#002349;
	text-decoration: none;
}
#footer a:hover {
	color: #dedede;
	text-decoration: underline;
}

#footer2{
background-color:#FBEEDC;
border-bottom:6px solid #002349;
font-size:1.6em;
clear:both;
text-align:center;
padding:30px;
min-height:100px;
color:#FDD34C;
}

.div_pag {
	border: 1px solid #e0e0e0;
	padding-right: 2px;
	padding-left: 5px;
	margin: 1px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.div_pag_current {
	border: 1px solid #e0e0e0;
	padding-right: 2px;
	padding-left: 5px;
	margin: 1px;
	font-weight: bold;
	color:#002349;
	background-color: #e0e0e0;
	font-size: 14px;
}
.redirect {
	padding: 10px;
	border: 1px solid #FDD34C;
	font-weight: bold;
	width: 75%;
	margin-top: 25px;
}

/*home*/
#home_full{
width:100%;
height:calc(100% - 16px);
}

#logo_home{
margin-top:3em;
}

.home_frase{
display:block;
width:70%;
font-size:5em;
color:#002349;
text-align:center;
float:right;
margin:6em 0em 0em 0em;
padding:0.3em;
font-style:italic;
background:rgba(0, 35, 73, 0.5);
/*border-radius:0.5em;*/
}

#home_bg_white{
background-color:#FBEEDC;
border-top:8px solid #FDD34C;
}

#home_column{
padding-top:30px;
}


.block_photo_home{
display: block;
position:relative;
width:400px;
max-width:100%;
margin-bottom:30px;
border-top:8px solid #FDD34C;
border-bottom:8px solid #FDD34C;
border-right:1px solid #FDD34C;
border-left:1px solid #FDD34C;
}



.photoblock_title{
display:block;
position:absolute;
  left: 0px;
  bottom:0px;
width:calc(100% - 2em);
background-color: rgba(253, 211, 76, 0.8);
  color:#002349;
padding:1em;
font-size:1.4em;
text-transform: uppercase;
font-weight:bold;
text-align:center;
}

.photoblock_title:hover{
    background-color: rgba(253, 211, 76, 0.5);
}

.tab_immobili{
margin:0em 2em 2em 0em;
float:left;
}

.tab_immobili td{
padding:3px;
border-bottom:1px solid #002349;
}

.yellow_repeat{
background: url("images/yellow-repeat.png") top repeat-x;
height:70px;
padding:0;
margin:0;
}

.home_bg_blu{
background-color:#FDD34C;
/*color:#002349;*/
padding:1em 0em 2em 0em;
border-bottom:6px solid #002349;
}

form#contatti{
width:48%;
float:left;
margin:0;
padding:0;
}
#contatti_map{
width:48%;
float:right;
border:1px solid #FDD34C;
}

/*menu leve content*/
div#menulevelcontent {
	margin: 0px;
}
div#menulevelcontent ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
}
div#menulevelcontent li {
	margin: 3px;
	padding: 3px;
    width:calc(20% - 12px);
    float:left;
}
div#menulevelcontent a {
	display: block;
	text-align:center;
    text-decoration:none;
    color:#002349;
    background-color:#FDD34C;
    border-bottom:6px solid #FDD34C;
    padding:5px;
}
div#menulevelcontent a:hover {
    color:#002349;
    background-color:#FDD34C;
    border-bottom:6px solid #FDD34C;
    padding:5px;
}
div#menulevelcontent li#activelink a, div#menulevelcontent li#activelink a:hover {
	background: #e0e0e0;
}
div#menulevelcontentactive a {
	display: block;
	text-decoration: none;
	background: #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 3px;
}
div#menulevelcontentactive a:hover {
	background: #e0e0e0;
}
div#menulevelcontentactive li#activelink a, div#menulevelcontentactive li#activelink a:hover {
	background: #e0e0e0;
}

/*menu rsponsive horizontal */
#menu ul {
	  margin: 0;
	  padding: 0;
	}
	#menu .main-menu {
	  display: none;
	}
	#tm:checked + .main-menu {
	  display: block;
	}
	#menu input[type="checkbox"],
	#menu ul span.drop-icon {
	  display: none;
	}
	#menu li,
	#toggle-menu,
	#menu .sub-menu {
    
	}
	#menu li,
	#toggle-menu {
	  border-width: 0 0 0px;
	}
	#menu .sub-menu {
	  /*background-color: rgba(255, 255, 255, .7);*/
	  border-width: 1px 1px 1px;
	  margin: 0 1em;
	}
	#menu .sub-menu li:last-child {
	  border-width: 0;
	}
	#menu li,
	#toggle-menu,
	#menu a {
	  position: relative;
	  display: block;
	  color:#002349;
	  /*text-shadow: 1px 1px 0 rgba(0, 35, 73, .125);*/
    text-decoration:none;
	}
	#menu,
	#toggle-menu {
	  /*background-color: rgba(255, 255, 255, .7);*/
    
	}
	#toggle-menu,
	#menu a {
	  padding: 0.8em 1.4em;
	}
	#menu a {
	  transition: all .125s ease-in-out;
	  -webkit-transition: all .125s ease-in-out;
      font-size:1.1em;
	}
	#menu a:hover {
	  background-color: #FDD34C;
	  color:#002349;
	}
	#menu .sub-menu {
	  display: none;
    background-color:#FDD34C;
	}
	#menu input[type="checkbox"]:checked + .sub-menu {
	  display: block;
	}
	#menu .sub-menu a {
    border-bottom:1px solid #002349;
      font-size:1em;
}
	#menu .sub-menu a:hover {
	  color:#002349;
    border-bottom:4px solid #FDD34C;
	}
	#toggle-menu .drop-icon,
	#menu li label.drop-icon {
	  position: absolute;
	  right: 1.5em;
	  top: 1.25em;
	}
	#menu label.drop-icon, #toggle-menu span.drop-icon {
	  border-radius: 50%;
	  width: 1em;
	  height: 1em;
	  text-align: center;
	  background-color: rgba(0, 35, 73, .125);
	  text-shadow: 0 0 0 transparent;
	  color: rgba(255, 255, 255, .75);
	}
	#menu .drop-icon {
	  line-height: 1;
	}

/*media query*/
@media only screen and (max-width: 52em) {
#header{text-align:center;}
h1{font-size:1.2em;text-align:center;float:none;}
.body_width{width:calc(100% - 1em);padding:0.5em;}
p {text-align:center;}
#menu {background-color:#FDD34C;border-bottom:8px solid #FDD34C;}
div#menulevelcontent li {width:calc(100% - 12px);float:none;}
#home_full{text-align:center;}
.home_frase{width:70%;font-size:4em;margin:2em auto;padding:0.3em;float:none;}
form#contatti{width:98%;float:none;margin:0;padding:0;}
#contatti_map{width:100%;float:none;}
}


@media only screen and (min-width: 52em) {


#menu {
height:50px;
background-color:#FDD34C;
}

  #menu .main-menu {
    display: block;
  }
  #toggle-menu,
  #menu label.drop-icon {
    display: none;
  }
  #menu ul span.drop-icon {
    display: inline-block;
  }
  #menu li {
    float: left;
    /*border-width: 0 1px 0 0;
    border-right:1px solid #002349;*/
  }
  #menu .sub-menu li {
    float: none;

  }
  #menu .sub-menu {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 20em;
    z-index: 3000;
  }
  #menu .sub-menu,
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }
  #menu .sub-menu li {
    border-width: 0 1px 1px;
  }
  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }
  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }

#menu li.right {float: right;border:none;}
}




@media(max-width:400px)
    #home_column{column-count: 1;}
}
@media(min-width:401px) and (max-width:900px){
    #home_column{column-count: 2;}
}
@media(min-width:901px){
    #home_column{column-count: 3;}
}


/*AMMINISTRAZIONE */

.borderb {
	border-bottom: 1px solid #e0e0e0;
	padding: 5px;
}

/*E-commerce */
div#prezzo{
	color:#FDD34C;
	text-align:right;
	font-size:30px;
	font-weight:bold;
}
div#prezzo_categoria{
	color:#FDD34C;
	text-align:right;
	font-size:16px;
	font-weight:bold;
}
div#visualizza_categoria{
	text-align:right;
}
div#spedizione{
	text-align:right;
	font-size:12px;
}
div#titolo_vetrina {
	font-size: 16px;
	color: #FDD34C;
	font-weight: normal;
	margin: 0px;
	padding: 3px;
}
div#testo_vetrina{
	padding:3px;
}
div#prezzo_vetrina{
	color:#FDD34C;
	float:left;
	font-size:16px;
	font-weight:bold;
	padding:3px;
}
div#visualizza_vetrina{
	text-align:right;
	padding:3px;
}

div#vetrina {
	float: left;
	left: 0;
}
div#vetrina ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div#vetrina li {
	padding: 0px;
	margin: 2px;
	float: left;
	border: 1px solid #e0e0e0;
	width: 225px;
}
.vetrina_img{
	width:225px;
	height:225px;
}
div#vetrina li.br {
	clear: both;
}


div#share{text-align:left;padding-left:5px; float:right;}
#share img{width:35px;margin:0px;padding:0px;display:inline;}
.sprite{background:url('images/sprite.png') no-repeat top left;width:35px;height:35px;}
.sprite.facebook{background-position:0 0;}
.sprite.twitter{background-position:-38px 0;}
.sprite.google{background-position:-76px 0;}
.sprite.digg{background-position:-114px 0;}
.sprite.reddit{background-position:-152px 0;}
.sprite.tumblr{background-position:-190px 0;}
.sprite.pinterest{background-position:-228px 0;}
.sprite.stumbleupon{background-position:-266px 0;}
.sprite.mail{background-position:-304px 0;}

div#social{text-align:center;}