﻿#responsive-logo {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:0px;
	left:90px;
	z-index: 1000000;
	height: 50px;
	display: none;
}

#responsive-logo a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%
}

#responsive-logo img{max-width: 100%;
	
	}	


#responsive-admin-menu {

	float: left;

	width: 310px;

	background-color: #FFFFFF;

	height: 100%;

	position: absolute;

	overflow: hidden;

	left: 0px;

	min-height: 1000px;

	font-family: 'FertigoProRegular';

	text-transform: uppercase;

	z-index: 1000000000;

}



#content-wrapper {

	width: auto;

	margin-left: 310px;

	background-color: #ffffff;

	/*height: 1200px;*/

	padding: 0px;

}



#responsive-admin-menu #responsive-menu {

height: 50px;
display: none;
cursor: pointer;
text-indent: 10px;
background: #fff;
	

}





#responsive-admin-menu #responsive-menu .menuicon {

	color: #4A4A4E;

	font-size: 14px;

	position: absolute;

	left: 10px;

	top: 0px;

}

#responsive-admin-menu #responsive-menu .menuicon span {

	font-size: 18px;

}

#responsive-admin-menu #logo {

	background: url('../../img/logo.png')no-repeat;

	/*background-position: -0px -36px;*/

	width: 310px;

margin: 0px;

}

#responsive-admin-menu #en-logo {

	background: url('../../img/logo_en.png')no-repeat;
	width: 340px;
	margin: 0px;

}

#responsive-admin-menu #por-logo {

	background: url('../../img/theme/por-nitolic-logo.png')no-repeat;
	width: 310px;
	margin: 0px;

}



/* Menu Styles */

#responsive-admin-menu #menu {

	width: 100%;

	z-index: 2;
	
	float:left;

	position: relative;

	background-color: #ffffff;

}

#responsive-admin-menu #menu a {

	border-bottom: 1px solid #d2d1d2;

	font-size: 14px;

	text-decoration: none;

	/*display: block;*/

	padding: 12px 2px 12px 2px;

	color: #4a4a4e;
	
	

	position: relative;

	font-weight: 400;

	overflow: hidden;

	display: table;

	width: 100%;

}

#responsive-admin-menu #menu a:hover {

	color: #eb3b78;

	background-color:#fcfcfc;

}

#responsive-admin-menu #menu a span {

	padding-left: 0px;

	display: table-cell;

	vertical-align: middle;
	
	text-align: left!important;

}

#responsive-admin-menu #menu i {

	width: 35px;

	display: table-cell;

	

	text-align: center;

}

#responsive-admin-menu #menu div {

	display: none;

	width: 100%;

	background-color: #eee;

	overflow: hidden;

}

#responsive-admin-menu #menu div a {

	color: #52535a;

	padding-left: 25px;

}

#responsive-admin-menu #menu div a i {

	display: none;

}

#responsive-admin-menu #menu div a:hover {

	color: #eb3b78;

}

#responsive-admin-menu #menu a.submenu:before {

	/*font-family: FontAwesome;

	content: "\f054";*/

}

#responsive-admin-menu #menu a.downarrow:before {

	/*font-family: FontAwesome;

	content: "\f078";*/

}

#responsive-admin-menu #menu a.submenu:before {

	font-size: 14px;

	position: absolute;

	right: 15px;

	top: 11px;

}

/* Menu Styles */


/* LANGUAGE BUTTONS Styles */
span.lang-panel {
	display: block;
	position: relative;
	float: left;
	padding-left: 10px
}

a.lang-btn {
	display: block;
	float: left;
	width: 40px!important;
	height: 50px;
	border-bottom: none!important;
	text-align: center;
	margin-right: 10px;
	text-transform: lowercase!important;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.first-button {
	border-top: 1px solid #d2d1d2;
	}



@media screen and (max-width: 1000px) {

	#responsive-admin-menu #responsive-menu {

		display: none;

	}

	#responsive-admin-menu #menu a span {

		display: inline-block;

	}
	
	#responsive-logo {
	
	display: block;
}

}

@media screen and (max-width: 1000px) {

	#responsive-admin-menu #menu a span {

		display: none;

	}

	#responsive-admin-menu {

		float: left;

		width: 60px;

		position: fixed;

	}

	#responsive-admin-menu {

		height: 100%;

	}

	#content-wrapper {

		margin-left: 60px;

	}

	#responsive-admin-menu #menu a.submenu:before {

		font-size: 6px;

		right: 5px;

	}

	#responsive-admin-menu #logo {

		background: url('../../img/logo_small.png');

		background-position: -0px -0px;

		width: 25px;

		height: 26px;

		margin: 10px 10px 10px 19px;

	}

	div.pushup img{

    	margin-top: 0px;

	}

	#responsive-admin-menu #menu div a i {

		display: inline;

	}

	#responsive-admin-menu #menu div a {

		padding-left: 12px;

		text-align: center;

	}

}

@media screen and (max-width: 1000px) {

	#responsive-admin-menu {

		min-height: 50px;

		float: left;

		width: 100%;

		background-color: #404040;

		height: auto;

		position: static;

		top: 0;

	}

	#responsive-admin-menu #logo {

		display: none;

	}
	
	#responsive-admin-menu #en-logo {

		display: none;

	}
	
	#responsive-admin-menu #por-logo {

		display: none;

	}

	#responsive-admin-menu #menu a span {

		display: inline-block;

	}

	#content-wrapper {

		margin-left: 0;

		padding-top: 50px;

	}

	#responsive-admin-menu #responsive-menu {

		display: block;

		background-color: #ffffff;

		border-bottom: 1px solid #9F9EA0

	}

	#responsive-admin-menu #responsive-menu a {

		display: block;

		width: 164px;

		height: 50px;

		background-image: url("../../img/mobile_logo.png");

		margin-left: 7px;

	}

	.body-en #responsive-admin-menu #responsive-menu a {

		background-image: url("../../img/mobile_logo_en.png");

	}

	#responsive-admin-menu #menu {

		display: none;

		background-color: #ffffff;
		
		float: none;
		height: 90%;
		position: fixed;
		overflow: scroll;

	}

	#responsive-admin-menu #menu a {

		/*color: #FFFFFF;*/

	}

	#responsive-admin-menu #menu a.submenu:before {

		font-size: 14px;

		right: 15px;

	}

	#responsive-admin-menu #menu div a i {

    	display: none;

	}

	#responsive-admin-menu #menu div a {

		text-align: left;

		padding-left: 50px;

	}

	div.right-fixed-menu, div.sidebar-footer{

		display: none;

	}

}



/* linki do mobilnej i desctopowej wersji story*/
.desctop-button {
	display: block!important;
}

.mobile-button {
	display: none!important;
}

@media screen and (max-width: 1050px) {
	
.desctop-button {
	display: none!important;
}

.mobile-button {
	display: block!important;
}
	
}



@media (max-width: 1000px) and (orientation:landscape) {
.desctop-button {
	display: none!important;
}

.mobile-button {
	display: block!important;
}
	}


