/* Imports
===============================================*/
@import url('reset.css');

html {
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Ubuntu', Verdana;
    font-size: 13px;
    line-height: 1.2;
    background-color: #F2F2F2;
    color: #333333;
    background-image: url("../images/stage/body_sfondo.jpg");
    background-position: center 40px;
    background-repeat: no-repeat;
}

/* Links
-----------------------------------------------*/
a {
    outline: 0;
}

    a img {
        border: 0px;
        text-decoration: none;
    }

a {
    color: #DD0000;
    text-decoration: underline;
}

    a:visited {
        text-decoration: none;
    }

    a:hover, a:active {
        color: #000000;
        text-decoration: none;
    }

    a[href] * {
        cursor: pointer;
    }

/* Forms
-----------------------------------------------*/
fieldset {
}

input[type='radio'] {
    vertical-align: text-bottom;
}

input[type='checkbox'] {
    vertical-align: bottom;
}

label,
input[type='radio'],
input[type='checkbox'],
input[type='button'],
input[type='submit'],
button {
    cursor: pointer;
}

input[type='submit'] {
    height: 28px;
    color: #FFFFFF;
    background-color: #333333;
    border: 1px solid #333333;
    margin: 0px 2px;
    min-width: 80px;
    font-size: 12px;
    border-radius: 1px;
    text-transform: uppercase;
}

    input[type='submit']:hover,
    input[type='submit']:active,
    input[type='submit']:focus {
        background-color: #DD0000;
        border: 1px solid #DD0000;
    }

/*Img
-----------------------------------------------*/
img {
    display: block;
}

/*Input
-----------------------------------------------*/
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea {
    border: 1px solid #999999;
    background-color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    padding: 0px 5px;
    width: 250px;
    color: #333333;
}

select {
    height: 26px;
    padding: 2px;
    cursor: pointer;
}

textarea {
    line-height: 1.2;
    padding: 5px;
    font-family: Arial;
    resize: none;
}

    input[type='text']:hover,
    input[type='password']:hover,
    input[type='file']:hover,
    select:hover,
    textarea:hover {
        border: 1px solid #DD0000;
        color: #000000;
    }

    input[type='text']:active,
    input[type='text']:focus,
    input[type='password']:active,
    input[type='password']:focus,
    input[type='file']:active,
    input[type='file']:focus,
    select:active,
    select:focus,
    textarea:active,
    textarea:focus {
        border: 1px solid #000000;
        color: #000000;
    }
/*validazione jQuery*/
label.error {
    display: block;
    padding: 0px 5px 0px 0px;
    color: #FF0000;
    font-style: italic;
    font-size: 12px;
    cursor: text;
    text-align: right;
}

div.error {
    display: none;
}

input[type='text'].error,
textarea.error,
input[type='password'].error {
    border: 1px solid #FF0000 !important;
    color: #FF0000 !important;
    background-image: url("../images/avvertenza/errorText.png") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    overflow: hidden !important;
}

/*INIZIO STILI VALIDATION*/
.validationSummary {
    font-size: 15px;
    color: #FFFFFF;
    background-color: #DF0024;
    padding: 10px 10px 10px 90px;
    margin-top: 10px;
    min-height: 40px;
    background-image: url("../images/avvertenza/validationSummary.png");
    background-position: 10px 10px;
    background-repeat: no-repeat;
}

    .validationSummary ul {
        margin: 0px;
        padding: 0px;
    }

    .validationSummary li {
        margin-top: 3px;
    }

        .validationSummary li:first-child {
            margin-top: 0px;
        }
/*FINE STILI VALIDATION*/

.italic {
    font-style: italic;
}

/*INIZIO STILI POSIZIONE*/
.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.align_center {
    text-align: center;
}

.to_left {
    float: left;
}

.to_right {
    float: right;
}

.to_center {
    margin: 0px auto;
}

.clear {
    clear: both;
}

.relative {
    position: relative;
}
/*FINE STILI POSIZIONE*/

/*INIZIO STILI HEADER*/
#header {
    height: 140px;
    background-image: url("../images/stage/header_sfondo.jpg");
    background-position: left top;
    background-repeat: repeat-x;
    border-bottom: 5px solid #DD0000;
}

#headerContent {
    width: 996px;
    height: 140px;
    margin: 0px auto;
    position: relative;
}

/*inizio stili logo*/
.logo {
    display: block;
    width: 330px;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 20px;
    overflow: hidden;
}
/*fine stili logo*/

