/* Elementi del contenitore principale */

/* Area contatti con effetto easing */
#contactArea {height:230px; display:block; overflow: hidden; width:100%}
.form { height:430px; margin:10px auto; padding:10px; width:600px; float: left;}
#contactArea h1 {background: url(../images/contacts.png) no-repeat scroll 0 0 transparent; border: 0 none; float: right; text-indent: -9999px; width: 272px; height: 302px; margin: 60px 60px;}
.form_input {background: url(../images/form-bck.gif) no-repeat scroll 0 0 transparent; border: 0 none; font-size: 16px; height: 25px; padding: 5px; width: 560px;}
.form_textarea {background: url(../images/form-bck1.gif) no-repeat scroll 0 0 transparent; border: 0 none; font-size: 16px; height: 162px; padding: 5px; width: 560px;}
.form_submit {background: url(../images/form-send1.gif) no-repeat scroll 0 0 transparent; border: medium none; color: #000000; cursor: pointer; font-size: 1em; height: 41px; padding: 0 8px 6px 4px; width: 185px;}
.form_submit:hover {background: url(../images/form-send1.gif) no-repeat scroll center bottom transparent;}
.form p {padding: 4px;}



/* Contenitore principale del sito */
#container { margin:0; padding:0; background: url(../images/bg-body.png) repeat-x 0 0 scroll transparent; }

/* Wrapper del sito */
#wrapper { margin:0 auto; width:1024px;}
#header { margin:0; padding:0;}
.top-header { padding: 8px 0 0 4px;}
form div.search { background:url(../images/bck-search.png) repeat scroll 0 0 transparent; float:left; }
form div.search input[type="text"] {
	-moz-border-radius: 2px 2px 2px 2px;
	background:url(../images/ico-search.png) no-repeat scroll right top transparent;
	border: 1px solid #bbb5a1;
	color:#bbb5a1;
	font-size: 12px;
	height: 15px;
	margin-bottom: 0;
	padding: 3px 25px 4px 4px;
	width: 200px;
}

/* Menu Rapido */
.rapid {color:#9d9991;float:left;left:10px;position:relative;top:5px;}
.rapid .home { background:url(../images/ico-home.png) no-repeat scroll 0 0 transparent;padding-left:18px;}
.rapid a { color:#41361B;}
.rapid a:hover { color: #9d9992; text-decoration: underline; }

/* Top Header */
.top-header ul { display:inline; float:right; }
.top-header ul li { float: right; margin: 0 5px; padding: 3px 0 3px 15px; }
.top-header ul li a { color:#41361b; }
a.contatti { background: url(../images/ico-contact.png) no-repeat scroll 0 0 transparent; padding-left: 18px; }
a.login { background:url(../images/ico-login.gif) no-repeat scroll 0 0 transparent; padding-left: 17px; }

/* Elemento Logo */
.logo { background:url(../images/star.png) repeat-x scroll left bottom transparent; margin:0; padding-bottom:40px; }
.logo h1 a { border: medium none; }
.logo h1 { margin:0px 0px 10px 0px; text-indent: -9999px; }
.logo a {background: url(../images/logo.png) no-repeat scroll 0 0 transparent;display:block;height: 134px;width: 1024px;outline:none;}


/* Elementi Menu */
.menu { height:70px; position:relative; top:10px; margin-bottom:20px; }
#menul { left:0; position:relative; }
#menul li {height:50px;position:absolute;top:0;}
#menul li.collane a:link, #menul li.collane a:visited {background-position: 0 0;}
#menul li.news a:link, #menul li.news a:visited {background-position: -113px 0;}
#menul li.autori a:link, #menul li.autori a:visited {background-position: -252px 0;}
#menul li.about a:link, #menul li.about a:visited {background-position: -360px 0;}
#menul li.dattilo a:link, #menul li.dattilo a:visited {background-position: -475px 0;}
#menul li.rassegna a:link, #menul li.rassegna a:visited {background-position: -647px 0;}
#menul li a {background:url(../images/menu.png) no-repeat scroll 0 0 transparent;display:block;height:100%;width:100%;}
.collane {left:0;width:110px;}
.collane a.selected, .collane a:hover, collane a:active {background-position: 0 -71px !important;}
.news {left:110px;width:130px;}
.news a.selected, .news a:hover, .news a:active {background-position: -113px -71px !important;}
.autori {left:245px;width:100px;}
.autori a.selected, .autori a:hover, .autori a:active {background-position: -252px -71px !important ;}
.about {left:344px;width:115px;}
.about a.selected, .about a:hover, .about a:active {background-position: -360px -71px !important ;}
.dattilo {left:461px; width:170px;}
.dattilo a.selected, .dattilo a:hover, .dattilo a:active {background-position: -475px -71px !important;}
.rassegna {left:636px; width:135px;}
.rassegna a.selected, .rassegna a:hover, .rassegna a:active {background-position: -647px -71px !important;}
.resetta {background-repeat: no-repeat;display:block;line-height:0;margin:0;padding:0;text-indent:-9999px;}

/* Introduzione con descrizione del sito */

#intro {margin:5px 0 10px 0; padding:0; height:400px; width:auto;}
#intro h1 {float:left;}
#intro h2 {float:right;}
#intro h3 {margin: 5px 0px 0px 166px; width:150px; height: 60px; float: left;}

/* Up and Down */
#updown {width:140px; height:60px; float:left; margin: -30px 0px 0px 60px; clear: left;}
#updown2 {width:140px; height:60px; float:right; margin:370px 0px 0px 0px; clear: right;}
#updown3 {width:140px; height:60px; float:left; margin: -90px 0px 0px 10px; clear: left;}
#updown4 {width:140px; height:60px; float:right; margin: -100px 0px 0px 10px; clear: left;}
#updown5 {width:140px; height:60px; float:right; margin: -100px 0px 0px 10px; clear: left;}
.up { width: 67px; height: 60px; background: url(../images/up.png) no-repeat scroll 0 0 transparent;float: left;}
.down {width: 67px; height: 60px; background: url(../images/down.png) no-repeat scroll 0 0 transparent;float: right;}
.home {width: 67px; height: 60px; background: url(../images/house.png) no-repeat scroll 0 0 transparent;float: right;}
/* Sezione collane */
#collane {height: 600px; margin: 0 auto; clear: both;}
#collane p {margin: 60px auto; height:450px; width: 330px;float: left; background: url(../images/collane.png) no-repeat scroll 0 0 transparent; text-indent: -9999px;}
ul#filter {float:right; margin: 20px 25px;}
ul#filter li {float:left;}
ul#filter a:link  { border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; background-color:#000000; color:#DDDDDD; font-size:13px; font-style:italic; font-weight:bold; margin-left:8px; opacity:0.7; padding:10px 30px; text-decoration:none;}
ul#filter a:hover { -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; background-color:#CC6600; color:#DDDDDD; font-size:13px; font-style:italic; font-weight:bold; margin-left:8px; opacity:0.7; padding:10px 30px; text-decoration:none;}
ul#filter a:active { -webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; background-color:#CC6600; color:#DDDDDD; font-size:13px; font-style:italic; font-weight:bold; margin-left:8px; opacity:0.6; padding:10px 30px; text-decoration:none;}
ul#portfolio {float: right; border-bottom:2px groove #F0F0F0; border-right:2px groove #F0F0F0; margin:0px -40px; width:720px; height:auto; padding:5px;}
ul#portfolio li {float:right; margin:5px 3px; padding:5px; opacity:0.65; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 0 2px; -webkit-box-shadow:0 0 2px;}
ul#portfolio li:hover {opacity:0.9;}

/* Sezioni Shop */
#shop {height: 600px; margin: 50px auto; clear: both; padding: 50px; 0px 0px 0px}
#shop p {background: url(../images/shop.png) no-repeat scroll 0 0 transparent; text-indent: -9999px; width:1000px; height: 500px; margin: 10px 0px 0px -80px;}

/* Sezione Autori */
#autori {height: 600px; margin: 40px 0px 0px 0px; background: url(../images/autori.png) no-repeat scroll 0 0 transparent;}
ul#filtera {float:left; margin: 22px 0px 0px 61px; clear: right;}
ul#filtera li {float:left;}
ul#filtera a:link  { border-radius:100px 100px 100px 100px; -moz-border-radius:100px 100px 100px 100px; background-color:#000000; color:#DDDDDD; font-size:10px; font-style:italic; font-weight:bold; margin-left:2px; opacity:0.7; padding:5px 10px; text-decoration:none;}
ul#filtera a:hover { -webkit-border-radius:100px 100px 100px 100px; -moz-border-radius:100px 100px 100px 100px; background-color:#CC6600; color:#DDDDDD; font-size:10px; font-style:italic; font-weight:bold; margin-left:2px; opacity:0.7; padding:5px 10px; text-decoration:none;}
ul#filtera a:active { -webkit-border-radius:100px 100px 100px 100px; -moz-border-radius:100px 100px 100px 100px; background-color:#CC6600; color:#DDDDDD; font-size:10px; font-style:italic; font-weight:bold; margin-left:2px; opacity:0.6; padding:5px 10px; text-decoration:none;}
ul#portfolioa {float: left; clear: right; margin:9px 0 0 93px; width:570px; height:auto; padding:5px;}
ul#portfolioa li {float:left; margin:4px 2px; padding:4px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 0 2px; -webkit-box-shadow:0 0 2px;}
ul#portfolioa li:hover {opacity:0.9;}


/* Sezione Chi Siamo */
#chisiamo {height: 600px; margin: 50px auto; clear: both; padding: 50px; 0px 0px 0px}
#chisiamo p {background: url(../images/chisiamo.png) no-repeat scroll 0 0 transparent; text-indent: -9999px; width: 1000px; height: 600px; margin-left: -40px;}

/* Sezione Dattiloscritti */
#dattiloscritti {height: 600px; margin: 50px 0px 0px 0px; clear: both;}
#dattiloscritti p {background: url(../images/dattiloscritti.png) no-repeat scroll 0 0 transparent; text-indent: -9999px; width: 1000px; height: 600px; margin-left: -40px;}


/* Footer */
#footer {background:url(../images/footer.png) repeat-x scroll 0 0 transparent; float:left; height:20px; margin-top:0px; width:100%;