@import url(https://fonts.googleapis.com/css?family=Hammersmith+One);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Handlee);

HTML { height:100% }

BODY {
        color:#FFFFFF;
        font-family:'Roboto Condensed';
        font-size:100%;
        height:100%;
      background: url(/images/texture_HP.jpg) no-repeat center center fixed #171717; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;   
}

BODY.no_background { background-image:none; }
BODY.frameFancy {overflow:hidden; height:auto;}

#header {margin-bottom:35px; position:relative}
#logo {float:left;padding:35px;}
#logo DIV:first-child {color:#FFFFFF; font-family:'Hammersmith One'; font-size:4em; text-align:center;}
#logo DIV:first-child SUP {vertical-align: super; font-size:0.35em; font-family:Arial}
#logo DIV:last-child {color:#FFFFFF; font-family:'Open Sans'; font-size:0.8em; letter-spacing: 0.8em; text-align:center}

A { color:#FFFFFF; text-decoration:none}
A:hover: { color:#AAAAAA; text-decoration:underline}

#footer {position:relative; bottom:2px; width:100%; min-height:95px;}
#footerhome {position:absolute; bottom:2px; width:100%;}
#credits {position:absolute; bottom:5px;  right:1%; font-family:'Open Sans'; font-size:0.75em; font-weight:lighter;}
#footer_email {position:absolute; bottom:5px; left:1%;}

#nav-wrapper {position:absolute; right:35px; bottom:-10px;}
#main-nav { line-height: 1.0; float: left; margin-bottom: 1em; color:#FFFFFF;}
#main-nav, #main-nav * { margin: 0; padding: 0; list-style: none; }

#main-nav > li > a {
	display: block;
	position: relative;
    padding:8px 5px 0 5px;
	height:23px;
	vertical-align:bottom;
	font-family:'Hammersmith One';
	color:inherit;
	text-decoration:none;
	line-height:2em;
	font-size:1.3em;
}

#main-nav > li { float: left; position: relative; margin:0 23px; }
#main-nav > li.sel { color: #b1a57f; }

#main-nav ul {
	position: absolute;
	top: -999em;
	left: 0px;
	background-color: #171717;
}

#main-nav li:hover { visibility: inherit; color: #b1a57f;  /* fixes IE7 'sticky bug' */ }

#main-nav li.hasmenu:hover {  /* fixes IE7 'sticky bug' */ }

#main-nav li:hover ul {
	top: 37px; /* match top ul list item height */
	z-index: 999;
}

#main-nav li:hover li ul { top: -999em; }
#main-nav li li:hover ul { top: 0; }

#main-nav ul li a {
	font-family: 'Hammersmith One';
	color:#FFFFF;
	text-decoration:none;
	font-weight: normal;
    display: block;
	white-space: nowrap; 
	font-size:1.1em;
}

#main-nav ul li:first-child { padding-top:14px; }

#main-nav ul li {
    padding-top:3px;
    padding-bottom:2px;
	padding-left:14px;
	padding-right:14px;    
}

#main-nav ul li:last-child { padding-bottom:12px; }
#main-nav ul a:hover { color: #b1a57f; }

#main-nav li li {
	position: relative;
	height: 15px;
}

#main-nav li li a { font-size: 11px; }

#main-nav li li.last {
	padding: 0;
	float: left;
	height: 20px;
	line-height: 1px; /* for IE7 */
}

#main-nav li:hover, #main-nav a:hover, #main-nav a:active { outline: 0; } 
     
#mnu_container {display: table;}
.mnu_row  {display: table-row;}

.mnu_cell {
    display: table-cell;
    white-space: nowrap;
}
    
#mnu_container .mnu_titolo { font-family:'Hammersmith One'; color:#b1a57f; font-size:1.2em; border-bottom:4px double #b1a57f; padding-bottom:5px; margin-bottom:5px; text-transform:uppercase;}
#mnu_container .mnu_articolo a { font-family:'Hammersmith One'; color:#FFFFFF; font-size:1em; text-transform:uppercase;}
#mnu_container .mnu_articolo a:hover { color:#b1a57f; }
    
