/* DEFAULT LAYOUT
----------------------------------------------------------*/

body
{
    font-size: .80em;
    font-family: "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    color: #000000;
    background: #c9c9c9 url('../Interface/background.jpg') repeat-x;
}

#wrapper
{
    margin: 0 auto;
    width: 936px;
}

#header
{
    width: 936px;
    height: 223px;
}

#macrocat
{
    list-style: none;
    margin: 0 0 3px 0;
    height: 86px;
    padding: 0;
    font-size: 1em;
}

#menu
{
    list-style: none;
    margin: 0 0 3px 0;
    height: 52px;
    padding: 0;
}

#logo
{
    background: #880d0d;
    font-size: 0.96em;
    border-bottom: 9px solid white;
    margin-bottom: 1px;
}

#logo_info
{
    color: #FFFFFF;
    float: right;
    font-size: 1.05em;
    font-weight: bold;
    text-align: right;
    padding-top: 30px;
}

#facebook
{
    padding-left: 14px;
    color: #FFFFFF;
    float: right;
    font-size: 1.05em;
    font-weight: bold;
    text-align: right;
    padding-top: 30px;
}

#imageloop
{
    width: 936px;
    height: 300px;
    overflow: hidden;
    position: relative;
}

#evidenzaloop
{
    width: 350px;
    height: 170px;
    overflow: hidden;
    position: relative;
}

.orbit-bullets 
{
    display: none;
}

.orbit-wrapper
{
    width: 1px;
    height: 1px;
    position: relative;
}

.orbit-caption
{
    display: none;
}

