﻿body
{
 background-color:#000000;	
 color:#FFFFFF;
 font-size:78%;
 
}
strong { font-weight: bold; font-size: 110% }

a 
{
	color:#FFFFFF;
	text-decoration:none;
}
/* Classe DI PROVA!!!!!!*/
.coloreTesto
{
	color : #00FF00;
}
/* Fine Classe DI PROVA */
.activeMenuUp
{
	border-bottom: solid 1px #CCC;
}

.activeMenuDown
{
	border-bottom: solid 1px #CCC;
}

.active
{
	border-bottom: solid 1px #CCC;
	display: block;
}
.MenuProp 
{
	float:left;
	margin-right: 5px; 
	padding-right:6px;
	list-style-type: none;
	line-height: 15px;
	border-right: 1px solid #FFF;
}
.NoBarRight
{
	float:left;
	margin-right: 5px; 
	border-right: 0px ;
	padding-right:6px;
	list-style-type: none;
	line-height: 15px;
}
#Container 
{
	
	margin:0 auto;
	margin-top:22px;
	padding:0;
	width:978px;
	font-family:Helvetica;
	font-size:80%;
	position: relative;
	
}

.openingCatalog { height: 368px; background: url("../img/back-catalogo.jpg") no-repeat bottom left; }
.openingCatalogen { height: 368px; background: url("../img/catalogo_eng.jpg") no-repeat bottom left; }
.repeaterCatalog {  height: 338px; padding: 15px; background: #FFF; color: #333; }
#MenuCatalogo { min-height: 25px; padding: 0 20px; padding-top: 4px; background: url("../img/catalogo_sottoheader.jpg") no-repeat top left; }
#MenuCatalogo table  { margin-right: 20px;  }
#MenuCatalogo td.rcbArrowCell  { border: 0; background: url("../img/dropdownarrow.jpg") no-repeat top left;  }
#MenuCatalogo td.rcbInputCell { border: 1px solid #6D6D6D; border-right: 0 }
.repeaterCatalogItem { width: 91px; height: 63px; padding: 1px 0 0 1px; background: url("../img/back-item.jpg") no-repeat top left; float: left; margin-right: 1px; margin-bottom: 1px; }
.repeaterCatalogItem a { display: block; width: 92px; height: 64px; }
#SchedaProdotto  { height: 368px; background: #FFF; color: #666 }
#SchedaProdotto #Left { float: left; width: 422px; height: 368px; position: relative; } 
#SchedaProdotto #Right { height: 368px; background: url("../img/catalogo_sfondovarianti.jpg") no-repeat top left; float: right; width: 220px; }
#SchedaProdotto #Center { background: url("../img/catalogo_sfondooggetto.jpg") no-repeat top left; margin: 0 220px 0 422px; height: 338px; padding: 15px; font-size: 120%; position:relative; }
#SchedaProdotto #Center h2 { font-family: Georgia, Times New Roman, Serif; font-size: 300%; padding-bottom: 10px; margin-bottom: 12px; } 
#SchedaProdotto #Center strong { font-weight: bold; }
#Characteristics { border-top: 1px solid #E7E5E6;  border-bottom: 1px solid #E7E5E6; padding: 15px 0; margin-bottom: 15px; }
#Characteristics div { margin: 15px 0; }
#Characteristics div span { color: #FF9700; }
.pnlRight { border-bottom: 1px solid #E2E0E1; padding-bottom: 5px; margin-bottom: 5px }

/* HEADER */
#Header
{
	margin:0;
	padding:0;
	height:25px;
	background: url(../img/header.jpg) no-repeat top left;
	line-height:20px;
	
	
}
#MenuUp
{
	margin:0;
	padding:0;
	position: absolute;
	top:5px;
	right: 13px;
	color:#FFFFFF;
	
}



#MenuUp a:hover
{
	color:#666;
}


#EngFlag
{
	 text-decoration: none; 
	 display: block; 
	 width: 16px; 
	 height: 20px; 
	 background:url(../img/menu/eng.png) no-repeat top left;
}

#ItaFlag
{
	 text-decoration: none; 
	 display: block; 
	 width: 16px; 
	 height: 20px; 
	 background:url(../img/menu/ita.png) no-repeat top left;    
}

#EngFlag span, #ItaFlag span
{
	position: relative; 
	z-index: -1; 
}

/* End Header */
.main
{
	margin:0;
	padding:0;
	height:396px;
	background:#808080;
	overflow:hidden;
}

#lipsum
{
    height:366px;
    background: #FFF;
    color: #333;
    padding: 15px;
	line-height:1.5;
	font-size:1.2em;
	text-align: justify;
	position: relative;
}

#lipsum2 {height:330px;}

#Home
{
	margin:0;
	padding:0;
	height:396px; overflow:hidden;
	/*background:url(../img/home-main.png) no-repeat top left; */
}
/* FOOTER */
#Footer
{
	z-index:2;
	position:relative;
	margin:0;
	padding:0;
	top:0px;
	height:100px;
	background: url("../img/footer.jpg") no-repeat top left;
	position: relative;	
}



#Logo a
{
    display: block;
	z-index: 5;
	margin:0;
	padding:0;
	position:absolute;
	top: 428px; 
	left: 0;
	width:335px;	
	height:95px;
	text-indent: -10000;
}
#Logo span
{
	position:relative;
	z-index: -1;
}

#Menu
{
	
	margin:0;
	padding:0;
	position:absolute;
	right:-5px;
	top: 12px;
	font-size:1.2em;		
	z-index:11;
	
}

#Menu li { list-style-type: none;  }


#Menu a:hover
{
	display: block;
	border-bottom : solid 1px #666;
}
#Menu .active:hover { border-bottom: 1px solid #CCC; }

.menuBig
{
	padding-right:28px;	
	float:left;
	color:#FFFFFF;
}
.menuBig a { padding-bottom: 2px; }
/* END FOOTER */

/* Under FOOTER*/
#UnderFooter
{
	position:relative;	
	margin: 0;
	padding:0;
	padding-top:6px;
	height:20px;
	font-size:1.1em;
	color:#CCCCCC;
	
}
#Address
{	
	margin:0 ;
	padding:0;
	float:left;
	position:absolute;
	left:16px;
	font-size:0.8em;
	font-style: normal;
}

#MenuFooter
{
	position:absolute;	
	margin:0;
	padding:0;
	float:left;
	font-size:0.8em;
	right:10px;
	color:#CCCCCC	
}

#MenuFooter a { color: #CCC; }

#MenuFooter a:hover
{
	color:#666;
}

/* END UNDER FOOTER */


.jcarousel-container {
    position: absolute; left: 0px; top: 298px; 
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 89px;
    height: 61px;
    cursor: pointer;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 300px; 
    padding: 0 16px 0 18px;
    background: #FFF;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  300px;
    height: 68px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 89px;
    height: 61px;
    border: 1px solid #FFF;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 12px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 13px;
    height: 66px;
    cursor: pointer;
    background: url(../img/next.jpg) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    background: #FFF;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 13px;
    height: 66px;
    cursor: pointer;
    background: url(../img/prev.jpg) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
   background: #FFF;
}

.btnVideo { position: absolute; bottom:9px; right: 0; cursor: pointer; }
#VideoContainer { position: absolute; top: 5px; left: 7px; }
#VideoContainer .media { position: absolute; top: 0; left: 0; }
#Gallery .gallery li.active { border: 1px solid #CCC; }
.login { background: url("../img/login_sfondo.jpg") no-repeat top left; color: #333; }

.loginbox { position: relative; top: 110px; left: 28px }
.loginbox td { padding: 5px 5px; }
.loginbox input { border: 1px solid #999; }
.btnRegistra { position: absolute; top: 215px; left: 120px; color: #333; padding-bottom: 2px; border-bottom: 1px solid #333; }
.registrazione { background: url("../img/registrazione_sfondo.jpg") no-repeat top left; color: #333; }
.registrazioneen { background: url("../img/registrazione_sfondo_eng.jpg") no-repeat top left; color: #333; }

.profilo { background: url("../img/profilo_sfondo.jpg") no-repeat top left; color: #333; }
.profiloen { background: url("../img/profilo_sfondo_eng.jpg") no-repeat top left; color: #333; }
#BoxRegistrazione { position: relative; top: 130px; left: 40px }
#BoxRegistrazione input { font-family: 'Helvetica', Times New Roman, Serif; }
#regLeft { position: relative; float: left; }
#regLeft label { display: block; float: left; width: 100px; }
#regLeft input { border: 1px solid #999; }
#regLeft p { margin: 10px 0; }


#regRight { position: absolute; float: left; width: 400px; top: 0px; left: 270px; }
#regRight .labelBlk { display: block; float: left; width: 100px; }
#regRight .border { border: 1px solid #999; }
#regRight p { margin: 10px 0; }
#regRight table { position: absolute; top: 10px; left: 95px; }
.profilo #regRight table { position: absolute; top: 106px; left: 96px; }
.profiloen #regRight table { position: absolute; top: 106px; left: 96px; }
#regRight .chb { height: 115px; }
.btnRegistrati { position: relative; top: -10px; left: 100px; }

.accessibilita h4, .privacy h4 { font-weight: bold; margin: 20px 0 0 0  }
.accessibilita a, .privacy a, .contatti a, .credits a, .registrazione a { color: #000; text-decoration: underline }
.error { margin: 10px; padding: 10px; border: 1px solid #CCC; width: 400px; }
.contatti { position: absolute; top: 15px; left: 650px; }
.title { font-family: Georgia, Helvetica, Times New Roman, Serif; font-size: 200%; margin-bottom: 10px; }

#pnlNewsletter { z-index: 100; display: none; position: absolute; width: 200px; padding: 10px; background: #FFF; color: #333; border: 1px solid #333; border-top: 0; top: 20px; right: -1px; }
#pnlNewsletter p { margin: 10px 0; }
#pnlNewsletter a { color: #333; }
#pnlNewsletter .border { border: 1px solid #333; }
#pnlNewsletter table { margin: 0 auto; }
#pnlNewsletter .btnEsegui { margin-left: 63px; }
#pnlNewsletter .btnChiudi { position: absolute; bottom: 0; right: 0; }
#pnlNewsletter .btnChiudi img { vertical-align: middle; }
.lnkNewsletter { position: relative; cursor: pointer }
.btns { position: absolute; bottom: 0px; left: 200px; }
.btns input { margin-right: 10px; }

.azienda { background: url("../img/back-azienda.jpg") no-repeat top left; color: #333; } 
.azienda .cnt {line-height:1.5; width: 350px; padding: 10px; font-size:1.2em;	text-align: justify; }
.azienda .cnt p { margin-bottom: 15px; }

#popup { height: 392px; width: 762px; background: url("../img/popup.jpg") no-repeat top left; }
#popup #SchedaProdotto  { height: 368px; background: #FFF; color: #666 }
#popup #SchedaProdotto #Left { float: left; width: 422px; height: 368px; position: relative; } 
#popup #SchedaProdotto #Right { height: 368px; background: url("../img/catalogo_sfondovarianti.jpg") no-repeat top left; float: right; width: 220px; }
#popup #SchedaProdotto #Center { background: url("../img/catalogo_sfondooggetto.jpg") no-repeat top left; margin: 0 0 0 422px; height: 338px; padding: 15px; font-size: 120%; }
#popup #SchedaProdotto #Center h2 { font-family: Georgia, Times New Roman, Serif; font-size: 300%; padding-bottom: 10px; margin-bottom: 12px; } 
#popup #SchedaProdotto #Center strong { font-weight: bold; }

.BlockSpacer {position: absolute; top: 0pt; left: 0pt; width: 423px; height: 291px; z-index: 10;}

.infoBlock { position:absolute; bottom:5px;}

.RegisterMessage { padding: 0 0 0 8px;}