body {font-size: 15px; color: #515151;}
/*h1, h2, h3, .h1,.h2,.h3 {font-family: 'Open Sans', sans-serif; color: #161616;}*/
h1, .h1 {font-size:30px;}
h2, .h2 {font-size:23px;}
h3, .h3 {font-size:18px;}

h1, h1 a, h2, h2 a {
	font-weight: normal;
	color: #666;
}
h3, h3 a {
  font-weight:700;
	color: #666;
}
.panel-body h3, .panel-body .h3 {margin-top:0px;}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a:hover, a:focus {
    text-decoration: none;
    color: #2b5fbc;
}
a {
    color: #333;
    text-decoration: underline;
}
a {
    background-color: transparent;
}
p {margin: 10.5px 0 10.5px;}
.site-header > .container {position:relative;padding-top:30px;padding-bottom:12px;}

.top-left-h1 	{font-family: 'Open Sans Condensed', sans-serif; position:absolute; top: 12px; left:15px; font-weight: 700;font-size: 23px;text-transform:uppercase;line-height:30px;}
.top-left-h1 span {display:block;font-size: 20px;color:#c7c7c7;}

.bottom-left-h1 {position:absolute; bottom: 26px; left:15px;}

.top-right-h1 	{font-family: 'Open Sans Condensed', sans-serif; font-weight: 700;font-size: 20px;text-transform:uppercase;color:#c7c7c7; line-height:25px;position:absolute; top: 12px; right:15px;background: url(/i/18plus.png) no-repeat right top; padding:6px 37px 6px 0px; }

.bottom-right-h1 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700;font-size: 20px;line-height:40px;text-transform:uppercase;color:#c7c7c7; position:absolute; bottom: 12px; right:15px;}

header .h1 {background: url(/images/logo.png) no-repeat left top; font-weight: 700; padding-left: 50px; font-style:italic;}
header .h1 a {color: #ee2824;}
header .h1 a span {color:#4caf50;}
.sub-h1 {color:#999; font-size:18px; padding: 0px 0px 20px 50px;}
footer .container {
 padding-top:50px;
 padding-bottom:55px
}
footer {
	font-size: 14px;
    background-color: #f5f5f5;
    border-top: 1px solid #e0e0e0;
    color: #999;
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
    margin-top: 60px;
}
footer a {
    color: #999;
    border-bottom: dotted 1px #999;
}
footer a:hover {
    color: #999;
	text-decoration:none;
  border-bottom: none
}
marquee {margin-bottom: 20px;}
.navbar {
    background-image: url(/i/bg_menu.png);
    background-repeat: repeat-x;
    background-position: center top;
    min-height: 55px;
    border: none;
}
.navbar-default .navbar-nav > li > a {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700;
    color: #000;
  font-size: 18px;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #2b5fbc;
    text-decoration: none;
}
.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a.active:hover, .navbar-default .navbar-nav > li > a.active:focus {
    color: #2b5fbc;
    text-decoration: none;
}
.navbar-default .navbar-brand {
    color: #000;
}
.navbar-default .navbar-brand:hover {
    color: #000;
    text-decoration: underline;
}
#bc {padding-bottom: 20px;}
div.scrollup {
  position: fixed;
  color: #fff;
  background-color: #2b5fbc;
  right: 20px;
  bottom: 8px;
  padding: 4px 10px;
  font-size: 20px;
  cursor: pointer;
  display: none;
  text-align: center;
}
div.scrollup:hover {
   background-color:#000;
}
.navbar-static-top.affix {
    top: 0px;
    left: 0px;
    width: 100%;
}
#new_articles {
	background-image: url(/i/news.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 121px;
}
.posted {
	background-color: #CCCCCC;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #EEE;	
	padding: 0 2px 5px;
	margin-top: 10px;
}
#new_articles .col-md-6:nth-child(2n+1), #news_articles .col-md-6:nth-child(2n+1) {
	clear:both;
   }
.fotografii .col-xs-3:nth-child(4n+1) {
	clear:both;
   }
.fotografii .col-xs-3 {margin-bottom:20px;}
.imgl, .imgr, .imgc, img.rssThumb {
	background-color: #CCCCCC;
	padding: 5px;
	border: 1px solid #999;
}
.imgl {
	float: left;
	margin: 0px 8px 8px 0px;
}
.imgr {
	float: right;
	margin: 0px 0px 8px 8px;
}
.b-share {
    display: inline-block;
    font: 86%/1.4545em Arial,sans-serif;
    vertical-align: top !important;
	padding: 0px 3px 0px 4px !important;}
.b-share-icon {
	width: 20px !important;
	height: 20px !important;
	background: url(/i/share.png) no-repeat scroll 0 99px transparent !important
}
.b-share__handle {margin-top: -5px !important;}
.b-share-icon_facebook, .b-share-icon_custom  {
 	background-position: 0 100% !important
}
.b-share-icon_vkontakte  {
	background-position: -20px 100% !important
}
.b-share-icon_twitter {
	background-position: -40px 100% !important
}
.b-share-icon_yaru {
	background-position: -60px 100% !important
}
.b-share-icon_odnoklassniki {
	background-position: -80px 100% !important
}
.b-share-icon_moimir {
	background-position: -100px 100% !important
}
.b-share-icon_lj {
	background-position: -120px 100% !important
}
.posted .yashare-auto-init, .panel-heading .yashare-auto-init {
	display: inline;
}
ul.author {
    padding-left: 180px;
}
.link_book {
    display: block;
    width: 79px;
    height: 21px;
    background: url("i/download_book.jpg") no-repeat scroll 0 0 transparent;
}
.poetry-series .row {margin-bottom:30px;}
/* Teaser Frontpage
   ========================================================================= */
.teaser-frontpage {margin-bottom: 20px;}
.teaser-frontpage .panel {margin-bottom: 20px;}
.carousel-control.left, .carousel-control.right {background-image:none;}
.carousel-control {color: #2b5fbc;}
.carousel-indicators li {border-color: #2b5fbc;}
.carousel-indicators .active {background-color: #2b5fbc;}
.archive, .co2011, .poetry {
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 19px;
	line-height: 22px;
  	text-align: center;
	padding: 0px 85px 0px 0px;
	font-weight: bold;
	font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
  min-height: 66px;
}
.archive a, .co2011 a, .poetry a {color: #5e5e5e;}
.archive a:hover, .co2011 a:hover, .poetry a:hover {color: #2b5fbc;}
.co2011, .poetry {
	background-image: url(/i/co2011.jpg);
}
.poetry.rubriki{
	background-image: url(/i/rubriki.jpg);
}
.poetry {
	background-image: url(/i/poetry.jpg);
}
.archive {line-height: 20px; background-image: url(/i/archive.jpg);}
.poetry span, .co2011 span, .archive span {
	display: block;
	font-size: 14px;
    font-weight: bold;
    text-transform: none;
    color: #000;
}
.co2011 span {font-size:16px;}
.archive small {font-size:13px;}

/* Right Col
   ========================================================================= */

.complementary-content .panel-body .h3 {
  	font-size: 19px;
  	line-height: 22px;
  	text-align: center;
	font-weight: bold;
	font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
}
.complementary-content .panel-body .h3 a {color: #5e5e5e;}
.complementary-content .panel-body .h3 a:hover {color: #2b5fbc;}
.left_b_title {
	background-image: url(/i/left_b_title.jpg);
	background-repeat: no-repeat;
	background-position: -2px top;
	/* font-family: Tahoma, Geneva, sans-serif; */
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	padding: 20px 20px 46px;
	color: #FFF;
}
.news_title {
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0px 8px;
}
.news_excerpt {
	padding: 0px 70px 24px 0px;
	font-size: 12px;
}
.news-posted {font-size: 12px;}
.complementary-content .panel-body img  {
	float: right;
	padding: 0px;
}
.complementary-content .panel-body img.rssThumb {
	padding: 5px;
	float: none;
}
p.foto_title {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
/***
====================================================================
	Styled Pagination
====================================================================
***/
.styled-pagination{
	position:relative;
    margin: 20px 0;
}
.styled-pagination li {
	position:relative;
	display:inline-block;
	margin:0px 7px 7px 0px;	font-weight:500;
}
.styled-pagination li a {
	position:relative;
	display:block;
	padding:10px 20px;
	font-size:20px;
	text-transform:none;
	min-width:30px;
	border:1px solid #ddd;
	background:#efefef;
	color:#000;
	text-align:center;
	border-radius:0px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	text-decoration: none;
}
.styled-pagination li.liemptyob1 {
	font-size:20px;
    color: #8C8C8C;	
	padding:10px 20px;
    min-width:30px;
	border:1px solid #ddd;
    background:#fff;
}
.styled-pagination li a:hover, .styled-pagination li a.active, .styled-pagination li a .currentPage, li.liselectedob1 {
	color:#ffffff;
	background:#2b5fbc;
	border-color:#2b5fbc;	
}
.styled-pagination li a .currentPage {
	display:block;
}
.styled-pagination li.liemptyob1:first-child, .styled-pagination li.liemptyob1:last-child {
    display: none;
}
/* Comments
   ========================================================================== */
.button {
    position: relative;
    padding: 10px 30px;
    line-height: 24px;
    text-transform: uppercase;
    background: #3f51b5;
    color: #ffffff !important;
    border: 2px solid #3f51b5;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    font-family: 'Roboto', sans-serif;
}
.button:hover {
	background:#337ab7;
	color:#ffffff !important;
	border-color:#337ab7;
}
.button.disabled{
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
}
.comments {
    margin-bottom: 1em;
    padding: 1px 1em;
    border-radius: 0;
    background: #f7f7f7;
    word-wrap: break-word;
  }
.comments h4 .is-author {
    font-weight: normal;
  }
.comments h4 .comment-anchor {
    float: right;
    font-weight: normal;
  }
.comments-author {
    background: #efefef;
  }
#cpreview {
    margin-bottom: 2px;
    padding: 1em;
    border-radius: 0.5em;
    background-color: #fff9e1;
  }
.error_message li {
    color: #9d261d;
  }
.comments_error {
    border-color: #9d261d;
    box-shadow: 0 0 4px 2px #9d261d;
  }
.comment_name_input, .comment_email_input, .txpCommentInputMessage {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.txpCommentInputMessage {
    height: auto;
}
.comment_name_input:focus, .comment_email_input:focus, .txpCommentInputMessage:focus {
	border-color:#745d4d;
	background-color:#ffffff;	
}
/* Responsive
   ========================================================================== */
@media (max-width: 481px) {
  .imgl, .imgr {display: block;
    max-width: 100%;
    height: auto;}
}

@media (max-width: 766px) {.sub-h1 {font-size:14px; padding: 10px 0px;}
h1, .h1 {font-size:32px;}
h2, .h2 {font-size:24px;}
h3, .h3 {font-size:20px;}
  #new_articles {background-size: contain;}
.site-header > .container {
    padding-top: 0px;
    padding-bottom: 5px;
}  
.top-left-h1, .bottom-left-h1, .top-right-h1, .bottom-right-h1 	{position:relative; font-size:15px; left:auto;right:auto;top:auto;bottom:auto;}
  .top-left-h1 span {font-size:15px;display:inline;}
  .top-right-h1, .bottom-right-h1 {float:right; width:50%;}
  .top-right-h1 {text-align:right;}
  .navbar-brand > img {height:36px;width:36px; float:left;margin: -7px 5px -8px 0px;}
  .navbar-form {margin:0px;}
  .imgc {display: block;
    max-width: 100%;
    height: auto;}
}
@media (min-width: 766px) and (max-width: 991px) {
  .top-left-h1 {width:150px; }
}
@media (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a {font-size: 16px;
}
