/* CSS Document */
body {
    padding: 0;
    margin: 0;
    background:url(/s3k_media/images/body_bg5.jpg) top center no-repeat #000;
    color: #B6B6B6;
    font: 12px Arial, Helvetica, sans-serif;
}

body * {
    padding: 0;
    margin: 0;
    border-width: 0;
}

.right {
    float: right;
}

.left {
    float: left;
}

.both {
    clear: both;
}

.center, .centered {
    text-align: center;
}

.nodisplay, .no_display {
    display: none;
}

a.no_underline, a.no_underline:hover, a.no_underline:visited {
    text-decoration: none;
}

.message {
    color: #7ba900;
}

/*----HEADER----*/

#maintop {
    height: 100px;
}
/*
#header_top {
    width: 100%;
    height: 21px;
    text-align: right;
    background-color: #316793;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #114773;
}

#header_top div.button {
    float: right;
    height: 18px;
    padding: 4px 14px 0 0;
    margin: 0 26px 0 0;
    font: 11px Arial, Helvetica, sans-serif;
    background: url(/s3k_media/images/menu_arrow4.png) center right no-repeat;
}

#header_top div.button a {
    text-decoration: none;
    color: #f0f0f0;
}

#header_top div.button a:hover {
    text-decoration: underline;
    color: #fff;
}
*/
div#login_input {
    float: right;
    width: 280px;
    height: 24px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    display: none;
}

input#input_password, input#input_username {
    width: 60px;
    height: 14px;
    line-height: 14px;
    background-color: #fff;
    border: 1px inset #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

button#login_submit {
    float: left;
    width: 18px;
    height: 18px;
    border-width: 0;
    margin: 5px 0 0 12px;
    background: url(/s3k_media/images/login_submit_button2.png) top left no-repeat;
}

#header {
    width: 770px;
    height: 60px;
    margin: 0 auto;
}

#header div#logo_s3k {
    height: 24px;
    float: left;
    padding: 0;
    margin: 40px 0 0 14px;
    border-width: 0;
}

#header div#logo_s3k a, #header div#logo_s3k a img {
    text-decoration: none;
    border-width: 0;
    padding: 0;
    margin: 0;
}

#header div#img_deco {
    float: right;
    height: 100px;
    padding: 0;
    margin: 0 20px 0 0;
}

/*----/HEADER----*/


/*----CONTENT TOP----*/

#mainbodytop {
    width: 770px;
    color: #484848;
    margin: 0 auto;
    overflow: hidden;
}

#mainbodytop #menu {
    width: 770px;
    height: 24px;
    clear: both;
    margin: 0;
    padding: 0;
    background: url(/s3k_media/images/menu_bg.png) top left no-repeat;
}

#mainbodytop #menu div.nav {
    height: 19px;
    float: left;
    margin: 0 0 0 16px;
    padding: 5px 0 0 0;
    font: 11px Arial, Helvetica, sans-serif;
}

#mainbodytop #menu div.nav a {
    text-decoration: none;
    color: #eee;
}

#mainbodytop #menu div.nav a:hover {
    text-decoration: underline;
    color: #eee;
}

#mainbodytop #menu div.active {
    background:url(/s3k_media/images/menu_arrow2.png) bottom center no-repeat;
}

#mainbodytop #menu div.active a {
    color: #ff9;
}

#mainbodytop #menu div.active a:hover {
    text-decoration: none;
    color: #ff6;
}

#mainbodytop #menu div#login {
    float: right;
    height: 19px;
    padding: 5px 0 0 0;
    margin: 0 20px 0 0;
    font: 11px Arial, Helvetica, sans-serif;
    color: #ff9;
}

#mainbodytop #menu div#login a {
    text-decoration: none;
    color: #f0f0f0;
}

#mainbodytop #menu div#login a:hover {
    text-decoration: underline;
    color: #fff;
}

