@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/oUan5VrEkpzIazlUe5ieaA.woff) format('woff');
}




html, body { 	margin:0; text-align: center;  background: #e9ddcf url(i/tlo.png) top no-repeat; behavior: url(dodatki/csshover.htc);}

body, table, td { font-family: 'Lato', Arial, sans-serif; color: black; }
li { font-family: 'Lato', Arial, sans-serif; color: black; }
img, a img { border: 0px none; margin: 0; }

a:link {color: #ff6600; text-decoration: none;  
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: ease-in;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in;
transition-duration: 0.5s;
transition-timing-function: ease-in;
}
a:visited {color: #ff6600; text-decoration: none}
a:hover {color: #0071d0; text-decoration:underline }

.clear{clear:both; font: 0px Arial; width:99%;}

.a100pr {float: left; margin:0; padding:0; width: 100%; height: 99%}

.main1000 {clear:both; margin:0 auto; text-align:left; width:998px; padding-top: 0; }
.main100pr {clear:both; margin:0 auto; text-align:left; width:100%; padding-top: 0; }

.main100pr H1 {font: 24px 'Lato'; text-align:center; margin:0; padding: 5px 0 15px 0;}
.main100pr H2 {font: 19px 'Lato'; text-align:center; margin:0; padding: 5px 0 15px 0;}

.main100pr P {font: 16px 'Lato'; text-align:justify; margin:0; padding: 5px 20px 15px 20px; line-height: 150%}
.main100pr ul {list-style-type: inherit ; font: 16px 'Lato';}
.main100pr ul li {padding: 5px;}

.nagtlo {float: left; width:960px; height: 50px; padding: 0 0 0 0; margin: 10px 0 20px 0;}

H1.nag {font: 24px 'Lato'; text-align:left; margin:0; padding: 18px 0 15px 20px;}
H2.nag {font: 19px 'Lato'; text-align:left; margin:0; padding: 0 0 20px 20px;}

.margin10 {padding: 20px 0 20px 0; }
.margin20 {padding: 40px 0 40px 0; }

.bg-top {background: white url(i/top.png) top center no-repeat;} 

.bg-home {background: url(i/bg-home.jpg) top center;} 
.bg-ct { } 
.bg-stopka {background: url(i/stopka.png) top center repeat-x; height: 130px } 
.bg-none {background: none} 


.bg-white {background: white;} 
.bg-grafit {background: #525a6c;} 
.bg-dark {background: #1a1a1a;}
.bg-fiolet {background: #e30daa;}
.bg-black {background: black;}
.bg-orange {background: orange;}

.txt-white {color: white;} 
.txt-grafit {color: #525a6c;} 
.txt-dark {color: #1a1a1a;}
.txt-black {color: black;}
.txt-fiolet {color: #e30daa;}
.txt-orange {color: orange;}
.txt-red {color: red;}
.txt-braz {color: #702d1f;}

.txtbig {font-size: large; font-family: 'Lato', Arial, sans-serif; font-weight: normal; font-style: normal;}
.txtmedium {font-size: medium; font-family: 'Lato', Arial, sans-serif; font-weight: normal; font-style: normal;}
.txtsmall {font-size: small ; font-family: 'Lato', Arial, sans-serif; font-weight: normal; font-style: normal;}

a.a-white:link {color: white;}
a.a-white:hover {color: white; }
a.a-white:visited {color: white; }

.linepadding4 {padding: 4px 0 4px 0;} 

.fb-like {padding: 16px 0 0 5px; width: 200px;}
.g-plusone{padding: 16px 0 0 5px; width: 80px;}
.g-plus {padding: 16px 0 0 5px; width: 100px;}

div#logo {float: left;  margin:0 0 0 0; text-align:left; width:900px; height: 118px; padding-top: 0; }
div#tel1 {float: left;  margin:0 0 82px 276px; text-align:left; width:108px; height: 30px; padding-top: 0; }
div#tel2 {float: left;  margin:0 0 82px 0; text-align:left; width:85px; height: 30px; padding-top: 0; }

#tmenu {float: left; width: 980px; height: 62px; padding: 2px 0 0 0; margin: 0 0 0 0;}


div#nav {float: left;  width: 750px; height: 60px; padding: 6px 0 0 10px; z-index: 100; position:absolute; top: 227px}
div#nav ul {float: left; margin: 0; padding: 0; border: 0px; }
div#nav ul.level2 {background: #e1d49b}

div#nav li {position: relative; list-style: none; margin: 0 0 0 0; float:left; height: 60px;}
div#nav li:hover { }
div#nav li.submenu {}
div#nav li.submenu:hover { }

div#nav li a {display: block; padding: 12px 1.2em; margin: 0 4px 0 4px; text-decoration: none; font: bold 13px Tahoma; color: white;   }
div#nav li:hover a:hover {text-decoration: none; color: white; background: #ff6600; }
div#nav > ul a {width: auto; }

div#nav ul ul {position: absolute; top: 0; display: none; }
div#nav ul ul li {background: #ff6600;  }

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display: block; position:absolute; }

div#nav ul.level2 {top: 2.7em; left: 0; width: 300px; z-index: 100; position:absolute; }

div#nav ul.level2 li {width: 300px;  height: 50px; padding: 0 0 0 0; border-bottom: 1px dotted white; }
div#nav ul.level2 li a {display: block; padding: 1.3em 2em 1em 2em; text-decoration: none; font: bold 13px Tahoma; color: white;  margin:0}
div#nav ul.level2 li:hover {}
div#nav ul.level2 li a:hover {background: #61bd7f; border-radius: 0 0;  }

div#nav ul.level2 ul.level3 {top: 0; left: 300px; width: 300px; z-index: 120; position:absolute; }

div#nav ul.level2 ul.level3 li {width: 300px;  height: 50px; padding: 0 0 0 0; border-bottom: 1px dotted white; overflow: hidden}
div#nav ul.level2 ul.level3 li a {display: block; padding: 1.3em 2em 1em 2em; text-decoration: none; font: bold 13px Tahoma; color: white;  margin:0}
div#nav ul.level2 ul.level3 li:hover {}
div#nav ul.level2 ul.level3 li a:hover {background: #61bd7f; border-radius: 0 0;  overflow: hidden;}


#smenu {float: left; width: 700px; height: 50px; padding: 4px 0 0 0; margin: 0 0 0 0;}
#smenu ul {float: left; font: bold 13px Tahoma; padding: 0 0 0 20px; width: 700px; margin: 0 0 0 0 ; list-style-type: none;  }
#smenu ul li {line-height: 3.6em; float: left; padding: 0; height: 46px; }
#smenu ul li a:link, #smenu ul li a:visited {text-align: center; color: white; text-decoration: none; float: left; height: 100%; padding: 0 20px; margin: 0 11px 0 11px; }
#smenu ul li a:hover, #smenu ul li a:active {text-decoration: none;  background: white; color: #dc0000;  }


#tmenu .erej {float: right; padding: 16px 40px 10px 10px;  color: white; font: bold 20px Tahoma;}

#rbox {float: right; margin: 0 4px 0 0; padding: 4px 0 0 0; width: 250px; }
#obox1 {float: left; margin: 0 0 4px 0; width: 250px; height: 109px; background: url(i/box1.png) top left no-repeat;}
#obox2 {float: left; margin: 0 0 4px 0; width: 250px; height: 113px; background: url(i/box2.png) top left no-repeat;}
#obox3 {float: left; margin: 0 0 4px 0; width: 250px; height: 59px; background: url(i/box3.png) top left no-repeat;}
#obox4 {float: left; margin: 0 0 4px 0; width: 250px; height: 192px; background: url(i/box4.png) top left no-repeat;}
#obox5 {float: left; margin: 0 0 4px 0; width: 250px; height: 189px; background: url(i/box5.png) top left no-repeat;}

#newsnag {float: left; margin: 0; padding: 10px 10px 10px 50px; text-align:left; width: 650px}
#newsnag .newsarch {float: right; margin: 0; padding: 10px; background: #ff6600; color: white; font: bold 14px Tahoma;}
#newsnag h3 {font: 22px Tahoma; text-align:left ; margin:0; padding: 12px 0 12px 0; color: #009933; border-bottom: 3px solid #ff6600;}
#newsh {float: left;  padding: 0 0 15px 0; width: 640px; background: url(i/newst.png) top left no-repeat;}
#newsh  a:link.nall, #newsh  a:visited.nall {margin: 0 0 0 240px;  text-align: center; padding: 10px 30px 10px 30px; background: #ff6600; color: white; font: bold 13px Tahoma;}
#newsh  a:hover.nall {margin:0 0 0 240px; text-align: center;  padding: 10px 30px 10px 30px; background: #009933; text-decoration: none; color: white; font: bold 13px Tahoma;}
#newsh  p {font: 12px Tahoma; padding: 0 0 10px 0; text-align: justify; line-height: 150%}


.boxtxt {float: left; margin: 0; padding: 20px 10px 10px 50px; text-align:left; width: 640px}
.boxtxt H1 {font: 22px Tahoma; text-align:left ; margin:0; padding: 12px 0 15px 0; color: #009933; border-bottom: 3px solid #ff6600;}
.boxtxt H2 {font: bold 19px Tahoma; text-align:left ; margin:0; padding: 5px 0 5px 0; color: #ff6600}
.boxtxt p {font: 12px Tahoma; line-height: 170%; color: black; text-align:justify; padding: 3px 0 3px 0;}
.boxtxt ul {list-style-type: inherit ; font: 12px Tahoma;}
.boxtxt ul li {padding: 5px; font: 12px Tahoma;}
.boxtxt img {margin: 14px;}

.boxtxtn {clear:both; margin:0 auto;  padding: 10px 10px 10px 10px; text-align:left; width: 950px}
.boxtxtn H1 {font: 22px Tahoma; text-align:left ; margin:0; padding: 12px 0 10px 14px; color: #009933; border-bottom: 3px solid #ff6600;}
.boxtxtn H2 {font: bold 19px Tahoma; text-align:left ; margin:0; padding: 5px 0 5px 0; color: #ff6600}
.boxtxtn p {font: 12px Tahoma; line-height: 170%; color: black; text-align:justify; padding: 3px 25px 3px 15px;}

.boxhome1 {float: left; margin: 10px 20px 0 50px; padding: 10px 0 10px 0; text-align:left; width: 300px; }
.boxhome1 H1 {font: 22px Tahoma; text-align: center ; margin:0; padding: 12px 0 15px 0; color: #009933;  border-bottom: 3px solid #ff6600}
.boxhome1 p {font: 12px Tahoma; line-height: 200%; color: black; text-align:justify; padding: 3px 0 3px 0;}
.boxhome1 ul {list-style-type: none ; font: 13px Tahoma;}
.boxhome1 ul li {padding:  8px 0 10px 20px;   font: 13px Tahoma; background: url(i/ar1.png) left no-repeat;}
.boxhome1 a:link.all, .boxhome1 a:visited.all {color: #0071d0; font: bold 12px Tahoma; float: right; margin: 5px 30px 10px 0; padding: 5px}
.boxhome1 a:hover.all {text-decoration: none; color: white; font: bold 12px Tahoma; float: right; background: #0071d0; padding: 5px}

.boxhome2 {float: left; margin: 10px 0 0 30px; padding: 10px 0 10px 0; text-align:left; width: 300px}
.boxhome2 H1 {font: 22px Tahoma; text-align:center ; margin:0; padding: 12px 0 15px 0; color: #009933;  border-bottom: 3px solid #ff6600}
.boxhome2 p {font: 12px Tahoma; line-height: 170%; color: black; text-align:justify; padding: 3px 0 3px 0;}
.boxhome2 ul {list-style-type: none ; font: 13px Tahoma; color: #0071d0;  margin: 5px 0 0 0;}
.boxhome2 ul li {padding: 8px 0 10px 20px;  margin: 0; font: 13px Tahoma; color: black; background: url(i/ar1.png) left no-repeat;}
.boxhome2 ul li a {color: black}


P.copy {float: left; width: 500px; padding:20px; margin: 0 0 0 0;  font: 13px Arial; color: #4d4d4d;}
P.powered {float: right; width: 300px; padding:20px; margin: 0 0 0 0;  font: 12px Arial; color: black; text-align: right;}



.tloPoleB {padding: 30px; margin:20px; border-radius: 10px 10px; text-align: center }
.formularz {float: right; margin:0; text-align:left; width:510px; color: black;}
.formularz .rowElem input {padding:6px; width: 280px; border: 1px solid #525a6c; 	
	-webkit-box-shadow: 0px 0px 4px #B4B4B4;
	-moz-box-shadow: 0px 0px 4px rgb(180, 180, 180);
	box-shadow: 0px 0px 4px #B4B4B4;}
.formularz .rowElem select {padding:6px; width: 280px;	border: 1px solid #525a6c; 
	-webkit-box-shadow: 0px 0px 4px #B4B4B4;
	-moz-box-shadow: 0px 0px 4px rgb(180, 180, 180);
	box-shadow: 0px 0px 4px #B4B4B4;}
.formularz .rowElem label {float: left; color: black; width: 180px; margin: 9px;}
.formularz .rowElem {padding: 5px; margin:0; width: 500px; float: left; border-bottom: 1px dotted #c0c0c0;}
.formularz .rowElemAll {padding: 5px; margin:0; width: 500px; float: left;  border-bottom: 1px dotted #c0c0c0;}
.formularz .rowElemAll input {padding:6px; width: 500px;	font: bold 13px Arial; border: 1px solid #525a6c; 
	-webkit-box-shadow: 0px 0px 4px #B4B4B4;
	-moz-box-shadow: 0px 0px 4px rgb(180, 180, 180);
	box-shadow: 0px 0px 4px #B4B4B4;}
.formularz .rowElemAll textarea {padding:6px; width: 485px;	border: 1px solid #525a6c;  
	-webkit-box-shadow: 0px 0px 4px #B4B4B4;
	-moz-box-shadow: 0px 0px 4px rgb(180, 180, 180);
	box-shadow: 0px 0px 4px #B4B4B4;}
.formularz .rowElemAll label {float: left; color: black; width: 200px; margin: 9px;}
.formularz .rowElemAll label.tnag {float: left; color: black; width: 400px; margin: 9px;}



#stronicowanie {padding: 14px; margin: 8px; }
#stronicowanie a:link, #stronicowanie a:visited {font: 17px 'Lato'; padding: 8px 14px 8px 14px; margin: 0 6px 0 0; background: white; border-radius: 35px 35px; border: 1px solid #c0c0c0;}
#stronicowanie a:hover {font: 17px 'Lato'; padding: 8px 14px 8px 14px; margin: 0 6px 0 0; background: #525a6c; color: white; border-radius: 35px 35px 0 35px;; border: 1px solid white;}
#stronicowanie a.selekt {font: 17px 'Lato'; padding: 8px 14px 8px 14px; margin: 0 6px 0 0; background: #c0c0c0; color: white; border-radius: 35px 35px 0 35px;; border: 1px solid white;}
#stronicowanie2 {padding: 14px; margin: 8px; font: 12px Tahoma;}


#galleria{height:490px; margin: 0 0 -20px 0;}

.lioferta {margin: 0; padding: 10px}
.lioferta H1 {font: 20px 'Lato'; color: #ff6600; padding: 20px 0 5px 0; margin:0; text-align: left;}
.lioferta H2 {font: 16px 'Lato'; color: #525a6c; padding: 5px 0 5px 36px; margin:0; text-align: left;}
.lioferta ul {list-style-type: inherit ; font: 16px 'Lato';}
.lioferta ul li {padding: 5px;}

.relbox {clear:both; margin:0 auto; padding: 0; width: 130px; height: 130px; border-radius: 110px 110px; background: #525a6c; }
.relboxline {clear:both; margin:5px auto; padding: 4px; width: 130px; height: 130px; border-radius: 100px 100px; border: 2px dashed #525a6c; }
.hoverlupa {border-radius: 100px 100px;}
.hoverlupa:hover {background: black url('i/hover-magnify.png') center no-repeat; opacity:0.5; }
.button1 {clear:both; margin:16px auto 6px auto; border-radius: 10px 10px; text-align: center; padding: 10px; color: white; width: 50%;}
.button1:hover{clear:both; margin:16px auto 6px auto; border-radius: 10px 10px; text-align: center; padding: 10px; color: black; background: #707889; width: 50%;}

.relbox-off {clear:both; margin:0 auto; padding: 0; width: 130px; height: 130px; border-radius: 160px 160px; background: #525a6c; }
.relboxline-off {clear:both; margin:5px auto; padding: 4px; width: 130px; height: 130px; border-radius: 160px 160px; border: 2px dashed #525a6c; }
.hoverlupa-off {border-radius: 160px 180px;}
.hoverlupa-off:hover {background: black url('i/hover-magnify.png') center no-repeat; opacity:0.5; }
.button1-off {clear:both; margin:16px auto 6px auto; border-radius: 10px 10px; text-align: center; padding: 10px; color: white; width: 50%;}
.button1-off:hover{clear:both; margin:16px auto 6px auto; border-radius: 10px 10px; text-align: center; padding: 10px; color: black; background: #707889; width: 50%;}