BODY              {margin:0px;border:0px;overflow-X:hidden;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;
                   background-image:url('img/tlo.jpg');background-size:cover;background-repeat:no-repeat;background-attachment:fixed;
                   
                   
                   
                   background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(237,255,213,1) 50%, rgba(252,255,252,1) 100%);
                   
                   
                   
                   
                   }
div               {border-radius:5px;font-family:"Encode Sans Condensed";font-size:17px;cursor:dafault;}
td                {font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;cursor:dafault;}
font              {font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;}
select            {border-radius:5px;padding:5px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;border:1px dotted black;cursor:pointer;}
textarea          {border-radius:5px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;border:none;box-shadow:0 0 6px gray;padding:5px;}
input[type=text]  {border-radius:5px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;border:1px dotted black;padding:5px;}
input[type="password"]{border-radius:5px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;border:none;padding-top:2px;padding-bottom:2px;box-shadow:3px 3px 6px gray;}
input[type=file]  {border-radius:5px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;border:none;}
input[type=button]{font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;padding-bottom:2px;box-shadow:3px 3px 6px gray;}
input[type=submit]{font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;box-shadow:3px 3px 6px gray;}
a                 {background:transparent;transition:0.3s;text-decoration:none;color:black;}
a:hover           {transition:0.3s;text-decoration:none;color:black;}
IMG               {border-radius:5px;}