.orbit-wrapper .orbit-caption
{
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
    padding: 2px 10px;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 145px;
    width: 330px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

/* IMAGE SLIDER
----------------------------------------------------------*/
div.orbit img
{
    position: absolute;
    top: 0;
    left: 0;
}
div.orbit a img
{
    border: none;
}

/* LAYOUT ELEMENTS  
----------------------------------------------------------*/
#navigation
{
    margin: 0px 0px 3px 0px;
    width: 936px;
    height: 40px;
    background: url('../Interface/menu_background.jpg') repeat-x;
    font-size: .95em;
    font-weight: bold;
}

#content
{
    width: 936px;
    margin: 0 auto;
    min-height: 390px;
    background-image: url('../Interface/content_background.jpg');
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    overflow: hidden;
}

#leftcolumn
{
    width: 25%;
    float: left;
    padding: 10px 20px 10px 20px;
}

#centercolumn
{
    float: right;
    width: 67%;
    margin-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#centercolumn_full
{
    width: 95%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 20px;
}

#footer
{
    width: 916px;
    color: #FFF;
    background: #880d0d;
    padding: 10px;
    margin: 3px auto;
    text-align: center;
}


/* LINKS
----------------------------------------------------------*/

a:link, a:visited
{
    color: #000000;
    text-decoration: underline;
}

a:hover, a:active
{
    color: #001a34;
    text-decoration: underline;
}

a.boldlink:link, a.boldlink:visited
{
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

a.boldlink:hover, a.boldlink:active
{
    color: #000000;
    text-decoration: underline;
}

a.redlink:link, a.redlink:visited
{
    color: #880d0d;
    text-decoration: underline;
    font-weight: bold;
}

a.redsmalllink
{
    color: #880d0d;
    text-decoration: none;
    font-size: .90em;
}

a.redlink:hover, a.redlink:active
{
    color: #880d0d;
    text-decoration: underline;
}

a.whitelink:link, a.whitelink:visited
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

a.whitelink:hover, a.whitelink:active
{
    color: #FFFFFF;
    text-decoration: underline;
}

a.sc_whitelink:link, a.sc_whitelink:visited
{
    font-size: .90em;
    font-variant: small-caps;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

a.sc_whitelink:hover, a.sc_whitelink:active
{
    color: #FFFFFF;
    text-decoration: underline;
}


/* HEADINGS   
----------------------------------------------------------*/

#logo h3
{
    font-variant: small-caps;
    font-size: 1.60em;
    font-weight: bold;
    margin: 0 0 .50em 0;
    padding: 0;
}

.ricerca h2
{
    margin: 0px;
    padding: 0 0 5px 0;
    display: block;
    color: White;
    font-size: 1.3em;
}


.prodotto h2
{
    color: #003366;
    margin: 0px;
    padding: 0 0 5px 0;
    display: block;
    border-bottom: 1px solid #001a34;
    font-variant: small-caps;
}

.page h2
{
    color: #880d0d;
    margin: 0px;
    padding: 5px 0 5px 0;
    display: block;
    font-variant: small-caps;
}

.page h4
{
    color: #003366;
    margin: 0px;
    padding: 0 0 1em 0;
    font-variant: small-caps;
}

.prodotto h3
{
    color: #003366;
    margin: 0px;
    padding: .50em 0 0 0;
    font-variant: small-caps;
    font-size: 1.30em;
}

.prodotto h4
{
    color: #003366;
    margin: 0px;
    padding: .50em 0 .90em 0;
    font-variant: small-caps;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

.page
{
    margin: 0;
    padding: 0;
}

.page .classimg
{
    border: 1px solid #003366;
    float: left;
    margin: 15px 15px 5px 0;
}

.page b
{
    font-weight: bold;
    font-size: 1.05em;
    color: #880d0d;
}

.prodotto
{
    margin: 0;
    padding: 0;
}

.prodotto .lfloat
{
    float: left;
    margin: 5px 5px 0 0;
    border: 1px solid silver;
}

.prodotto .rfloat
{
    float: right;
    padding: 5px 0 0 3px;
    border: 0px;
}

.prodotto strong, .prodotto b
{
    font-weight: bold;
    font-size: .95em;
    color: #003366;
}

.floatingImage
{
    float: left;
    margin: 10px 10px 0 0;
    border: 1px solid #A7CFE9;
}

.floatingHomeImage
{
    float: left;
    margin: 0 5px 0 0;
    border: 1px solid #2C3D5A;
    height: 185px;
    overflow: hidden;
}

.floatingHomeImage_last
{
    float: left;
    margin: 0 0 0 0;
    border: 1px solid #2C3D5A;
    height: 185px;
    overflow: hidden;
}

.ricerca
{
    color: White;
    min-height: 300px;
    height: 300px;
    margin: 10px 0 0 0;
    padding: 10px;
    background: url('../Interface/ricerca_background.jpg') no-repeat;
}

#ricerca_big
{
    color: White;
    width: 405px;
    float: left;
    min-height: 355px;
    height: 355px;
    padding: 5px 0 10px 30px;
    background: url('../Interface/ricerca_big_background.jpg') no-repeat;
}

#evidenza
{
    width: 405px;
    float: left;
    min-height: 355px;
    height: 355px;
    padding: 5px 0 10px 30px;
    margin-right: 10px;
    background: url('../Interface/offerte_background.jpg') no-repeat;
}

.download
{
    width: 270px;
    height: 30px;
    line-height: 30px;
    padding: 4px 4px 4px 40px;
    float: left;
    margin: 0 5px 10px 5px;
    border-right: 1px solid silver;
    background: url('../Interface/download.png') no-repeat;
}

.download_small
{
    width: 240px;
    height: 30px;
    line-height: 30px;
    padding: 4px 4px 4px 40px;
    float: left;
    margin: 0 5px 10px 5px;
    border-right: 1px solid silver;
    background: url('../Interface/download.png') no-repeat;
}


/* ITEM LIST   
----------------------------------------------------------*/

.item
{
    width: 95%;
    height: 160px;
    float: left;
    border: 1px solid gray;
    padding-bottom: .30em;
    margin-bottom: .50em;
    position: relative;
    overflow: hidden;
}

.item .titolo
{
    font-variant: small-caps;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 .50em 0;
    padding: .30em 0 .30em 1em;
    color: #FFFFFF;
    border-bottom: 1px solid gray;
    background: url('../Interface/producttitle_background.jpg') repeat-x;
}

.item .immagine
{
    float: left;
    margin: 3px 10px 5px 10px;
    border: 0px;
}

.item .descrizione
{
    padding-right: 15px;
    margin-left: 120px;
    display: block;
}

.item .pulsante
{
    padding: 2px 10px 2px 10px;
    font-weight: bold;
    background: #880d0d;
    color: #FFFFFF;
    display: block;
    width: 130px;
    position: absolute;
    left: 425px;
    top: 130px;
}

/* SINGLE ITEM PAGE 
----------------------------------------------------------*/

.sitem
{
    width: 95%;
    padding-bottom: .30em;
    margin: 1em 0;
    position: relative;
}

.sitem h3
{
    color: #003366;
    margin: 0 0 1em 0;
    font-size: 1.20em;
    font-variant: small-caps;
    font-weight: bold;
}

.sitem .immagine
{
    float: left;
    margin: 0 15px 5px 0;
    border: 0px;
}

.sitem .pulsante
{
    padding: 2px 10px 2px 10px;
    font-weight: bold;
    background: #003366;
    color: #FFFFFF;
    display: block;
    width: 160px;
    position: absolute;
    left: 395px;
    top: 130px;
}


/* MENU ISTITUZIONALE
----------------------------------------------------------*/

/*.menuitem_drop
{
    float: left;
    border-right: 1px #373330 solid;
    color: #FFFFFF;
    display: block;
    line-height: 40px;
    height: 40px;
    width: 131px;
    text-align: center;
    text-decoration: none;
    background: url('../Interface/menu_background_drop.jpg') repeat-x;
    position: relative;
}

.menuitem_drop a
{
    color: #FFFFFF;
    text-decoration: none;
}*/

.menuitem a
{
    float: left;
    color: #555555;
    display: block;
    line-height: 40px;
    height: 40px;
    width: 116px;
    text-align: center;
    text-decoration: none;
    background: url('../Interface/menu_background.jpg');
}

.menuitem a:hover
{
    color: #222222;
    text-decoration: none;
    background: url('../Interface/menu_background.jpg') 0 -40px;
}

.menuitem a:active
{
    color: #880000;
    text-decoration: none;
}

/* SOTTOMENU ISTITUZIONALE
----------------------------------------------------------*/
#menu ul
{
    position: absolute;
    left: 0px;
    display: none;
    margin: -1px 0 0 -1px;
    padding: 0;
    list-style: none;
    z-index: 600;
}

#menu ul li
{
    width: 131px;
    border-top: 1px solid gray;
}

#menu ul a
{
    border-right: 1px #373330 solid;
    color: #FFFFFF;
    display: block;
    line-height: 45px;
    height: 45px;
    width: 131px;
    text-align: center;
    text-decoration: none;
    background: url('../Interface/menu_background.jpg') repeat-x;
}

#menu ul a:hover
{
    color: #465c71;
    text-decoration: none;
    background: url('../Interface/menu_background.jpg') repeat-x 0 -55px;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 10px 20px 10px 0px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #ccc;
    background-color: #F0F0F0;
}

fieldset.modulo label
{
    display: block;
}

fieldset.modulo p
{
    padding: 0px 0px 6px 5px;
    margin: 0;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry
{
    border: 1px solid #ccc;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.failureNotification
{
    font-size: .85em;
    color: Red;
    font-weight: bold;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.pager
{
    padding: 2px;
    margin: 2px;
}

/* TABBED NAVIGATION
----------------------------------------------------------*/

#tabbednav
{
    padding: 0;
}
#tabbednav li
{
    display: inline;
}
#tabbednav li a
{
    background: #215d82;
    color: #FFF;
    padding: 5px;
    float: left;
    border-right: 1px solid #CCCCFF;
    text-decoration: none;
    font-weight: bold;
}
#tabbednav li.active a
{
    background: #FFF;
    color: #000;
}
.tabcontent
{
    border: 1px solid #ccf;
    border-top: none;
    border-left: none;
    background: #EEEEFF;
    padding: 10px 20px 10px 20px;
    width: 400px;
}

/* TABBED NAVIGATION SINGLE ITEM
----------------------------------------------------------*/

.tabcontent_sitem
{
    border: 1px solid #ccf;
    border-top: none;
    border-left: none;
    background: #EEEEFF;
    padding: 10px 20px 10px 20px;
    width: 800px;
    min-height: 150px;
}

/* TABLE
----------------------------------------------------------*/

.bluetable
{
    color: #333333;
    width: 600px;
    border-collapse: collapse;
    border: 1px solid #D1D1D1;
    text-align: center;
}

.bluelefttable
{
    color: #333333;
    width: 750px;
    border-collapse: collapse;
    border: 1px solid #D1D1D1;
    text-align: left;
    vertical-align: top;
    margin-left: 10px;
}

.header
{
    color: White;
    background-color: #5D7B9D;
    border: 1px solid #D1D1D1;
    font-weight: bold;
}

.normal
{
    color: #333333;
    background-color: #F7F6F3;
    border: 1px solid #D1D1D1;
    vertical-align: top;
}

.alternate
{
    color: #284775;
    background-color: White;
    border: 1px solid #D1D1D1;
    vertical-align: top;
}