#container {background-color:#171717; min-height:70%; border-top:4px double #b1a57f; border-bottom:1px solid #b1a57f} 

#texture {display:none;position:absolute; width:100%; height:100%; background:url(/images/texture_HP.jpg) center center}
#logo_Home {position:relative; padding-top:35px; padding-bottom:35px;}
#logo_Home .titolo {color:#FFFFFF; font-family:'Hammersmith One'; font-size:7em; vertical-align:top}
#logo_Home .titolo SUP {vertical-align: super; font-size:0.35em; font-family:Arial;}
#logo_Home .sottotitolo {color:#FFFFFF; font-family:'Open Sans'; font-size:1.4em; letter-spacing: 0.8em;}
#area_link {height:30px; margin-top:45px;}
#lingua {}
#reg_ita {display:none;}
#reg_eng {display:none;}

#frameFancyTexture {position:absolute; top:0%; left:0px; width:100%; height:100%; z-index:-10}
#Fancyform > DIV { width:100%}
#Fancyform .etichetta {float:left; width:80px; margin-bottom:10px; padding-top:5px}
#Fancyform .etichetta_corta {float:left; width:30px; margin-bottom:10px; padding-top:5px}
#Fancyform .casella {float:left; margin-bottom:10px; width:390px; text-align:right}
#Fancyform .casella INPUT {width:100%}
#Fancyform .casella TEXTAREA {width:100%}
#Fancyform .casella A {font-size:1.1em;}
#Fancyform .casella_privacy {float:left; margin-bottom:10px; width:370px; font-size:0.7em;}
#Fancyform .casella_testo {font-size:0.9em;}

#parent {height:100%; width:100%; display: table}

