body
{
    /*background-image:url("background.png");
    background-repeat:no-repeat;
    background-position: center top;*/
    background-color:#eeeeee;
        
    color: #445544;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    
    /*background-color:Red;        /* debug */

}
B, strong
{
    color:#22AA22;
}
a
{
    color:#449944;
}
div.hr,
hr
{
    background-image:url("hr.png");
    background-repeat:no-repeat;
    background-position:center center;
    border:none;
    color:transparent;
    height:5px;
    width:100%;
    clear:both;
}
div.hr hr
{
    display:none;
}


img
{
    border:0;
}
h1, h2, h3
{
    color: #227722;
    margin-bottom:5px;
}




.clearing
{
    clear:both;
    height:0;
}

.layout_page_row1
{
    /*background-image:url("sfondo_row1.gif");*/
    background-repeat:repeat-x;
        
    /* background-color:Red;        /* debug */
}
.layout_page_row2
{
    /*background-image:url("sfondo_row2.gif");*/
    background-repeat:repeat-x;
    background-position:center bottom;
    position:relative;
    padding-top: 30px;
    /*height:500px;*/
    
    /*background-color:orange;      /* debug */
}
.layout_page_row3
{
    margin-top: 150px;

    /*background-color:violet;      /* debug */
}
.layout_header
{
    width:1000px;
    margin:0 auto;
    height:100px;
    background-color:Transparent;
    
    /*background-color:Green;       /* debug */
}
.layout_logo
{
	background-size: contain;
    background-image: url("logo_aromatiche.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 100px;
    margin-left: 30px;
    margin-top: 0;
    width: 210px;
        
    /* background-color:Yellow;     /* debug */    
}
.layout_menu
{
    height:70px;
    width:800px;    
    margin: 0 auto;
    margin-top:30px;    
   
    /*background-color:Cyan;       /* debug */
}
.layout_carousel
{
    width:1000px;
    margin:0 auto;
    height:380px;
    position:relative;
    
    /*background-color:Blue;        /* debug */
}
.layout_body
{
    background-color: white;
    border: 0 none;
    margin: 40px auto 20px;
    width: 1000px;
    font-size: 15pt;
    line-height: 25px;
    padding:15px;
    
    /*background-color:pink;        /* debug */
}
.layout_footer
{
    height:50px;
    background-color:Transparent;
    color:#777777;
    margin-top:20px;
    
    /*background-color:Gray;        /* debug */
}
.language
{
	margin-right: -15px;
    float: right;
    margin-top: -40px;
}

/* MENU >> */
.layout_menu ul
{
    list-style: none outside none;
    margin: 0;
    padding: 0;
    height:70px;    
}
.layout_menu ul li
{
    float:left;
    height:70px;
    padding:0;
    margin:0;    
}
.layout_menu ul li a:hover
{    
    color:#44bb44;
}
.layout_menu ul li.menu0_selected a
{    
    font-weight:normal;
    color:#449944;
}
.layout_menu ul li a
{
    color: #777777;
    cursor: pointer;
    display: block;
    font-size: 27px;
    line-height: 20px;
    padding: 33px 15px;
    text-decoration: none;   
}

.layout_menu ul li.menuHome a
{
    background-image: url("logo_small.png");
    background-repeat: no-repeat;
    background-position: 0 8px;
    width:130px;
    color:transparent;
}
/* MENU << */



/* layout di pagina*/
.layout_1col_contenuto_pagina
{
    position:relative;
    padding:10px;
    padding-bottom:0;
}
.layout_1col_contenuto_pagina img
{
    margin-right:10px;
    margin-bottom:10px;
}
.layout_1col_contenuto_pagina h1
{
    /*background-image: url("sfondo_row2.gif");*/
    background-repeat: repeat-x;
    color: #227722;
    font-size: 30px;
    padding: 15px;
    padding-left:0;
    /*margin-bottom:25px;*/
}
.layout_1col_contenuto_pagina h2
{
    color: #DDDDDD;
    left: 350px;
    font-size: 28px;
    padding-left: 0;
    margin-top:30px;
}
.layout_page_row3 .layout_1col_contenuto_pagina div,
.layout_page_row3 .layout_1col_contenuto_pagina p
{
    font-family: verdana;
    font-size: 11pt;
    padding:10px;
}



/* Carosello */
.roundabout {
    background: url("slider-shadow.png") no-repeat scroll center bottom transparent;
    height: 491px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    left:0;
    width: 1000px;
}
.roundabout-holder {
    height: 399px;
    list-style: none outside none;
    margin: 0 0 0 238px;
    padding: 0;
    width: 490px;
}
.roundabout-moveable-item {
    border: 20px solid #F3F3F3;
    cursor: pointer;
    height: 394px;
    width: 580px;
}
.roundabout-moveable-item img {
    height: 100%;
    width: 100%;
}
.roundabout-in-focus {
    cursor: auto;
}
.roundabout .pagination {
    bottom: 0;
    height: 22px;
    left: 50%;
    margin-left: -66px;
    overflow: hidden;
    position: absolute;
    width: 132px;
    z-index: 410;
}
.roundabout .pagination a {
    background: url("pagination.png") no-repeat scroll right 0 transparent;
    display: block;
    float: left;
    height: 22px;
    margin-right: 11px;
    position: relative;
    width: 22px;
}
.roundabout .pagination a:hover, .roundabout .pagination a.current {
    background: url("pagination.png") no-repeat scroll 0 0 transparent;
}
.roundabout .pagination a.current {
    cursor: default;
}

/* Contenuto */
#content {
    margin-top: -57px;
}







