html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul, nav li { margin: 0; } 
nav ul, ul { list-style:none; }

.span1{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.col{
  margin-left: 0.5%;
}

.col:first-child {
  margin-left:0;
}

.span1{
  width: 100%;
  margin-left: 0;
}

body{ 
  font-size: 87.5%;
  color: #252e35; 
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  line-height: 1.5em;
  background: #FFFFFF;  
}

h1{
    font-size: 1.714285714em; /* 24 / 14 */
    line-height: 1.5em; /* 21 / 14 */
	font-weight:normal;
}

h2{
  font-size: 1.5em; /* 21 / 14 */
  line-height: 1.5em; /* 21 / 14 */
  font-weight:normal;
}

p{
    font-size: 1em; /* 14 / 14 */
    line-height: 1.5em; /* 21 / 14 */
    margin-bottom: 1.5em; /* 21 / 14 */
}

#container, .inner{
  margin: 0 auto;
}



header h1{
  margin: 7px 0 0 0;
}

#container{
  
  padding-top: 20px;
}

.alt{
  color: #fff;
  color: rgba(255,255,255, 0.9);
  letter-spacing: 0.05em;
}

/* NAVIGATION */

nav{
  margin: 7px 0 7px 0;
}

nav ul{
  text-align: right;
  overflow: auto;
  width: 100%;
}

nav ul li{
  margin: 0 0 0 0;
  text-align: center;
  overflow: auto;
  float: left;
  width: 33%;
}

nav a{
  text-decoration: none;
  margin: 0;
  display: block;
  padding: 7px 0 7px 5%;
  margin: 0 0 0 4%;
  background-color: rgba(255,255,255,0.1);
}

/*----------------GIBBMAN MOD----------------*/
@font-face {
    font-family: 'HandleeRegular' ;
    src: url('../fonts/Handlee-Regular.eot');
    src: url('../fonts/Handlee-Regular.eot#iefix') format('embedded-opentype'),
    url('../fonts/Handlee-Regular.woff') format('woff'),
    url('../fonts/Handlee-Regular.ttf')    format('truetype'), 
    url('../fonts/Handlee-Regular.svg#HandleeRegular') format('svg');
    font-weight: regular;
    font-style: normal;
    }
	
	@font-face {
    font-family: 'Marta_Italic';
    src: url('../fonts/Marta_Italic.eot');
    src: url('../fonts/Marta_Italic.eot') format('embedded-opentype'),
         url('../fonts/Marta_Italic.woff2') format('woff2'),
         url('../fonts/Marta_Italic.woff') format('woff'),
         url('../fonts/Marta_Italic.ttf') format('truetype'),
         url('../fonts/Marta_Italic.svg#Marta_Italic') format('svg');
	}
	
	@font-face {
    font-family: 'MissionScript';
    src: url('../fonts/MissionScript.eot');
    src: url('../fonts/MissionScript.eot') format('embedded-opentype'),
         url('../fonts/MissionScript.woff2') format('woff2'),
         url('../fonts/MissionScript.woff') format('woff'),
         url('../fonts/MissionScript.ttf') format('truetype'),
         url('../fonts/MissionScript.svg#MissionScript') format('svg');
}
	/*body{ background: #FFF5E8 url(../img/background_natale.jpg) center 10px no-repeat;}*/
	body{background: #FFF5E8;background-color: #FFF5E8;}
h1{
font-family:"MissionScript" , Arial, Helvetica, sans-serif ;
font-size:42px;
color:#783300;
}
h2{
font-family:"MissionScript" , Arial, Helvetica, sans-serif ;
font-size:42px;
color:#783300;
}
#titolo span{
font-family:"Marta_Italic" , Arial, Helvetica, sans-serif ;
font-size:21px;
color:#783300;
font-weight:100;
}
h3{
font-size:32px;
color:#783300;
font-family:"Marta_Italic" , Arial, Helvetica, sans-serif  ;
text-align:center;
line-height:1.2em;
font-weight:normal;
}


