/* 
    Document   : frontnav
    Created on : 27 nov. 2012, 09:36:03
    Author     : Novaresa
    Description:
    Purpose of the stylesheet follows.
*/

/* Header
=================================================================== */
	
header {
    background-color: #ffffff;
    position: relative;
    z-index: 20;
    -webkit-box-shadow: 0px 1px 15px rgba(0,0,0,.35), 0px -1px 1px rgba(0,0,0,.15);
        -moz-box-shadow: 0px 1px 15px rgba(0,0,0,.35), 0px -1px 1px rgba(0,0,0,.15);
        box-shadow: 0px 1px 15px rgba(0,0,0,.35), 0px -1px 1px rgba(0,0,0,.15);
    min-height:62px;
}
header .container{position: relative;}

.logo{
    position: absolute;
    left: 0
}


.logo a{
    text-decoration: none;
    font-size: 12px;
}

.logo img{ float: left; margin-top: 15px; margin-right: 4px;}

.logo span {
    color: #989897;
    display:inline-block;
    font-size: 18px;
    font-family: "ProximaNova-Light";
    font-style: italic;
    float: left;
    margin-top:22px;
}

.logo span strong{font-family: "ProximaNova-SemiboldItalic"; font-weight: normal;}





.navbar .nav{
    margin:0;
}
.nav-collapse.collapse {
    height: auto \9 !important;
    overflow: visible \9 !important;
}

.navbar, 
.navbar-inner, 
.nav {
    background: transparent !important;
    filter: none !important;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
        box-shadow: none;
    padding: 0px;
    margin: 0px;	
}

.navbar-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navbar .nav > li > a {
    color: #666;
    border-top:3px solid transparent;
    text-shadow: none;
    font-size: 16px;
    padding: 18px;
    padding: 18px 15px \9;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}


.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
    color: #45a5e5 !important;	
    text-decoration: none;
    border-top:3px solid #45a5e5 !important;	
    background-color: transparent !important;	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar .nav > .active > a:hover {
    border-top:3px solid #45a5e5 !important;	
    background: #45a5e5 !important;		
    color: #fff !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar .nav .active a:hover > .caret {
    border-top-color: #fff !important;	
    border-bottom-color: #fff !important;	
}

.navbar .divider-vertical{margin:0;}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #ffffff;
    background: #45a5e5 !important;	
}

.dropdown-menu .active > a {
    color: #ffffff !important;
    background: #45a5e5 !important;
}
.dropdown-menu .active > a:hover {
    color: #ffffff !important;
    background: #45a5e5 !important;	
}

.navbar .btn-navbar {
	padding:10px 15px;
	margin-top:1px;
	margin-right:0;
	background:#45a5e5;
	border:none !important;	
}
.navbar .btn-navbar:hover {
	background:#1684DD;
}
.navbar .btn-navbar span, 
.navbar .btn-navbar:hover span { 
	background:#fff !important;
	box-shadow:none !important;
}




.navbar .divider-vertical {height:60px;border-color: #45a5e5 !important;}


.nav .dropdown form button{width:100%;height: 30px;}
.nav .dropdown a.dropdown-toggle{/*font-family: "ProximaNova-Light"; font-size: 19px;*/ font-size: 17px;}


.navlang{float:left; margin-top: 18px;}
.navlang ul{}
.navlang ul li{list-style: none; float: left; margin-right: 5px;}
.navlang ul li a:hover{cursor: pointer;}


/* Responsive Styles */
/* Large desktop */
@media (max-width: 1480px) {

}

@media (min-width: 980px) {
    .main-nav, .navbar {
        float: right;
        border: none;
    }
}
 
@media (max-width: 979px) {
    .logo, .logo a, .navlang{display: inline-block; width: 100%; text-align: center; position: relative; float: none;}
    .logo{ margin-top: 20px;}
    .logo img, .logo span{float: none; display: inline-block; margin-top: 0;}
    .navlang{margin-top: 12px;}
    .navlang ul{display: inline-block;}
    .navbar{background-color: #45a5e5 !important; display: inline-block; width: 100%;}
    .navbar .nav-title{color: #fff;padding: 10px 15px; margin-top: 1px; font-size: 15px;}
    .navbar .nav > li > a {font-weight: normal; padding: 10px; font-size: 15px !important; font-family: Arial;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
    .navbar{margin-top: 12px;}
    nav-collapse, .nav-collapse.collapse {
        background-color: #fff !important;
    }
    .nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover {
        background-color: #fff;
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    header .container {padding: 0;}
    .logo {left: 20px;}
    .navbar{margin-top: 12px;}
    .navbar .btn-navbar {margin-right: 20px;}
    nav-collapse, .nav-collapse.collapse {
        background-color: #fff !important;
    }
    .nav-collapse .nav>li {border-bottom: 1px solid #45a5e5;}
    .nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover {
        background-color: #fff;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

}