* {margin:0; padding:0; text-align:justify;}
body {background:url(images/background.png) top center no-repeat #4e4e4e; font-family:"Helvetica", Arial; }

#slider {margin:98px auto 0 auto; width:700px; height:500px; position:relative;}
.navigation {margin:0 auto; width:610px;}
.navigation li {display:inline;}
.navigation li a {float:left; display:block; width:112px; height:26px; margin:0 5px 0 5px; text-indent:-9999px;}
.home a {background:url(images/menu.png) 0px 0px;}
.home a:hover {background:url(images/menu.png) 0px 26px;}
.about a {background:url(images/menu.png) -122px 0px;}
.about a:hover {background:url(images/menu.png); background-position:-122px 26px;}
.gallery a {background:url(images/menu.png) -244px 0px;}
.gallery a:hover {background:url(images/menu.png); background-position:-244px 26px;}
.dovesiamo a {background:url(images/menu.png) -366px 0px;}
.dovesiamo a:hover {background:url(images/menu.png); background-position:-366px 26px;}
.contattami a {background:url(images/menu.png) -488px 0px;}
.contattami a:hover {background:url(images/menu.png); background-position:-488px 26px;}


.scroll {
  height: 300px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;

}

.scrollContainer div.panel {


  height: 300px;
  width: 700px; /* change to 560px if not using JS to remove rh.scroll */
}

h1 {
	font-size: 40px;

}

h1, h2, h3, h4, h5, h6 {
	font-family: "Myriad Pro", Helvetica, Arial;
	font-weight: bolder;
	white-space: normal;
	padding:20px 20px 0 20px;
}

.entry { font-size:13px; line-height:22px; text-align:justify;padding:0 20px 0 20px;}

img.alignright {float:right; margin:0 0 1em 1em; margin-right:5px;}
img.alignleft {float:left; margin:0 1em 1em 0; margin-left:5px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; float:left; margin-left:10px;  margin-top:10px;}
img a, img {border:5px solid #e2007a; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;}
.header {width:700px; text-indent:-9999px; margin:0 auto;}



.name, .email {padding:5px; border:0; border:2px solid #e2007a; width:112px; margin-right:0; float:left; color:#666;}
.name {margin-right:5px;}
textarea {padding:5px;  border:0; border:2px solid #e2007a; width:242px; margin-top:20px;  color:#666; font-family:"Helvetica", Arial; font-size:13px; height:80px; }

.invia {width:120px; height:30px; background-image:url(images/invia.jpg); border:0; text-indent:-9999px;  margin-top:9px; margin-right:120px; float:right;}
#footer {margin:-138px auto 0 auto; width:500px; color:#fff; text-align:center; font-size:13px;}
#footer span {text-decoration:none; color:#666;}
span {font-weight:bold;}
#accordion div {height:50px; padding:10px;}
#accordion {font-family:"Helvetica", Arial; font-size:13px; margin:20px 0 0 0;}
#accordion h3 {height:27px; }

#promozione2 {display:none;}
@media screen and (max-width: 1460px) {
	#promozione1 {display:none;}
#promozione2 {display:block;}
}