html {
	text-align:justify;
}

#buttonHeader {
	//border:1px solid #fff;
	font-family: verdana;
	font-size: 150%;
	text-align: center;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	padding:17px;
	margin:0 auto;
	cursor:pointer;
}
#buttonHeader:hover {
	background-color:rgba(0,0,0,1);
}


.header {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}	


.headerBox {
	position:absolute; 
	width:100%;
}
.headerVerticalBar {
	margin:0 auto; 
	background-color:rgba(0,0,0,0.25);
	padding-top:7%;
}




#footer {
	padding:15px;
	color:#999;
	background-color:#000;
	font-family:verdana;
}

#footer a { 	color:#CCC; }
#footer a:hover { 	color:#EEE; }

.modCms{
	font-family:verdana;
	font-size:16px;
}


/*********************** MENU *************************/

#sidebar-wrapper {
    margin-right: -250px;
    right: 0;
    width: 250px;
    background: rgb(0,0,0);
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
  }

  .sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .sidebar-nav li {
    line-height: 50px;
    text-indent: 20px;
  }

  .sidebar-nav li a {
    color: #999999;
    display: block;
    text-decoration: none;
  }

  .sidebar-nav li a:hover {
    color: #fff;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
  }

  .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
  }

  .sidebar-nav > .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
  }

  .sidebar-nav > .sidebar-brand a {
    color: #999999;
  }

  .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
  }

  #menu-toggle {
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1;
  }

  #sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }

  .toggle {
    margin: 5px 5px 0 0;
  }

  .zIndexFix {
	  z-index:99999999 !important;
  }



