﻿/*
* 
*   Stili del layout di base    
*   
*/

/* Contenuti */
.contentHeader
{
    position:           fixed;
    height:             86px;
    width:              100%;
    font-family:        Arial;
    margin:             0px;
    z-index:            99;
    background-color:   white;
    border-bottom:      1px solid #d2d2d2;
    -moz-box-shadow:    0px 0px 8px #d2d2d2;
    -webkit-box-shadow: 0px 0px 8px #d2d2d2;
    box-shadow:         0px 0px 8px #d2d2d2;
}

.contentHeaderBanner
{
    position:               relative; 
    margin-top:             86px;
    height:                 218px;
}

.contentHeaderBannerOpacity
{
    position:               absolute; 
    width:                  100%;
    height:                 100%;
}

.opacity
{
    background-color:       black; 
    opacity:                0.4;
}

.contentHeaderBannerText
{
    font-family:            Century Gothic, Arial; 
    letter-spacing:         -1px;
}

.contentHeaderBannerBiggerText
{
    position:               relative;
    font-size:              34px; 
    line-height:            34px;
}

.contentHeaderBannerSmallerText
{
    position:               relative;
    font-size:              20px; 
    line-height:            20px;
}

.contentHeaderLogoutLink
{
    color:              #2D6EAB;
    text-decoration:    none;
}

.contentHeaderButtonsBox
{
    position:           absolute;
    top:                0px;
    right:              85px;
}

.contentHeaderSideButtonsBox
{
    position:           absolute;
    top:                86px;
    right:              0px;
    z-index:            9;
    border-bottom:      1px solid #d2d2d2;
    -moz-box-shadow:    0px 1px 5px #d2d2d2;
    -webkit-box-shadow: 0px 1px 5px #d2d2d2;
    box-shadow:         0px 1px 5px #d2d2d2;
    padding-right:      3px;
}

.contentHeaderSideButtonsBoxOpacity
{
    position:           absolute; 
    width:              100%; 
    height:             100%; 
    background-color:   white;
}

.contentHeaderButtonsBox .k-button
{
    width:              66px;
    height:             66px;
    border-radius:      33px;
    -moz-border-radius: 33px;
    margin:             0px 5px 0px 5px;
    background-color:   transparent;
    border:             1px solid #8F8F8F;
    box-shadow:         0px 0px 10px #E5E5E5, inset 0px 0px 15px #000;
    -webkit-box-shadow: 0px 0px 10px #E5E5E5, inset 0px 0px 15px #000;
    -moz-box-shadow:    0px 0px 10px #E5E5E5, inset 0px 0px 15px #000;
    padding:            0px;
}

.contentHeaderButtonsBox .k-button:hover
{
    border:                 none;
    background-color:       transparent;
}

.contentHeaderButtonsBox .k-button:active
{
    border:                 none;
    background-color:       transparent;
}

.contentHeaderButtonsBox .k-button:focus
{
    border:                 none;
    background-color:       transparent;
}

.contentHeaderButtonsBox .k-button-icon
{
    padding:                0px;
}

.contentHeaderButtonsBox .k-button-icon .k-image
{
    width:                  100%;
}

.contentHeaderButtonsBox .k-listview
{
    background-color:   transparent;
    border:             none;
    padding:            0px;
}

.footerClear
{
    clear:              both;
}

/* Loghi */

.logoCompany
{
    -moz-box-shadow:        0px 0px 10px 10px #e5e5e5;
    -webkit-box-shadow:     0px 0px 10px 10px #e5e5e5;
    box-shadow:             0px 0px 10px 10px #e5e5e5;
    border-radius:          10px;
    padding:                5px;
    vertical-align:         middle;
    background-color:       white;
}

.buttonBox
{
    width:                  77px;
    display:                inline-block;
    border:                 none;
    vertical-align:         middle;
}

.contentHeaderButtonsBoxLanguages .bitls-listView
{
    text-align:             center;
}