#child {text-align:center; display: table-cell; vertical-align: middle;}
        
                
#area_link {color:#FFFFFF; font-family:'Open Sans'; font-size:1.2em; }
#area_link > DIV a:first-child {margin-right:65px;}
#area_link a {text-decoration:none; color:none; color:#FFFFFF;}
#area_link a:hover {color:#efebdd; text-decoration:none; color:none;}
 
 /* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	width:990px;
	min-height:450px;
}

.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}

.ca-item{
	position:relative;
	float:left;
	width:330px;
	height:100%;
	text-align:center;
}

.ca-more{
	position: absolute;
	bottom: 10px;
	right:0px;
	padding:5px 15px;
	background: #171717;
	text-align:center;
	color: #ffffff;
	font-family: "Hammersmith One","Times New Roman",serif;
	font-size:1em;
	text-shadow:1px 1px 1px #897c63;
}

.ca-more:hover {text-decoration:none; color:#b1a57f}

.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(../images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}

.ca-close:hover{ opacity:1.0; }

.ca-item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}

.ca-icon{
	width:233px;
	height:345px;
	position:relative;
	margin:0 auto;
	background:transparent no-repeat center center;
}

.ca-item h1{
	font-family: 'Handlee', sans-serif;
	font-size:2.5em;
	color:#b1a57f;
	margin-bottom:20px;
	height:85px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}

.ca-item h3{
	font-family: 'Handlee', sans-serif;
	font-size:2.5em;
	color:#b1a57f;
	margin-bottom:20px;
	height:85px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}

.ca-item h4{
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #b0ccc6;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}

.ca-item h4 span{
	text-indent:40px;
	display:block;
}

.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}

.ca-content-wrapper{
	background:#f7f3ea;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:1;
	overflow:hidden;
}

.ca-content{
	width:660px;
	overflow:hidden;
}

.ca-content-text{
	font-size: 0.8em;
	font-family: "Open Sans","Times New Roman",serif;
	margin:10px 20px 10px 20px;
	padding:10px 20px;
	line-height:1.4em;
	color: #171717;
	height:134px;
	overflow:auto;

}

.back_to_Collezione 
{
	font-family: 'Handlee', sans-serif;
	font-size:1.3em;
	color:#b1a57f;
	margin-top:10px;
	text-align:right;
	text-shadow: 0px 1px 1px #e4ebe9;    
    
    }
    
.back_to_Collezione a {color:#ffffff;}
.back_to_Collezione a:hover {color:#b1a57f;}

.ca-content-text h2 
{
    font-size:1.2em;
    padding-bottom:5px;
    }

.ca-content-text p{ 	padding-bottom:3px; }

.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:2.4em;
	padding-bottom:5px;
	color:#000;
	font-family: 'Handlee', sans-serif;
	border-bottom:2px solid #171717;
}

.ca-content ul{
	margin:20px 35px;
	height:30px;
	list-style:none;
}

.ca-content ul li{
	float:left;
	margin:0px 2px;
}

.ca-content ul.menu li a{
	color:#fff;
	background:#171717;
	padding:3px 6px 3px 20px;
	font-size:0.9em;
	font-family: "Hammersmith One","Times New Roman",serif;
	background:url(/images/ico_zoom.png) #000000 no-repeat 5px 5px;
}

.ca-content ul.menu li a.download 
{
    background-image:url(/images/download.png)
    }
    
    .ca-content ul.menu li a.mail 
{
    background-image:url(/images/mail_ico.png)
    }
    
    .ca-content ul.menu li a.ordina 
{
    background-image:url(/images/ordina.png)
    }    

.ca-content ul.menu li a:hover{
	background:##171717;
	color:#b1a57f;
	text-shadow:none;
	text-decoration:none;
}

.ca-nav span {
	width:25px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}

.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}

.ca-nav span:hover{ opacity:1.0; }

#container h1.titolo { color:#ffffff; font-family:'Handlee', sans-serif; font-size:2.2em; margin-bottom:15px; text-shadow: 0px 1px 1px #ffffff; font-weight:normal;}
#container h2.titolo { color:#ffffff; font-family:'Hammersmith One', sans-serif; font-size:2em; margin-bottom:15px; font-weight:normal; line-height:1.2em;}
#container h3.sottotitolo { color:#ffffff; font-family:'Open Sans', sans-serif; font-size:1.2em; margin-bottom:15px; font-weight:normal; font-style:italic;}
#container p.dt_new_det {color:#ffffff; font-family:'Handlee', sans-serif; font-size:1.4em; text-shadow: 0px 1px 1px #000000; margin-bottom:8px; text-align:right;}
#container div.sottotitolo {color:#ffffff; font-family:'Handlee', sans-serif; font-size:1.8em; margin-bottom:15px; text-shadow: 0px 1px 1px #ffffff; font-weight:normal;}
 
#container .link { margin-top:25px; }
#container .link a {color:#ffffff; font-family:'Hammersmith One', sans-serif; font-size:1.2em; margin-bottom:5px; font-weight:normal; line-height:1.2em;}
#container .link a:hover {text-decoration:none; color:#e0dac1}
  
#photogallery LI {float:left; margin:2px;}
#photogallery UL {margin-top:10px; list-style:none}

#allegati a {background:url(/images/allegato.png) no-repeat; padding-left:25px; display:block; height:28px;}
#allegati a:hover {text-decoration:underline}

#video .titolo {color:#ffffff; font-family:'Hammersmith One', sans-serif; font-size:1.2em; margin-bottom:4px; font-weight:normal; line-height:1.2em;}
#video .dsc {color:#ffffff; font-family:'Open Sans', sans-serif; font-size:1em; margin-bottom:15px; font-weight:normal; line-height:1.2em;}
 
#container .testo {
    font-size: 0.8em;
    font-family: "Open Sans","Times New Roman",serif;
    line-height:1.6em;
    color: #FFFFFF;
}
  
#container .testo p {padding-bottom:10px;}
 
.sfondo_wrapper {position:absolute; top:0px; left:0px; width:100%; z-index:-100}
.taglie_wrapper {margin:0px 20px 20px 40px; color:#171717; font-size: 0.85em; font-family: 'Open Sans','Times New Roman',serif; font-weight:bold; height:16px;}
.taglie_wrapper SPAN {font-size:0.85em;}
.titolo_wrapper {margin:0px 20px 0px 0px; font-size:1.5em; color:#000000; font-weight:bold;font-family: 'Handlee', sans-serif; font-weight:bold;}
.photogallery_wrapper {float:left; position:relative; margin-left:35px; height:110px;}


#slides {overflow:hidden;position:relative;width:410px;margin-top:7px;}
#slides ul {position:relative;left:0;top:0;list-style:none;margin:0;padding:0; width:5000px;   }
#slides li {width:410px;float:left;}
#slides li a {padding:0px;}
#buttons {position:absolute;top:12px;right:5px;}
#buttons a {display:block; width:18px;height:18px;text-indent:-999em;float:left;outline:0;}
a#prev {background:url(/images/scroll_l.png) no-repeat;}
a#prev:hover {background:url(/images/scroll_l_on.png) no-repeat;}
a#next { background:url(/images/scroll_r.png) no-repeat;}
a#next:hover {background:url(/images/scroll_r_on.png) no-repeat;}
.clear {clear:both}

.colori_wrapper { vertical-align:top; width:100%;}
.colori_wrapper UL {margin-left:0px; margin-right:0px; margin-top:8px; margin-bottom:3px;}
.colori_wrapper LI {width:100%; padding-bottom:5px; color:#000000; font-size:0.9em;}
.colori_wrapper LI a {color:#000000; background:url(/images/ico_zoom.png) no-repeat 5px 5px; padding:3px 6px 3px 20px;}
.colori_wrapper LI a:hover {color:#9a9b9b; text-decoration:underline}
.colori_wrapper LI SPAN {color:#000000; padding:3px 6px 3px 20px;}
	


#container .front {cursor:pointer}
#container .back {cursor:pointer; display:none}

#container INPUT {
    border:1px solid #AAAAAA;
    color:#000000;
    font-size:1.1em;
    font-family:'Open Sans', sans-serif;
    padding:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;              
}
          
#container TEXTAREA {
    border:1px solid #AAAAAA;
    color:#000000;
    font-size:1em;
    font-family:'Open Sans', sans-serif;
    padding:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;              
}    

#container SELECT {
    border:1px solid #AAAAAA;
    color:#000000;
    font-size:1.1em;
    font-family:'Open Sans', sans-serif;
    padding:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;              
}      

 #container .invia a {color:#ffffff; font-family:'Hammersmith One', sans-serif; font-size:1.2em; margin-bottom:5px; font-weight:normal; line-height:1.2em;}
 #container .invia a:hover {text-decoration:none; color:#e0dac1}

.content_frame {padding:35px; font-size:1em;}
.content_frame .titolo {color:#e0dac1; font-family:'Hammersmith One'; font-size:2.4em; margin-bottom:35px;}
.content_frame LABEL {width:120px;}
.content_frame a {color:#e0dac1; text-decoration:none;}
.content_frame a:hover {color:#efebdd; text-decoration:none;}

.content_frame INPUT {
    border:1px solid #AAAAAA;
    color:#000000;
    font-size:0.9em;
    font-family:'Open Sans', sans-serif;
    padding:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;              
}

#news_list UL {list-style:none}
#news_list LI {float:left; width:310px; background-color:#FFFFFF; margin-right:30px; margin-bottom:30px; border-bottom:1px solid #b1a57f;}
#news_list LI.last {margin-right:0px;}
#news_list LI IMG {width:100%; border-bottom:4px double #b1a57f;}
#news_list .new_dt {color:#171717; font-family:'Handlee', sans-serif; font-size:1.2em; text-shadow: 0px 1px 1px #000000; margin-bottom:8px;}
#news_list .new_titolo {color:#171717; font-family:'Hammersmith One'; font-size:1.2em; margin-bottom:8px; min-height:60px;}
#news_list .new_titolo a {color:#171717;}
#news_list .new_titolo a:hover {color:#b1a57f; text-decoration:none}
#news_list .new_link {color:#171717; font-family:'Hammersmith One'; font-size:1em; margin-bottom:2px; text-align:right;}
#news_list .new_link a {color:#171717;}
#news_list .new_link a:hover {color:#b1a57f; text-decoration:none}
#news_list .new_areatesto {padding:10px;}

#new_areafoto {float:left; width:420px; margin-right:25px;}
#new_areatesto {float:left; width:480px;}

#mappagoogle {float:left; width:550px; margin-right:25px;}
#form_contatti {float:left; width:350px;}
#form_contatti .etichetta {float:left; width:70px; margin-bottom:10px; padding-top:5px}
#form_contatti .casella {float:left; margin-bottom:10px; width:280px;}
#form_contatti .casella INPUT {width:100%}
#form_contatti .casella TEXTAREA {width:100%}
#form_contatti .privacy {float:left; width:320px; font-size:0.8em; line-height:1.2em;}
#form_contatti .casellachk {float:left; width:25px;}
#form_contatti .invia {margin-bottom:10px; text-align:right}
#form_contatti .titolo {font-family:'Hammersmith One', sans-serif; font-size:1.6em; font-weight:normal; line-height:1.2em;}
#form_contatti .testo {font-size:1em; line-height:1.4em; margin-bottom:5px;}
#form_contatti .testo_piccolo {font-size:0.85em; line-height:1.2em;}

#Collezioni_InAllest { margin-top:145px; font-family: ""Hammersmith One"",""Times New Roman"",serif; font-size:2.8em; text-shadow:1px 1px 1px #897c63; text-align:center}
          
#errore { display: none; border:none;}
#inline1 { width:400px; height:100px; overflow:auto; background-color:#ffffff; text-align:center; vertical-align:middle; color:#222222 }
#inline1 table {
    width:350px;
    margin-left:25px;
}

#inline1 td {
    height:100px;
    text-align:center;
    font-size:0.9em;
    line-height:1.4em;
    vertical-align:middle;
    color:#222222;
    font-family:'Open Sans';
}   

#datiUtente {position:absolute; top:25px; right:45px; font-family: 'Hammersmith One', sans-serif;}
#datiUtente SPAN {color:#b1a57f}
#datiUtente A {color:#b1a57f;}
#datiUtente A:hover {color:#ffffff; text-decoration:underline;}         

        #carrello  { display: table; width:100%} 
        #carrello >* { display: table-row; }
        #carrello >*>*  
        {
                display: table-cell;   
                border:1px solid #b1a57f;
                padding:3px;
                font-family:'Open Sans';
                font-size:0.9em;  
                color:#FFFFFF;
                vertical-align:middle;
             }
        
            
            #carrello .th 
            {
                font-weight:bold;
                color:#b1a57f;
                border:1px solid #b1a57f;
                text-align:center;
                padding:8px 3px 8px 3px;
                font-family:'Hammersmith One'; 
                font-size:1em; 
            }
            
            #carrello .th SPAN {font-size:0.8em;}
            
               
            #carrello .taglie 
            {
                width:60px;
                }
                
            #carrello INPUT 
            {
                width:90%;
                color:#000000;
                text-align:center;
                } 
                
            #jqxWidget INPUT 
            {
                COLOR:#000000;
                text-align:left;
            }    
            
            #jqxWidget_Colore INPUT 
            {
                COLOR:#000000;
                text-align:left;
            } 
            
            #bottoni {margin-top:35px;}  
                        #bottoni a {font-size:1.2em; color:#b1a57f; float:left; margin-right:35px; } 
            #bottoni a:hover {color:#ffffff}
            #bottoni a.right {float:right; margin-right:0px;}