﻿body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#f1f1f1; overflow-x: hidden;}

body, input, textarea, select, div, td  {  font-family: arial; text-align: justify; font-size: 12px; color: #777; line-height:18px;}
.all input, .all textarea, .all select, .all div, .all td , .all ul li { color:#111;}

.fl{ float:left;}
.fr{ float:right;}
.cl {clear: both;}
img {border:none; margin:0px; padding:0px; }
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 18px; margin:0px;  font-weight: normal;  }
a:link , a:visited , a:hover {text-decoration: none; color:#13a8e0;}
a:hover {color:#13a8e0}
p{ margin:0px 0px 5px 0px; padding:0px;  }
ul , ul li{ padding:0px; margin:0px; list-style:none;}

img.alignleft , .alignleft{ float:left; margin-right:10px;}
img.alignright { float:right; margin-left:10px;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

.all{  margin:auto; position:relative; width:1000px; }

@font-face {
    font-family: 'playregular';
    src: url('play-regular-webfont.eot');
    src: url('play-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('play-regular-webfont.woff') format('woff'),
         url('play-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#mtop ul li a , .glowna2 h1 , .glowna2 h2 , .glowna2 h3 , #kategorie , .cennik2 h2 , .galeria2 h2{ font-family:playregular, Arial; text-transform:uppercase; }

#top{ width:100%; height:120px; background:#FFF; position:fixed; z-index:10;}
.logo{ float:left; padding:10px 0px 0px 0px; position:fixed; z-index:11;}

#mtop { float:right; padding-top:50px;} 
#mtop ul li { float:left;}
#mtop ul li a{ float:left; color:#333; font-size:16px; padding:0px 10px 0px 10px;}
#mtop ul li a:hover{ color:#13a8e0;}

#podpis{ width:100%; background:#FFF; padding:10px 0px; position:fixed; z-index:10; bottom:0px; border-top:1px solid #e1e1e1; }
#podpis .all span{color:#111; font-size:11px;}
#podpis .all a:hover{ text-decoration:underline;}

.all .glowna2{ width:400px; float:right; color:#333; padding-top:180px; }
.glowna2 h1 , .glowna2 h2 { font-size:60px; color:#13a8e0; line-height:50px; margin-bottom:20px;}
.glowna2 h1 span{ font-size:48px; color:#959595;}
.glowna2 h3{ font-size:33px; line-height:40px; padding-top:20px; text-transform:none;}

#kategorie{ width:350px; height:100px; padding:30px 0px 0px 20px; background:url(../graf/kategorie.png) 100% 0px no-repeat; float:left; margin-top:600px; font-size:30px;}

.all .cennik2{ width:500px; float:left; color:#FFF; padding-top:220px;}
.cennik2 h2{font-size:60px; color:#fff; line-height:50px; margin-bottom:20px;}

.all .galeria2{ width:1000px; float:left; padding-top:200px;}
.galeria2 h2{font-size:60px; color:#13a8e0; line-height:50px; margin-bottom:20px;}


.glowna2 a:hover , .cennik2 a:hover{ text-decoration:underline;}
.cennik2 a{ color:#FF0;}

.glowna2 ul , .cennik2 ul { list-style:none; padding:10px 0px 20px 20px; display: table;}
.glowna2 ul li{ background:url(../graf/li1.png) no-repeat 0px 8px;  padding:2px 0px 2px 15px;}
.cennik2 ul li{ background:url(../graf/li2.png) no-repeat 0px 8px;  padding:2px 0px 2px 15px; color:#FFF; }

.glowna2 ul li , .cennik2 ul li , .glowna2 ol li , .cennik2 ol li { margin-bottom:5px;}
.glowna2 ol , .cennik2 ol { display:table;}



#FSContact1{ clear:both; padding-top:30px;}
#FSContact1 input , #FSContact1 textarea {  width:400px; padding:10px; background:#fff; border:none; color:#333; border:1px solid #13a8e0; }
#FSContact1 input:focus , #FSContact1 textarea:focus {background:#13a8e0; color:#FFF; border:1px solid #FFF;}
#FSContact1 textarea { height:80px;}
#FSContact1 input#si_contact_ex_field1_3_2 , #FSContact1 input#si_contact_ex_field1_3_1 { margin-top:10px; vertical-align: bottom;}

#FSContact1 input , #FSContact1 textarea , #FSContact1 #fsc-submit-1{-webkit-border-radius: 7px;  border-radius: 7px;}

#FSContact1 #fsc-submit-1 { 
width:120px; text-align:center; cursor:pointer; font-size:12px; text-align:center; border:1px solid #13a8e0;  color:#FFF; margin-top:10px;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .8);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .8);

background: #15c2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #15c2f2 0%, #016fc5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#15c2f2), color-stop(100%,#016fc5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #15c2f2 0%,#016fc5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #15c2f2 0%,#016fc5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #15c2f2 0%,#016fc5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #15c2f2 0%,#016fc5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15c2f2', endColorstr='#016fc5',GradientType=0 ); /* IE6-9 */

 }
#FSContact1 #fsc-submit-1:hover { 
background: #016fc5; /* Old browsers */
background: -moz-linear-gradient(top,  #016fc5 0%, #15c2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#016fc5), color-stop(100%,#15c2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #016fc5 0%,#15c2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #016fc5 0%,#15c2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #016fc5 0%,#15c2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #016fc5 0%,#15c2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016fc5', endColorstr='#15c2f2',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .4);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .4);

}


.ngg-galleryoverview{ clear:both; float:left; width:1000px; padding:0px 0px 10px 0px; margin-bottom:10px;}
.ngg-gallery-thumbnail-box , .ngg-gallery-thumbnail a { margin:0px; padding:0px; float:left; }
.ngg-gallery-thumbnail { float:left; padding:0px;  }
.ngg-gallery-thumbnail , .ngg-gallery-thumbnail a{ width:200px; height:200px; float:left; overflow:hidden;}
.ngg-gallery-thumbnail a:hover img{
-moz-transform: scale(1.4) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.4) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.4) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.4) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1.4) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 	
	
	}

/*COOKIES*/		
#eucookielaw { width:100%; background:rgba(0,0,0,0.9); position:fixed; z-index:100; text-align:center; bottom:0px; padding:10px 0px 10px 0px; color:#CCC; display:none;}
#eucookielaw a#removecookie , #eucookielaw a#more { padding:6px 10px 6px 10px; display:inline-block; background:#eee; border:1px solid #ccc; cursor:pointer; color:#111; margin:10px 5px 5px 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:11px;}
#eucookielaw a:hover#removecookie , #eucookielaw a:hover#more { background: #111; color:#FFF; border:1px solid #333;}














