html, body
{
    margin: 0;
    padding: 0;
}

body
{
    font: 80% arial,sans-serif;
    text-align: center;
}

/* ----------------------------------------------------------- */
/* Stili generici -------------------------------------------- */
/* ----------------------------------------------------------- */

.nascosto, hr, h1, h2
{
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#ottimizzazione
{
    margin-left:-9999px;
}

.grassetto
{
    font-weight: bold;
}

.corsivo
{
    font-style: italic;
}

.hotspot
{
    border: 1px dotted red;
    padding: 0.5em 0.5em 0.5em 50px;
    margin: 0.5em;
    width: 75%;
    min-height: 25px;
    background-color: #FFCCCC;
    color: #000000;
}

.ruler
{
    padding-top: 2px;
    margin: 0;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e3001b;
    margin: 1em 0;
}

.rosso, .red
{
    color: #FF0000;
}

#index, #indice
{
    border: 1px dotted #999999;
    padding: 1em;
    margin: 1em 0;
}

.link
{
    padding: 0.5em 0.5em 0.5em 25px;
    margin: 0.5em;
    background: url(/images/freccia.gif) no-repeat left center;
}

.indietro
{
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    margin-left: 10px;
    margin-top: 10px;
}

.right, .destra
{
    float: right;
}

.left, .sinistra
{
    float: left;
}

.nobordo
{
    border: none;
}
.centro, centrato, center
{
    text-align: center;
    margin: 0 auto;
}

h3, h4, h5, h6
{
    font-family: "Trebuchet MS" , Verdana, sans-serif;
    font-variant: small-caps;
}

h3
{
    padding: 10px 0 0 10px;
    color: #CC0000;
    font-size: 1.7em;
}

h4
{
    font-size: 1.5em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #8eb2b2;
    margin: 1em 0;
}
h5
{
    font-size: 1.4em;
    margin: 1em 0;
}
h6
{
    font-size: 1.2em;
    margin: 1em 0;
}

.clear
{
    clear: both;
}

.numerico
{
    list-style-type: decimal;
    list-style-position: inherit;
    margin-left: 2em;
    display: inherit;
}

.letterale
{
    list-style-type: lower-alpha;
    list-style-position: inherit;
    margin-left: 2em;
    display: inherit;
}

.foglio
{
    width: 150px;
    height: 350px;
    float: left;
    text-align: center;
    font-size: 0.9em;
}

#loading-indicator
{
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 100;
}

/* ----------------------------------------------------------- */
/* Layout ---------------------------------------------------- */
/* ----------------------------------------------------------- */

div#contenitore
{
    width: 1024px;
    margin: 0 auto;
}
div#wrapper
{
    float: left;
    width: 100%;
}
div#colonna-sinistra
{
    float: left;
    width: 229px;
    margin-left: -1024px;
}
div#colonna-destra
{
    float: left;
    width: 229px;
    margin-left: -229px;
}
div#piedipagina
{
    clear: left;
    width: 100%;
}

/* ----------------------------------------------------------- */
/* Form ------------------------------------------------------ */
/* ----------------------------------------------------------- */
fieldset
{
    border-style: solid none none none;
    border-width: thin;
    border-color: #000000;
    padding: 1.5em;
    margin: -0.5em 0 0 0;
    width: 90%;
}

input, textarea, select
{
    border: 1px ridge #808080;
    background: #eae6e6 url('/images3/bgform.png') repeat-x;
    font-family: tahoma, helvetica, sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #454743;
}

.labelform
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 200px;
    padding: 0;
}

.labelformlunga
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 250px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
}

.labelradio
{
    display: block;
    float: left;
    width: 300px;
    padding: 0;
    margin: 5px 0 0;
}

.radiobuttonwidth
{
    margin-right: 10px;
}

input:hover, textarea:hover, select:hover
{
    border: 1px solid #e3001b;
}

input:focus, textarea:focus, select:focus
{
    background: #FFF0F0;
    border: 1px solid #e3001b;
}

