/*------------------------------------
 RESET by Harry Roberts + Normalize.css
 http://csswizardry.com/2011/10/reset-restarted/
------------------------------------*/

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

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,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;
}

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

/*------------------------------------
 Stili default del documento.
------------------------------------*/

body {
 font-size: 100%;
 font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
 font-weight: 300;
 line-height: 1.4;
 background: #fff;
 color: #fff;
 
}

a {color: #fff600;}

a:hover {color: #cbe634;}

a:focus {color: #2ba6cb; outline: none;}

p {
 font-size: 16px; 
 line-height: 1.6; 
 margin-bottom: 17px; 
}

h1, h2, h3, h4, h5, h6 { 
 text-rendering: optimizeLegibility; 
 line-height: 1.1; 
 margin-bottom: 14px; 
 margin-top: 14px; 
}

h1 {font-size: 41px;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #014c10;
}

h2 {font-size: 35px;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #014c10;
}

h3 {
	font-size: 22px;
 color: #222;
 line-height: 1.3;
  }
  
  h4 {
	font-size: 16px;
 color: #222;
 line-height: 1.3;
  }



/*------------------------------------
 Stili demo.
------------------------------------*/

html, body {
 height: 100%;
}

header {
 position:relative;
 height: 100%;
 background:#fff url(antica-drogheria-iblea.jpg) no-repeat center center;
 background-size:cover;
 -webkit-box-shadow:inset 0 -1px 5px rgba(0,0,0,0.6);
 -moz-box-shadow:inset 0 -1px 5px rgba(0,0,0,0.6);
 box-shadow:inset 0 -1px 5px rgba(0,0,0,0.6);
}

#testo-header {
 position: absolute;
 top: 40px;
 left: 95px;
}

#freccia-header {
 position: absolute;
 bottom: 0;
 width: 100%;
 border-bottom: 10px solid #fff;
}

#freccia-header a {
 display: block;
 width: 60px;
 height: 60px;
 margin: 0 auto;
 background: #fff url('freccia.jpg') no-repeat;
}
section {
 width: 70%;
 margin: 0 auto;
 padding: 40px;
 background: #E4E4E4;
}


/* Image replacement */
.ir {
 border: 0;
 overflow: hidden;
 *text-indent: -9999px;
 width: 128px;
 height: 128px;
}

.ir:before {
 content: "";
 display: block;
 width: 0;
 height: 100%;
}

/* Regole per IE8  */

.lt-ie9 header {
 background-position: top center;
}