/* RESET STYLE */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{font-family: Verdana, Arial, Helvetica, sans-serif;/*background:transparent*/border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
ul{list-style:none}blockquote,q{quotes:none;}table,table td{padding:0;border:none;border-collapse:collapse;border-spacing:0;}fieldset,img {border: 0;}embed{vertical-align:top;}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;-webkit-appearance:none;}

body {font-weight: normal; font-size: 12px; color: #cdcdcd; background: url(../layout/bg-home.gif) 0px 98px repeat-x #ffffff; -ms-overflow-style: scrollbar;/* IE10-12scroll*/}
fieldset,img {border: 0;}
caption, th {text-align: left;}
h1,h2,h3,h4,h5,h6 {color: #424242; font-weight: bold; margin: 0 0 0 0; line-height: normal;}
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

fieldset/*, textarea, input*/ {margin: 0 0 0 0; padding: 3px 2px;}
textarea {padding:4px 10px; border: solid 1px #bdc9db; background: #ffffff; font-size: 16px; font-weight: 300; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
textarea:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.cartForm textarea, .cartForm input[type="text"] {width: 225px;}
input[type="text"], input[type="password"] {padding:4px 10px; border: solid 1px #bdc9db; background: #ffffff; font-size: 16px; font-weight: 300; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input[type="text"]:focus, input[type="password"]:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
input[type="submit"] {padding:4px 10px; border: solid 1px #070e1e; background: #11294e; font-size: 16px; font-weight: 400; color: #ffffff; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
input[type="submit"]:hover {background: #ffa800; border: solid 1px #f95100; color: #741d0c;}
.account-wr input[type="text"], .account-wr input[type="password"], .article input[type="text"] {-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4); -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear;  transition: all 0.25s linear;}
.account-wr input[type="text"]:focus, .account-wr input[type="password"]:focus, .article input[type="text"]:focus {-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;}
.serach-inp input[type="text"]:focus {-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow:inset 0 0px 0px rgba(0,0,0,0);}

/*
.txtfield { 
  display: block;
  width: 100%;
  padding: 6px 5px;
  margin-bottom: 15px;
  font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif;
  color: #7988a3;
  font-size: 1.4em;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#edf3f9), to(#fff));
  background-image: -webkit-linear-gradient(top, #edf3f9, #fff);
  background-image: -moz-linear-gradient(top, #edf3f9, #fff);
  background-image: -ms-linear-gradient(top, #edf3f9, #fff);
  background-image: -o-linear-gradient(top, #edf3f9, #fff);
  background-image: linear-gradient(top, #edf3f9, #fff);
  border: 1px solid;
  border-color: #abbce8 #c3cae0 #b9c8ef;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.txtfield:focus {
  outline: none;
  color: #525864;
  border-color: #84c0ee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;
}

*/

.required {color: #ff4200;}
.form-description {padding: 5px 20px 5px 0px;}
.table-data {padding: 5px 0px;}

a, a:visited {outline: none; color: #212121; text-decoration: none;
/* css3 hover anim */
-webkit-transition-property:color, text; -webkit-transition-duration: .5s, .5s; -webkit-transition-timing-function: linear, ease-in;-moz-transition-property:color, text; -moz-transition-duration:.5s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:color, text; -o-transition-duration:.5s; -o-transition-timing-function: linear, ease-in;
/* -/- */
}
a:hover {text-decoration: underline; color: #212121;}
a:focus {-moz-outline-style: none;}
.margin10 {height: 10px; line-height: 0px; font-size: 0px;}
.margin20 {height: 20px; line-height: 0px; font-size: 0px;}
.margin30 {height: 30px; line-height: 0px; font-size: 0px;}
.margin40 {height: 40px; line-height: 0px; font-size: 0px;}
/*
div {overflow: hidden;}
input[type="radio"] {width:auto; margin: 2px 2px 2px 2px; padding: 1px 1px 1px 1px;} 
input[type="submit"] {background: #004775; color: #ffffff; font-weight: bold; width: 70px;}
minHeight {min-height: 500px; height: auto !important; height: 500px;}
*/
.article-thumbnail {border:solid 1px #ffffff;padding:0px 0px;margin:0;-webkit-box-shadow:0px 5px 7px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 5px 7px rgba(50, 50, 50, 0.3);box-shadow:0px 5px 7px rgba(50, 50, 50, 0.3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.rightImg {float: right; margin: 0 0 5px 15px;}
.leftImg {float: left; margin: 0 15px 5px 0;}
.leftFloat {float: left;}
.rightFloat {float: right;}
.leftAlign, .lft {text-align: left;}
.rightAlign, .rght {text-align: right;}
.centerBox, .cntr {text-align: center;}
.centerBoxPadding {text-align: center; margin: 0 auto 0 auto; padding: 0 0 10px 0;}
.selected {font-weight: bold;}
.noborder {border: 0px; padding: 10px 0 10px 0;}
.clear {width: inherit; height: 0px; font-size: 0px; line-height: 0px; clear: both;}

.cf:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }
.cf { display:inline-block; }
* html .cf { height:1%; }
.cf{ display:block; }

#templatePreview .row div {border:solid 1px #E7E7E7; text-align:center; padding-top:5px; padding-bottom:5px;}
/* end RESET STYLE */

/* ARTICLE STYLE */
.article {line-height: 22px; padding: 0 0 20px 0; color:#ffffff;}
.article h2 {font-size:28px; color:#ffeb03; margin:0 0 10px 0;}
.article p {font-size:18px; font-weight:300; line-height:24px;  color:#ffffff; padding:0 0 10px 0;}
.article a, .article a:visited {color: #225A32; text-decoration: underline;}
.article a:hover {color: #225A32; text-decoration: none;}
.article b, .article strong {font-weight:600;}
.article ul {padding: 10px 0 10px 50px;}
.article ul li {list-style: disc;}
.article img {max-width: 100% !important;}
.article-links {padding: 5px 10px;}
.article-links a {color: #000000; text-decoration:none;}
.article-attach {padding: 5px 10px;}
.article-attach a {color: #000000; text-decoration:none;}
.attachemnt_loop {padding: 5px 10px; border: dotted 1px #e2e2e2; background:#EDEDED; margin-top: 5px;}
.attachemnt_loop h5 {padding:0 0 5px 0; margin:0 0 10px 0; border-bottom: solid 1px #e2e2e2; font-size:16px;}
.attachemnt_loop p {padding:3px 4px; font-size: 14px; border-bottom: solid 1px #e2e2e2; margin:0 0 2px 0;}
.attachemnt_loop p:last-child {border-bottom: none;}
.attachemnt_loop p a {color: #436587; text-decoration:none; display:inline-block; padding:0 20px 0 3px;}
.attachemnt_loop p a:hover {text-decoration:underline;}
.article-multi-pages {}
.article-multi-pages a, .article-multi-pages a:visited {color: #436587;}
.article-multi-pages a:hover {}
/* -/- */

/*img {vertical-align:top;}*/
a.gal {display:block; position: relative; margin-bottom:22px;}
a.gal img {position:relative; z-index:1; box-shadow:0 0 0 #fff; width:100%;}
a.gal span {display:block; position:absolute; z-index:10; left:0; right:0; bottom:0; top:0; border:0 solid #293a78; transition:0.5s ease; -o-transition:0.5s ease; -webkit-transition:0.5s ease;}
a.gal:hover span {border-width:4px;}

/* COOKIE */
#popup{display:none;background:#fff;border:solid 1px #e7e7e7;padding:5px;bottom:20px;right:20px;width:600px;position:fixed;z-index:999999; -webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#popup p {text-align:left; padding:0 10px; margin:0 0 0 0; font-size:10px; color:#000000;}
#zamykanie_popup, #zamykanie_popup:visited {display:block; width:93px; height:48px; background:url(../layout/zamknij.png) 0px 0px no-repeat;cursor:pointer;}
#zamykanie_popup:hover {display:block; width:93px; height:48px; background:url(../layout/zamknij.png) 0px -48px no-repeat;}
/*
#popup{display:none;background:#4f4f4f;padding:5px;bottom:0px;left:0px;width:100%;position:fixed;z-index:999999;}
#popup p {text-align:center;color:#d9d9d9;padding:0 10px;margin:0 0 0 0;font-size:11px;}
*/

/* UItoTop jQuery Plugin 1.2 */
#toTop {display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(../layout/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(../layout/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}


/* stickBar */
.navbar {height:70px; line-height:70px; overflow:hidden; text-align:center; background:red; font-size:16px;}
.navbar ul {float:left; position:relative; left:50%;}
.navbar li {float:left; display:inline; display:inline; position:relative; left:-50%;}
.navbar li a {color:#ffffff; height:70px; line-height:70px; padding:0 27px; display:block;}
.navbar li a:hover {background:#ffffff; color:red; text-decoration:none;}
/* stick */
.stuckMenu {background:#f5c500;}
.isStuck{left:0px; margin-top:0px; width:100%; }
.navbar-wrapper {margin-top:0px; position: relative; z-index: 15;}
body .isStuck .navbar, 
body .isStuck .navbar li {height:70px; background:none !important;}
body .isStuck .navbar li a {height:70px; line-height:70px; color:#ffffff; text-shadow:none !important;}



/*== GO TOP ==*/
#go-top {position: fixed; bottom: 50px; right: 30px; z-index: 100;}
#go-top a {width: 40px; height: 40px; display: block; background: #d84927; color: #fff; text-align: center;-webkit-border-radius: 46px;-moz-border-radius: 46px;  border-radius: 46px;border: 3px solid #ffffff;font: 42px/35px FontAwesome;}
#go-top a:before {content: "\f106";}
#go-top a:hover {background: #18877f; text-decoration: none;}


@media screen and (max-width: 767px)  {
.page-wrapper {width: 100%; margin: 0 auto; }
.page-mobile {display: block !important; float: none !important; width: 100% !important;}
.page-mobile-hide {display:none;}
}

@media screen and (min-width: 768px) {
.page-wrapper {width: 750px; margin: 0 auto; /*background: red;*/}

}
  
@media screen and (min-width: 992px) {
.page-wrapper {width: 980px; margin: 0 auto; /*background: green;*/}

}
  
  @media screen and (min-width: 1200px) {
.page-wrapper {width: 1170px; margin: 0 auto; /*background: blue;*/}

}


/* tiCMS */
.pagination {text-align: center;}
.tableData {padding: 2px 2px 2px 2px;}
.pollColor {background: #cccccc; border: 1px solid #aaaaaa;}