.pulsante
{
    border: 1px solid #FFBFBF;
    background: #FFF0F0;
    padding: 5px;
    margin: 0;
    color: #000000;
}

.pulsante:hover
{
    border: 1px solid #FF3300;
    background: #e3001b;
    padding: 5px;
    margin: 0;
    color: #FFFFFF;
}

.miniatura
{
    border: solid 1px black;
    margin: 5px;
}

/* ----------------------------------------------------------- */
/* Tabelle --------------------------------------------------- */
/* ----------------------------------------------------------- */

table
{
    width: 90%;
    border: 1px solid #808080;
    margin: 1em 0 0 0.5em;
    padding: 0;
    margin: 0 5px;
}

th
{
    border: 1px solid #808080;
    padding: 0;
    margin: 0;
    font-family: "Trebuchet MS" , Verdana, sans-serif;
}

td
{
    padding: 0;
    margin: 0;
    border: 1px solid #808080;
}

th.bassastagione, td.bassastagione
{
    background-color: #c9e5ed;
    padding: 0;
    margin: 0;
    text-align: center;
}

th.mediastagione, td.mediastagione
{
    background-color: #c5df7f;
    padding: 0;
    margin: 0;
    text-align: center;
}

th.altastagione, td.altastagione
{
    background-color: #f7c649;
    padding: 0;
    margin: 0;
    text-align: center;
}

td.bassastagione, td.mediastagione, td.altastagione
{
    width: 13px;
    height: 10px;
    margin: 0;
    padding: 0;
}

table img
{
    margin: 0;
    padding: 0;
    border: none;
}

/* ----------------------------------------------------------- */
/* Organigramma ---------------------------------------------- */
/* ----------------------------------------------------------- */

ul#og
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    width: 680px;
    height: 347px;
    background: url(/public/images/organigramma_rev8_170410-1.jpg ) no-repeat;
    list-style-type: none;
}

#og li, #og span
{
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    list-style-type: none;
}

/* ----------------------------------------------------------- */
/* Mezzi last minute ----------------------------------------- */
/* ----------------------------------------------------------- */

.mezzo
{
    border-width: 10px;
    border-color: #C0C0C0;
    margin: 1em 0 0 0;
    padding: 10px;
    min-height: 180px;
    border-bottom-style: solid;
}

.mezzo img
{
    border: 1px solid #333333;
    text-align: center;
    float: left;
    width: 190px;
    padding: 5px;
    margin-right: 5px;
    margin-top: 1em;
}

.mezzo h3
{
    font-family: Verdana;
    font-variant: normal;
    color: #000000;
}

.offerta
{
    font-size: 100%;
    color: #CC3300;
}

/* ----------------------------------------------------------- */
/* Testata --------------------------------------------------- */
/* ----------------------------------------------------------- */

#testata
{
    height: 154px;
    width: 100%;
    float: left;
    background-image: url('../images3/testata.jpg');
    background-repeat: no-repeat;
    position: relative;
}

#testata ul
{
    list-style-type: none;
}

#testata li img.traslochi, #testata li img.logistica, #testata li img.rent
{
    width: 94px;
    height: 126px;
    min-height: 126px;
    position: absolute;
    top: 16px;
    border: none;
}

#testata li img.teccourier
{
    width: 172px;
    height: 126px;
    min-height: 126px;
    position: absolute;
    top: 16px;
    border: none;
}

#testata li img.traslochi
{
    left: 380px; /* background: url(/images3/icona_traslochi.png) no-repeat 0 0;*/
}

#testata li img.logistica
{
    left: 540px; /* background: url(/images3/icona_logistica.png) no-repeat 0 0;*/
}

#testata li img.teccourier
{
    left: 660px; /* background: url(/images3/icona_logistica.png) no-repeat 0 0;*/
}

#testata li img.rent
{
    left: 870px; /*background: url(/images3/icona_rent.png) no-repeat 0 0;*/
}