/*inizio stili home*/
.home,
.areaRiservata {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("../images/buttons/areaRiservata.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 0px;
    z-index: 100;
}

.home {
    right: 35px;
    background-image: url("../images/buttons/home.png");
}

    .home:hover,
    .home.selected,
    .areaRiservata:hover,
    .areaRiservata.selected {
        background-color: #DD0000;
    }
/*fine stili home*/



/*inizio stili menu*/
#menuTop_stage {
    position: absolute;
    top: 100px;
    right: 0px;
    /*width: 640px;*/
    /*width: 480px;*/
    height: 40px;
    width: 500px;
}

ul#menuTop {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    ul#menuTop li {
        float: left;
        margin-left: 10px;
    }

        ul#menuTop li a {
            display: block;
            /*width: 150px;*/
            width: 110px;
            height: 40px;
            line-height: 40px;
            color: #FFFFFF;
            text-decoration: none;
            text-align: center;
            text-transform: uppercase;
            font-size: 20px;
        }

            ul#menuTop li a.selected {
                background-color: #DD0000;
            }

            ul#menuTop li a:hover {
                background-color: #DD0000;
            }

        ul#menuTop li.clear {
            float: none;
            clear: both;
            width: 0px;
            height: 0px;
        }
/*fine stili menu*/

/*inizio stili lingue*/
#lingue {
    position: absolute;
    top: 20px;
    left: 335px;
    width: 30px;
    height: 50px;
}

    #lingue a {
        display: block;
        width: 30px;
        height: 20px;
        margin-top: 5px;
        background-position: left top;
        background-repeat: no-repeat;
    }

        #lingue a.linguaItaliano {
            background-image: url("../images/buttons/linguaItaliano.jpg");
        }

        #lingue a.linguaInglese {
            background-image: url("../images/buttons/linguaInglese.jpg");
        }

        #lingue a.linguaFrancese {
            background-image: url("../images/buttons/linguaFrancese.jpg");
        }
/*fine stili lingue*/

/*inizio stili translate*/
.translate {
    position: absolute;
    top: 20px;
    left: 335px;
    width: 30px;
    height: 50px;
}

    .translate a {
        display: block;
        width: 30px;
        height: 20px;
        margin-top: 5px;
        background-position: left top;
        background-repeat: no-repeat;
        border: 1px solid #333333;
        cursor: pointer;
    }

        .translate a:hover {
            border: 1px solid #FFFFFF;
        }
/*.translate
{
    height: 22px; 
    width: 70px;
    position: absolute; 
    top: -35px; 
    right: 0px;
    font-size: 0px;
    display: none;
}

.translate a
{
    display: inline-block;
    border: 1px solid transparent;
    margin-left: 3px;
    cursor: pointer;
}

.translate a:hover
{
    border: 1px solid #FFFFFF;
}*/
/*fine stili translate*/


/*inizio stili news*/
.citazione {
    font-style: italic;
}

.hylIndietro {
    float: right;
    font-size: 15px;
    padding: 7px;
}

.news {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 18px;
    color: #FFFFFF;
    width: 600px;
}

.etichettaLink {
    color: #DD0000;
    font-weight: bold;
    font-size: 26px;
    padding: 2px 5px;
    font-style: italic;
}

    .etichettaLink a {
        text-decoration: none;
    }

        .etichettaLink a:hover {
            color: #DD0000;
            text-decoration: underline;
        }

.hylNews {
    color: #FFFFFF;
    text-decoration: none;
    padding: 5px;
    margin-left: 5px;
    border-top: 2px solid #DD0000;
    border-bottom: 2px solid #DD0000;
    border-radius: 2px;
    display: block;
}

    .hylNews:hover {
        color: #FFFFFF;
        background-color: #DD0000;
    }

        .hylNews:hover .sottotitoloNewsLink {
            color: #FFFFFF;
        }

.titoloNewsLink {
  margin-left: 0px;
  font-size: 18px;
  font-weight: normal;
  height: 22px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sottotitoloNewsLink {
  font-size: 14px;
  font-weight: normal;
  color: #C0C0C0;
  font-style: italic;
  display: block;
  max-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/*fine stili news*/

/*FINE STILI HEADER*/

#central {
    width: 996px;
    margin: 20px auto 0px;
}

.colonnaContent {
    vertical-align: top;
    padding: 0px 20px 0px 10px;
}

.colonnaPreventivo {
    vertical-align: top;
    border-left: 1px solid #DDDDDD;
    padding: 5px 0px 5px 20px;
}

/*INIZIO STILI CONTENT*/
#content {
    width: 670px;
    min-height: 500px;
}
/*FINE STILI CONTENT*/

/*INIZIO STILI PREVENTIVO*/
h2#preventivo_titolo {
    font-size: 25px;
    font-weight: normal;
}

