﻿.padProdotto
{
    display: block;
    width: 205px;
    float: left;
    vertical-align: top;
}

.padProdotto:link
{
    display: block;
    width: 165px;
    height: 239px;
    float: left;
    padding-top: 5px;
}

.separatorePadProdotti
{
    width: 20px;
    display: block;
    float: left;
}

.altezzaPadProdotto /* MOVED TO RESPONSIVEOBJS*/
{
   
}

.rbcontent
{
    margin: 0 7px;
}
.rbroundbox
{
    width: 50%;
    margin: 1em auto;
}

/*----------------------------------Rounded box gray----------------------------------*/
.rbroundboxGray
{
    background: url(  '/public/img/sysfile/roundedBoxes/gray/nt.gif' ) repeat;
}
.rbtopGray div
{
    background: url(  '/public/img/sysfile/roundedBoxes/gray/tl.gif' ) no-repeat top left;
}
.rbtopGray
{
    background: url(  '/public/img/sysfile/roundedBoxes/gray/tr.gif' ) no-repeat top right;
}
.rbbotGray div
{
    background: url(  '/public/img/sysfile/roundedBoxes/gray/bl.gif' ) no-repeat bottom left;
}
.rbbotGray
{
    background: url(  '/public/img/sysfile/roundedBoxes/gray/br.gif' ) no-repeat bottom right;
}
.rbtopGray div, .rbtopGray, .rbbotGray div, .rbbotGray
{
    width: 100%;
    height: 7px;
    font-size: 1px;
}
/*----------------------------------END Rounded box gray----------------------------------*/



/*----------------------------------Rounded box green----------------------------------*/
.rbroundboxGreen
{
    background: url(  '/public/img/sysfile/roundedBoxes/green/t.png' ) repeat;
}
.rbtopGreen div
{
    background: url(  '/public/img/sysfile/roundedBoxes/green/tl.png' ) no-repeat top left;
}
.rbtopGreen
{
    background: url(  '/public/img/sysfile/roundedBoxes/green/tr.png' ) no-repeat top right;
}
.rbbotGreen div
{
    background: url(  '/public/img/sysfile/roundedBoxes/green/bl.png' ) no-repeat bottom left;
}
.rbbotGreen
{
    background: url(  '/public/img/sysfile/roundedBoxes/green/br.png' ) no-repeat bottom right;
}
.rbtopGreen div, .rbtopGray, .rbbotGray div, .rbbotGray
{
    width: 100%;
    height: 7px;
    font-size: 1px;
}
/*----------------------------------END Rounded box green----------------------------------*/


/*----------------------------------Rounded box gray shadowed border----------------------------------*/
.t_GrayShadow
{
    background: url(  '/public/img/sysfile/roundedBoxes/grayBorder/t.png' ) 0 0 repeat-x;
    width: 20em;
}
.b_GrayShadow
{
    background: url(  '/public/img/sysfile/roundedBoxes/grayBorder/b.png' ) 0 100% repeat-x;
}
.l_GrayShadow
{
    background: url(  '/public/img/sysfile/roundedBoxes/grayBorder/l.png' ) 0 0 repeat-y;
}
.r_GrayShadow
{
    background: url(  '/public/img/sysfile/roundedBoxes/grayBorder/r.png' ) 100% 0 repeat-y;
}
.bl_GrayShadow
{
    background: url(  '/public/img/sysfile/roundedBoxes/grayBorder/bl.png' ) 0 100% no-repeat;
}
.br_GrayShadow
{
    background: url(  '/public/img/sysfile/roundedBoxes/grayBorder/br.png' ) 100% 100% no-repeat;
}
.tl_GrayShadow
{
    background: url(  '/public/img/sysfile/roundedBoxes/grayBorder/tl.png' ) 0 0 no-repeat;
}
.tr_GrayShadow
{
    background: url(  '/public/img/sysfile/roundedBoxes/grayBorder/tr.png' ) 100% 0 no-repeat;
    padding: 10px;
}
.tot_GrayShadow
{
    background: url(  '/public/img/sysfile/roundedBoxes/grayBorder/complete.png' ) 0 0 no-repeat;
}
/*----------------------------------END Rounded box shadowed gray----------------------------------*/