#testata li img.traslochi:hover, #testata li img.logistica:hover, #testata li img.rent:hover
{
    width: 104px;
    height: 136px;
    min-height: 136px;
}

#testata li img.teccourier:hover
{
    width: 184px;
    height: 136px;
    min-height: 136px;
}

#testata li img.logo
{
    width: 255px;
    height: 135px;
    min-height: 135px;
    position: absolute;
    top: 6px;
    border: none;
    left: 60px;
}

#testata li img.logo:hover
{
    width: 260px;
    height: 140px;
    min-height: 145px;
}

/* ----------------------------------------------------------- */
/* Menù ------------------------------------------------------ */
/* ----------------------------------------------------------- */

#menu
{
    float: left;
    list-style: none;
    margin: 5px 0;
    padding: 0;
    width: 100%;
    color: #CC3300;
    background: #EDEDED;
    z-index: 50;
}

#menu ul
{
    padding: 0;
    margin: 0;
    z-index: 50;
}

#menu li
{
    position: relative;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    z-index: 50;
    border-bottom-color: #DDDDDD;
    border-left-color: #DDDDDD;
}

#menu li a
{
    display: block;
    text-decoration: none;
    text-align: left;
    line-height: 30px;
    color: #e3001b;
    background: #EDEDED;
    z-index: 50;
    padding-right: 35px;
    padding-left: 4px;    
}

#menu li a:hover
{
    background: #2580a2 url("/images3/menu-hover.gif") bottom center no-repeat;
    color: #fff;
}

#menu ul ul
{
    position: absolute;
    top: 30px;
    visibility: hidden;
    z-index: 50;
}

#menu li ul li a
{
    z-index: 100;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDDDDD;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-color: #DDDDDD;
    border-left-color: #DDDDDD;
    width:150px;
}


#menu ul li:hover ul
{
    visibility: visible;
    z-index: 50;
}

#menu ul ul ul li
{
    visibility: hidden;
    left: 150px;
    top: -30px;
    z-index: 50;
}

#menu ul ul li:hover ul li
{
    visibility: visible;
    width: 100%;
    z-index: 50;
}

/* ----------------------------------------------------------- */
/* Cerca ---------- ------------------------------------------ */
/* ----------------------------------------------------------- */

#cerca
{
    text-align: right;
    background-color: #F7F7F7;
    padding: 0;
    margin: 0;
}

/* ----------------------------------------------------------- */
/* Colonna destra -------------------------------------------- */
/* ----------------------------------------------------------- */

#colonna-destra
{
    margin-top: -3px;
}

#newsletter, #newsletter2
{
    background: #FFFFFF url('../images3/bg-newsletter2.png') no-repeat left bottom;
    width: 229px;
    height: 311px;
    text-align: left;
    margin: 0;
    padding: 5px;
}

#newsletter h3, #newsletter2 h3
{
    color: #e1122c;
    font-family: Verdana;
    font-variant: normal;
    font-weight: normal;
}

#newsletter p, #newsletter2 p
{
    text-align: center;
    font-size: 90%;
    margin-top: 2em;
}

/* ----------------------------------------------------------- */
/* Colonna sinistra ------------------------------------------ */
/* ----------------------------------------------------------- */

#colonna-sinistra
{
    margin-top: -3px;
}

#videogallery .handy
{
    width: 229px;
    height: 335px;
    display: block;
    min-height: 335px;
    background-image: url('/images3/spot01-1.jpg');
    background-repeat: no-repeat;
    margin: 0 0 0 -5px;
    padding: 0;
    border: none;
    cursor: pointer;
}

#videogallery .handy:hover
{
    width: 229px;
    height: 335px;
    min-height: 335px;
    background-image: url("/images3/spot02-1.jpg");
    background-repeat: no-repeat;
    margin: 0 0 0 -5px;
    padding: 0;
    border: none;
}

/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* Contenuto ------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */


/* ----------------------------------------------------------- */
/* Colonne home page ----------------------------------------- */
/* ----------------------------------------------------------- */