#preventivo_stage {
    width: 285px;
}

#preventivoContatti {
    display: none;
}

#preventivoMerci_contatti {
}

    #preventivoMerci_contatti .preventivoIntro {
        font-size: 13px;
    }

.preventivoContatto {
    background-image: url("../images/stage/preventivoContatto_sfondo.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 45px;
    font-size: 28px;
    color: #DD0000;
    margin-top: 20px;
}

    .preventivoContatto.contattoAzienda {
        background-image: url("../images/stage/preventivoContattoAzienda_sfondo.png");
    }

    .preventivoContatto span {
        color: #333333;
        font-size: 13px;
    }

.preventivoSezione {
    margin-top: 10px;
}

.preventivoSezione_titolo {
    border-bottom: 2px solid #DD0000;
    text-transform: uppercase;
    padding-left: 10px;
}

    .preventivoSezione_titolo span {
        height: 20px;
        line-height: 20px;
        background-color: #DD0000;
        color: #FFFFFF;
        border-left: 5px solid #DD0000;
        border-right: 5px solid #DD0000;
        border-top: 3px solid #DD0000;
        border-bottom: 3px solid #DD0000;
    }

.preventivoSezione_stage {
    padding: 5px 5px 0px;
}

.preventivoCampo {
    margin-top: 2px;
}

.preventivoCampo_etichetta {
}

.preventivoCampo_controllo {
}

    .preventivoCampo_controllo input[type='text'],
    .preventivoCampo_controllo textarea {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        padding: 0px 3px;
    }

    .preventivoCampo_controllo textarea {
        height: 50px;
    }

.preventivoPrivacy {
    clear: both;
    font-size: 11px;
    margin: 3px 10px 0px;
}

.preventivoButton {
    text-align: center;
    margin-top: 5px;
}

    .preventivoButton input[type='submit'] {
    }
/*FINE STILI PREVENTIVO*/

/*INIZIO STILI PAGINA*/
.pagina {
    word-wrap: break-word;
}

/*inizio stili titolo*/
.paginaTitolo h1 {
    font-size: 40px;
    font-weight: normal;
    color: #DD0000;
}

.paginaTitolo h2 {
    font-size: 18px;
    color: #777777;
    font-weight: normal;
    margin-top: 5px;
    font-style: italic;
}
/*fine stili titolo*/

/*inizio stili pagina content*/
.paginaContent,
.paginaErrorContent {
    margin-top: 10px;
    font-size: 15px;
}

.paginaDescription {
}

/*inizio stili error*/
.paginaErrorContent {
    background-image: url("../images/avvertenza/alert.png");
    background-position: center 20px;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 130px;
    font-weight: bold;
    min-height: 300px;
}

    .paginaErrorContent h5 {
        color: #000000;
        font-size: 20px;
    }

.error_spiegazione {
    margin-top: 10px;
    font-weight: normal;
}
/*fine stili error*/

/*inizio stili immagini di pagina*/
.paginaImages {
    width: 670px;
    height: 300px;
    margin: 20px 0px 0px;
    text-align: center;
}

.paginaImages_image {
    width: 670px;
    height: 300px;
}

.paginaImages_image {
    width: 670px;
    height: 300px;
    overflow: hidden;
    border-radius: 5px;
}

    .paginaImages_image img {
        width: 670px;
        min-height: 300px;
    }

#nav {
    margin: 3px 0px 0px;
    padding: 0px;
    list-style-type: none;
    display: inline-block;
}

    #nav li {
        width: 82px;
        height: 42px;
        float: left;
        margin: 1px 3px;
        list-style: none;
    }

    #nav a {
        width: 80px;
        height: 40px;
        overflow: hidden;
        display: inline-block;
        border: 1px solid #FFFFFF;
    }

        #nav a img {
            width: 80px;
            height: 40px;
        }

        #nav a:hover {
            border: 1px solid #CED014;
        }

    #nav li.activeSlide a {
        border: 1px solid #FB7513;
    }
/*fine stili immagini di pagina*/
/*FINE STILI PAGINA*/

/*INIZIO STILI FOOTER*/
#footer {
    margin-top: 10px;
    border-top: 5px solid #DD0000;
    padding-top: 10px;
}

#footerContent {
    width: 996px;
    margin: 0px auto;
}

/*inizio stili menu-categorie bottom*/
#menuBottom_stage {
    margin: 0px auto;
    text-align: center;
}