/*----------------------------------Rounded box green border----------------------------------*/
.t_GreenBorder
{
    background: url(  '/public/img/sysfile/roundedBoxes/greenBorder/t.png' ) 0 0 repeat-x;
    width: 20em;
}
.b_GreenBorder
{
    background: url(  '/public/img/sysfile/roundedBoxes/greenBorder/b.png' ) 0 100% repeat-x;
}
.l_GreenBorder
{
    background: url(  '/public/img/sysfile/roundedBoxes/greenBorder/l.png' ) 0 0 repeat-y;
}
.r_GreenBorder
{
    background: url(  '/public/img/sysfile/roundedBoxes/greenBorder/r.png' ) 100% 0 repeat-y;
}
.bl_GreenBorder
{
    background: url(  '/public/img/sysfile/roundedBoxes/greenBorder/bl.png' ) 0 100% no-repeat;
}
.br_GreenBorder
{
    background: url(  '/public/img/sysfile/roundedBoxes/greenBorder/br.png' ) 100% 100% no-repeat;
}
.tl_GreenBorder
{
    background: url(  '/public/img/sysfile/roundedBoxes/greenBorder/tl.png' ) 0 0 no-repeat;
}
.tr_GreenBorder
{
    background: url(  '/public/img/sysfile/roundedBoxes/greenBorder/tr.png' ) 100% 0 no-repeat;
    padding: 10px;
}
/*----------------------------------END Rounded box green border----------------------------------*/


.GreenBordered
{
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 160px;
    padding-top: 11px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 6px;
    position: relative;
    width: 144px;
    text-align: center;
    vertical-align: middle;
    line-height: 160px;
}


/*-------------------------------Box verde con il titolo rounded -------------------------------*/


.BoxVerdeTitoloRounded_Box
{
    width: 440px;
    display: block;
    float: left;
    text-align: left;
    margin-top: 10px;
}
.BoxVerdeTitoloRounded_Top
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/greenTable440/TopBackground.png' );
    background-repeat: no-repeat;
    width: 440px;
    height: 23px;
    display: block;
    float: left;
    padding-left: 10px;
}
.BoxVerdeTitoloRounded_Title
{
    color: White;
    font-weight: bold;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 3px;
}
.TitoloVerde
{
    color: #dfffc4;
}
.BoxVerdeTitoloRounded_Middle
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/greenTable440/YRepBackground.png' );
    background-repeat: repeat-y;
    width: 424px;
    display: block;
    float: left;
    padding: 0px 8px 0px 8px;
}
.BoxVerdeTitoloRounded_Bottom
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/greenTable440/BottomBackground.png' );
    background-repeat: no-repeat;
    width: 440px;
    height: 9px;
    display: block;
    float: left;
}

/*-------------------------------END Box verde con il titolo rounded -------------------------------*/



/*--------------------------------Green Top Box gray border ----------------------------------------*/

.BoxVerdeTitoloRoundedGrayBorder_Box
{
    width: 693px;
    display: block;
    float: left;
    text-align: left;
    margin-top: 10px;
}
.BoxVerdeTitoloRoundedGrayBorder_BoxFamiglia
{
    width: 693px;
    display: block;
    float: left;
    text-align: left;
    margin-top: 0px;
}

.BoxVerdeTitoloRoundedGrayBorder_Top
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/greenTopGrayBorder/Top.png' );
    background-repeat: no-repeat;
    width: 693px;
    height: 20px;
    display: block;
    float: left;
    text-align: center;
    padding-top: 6px;
}
.BoxVerdeTitoloRoundedGrayBorder_TopFamiglia
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/greenTopGrayBorder/upbar_famiglie.jpg' );
    background-repeat: no-repeat;
    width: 680px;
    height: 20px;
    display: block;
    float: left;
    text-align: left;
    padding-top: 6px;
    padding-left:25px;
    margin-left: 8px;
}

.BoxVerdeTitoloRoundedGrayBorder_Title
{
    color: White;
    font-weight: bold;
    font-size: 12px; /*letter-spacing:2px;*/
    margin-left: 10px;
    margin-top: 3px;
}
.BoxVerdeTitoloRoundedGrayBorder_Middle
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/greenTopGrayBorder/YRepbackground.png' );
    background-repeat: repeat-y;
    width: 693px;
    display: block;
    float: left;
    padding: 0px 8px 0px 8px;
}
.BoxVerdeTitoloRoundedGrayBorder_Bottom
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/greenTopGrayBorder/Bottom.png' );
    background-repeat: no-repeat;
    width: 693px;
    height: 12px;
    display: block;
    float: left;
}

/*--------------------------------END Green Top Box gray border ----------------------------------------*/



