/* default
 * ============================================ */
*, html             {margin: 0; padding: 0; outline: 0 none;} 
img                 {border: 0;}
blockquote          {margin-left: 20px;}
iframe              {border: 1px solid #beb9b9;}
table               {border-color: #beb9b9;}
table td            {border-color: #beb9b9; padding-left: 5px;}
p                   {padding: 0 0 10px 0;}   
a                   {color: inherit; text-decoration: none;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;-ms-transition: color 0.2s;-o-transition: color 0.2s;transition: color 0.2s;} 
a:hover             {text-decoration: none;}
hr                  {border-top: 1px solid; border-width:1px 0 0 0; height: 0; margin: 10px 0;}
h1,h2,h3,h4,h5,h6   {color: #343a3e; font: normal 21px/1.3em  'titilliumtext22l_ltmedium', Arial, Helvetica, sans-serif; margin: 10px 0; text-transform: uppercase;letter-spacing: 0;}
h2                  {padding-bottom: 6px; margin-bottom: 15px;}
h3                  {font-size: 15px;}
h4,h5,h6            {margin-bottom: 5px; font-size: 14px; line-height: 16px;}
#wrapper            {font: normal 12.50px/1.5em 'titilliumtext22l_rgregular', Arial, Helvetica, sans-serif; letter-spacing:0.5px; color: #111010; text-align: left; min-width: 1000px; letter-spacing: -0.15px;}

.content ul,
.content ol         {margin-left: 20px; margin-bottom: 10px;}
.content ul > li    {list-style: outside disc;}
.content ol > li    {list-style: outside decimal;}
.content img        {margin-bottom: 5px; margin-right: 10px;}


/* dafault form
 * ============================================ */
form input[type=text], form select {display:block; width:100%; height:32px; line-height: 32px;}
form input[type=text], form select, form textarea { padding-left:10px; border:1px solid #d3d4d5; margin-bottom:7px; font:normal 12px Verdana, Tahoma ,Arial, Helvetica, sans-serif; color: #5D5757;}
form input[type=text]:focus, form select:focus, form textarea:focus {background: #f6f6f6; border-color: #C2BEB2}

form select {padding: 4px 3px 3px 10px;}
form select option {padding: 2px 10px;}
form textarea {padding:8px 10px; width:100%; max-width:100%; min-width:100%; overflow:auto;}
form label {line-height: 28px !important; font-size: 13px;}
form  input[type=submit] {background: #f7842d; border: 0 none; color: #fff; height: 36px; line-height: 36px; display: block; cursor: pointer; margin-top: 5px; float: left; padding: 0 30px;text-transform: uppercase;}
form  input[type=submit]:hover {background: #6e6b6b}
form  input[type=submit]:active {background: #6e6b6b}
.form-wrap {width: 100%;}

form .one-half {width: 49%; float: left; margin-right: 2%}
form .one-half:nth-child(2n) {margin-right: 0}

form .captcha {float: left; margin-right: 10px; margin-top: 5px}
form input[name=kod] {width: 135px; float: left; margin-right: 0; margin-top: 5px}


/* dafault sidebar
 * ============================================ */
.sidebar {margin: 0 !important;}
.sidebar > li.box {background: none; list-style: none outside none; margin-bottom: 15px}


/* class
 * ============================================ */
.content01          {float: left; width: 40%;}     
.content02          {float: left; width: 50%; margin-left: 10%;}
.content03          {float: left; width: 100%; clear: both}
.left               {float: left;}
.right              {float: right;}
.wrongVal           {background: #0060AA !important; color: #fff !important;}
.msg                {clear: both; padding: 10px 0 15px;}
.strong             {font-weight: bold}
.clearfix:after     {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix           {display: block;}
.clear              {clear: both;}
.container          {margin: 0 auto;}
.wrap,.container    {width: 1000px;}
.posit_aps			{position: absolute;}
.posit_rel			{position: relative;}
.oposit_hov:hover	
					{opacity: 0.8;}
.transist:hover, #cookies a, .gallery-wrap .item, .item .hover-mask, form  input[type=submit], form input[type=text], form select, form textarea, #nav ul li a		
					{-webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;}
*::selection {background: #004970;	color: #fff;}
*::-moz-selection {background: #004970; color: #fff;}



/* common
 * ============================================ */
.form-wrap, .form-wrap textarea, 
.form-wrap input[type=text], #form-fast .inner {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* header
 * ============================================ */
#header { position: relative; z-index: 30;}
#header .container {height: 210px;position: relative;}
.header_hr		{border-top: 1px solid #d3d4d5; margin: 0; width: 100%; position: absolute; bottom: 54px;}

#logo {margin: 91px 0 0 0}

#langs {position: absolute; right: 0; top: 52px; color: #84888c;}
#langs li {list-style: none outside none; float: left; padding-left: 2px; font-size: 12.5px;}
#langs li a {color: #a3a5a8;}
#langs li a:hover, #langs li a.current {color: #080808;}

/* nav (vertical)
 * ============================================ */
/*
#nav {}
#nav > header {background: url('../img/bg-h.gif') #950a21 repeat-x; width: 250px; height: 41px; line-height: 41px !important; display: block; padding-left: 26px; color: #fff; text-transform: uppercase; font-size: 17px; font-weight: bold;}
#nav ul {float: left;}
#nav > ul {margin: 10px 0 0 18px; width: 258px; padding-bottom: 40px;}
#nav ul ul {background: url('../img/space-nav.gif') repeat-x left top; padding-top: 1px;margin-top: -1px;}
#nav li {background: url('../img/space-nav.gif') repeat-x left bottom; list-style: none outside none; float: left;}
#nav a {background: url('../img/marker-red-arrow.png') no-repeat 10px 13px; text-decoration: none; font-size: 11px; line-height: 14px; width: 232px; padding: 7px 0 7px 25px; margin-top: 1px;margin-bottom: 2px; display: block; text-transform: uppercase; font-weight: bold; color: #5c5757; float: left; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;}

#nav ul ul a {background-position: 30px 13px; width: 212px; text-transform: none; font-weight: normal; color: #94888a; padding-left: 45px;}
#nav ul ul ul a {background-position: 50px 13px; width: 192px; padding-left: 65px;}

#nav a:hover, #nav a.current-link {background-color: #f6f6ee;}
*/

#menu-icon { display: none;}

/* nav (2levels, horizontal)
 * ============================================ */
#nav {height:49px; z-index:20; margin:115px 0 0 0; float:right;}
#nav > ul {float: left; display: block;}
#nav > ul > li {display: inline; float: left;margin: 0 18px;}
#nav > ul > li:last-child	{margin-right: 0;}
#nav > ul > li:last-child > a	{padding-right: 0;}	 
#nav a {padding: 10px 15px 10px; color: #080808; text-decoration: none; font: normal 13.5px/16px 'titilliumtext22l_ltmedium', Tahoma, Verdana, Arial; letter-spacing: 0; display: block; text-align: center; float: left; height: 16px; text-transform: uppercase; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;}
#nav ul > li:hover > a, #nav > ul > li.current > a,#nav > ul > li.current-parent > a {color: #f7842d;}
#nav > ul > li.parent:hover > a, #nav > ul > li:hover a, #nav ul li {list-style: none outside none; white-space: nowrap;}
/*
#nav > ul > li:last-child a {padding-right: 1px;}
#nav > ul > li:first-child a {padding-left: 1px;}
*/
#nav ul ul {position: absolute; left: 0; bottom: 0px; display: none; visibility: hidden; z-index: 96; min-width: 100%; padding: 10px 0;}
#nav ul li.current > ul, #nav ul li.current-parent ul	{display: block; visibility: visible}
/*#nav ul li:hover > ul {display: block;visibility: visible;}*/
#nav ul ul > li		{float: left;}
#nav ul ul li:last-child {background: none; border: none;}
#nav ul ul a {color: #080808; padding: 6px 10px; float: none !important;margin: 0; text-align: left; text-transform: none;font: normal 12.5px 'titilliumtext22l_rgregular', Arial,Helvetica,sans-serif; 
				text-transform: uppercase;}
/*#nav ul ul li:hover {background: url('../img/hover-subnav.png');}*/
#nav ul ul a:hover, #nav ul ul li.current a,#nav ul ul li.current-parent a  {color: #f7842d;}
#nav ul ul ul a	{color: #080808;}

/*#nav ul ul ul, #nav ul ul li.current > ul, #nav ul ul li.current-parent ul {display: none !important; visibility: hidden;}*/
#nav ul ul ul, #nav ul ul li.current > ul, #nav ul ul li.current-parent ul	{top: 28px;}

#nav ul ul > li:last-child a {padding-right: 0;}
#nav ul ul > li:first-child a {padding-left: 0;}

#nav ul ul ul		{display: none !important;}

/* main
 * ============================================ */
#main {padding: 20px 0 60px; min-height: 200px; position: relative; z-index: 20;}
/*#content {width: 950px; padding-left: 30px; }*/
#container {position: relative; z-index: 10; background: #fff; min-height: 300px;}

#left {width:100%; padding-right: 0; min-height: 50px;}
#right {padding-left: 0; display: none;}
/*.page #content {padding-top: 25px;}*/
/*.titlewrap {margin-bottom: 10px;}*/

body.page-sidebar-column #left {width: 620px; padding-right: 30px; min-height: 50px;}
body.page-sidebar-column #right {width: 290px; display: block; padding-left: 10px;}


/* footer
 * ============================================ */
#footer {/*background: #f9f9f9;*/ height: 85px; display: block;}
#footer .container { margin: 0 auto; height: 60px; position: relative; font-size: 12px;}
#copy {position: absolute; top: 25px; left: 0; color: #818080;}
#designBy {position: absolute; top: 25px; right: 0; text-align: right; color: #818080;}
#designBy a {text-decoration: none; color: inherit;}


/* gallery
 * ============================================ */
.gallery-wrap {margin: 30px 0; width: 100%; clear: both}
.gallery-wrap .item {background-color: #f6f5f5; display: block; float: left; padding: 10px; text-align: center; vertical-align: middle; margin: 0 6px 10px 0; position: relative; overflow: hidden;}
.gallery-wrap .item > a {display: block; text-align: center; vertical-align: middle;}
.gallery-wrap .item:hover {background-color: #f7842d;background-color: rgba(247,132,45,0.1) ; filter:alpha(opacity: 100); -moz-opacity: 100%; opacity: 1;}
.gallery-wrap .item .title {padding: 5px 0 0 5px; line-height: 16px; font-weight: bold;}
.gallery-wrap .item img {vertical-align: middle; margin: auto;}
.galleryPaging {display: table; width: 95%; clear: both; margin: 5px 0; padding-right: 20px;}
.fleft {float:left;}
.fright {float:right;}

#gallery-wrap-id-6	{margin: 0 0 0 0;}
#gallery-wrap-id-6	.item	{ bg_galery_item.png  background-color: #f6f5f5; margin: 0 10px 20px 20px;}	
/*#gallery-wrap-id-6	.item:hover	{background: url('../img/lupa.png') rgba(247,132,45,0.8) no-repeat center; }*/
.item .hover-mask {background: url('../img/lupa.png') rgba(247,132,45,0.8) no-repeat center center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; filter:alpha(opacity: 0); -moz-opacity: 0; opacity: 0;}
.item:hover .hover-mask {filter:alpha(opacity: 90); -moz-opacity: 90%; opacity: 0.9;}



/* form form-fast
 * ============================================ */
#form-fast	{margin-top: -20px;}
#form-fast .inner {float: right; padding: 15px 10px 15px; width: 100%}
#form-fast h2 {padding: 0 0 5px 5px;}
#form-fast #captcha	{width:26%; float: left;margin-right: 4%;}
#form-fast input[name="kod2"]	{width: 70%;}


/* form form-contact
 * ============================================ */
#form-contact-wrap {padding: 28px;}
#form-contact label {padding: 5px;}
#form-contact input[type=text], #form-contact textarea {padding-left: 5px;}


/* cookies
 * ============================================ */
#cookies {background: #50575E; background: rgba(0,53,80,0.85); width: 86%; color: #fff;  font: 13px 'titilliumtext22l_ltmedium',Arial, Helvetica, sans-serif; display:none; padding: 10px 0; position: fixed; bottom: 40px; right: 0; left: 0; margin: 0 auto; z-index: 20;}
#cookies p {padding: 5px 20px; padding-right: 50px}
#cookies a {background: url('../img/close-button.png') no-repeat; ; display: block; width: 23px; height: 23px; text-indent: -100px; overflow: hidden; position: absolute; right: 10px; top: 10px;}
#cookies a:hover {opacity: 0.7; float: right; color:#000;}

.galleryPaging	{font-size: 12px;}


/* boxy
 * ============================================ */
#kolumna-kontakt	{width: 40%; float: left;}


/* contakt
 * ============================================ */
.kontakt-inner		{width:40%; float: right;}
.content ul			{margin-left: 16px;margin-bottom: 0;}
.content ul > li	{background: url('../img/bg_ul_li.png') no-repeat 0 8px; list-style: none outside none;padding-left: 16px; }
.content h3			{color: #f7842d; font-size: 12.5px; margin-bottom: 30px;margin-top: 0;}
.content a:hover	{color: #f7842d;}
.content img		{margin: 0;}
.content p			{padding-bottom: 12px;}

/* mobilność
 * ============================================ */
@media only screen and (max-width: 1150px){
	.wrap,.container    {width: 980px;}
	#wrapper 			{min-width: 980px;}
}
@media only screen and (max-width: 1000px){/* standardowa */
	.wrap,.container    {width: 766px;}
	#wrapper			{min-width: 766px;}
	body.page-sidebar-column #left {width: 510px; padding-right: 15px;}
	body.page-sidebar-column #right {width: 230px; display: block;}
	body.home #left 	{width:100%; padding-right: 0; min-height: 50px;}
	body.home #right 	{padding-left: 0; display: none;}
	#nav > ul > li		{margin: 0 8px;}
	#nav ul ul 			{bottom: -20px;}

/*	#container			{width: 96%; padding-left: 2%;padding-right: 2%;}*/
	.content img       	{max-width: 100% !important; height: auto !important;} /*już jest ok*/

	#nav > ul > li:last-child  {margin-right: 0;}
	#nav > ul > li:first-child {margin-left: 0;}
}


@media only screen and (max-width: 767px){/* standardowa  767px */
	.wrap,.container    {width: 97%;}
	#wrapper			{min-width: 97%}
	/*#top				{height: 240px;}*/
	#nav > ul > li		{margin: 0;}
	#nav > ul > li	a	{padding: 10px 12px;}
	#nav > ul > li:last-child a {padding-right: 0;}
	#nav > ul > li:first-child a {padding-left: 0;}
	/*#nav ul ul			{top: 30px;}*/
	body.page-sidebar-column #left	{width: 98%;padding-right: 0;margin-bottom: 30px;padding: 0 1%;}
	body.page-sidebar-column #right {width: 98%;padding: 0 1%;}
	#cookies				{width: 90%;}
	#form-fast #captcha	{width: auto;}
	#form-fast input[name="kod2"] {width: auto;}
}

@media only screen and (max-width: 700px){ 
	#nav > ul > li	a	{padding: 10px 10px;}
}


@media only screen and (min-width: 640px){	/* żeby nie znikało menu */
	#nav > ul			{display: block !important;}
}

@media only screen and (max-width: 640px){
	#header .container	{height: 140px;}
	body.home #top		{background-size: 200% auto;height: auto; }
	#nav				{background:#F2F2F2; width: 98%;height: 40px; padding: 2px 1%;;display: block;position: absolute; top: 60px;margin-top: 20px; }
	#nav ul				{background:#F2F2F2;width: 100%}
	#nav > ul			{display: none;}
	#nav > ul > li		{padding-top: 0px;margin: 0;width:100%;float: none;}
	#nav  ul > li,#nav ul ul > li		{float: none;}	
	#nav > ul > li:hover a	{background: #FFFFFF;}
	#nav > ul ul li:hover a	{background: #eee;}	
	#nav > ul ul		{background: #eaeaea; position: relative; float:left; left: 0; top: 0px; display: block; visibility: visible; min-width: 100%; padding: 2% 0; z-index: 20;}
	#nav ul > li:hover > a, #nav > ul > li.current > a {color: #000;}
	
	#nav ul ul a		{text-align: center;padding: 2% 0;color: #0A0A0A;}
	/*#nav ul ul a:hover,
	#nav ul a:hover		{background: #00A0E3;}*/
	
	#nav a              {width:100%; text-align: center;padding: 8px 0; }
	#nav > ul > li a	{padding: 10px 0;}
	#nav ul > li:hover > a, #nav > ul > li.current > a 	{border-bottom: none;}
	#logo				{float: none; display: block; margin: 25px auto 25px; }
	
	#container			{min-height: 300px;}
	
	#menu-icon 			{display: block;float: left;}
	#menu-icon 			{background: url('../img/bg_menu_res.png') no-repeat 65% 100%; color: #000000; cursor: pointer;text-align:center;font-family: 'titilliumtext22l_rgregular';
						font-size: 18px; font-weight:normal; line-height:23px; display: block; height: 30px; padding: 8px 2% 0 4%; width: 94%; }

	 .content01, .content02	{width: 100%; margin: 10px 0;}
	.header_hr			{display: none;}
	#kolumna-kontakt,.kontakt-inner	{width: 100%;}
	
	
}


@media only screen and (max-width: 552px){
	#container			{width: 92%;}
	#nav				{top: 80px;}
	#langs				{top: 70px;}
	#designBy			{top:40px;left: 0; right: 0; text-align: center;padding: 0;}
	#copy				{top:15px; right: 0; left: 0; text-align: center; padding: 0;}
}


@media only screen and (max-width: 464px){ /* standardowa */
	#footer				{margin: 0 0 5px; min-height: 100px;}
	#form-fast input[name="kod2"] {width: 50%;}
}

@media only screen and (max-width: 320px){
	/*#logo				{float: right;}*/
	#container			{min-height: 250px;}
	#text-top-up, #text-top-bottom {display: none;}
	#menu-icon			{background: none;}
	}