/*******************************************************************/
.blacka a {  color: #EEE;  }	
.blacka a:hover {  color: #5FF;  }	
  
  
  
  
  
  


/*********************** RESPONSIVE *************************/

@media only screen and (max-width : 220px) 								  		{.headerVerticalBar {width:65%;font-size:0.42em;} .logoFix { width:80% !important;} }
@media only screen and (min-width : 221px) and (max-width : 300px) 		{.headerVerticalBar {width:60%;font-size:0.44em;} .logoFix { width:80% !important;} }
@media only screen and (min-width : 301px) and (max-width : 400px) 		{.headerVerticalBar {width:57%;font-size:0.46em;} .logoFix { width:80% !important;} }
@media only screen and (min-width : 401px) and (max-width : 500px) 		{.headerVerticalBar {width:55%;font-size:0.48em;} .logoFix { width:80% !important;} }
@media only screen and (min-width : 501px) and (max-width : 600px) 		{.headerVerticalBar {width:51%;font-size:0.51em;} .logoFix { width:80% !important;} }
@media only screen and (min-width : 601px) and (max-width : 700px) 		{.headerVerticalBar {width:47%;font-size:0.59em;} .logoFix { width:80% !important;} }
@media only screen and (min-width : 701px) and (max-width : 800px) 		{.headerVerticalBar {width:45%;font-size:0.66em;} .logoFix { width:80% !important;} }
@media only screen and (min-width : 801px) and (max-width : 900px) 		{.headerVerticalBar {width:43%;font-size:0.72em;} .logoFix { width:80% !important;} }
@media only screen and (min-width : 901px) and (max-width : 1000px) 	{.headerVerticalBar {width:41%;font-size:0.78em;}}
@media only screen and (min-width : 1001px) and (max-width : 1100px) 	{.headerVerticalBar {width:39%;font-size:0.84em;}}
@media only screen and (min-width : 1101px) and (max-width : 1223px) 	{.headerVerticalBar {width:37%;font-size:0.90em;}}
@media only screen and (min-width : 1224px) 										{.headerVerticalBar {width:35%;font-size:0.96em;}}
@media only screen and (min-width : 1824px) 										{.headerVerticalBar {width:30%;font-size:1.1em;}}







@media only screen 									  and (max-height : 199px) { .hFix { height: 189px; } } 
@media only screen and (min-height : 200px) and (max-height : 219px) { .hFix { height: 209px; } } 
@media only screen and (min-height : 220px) and (max-height : 239px) { .hFix { height: 229px; } } 
@media only screen and (min-height : 240px) and (max-height : 259px) { .hFix { height: 249px; } } 
@media only screen and (min-height : 260px) and (max-height : 279px) { .hFix { height: 269px; } } 
@media only screen and (min-height : 280px) and (max-height : 299px) { .hFix { height: 289px; } } 
@media only screen and (min-height : 300px) and (max-height : 319px) { .hFix { height: 309px; } } 
@media only screen and (min-height : 320px) and (max-height : 339px) { .hFix { height: 329px; } } 
@media only screen and (min-height : 340px) and (max-height : 359px) { .hFix { height: 349px; } } 
@media only screen and (min-height : 360px) and (max-height : 379px) { .hFix { height: 369px; } } 
@media only screen and (min-height : 380px) and (max-height : 399px) { .hFix { height: 389px; } } 
@media only screen and (min-height : 400px) and (max-height : 419px) { .hFix { height: 409px; } } 
@media only screen and (min-height : 420px) and (max-height : 439px) { .hFix { height: 429px; } } 
@media only screen and (min-height : 440px) and (max-height : 459px) { .hFix { height: 449px; } } 
@media only screen and (min-height : 460px) and (max-height : 479px) { .hFix { height: 469px; } } 
@media only screen and (min-height : 480px) and (max-height : 499px) { .hFix { height: 489px; } } 
@media only screen and (min-height : 500px) and (max-height : 519px) { .hFix { height: 509px; } } 
@media only screen and (min-height : 520px) and (max-height : 539px) { .hFix { height: 529px; } } 
@media only screen and (min-height : 540px) and (max-height : 559px) { .hFix { height: 549px; } } 
@media only screen and (min-height : 560px) and (max-height : 579px) { .hFix { height: 569px; } } 
@media only screen and (min-height : 580px) and (max-height : 599px) { .hFix { height: 589px; } } 
@media only screen and (min-height : 600px) and (max-height : 619px) { .hFix { height: 609px; } } 
@media only screen and (min-height : 620px) and (max-height : 639px) { .hFix { height: 629px; } } 
@media only screen and (min-height : 640px) and (max-height : 659px) { .hFix { height: 649px; } } 
@media only screen and (min-height : 660px) and (max-height : 679px) { .hFix { height: 669px; } } 
@media only screen and (min-height : 680px) and (max-height : 699px) { .hFix { height: 689px; } } 
@media only screen and (min-height : 700px) and (max-height : 719px) { .hFix { height: 709px; } } 
@media only screen and (min-height : 720px) and (max-height : 739px) { .hFix { height: 729px; } } 
@media only screen and (min-height : 740px) and (max-height : 759px) { .hFix { height: 749px; } } 
@media only screen and (min-height : 760px) and (max-height : 779px) { .hFix { height: 769px; } } 
@media only screen and (min-height : 780px) and (max-height : 799px) { .hFix { height: 789px; } } 
@media only screen and (min-height : 800px) and (max-height : 819px) { .hFix { height: 809px; } } 
@media only screen and (min-height : 820px) and (max-height : 839px) { .hFix { height: 829px; } } 
@media only screen and (min-height : 840px) and (max-height : 859px) { .hFix { height: 849px; } } 
@media only screen and (min-height : 860px) and (max-height : 879px) { .hFix { height: 869px; } } 
@media only screen and (min-height : 880px) and (max-height : 899px) { .hFix { height: 889px; } } 
@media only screen and (min-height : 900px) and (max-height : 919px) { .hFix { height: 909px; } } 
@media only screen and (min-height : 920px) and (max-height : 939px) { .hFix { height: 929px; } } 
@media only screen and (min-height : 940px) and (max-height : 959px) { .hFix { height: 949px; } } 
@media only screen and (min-height : 960px) and (max-height : 979px) { .hFix { height: 969px; } } 
@media only screen and (min-height : 980px) and (max-height : 999px) { .hFix { height: 989px; } } 
@media only screen and (min-height : 1000px) and (max-height : 1019px) { .hFix { height: 1009px; } } 
@media only screen and (min-height : 1020px) and (max-height : 1039px) { .hFix { height: 1029px; } } 
@media only screen and (min-height : 1040px) and (max-height : 1059px) { .hFix { height: 1049px; } } 
@media only screen and (min-height : 1060px) and (max-height : 1079px) { .hFix { height: 1069px; } } 
@media only screen and (min-height : 1080px) and (max-height : 1099px) { .hFix { height: 1089px; } } 
@media only screen and (min-height : 1100px) and (max-height : 1119px) { .hFix { height: 1109px; } } 
@media only screen and (min-height : 1120px) and (max-height : 1139px) { .hFix { height: 1129px; } } 
@media only screen and (min-height : 1140px) and (max-height : 1159px) { .hFix { height: 1149px; } } 
@media only screen and (min-height : 1160px) and (max-height : 1179px) { .hFix { height: 1169px; } } 
@media only screen and (min-height : 1180px) and (max-height : 1199px) { .hFix { height: 1189px; } } 
@media only screen and (min-height : 1200px) 										{ .hFix { height: 1200px; } }