body			    { padding:0; margin:auto; background:#ececec; font-family:"Times New Roman" ,Arial, Helvetica, sans-serif; color:#5f5f5f; font-style:italic; font-size:12px;}
h1			      { padding:0; margin:0; font-weight:normal; float:left;}
h2			      { padding:0; margin:0; font-weight:normal; float:left; font-size:25px; letter-spacing:-2px;}
h3			      { padding:0; margin:0; font-weight:normal; text-transform:capitalize;}
h4			      { padding:0; margin:0; font-weight:normal; text-transform:capitalize;}
h5			      { padding:0; margin:0; font-weight:normal; text-transform:capitalize;}
h6			      { padding:0; margin:0; font-weight:normal; text-transform:capitalize;}
p			        { padding:0; margin:0; }
ul			      { padding:0; margin:0; overflow:hidden;}
li			      { padding:0; margin:0; list-style:none; }
a			        { text-decoration:none; color:#ababab;}
a:hover,
a.active			{ color:#5f5f5f;}
a img		      { border:none;  }
a:focus		    { outline:none; }
img           { display:block; }
input         { font-style:italic; }
button        { cursor:pointer; font-style:italic; }

/* GENERALE */
#container{ width:990px; margin:auto; /*background:#fff;*/}
#container #header .wrapper{ background:none;}
#container #header #title{ height:77px; overflow:visible; margin:0 0 15px 0; position:relative;}
#container #header #title h1 a{ width:133px; height:65px; display:block; background:url(/public/img/logo.png); text-indent:-9000px; position:absolute; bottom:0; left:0;}
#container #header #title #nav { position:absolute; bottom:0; right:0; font-size:15px;}
#container #header #title #nav li{ float:left;}
#container #header #title #nav li a{ border-bottom:1px solid #ababab; display:block; text-transform:capitalize; padding:0 15px;}
#container #header #title #nav li a:hover,
#container #header #title #nav li a.active { border-bottom:1px solid #5f5f5f; }

/* Login */
/*#container #header #title .signin {background:#5f5f5f url(/public/img/bg-login.png) no-repeat 43px 7px; width:61px; height:20px; border:none; float:right; color:#fff;}
#container #header #title .signin span { padding:0 0 0 8px;}
#container #header #title .menu-open {background-position: 43px -17px;}
#container #header #title #signin {display:none; position:absolute; top:20px; right:0; margin:0; padding:8px; width:210px; background:#5f5f5f; color:#fff; z-index:100;}
#container #header #title #signin ul {margin: 9px 0 18px 9px;}
#container #header #title #signin fieldset {margin:0; padding:9px 0 0; border:0;}
#container #header #title #signin label {display:block;}
#container #header #title #signin input.text {display:block; padding:1px 0; width:208px; border:1px solid #fff;}
#container #header #title #signin input.text:focus {border-color:#fff;}
#container #header #title #signin p {margin-bottom:9px;}
#container #header #title #signin button {margin:0; padding:10px; border:none; color:#fff; cursor:pointer; float:left;}
#container #header #title #signin li {padding-left: 20px;}*/

#container #header #title #change-lang{ position:absolute; top:103px; right:0; color:#fff; text-transform:capitalize;}
#container #header #title #lang a {color:#5f5f5f; text-transform:capitalize; display:block;}
#container #header #title #lang img {vertical-align:sub; display:inline; margin:0 0 0 3px;}  
#container #header #title #lang .otherlang a { color:#ABABAB;}
#container #header #title #lang .otherlang a:hover {color:#5f5f5f;}
#container #header #title #lang .otherlang a img{ filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}
#container #header #title #lang .otherlang a:hover img{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
#container #header #title #lang .language li{ overflow:hidden; float:left; padding:0 0 0 15px; height:17px; line-height:17px;}

#container #header #payoff {margin:0 0 15px 0; overflow:hidden;}
#container #header #payoff #search{ position:absolute; bottom:0; right:0;}
#container #header #payoff #search input{ width:132px; height:19px; font-size:11px; padding:3px 10px; background:#5f5f5f; border:none; color:#fff; display:block; float:left;}
#container #header #payoff #search button{ height:19px; background:none; border:none; margin:2px 0 0 2px; font-size:11px;}

#container #slide{ width: 990px !important; height:360px !important;}

#container #content{ overflow:hidden;}
#container #content ul li{ float:left;}
#container #content .thumb-container { padding:0 40px; position:relative;}
#container #content .thumb-container-foto {height:104px; overflow: hidden;}
#container #content .thumb-container .puls{width:24px; height:24px; background:url(/public/img/puls-slide.png); display:block; text-indent:-9000px; position:absolute; top:1px; border:none;}
#container #content .thumb-container .prev{ left:0; background-position: 0 24px;}
#container #content .thumb-container .prev:hover { background-position: 0 0;}
#container #content .thumb-container .next{ right:0; background-position: 24px 0;}
#container #content .thumb-container .next:hover{ background-position: 24px 24px;}
#container #content .thumb-container #thumb-list{ width:696px; height:112px; overflow:hidden;}
#container #content .thumb-container #pagine-thumb{ width:888px!important;}
#container #content #collection-list{ float:right;}

#container #content #thumb-list .thumb li{ width:69px !important;}
#container #content #thumb-list .thumb li a{ width:59px;}

#container #content .thumb li{ margin:0 9px;}
#container #content .thumb li a { display:block;}
#container #content .thumb li a.active { display:block;}
#container #content .thumb li p{ font-size:11px; margin:8px 0 0 0;}

#container #content .thumb a:hover img{ border-color:#fff;}
#container #content .text-home{ width:100%; overflow:hidden;}
#container #content .text-home .img-home{ float:right; position:relative;}
#container #content .text-home p{ width:460px; padding:15px; text-align:justify;}
#container #content .text-home.wrapper,
#container #content .text.wrapper{ background:none;}
#container #content .text {overflow:hidden;}
#container #content .text h2{ float:none; padding:10px 0 10px 25px;}
#container #content .text p{ width:425px; text-align:justify; padding:0 25px;}
#container #content .text ul { display:block; overflow:hidden; margin:10px 0; }
#container #content .text ul li{ padding:0 0 0 25px; display:block; font-weight:bold; clear:both;}

#container #content #big{ float:left; width: 741px; height:490px; background:#5F5F5F;}
#container #content #big.wrapper.space img{ border:none;}
#container #content #big .description { padding:5px; height:62px; width:675px;}
#container #content #big .description span{ width:100px; float:left;}
#container #content #big .description a{ height:61px; line-height:80px; float:right; color:#fff; background:url(/public/img/pdf.png) no-repeat right top; padding:0 72px 0 0; display:block;}
#container #content #acessories{ float:right; width:195px; height:490px; overflow-y:scroll;}
#container #content #acessories img{ border:5px solid #fff; margin:15px 0;}
#container #content #acessories ul li{ width:100%; padding:0 10px 12px 0;}
#container #content #acessories ul li p{ font-size:11px; }
#container #content #acessories ul li span { color:#aaa;}
#container #content #acessories ul li span.descrizione {font-style:normal;}
#container #content #acessories ul li span.dimensioni {font-style:italic;}
#container #content #slide-thumb{ clear:both;}
#container #content #slide-thumb .thumb { margin:0 -18px 0 0;}
#container #content #slide-thumb .thumb li{ margin:0 18px 0 0; float:left; width:133px;}
#container #content #slide-thumb .thumb li a{ float:left;}
#container #content #slide-thumb .thumb li a img{ width:123px; height:94px;}

#container #content #list-collection.wrapper { background:none;}
#container #content #list-collection ul { margin:0 0 0 -36px;}
#container #content #list-collection li { margin:0 0 23px 36px; height:250px; width:168px; ovewrflow:hidden; float:left;}
#container #content #list-collection li a{ position:relative; display:block; width:158px; height:209px;}
#container #content #list-collection li p{ margin:10px 0 0 0; font-weight:bold; font-style:normal;}
#container #content #list-collection img {border:none !important; width:158px; height:209px;}

/*
#list-collection li a div{ display:none;}
#list-collection li a:hover div{ display:block; position:absolute; z-index:1000; top:30px; right:30px; bottom:30px; left:30px; line-height:142px; font-size:30px; color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; background:url(/public/img/bg-view.png);}
*/
#list-collection li a span{ display:none;}
#list-collection li a:hover span{ display:block; position:absolute; z-index:1000; top:30px; right:30px; bottom:30px; left:30px; line-height:142px; font-size:30px; color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; background:url(/public/img/bg-view.png);}
#container #content #list-collection.small-border img { border:7px solid #3d3d3d;} 
#container #content #elenco-fiere{ width:289px; margin-right:27px; float:left;}
#container #content #elenco-fiere a { display:block; overflow:hidden; padding:7px;}
#container #content #elenco-fiere a img{ float:left; margin:0 10px 0 0; border-color:#fff;}
#container #content #elenco-fiere a img:hover{ border-color:#3d3d3d;}
#container #content #elenco-fiere a:hover { background:#fff; }
#container #content #elenco-fiere p,
#container #content #elenco-fiere h4,
#container #content #elenco-fiere span{ text-align:left;}

#container #content #elenco-fiere a:hover p,
#container #content #elenco-fiere a:hover h4,
#container #content #elenco-fiere a:hover span{ color:#3d3d3d;}

#container #content #elenco-fiere h4{ font-size:15px; font-weight:bold; color:#fff; margin:4px 0;}
#container #content #details { width:630px; float:left;}
#container #content #details h4{ color:#fff; font-size:24px; font-weight:bold; float:left;}
#container #content #details span{ color:#c7c7c7; font-size:12px; padding:11px 0 0 11px; float:left; display:block;}
#container #content #details #big{ margin:15px 0 20px 0;}
#container #content #details #big img{ border-color: #fff;}

#container #footer{ position:relative; margin:25px 0 30px 0; clear:both; color:#ABABAB; padding:0; font-size:11px; border-top:1px solid ABABAB;}
#container #footer strong{ color:#5F5F5F;}
#container #footer a{ color:#5F5F5F; font-weight:bold; margin:3px 0 0 0;}
#container #footer .credits{ width:29px; height:36px; position:absolute; bottom:0; right:0; background:url(/public/img/falsirollo-grafiche.jpg); text-indent:-9000px;}


/* Contatti Login */
#errori {display:none; height:28px; line-height:28px; width:300px; text-align:center; background:#df0000; font-size:13px; color:#fff; float:right; margin:20px 25px 0 0;}
#form form{ font-size:12px; font-weight:normal; color:#696969;}
#form form strong{ margin:12px 0; font-weight:bold; color:#3D3D3D; font-size:12px !important; line-height:14px; display:block;} 
#form form .content-field { overflow:hidden; margin:25px 0 0 0;}
#form form fieldset{ border:none; width:425px; float:left; margin:0 25px; padding:0;}
#form form fieldset div { float:left; width:212px; height:62px;}
#form form fieldset label { display:block; /*width:62px; float:left;*/ height:24px; /*line-height:22px;*/ /*margin:0 0 5px 0;*/}
#form form fieldset input,
#form form textarea { border:1px solid #ABABAB; background:#ECECEC; color:#5F5F5F; font-size:12px; padding:2px 2px 2px 5px; font-family:"Trebuchet MS"; width:456px; height:160px;}
#form form fieldset input {width:180px; height:22px; margin:0 0 10px 0;}
#form form #privacy { margin:25px 0 0 0; overflow:hidden; display: block; clear:both; padding:0 25px;}
#form form #privacy input{ margin:0 5px 0 0; }
#form form textarea:hover,
#form form textarea:focus,
#form form fieldset input:hover,
#form form fieldset input:focus{ border:1px solid #5F5F5F; }
#form form #privacy input.error,
#form form textarea.error,
#form form fieldset input.error { border:1px solid #df0000 !important; }
#form form label.error{display:none !important;} 
#form form .contact-button { clear:both; padding:0 0 0 25px;}
.button { background:#5F5F5F; border:none; margin:20px 15px 0 0; padding:5px; color:#fff !important; font-weight:bold; text-transform:capitalize; cursor:pointer; float:left;}
a.button{ margin:0;}


/* GOOGLE MAP */
#mappa {border:15px solid #5f5f5f;width:960px; height:330px;}
#mappa a			{ display:none; }
#mappa span		{ display:none; }

/* CLASSI */
.wrapper                  { margin:0 0 10px 0; background:#4a4a4a; position:relative; overflow:hidden;}
.wrapper img              { border:15px solid #5f5f5f;}
.space                    { padding:11px;}
.space li p               { color:#fff; font-style:normal;}
.space li span            { font-size:11px; line-height:13px !important; display:block;}

.flash                    { background:url(/public/img/flashPlayer.jpg) no-repeat; display:block; padding:20px 0 0 80px; margin:auto; height:45px; width:425px; text-transform:uppercase; color:#666; font-size:10px; line-height:14px;}
.flash strong             { color:#333;}
.description              { width:886px; height:17px; position:absolute; bottom:30px; left:30px; /*right:30px;*/ padding:22px; z-index:5000; text-align:right; color:#fff; background:url(/public/img/bg-description.png);}
.small-border a           { display:block; border:5px solid #3d3d3d;}
.small-border a.active    { border-color:#777;}
.small-border a:hover     { border-color:#5c5c5c;}
.small-border img         { /*width:81px; height:62px;*/ border:none;}
.small-border li          { text-align:center;}
.small-border span        { font-size:10px;}
.left                     { float:left;}
.right                    { float:right;}
.info p                   { color:#aaa;}
.info h4                  { color:#fff; font-size:16px; padding-bottom:10px;}

/* POPUP */
#popup {background:#fff; font-size:16px; height:200px; margin:auto; padding:20px; width:500px;}
#popup img {margin:5px;}

