@charset "UTF-8";
/* CSS Document */

html, body, ul, li, img, p {
	margin: 0; padding: 0;
}

ul, li	{
	list-style: none;
}

body	{
	background: #fff;
}

p, textarea	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 190%;
}

p a	{
	color: #888;
	font-weight: bold;
	text-decoration: none;
}

p a:hover	{
	text-decoration: underline;
}

#stage	{
	position: absolute;
	top: 50%;
	margin-top: -180px;
	width: 100%;
	height: 396px;
	background: #f5f5f5;
}

#head	{
	position: absolute;
	top: -35px;
	width: 100%;
	height: 9px;
	background: 5px center repeat-x url(../elements/bg_head.gif);
}

#logo	{
	background: #fff;
	padding-left: 23px;
	border: 0;
}

#nav	{
	position: absolute;
	top: 20px;
	left: 0;
}

#nav li	{
	height: 18px;
}

li a	{
	font-family: "Arial Narrow", "Trebuchet MS", Arial, sans-serif;
	color: #333;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 0 4px 21px;
	display: block;
	margin: 0;
}

li a:hover, #first	{
	padding-left: 24px;
	text-decoration: none;
	background: left center no-repeat url(../elements/bg_menu_active.gif);
}


li.sub a	{
	color: #666;
	text-transform: capitalize;
	padding: 4px 0 4px 36px;
}
	
li.sub a:hover, #active	{
	padding-left: 36px;
	text-decoration: none;
	background: left center no-repeat url(../elements/bg_menu_active_sub.gif);
}

a#active	{
	padding-left: 36px;
}

a#first	{
	padding-left: 21px;
}

li.sub a:hover 	{
	padding-left: 38px;
}

#menu a:hover	{
	color: #999;
}

#content{
	position: absolute;
	left:200px;
	width: 600px;
}

#left	{
	position:absolute;
	top: 50%;
	margin-top: -175px;
	left: 202px;
	width: 370px;
	height: 350px;
}

#left img	{
	border: 0;
}

.scroll-pane	{
	width: 100%;
	height: 350px;
	overflow: auto;
}

#right	{
	position:absolute;
	top: 50%;
	margin-top: -175px;
	left: 572px;
	width: 370px;
	height: 350px;
}

#left p, #right p	{
	padding: 10px 15px 20px 15px;
	border-left: 1px solid #ccc;
}

#collezioni	{
	position:absolute;
	top: 50%;
	margin-top: -198px;
	left: 202px;
	width: 792px;
	height: 396px;
	background: #dbdbdb
}

#video	{
	position:absolute;
	top: 50%;
	margin-top: -198px;
	left: 202px;
	width: 792px;
	height: 396px;
}

.col_box	{
	width: 198px;
	height: 198px;
	float: left;
	cursor: pointer;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.col_box div	{
	width: 198px;
	height: 28px;
	margin-top: 170px;
	background: #fff;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.col_box span	{
	position: relative;
	top: 6px;
	left: 10px;
	font-family: "Arial Narrow", "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	color: #333;
	text-transform: uppercase;
}

#versus	{
	background: url(../elements/bg_versus.jpg) no-repeat;
}

#versus:hover	{ 
	background: url(../elements/bg_versus.jpg) no-repeat 0 -198px; 
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#master	{
	background: url(../elements/bg_master.jpg) no-repeat;
}

#master:hover	{ 
	background: url(../elements/bg_master.jpg) no-repeat 0 -198px; 
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#light	{
	background: url(../elements/bg_light.jpg) no-repeat;
}

#light:hover	{ 
	background: url(../elements/bg_light.jpg) no-repeat 0 -198px; 
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#secret	{
	background: url(../elements/bg_secret.jpg) no-repeat;
}

#secret:hover	{ 
	background: url(../elements/bg_secret.jpg) no-repeat 0 -198px; 
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#glass	{
	background: url(../elements/bg_glass.jpg) no-repeat;
}

#glass:hover	{ 
	background: url(../elements/bg_glass.jpg) no-repeat 0 -198px; 
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#extralight	{
	background: url(../elements/bg_extralight.jpg) no-repeat;
}

#extralight:hover	{ 
	background: url(../elements/bg_extralight.jpg) no-repeat 0 -198px; 
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#saturno	{
	background: url(../elements/bg_saturno.jpg) no-repeat;
}

#saturno:hover	{ 
	background: url(../elements/bg_saturno.jpg) no-repeat 0 -198px; 
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.cat_th	{
	float: left;
	margin-right: 15px;
	border: 0;
}
.cat_th:hover	{
	opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

#sc	{
	position: absolute;
	top: 50%;
	margin-top: -180px;
	left: 690px;
	width: 200px;
	height: 396px;
}

#scroller	{
	font-family: "Arial Narrow", "Trebuchet MS", Arial, sans-serif;
	font-size: 24px;
	color: #bcbcbc;
}

input, textarea	{
	border: 1px solid #999;
	width: 200px;
	height: 22px;
	background: #fff;
	margin-top: 12px;
}

.rad	{
	border: 0;
	width: auto;
	height: auto;
	background: none;
}

input:hover, textarea:hover	{
	border: 1px solid #ccc;
}

#submit	{
	font-size: 9px;
	width: 200px;
    background: #fff;
    border: 1px solid #999999;
	color: #666;
}

#submit:hover	{
	border: 1px solid #999999;
}

#navpages{
    text-align:center;
    color: #666666;
    font-size: 11px;
    line-height: 190%;
    font-family: Arial, Helvetica, sans-serif;
}

#button	{
    background: #fff;
    border: 1px solid #999999;
	color: #666;
}

#site_info	{
	position: absolute;
	top: 50%;
	margin-top: 210px;
	left: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	width: 300px;
	text-align: right;
}

#logo_ipip	{
	display:none;
}

/* disable css ad hoc */


#video_mobile	{
	display: none;
}

	

/* iPhone [landscape] */
@media only screen and (max-device-width: 480px) {

#stage	{
	width: 104%;
}

#head	{
	top: -20px;
}

#logo_ipip	{
	display: block;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    padding-left: 23px;
}

.ipip	{
	display: none;
}


li a	{
	font-size: 16px;
}

#nav li {
    height: 22px;
}

p, textarea	{
	font-size: 13px;
}

#video	{
	display: none;
}

#video_mobile	{
	display: block;
	position:absolute;
	top: 50%;
	margin-top: -198px;
	left: 202px;
	width: 792px;
	height: 396px;
}

.ppy-current, .ppy-total, .ppy-counter	{
	font-size: 16px;
}


}
	

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
#stage	{
	width: 104%;
}

#head	{
	top: -20px;
}

#logo_ipip	{
	display: block;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    padding-left: 23px;
}

.ipip	{
	display: none;
}


li a	{
	font-size: 16px;
}

#nav li {
    height: 22px;
}

p, textarea	{
	font-size: 13px;
}

#video	{
	display: none;
}

#video_mobile	{
	display: block;
	position:absolute;
	top: 50%;
	margin-top: -198px;
	left: 202px;
	width: 792px;
	height: 396px;
}

.ppy-current, .ppy-total, .ppy-counter	{
	font-size: 16px;
}


}