﻿

@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald.eot');
	src: local('☺'), url('../fonts/Oswald.woff') format('woff'), url('../fonts/Oswald.ttf') format('truetype'), url('../fonts/Oswald.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'QuattrocentoSans-Regular';
	src: url('../fonts/QuattrocentoSans-Regular.eot');
	src: local('☺'), url('../fonts/QuattrocentoSans-Regular.woff') format('woff'), url('../fonts/QuattrocentoSans-Regular.ttf') format('truetype'), url('../fonts/QuattrocentoSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background: #fff url(../images/bg1.jpg) no-repeat center top;
	font-family: "Tahoma";
	margin: 0;
    background-position:center -300px;
}


h1 {
    margin-top:0px;

    color: #241b18;
    font-family: "Arial";
    font-size: 24px;
    font-weight: normal;
    text-shadow: 1px 1px #fff;
    text-transform:uppercase;
    line-height:40px !important;
    font-weight:bold;
}


.galleryimage {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    width:100%;
    height:200px;
    display:block;
    margin-bottom:30px;
}


.employeeImage {
    background-size:cover;
    width:100%;
    height:240px;
    background-repeat:no-repeat;
    background-position:center center;
}

.contactform input, .contactform textarea, .contactform submit {
    border: 1px solid black;
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
}

#maincontainer {
    max-width:940px;


    -webkit-box-shadow: 15px 10px 20px -10px #3B3B3B, -15px 10px 20px -10px #3B3B3B;
    box-shadow: 15px 10px 20px -10px #3B3B3B, -15px 10px 20px -10px #3B3B3B;


    background-color:white;
    padding-left:0px !important;
    padding-right:0px !important;


    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+98,dbdbdb+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 98%, rgba(219,219,219,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 98%,rgba(219,219,219,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 98%,rgba(219,219,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

}

.nav {
    float:right;
}

.navbar-wrapper {
    float:right;
    padding-top:76px;
}

#footer {
    background-color: #b1c0cc;
    border-top: 1px solid #fff;
    padding: 28px 0 5px;
}

.frontpagebox50 {
    width:100%;
    float:left;
 
}


#header {
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid #b1bfcb;
    padding: 10px 0 0;
    z-index:999;
}



.box {
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
}


.frontpagebox33 {
    width:100%;
    float:left;
    height:304px;
    color:white;
}


.frontpagebox33 > .image {
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    height:200px;
}

.frontpagebox33  h2 {
    color: #2c2c2c;
    font-family: "Arial";
    font-weight: normal;
    margin: 0 0 6px;
    text-transform: uppercase;
    font-size:14px;
    font-weight:bold;
}


.footermenu {
    background-image: url(../images/separator-light.png);
    background-repeat:repeat-x;
    background-position:top left;
    margin-top:12px;
    padding-top:8px;
    text-align:right;
    
}


.footermenu > a {
    color: #000000;
    font: 11px/24px "Arial";
    text-decoration: none;
    text-transform: uppercase;
    margin-left:10px;
    font-weight:bold;
}

.smallItalicFont {
    font-size:12px;
    font-style:italic;
}


.frontpagebox33 > .frontpageboxtext {
    background-image: url(../images/separator-light.png);
    background-repeat:repeat-x;
    background-position:top left;
    padding:20px;
    height:120px;
     white-space: normal !important;
}

.darkbox {
    background-color:#a8a8a8;
    border-right:1px solid #9e9e9e;
    border-left:1px solid #9e9e9e;
}

.lightbox {
    background-color:#a8a8a8;
    border-right:1px solid #9e9e9e;
    border-left:1px solid #9e9e9e;
}

@media (max-width: 768px) {
    .cycle-slideshow-height {
        height:230px;
    }

    .navbar-collapse {
        width:100%;
        padding-top:0px;
        padding-left:0px !important;
        margin-left:0px !important;
        text-align:center;
        overflow:hidden;
        
    }

    .navbar-collapse a {
        font-size:20px !important;
        line-height:40px !important;
    }


    .dropdown-menu a {
        color: dimgray !important;
        text-align:center;
        padding-left:0px !important;
        margin-left:0px !important;
    }


    .navbar-toggle {
        margin-right:10px !important;
    }

    .nav {
        width:100% !important;
    }


    .dropdown-toggle {
        padding-left:0px !important;
    }


}


@media (min-width: 980px) {
    .frontpagebox33 {
        /*width:33.33333333% !important;
        width: calc(100% / 3) !important;*/
        width:313px;
        float:left;
        height:336px;
    }
}


@media (min-width: 769px) AND (max-width: 980px) {
    .details h1 {
        font-size:14px !important;
        line-height:22px !important;
    }
}






@media (min-width: 769px) {

    .frontpagebox50 {
        width:50% !important;
        float:left;
        height:407px;
        
    }

    

    .middlefooter {
        background: url(../images/separator-dark-vertical.png), url(../images/separator-dark-vertical.png);
        background-repeat:repeat-y, repeat-y;
        background-position:left, right;
    }


    .cycle-slideshow-height {
        height:407px;
    }

}


.btn1 {
    background: rgba(0, 0, 0, 0) url("../images/buttons.png") no-repeat scroll 0 0;
    cursor: pointer;
    font: 14px/24px "Arial";
    text-decoration: none;
    text-transform: uppercase;
    position:absolute;
    right:20px;
    bottom:20px;
    text-align:center;
    font-weight:bold;
    z-index:999;

     background-position: 0 0;
    color: #966a01;
    display: block;
    height: 34px;
    line-height: 34px;
    width: 109px;
}

.cycle-overlay a {
    float:right;
    text-align:center;
    padding-top:5px;
}




.cycle-pager {
    bottom: 0px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    text-align: left;

    z-index: 999;
}
.cycle-pager span {
    color: #939598;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 50px;
    height: 16px;
    width: 16px;
}
.cycle-pager span.cycle-pager-active {
    color: #ffffff;
}
.cycle-pager > * {
    cursor: pointer;
}



.details {
	background: url(../images/bg-pattern.jpg) no-repeat left top;
    box-sizing:unset;
}

.details h1 {
	color: #241b18;
	font-family: "Arial";
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 24px;
	text-align: center;
	text-shadow: 1px 1px #fff;
    font-weight:bold;
}

.details p {
	color: #241b18;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.boxcontainer {
    width:100%;
    height:320px;
    margin-bottom:20px;
}


/* Bootstrap menu */

.navbar-nav > li > a {

    padding-bottom:0px;
    padding-top:0px;
    text-transform:uppercase !important;
    font-size:16px;

}


.navbar {
    min-height:29px !important;
    margin-bottom: 0px;
    margin-top:0px;
}


.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
    background-image: none;
    box-shadow:none;
    border-radius:0px;
    padding-bottom:10px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    background-color: transparent !important;
    background-image: none !important;
    color:black;
   
}