ul#menuBottom {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    ul#menuBottom li {
        display: inline-block;
        margin: 0px 10px;
    }

        ul#menuBottom li.clear {
            float: none;
            clear: both;
        }

        ul#menuBottom li a {
            color: #666666;
            text-decoration: none;
            cursor: default;
            text-transform: uppercase;
            font-size: 14px;
        }

            ul#menuBottom li a[href] {
                cursor: pointer;
            }

                ul#menuBottom li a[href]:hover {
                    color: #DD0000;
                    text-decoration: underline;
                }
/*fine stili menu-categorie bottom*/

#footerDati {
    float: left;
    margin-top: 10px;
}

#socialCreditsBottom_stage {
    float: right;
    margin-top: 10px;
}

#footerSocial {
    height: 60px;
}

    #footerSocial a {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin: 0px 2px 0px 0px;
        background-position: left top;
        background-repeat: no-repeat;
    }

        #footerSocial a.socialFacebook {
            background-image: url("../images/buttons/socialFacebook.png");
        }

        #footerSocial a.socialGooglePlus {
            background-image: url("../images/buttons/socialGooglePlus.png");
        }

        #footerSocial a.socialTwitter {
            background-image: url("../images/buttons/socialTwitter.png");
        }

        #footerSocial a.socialYouTube {
            background-image: url("../images/buttons/socialYouTube.png");
        }

#footerCredits {
}

    #footerCredits a {
        color: #DD0000;
        text-decoration: underline;
    }

        #footerCredits a:hover {
            text-decoration: none;
        }
/*FINE STILI FOOTER*/

/*FINE STILI AZIENDA*/
.colonnaMappa {
    vertical-align: top;
    padding-left: 10px;
}

#azienda_mappa {
    width: 270px;
    height: 380px;
    border: 1px solid #CCCCCC;
}

#azienda_ragioneSociale {
    text-align: center;
    margin-top: 5px;
    font-size: 11px;
}
/*FINE STILI AZIENDA*/

/*INIZIO STILI CONTATTACI*/
/*inizio stili dati*/
#contattaci_form {
    margin-top: 10px;
    /*font-size: 12px;*/
}

.contattaci_formCampo {
    padding: 3px 0px;
}

.contattaci_formCampo_etichetta {
    width: 110px;
    vertical-align: top;
    padding: 5px 0px 0px 0px;
}

.contattaci_formPrivacy {
    font-size: 12px;
}

.contattaci_formPrivacy_link {
    float: left;
    margin-top: 3px;
}

.contattaci_formPrivacy_accetto {
    float: right;
    margin-top: 3px;
}

    .contattaci_formPrivacy_accetto label.error {
        float: left;
        height: 20px;
        line-height: 20px;
        padding: 0px;
        margin-top: 0px;
    }

.contattaci_formFooter {
    margin-top: 5px;
    border-top: 1px solid #999999;
    padding: 2px 10px 0px;
}

    .contattaci_formFooter input[type='submit'],
    .contattaci_formFooter input[type='button'],
    .contattaci_formFooter a {
        display: block;
        margin: 0px auto;
    }

    .contattaci_formFooter a {
        height: 24px;
        line-height: 24px;
        width: 100px;
        color: #FFFFFF;
        background-image: none !important;
        border-radius: 1px;
        background-color: #333333;
        border: 1px solid #333333;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
    }

        .contattaci_formFooter a:hover,
        .contattaci_formFooter a:active,
        .contattaci_formFooter a:focus {
            background-color: #DD0000;
            border: 1px solid #DD0000;
        }

.contattaciMessaggio_ok,
.contattaciMessaggio_ko {
    display: block;
    padding: 5px 3px 5px 40px;
    margin-top: 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.contattaciMessaggio_ok {
    border: 1px solid #006600;
    background-color: #CEFFCE;
    background-image: url("../images/stage/contattaci_ok.png");
}

.contattaciMessaggio_ko {
    border: 1px solid #CC0000;
    background-color: #FFCECE;
    background-image: url("../images/stage/contattaci_ko.png");
}

/*inizio stili recapiti*/
#contattaci_recapiti {
    margin: 20px 0px 0px 20px;
    float: left;
    padding: 5px 10px;
}

.contattaci_recapitiCampo {
    padding: 3px 0px;
}

.contattaci_recapitiCampo_etichetta {
    width: 150px;
    text-align: right;
    padding-right: 3px;
    font-weight: bold;
}
/*fine stili recapiti*/

/*inizio stili orari*/
#contattaci_orari {
    margin: 20px 0px 0px 20px;
    float: right;
    padding: 5px 10px;
    text-align: right;
}

.contattaci_orariCampo {
    padding: 3px 0px;
}

.contattaci_orariCampo_etichetta {
    font-weight: bold;
}
/*fine stili orari*/
/*fine stili dati*/

