body, html {
	font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	color: #333333;
	margin: 10;
}

body {
	height: 100%;
	background: #EBEBEB url(../Images/bg.jpg) no-repeat center top;
}

/* RESET */

div,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset {
	margin: 0;
	padding: 0;
}

ul,ol {
	list-style: none;
}

img {
	border: 0;
}

a, a:link, a:active {
	font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: White;
}

a:hover {
	color: #3A3185;
	text-decoration: underline;
}

h1 {
	color: Black;
	text-decoration: none;
	margin-bottom: 0px;
	font: bold 12px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#head {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	height: 117px;
	width: 970px;
	text-align: left;
}

#logo{
	display: block;
	position: relative;
	left: 17px;
	top: 0px;
	width: 322px;
}

.box_contacts {
	display: block;
	position: absolute;
	width: 254px;
	height: 93px;
	border: 3px solid #B8B4D3;
	top:  5px;
	right: 40px;
	z-index: 5;
	color: #3A3185;
	background: url(../Images/box_contacts.png) repeat-x;
	font: bold 11px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	z-index: 35;
	text-align: left;
}

#body {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	height: auto;
	width: 970px;
	text-align: left;
}

.nav_panel {
	display: block;
	position: relative;
	left: 0px;
	top: 7px;
	height: 472px;
	width: 197px;
	text-align: left;
	float: left;
}

.nav_thumbs {
	display: block;
	position: relative;
	left: 0px;
	top: 19px;
	height: 434px;
	width: 750px;
	text-align: left;
	background: url(../Images/box_nav_thumbs.png) no-repeat -20px;
	clear: none;
	float: left;
}

.tab_sex {
	display: block;
	position: relative;
	left: 17px;
	width: 86px;
	height: 12px;
	float: left;
	text-align: center;
	padding-top: 2px;
	font: bold 10px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: White;
	background: #B8B4D3;
	cursor: pointer;
	margin-right: 2px;
}

#tab_sex_on {
	color: White;
	background: #3A3185;
	cursor: auto;
}

.all {
	display: block;
	position: absolute;
	top: 26px;
	width: 174px;
	height: 16px;
}

.tab_all {
	display: block;
	position: relative;
	left: 0px;
	width: 87px;
	height: 14px;
	float: left;
	text-align: center;
	padding-top: 2px;
	font: bold 10px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: White;
	cursor: pointer;
}

#tab_all_on {
	color: #3A3185;
	background: White;
	cursor: auto;
}

.let {
	display: block;
	position: absolute;
	top: 68px;
	left: 0px;
	width: 16px;
	height: auto;
}

.tab_let {
	display: block;
	position: relative;
	width: 15px;
	height: 14px;
	background: #B8B4D3;
	color: White;
	clear: left;
	text-align: center;
	padding-left: 2px;
	margin-top: 1px;
	font: bold 10px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	cursor: pointer;
}

#tab_let_on {
	color: White;
	background: #3A3185;
	cursor: auto;
}

.box_nav {
	display: block;
	position: absolute;
	width: 180px;
	height: 444px;
	background: url(../Images/box_nav.png) repeat-x;
	left: 17px;
	top:  14px;
}

.box_nav_fav {
	display: block;
	position: absolute;
	width: auto;
	height: 100px;
	background: #FF6600 url(../Images/box_nav_fav.png) repeat-x;
	left: 240px;
	top:  415px;
	padding-right: 10px;
	border: 3px solid White;
	z-index: 25;
}

.box_nav_src {
	display: block;
	position: absolute;
	width: 174px;
	height: 431px;
	background: #B8B4D3;
	left: 3px;
	top:  10px;
}