.navbar-default .navbar-nav > li > a {
    color: #00477f;
    font-family: "Arial";
    font-size: 14px;
    padding-left:10px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight:bold;
    
}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:black;
    border-top:none;
    text-transform:uppercase;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    
    box-shadow:none;
    color: black !important;
    text-transform:uppercase;
}

.navbar-wrapper {
    margin-top:0px;
    text-align:center;
}


.dropdown-menu {
    
    background-color: #00477f;
    color:white;
    border-radius:0px;
    box-shadow:none;

}





.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    background-color: transparent !important;
    background-image: none;
    color:#3d1d56;
}




.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color:transparent !important;
    background-image: none !important;
    color:white;

}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color:white;
    background-color:transparent !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

    background-color:transparent !important;
    background-image: none !important;

}


.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {

    background-color: transparent !important;
    background-image: none;
    color:#ffffff;
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color:white;
    text-transform:uppercase;
    font-size:16px;
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    
    color:white;
    
}

.navbar-collapse {
     padding-right:0px !important;
}

.navbar-collapse collapse navbar-wrapper {
    margin-top:0px !important;
}





.navbar-toggle {
    margin-right:0px;
}


.navbar-default .navbar-toggle {
    border:1px solid gray;
    background-color:transparent !important;
}

.navbar-default .navbar-toggle .icon-bar {
    border-bottom:1px solid gray;
}





/* menu slut */