@font-face {
  font-family: 'Britannic_T_Lig_Regular';
  src: url('../fonts/BritannicTLigRegular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'Britannic_T_Med_Regular';
  src: url('../fonts/BritannicTMedRegular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'Britannic_T_Bol_Regular';
  src: url('../fonts/BritannicTBolRegular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'Times_Regular';
  src: url('../fonts/Times.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'Calibri_Regular';
  src: url('../fonts/Calibri.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

html {
	height: 100%;
	width: 100%;
	
	overflow-y:scroll;
	background-color: #FFF;
	
	font-family: 'Calibri_Regular', sans-serif;
	letter-spacing:0em;
	line-height:1em;
    color: #333;
}

body {
    position: relative;
	height: 100%;
	min-height: 100%;
	vertical-align:top;
	letter-spacing:0px;
    background-color: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,table,table-cell,legend,input,button,textarea,p,blockquote,th,td,a,em {
	margin: 0;
	padding: 0;
	border-width: 0;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	border-width: 0;
	position:relative;
}

em {
    font-size: 24px;
    color:#900;
}

hr {
    color : #e5e5e5;
}

h8 {
    font-size: 14px;
}

a:link {
	color:inherit;
	text-decoration:none;
}

a:visited {
	color:inherit;
	text-decoration:none;
}

a:hover {
	color:inherit;
	text-decoration:none;
}

a:active {
	color:inherit;
	text-decoration:none;
}

.width5 {
    float: left;
    width: 5%;
    min-width: 5%;
    max-width: 5%;
}

.width10 {
    float: left;
    width: 10%;
    min-width: 10%;
    max-width: 10%;
}

#top  {
	z-index: 1;
	width: 100%;
    background-color: #FFF;
    border-top: 6px solid #333;
	vertical-align: top;
    margin: 0;
    padding: 0;
}

#header  {
	z-index: 2;
	width: 70%;
    height: 62px;
	min-height: 62px;
	max-height: 62px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

@media screen and (max-width: 1600px) {
    #header  {
        width: 90%;
    }
}

    #headernameindex  {
        position: relative;
        vertical-align: bottom;
        height: 62px;
        min-height: 62px;
        max-height: 62px;
        width: 39%;
        min-width: 39%;
        max-width: 39%;
        text-align: left;
        border: 1px solid #333;
        margin: 0;
        float:left;
        z-index: 3;
        top: 16px;
        box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.8);
        
        background-image: url(../images/logo_caputo.jpg);
        background-color: #FFF;
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
    }

        #headernameindex a {
            z-index: 6;
            position: absolute;
            height: 100%;
            min-height: 100%;
            max-height: 100%;
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            top:0px;
        }

    #headername  {
        position: relative;
        vertical-align: bottom;
        height: 62px;
        min-height: 62px;
        max-height: 62px;
        width: 39%;
        min-width: 39%;
        max-width: 39%;
        text-align: left;
        border-right: 2px solid #FFF;
        margin: 0;
        float:left;
        z-index: 3;
        
        background-image: url(../images/logo_caputo.jpg);
        background-color: #FFF;
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
    }

        #headername a {
            z-index: 6;
            position: absolute;
            height: 100%;
            min-height: 100%;
            max-height: 100%;
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            top:0px;
        }