.menu             {height:120px;table-layout:fixed;font-family:"Advent Pro";font-size:18px;font-weight:100;}
.divmenu          {width:100%;height:120px;left:0px;top:0px;z-index:100;margin-top:-24px;background:rgba(255,255,255,0.75);}
.ofertadiv        {position:absolute;top:70%;z-index:2;left:0px;width:100%;}
.kafelek1         {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.2);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek1:hover   {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek2         {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.4);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek2:hover   {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek3         {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.3);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek3:hover   {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek4         {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.1);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek4:hover   {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek5         {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.2);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek5:hover   {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek6         {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.1);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek6:hover   {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek7         {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.4);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek7:hover   {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek8         {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.2);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek8:hover   {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek9         {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.4);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek9:hover   {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek10        {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.1);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek10:hover  {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek11        {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.3);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek11:hover  {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek12        {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.1);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek12:hover  {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek13        {font-weight:bold;border-radius:5px;background:rgba(143,237,55,0.4);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek13:hover  {font-weight:bold;border-radius:5px;background:rgba(143,237,55,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek16        {font-weight:bold;border-radius:5px;background:rgba(117,234,250,0.5);cursor:pointer;font-family:"Advent Pro";font-size:18px;}
.kafelek16:hover  {position:relative;font-weight:bold;border-radius:5px;background:rgba(117,234,250,1.0);cursor:pointer;font-family:"Advent Pro";font-size:18px;}

.opis             {color:gray;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;padding-top:10px;cursor:pointer;}
.szyld            {margin-left:35px;-webkit-box-shadow: -1px 2px 15px 0px rgba(128,128,128,1);-moz-box-shadow: -1px 2px 15px 0px rgba(128,128,128,1);box-shadow: -1px 2px 15px 0px rgba(128,128,128,1);}

.portfolio        {width:100%;top:230px;position:absolute;z-index:2;}
.zamawiam1        {left:0px;border:1px;width:100%;height:100%;margin-top:-250px;top:50%;position:absolute;z-index:2;background:rgba(255,255,255,0.7);}
.zamawiam2        {left:100%;width:100%;margin-top:-350px;top:50%;position:absolute;z-index:2;background:rgba(255,255,255,0.7);}
.zamawiam3        {left:200%;width:100%;margin-top:-250px;top:50%;position:absolute;z-index:2;background:rgba(255,255,255,0.7);}
.regulamin        {width:100%;margin-top:-150px;top:50%;position:absolute;z-index:3;background:rgba(255,255,255,0.7);}

.cena1            {background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(237,249,99,0.1) 0%, rgba(0,212,255,0.6858893215489321) 70%);border-radius:5px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;width:150px;height:100px;position:absolute;margin-top:-105px;margin-left:0px;top:0px;left:0px;text-align:center;z-index:3;border:none;}
.cena2            {background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(237,249,99,0.1) 0%, rgba(0,212,255,0.6858893215489321) 70%);border-radius:5px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;width:150px;height:100px;position:absolute;margin-top:-105px;margin-left:0px;top:0px;left:0px;text-align:center;z-index:3;border:none;}
.cena3            {background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(237,249,99,0.1) 0%, rgba(0,212,255,0.6858893215489321) 70%);border-radius:5px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;width:150px;height:100px;position:absolute;margin-top:-105px;margin-left:0px;top:0px;left:0px;text-align:center;z-index:3;border:none;}
.cena4            {background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(237,249,99,0.1) 0%, rgba(0,212,255,0.6858893215489321) 70%);border-radius:5px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;width:150px;height:100px;position:absolute;margin-top:-105px;margin-left:0px;top:0px;left:0px;text-align:center;z-index:3;border:none;}

.gb-png           {transition:1s;position:absolute;left:50%;top:-40px;margin-left:-10px;width:165px;}
.gb-png:hover     {transition:1s;position:absolute;left:50%;top:-80px;margin-left:-10px;width:165px;}

.kontakt          {width:100%;}

.title            {font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;}

.logo1            {position:fixed;z-index:0;top:50%;margin-top:-200px;left:100%;margin-left:0px;background:rgba(255,255,255,0.3);}
.logo2            {display:none;position:fixed;z-index:0;top:50%;margin-top:-200px;left:100%;margin-left:0px;background:rgba(255,255,255,0.3);}
.logo3            {position:fixed;z-index:0;top:50%;margin-top:50px;left:100%;margin-left:0px;background:rgba(255,255,255,0.3);}
.logo4            {display:none;position:fixed;z-index:2;top:50%;margin-top:50px;left:100%;margin-left:0px;background:rgba(255,255,255,0.3);}
.logo5            {position:fixed;z-index:2;top:50%;margin-top:-200px;left:100%;margin-left:0px;background:rgba(255,255,255,0.3);}
.logo6            {position:fixed;z-index:0;top:50%;margin-top:-200px;left:100%;margin-left:0px;background:rgba(255,255,255,0.3);}
.logo7            {position:fixed;z-index:4;top:50%;margin-top:-200px;left:100%;margin-left:0px;background:rgba(255,255,255,0.3);}
.logoshow         {transition:3s;position:fixed;z-index:0;top:50%;margin-top:-200px;left:100%;margin-left:-320px;background:rgba(255,255,255,0.3);}

.div8             {background:rgba(255,255,235,0.8);padding:10px;}
.div9             {background:rgba(255,255,215,0.8);padding:10px;}
.div10            {background:rgba(255,255,195,0.8);padding:10px;}

.serwer           {background:rgba(255,255,255,0.8);padding:20px;}
.oferta           {cursor:pointer;background:rgba(20,255,162,0);padding:20px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;position:relative;}
.ofertashow       {transition:5s;cursor:pointer;background:rgba(20,255,162,0.5);padding:20px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;position:relative;}
.ofertashow:hover {transition:1s;cursor:pointer;background:rgba(20,255,162,1);padding:20px;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;position:relative;}

.ofertatitle      {cursor:pointer;border-top:1px dotted gray;position:absolute;left:50%;margin-left:-75px;top:-40px;background:rgba(255,255,255,0.5);padding:20px;}
.ofertatitle1     {cursor:pointer;border-top:1px dotted gray;position:absolute;left:50%;margin-left:-115px;top:-40px;background:rgba(255,255,255,0.5);padding:20px;}
.ofertatitle2     {cursor:pointer;border-top:1px dotted gray;position:absolute;left:50%;margin-left:-130px;top:-40px;background:rgba(255,255,255,0.5);padding:20px;}
.ofertatitle3     {cursor:pointer;border-top:1px dotted gray;position:absolute;left:50%;margin-left:-90px;top:-40px;background:rgba(255,255,255,0.5);padding:20px;}

.oferta2          {background:rgba(255,255,255,0.5);padding:20px;margin-bottom:80px;width:88%;font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;}
.numer            {background:rgba(255,255,255,0.7);font-family:"Encode Sans Condensed";font-size:17px;font-weight:100;position:absolute;z-index:3;left:50%;margin-left:-20px;top:-40px;padding:20px;}

.loader           {position:fixed;display:block;z-index:5;left:50%;margin-left:-250px;margin-top:-250px;top:50%;}
.bialo            {display:none;position:fixed;left:0px;top:0px;z-index:4;width:100%;height:100%;background:rgba(255,255,255,0.7);}

.form             {padding:10px;height:60%;background:rgba(255,255,255,0.5);}

.layer2           {position:absolute;background:rgba(0,0,0,0.5);left:0px;top:0px;width:0px;height:0px;z-index:9;}
.layer3           {position:absolute;left:0px;top:0px;width:0px;height:0px;z-index:10;}

.sluchawkatable   {border-radius:70px;cursor:pointer;position:absolute;left:100%;margin-left:-220px;top:480px;background:rgba(137,231,127,1.0);padding:10px;box-shadow:0 0 12px gray;}
.telefon          {border-radius:10px;position:absolute;left:100%;margin-left:-320px;top:630px;background:rgb(255,255,255,0.5);padding:10px;}

.ofertatd1        {position:relative;padding:20px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.5) 100%);}
.ofertatd2        {position:relative;padding:20px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.5) 100%);}
.regulamintable   {background: rgb(255,255,255);background: radial-gradient(circle, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 100%);padding:10px;}

.wysuwane         {transition:1s ease;background: url("https://ics-it.ovh/img/facebook-slider.png") no-repeat scroll 0 0 transparent;padding:0px;margin:0px;width:270px;height:252px;position:fixed;margin-top:-100px;left:-236px;top:50%;z-index:30;}
.wysuwane:hover   {transition:1s ease;background: url("https://ics-it.ovh/img/facebook-slider.png") no-repeat scroll 0 0 transparent;padding:0px;margin:0px;width:270px;height:252px;position:fixed;margin-top:-100px;left:0px;top:50%;z-index:30;}

.opcjazak         {transition:1s;background:rgba(143,237,55,0.3);clip-path:polygon(0 10%, 10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0% 90%, 0% 10%);cursor:pointer;text-align:center;position:relative;border:1px solid gray;padding:60px;}
.opcjazak:hover   {transition:1s;background:rgba(143,237,55,0.6);cursor:pointer;text-align:center;position:relative;border:1px solid gray;padding:60px;}
       
.fb-like-box      {float:left;margin:0px;}
.cookiealert      {font-family:"Encode Sans Condensed";font-size:17px;z-index:2;cursor:pointer;position:absolute;width:280px;height:90px;top:50%;left:100px;background:rgba(255,255,255,0.5);padding:10px;text-align:left;}
.cookiealertoff   {transition:3s;font-family:"Encode Sans Condensed";font-size:17px;z-index:2;cursor:pointer;position:absolute;width:280px;height:90px;top:50%;margin-top:100px;left:100px;background:rgba(255,255,255,0.5);padding:10px;text-align:left;}

.logowaniediv     {display:none;padding:10px;background:rgba(255,255,255,1);position:fixed;z-index:200;width:400px;height:230px;left:50%;top:50%;margin-left:-200px;margin-top:-115px;}
.logowanietlo     {

background: rgb(186,186,186);
background: radial-gradient(circle, rgba(186,186,186,1) 0%, rgba(255,255,255,1) 50%, rgba(215,215,215,1) 100%);

display:none;position:fixed;z-index:199;width:100%;height:100%;left:0px;top:0px;}

.usluga-panel      {transition:1s;width:200px;border:1px dotted gray;border-radius:10px;background:white;
                    -webkit-box-shadow: 8px 8px 24px -11px rgba(66, 68, 90, 1);
                    -moz-box-shadow: 8px 8px 24px -11px rgba(66, 68, 90, 1);
                    box-shadow: 8px 8px 24px -11px rgba(66, 68, 90, 1);}