#mainbodytop #menu div#login .active {
    height: 19px;
    background:url(/s3k_media/images/menu_arrow2.png) bottom center no-repeat;
}

#mainbodytop #menu div#login .active a {
    text-decoration: none;
    color: #ff9;
}

#mainbodytop #menu div#login .active a:hover {
    text-decoration: none;
    color: #f0f0f0;
}


#mainbodytop #shadow {
    width: 770px;
    height: 10px;
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 6px 0;
    background:url(/s3k_media/images/menu_shadow.png) top left repeat-x #fff;
}

#mainbodytop #submenu {
    width: 760px;
    height: 24px;
    clear: both;
    margin: 0 0 0 0;
    padding: 2px 0 0 10px;
    background: url(/s3k_media/images/submenu_shadow.png) center left no-repeat #f0f0f0;
}

#mainbodytop #submenu div.subnav {
    height: 20px;
    float: left;
    margin: 1px 0 0 12px;
    padding: 0;
}

#mainbodytop #submenu div.subnav .left_border, #mainbodytop #submenu div.subnav .right_border {
    float: left;
    height: 20px;
    width: 4px;
    margin: 0;
    padding: 0;
}

#mainbodytop #submenu div.subnav .text {
    height: 12px;
    float: left;
    margin: 0;
    padding: 3px 2px 5px 2px;
}

#mainbodytop #submenu div.subnav .text a {
    text-decoration: none;
    color: #484848;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#mainbodytop #submenu div.subnav_active {
    height: 20px;
    float: left;
    margin: 1px 0 0 12px;
    padding: 0;
    background: url(/s3k_media/images/nav_l_border_active.png) center left no-repeat;
}

#mainbodytop #submenu div.subnav_active .left_border {
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    background: url(/s3k_media/images/nav_r_border_active.png) center right no-repeat;
}

#mainbodytop #submenu div.subnav_active .right_border {
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    background: url(/s3k_media/images/nav_r_border_active.png) center right no-repeat;
}

#mainbodytop #submenu div.subnav_active .text {
    height: 12px;
    float: left;
    margin: 0 4px 0 4px;
    padding: 3px 2px 5px 2px;
    background-color: #62a3b6;
}

#mainbodytop #submenu div.subnav_active .text a {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    font: Arial, Helvetica, sans-serif;
    /*font-weight: bold;*/
}

#mainbodytop #submenu div.subnav_active .text a:hover {
    text-decoration: none;
    color: #c5e7e7;
}

#mainbodytop #submenu div.separator {
    height: 12px;
    float: left;
    margin: 0 4px 0 10px;
    padding: 3px 2px 5px 2px;
}

#mainbodytop #submenu_empty {
    width: 100%;
    height: 26px;
    clear: both;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

#mainbodytop div.nav_flag {
    float: right;
    margin: 0;
    padding: 6px 6px 0 6px;
}

#mainbodytop div.nav_flag a {
    text-decoration: none;
    color: #484848;
}

.base_color {
    background-color: #9dd51c;
}

.assistenza, .base_color_assistenza {
    background-color: #ff6708;
}

.vendita, .base_color_vendita {
    background-color: #eee720;
}

.programmazione, .base_color_ {
    background-color: #d630ac;
}

.progettazione, .base_color_progettazione {
    background-color: #6cd4d3;
}

.personale, .base_color_personale {
    background-color: #ffc600;
}

.base_color_fg {
    border-color: #9dd51c;
    color: #9dd51c;
}

.assistenza_fg {
    border-color: #ff6708;
    color: #ff6708;
}

.vendita_fg {
    border-color: #eee720;
    color: #eee720;
}

.programmazione_fg {
    border-color: #d630ac;
    color: #d630ac;
}

.progettazione_fg {
    border-color: #6cd4d3;
    color: #6cd4d3;
}

.personale_fg {
    border-color: #ffc600;
    color: #ffc600;
}