/*----------------------------------Box Green Top Light Green background 1-row high----------------------------*/
.GreenTopLightGreenBackGroundOneRow_Title
{
    color: White;
    font-weight: bold;
    font-size: 12px; /*letter-spacing:2px;*/
    margin-left: 10px;
    margin-top: 3px;
}
.GreenTopLightGreenBackGroundOneRow_Top
{
    width: 688px;
    height: 26px;
    display: block;
    float: left;
    text-align: left;
    padding-top: 3px;
}
.GreenTopLightGreenBackGroundOneRow
{
    background: url(  '/public/img/sysfile/roundedBoxes/BackGroundBoxFamiglie.png' );
    width: 688px;
    height: 122px;
    display: block;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 10px;
}
/*----------------------------------END Box Green Top Light Green background 1-row high----------------------------*/

/*----------------------------------Rounded box light green----------------------------------*/
.box
{
    background: #c8f1a5;
    width: 426px;
}
.boxtop
{
    background: url(  '/public/img/sysfile/roundedBoxes/DarkGreen/ne.gif' ) no-repeat top right;
}
.boxtop div
{
    font-size: 0;
    height: 10px;
    background: url(  '/public/img/sysfile/roundedBoxes/DarkGreen/nw.gif' ) no-repeat top left;
}
.boxbottom
{
    background: url(  '/public/img/sysfile/roundedBoxes/DarkGreen/se.gif' ) no-repeat bottom right;
}
.boxbottom div
{
    font-size: 0;
    height: 10px;
    background: url(  '/public/img/sysfile/roundedBoxes/DarkGreen/sw.gif' ) no-repeat bottom left;
}
.boxcontent
{
    width: 410px;
    padding: 0px 8px 0px 8px;
}

/*----------------------------------END Rounded box light green----------------------------------*/

.RoundedBoxGreenBorderBackgroundImg
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/GreenBorderedBox.png' );
    width: 151px;
    height: 170px;
    display: block;
    background-repeat: no-repeat;
    background-position: top center;
}

/*----------------------------------Riepilogo Ordine Classi----------------------------------*/
.Back_LightGreen
{
    background-color: #dfffc4;
    padding: 8px 8px 8px 8px;
    width: 410px;
    display: block;
    margin-bottom: 8px;
}
.Back_LightGreenDimezzato
{
    background-color: #dfffc4;
    padding: 8px 8px 8px 8px;
    width: 192px;
}
.Riepilogo_Button
{
    text-align: right;
}
.TitleBack_DarkGreen
{
    background-color: #bbee8f;
    height: 16px;
    padding: 0px 8px 0px 8px;
    width: 410px;
    display: block;
    float: left;
}
.TitleBack_DarkGreenDimezzato
{
    background-color: #bbee8f;
    height: 16px;
    padding: 0px 8px 0px 8px;
    width: 192px;
}
.TitleBack_LightGreen
{
    background-color: #dfffc4;
    height: 20px;
    padding: 4px 8px 0px 0px;
    width: 418px;
    display: block;
}
.TitleBack_LightGreenDimezzato
{
    background-color: #dfffc4;
    height: 20px;
    padding: 4px 8px 0px 0px;
    width: 200px;
}
.Title_Green
{
    font-family: Verdana;
    color: #58a501;
    text-transform: uppercase;
    font-weight: bold;
}
.GreenBox_Container
{
    display: block;
    width: 418px;
    float: left;
}
.BackElencoPagine_Top
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/White/Top.gif' );
    background-repeat: no-repeat;
    margin-left: 0px;
}
.BackElencoPagine_Center
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/White/Center.gif' );
    background-repeat: repeat-y;
    margin-left: -1px;
    text-align: left;
    padding-left: 7px;
}
.BackElencoPagine_Down
{
    background-image: url(  '/public/img/sysfile/roundedBoxes/White/Down.gif' );
    background-repeat: no-repeat;
    margin-left: -1px;
}
/*----------------------------------Evolution Obj Classi----------------------------------*/
.BackEvo_Top
{
    margin-left:11px;
    background-color:#FFFFFF;
    width: 690px;
    height: 12px;
    display: block;
    float: left;
}
.BackEvo_Center
{
    min-height:500px;
    margin-left:11px;
    background-color:#FFFFFF;
    text-align: left;
    width: 690px;
    display: block;
    float: left;
}
.BackEvo_Down
{
    margin-left:11px;
    background-color:#FFFFFF;
    width: 690px;
    height: 12px;
    display: block;
    float: left;
}
