body {
  width: 900px;
  margin: 0px auto 0px auto;
  padding: 0px;
  font-family: Verdana, sans-serif;
  background-color: #333333;
  color: #000000;
  font-size: 13px;
}

a {
  text-decoration: none;
  color: inherit;
}

a:link, a:visited, a:active {text-decoration: none;}

a:hover {text-decoration: none;}

div,span,img,form,table,td,ul,p {
  border: none;
  margin: 0px;
  padding: 0px;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  text-decoration: none;
  margin: 0px;
}

.hidden {display: none;}

#colors {
  list-style: none;
  overflow: hidden;
  height: 15px;
  margin: 0px 0px 20px 0px;
}

#colors li {
  float: left;
  width: 100px;
  height: 15px;
  cursor: pointer;
}

#colors li.c1 {background-color: #C64D73;}
#colors li.c2 {background-color: #E6511E;}
#colors li.c3 {background-color: #57D4FE;}
#colors li.c4 {background-color: #AAA9AD;}
#colors li.c5 {background-color: #333333;}
#colors li.c6 {background-color: #DEC436;}
#colors li.c7 {background-color: #F7B234;}
#colors li.c8 {background-color: #96BD0D;}
#colors li.c9 {background-color: #13235B;}

#menu {
  text-align: center;
  margin: 0px 0px 20px 0px;
  color: #E6E6E6;
  font-size: 17px;
  font-weight: bold;
}

#menu a {color: #E6E6E6;}

#copyright {
  text-align: center;
  margin: 40px 0px 20px 0px;
  color: #E6E6E6;
  font-size: 13px;
  font-style: italic;
  font-family: Times New Roman, Georgia, serif;
}

h1 {
  display: block;
  width: 110px;
  height: 130px;
  margin: 45px auto 45px auto;
  background: url(/images/z.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}

#cards {
  list-style: none;
  overflow: hidden;
  margin: 0px 0px 20px 0px;
}

#cards>li {
  overflow: hidden;
  display: block;
  float: left;
  background-color: #FFFFFF;
  margin: 5px;
  padding: 5px;
  cursor: pointer;
}

#cards>li.open {cursor: default;}

#cards>li a.close {
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin: 10px;
  background: url(/images/close.gif) no-repeat 0px 0px;
}

#cards>li a.close:hover {background: url(/images/close.gif) no-repeat 0px -15px;}



body.dallazallaa #cards>li {
  width: 160px;
  height: 200px;
}

body.dallazallaa #cards>li img.lettera {
  display: block;
  float: left;
  width: 160px;
  height: 200px;
  margin: 0px 0px 20px 0px;
}


body.dallazallaa #cards>li div.text {
  width: 320px;
  height: 200px;
  margin: 0px 10px 0px 10px;
  font-size: 23px;
  display: none;
}



body.home #cards>li {
  width: 205px;
  height: 300px;
}

body.home #cards>li div.content-small {
  width: 195px;
  height: 285px;
  padding: 10px 5px 5px 5px;
  overflow: hidden;
}

body.home #cards>li div.content-small h2 {
  font-size: 22px;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-style: italic;
  text-align: center;
  height: 59px;
  border-bottom: 1px solid #CCCCCC;
}

body.home #cards>li div.content-small img {
  display: block;
  width: 195px;
  height: 130px;
  padding: 10px 0px 10px 0px;
}

body.home #cards>li div.content-small p {
  font-size: 14px;
  color: #999999;
  height: 69px;
  padding: 5px 0px 0px 0px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  line-height: 20px;
  border-top: 1px solid #CCCCCC;
}


body.home #cards>li div.content-big {
  width: 420px;
  height: 575px;
  padding: 5px;
  overflow: hidden;
  display: none;
}


body.home #cards>li div.content-big h2 {
  font-size: 22px;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-style: italic;
  text-align: center;
  height: 29px;
  border-bottom: 1px solid #CCCCCC;
}

