@charset "utf-8";
/*
/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */
@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);
/* ---------- FONTAWESOME ---------- */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

*/
html { padding:0; margin:0 auto; /*background:#e9e9e9 url(images/main_bg.jpg) repeat left top;*/}
body { margin:0; padding:0; width:100%; border:0; color:#929292; font:normal 13px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; /*background:url(images/header_bg.jpg) repeat-x left top;*/}
* { outline:none;}
.main { margin:0 auto; padding:0; background:#fff url(images/pozadie.jpg) repeat-x center top;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h2 { margin:0; padding:10px 0; font-size:24px; font-weight:normal; color:#353c3e; text-transform:none;}
p { margin:0; padding:8px 0;}
a { color:#510b69; text-decoration:underline;}
img { border:none;}

.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header { }
.header_resize { margin:0 auto; padding:0; width:960px;}
.logo { padding:0 0 0 0px; float:left; width:auto; height:120px;}
#flag_widget {
    display: block;
    float: right;
    padding: 1px 5px 0 0;
    width: auto;
}
#flag_widget p {
    float: right;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5em;
    padding: 0;
    text-align: right;
    width: auto;
}
h1 { margin:0; padding:32px 0 0; font-size:48px; font-weight:normal; line-height:1.2em; color:#fff; text-transform:none;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h1 span { color:#22ebec;}
h1 small { display:block; margin:0; font-size:15px; line-height:1.2em; text-transform:none; color:#6d6d6f; font-weight:normal;}
.slider { width: 960px; height:420px; }
.seahorses{width: 595px; height:420px; float:left; background: url(images/koniky.jpg) no-repeat 0px 0px; margin-right:11pxpx;}
.login-form{width: 354px; height:420px; float:right; }
.login{padding: 50px 53px 30px;}
.bubble1{float:left;width: 200px; height:420px;}
.bubble1:hover{background: url(images/kruh1.png) no-repeat 0px 60px;}
.bubble1 a{display: block; float:left;width: 200px; height:420px;}
.bubble2{float:left;width: 200px; height:420px;}
.bubble2:hover{background: url(images/kruh2.png) no-repeat 0px 10px;}
.bubble2 a{display: block; float:left;width: 200px; height:420px;}
.bubble3{float:right;width: 180px; height:420px;}
.bubble3:hover{background: url(images/kruh3.png) no-repeat 0px 140px;}
.bubble3 a{display: block; float:right;width: 180px; height:420px;}
/*login*/
/* ---------- LOGIN ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
/* ---------- GENERAL ---------- */
* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

body {
  background: #c0c0c0;
  color: #929292;
  font: 100%/1.5em "Varela Round", sans-serif;
  margin: 0;
}

input {
  background-image: none;
  border: none;
  font: 100%/1.5em "Varela Round", sans-serif;
  margin: 0;
  padding: 0;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.container {
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#login {
  width: 354px;
}

#login h2 {
  background: #ffe300;
  border-radius: 20px 20px 0 0;
  color: #fff;
  font-size: 28px;
  padding: 27px;
}

#login h2 span[class*="fontawesome-"] {
  margin-right: 14px;
}

#login fieldset {
  background: #fff;
  border-radius: 0 0 20px 20px;
  padding: 34px 26px;
}

#login fieldset p {
  color: #777;
  margin-bottom: 12px;
}

#login fieldset p:last-child {
  margin-bottom: 0;
}

#login fieldset input {
  border-radius: 3px;
}

#login fieldset input[type="email"], #login fieldset input[type="password"] {
  background: #eee;
  color: #777;
  padding: 10px 10px;
  width: 100%;
}

#login fieldset input[type="submit"] {
  background: #9b4f96;
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 6px 0;
  width: 100px;
}