/* Specifico dei contenuti: abbigliamento >> */
div.cotone_lino_seta,
div.cashmere_lana_merino,
div.cervo_rosso_vicugna_pelli
{
    width:225px;
    margin-right:25px;
    margin-left:25px;
    margin-bottom:50px;
    float:left;
    height:530px;
    background-image: url("finestrella_abbigliamento.png");
    background-position: center top;
    background-repeat: no-repeat;
    position:relative;
}
div.cotone_lino_seta
{
    margin-left:100px;
}
.cotone_lino_seta a.cotone_lino_seta,
.cashmere_lana_merino a.cashmere_lana_merino,
.cervo_rosso_vicugna_pelli a.cervo_rosso_vicugna_pelli
{
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 200px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding-top: 160px;
    text-decoration:none;
}
div.cotone_lino_seta span,
div.cashmere_lana_merino span,
div.cervo_rosso_vicugna_pelli span
{
    font-size: 25pt;
    line-height: 41px;
    position: absolute;
    text-align: center;
    top: 12px;
    width: 210px;
    color:#F3C965;
    text-shadow: -3px 3px 3px #222222;
    /*filter: dropshadow(color=#333333,offX=-2,offY=2);*/
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#552222', Direction=225, Strength=4);
}
div.cashmere_lana_merino span,
div.cervo_rosso_vicugna_pelli span
{
    display:none;
}
.cotone_lino_seta a.cotone_lino_seta
{
    /*background-image: url("finestrella_cotone_lino_seta.png");*/
}    
.cashmere_lana_merino a.cashmere_lana_merino
{
    background-image: url("finestrella_lana_merino_cashmere.png");
}    
.cervo_rosso_vicugna_pelli a.cervo_rosso_vicugna_pelli
{
    background-image: url("finestrella_cervo_rosso_vicugna_pelli.png");
}    
.cotone_lino_seta a.info,
.cashmere_lana_merino a.info,
.cervo_rosso_vicugna_pelli a.info
{
    background-image: url("button_info_abbigliamento.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 70px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 60px;
    overflow: hidden;
    text-decoration: none;
}
/* Specifico dei contenuti: abbigliamento << */


/* Specifico dei contenuti: accessori >> */
div.borse,
div.cinture,
div.ombrelli
{
    width:225px;
    margin-right:25px;
    margin-left:25px;
    margin-bottom:50px;
    float:left;
    height:530px;
    background-position: center 50px;
    background-repeat: no-repeat;
    position:relative;
}
div.borse img,
div.cinture img,
div.ombrelli img
{
    display:none;
}
div.borse
{
    margin-left:100px;
    background-image: url("finestrella_borse.png");
}
div.cinture
{
    background-image: url("finestrella_cinture.png");
}
div.ombrelli
{
    background-image: url("finestrella_ombrelli.png");
}
div.borse a.borse,
div.cinture a.cinture,
div.ombrelli a.ombrelli
{
    display: block;
    height: 390px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    overflow: hidden;
    text-decoration:none;
    text-align:center;
    
}
div.borse a.borse span,
div.cinture a.cinture span,
div.ombrelli a.ombrelli span
{
    color:#F3C965;
    font-size:28pt;
    text-shadow: -3px 3px 3px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=225, Strength=4);
    text-align:center;
    
}
.borse a.info,
.cinture a.info,
.ombrelli a.info
{
    background-image: url("button_info_abbigliamento.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 70px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    overflow: hidden;
    text-decoration: none;
}
/* Specifico dei contenuti: accessori << */


/* Specifico della pagina contatti >> */
#tabella_contatti
{
    background-image: url("finestra_contatti.png");
    background-position: center center;
    background-repeat: no-repeat;
    font-family: Verdana;
    font-size: 18px;
    height: 475px;
    line-height: 20px;
    margin: 0 auto;
    width: 800px;
}
#tabella_contatti td
{
    padding-left:100px;
}
#tabella_contatti td p
{
    padding:0;
    margin:0;
}


/* Specifico per pagina prestige */
.prestige,
.prestige_login
{
    background-image: url("finestrella_prestige.png");
    background-repeat:no-repeat;
    background-position: center center;
    height:380px;
    margin-top:88px;
}
.prestige div,
.prestige_login div
{
    margin-left: 162px;
    margin-top: 58px;
    width: 600px;
}
.prestige_login div img
{
    float:left;
}
.prestige_login div input
{
    background-color: transparent;
    background-image: url("textbox.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    color: #F3C965;
    font-size: 20px;
    height: 40px;
    line-height:40px;
    margin-bottom: 24px;
    padding-left: 45px;
    padding-right: 50px;
    position: relative;
    top: 68px;
    width: 140px;
}
.prestige_login div input.button
{
    background-image: url("button.png");
    margin-left: 16px;
    width: 200px;
}
.prestige a
{
    left: 380px;
    position: absolute;
    top: 149px;
}



/* Galleria articoli */
.articolo_precedente,
.articolo_successivo,
.articolo_corrente
{
    float:left;
    padding:20px;
    text-align:center;
}

.articolo_precedente img,
.articolo_successivo img,
.articolo_corrente img
{
    border: solid 1px white;
    height: 500px;
    margin-top:10px;
}

.articolo_precedente img,
.articolo_successivo img
{
    height: 300px;    
}
    
.articolo_precedente,
.articolo_successivo
{
    width: 200px;
    height: 200px;
    margin-top:100px;
}

.articolo_precedente
{
}
.articolo_corrente
{
    width: 400px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
    font-family:Verdana;
    font-size:11pt;
    color:White;
}
.articolo_successivo
{}

.articolo_precedente a,
.articolo_successivo a,
.articolo_corrente a
{
    text-decoration:none;
    font-weight:bold;
}
.articolo_precedente span,
.articolo_precedente p,
.articolo_successivo span,
.articolo_successivo p,
.articolo_corrente span,
.articolo_corrente p
{
    text-shadow: -1px 1px 1px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=225, Strength=2);
    width:400px;
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}
.articolo_precedente span,
.articolo_precedente p,
.articolo_successivo span,
.articolo_successivo p
{
    width:200px;
}
.articolo_precedente a span,
.articolo_precedente a p,
.articolo_successivo a span,
.articolo_successivo a p,
.articolo_corrente a span,
.articolo_corrente a p
{
    cursor:pointer;
}

.articolo_precedente a,
.articolo_successivo a
{
    font-size:18pt;
    width:200px;
}
.articolo_corrente a
{   
    font-size:26pt;
}




.dettaglio h1
{
    margin-bottom:20px;
}
.dettaglio h2
{
    margin-top:0;
    font-size:20pt;
}
.dettaglio img
{
    margin:10px;
    margin-left:0;
    margin-top:0;
}
.dettaglio div,
.dettaglio span,
.dettaglio p
{
    font-family:Verdana;
    font-size: 11pt;
    padding: 10px;
}

.layout_body .dettaglio .galleria_immagini
{
    position: relative;
    top: -50px;
}





.scheda_pianta .layout_titolo h1,
.scheda_pianta .layout_titolo h2
{
    display:inline;
}
.scheda_pianta .layout_titolo h3
{
    color:#777777;
    margin:0;
    font-size:12pt;
}
.scheda_pianta .layout_titolo
{
    margin-bottom:15px;
}

.scheda_pianta h2
{
    font-style:italic;
    font-size:15pt;
}
.scheda_pianta .immagine_principale
{
    float:right;
    padding:10px;
}
.scheda_pianta .galleria_immagini
{
    float:left;
    width:220px;
}
.scheda_pianta .galleria_immagini div
{
    width:200px;
    height:120px;
    overflow:hidden;
    margin-right:10px;
    margin-bottom:10px;
    float:left;
}
.scheda_pianta .galleria_immagini div img
{
    width:200px;
}

.qr_code
{
    background-color: #BBFFBB;
    border: 1px solid #AADDAA;
    clear: both;
    float: right;
    font-size: 11px;
    padding: 2px 10px 10px;
    margin:15px;
}