body.home #cards>li div.content-big div.looped-slider, body.home #cards>li div.content-big div.object {
  display: block;
  overflow: hidden;
  width: 420px;
  max-height: 525px;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #CCCCCC;
  margin: 0px 0px 10px 0px;
}

body.home #cards>li div.content-big div.tag {
  display: block;
  overflow: hidden;
  width: 420px;
  height: 20px;
  font-size: 13px;
  padding: 5px 0px 0px 0px;
  border-top: 1px solid #CCCCCC;
  margin: 10px 0px 0px 0px;
  text-align: center;
  color: #999999;
}

body.home #cards>li div.content-big div.looped-slider div.container {
  width: 420px;
  height: 280px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  margin: 0px 0px 8px 0px;
}

body.home #cards>li div.content-big div.looped-slider div.slides {
  position: absolute;
  top: 0px;
  left: 0px;
}

body.home #cards>li div.content-big div.looped-slider div.slides div {
  width: 420px;
  height: 280px;
  top: 0px;
  display: none;
  position: absolute;
}

body.home #cards>li div.content-big div.looped-slider div.slides div img {
  width: 420px;
  height: 280px;
}

body.home #cards>li div.content-big div.looped-slider ul.pagination {
  list-style: none;
  margin: 0px 8px 0px 8px;
  padding: 0px;
  float: left;
}

body.home #cards>li div.content-big div.looped-slider ul.pagination li {float: left;}

body.home #cards>li div.content-big div.looped-slider a {
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  background-image: url(/images/loopedslider_buttons.gif);
  background-repeat: no-repeat;
  text-indent: -1000px;
  margin: 2px;
}

body.home #cards>li div.content-big div.looped-slider ul.pagination li a {background-position: -12px 0px;}

body.home #cards>li div.content-big div.looped-slider ul.pagination li.active a {background-position: -12px -12px;}

body.home #cards>li div.content-big div.looped-slider a.next {
  background-position: -24px 0px;
  float: right;
}

body.home #cards>li div.content-big div.looped-slider a.previous {
  background-position: 0px 0px;
  float: left;
}

body.home #cards>li div.content-big div.looped-slider a.next:hover {background-position: -24px -12px;}

body.home #cards>li div.content-big div.looped-slider a.previous:hover {background-position: 0px -12px;}

body.home #cards>li div.content-big div.text {
  display: block;
  overflow: hidden;
  width: 420px;
  font-size: 14px;
  color: #999999;
  font-family: Arial, sans-serif;
  line-height: 20px;
}

#info h2 {
  display: block;
  width: 450px;
  height: 80px;
  background-repeat: no-repeat;
  background-image: url(/images/bg_info.png);
  overflow: hidden;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0px auto 0px auto;
  cursor: pointer;
}

#t-zorattistudio {background-position: 0px 0px;}

#t-zorattistudio:hover, #t-zorattistudio.sel {background-position: 0px -80px;}

#t-contatti {background-position: -450px 0px;}

#t-contatti:hover, #t-contatti.sel {background-position: -450px -80px;}

#t-news {background-position: -900px 0px;}

#t-news:hover, #t-news.sel {background-position: -900px -80px;}

#c-zorattistudio, #c-contatti, #c-news {
  display: none;
  overflow: hidden;
  color: #E6E6E6;
  margin: 0px 0px 20px 0px;
}

#c-zorattistudio div.col, #c-news div.col {
  font-size: 14px;
  width: 440px;
  padding: 5px;
  float: left;
}

#c-contatti div.col {
  font-size: 14px;
  width: 215px;
  padding: 5px;
  float: left;
}

#c-contatti div.col h3 {
  font-size: 16px;
  color: #92117E;
  margin: 0px 0px 5px 0px;
}

#c-contatti div.col a {color: #E6E6E6;}


#c-news div.col div.descrizione {
  font-size: 14px;
  color: #E6E6E6;
  margin: 0px 0px 5px 0px;
}

#c-news div.col h3 {
  font-size: 14px;
  color: #92117E;
  margin: 0px 0px 5px 0px;
}



/* jScrollPane */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}

body.gallery .jScrollPaneDrag {background: #333;}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}