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

/* Display block per gli elementi HTML5 su IE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}

/* Immagini responsive */
img { 
 border:0; 
	vertical-align:middle; 
	-ms-interpolation-mode:bicubic;
}
 
img.scala { 
 max-width:100%; 
	height:auto; 
}

/* Stili di base e tipografia */
html {
  font-size: 100%;
}

body {
 margin: 0;
 padding: 0;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
 font-size: 16px;
 line-height: 20px;
 color:#333; 
 background: url(img/compleanno-bg.jpg) top center no-repeat #fff;;
 -webkit-text-size-adjust:100%;
}

a {
 color: #558bc4;
 text-decoration: none;
}

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

h1, h2, h3, h4, h5, h6 { 
	font-family:"Georgia", "Times New Roman", serif; 
} 

h1,h2 { 
 font-size:20px; color:#0ca6f5;

	margin-bottom:2px; 
}



/* Griglia */

.compleanno {
 width: 100%; 
 max-width: 1000px; 
 min-width: 720px; 
 margin: 0 auto;
 background:#fff;
 margin-top:50px; 
}

.bosco {
 width: 100%; 
 max-width: 1000px; 
 min-width: 720px; 
 margin: 0 auto;
 background:#fff;
 
}

[class*='elfi-'] {
 float: left; 
 min-height: 1px; 
 padding: 0 15px; 
 position: relative;
 background: none; 
}



.elfi-2, .elfi-top {
 width: 50%; margin-top:40px
}

.elfi-top {margin-top:10px
}

.com-navmobile, .com-navmob-mod   { display:none
}



.elfi-pulsanti{
 width: 50%; margin-top:0px; 
}

.elfi-1, .com-nav {
 width: 100%; margin-top:10px;
}
.elfi-large {
 width: 100%; margin-top:0px;
}


.elfi-foto {
 width: 100%; margin-top:0px;
}





.elfi-footer div { display: block;
 width: 25%; float:left; text-align:center; font-size:12px; border:1px solid #e0e0e0; 
}
.elfi-footer  { padding-bottom:0px; margin-bottom:0px; color:#000; width: 100%;

}
.elfi-footer div a {  color:#000; text-decoration:underline;

}


[class*="elfi-"] + [class*="elfi-"]:last-child {float: right;}

/* Micro-clearfix */
.contenitore:before,
.contenitore:after,
.compleanno:before,
.compleanno:after,
.bosco:before,
.bosco:after {
 content: " "; 
 display: table;
}

.contenitore:after,
.compleanno:after,
.bosco:after {
 clear: both;
}

.contenitore, 
.compleanno,
.bosco {
 *zoom: 1;
}

/* Stili  per le varie sezioni */
header {
 height: 70px;

 position: relative;
}

header #logo {
 float: left;
}

#logo a {display: block;}

footer {
 border-top: 1px solid #333;
 border-bottom: 1px solid #333;
}

nav {
 float: right;
 padding: 25px 10px 25px 20px; 
 background:url(img/bg-nav.jpg) no-repeat;
 width:500px;
 margin-top:40px
}

nav ul, nav li {
 margin: 0;
 padding: 0;
}

nav ul li, .elfi-top ul li{
 list-style:none;
 float: left;
 margin-right: 1px; padding-right:7px
}

nav ul li a, .elfi-top a  {
 display: block; 
 padding: 1px; color:#fff; text-transform:uppercase; font-size:16px;
}

nav ul li a:hover {
 color:#fff; text-decoration:underline;
}
.elfi-top ul li a { text-transform:uppercase; color:#fff;font-size:12px; border:1px solid #FFF; padding:10px; background:#4bac45;
}
a.attiva-nav {
 display: none;
}







@media only screen and (max-width:600px) {
.compleanno, .bosco { 
 width: auto; 
 min-width: 0; 
 margin-left: 0; 
 margin-right: 0;
 margin-top:0px;
}

.elfi-2, .elfi-pulsanti { display: none;
 
}
 

[class*="elfi-"] { 
 width: auto !important; 
 float: none;  
}

[class*="elfi"] + [class*="elfi"]:last-child { float: none; }
 
[class*="elfi-"]:before, [class*="elfi-"]:after { 
 content:""; 
 display:table; 
}

[class*="elfi-"]:after {clear: both;}



nav, h1,.elfi-foto, .elfi-pulsanti, .no {
display: none;
}

.elfi-footer { margin-top:10px;
 
}

.elfi-footer div { display: block;
 width: 48%; float:left; text-align:center; font-size:12px; margin-right:5px; margin-bottom:5px; border:1px solid #e0e0e0; 
}



body {
 
 background: none;
}






}


@media only screen and (max-width:400px) {
	 #logo img{ width:300px !important; 
 
}
	
	}