/*----/CONTENT TOP----*/


/*----BODY PANEL----*/

#mainbody {
    width: 770px;
    background-color: #fff;
    color: #484848;
    margin: 0 auto;
    font: 12px Arial, Helvetica, sans-serif;
}

#mainbody h1 {
    width: 96%;
    height: 38px;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #7ba900;
    clear: both;
    padding: 20px 0 0 10px;
    margin: 0 0 20px 0;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #7ba900;
}

#mainbody h1 div.image {
    width: 16px;
    height: 16px;
    float: left;
    padding: 0;
    margin: 8px 12px 0 0;
}

#mainbody h1 div.image img {
    padding: 0;
    margin: 0;
    border-width: 0;
    float: left;
}

#mainbody #body {
    float: left;
    width: 730px;
    min-height: 600px;
    height: auto !important; /* http://www.constile.org/tips/min-height/ */
    height: 600px;
    margin: 0;
    padding: 10px 20px 20px 20px;
    background-color: #fff;
}

#mainbody #body a {
    text-decoration:none;
    color: #31b0de;
}

#mainbody #body a:hover {
    text-decoration: underline;
    color: #31b0de;
}

#mainbody #body a:visited {
    text-decoration: underline;
    color: #31b0de;
}

#mainbody #body ul, #mainbody #body ol {
    padding: 0 0 0 15px;
}

.box_prodotto_usato
{
    clear: both;
    width: 650px;
    padding: 40px 0px 10px 25px;
}

.box_prodotto_usato .immagine
{
    float: left;
    text-align: right;
    width: 123px;
    height: 103px;
    padding: 0;
    margin: 0 0 0 10px;
    background-color: #cfca53;
}

.box_prodotto_usato .immagine .corner_up_sx
{
    float: left;
    width: 3px;
    height: 3px;
    background-color: #fff;
}

.box_prodotto_usato .immagine .corner_down_dx
{
    float: right;
    width: 3px;
    height: 3px;
    background-color: #fff;
}

.box_prodotto_usato .immagine .middle
{
    float: left;
    width: 118px;
    height: 98px;
    border: 1px dotted #bbb;
}

.box_prodotto_usato .immagine .middle img
{
    width: 118px;
    height: 98px;
}

.box_prodotto_usato .titolo2 {
    clear: both;
    width: 670px;
    height: 20px;
    margin: 0 0 10px 0;
    padding: 0;
    color: #000;
    background-color: #fff178;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #e8e35d;
}

.box_prodotto_usato .titolo
{
    clear: both;
    width: 670px;
    height: 20px;
    margin: 0 0 10px 0;
    padding: 0;
    color: #000;
    background-color: #e8e35d;
    /*background:url(/s3k_media/images/usato_header_bg.png) center left no-repeat #e8e35d;*/
}

.box_prodotto_usato .titolo div.testo, .box_prodotto_usato .titolo2 div.testo
{
    float: left;
    margin: 0;
    padding: 3px 0 0 14px;
    font-size: 13px;
}

.box_prodotto_usato .descrizione
{
    float: left;
    width: 640px;
    padding: 0 0 10px 14px;
}

.box_prodotto_usato .descrizione_foto
{
    float: left;
    width: 500px;
    padding: 0 0 10px 17px;
}

.box_prodotto_usato .descrizione h4
{
    font-weight: normal;
    font-size: 16px;
}

.box_prodotto_usato .espandi_descrizione {
    cursor: pointer;
    color: #31b0de;
}

/*.prezzo {
    float: right;
    color: #333;
    font-family: Courier, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    height: 22px;
    width: 64px;
    padding: 8px 10px 0 16px;
    background: url("/s3k_media/images/price_tag_2.png") no-repeat top left;
}*/

.prezzo {
    float: right;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: lft;
    height: 35px;
    background-color: #c5e7e7;
}

.prezzo .interi {
    font-size: 30px;
    float: left;
    height: 30px;
}