/************************ START CSS MENU ************************/

    #headermenu {
        float: left;
        display: block;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        width: 30%;
        min-width: 30%;
        max-width: 30%;
        float:right;
        margin: 0;
        padding: 0;
        
        text-align: center;
        font-size: 16px !important;
	    letter-spacing: normal;
        font-family: 'Times_Regular', sans-serif !important;
        color: #333;
    }

        #headermenu #menu-mobile-img {
            width: 41px !important;
            }

        #headermenu ul {
            list-style-type:none;
            min-height:100%;
            max-height:100%;
            display: block;
            float: right;
            margin: 0;
            padding: 0;
            text-decoration: none;
            z-index: 3;
         }

        #headermenu ul li {
            float: left;
            min-height:100%;
            max-height:100%;
            overflow: hidden;
         }

        #headermenu .selectedli {
            min-height:39px;
            max-height:39px;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            text-decoration: none;
            background-color:#FFF;
         }

        #headermenu li a {
            min-height:39px;
            max-height:39px;
            display: block;
            float: left;
            padding: 7px 8px 0 8px;
            margin: 0px;
            text-decoration: none;
         }

        #headermenu li a:hover {
            color: #900;
            transition: color 0.5s;
            cursor: pointer;
         }

        #headermenu ul li ul {
            min-height:100px;
            max-height:100px;
            display: none;
            min-width: 180px;
            text-align: left;
            z-index: 4;
            margin: 0px !important;
            padding: 12px 0 12px 0 !important;
            background-color: #FFF;
            top:44px;
            right:10px;
            position:absolute;
            box-shadow: -1px 3px 3px 1px rgba(0, 0, 0, 0.2);
            border-top: 1px #EEE solid;
         }

        #headermenu ul li! > #headermenu ul li ul:hover {
            color: #900 !important;
         }

        .minhgtul {
            min-height:88px !important;
         }

        #headermenu ul li:hover ul {
            display: block;
            transition: display 0.5s;
         }

        #headermenu li:hover ul li {
            float:none;
         }

        #headermenu ul li ul li {
            display:block !important;
            min-height: 17px;
            padding: 0px !important;
            margin: 0px !important;
            vertical-align: top !important;
            border: 0 !important;
        }

        #headermenu ul li ul li a {
            width: 100%;
            min-height: 18px;
            padding: 6px 0px 0px 21px !important;
            margin: 0px !important;
            vertical-align: top !important;
            border: 0 !important;
         }

        #headermenu ul li ul li a:hover {        

        }

    #headerinsta {
        position: relative;
        vertical-align: middle;
        height: 62px;
        min-height: 62px;
        max-height: 62px;
        min-width: 10%;
        max-width: 10%;
        text-align: center;
        float:right;
        margin: 0;

        background-image:  url("../images/instablanc.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        }

        #headerinsta a {
            z-index: 6;
            position: absolute;
            height: 100%;
            min-height: 100%;
            max-height: 100%;
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            left:0px;     
        }

/************************ LANG ************************/

#fren {
    display: table-cell;
    vertical-align: bottom;
    height: 43px;
    min-height: 43px;
    max-height: 43px;
    min-width: 40px;
    max-width: 40px;
    text-align: right;
    padding-bottom: 16px;

    font-size: 12px;
    letter-spacing:0px;
    font-family: 'Britannic_T_Med_Regular', sans-serif !important;
    color: #333;
    text-transform: uppercase !important;
}

#fren span {
    color: #990000;
    }

#fren a:hover {
    color: #990000;
    transition: color 0.5s;
    }


/**************** FOOTER ***************/

#bottom  {
    clear: both;
	width: 100%;
    height: 48px;
	min-height: 48px;
	max-height: 48px;
	vertical-align: middle;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    color: #333;
}

    #footer {
        position: relative;
        margin: 0 auto;
        z-index: 5;
        width: 90%;
        height: 48px;
        min-height: 48px;
        max-height: 48px;
        padding: 0;
    }

        #footer a:hover {
            color: #900;
            transition: color 0.5s;
        }

        #footer .divleft  {
            padding: 16px 0 0 0;
            width: 70%;
            text-align: left;
            font-size: 13px;
            font-family: 'Times_Regular', sans-serif !important;
            float: left;
            overflow: hidden;
        }

        #footer .divmidl  {
            padding: 16px 0 0 0;
            width: 0%;
            text-align: center;
            font-size: 13px;
            font-family: 'Times_Regular', sans-serif !important;
            float: left;
        }

            #footer .divmidl a img  {
                opacity: 0;
                vertical-align: bottom;
                width: 24px;
            }

            #footer .divmidl a:hover img {
                opacity: 1;
                transition: opacity 0.5s;
                }

        #footer .divright  {
            padding: 16px 0 0 0;
            width: 30%;
            text-align: right;
            font-size: 13px;
            font-family: 'Times_Regular', sans-serif !important;
            float: left;
        }

        #footer .divinsta  {
            height: 48px;
            min-height: 48px;
            max-height: 48px;
            width: 10%;
            text-align: right;
            float: right;
        }

            #footer .divinsta img {
                margin-top: 10px;
                vertical-align: middle;
                text-align: right;
                float: right;
            }