@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: 10px;
}

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: 131px;
        min-height: 131px;
        max-height: 131px;
        width: 39%;
        min-width: 39%;
        max-width: 39%;
        text-align: left;
        border: 1px solid #333;
        margin: 0;
        float:left;
        z-index: 3;
        top: 20px;
        box-shadow: 5px 5px 5px #000;
        
        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_sml.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 {
        vertical-align: bottom;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        width: 55%;
        min-width: 55%;
        max-width: 55%;
        float:left;
        margin: 0;
        padding: 0;
        
        text-align: center;
        font-size: 16px !important;
	    letter-spacing: normal;
        font-family: 'Times_Regular', sans-serif !important;
        color: #333;
    }

        #headermenu ul {
            list-style-type:none;
            width: 80%;
            min-height:62px;
            max-height:62px;
            margin: 0 auto;
            padding: 0;
            text-decoration: none;
            z-index: 3;
         }

            #headermenu li {
                display: block;
                float: left;
                height:62px;
                min-height:62px;
                max-height:62px;
                overflow: hidden;
                padding-left: 0;
                width: 25%;                
                margin: 0 auto;
                padding: 0 0 0 0;
                text-align: center;
             }

            #headermenu li a {
                display: block;
                height:40px;
                min-height:40px;
                max-height:40px;
                padding: 22px 0 0 0;
                margin: 0;
                text-align: center;
                text-decoration: none;
             }

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


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

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

        #headerinsta:hover {
            background-image:  url("../images/instablanc.png");
            transition: background 0.5s;
            }

        #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: 62px;
	min-height: 62px;
	max-height: 62px;
	vertical-align: middle;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    color: #333;
}

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

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

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

        #footer .divleft  {
            padding: 23px 0 0 0;
            width: 40%;
            text-align: left;
            font-size: 15px;
            font-family: 'Times_Regular', sans-serif !important;
            float: left;
        }

        #footer .divmidl  {
            padding: 23px 0 0 0;
            width: 30%;
            text-align: center;
            font-size: 15px;
            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: 23px 0 0 0;
            width: 30%;
            text-align: right;
            font-size: 15px;
            font-family: 'Times_Regular', sans-serif !important;
            float: left;
        }

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

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