#contattiSlogan {
    clear: both;
    padding-top: 20px;
    font-size: 25px;
    color: #DD0000;
    text-align: center;
}
/*FINE STILI CONTATTACI*/

/*INIZIO STILI CONFERMA PREVENTIVO*/
.paginaConfermaPreventivo {
}

    .paginaConfermaPreventivo .paginaContent {
        background-image: url("../images/stage/confermaPreventivo_sfondo.png");
        background-position: center top;
        background-repeat: no-repeat;
        padding-top: 200px;
        text-align: center;
    }

        .paginaConfermaPreventivo .paginaContent .messaggio {
            font-size: 30px;
            color: #DD0000;
        }
/*FINE STILI CONFERMA PREVENTIVO*/

/*INIZIO STILI PAGINA MERCI*/
.paginaMerciPersone {
}

    .paginaMerciPersone .paginaImages {
        height: 200px;
    }

        .paginaMerciPersone .paginaImages .paginaImages_image {
            height: 200px;
        }

            .paginaMerciPersone .paginaImages .paginaImages_image img {
                min-height: 200px;
            }
/*FINE STILI PAGINA MERCI*/

/*INIZIO STILI PAGINA DETTAGLIO NEWS*/
.paginaDettaglioNews {
    position: relative;
}

    .paginaDettaglioNews .paginaTitolo h2 {
        font-size: 18px;
        color: #777777;
        font-weight: normal;
        margin-top: 5px;
        font-style: italic;
    }

.data {
    font-size: 15px;
    color: #DD0000;
    display: inline-block;
    margin-top: 15px;
}

.newsStage_img {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

    .newsStage_img.news2 {
        padding-bottom: 20px;
    }

    .newsStage_img.news3 {
        padding-bottom: 5px;
        padding-right: 10px;
    }

    .newsStage_img.news4 {
        padding-bottom: 20px;
        padding-right: 10px;
    }

    .newsStage_img img {
        border-radius: 5px;
        max-width: 670px;
    }

.newsStage_testo {
    line-height: 1.4;
}

    .newsStage_testo a {
        color: #333333;
    }

        .newsStage_testo a strong {
            text-decoration: none;
        }

        .newsStage_testo a:hover {
            text-decoration: none;
            color: #DD0000;
        }

    /*.newsStage_testo p {
        text-indent: 20px;
    }*/

    .newsStage_testo h3 {
        color: #DD0000;
        font-size: 18px;
        margin-top: 10px;
    }

.codiceDellaStrada {
    margin-top: 5px !important;
}

    .codiceDellaStrada span {
        text-transform: uppercase;
    }

.autore {
    text-align: right;
    font-style: italic;
    margin-top: 10px;
}

.social {
    position:absolute;
    left: 0px;
    top: -5px;
}
/*FINE STILI PAGINA DETTAGLIO NEWS*/

/*INIZIO STILI PAGINA ELENCO NEWS*/
.paginaNews a {
    text-decoration: none;
}

    .paginaNews a:hover .newsStage_elenco {
        background-color: #E0E0E0;
    }

.newsStage_elenco {
    padding: 5px;
    margin-top: 20px;
    border-bottom: 1px solid #E0E0E0;
    border-radius: 5px;
}

.titolo {
    font-size: 30px;
    color: #333333;
    margin-top: 5px;
    font-weight: normal;
    display: block;
    overflow: hidden;
    max-height: 66px;
    line-height: 1.1;
}

.sottotitolo {
    color: #808080;
    margin-top: 5px;
    font-size: 16px;
    font-weight: normal;
    display: block;
    max-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.data.elenco {
    margin-top: 0px;
}

.viewMore {
    display: block;
    margin: 15px auto 0px !important;
    width: 90%;
}
/*FINE STILI PAGINA ELENCO NEWS*/

/*INIZIO STILI FORM*/
.form {
}

    .form .campo {
        margin-top: 10px;
    }

        .form .campo .campoEtichetta {
            display: block;
        }

    .form .formFooter {
        margin-top: 10px;
    }
/*FINE STILI FORM*/


/*Campo captcha telerik*/
.campo.captcha {
    max-width: 300px;
    text-align: center;
    margin: 10px auto 0;
}

    .campo.captcha .RadCaptcha > span {
        display: none;
    }

    .campo.captcha .RadCaptcha img {
        display: inline-block !important;
    }

    .campo.captcha .RadCaptcha input[type='text'] {
        margin-top: 5px;
        height: 20px;
        padding: 0px 3px;
    }

        .campo.captcha .RadCaptcha input[type='text'] + label {
            font-size: 13px;
            display: block;
        }
/*endregion captcha telerik*/