/* CSS Document */
body { font-family: 'Trebuchet MS', Arial, Helvetica,  sans-serif; background: url(../img/back/Footer_background2.jpg) left top repeat; margin: 0; padding: 0; color: #FFF; line-height: 100%; }
a { text-decoration: none; color: #FFF;}
a:hover {color: #FEDD00;}
.menuOn {color: #FEDD00 !important;}
.noborder li {border: none;}
strong { font-weight: bold;}

.backTop {background: url(../img/back/Header_menu_background_singola.jpg) left top repeat-x; height: 182px;}
.backTopIn {background: url(../img/back/Header_menu_background_doppia.jpg) left top repeat-x; height: 208px;}
.top {position: relative; width: 962px; height: 182px;  left: 50%; margin-left: -481px;}
.header{display: block; width: 447px; height: 144px; background: url(../img/back/Header_img.jpg) left top no-repeat; position:relative; left: 410px;}
.logo {background: url(../img/logo/Tradingenia_logo.jpg) left top repeat-x;position:absolute; left: 15px; top: 15px; width: 372px; height:115px;}
.logodx {background: url(../img/logo/TIS_logo.jpg) left top repeat-x; width: 105px; height: 48px; position:absolute; right: 0; top: 78px;}
.backContent {background: url(../img/back/Body_background.jpg) left top repeat; min-height: 175px;}
.content {color: #333; font-size: 75%; width: 962px; min-height: 250px; left: 50%; margin-left: -481px; position:relative;}

.imgTitPagina {padding: 20px 0 20px 0;}

.evento { font-size: 115%; margin-bottom: 20px;  border-bottom:dashed 1px #666666; }
.evento p{padding-bottom: 15px;}
.evento h2{ font-size: 180%; color: #98B318; padding-bottom: 10px;}
.evento h3{ font-size: 130%; color: #666666; padding-bottom: 10px;}
.evento .hlEvento {color: #666666; text-decoration: underline;}
.evento a { color: #333; font-weight: bold; }

/* MENU */

.menuI{position: absolute; top: 155px; left: 26px;}
.menuI li{float: left; padding-right: 23px; padding-left: 23px;}

/* MENU - I Livello */


/* MENU - II livello */
.menuIIProdotti ul {position:absolute; top: 185px; left: 243px; font-size: 95%;}
.menuIIProdotti ul li {float: left; padding-right: 50px;}
.menuIIProdotti  a { color: #C1C1C1;}
.menuIIProdotti  a:hover {color: #FFF;}

.menuIIEventi ul{position: absolute; top: 185px; left: 361px; font-size: 95%; }
.menuIIEventi ul li {float: left; padding-right: 50px;}
.menuIIEventi ul li a { color: #C1C1C1;}
.menuIIEventi ul li a:hover {color: #FFF;}

.menuIIRassegna ul{position: absolute; top: 185px; left: 457px; font-size: 95%; }
.menuIIRassegna ul li {float: left; padding-right: 50px;}
.menuIIRassegna ul li a { color: #C1C1C1;}
.menuIIRassegna ul li a:hover {color: #FFF;}

/* HOME */

.imgHome { position: absolute; left: 0px; top: 5px;}
.imgBanner { position: absolute; right: 0px; top: 5px;}
.homeBackContent { background:url(../img/back/Home_background.jpg) left top repeat-x; height: 375px;}



/* HOME - NEW */

.homeNew {}
#home {display: block; width: 698px; height: 365px; position: relative; top: 5px;}
.homeNew .homeBox{margin-top: 10px;  width: 698px; height:186px; background: #FFF;}
.homeNew .homeBox strong {font-weight: bold;}
.homeNew .homeBox p {padding: 0 12px 8px 12px;}
.homeNew .homeBox h5{font-size: 120%; padding: 35px 12px 5px 12px;}
.imgBannerNew { position: absolute; right: 0px; top: 5px; background:url(../img/home/home_NEW_banner_eventi_02.jpg) left top no-repeat; width:253px ; height: 365px;}

/* PRODOTTI */

.prodotti{min-height: 418px; padding-top: 8px;}
.prodottiRicerca{width: 962px; height: 138px; background: #FFF;}
.prodottiRicerca ul{width: 478px; height: 132px; float: left; margin-top: 3px;}
.prodottiRicerca ul.left{margin-left: 3px; background: #FEF6CF;}
.prodottiRicerca ul img {padding-left: 90px; padding-top: 24px;}
.prodottiRicerca ul.right{background: #FFCE0C;}
.prodottiRicerca ul.right li { padding-left: 90px; padding-top: 17px; }
.prodottiRicerca p {padding-left: 90px; padding-right: 90px;}

.boxMaster ul {float: left; position: relative; top: 8px; }
.boxMaster p {padding: 7px 14px 0 14px; }
.boxMaster a {color: #FFCE0C; position: absolute; top: 241px; left: 14px; font-size: 110%; }
.boxMaster a:hover {color: #FFF;}
.boxMaster img {padding-left: 14px; padding-top: 14px;}
.boxA {display: block; padding-right: 8px; background: url(../img/box/Box_A.jpg) left top no-repeat; width: 315px; height: 265px;}
.boxB { padding-right: 8px; background: url(../img/box/Box_B.jpg) left top no-repeat; width: 315px; height: 265px;}
.boxC {background: url(../img/box/Box_C.jpg) left top no-repeat; width: 315px; height: 265px;}

.azienda .boxMaster p {padding: 47px 14px 0 14px;  font-size: 145%; line-height: 120%; }
.eventiHome, .azienda {height: 281px;}


/* CATALOGO GENERALE */
.prodotto { position:relative; clear:left; min-height:147px; padding:8px; width: 932px;  background: #FFF; margin-bottom: 20px;}
.imageTitleCategory { margin-bottom:15px;}
.imageProduct {float:left; padding-right:10px;}
.titleProduct { font-size:2.6em; color:#2c2c2c; margin: 4px 0 25px 0;	}
.shortDescription {  line-height:16px; font-size:0.9em;}
.ButtonGoToDetail  { position:absolute; text-align:right;  right:6px; bottom:6px;  }


.DetailProductContainer{ min-height:450px;}
.DetailProductContainer a { color: #333; font-weight: bold; }
.TitleProduct { width:915px; font-size:2.2em; padding:8px; color:#666; margin: 6px 0 6px 0; background:#fff;}
.ImageProductDetail { float:left; background:#fff; margin:6px 0 6px 0; padding:8px; width:460px; height:385px;}
.CarouselImages {float:left;}
.LongDescription{ clear:left; padding:40px 0 10px 0; width:915px; font-size:1.3em; line-height:1.5em; border-bottom: dashed 1px #666; margin-bottom:20px;  }
.ToPressClipping{border-bottom: dashed 1px #999; width:915px; margin-bottom:18px; padding-bottom:25px;}
.ToPressClipping a{  color: #333; text-decoration:underline; font-size:1.2em;}
.Back {padding-bottom:10px; padding-left:5px; padding-top:2px; background: url(../img/box_torna_catalogo.png) left top no-repeat; width:183px; height:23px;}
.Back a{ color: #fff; text-decoration:none; font-size:1em; }
/* jcarousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; margin: 6px 6px 6px;}
.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,
/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-item { float: left; list-style: none; width: 100px; height: 84px;}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next { z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}
/* fine jcarousel */
.RightContainerDetail { float:left; height:397px; width:303px;} 
.PdfFile a{ display:block; margin: 6px 0 6px;  width:303px; height:91px; background: #fff url('../img/pdfProduct.png') no-repeat; line-height:38px;}
.TitleCategory { margin-bottom:10px; font-size:1.6em;}
.ProductInMyCategory {margin-top:6px ; padding:8px 8px 8px 8px; width:285px; height:288px; background: #fff; }
.repLinkProduct li a { color:#666; font-size:1.2em;}



/*.prodotto img {position: absolute; width: 465px; top: 6px; left: 6px; height: 148px; background: red;}
.prodotto .nomeProdotto img{position: absolute; left: 486px; top: 20px; width: 160px; height: 40px; background: navy;  }
.prodotto p{position: absolute; top: 80px; left: 486px; width: 410px;}*/

/* CONTATTI */
.mappa { margin: solid 1pxred; }
.contatti { height: 400px;}
.contatti ul {float: left;}
.contatti a {color: #333;}
.contatti a:hover {color: #666;}
.contatti .contattiAddressTitle {margin-left: -4px;}
.contatti .contattiAddress {padding-left: 12px;}

/* FOOTER */
.footer { }
.footerContent { font-size: 80%; width: 962px; height: 86px;  left: 50%; margin-left: -481px; position:relative; /* background: url(../img/back/Footer_background.jpg) left top repeat-x;*/}
.footerContentIn { font-size: 80%; width: 962px; height: 86px;  left: 50%; margin-left: -481px; position:relative;}
.address {padding-top: 10px; position: absolute; line-height: 130%;}
.address span {color: #FEDD00;}
.footer .address .smaller { font-size: 85%; }
.menuFooter li{ float: left; padding-left:8px; padding-right: 8px; height: 14px; padding-bottom: 3px; border-right: solid 1px #FFF;}
.menuFooter { position: absolute; top:11px; right: -8px;}
.menuFooter .noborder {border: none;}


/* Accessibilità */
#accessibilita { color: #666; margin: 0 auto; min-height: 260px; height: auto !important; font-size: 90%; height: 260px; padding-bottom: 35px;}
#accessibilita p { margin: 0px; width: 98%; margin-bottom: 6px; margin-top: 10px;}
#accessibilita p strong {font-weight: bold;}
#accessibilita h2{font-size: 200%; font-weight: bold; padding-top: 20px; padding-bottom: 15px;}
#accessibilita h3 { font-weight: bold; font-size: 125%; margin-bottom:6px;  }
#accessibilita h4{font-weight: bold; padding-bottom: 3px;}
#accessibilita a { color: #333; } 
#accessibilita a:hover { color: #999; }
ol { list-style: decimal outside; padding-left: 25px;}
#accessibilita ol li {padding-left: 5px;}

/* Privacy-Policy */
.privacy { color: #666; margin: 0 auto; min-height: 260px; height: auto !important; font-size: 90%; height: 260px; padding-bottom: 35px;}
.privacy p { margin: 0px; width: 98%; margin-bottom: 6px; }
.privacy h2 {font-size: 200%; font-weight: bold; padding-top: 20px; padding-bottom: 15px;}
.privacy h3 { font-weight: bold; font-size: 125%; margin-bottom:6px; margin-top: 10px; }
.privacy h4{font-weight: bold; padding-bottom: 3px;}
.privacy a { color: #333; } 
.privacy a:hover { color: #999; }

/* Credits */
#CntCredits{width: 944px;color: #666;padding-top: 0px;margin-top: 0pt;margin-right: auto;padding-bottom: 25px;margin-left: auto;text-align: center; font-size: 100%;}
#CntCredits address{font-size: 100%;}
#CntCredits a{color:#666;  text-decoration: underline;}
#CntCredits a:hover{color:#999;}
#CntCredits img{padding-top: 30px;}

/* RASSEGNA STAMPA */

.rassegnaStampa {/* border-bottom: dashed 1px #999;*/}
.rassegnaStampa .fonte a { text-decoration: none; color: #666; }
.rassegnaStampa h3 { font-size: 140%; color: #333; clear: left;}
.rassegnaStampa .article {color: #999;}
.rassegnaStampa .article a{color: #D8B00C; text-decoration: none;}
.rassegnaStampa .fonte {color: #666; font-weight: bold;}
.rassegnaStampa .rassegnaStampaDescrizione {color: #666;}
.rassegnaStampa ul li{ float: left; width: 310px; margin-bottom: 5px;}
#Right .rassegnaStampa ul li { width: 210px; }

.rassegnaBtn {margin: 0 auto 10px auto; width: 736px;}
.btnStampa { background: url("../img/rs_stampa_off.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;}
.btnStampaOn { background: url("../img/rs_stampa_on.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px; }
.btnStampa:hover { background: url("../img/rs_stampa_on.jpg") no-repeat top left; width: 232px; height: 86px; cursor: pointer; }
.btnVideo { background: url("../img/rs_video_off.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;  }
.btnVideoOn { background: url("../img/rs_video_on.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;  }
.btnVideo:hover { background: url("../img/rs_video_on.jpg") no-repeat top left; width: 232px; height: 86px; cursor: pointer;  }


.btnAudio { background: url("../img/rs_audio_off.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;  }
.btnAudioOn { background: url("../img/rs_audio_on.jpg") no-repeat top left; width: 232px; height: 86px; margin: 0 5px;  }
.btnAudio:hover { background: url("../img/rs_audio_on.jpg") no-repeat top left; width: 232px; height: 86px; cursor: pointer;  }

.btnNote{}
.rassegnaVideo {margin: 5px 0 10px 0; display: block;}
.rassegnaVideo .rassegnaVideoTitle { font-size: 135%;  display: block; padding-left: 255px; }
.rassegnaVideo p object {margin: 15px auto; display: block;}
.clear { font-size: 130%; margin-top: 20px; width:560px; margin:0 auto; font-size:1.3em; clear: left; }
.clearLeft { clear: left; }

.archivio { border-top: 2px solid #D8B00C; margin-top: 20px; text-align: center; padding-top: 5px; padding-bottom: 20px }
.archivio a { font-weight: bold; text-decoration: none; font-size: 130%; color: #333 }
.archivio a:hover { color: #666; }

#Left { position: absolute; margin-top: 15px; margin-left: 16px; width: 223px; height: 144px; background: url("../img/box-content.jpg") no-repeat top left; padding: 18px 23px; line-height: 1.3; color: #333; font-size: 105%; }
#Left h2 { font-size: 110%; text-transform: uppercase; font-weight: bold; }
#Left p { margin-bottom: 20px; }

#Search { position: absolute; top: 0px; }
#Search input { border: 1px solid #D8B00C; background: #FFF; }
#Search .btnCerca { border: 1px solid #333; background: #333; color: #FFF }
#Treeview { position: absolute; top: 50px }
#Treeview p { margin-top: 10px; }
#Treeview a { text-decoration: none; font-weight: bold; color: #333; }
#Treeview a:hover { color: #666; }
#Right { margin-left: 300px; min-height: 500px; height: auto !important; height: 500px; padding-bottom: 60px }

.pnl { }
.pnl label { display: block; float: left; width: 150px; }
.pnl p { margin: 10px 0; }
.pnl input { width: 300px; }
.pnl textarea { width: 300px; height: 90px; }
.pnl .btn { position: relative; left: 272px; width: auto; background: url("/img/box_torna_catalogo.png") no-repeat top left; display: block; width: 183px; height: 21px; text-align: center; padding-top: 2px }


/* login */
body#BodyLogin { background: url("../img/login_banda.jpg") repeat-x left 300px; color: black }
.boxLogin { position: relative; margin: 0 auto; margin-top: 20px; background: url("../img/admin_login.png") no-repeat top left; height: 668px; width: 531px; }
input.loginInput { width: 200px; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; border: 1px solid #999; padding: 2px; }
#LoginForm { position: absolute; top: 295px; left: 190px; }
#LoginForm .btnLogin { position: absolute; top: 109px; left: 45px;  }