@charset "UTF-8";
/* CSS Document */

/*------------------------------NAV--------------------------*/

@media (min-width: 768px) {/*desktop*/
	.navbar-default .navbar-nav > li.bthome {display:none;}
	.navbar-default .navigation {top:0px; float:left; left:0px;max-width:300px;}
	.navbar-default .navbar-nav {
		float:right;position: relative;top:150px;
		display: inline-block;
		margin-left: auto;margin-right: auto;
  		width: auto; background-color:black; 
		/*padding-right:35px;*/
	}


}

/*-----en COMMUN-----*/
	.navbar-default .navbar-nav > li:nth-child(1) {background-color:#670e0a;}
	.navbar-default .navbar-nav > li:nth-child(2) {background-color:#aa0108;}
	/*.navbar-default .navbar-nav > li:nth-child(3) {background-color:#dc0100;}*/
	.navbar-default .navbar-nav > li:nth-child(3) {background-color:#d93215;}
	.navbar-default .navbar-nav > li:nth-child(4) {background-color:#de001a;}
	.navbar-default .navbar-nav > li:nth-child(5) {background-color:#e31043;}
	
.navbar {
  margin-top:0px; margin-bottom: 0px; padding-top:0px;
  background-color:black;
  text-align:center;
  border-radius: 0px;
  width: 300px; height:100%;
  border:none;
  display:inline-block;
  margin: 0;
  z-index:200;
  font-family: 'Raleway', sans-serif;font-weight: 400; font-size:16px;
}
@media (min-width: 1280px) {/*desktop>1280*/
	.navbar { left:50%; margin-left:-640px;}
}

.nav > li > a {
  padding: 10px 5px;
  width:100%; min-width:300px; display:block;border-bottom: 2px solid #000;
}
@media (min-width: 768px) {/*desktop*/
	.nav > li > a {margin-left:0px; text-align:center; padding-right:0px;}
	.nav > li  {float:right;padding-right:0px;}
}
	
.navbar-default .navbar-nav > li > a {
    color:white;  text-transform: uppercase; opacity:0.7;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:white; opacity:1;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: white; background-color:transparent; opacity:1;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:#dc0100; color: white;/*rollover*/
}

@media (max-width: 767px) {/*smartphone*/
	.navbar {
		text-align:left; 
		height: 80px; min-width:250px;
  		margin-left: auto;margin-right: auto;
  		width: 100%;border:none; /*border-bottom: 1px solid #666;*/
		font-size:15px;
		}	
	.navbar-toggle {
	  padding: 0px auto;
	  color:#dc0100; font-size:22px;
	  float: left;
	  margin: -5px 15px 15px 20px;
	  border:none;
	}
	.navbar-default .navigation {
		 margin-left: auto;margin-right: auto;
		 width: 100%; height: 80px; 
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		border-bottom: none; color: white;border-bottom: 2px solid black;
	}
	.nav > li > a {padding-left: 15px;}
}
.navbar-default .navigation {
    display: inline-block;
    position: relative;
    z-index: 3;
	padding-top:20px;
	/*text-transform: uppercase;*/
}

.nav > li > a {
  /*padding-left: 15px;*/
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
}
.navbar-default .navbar-collapse {
  border-color: black;
  border-top:none;border-bottom: 1px solid black;
}


.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  clear:none;position: relative;
  display: inline-block;
  width:50%;
  max-width: 100%;
  padding: 0 15px;
  margin-right: auto;
  margin-left: auto;
  align-content:left; text-align:left;
}
@media (min-width: 768px) {
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {
	  padding: 0 0px;position: relative;
	  margin-left: auto;margin-right: auto;
	  width: 100%;align-content:center; text-align:center;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*border-bottom: 3px solid #0b72b5;*/ color: white;
	}
	.navbar-default .navigation {
		height:100%;
}
}

@media (max-width: 767px) {/*smartphone*/
	.navbar-collapse{
		background-color:black;
		width:100%;
	}

}