#colonnaimg-home-traslochi, #colonnaimg-home-logistica, #colonnaimg-home-teccourier, #colonnaimg-home-rent,
#colonna-home-traslochi, #colonna-home-logistica, #colonna-home-teccourier, #colonna-home-rent
{
    float: left;
    width: 24.5%;
    padding: 0;
    margin: 15px 0 0 0;
}

#colonnaimg-home-traslochi, #colonnaimg-home-logistica, #colonnaimg-home-teccourier, #colonnaimg-home-rent
{
    text-align: center;
    min-height: 210px;
}

#colonna-home-traslochi, #colonna-home-logistica, #colonna-home-teccourier, #colonna-home-rent
{
    text-align: left;
    min-height: 300px;
}


#colonnaimg-home-logistica, #colonna-home-logistica
{
    border-style: none dashed none dashed;
    border-width: 1px;
    border-color: #C0C0C0;
}

#colonnaimg-home-teccourier, #colonna-home-teccourier
{
    border-style: none dashed none none;
    border-width: 1px;
    border-color: #C0C0C0;
}

#colonnaimg-home-traslochi img, #colonnaimg-home-logistica img, #colonnaimg-home-teccourier img, #colonnaimg-home-rent img
{
    border: none;
    /*width: 123px;*/
    height: 186px;
}

#colonnaimg-home-traslochi img:hover, #colonnaimg-home-logistica img:hover, #colonnaimg-home-teccourier img:hover, #colonnaimg-home-rent img:hover
{
    width: 133px;
    height: 196px;
    min-height: 196px;
}

#colonna-home-traslochi h3, #colonna-home-logistica h3, #colonna-home-teccourier h3, #colonna-home-rent h3
{
    font-family: Verdana;
    font-weight: normal;
    font-variant: normal;
}

#colonna-home-traslochi li, #colonna-home-logistica li, #colonna-home-teccourier li, #colonna-home-rent li
{
    font-family: Verdana;
    font-weight: normal;
    font-variant: normal;
    color: #333333;
    text-decoration: none;
    list-style-image: url('../images3/punto.jpg');
    margin-left: 0;
}

#colonna-home-traslochi a, #colonna-home-logistica a, #colonna-home-teccourier a, #colonna-home-rent a
{
    font-family: Verdana;
    font-weight: normal;
    font-variant: normal;
    color: #333333;
    text-decoration: none;
}

#colonna-home-traslochi a:hover, #colonna-home-logistica a:hover, #colonna-home-teccourier a:hover, #colonna-home-rent a:hover
{
    font-family: Verdana;
    font-weight: normal;
    font-variant: normal;
    color: #FF0000;
    text-decoration: underline;
}

#colonna-home-dx img /*icone offerte*/
{
    border: none;
    margin: 0 auto;
}

#colonna-home-dx img:hover
{
    border: none;
    margin: 0 auto;
    width: 141px;
    height: 138px;
}

/* ----------------------------------------------------------- */
/* Principale ------------------------------------------------ */
/* ----------------------------------------------------------- */

#contenuto
{
    border-color: #e3001b;
    margin: 25px 0 0 0;
    padding: 0;
    border-style: none solid none solid;
    border-right-width: 2px;
    border-left-width: 2px;
    float: left;
    min-height: 600px;
    text-align: left;
}

#testa-contenuto, #coda-contenuto, #testa-contenuto-home, #coda-contenuto-home
{
    float: left;
    padding: 0;
    height: 20px;
    background-position: left top;
}

#testa-contenuto-home, #coda-contenuto-home
{
    float: right;
    padding: 0;
    height: 20px;
    background-position: left top;
}

#testa-contenuto, #testa-contenuto-home
{
    background-image: url('../images3/apri-contenuto.jpg');
    width: 762px;
    margin: 0;
    padding: 0;
}

#coda-contenuto, #coda-contenuto-home
{
    background-image: url("../images3/chiudi-contenuto.jpg");
    width: 762px;
    margin: 0;
    padding: 0;
}

