* { border: 0; margin: 0; padding: 0;}
div, aside, article, nav, section, footer
{behavior: url(ie-css3.htc);}

@font-face {
  font-family: 'Venus';
  src: url('/venus.ttf');
}

body {
	font-family:  Arial, Verdana, Tahoma;
	font-size: 12px;
	color: #131313;
	background: #fff;
	text-align: left;
	max-height: 100vh;
}
a {
	color: #ffffff;
	text-decoration: none;  
	font-family:  Arial, Verdana, Tahoma;
}
ul { list-style: none; }
img {
	border:0;
}

.clr { clear: both; }
h1 { font-size: 18px; color: #fff;font-family: Tahoma;font-weight: normal; }
h2,h3,h4 { font-size: 14px;font-weight: normal; }

.content {width: 100%; max-width: 1000px;min-width: 320px;margin: 0 auto;}
.left {width: 49%;max-width: 499px;float: left;}
.right {width: 49%;max-width: 499px;float: right;}
.leftSmall {width: 49%;max-width: 235px;min-width: 235px;float: left;}
.rightSmall {width: 49%;max-width: 235px;min-width: 235px;float: right;}
/*** TOP ***/
header                   {width: 100%;max-width: 1200px;background: #434343;position: fixed;top: 0;left: 50%;margin-left: -600px;z-index: 2;min-width: 300px;}
header nav               {float: left;}
header nav ul            {float: left;}
header nav ul li         {float: left;height: 110px;border-left: 1px #07070d solid;overflow: hidden;}
header nav ul li :hover  {background: #323131;}
header nav ul li a       {float: left;padding: 50px 40px 50px;font-size: 14px;letter-spacing: 2px;font-weight: bold;}
header #buy				 {float: right;background: #66b001;height: 110px;text-align: center;}
header #buy img			 {margin: 45px 60px 0;}

#logo          {float: left;padding: 20px;background: #444444;}
#socialLinks   {position: fixed;top: 110px;right: 0;}

/*** /TOP ***/
/*** MAIN ***/
.title {line-height: 30px;width: 100%;text-align: center;margin: 40px 0 20px;padding-bottom: 10px;float: left;font-size: 24px;text-transform: uppercase;font-family: Calibri;text-decoration: underline;}
.desc  {width: calc(100% - 40px);max-width: 1000px;margin: 0 20px;line-height: 28px;font-size: 14px;text-align: left;padding-bottom: 30px;}

#contentA          				        {width: 100%;background: url(images/bg.jpg) no-repeat;background-size: cover;height: 100vh;max-height: 600px;position: relative;}
#contentA #gwarancja				 {margin-left: -160px;position: absolute;left: 50%;bottom: 210px;width: 300px;text-align: center;}
#contentA #gwarancja	 img			 {max-height: 35vh;}
#contentA #boxContent 		        {position: absolute;bottom: 0;left: 0;width: 100%}
#contentA #boxContent #center        {width: 100%;max-width: 960px;margin: 0 auto;}
#contentA #boxContent .linkBox 	 {text-align: center; color: #fff;height: 200px;width: 200px;float: left;margin: 0 20px;}
#contentA #boxContent .linkBox a   {position: relative;z-index: 1000;}
#contentA #boxContent .linkBox h3 {font-size: 20px;font-weight: bold;text-transform: uppercase;margin-top: 120px;}

#blokA {background: url(images/fototapety.png) #66b001 center 30px  no-repeat;}
#blokB {background: url(images/ico_lazienka.png) #66b001 center 30px  no-repeat;}
#blokC {background: url(images/ico_obrazy.png) #66b001 center 30px  no-repeat;}
#blokD {background: url(images/ico_kuchnia.png) #66b001 center 30px  no-repeat;}

#blokA:hover {background: url(images/fototapety_hover.png) #323131 center 30px  no-repeat;}
#blokB:hover {background: url(images/ico_lazienka_hover.png) #323131 center 30px  no-repeat;}
#blokC:hover {background: url(images/ico_obrazy_hover.png) #323131 center 30px  no-repeat;}
#blokD:hover {background: url(images/ico_kuchnia_hover.png) #323131 center 30px  no-repeat;}


#contentA    .content {background: rgba(255,255,255,0.8);}

.contactPage p {width: 50%;text-align: center;margin: 0 auto;line-height: 20px;}
.contactPage iframe {border: 15px #c5c5c5 solid !important;}

#contactForm input {width: 70%;padding: 3px 5px;min-width: 300px;margin: 5px 0;}
#contactForm textarea {width: 70%;padding: 3px 5px;min-width: 300px;margin: 5px 0;font-family:  Arial, Verdana, Tahoma;font-size: 12px;}
 
.itemContainer  {width: 21%;margin: 2%;min-width: 200px;float: left;height: 30vh;position: relative;}
.itemImg 		{width: 100%;height: 25vh;margin: 0 auto;overflow: hidden;}
.itemImg img	{width: 100%;height: auto;margin: 0 auto;}
.itemTitle		{width: 98%;text-align: center;color: #000000;}
/*** /MAIN ***/
/*** FOOTER ***/
footer {background:  #323131;padding: 20px 0;color: #959595;}
footer a {color: #959595;}
footer a:hover {color: #fff;}
footer ul li {float: left;margin: 5px 10px;}
#fRightMenu  ul {float: right;} 
#footer-left{max-width: 70%;width: 70%;}
#footer-right{max-width: 30%;width: 30%;text-align: right;}
#fDesc {font-size: 14px;text-align: justify;}
/*** /FOOTER ***/
 
	@media all and (max-width:1200px) {		
		header         {width: 100vw;max-width: 100%;background: #434343;position: static;margin: 0;float: left;display: block;}

		
	}
	@media all and (max-width:1070px) {		
		#logo          {display: none;}
		#gwarancja {display: none;}
		h1 {margin-left: 20px;}
	}
	@media all and (max-width:580px) { 
		header nav   		{float: none;width: 100%;}
		header nav ul   	{float: none;width: 100%;}
		header nav ul li    {float: none;width: 100%;text-align: center;height: auto;}
		header nav ul li a {float: left;width: 100%;padding: 20px 0;text-align: center;}
		#footer-left{max-width: 90%;width: 90%;float: left !important;margin: 5%;}
		#footer-right{max-width: 90%;width: 90%;float: left !important;margin: 5%;text-align: center;}
	}

	@media all and (max-width:730px) { 
		#buy {float: none;width: 100%;max-width: 100%;}
		#socialLinks   {display: none;}
	}
	@media all and (max-width:480px) { 
		#buy {float: none;width: 100%;max-width: 100%;}
		#contentA #boxContent 		        {position: static;}
		#contentA #boxContent .linkBox 	 {width: 90%;}
		#contentA {background: none;}
	}