#login fieldset input[type="submit"]:hover {
  background: #84367f;
}
/* social */
.social { display:block; padding:20px 5px 0 0; float:right; width:auto;}
.social p { padding:0; float:right; width:auto; color:#fdfdfd; text-align:right; font-size:13px; line-height:1.5em; font-weight:normal;}
.social a { color:#fdfdfd; text-decoration:none;}
.social a:hover { text-decoration:underline;}
.social img { margin:-3px 0 -3px 2px; border:none;}

/* menu */
.menu_nav { margin:0 0 14px; padding:0; height:62px;}
.menu_nav ul { list-style:none; padding:0 0 0 2px; height:60px; background:url(images/menu_sep.jpg) no-repeat left center;}
.menu_nav ul li { margin:0; padding:0 2px 0 0; float:left; background:url(images/menu_sep.jpg) no-repeat right center;}
.menu_nav ul li a { display:block; margin:0; padding:0 0 0 32px; width:auto; font-size:15px; line-height:20px; font-weight:bold; color:#5b5b5b; text-decoration:none; text-transform:none; text-align:center;}
.menu_nav ul li a span { display:block; padding:21px 32px 21px 0; height:20px;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#7f2d9b;}
.menu_nav ul li.active a span, .menu_nav ul li a:hover span { }

/* content */
.content { }
.content_resize { margin:0 auto; padding:24px 0; width:960px;}
.content h2 { }
.content .mainbar { margin:45px 0; padding:0; float:left; width:960px;}
.content .mainbar h2 { padding-bottom:6px; font-size:28px; color:#353c3e;}
.content .mainbar div.img { padding:10px 20px 15px 20px; float:left;}
.content .mainbar div.img img { padding:0; border:none;}
.content .mainbar img.fl { }
.content .mainbar .article { margin:0 0 24px; padding:0 0 20px;}
.content .mainbar .post_content { }
.content .mainbar .post_content strong { font-weight:bold; color:#929292;}
p.spec { padding:0 0 16px;}
p.infopost { margin:0 0 6px; padding:11px 10px 12px; color:#ffffff; background:#7f2d9b;  font-size: 25px;}
p.infopost span.date { }
p.infopost a { padding:0 2px; text-decoration:none; font-weight:normal;}
p.infopost a:hover { text-decoration:underline;}
p.infopost a.com { display:block; float:right; color:#22ebec;}
p.infopost a.com span { font-weight:normal; font-size:30px;}
p.infopost a.com span:before { }
p.infopost a.com:hover { text-decoration:underline;}
.content .mainbar a.rm { display:block; float:left; padding:12px 0; /*width:95px;*/ height:17px; font-size:13px; line-height:17px; font-weight:bold; text-decoration:none; text-transform:none; text-align:center; color:#510b69;}
.content .mainbar a.rm:hover { text-decoration:none;}
.home-text {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
} 
.home-text {
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	text-align: justify;

} 

/*home-text { 	 
-webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
   /* -moz-column-rule-style: solid; /* Firefox */
  /*  column-rule-style: solid*/
   /* -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
   /* -moz-column-rule-width: 1px; /* Firefox */
   /* column-rule-width: 1px;}*/ 
   
.home-text p{margin:15px 0px 10px 15px;}
/* pagination */
.content p.pages { margin:0; padding:24px 0; font-size:13px; text-align:left;}
.content p.pages span, .content p.pages a { display:block; margin:0 1px; padding:8px 0; float:left; width:32px; height:16px; color:#fff; line-height:16px; text-align:center; text-decoration:none;}
.content p.pages span, .content p.pages a:hover { color:#fff; font-weight:bold; background:#2b2b2e;}
.content p.pages a { color:#545454;}
.content p.pages small { font-size:12px; float:right;}

/* sidebar */
.content .sidebar { margin:0; padding:16px 0; float:right; width:240px; color:#929292;}
.content .sidebar .gadget { margin:0 0 24px; padding:0;}
.content .sidebar h2 { }
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; font-size:12px;}
ul.sb_menu li, ul.ex_menu li { margin:0; list-style:none;}
ul.sb_menu li { padding:10px 0;}
ul.ex_menu li { padding:10px 0;}
ul.sb_menu li a { margin-left:-16px; padding:8px 8px 8px 16px; font-size:13px; color:#929292; text-decoration:none; text-transform:none;}
ul.ex_menu li a { font-weight:normal; font-size:13px; color:#929292; font-weight:bold; text-decoration:none; text-transform:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#22ebec; font-weight:bold; text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background:#f9f9f9; border-top:1px solid #e5e5e5;}
.fbg_resize { margin:0 auto; padding:32px 15px 20px; width:960px; color:#929292;}
.fbg h2 { padding:0 0 8px;}
.fbg h2 small { display:block; padding:4px 0 0; font-size:12px; font-weight:normal; text-transform:none; color:#929292;}
.fbg img.gal { margin:8px 8px 0 0; padding:3px; background:none; border:1px solid #e5e5e5;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 20px 0 0; width:330px;}
.fbg .c2 { padding:0 20px 0 0px; width:320px;}
.fbg .c3 { padding:0 0 0 16px; width:280px;}
.fbg .fbg_ul { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li { margin:0; padding:0; list-style:none;}
.fbg .fbg_ul li a { display:block; margin:0; padding:2px 0 2px 12px; color:#929292; text-decoration:none; background:url(images/li.gif) no-repeat left center;}
.fbg .fbg_ul li a:hover { color:#510b69; text-decoration:underline; font-weight:normal; background:url(images/li.gif) no-repeat left center;}
.fbg p.contact_info { line-height:1.8em;}
.fbg p.contact_info a { text-decoration:underline; color:#510b69; font-weight:normal;}
.fbg p.contact_info span {font-weight:bold; color:#929292;}

/* footer */
.footer { background:#28282a;}
.footer_resize { margin:0 auto; padding:0 15px; width:920px; color:#929292;}
.footer p.lf { margin:0; padding:24px 0; text-align:left; width:auto; line-height:1.5em;}
.footer p.lf a { color:#fff; text-decoration:none; font-weight:bold;}
.footer p.lf a:hover { text-decoration:underline; color:#510b69;}
.footer p.lf span { float:right;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
ol li .send { margin:16px 0 0 0;}

/* search */
.searchform { margin:0; padding:42px 20px 0 0; float:right; width:auto; height:30px;}
#formsearch { margin:0; padding:0; width:auto; height:30px;}
#formsearch span { display:block; margin:0; padding:0; float:left; background:url(images/search_bg.png) no-repeat left top;}
#formsearch input.editbox_search { margin:0; padding:7px 10px; float:left; width:190px; height:16px; font-size:12px; line-height:16px; color:#555; background:none; border:none;}
#formsearch input.button_search { margin:0; padding:0; border:none; float:left;}