.clear{clear:both;}
img{max-width: 100%;height: auto;}
header a {text-decoration:none;color:#ac9659;}
header  {margin-bottom: -200px;}

#container, .inner {margin: 0 auto;max-width: 1140px;margin-bottom:30px;}
#top-nav .inner {min-height: 60px;}
#top-nav{
  background-image: url(http://www.camosciodoro.com/wp-content/uploads/2013/04/camoscio_pattern.png);
  background-repeat: repeat-x;
  color: #ac9659;
  padding: 1%;
}
#logo-inner{
  text-align:center;
  position:relative;
  top:-120px;
  max-width:300px;
  margin:0 auto;
}
#titolo{text-align:center;margin-bottom:20px;}
#container{display:block;padding:5%;}
#content-left{
  float:left;
  margin-right:1%;
  width:59%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  z-index:-1;
  margin-bottom: 50px;
}
#content-right{
  position:relative;
  z-index:9999;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin-top:20px;
  float:left;
  width:40%;
  -webkit-box-shadow: 0px 0px 17px rgba(50, 50, 50, 0.6);
  -moz-box-shadow:    0px 0px 17px rgba(50, 50, 50, 0.6);
  box-shadow:         0px 0px 17px rgba(50, 50, 50, 0.6);
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffebcf 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffebcf)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffebcf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ffebcf 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ffebcf 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffebcf 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffebcf',GradientType=0 ); /* IE6-9 */
  text-align:center;
}

p,span{color:#666666;}
#fiocco{position:relative;display:none;}
#fiocco img{position:absolute;right: -24px;top: -27px;}
#form_container{padding:10% 15% 10% 15%;}
#form_newsletter{text-align:left;}
#form_newsletter p{margin-bottom:0em;}
#nome,#cognome,#email{padding:2% 1% 2% 1%;width:100%;}
#nastro{position:relative;display:none;}
#nastro img{height:131px;width:171px;position:absolute;left: -10px;bottom: -14px;background:url('../img/nastro.png') no-repeat; }
#form_submit{position:absolute;z-index:9999;}
.camoscio_bt{
  font-family: "Marta_Italic" , Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: normal !important;
  color: #525252 !important;
  padding: 5px 15px !important;
  background-color: #FFE600 !important;
  background: #FFE600;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  background-image: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-decoration:none;
}
.camoscio_bt:after {
  content: " >";
}
#nosubmit{position:absolute;z-index:9999;}
#pupazzo_neve{
 /*background: url('../img/pupazzo_neve.png') no-repeat;*/
 position: relative;
 width: 100%;
 /*bottom: 100px;*/
 padding-top: 4em;
 /*padding-left: 2%;*/
 
}
#ricette {width:100%;}
#ricette p{color:#783300;font-family:"Marta_Italic" , Arial, Helvetica, sans-serif;font-weight:100;font-size:21px;}
#ricette h2{font-size:35px;margin-bottom:20px;font-family:"MissionScript" , Arial, Helvetica, sans-serif ;color:#783300;}
#ricette_left{float:left;width:49%;margin-right:1%;text-align:center;}
#ricette_right{float:left;width:49%;text-align:center;}
footer{color: #ae965b;padding-top:2%;padding-bottom:5%;background:#311600;background-color:#311600;}
footer a{color: #cf9e21;text-decoration:none;}
/*---------------||||||||||||||||-----------*/


/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 768px){
  nav .span0{
    width: 100%;
  }

  .span1, article{
    width: 100%;
  }

  .span0, aside{
    width: 100%;
    margin-left: 0;
  }

  #container, .inner{
    width: 90%;
    padding: 0 5% 0 5%;
  }
}

@media screen and (max-width: 480px){
  nav ul li{
    width: 100%;
    margin: 0 0 5px 0;
  }

  nav a{
    margin: 0;
    padding: 14px 0 14px 0;
  }
}

/* Custom Breakpoints */

@media screen and (max-width: 480px) {
 /* Add your styles for devices with a maximum width of 480 */
}


// Micro Clearfix 

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}