/*#testa-contenuto-home
{
    background-image: url('../images3/apri-contenuto-home.jpg');
    width: 530px;
    margin: 0 240px;
}

#coda-contenuto-home
{
    background-image: url("/images3/chiudi-contenuto-home.jpg");
    width: 530px;
    margin: 0 240px;
}*/

#contenuto .iframe, #contenuto .iframelungo
{
    border: none;
    border-width: 1px;
    border-color: #000;
    height: 500px;
    overflow: auto;
    padding: 5px 5px 25px 5px;
    float: left;
}

#contenuto .iframe
{
    width: 425px;
}

#contenuto .iframelungo
{
    width: 730px;
}

#contenuto .iframelungo a, #contenuto .iframe a
{
    color: #FF0000;
}

#contenuto .iframelungo a:visited, #contenuto .iframe a:visited
{
    color: #660066;
}

#contenuto .iframelungo a:active, #contenuto .iframe a:active
{
    color: #584A30;
}

#contenuto .iframelungo a:hover, #contenuto .iframe a:hover
{
    color: #990033;
    text-decoration: none;
}

#contenuto .iframelungo a.button, #contenuto .iframe a.button, #contenuto .immagine a.button
{
    width: 213px;
    height: 53px;
    line-height: 53px;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(/images3/bottone.jpg);
    margin: 4px auto;
}

#contenuto .iframelungo a.button:hover, #contenuto .iframe a.button:hover, #contenuto .immagine a.button:hover
{
    background-image: url(/images3/bottone-hover.jpg);
}

#contenuto .iframelungo li, #contenuto .iframe li
{
    list-style-image: url('../images3/punto.jpg');
    margin-left: 0;
}

#contenuto .iframelungo li a, #contenuto .iframe li a
{
    color: #800000;
    text-decoration: none;
}

#contenuto .iframelungo li a:hover, #contenuto .iframe li a:hover
{
    color: #333333;
    text-decoration: underline;
}

#contenuto .iframelungo li a:visited, #contenuto .iframe li a:visited
{
    color: #3F007D;
}

#contenuto .immagine
{
    float: right;
    text-align: center;
    width: 320px;
}

#contenitoreicone-preventivi
{
    min-height:225px;
    margin:  0;
    padding: 0;
}

#contenitoreicone-preventivi img.logisticapreventivi, #contenitoreicone-preventivi img.traslochipreventivi, #contenitoreicone-preventivi img.rentpreventivi
{
    width: 135px;
    height: 180px;
    border: none;
}

#contenitoreicone-preventivi .teccourierpreventivi
{
    width: 223px;
    height: 180px;
    border: none;
}

#contenitoreicone-preventivi img.logisticapreventivi:hover, #contenitoreicone-preventivi img.traslochipreventivi:hover, #contenitoreicone-preventivi img.rentpreventivi:hover
{
    width: 145px;
    height: 190px;
}

#contenitoreicone-preventivi img.teccourierpreventivi:hover
{
    width: 233px;
    height: 190px;
    border: none;
}

/* ----------------------------------------------------------- */
/* Riepilogo ------------------------------------------------- */
/* ----------------------------------------------------------- */

#richiamo
{
    padding: 2px 0 0 1em;
    margin: 0;
    color: #003300;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #8eb2b2;
    margin: 1em 0;
}

#richiamo p
{
    text-align: left;
    line-height: 10px;
    margin: 0px 5px;
}

/* ----------------------------------------------------------- */
/* Intermedio ------------------------------------------------ */
/* ----------------------------------------------------------- */
#piedipagina
{
    border-width: 1px;
    border-color: #808080;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    line-height: 20px;
    border-top-style: solid;
}


/* ----------------------------------------------------------- */
/* Pié di pagina --------------------------------------------- */
/* ----------------------------------------------------------- */
#piedipagina
{
    border-width: 1px;
    border-color: #808080;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    line-height: 20px;
    border-top-style: solid;
}