/* @group TAGS    ############################# */

body {margin:0;padding:0;font-family: Arial, Verdana, sans-serif;font-size: 12px; line-height:18px;color: #5d5d5d; background:url(../images/bg-body.jpg) no-repeat center top;}
* { margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, p {font-size: 12px;}
a img, map {border:none;}
a {color: #333;text-decoration: none;}
a:hover {color:#333;text-decoration:underline;}
ul, ol, li {list-style-type: none;}
table {width:100%;border-collapse: collapse;}
form {}
fieldset {border: none;}
input, textarea, select {font-family: Arial, Verdana, sans-serif;font-size: 11px;border: 1px solid #e4e4e4;padding: 2px;color: #333;background: #fff;}
select {padding: 1px 2px;}
input:focus, textarea:focus, select:focus {border-color: #638aaa;}
option {}
textarea, select {font-size: 100%;font-family: inherit;}
button {font-size: 100%;font-family: inherit;cursor:pointer;color: #185172;background: #d4d4d4;padding: 1px 4px 0 4px;border: 1px solid #bcbcbc;margin: 0 10px 0 0;}
button.reset {color: #629aa9;}
button:hover {background: #d4d4d4;border: 1px solid #638aaa;}
input[type="checkbox"]{ background:#fff; border:none;  width:25px !important;}
/* @end */

/* @group TYPOGRAPHY    ############################ */
.minisummary{font-family: 'Muli', sans-serif; font-size:14px; font-weight:normal; padding:5px 0 20px 0;}
.summary{font-family: 'Muli', sans-serif; font-size:24px; font-weight:normal; padding:5px 0 20px 0;}
/* @end */

/* @group CLASSI GENERICHE    ############################ */
.jst {text-align:justify;}
.aLeft {float:left;margin:0 10px 5px 0;}
.aRight {float:right;margin:0 0 5px 10px;}
.noBrd {border: none;}
.close {clear:both;}
a.pointer{ cursor:pointer;}
/* @end */

/* @group ECCEZIONI LINGUE    ############################ */
.fr #navigator li a{ padding:0 7px;}
.ru #navigator li a{ padding:0 9px;}
.es #navigator li a{ padding:0 9px;}
.de #navigator li a{ padding:0 7px;}
.en #navigator li a{ padding:0 12px;}
/* @end */

/* @group ELEMENTI STRUTTURALI    ############################ */
#container { width:900px; margin:0 auto;}
#header { height:95px; position:relative;}
#header a.logo { float:left; width:168px; height:42px; overflow:hidden; text-indent:-9999px; background:url(../images/logo-appiani.png) no-repeat 0 0; margin:25px 0 0 5px;}
#header #navTop{ position:absolute; right:0; top:33px; height:25px; line-height:25px;}
#header #navTop li{ float:left;}
#header #navTop li a{  padding:0 0 0 10px;margin:0 10px 0 0; color:#5d5d5d; }

#main{ padding:25px 0 0 0;}
#main .inner{ padding:10px 15px;}
#slProducts{}
#slProducts td{ border-left:1px solid #ccc; padding:25px 0 25px 30px; vertical-align:top;}
#slProducts td.first{ border-left:none; padding-left:10px;}
#slProducts h2{height:44px; line-height:44px; font-family: 'Muli', sans-serif; font-size:14px; font-weight:normal; background:url(../images/bg-h2-products.gif) no-repeat 0 0; padding:0 0 0 55px; }
#slProducts h2.cat1{background:url(../images/bg-h2-products.gif) no-repeat 0 0px;  }
#slProducts h2.cat2{background:url(../images/bg-h2-products.gif) no-repeat 0 -44px;  }
#slProducts h2.cat3{background:url(../images/bg-h2-products.gif) no-repeat 0 -88px; }
#slProducts ul{ padding:20px 0 0 0;}
#slProducts ul li a{ padding-bottom:3px; color:#6d6e71; display:block;}

.puntivendita #main .sheet{ background: url(../images/bg-mappa.gif) no-repeat 0 0;}

#slDownload{}
#slDownload td{ border-left:1px solid #ccc; padding:5px 0 5px 30px; vertical-align:top;}
#slDownload td.first{ border-left:none; padding-left:0px;}
#slDownload h2{font-family: 'Muli', sans-serif; font-size:24px; font-weight:normal; padding:0 0 15px 0; }
#slDownload img{ border:1px solid #b4b4b4; margin-bottom:10px; }
a.download{ display: inline-block; background:#ccc; margin:10px 0 10px 0; padding:4px 10px;font-family: 'Muli', sans-serif; color:#fff; font-size:14px; font-weight:bold; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
a:hover.download{ background:#acacac; text-decoration:none;}

#bread{ margin-bottom:25px; font-family: 'Muli', sans-serif; font-size:24px; color:#333; height:24px;}
#bread li{ float:left; padding:0 10px 0 0;}
#bread li a{ display:block; font-size:14px; color:#5d5d5d; line-height:23px;}
#bread li span{ font-size:14px; color:#5d5d5d;}

.subNav{ position:relative; overflow:hidden;}
.subNav li{ float:left; height:40px; line-height:40px; border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.subNav li.first{border-left:1px solid #ccc;}
.subNav li.active{border-bottom:1px solid #fff;}
.subNav li.tabRight{border-left:1px solid #ccc; float:right;}
.subNav li.active a:hover{ background:#fff;}
.subNav li a{ padding:0 10px;font-family: 'Muli', sans-serif;font-size:16px; color:#5d5d5d; display:block;}
.subNav li a:hover{ text-decoration:none; background:#f8f8f8;}

.sheet{ padding:20px 15px 20px 15px; border:1px solid #ccc; margin:-1px 0 0 0; overflow:hidden; }

.sheetProducts{ padding:20px 0 20px 15px; border:1px solid #ccc; margin:-1px 0 0 0; overflow:hidden; }
.sheetProducts .item{ float:left; margin-right:20px; width:90px;text-align:center; height:135px;}
.sheetProducts .item img{ display:block;padding:0 0 3px 0 }
.sheetProducts .item a{font-family: 'Muli', sans-serif; font-size:11px;color:#5d5d5d; display:block; }
.sheetProducts .item span{font-family: 'Muli', sans-serif; font-size:11px;color:#5d5d5d; display:block; padding:0 0 3px 0; }
.sheetProducts .item p{font-family: 'Muli', sans-serif; font-size:10px;color:#5d5d5d; }

.ce{}
.ce li{ padding:5px 0;font-family: 'Muli', sans-serif; font-size:14px; font-weight:normal; }
.ce li a{ display:block; background:url(../images/ico-pdf.gif) no-repeat left center; padding:0 0 0 20px; height:20px; line-height:20px;}
.ce li a:hover{ color:#000; text-decoration:none;}


.navProd{}
.navProd ul{ margin-left:20px; padding:0 !important;}
.navProd ul li{ list-style-type:square;}
.navProd ul ul{margin-left:10px; padding:0 !important; line-height:15px;}
.navProd ul li ul li{ list-style-type:none;}

.applicazioni .sheetProducts .item{height:200px;}

.antisdrucciolo .sheetProducts .item{height:150px;}
.press .sheetProducts .item{height:250px; width:143px; text-align:left;}
.press .sheetProducts .item span{ text-transform:uppercase; padding:0;}
.press .colDx{ width:200px;}
.applicazioni .sheetProducts{ padding:20px 0 20px 0px; }
.ambienti .sheetProducts{ padding:20px 0 20px 0px; }
.pezzispeciali .sheetProducts .item{height:150px;width:120px;margin-right:27px;}

.colSx{ float:left; width:660px;border-right:1px solid #ccc; }
.colDx{ float:right; width:185px;  padding-left:20px;}

.mPress{ overflow:hidden; margin:0 0 20px 0;font-family: 'Muli', sans-serif; }
.mPress li{ float:left; font-size:18px;}
.mPress li a{ padding-right:20px; color:#5D5D5D;}
.mPress li a:hover{ text-transform:underline; }
.mPress li.selected a{ color:#333;}

#colours{ padding:10px 0 15px 0;}
#colours a img{}

body.popup{ background:#fff;}
.popupPr{ width:625px; background:#fff; padding:15px; position:relative; margin:0 auto; }
.popupPr h1{font-family: 'Muli', sans-serif; font-size:25px; font-weight:normal; padding:10px 0 25px 0;}
.popupPr a.closed{font-family: 'Muli', sans-serif; font-size:14px; font-weight:normal; position:absolute; right:15px; top:25px;color:#333 }
.popupPr .formats{ overflow:hidden;}
.popupPr .thumbs{ float:left; width:225px;}
.popupPr .thumbs .items{ float:left; width:96px; padding-bottom:10px; }
.popupPr .thumbs .items.odd{margin-right:25px; }
.popupPr .thumbs .items.firstrow{/*height: auto !important;height: 214px;min-height: 214px;*/ }
.popupPr .thumbs a.active img{ border:3px solid #ff9600;}
.popupPr .thumbs .items p{ padding:5px 0 0 0;}

.popupPr .expand{float:right; width:382px; border-left:1px solid #828282; padding:0 0 0 9px;}
.popupPr .expand img{ border:1px solid #6d6e71;}

#mappa{ height:400px; border:1px solid #ccc;}
.dovesiamo .colSx{ border-right:none;}

#slideApp #slideshow {margin:0 auto;width:828px; padding:0 20px;background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;position:relative;}
#slideApp #slideshow #slidesContainer {margin:0 auto;width:828px;overflow:auto; /* allow scrollbar */position:relative;}
#slideApp #slideshow #slidesContainer .slide { margin:0 auto;width:828px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */}
#slideApp .control {display:block;width:14px;height:35px;text-indent:-10000px;position:absolute;cursor: pointer;}
#slideApp #leftControl {top:150px;left:0;background:transparent url(../images/control_left.jpg) no-repeat 0 0; z-index:9999;}
#slideApp #rightControl {top:150px;right:0;background:transparent url(../images/control_right.jpg) no-repeat 0 0; z-index:9999;}
#slideApp #slideshow #slidesContainer .slide .thumbsBig { float:left; width:585px; padding:0 0 0 5px; }
#slideApp #slideshow #slidesContainer .slide .thumbsIco { float:right; width:220px;}
.ambienti #slideApp #leftControl {top:220px !important;}
.ambienti #rightControl {top:220px !important;}

#navigator{ clear:both; background:#6d6e71; height:40px; line-height:40px; font-family: 'Muli', sans-serif; font-size:14px;}
#navigator li{ float:left;}
#navigator li.celogo a{ background:url(../images/celogo.gif) no-repeat  0 -40px; width:36px; height:40px; overflow:hidden; padding:0; margin:0px; text-indent:-9999px; display:block;}
#navigator li.celogo a:hover, #navigator li.celogo.selected a{ background:url(../images/celogo.gif) no-repeat 0 0;}
#navigator li a{ display:block; color:#fff; padding:0 13px 0 13px;}
#navigator li a:hover{ text-decoration:none; background:#797a7c;}
#navigator li.selected a{ text-decoration:none; background:#7e7f80;}
#bannerHome{ margin:38px 0;}
#main {}
#footer { font-size:10px; text-align:right; color:#999999; padding:30px 0 15px 0;}
#footer a {color:#5d5d5d;}
/* @end */

/*------INIZIO SHOWROOM------*/
.rowShowroom{ overflow:hidden;}
.rowShowroom .midsummary{ font-size:12px; text-transform:uppercase; margin:0; padding:15px 0 10px 0; font-weight:bold;}
.rowShowroom .firstCol{ float:left; width:640px;}
.rowShowroom .secondCol{ float:right; width:200px;}
.rowShowroom .secondCol .midsummary{padding:5px 0 10px 0;}
.rowShowroom .secondCol .infoShow{ margin-bottom:15px; font-size:12px; line-height:18px;}
.rowShowroom .videoShow{ margin-bottom:10px;}
.rowShowroom .eventShow{ }
.rowShowroom .eventShow h3.midsummary{ }
.rowShowroom .eventShow .newShow a{ text-transform:uppercase; font-weight:bold; text-decoration:none; display:block;}
.rowShowroom .eventShow .newShow a:hover{ text-decoration:underline;}
.rowShowroom .eventShow .newShow p{ font-size:11px; color:#747373; line-height:14px; margin:0 0 10px 0;}
.rowShowroom a.btInfoshow{ text-transform:uppercase; padding:5px 10px; background:#6d6e71; font-weight:bold; display:inline-block; color:#fff; text-decoration:none; margin:15px 0;}
.rowShowroom a:hover.btInfoshow{ background:#54565c; }
/*------FINE SHOWROOM------*/

/* @group FORM   ############################ */
/* @end */

/* tooltip styling. by default the element to be styled is .tooltip  */

.tooltip {
	display:none;
	background: url(../images/black_arrow.png) repeat-x 0 0;
	height:34px;
	padding:6px 10px;
	width:170px;
	color:#fff;	
	font-family: 'Muli', sans-serif;
	font-size:16px;
	margin-left:190px;
}

#colonnaPuntiVendita{width:200px;float:left;}
#colonnaPuntiVendita a:hover{ color:#333; text-decoration:underline;}
#contenutoPuntiVendita{margin-left:200px;}

.listSales td {border-bottom: 1px solid #CCCCCC; font-size: 11px;padding: 5px 2px 2px;}
.listSales th {border-bottom: 1px solid #CCCCCC;padding: 5px 2px 2px;vertical-align: top;text-transform:uppercase;}
.listSales .rivPlus td {border-bottom:none;}


/* per area riservata rivenditori */
#AreaRivenditori #testata{ overflow:hidden;padding-top:25px;}
#AreaRivenditori #corpo{ overflow:hidden; padding:20px 0;}
#AreaRivenditori #corpo #colSx{ float:left; width:425px;}
#AreaRivenditori #corpo #colDx{ float:right; width:425px;}
#AreaRivenditori #corpo #colSx img{ padding-bottom:20px;}

#AreaRivenditori ul{ float:right;}
#AreaRivenditori ul li{ display:inline; font-size:14px;}
#AreaRivenditori ul li a{ color:#fff; padding:0 8px; border-right:1px solid #fff;}
#AreaRivenditori ul li a:hover{ color:#aaa;}
#AreaRivenditori ul li a.selected{ color:#aaa; }
#AreaRivenditori ul li a.last{ border-right:none;}

#AreaRivenditori{ overflow:hidden;}

#AreaRivenditori h2{ font-size:18px; text-transform:uppercase; font-weight:normal;  padding:0 0 10px 0;}
#AreaRivenditori h3{ font-size:16px; text-transform:uppercase; padding:10px 0 10px 0;}

h2.titLink{ overflow:hidden;}
h2 form{ display:inline;}
h2.titLink span{float:left;}
h2.titLink button{ background:#e9ded6; color:#626163; font-weight:normal; padding:2px 5px;  margin:0 0 0 20px; border:none; float:right; border:1px solid #636167;}
h2.titLink button:hover{ color:#000; background:#b9b9bb;}

#AreaRivenditori {}
#AreaRivenditori p.contacts{padding:0 0 10px 0;}
#AreaRivenditori .photogallery a img{ padding:10px 10px 0 0;}
#AreaRivenditori #mappa{ border:1px solid #ccc; margin:10px 0 5px 0; height:400px}
#AreaRivenditori .items{ padding:15px 0 0px 0; overflow:hidden;}
#AreaRivenditori .items h3{ padding:0 0 10px 0;font-size:14px; text-transform:uppercase;}
#AreaRivenditori .items img{ float:left; margin:0 12px 0 0;}
#AreaRivenditori .items p{ padding:0px; margin:0px;}
#AreaRivenditori .showProgetti .progetto{ float:left; margin:0 0px 10px 0; width:120px;}
#AreaRivenditori .showProgetti .progetto table td.thumb{ vertical-align:middle; text-align:center; height:75px}
#AreaRivenditori .showProgetti .progetto table td a{ display:block; padding:0 0 3px 0; }
#AreaRivenditori .showProgetti .progetto table td a:hover{color:#fe0005; }
#AreaRivenditori .showProgetti .progetto table td{ text-align:center;}

.loginform{text-align:center;}
.showroomItem{float:left;margin-right: 6px; border-right:1px solid #666;margin-bottom:20px;padding:3px;}
.showroomPhoto{text-align:center;padding:6px;height:60px;}
.showroomPhoto img{margin-bottom:5px;}
.gotoRightButton{width:120px;height:45px;color:#ccc;color:#222;font-size:8pt;background-color:#bbb;}
.gotoRightButtonNew{width:120px;height:45px;color:#ddd;background-color:#666;}
#tabellavenditori{border:1px solid #666;}
#tabellavenditori th{background-color: #333;padding: 5px;}
#tabellavenditori td{padding: 5px;}
.continue{text-align: center;}
.continue button {background-color:#9e2626; font-size: 15px; padding: 6px; border: 0px;border:1px solid #ccc;}
.formfield textarea{ padding: 10px;}
.titoletto{font-size: 14px; font-weight: bold; color: #FFF;}
.collab{border-bottom: 1px solid #363636; height: 40px;}
#footerRiv{color:#ccc;font-size:12px;margin:20px 0;}
#AreaRivenditori button {margin:5px 0;}
.centered{text-align:center;}

.elencoAreaRivenditori{padding-right:50px;font-size:8pt;}
.rivenditoriItem{width:150px;float:left;height:150px;}
.rivenditoriFoto:hover{
	border:1px solid white;
}
.rivenditoriFoto{border:1px solid black;}
.rivenditoriNome{width:142px;text-align:center;}
.rivenditoriNome a:link{text-decoration:none;color:#CBCBCB;}
.rivenditoriNome a:visited{text-decoration:none;color:#CBCBCB;}
.rivenditoriNome a:hover{text-decoration:none;color:#fff;}

.itemDownload{float:left; width:185px; padding-left:27px; border-left:1px solid #ccc;margin-left:17px; height: auto !important;  /* per i browser moderni */ height: 355px;      /* per IE5.x e IE6 */min-height: 355px;  /* per i browser moderni */}
.itemDownload.firstItem{padding-left:0px; border-left:none;margin-left:0px;}
.cataloghi .itemDownload{width:137px; }

.pagegallery{margin-top:20px;}
.pagegalleryItem{float:left;padding-right:10px;}
.green{float:right;padding-left:20px;width:120px;color:#aaa;font-size:8pt;text-align:center;line-height:1.2em;}
/* --- SLIDE HOME PAGE --- */
#slideshow {margin:38px auto;width:900px;height:398px;position:relative;}
#slideshow #slidesContainer {margin:0 auto; width:900px; height:398px; overflow:auto; /* allow scrollbar */ position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto;width:900px;height:398px;}
.control {position:absolute;cursor: pointer; }
#leftControl {bottom:-20px;left:0; }
#rightControl {bottom:-20px;right:0;}

/* --- per pagina contatti --- */
#pagContatti ul#Contatti{ margin:10px 0; list-style:inside;color:#333;}
#pagContatti ul#Contatti li{ margin-bottom:8px; text-transform:uppercase}
#pagContatti ul#Contatti li a{ text-decoration:none; font-weight:bold; color:#333; font-size:15px}
#pagContatti ul#Contatti li a:hover{ text-decoration:underline;}
#pagContatti .spaced{ margin-bottom:8px}
#pagContatti form .row{ margin-bottom:8px; width:100%; clear:both; float:left}
#pagContatti input.inpMid{ width:200px;}
#pagContatti .validation-advice{ color:#FFFF99}
#pagContatti .fieldset{ clear:both}
#pagContatti .col{}
#pagContatti .col.dx{ float:right}
#pagContatti #frmContacts{ width:422px; float:left;}
#pagContatti #messaggio{ width:416px}
#pagContatti .checkbox{ background-color: transparent; border:none}
#pagContatti .button{ margin:6px}
#pagContatti #frmContacts label{ width:180px; float:left}
#pagContatti #frmContacts select{ width:204px;}