.box_nav_nms {
	display: block;
	position: absolute;
	width: 174px;
	height: 389px;
	background: #3A3185 url(../Images/box_nav_nms.png) repeat-x fixed 0 191px;
	left: 0px;
	bottom:  0px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.src_name {
	background: White;
	height: 14px;
	width: 104px;
	font: bold 10px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: none;
	margin-left: 3px;
	margin-top: 3px;
	color: #3A3185;
}

.src_but {
	color: White;
	background: #3A3185;
	height: 16px;
	width: 60px;
	font: bold 9px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: none;
	padding-top: 3px;
	cursor: pointer;
}

.bigcard {
	display: block;
	position: relative;
	width: 136px;
	height: 166px;
	margin-left: 11px;
	margin-top: 11px;
	float: left;
}

.smallcard {
	display: block;
	position: relative;
	width: 66px;
	height: 66px;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
}

.box_bigthumb {
	display: block;
	position: relative;
	width: 136px;
	height: 166px;
	background: url(../Images/box_bigthumb.png) no-repeat;
	cursor: pointer;
	z-index: 1;

}

.box_smallthumb {
	display: block;
	position: relative;
	width: 66px;
	height: 66px;
	background: url(../Images/box_smallthumb.png) no-repeat;
	cursor: pointer;
}

.chk_add {
	display: block;
	position: absolute;
	right: -4px;
	top: -4px;
	margin: 0px;
	padding-left: 29px;
	padding-top: 3px;
	border: none;
	width: 23px;
	height: 23px;
	background-image: none;
	cursor: pointer;
	background: url(../Images/box_add.png) no-repeat;
	z-index: 2;
}

.chk_rem {
	display: block;
	position: absolute;
	right: -6px;
	top: -8px;
	margin: 0px;
	padding-left: 45px;
	padding-top: 3px;
	border: none;
	width: 23px;
	height: 23px;
	background-image: none;
	cursor: pointer;
	background: url(../Images/box_remove.png) no-repeat;
	z-index: 2;
}

.add_but {
	display: block;
	position: absolute;
	right: 16px;
	bottom: 50px;
	background-color: #FF6600;
	color: White;
	border: 2px solid White;
	padding: 0px 10px 0px 10px;
	width: 110px;
	height: 16px;
	font: bold 9px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	cursor: pointer;
}

.remove_but {
	display: block;
	position: relative;
	margin-top: 3px;
	margin-left: 10px;
	background-color: #948FBD;
	color: White;
	border: 2px solid White;
	padding: 0px 10px 0px 10px;
	width: 120px;
	height: 16px;
	font: bold 9px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	cursor: pointer;
	float: left;
	clear: both;
}

.name {
	display: block;
	position: absolute;
	bottom: 7px;
	left: 7px;
	line-height: 10px;
}

.pic122 {
	display: block;
	position: relative;
	width: 122px;
	height: 122px;
	background: url(../Images/box_bigthumb.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	padding: 7px 7px 37px;
	line-height: 10px;
	font: bold 9px "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666666;
	text-transform: uppercase;
}

a.pic122, a:link.pic122, a:active.pic122, a:visited.pic122
{
	color: #666666;
}

a:hover.pic122, a:target.pic122, a:focus.pic122
{
	color: White;
	text-decoration: none;
	background: url(../Images/box_bigthumb_roll.png) no-repeat;
}


.pic52 {
	display: block;
	position: relative;
	z-index: 1;
	width: 52px;
	height: 52px;
	background: url(../Images/box_smallthumb.png) no-repeat;
	cursor: pointer;
	padding: 7px;
}

a.pic52, a:link.pic52, a:active.pic52, a:visited.pic52
{
	
}

a:hover.pic52, a:target.pic52, a:focus.pic52
{
	background: url(../Images/box_smallthumb_roll.png) no-repeat;
}

.box_nav_list {
	display: block;
	position: relative;
	width: 155px;
	height: auto;
}

.nml {
	display: block;
	position: relative;
	background: White;
	height: 11px;
	padding-top: 3px;
	width: 148px;
	padding-left: 5px;
	text-transform: uppercase;
	margin-top: 1px;
	margin-left: 2px;
	font: bold 7pt "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}

a.nml, a:link.nml, a:active.nml, a:visited.nml
{
	color: #3A3185;
}

a:hover.nml, a:target.nml, a:focus.nml
{
	color: White;
	background: #3A3185;
	text-decoration: none;
}

.book {
	display: none;
	position: absolute;
	width: 950px;
	height: 462px;
	top: 7px;
	left:  0px;
	z-index: 20;
/*	background: url(../Images/bg.jpg) no-repeat -27px -125px;*/
}

.iframe {
	width: 950px;
	height: 462px;
	border: none;
	margin: 0;
	padding: 0;
}

.but_close {
	display: block;
	position: absolute;
	top: 0px;
	right: -20px;
	z-index: 25;
}

.foliazione{
	display: block;
	position: absolute;
	text-align: center;
	width: 600px;
	top: 360px;
	left: 10px;
}

.a {
	display: block;
	position: relative;
}

.f_bg {
	width: 27px;
	height: 22px;
	background: url(../Images/f_n.png) no-repeat;
	text-align: center;
	vertical-align: middle;
}

.f {
	color: #666666;
	font: bold 8pt "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}


a.f, a:link.f, a:active.f, a:visited.f
{
	color: #999999;
}

a:hover.f, a:target.f, a:focus.f
{
	color: #666666;
	text-decoration: none;
}

f_on {
	color: #3A3185;	
}

a.f_on, a:link.f_on, a:active.f_on, a:visited.f_on
{
	color: #3A3185;
}

a:hover.f_on, a:target.f_on, a:focus.f_on
{
	color: #3A3185;
	text-decoration: none;
}