.prezzo .decimali {
    font-size: 14px;
    float: left;
    height: 14px;
    padding: 5px 6px 5px 3px;
}

.prezzo .lborder {
    float: left;
    height: 35px;
    width: 7px;
    background: url(/s3k_media/images/usato_prezzo_l_border.png) center left no-repeat #fff;
}

.prezzo .rborder {
    float: left;
    height: 35px;
    width: 7px;
    background: url(/s3k_media/images/usato_prezzo_r_border.png) center right no-repeat #fff;
}

table.file_list {
    width: 100%;
}

table.file_list th {
    background-color: #0088ba;
    color: #fff;
}

table.file_list td {
    padding: 2px 6px 2px 6px;
}

table.file_list tr.row0 td {
    background-color: #def1f0;
}

table.file_list tr.row1 td {
    background-color: #cfe3e1;
}

table.file_list span.filename {
    color: #484848;
}

table.file_list span.filename:hover {
    color: #2a6bbf;
}

#cambio_password {
    clear: both;
}

#cambio_password .text_input {
    padding: 2px;
    background-color: #eee;
    margin: 4px 4px 2px 4px;
}

/*----/BODY PANEL----*/


/*----FOOTER----*/

#mainfooter {
    height: 70px;
    background-color: #000;
    color:#fff;
    font-size: 11px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    clear: both;
    padding: 0 0 0 0;
}

#footer {
    height: 44px;
    width: 770px;
    text-align: center;
    margin: 0 auto;
    padding: 26px 0 0 0;
    background:url(/s3k_media/images/footer_bg3.png) 0 0 no-repeat #000;
}

#footer span.green {
    color:#9DD51C;
}

#footer a {
    text-decoration:none;
    color:#9DD51C
}

#footer a:hover {
    text-decoration:underline;
}

#footer ul {
    width:660px;
    height:20px;
    position:relative;
    margin:0 auto;
}

#footer li {
    float:left;
    
}

#footer ul li a {
    padding:0 10px 0;
    color:#fff;
    background:#24201E;
    text-decoration:none;
    font-size:12px;
}

#footer ul li a:hover {
    text-decoration:underline;
}

#footer p.copyright {
    width:660px;
    position:relative;
    margin:0 auto;
}

/*----/FOOTER----*/


body#image_window #mainbodytop {
    width: 100%;
    background-color: #fff;
}

body#image_window #mainbodytop #shadow {
    width: 100%;
    height: 10px;
    clear: both;
    background:url(/s3k_media/images/menu_shadow.png) top left repeat-x #fff;
}

body#image_window #mainbody {
    width: 100%;
    background-color: #fff;
    color: #484848;
    margin: 0 auto;
    font: 12px Arial, Helvetica, sans-serif;
}

body#image_window #mainbody #body {
    width: 100%;
    float: left;
    min-height: 600px;
    height: auto !important; /* http://www.constile.org/tips/min-height/ */
    height: 600px;
    margin: 0;
    padding: 10px 20px 20px 20px;
    background-color: #fff;
}

body#image_window #mainbody #body .image_window_box {
    width: 100%;
    text-align: center;
    margin: 10px 0 10px 0;
}

body#image_window #mainbody #body .message {
    clear: both;
    padding: 10px 60px 10px 60px;
    font: 14px Arial, Helvetica, sans-serif;
    color:#803d44;
}

body#image_window #mainbody #body .title {
    clear: both;
    padding: 10px 60px 10px 60px;
    font: 16px Arial, Helvetica, sans-serif;
}

body#image_window #mainbody #body .text {
    clear: both;
    padding: 10px 60px 10px 60px;
    font: 12px Arial, Helvetica, sans-serif;
}

body#image_window #footer {
    height: 44px;
    width: 770px;
    text-align: center;
    margin: 0 auto;
    padding: 26px 0 0 0;
    background: none;
}