@import url(http://fonts.googleapis.com/css?family=Englebert&subset=latin,latin-ext);

/**** BASIC ELEMENTS ****/
body{
    margin: 0 auto;
    padding: 0;
    font-family:Helvetica, Arial, sans-serif;
    font-size: 14px;
    overflow: scroll;
    background-image: url(../images/web/bg_body.gif);
}

a{
    color:#000;
}
a:hover{
    text-decoration: underline;
    color:#000;
}
a[href*=".txt"],
a[href*=".doc"],
a[href*=".pdf"],
a[href*=".zip"],
a[href*=".xls"],
a[href*=".ppt"]{
    padding-left:23px;
    background-repeat:no-repeat;
    background-position: left top;
    font-size:14px;
}
a[href*=".txt"]{
     background-image: url('../images/web/file-txt.png');
}
a[href*=".doc"]{
    background-image: url('../images/web/file-doc.png');
}
a[href*=".pdf"]{
    background-image: url('../images/web/file-pdf.png');
}
a[href*=".zip"]{
    background-image: url('../images/web/file-zip.png');
}
a[href*=".xls"]{
    background-image: url('../images/web/file-xls.png');
}
a[href*=".ppt"]{
    background-image: url('../images/web/file-ppt.png');
}

.onright{
	float:right;
}
.onleft{
	float:left;
}
.input-flexible{
    width:100%;
}
.alert{
	position:fixed;
	top:25px;
	text-align:center;
	width:100%;
	opacity:.9;
	z-index:9999;
	cursor:pointer;
}
.flash{
	position:fixed;
	top:15%;
	left:10%;
	width:80%;
	z-index:9999;
	font-size:18px;
	text-align:center;
	cursor:pointer;
	opacity:.9;
	padding:30px 0px;
}

.navbar{
    padding:0px 20px;
}
.navbar .brand{
    display:none;
    color:#fff;
    text-shadow:none;
    cursor:pointer;
    padding-left:20px;
}
.navbar .nav{
    margin:0px;
}
.navbar .nav li{
    padding:0px 0px;
    margin-right:1px;
    color:#fff;
    font-size:18px;
    background-color: #e9b000;
    background-image: url('../images/web/bg_top_menu.png');
    background-position:top;
}
.navbar .nav li:hover,
.navbar .nav li.aktivni{
    background-color: #f9c010;
    background-position:bottom;
}
.navbar .nav>li>a {
    float: none;
    padding: 10px 25px 6px;
    color: #f9f9f9;
    text-decoration: none;
    text-shadow: 0 1px 0 #888; 
}
.navbar .nav>li>a:hover,
.navbar .nav>li.aktivni>a,
.nav>li>a:focus, 
.nav-collapse .dropdown-menu a:hover, 
.nav-collapse .dropdown-menu a:focus{
    float: none;
    padding: 10px 25px 6px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #888; 
    background-color:none;
}

.navbar-inner{
    padding:0px;
    background-color:#000;
    background-image:none;
    border:0px;
    min-height:36px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#444,#000);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#000));
    background-image: -webkit-linear-gradient(top,#444,#000);
    background-image: -o-linear-gradient(top,#444,#000);
    background-image: linear-gradient(to bottom,#444,#000);
}.container-fluid{
    padding:0px;
}
/**** END BASIC ELEMENTS ****/

/*--- HEADER CLASSES ---*/
.header-wrapper{
   background-color: #fff;
}
.header-wrapper .header-area{
    display:inline-block;
    margin-top:19px;
    width:100%;
}
.header-wrapper .header-inner{
    margin:0px 20px;
    border-top:1px solid #afafaf;
}
.header-wrapper .logo{
    margin-top:20px;
}
.header-wrapper .kromerizan-img{
    float:right;
 
}
.header-wrapper .kromerizan-img img{
    margin-top:-20px;
    max-width:100%;
}
.header-wrapper .bg-logo{
    margin-top:20px;
	background-color:#f2af00;
	margin-bottom:1px;
}
.main-wrapper{
	padding-top:30px;
	background-color: #fff;
	padding-bottom:40px;
}

.container{
    
	padding-left:25px;
	padding-right:25px;
}
.navbar-line{
	border-bottom:3px solid #333;
}

/*
ARTICLES
*/

.article-area{
    margin:20px 0px;
}
.article-area .title-area{
    float:right;
    width:75%;
}
.article-area h1,
.article-area h2{
    font-family: Georgia;
    font-size:18px;
    font-weight:bold;
    margin:0px;
    line-height:1.5;
}
.article-area .article{
    display:inline-block;
    width:100%;
    font-size:16px;
}
.article-area .article p{
    line-height:1.5;
    font-family:Georgia;
}
.article-area .article img{
    float:left;
    width:140px;
    padding-right:15px;
    padding-bottom:5px;
}

.article-area .text{
    font-size:16px;
    line-height:1.5;
    font-family:Georgia;
}
.article-area .text .p-image{
    float:right;
    width:50%;
}
.article-area .text p{
    padding:2px 0px 5px 0px;
    line-height:1.5;
}
.article-area .text a{
    text-decoration:underline;
}
.article-area .text a:hover{
    text-decoration:none;
    color:#555;
}
.article-area .article-info{
    display:inline-block;
    color:#9EA2A5;
    font-size:10px;
    font-family:Arial;
}
.article-area .article-info .date,
.article-area .article-info .sign,
.article-area .article-info .comments{
    float:left;
}
.article-area .article-info .date{
    margin-right:15px;
    padding-left:20px;
    background-image: url(../images/web/hodiny_small.gif);
    background-repeat:no-repeat;
    background-position:left top;
}
.article-area .article-info .comments{
    padding-left:20px;
    background-image: url(../images/web/komentar_small.gif);
    background-repeat:no-repeat;
    background-position:left top;
}
.article-area h1,
.first h2{
    font-size:35px;
    font-weight:normal;
    padding:0px;
    line-height:1.2;
    margin:0px;
}
.first .title-area{
    float:right;
    width:100%;
}
.first .image{
}
.first .text .p-image{
    float:left;
    width:50%;
}
.first .text{
    font-family:Georgia;
    line-height:1.5;
}
.first .text img{
    padding: 0px 15px 15px 0px;
    margin-left:0px;
    width:90%;
}
.comments-area{
    display:inline-block;
    width:100%;
}
.comments-area .form,
.comments-area .comments{
    margin-left:20px;
    margin-right:20px;
}
.comments-area .form{
    border:1px solid #c9c9c9;
    padding:15px;
    background-color:#f1f1f1;
}
.comments-area .comment{
    background-color:#f9f9f9;
    margin-bottom:1px;
    padding:5px 5px 10px 5px;
    border-bottom:1px solid #ececec;
    border-top:1px solid #f2f2f2;
}
.comments-area .comment:hover{
    background-color:#f5f5f5;
}
.comments-area .comment .comment-info{
    background-repeat:no-repeat;
    background-position:left top;
    color:#9EA2A5;
    font-size:12px;
    font-family:Arial;
}
.comments-area .comment .comment-info strong{
    color:#000;
}
.comments-area .comment .text{
    font-size:16px;
    line-height:1.4;
}
.comments-area .comment .text a{
    text-decoration:underline;
}
.detail .article-info{
    font-size:14px;
    margin-top:8px;
}
.right-area{
    margin-right:20px;
    padding:5px;
    background-color:#f3f3f3;
    margin-bottom:5px;
}
.right-area h3{
    padding:5px 10px;
    margin:0px;
    font-size:20px;
    font-weight:normal;
    text-align:center;
    background-color:#f2af00;
    color:#000;
    line-height:1.3;
}
.right-area form{
    margin:0px;
}
.right-area .poll-item-label{
    padding:4px 0px 0px 0px;
}
.right-area .poll-item-graph-area{
    height:15px;
    background-color:#33aa22;
}
.right-area .poll-item-label input[type="radio"]{
    margin:1px 0px 0px 0px;
    float:left;
}
.right-area input[type="submit"]{
    margin:10px 0px 10px 0px;
    width:100%;
}
.right-area .poll-item-label label{
    float:left;
    margin:0px 10px 0px 10px;
    font-weight:bold;
    line-height:20px;
}
.right-area .comment{
    padding:5px;
    padding-bottom:15px;
    margin-bottom:1px;
    background-color:#fff;
    
}
.right-area .comment:hover{
    background-color:#f6f6f6;
}
.right-area .comment .comment-info{
    background-repeat:no-repeat;
    background-position:left top;
    color:#9EA2A5;
    font-size:12px;
    font-family:Arial;
}
.right-area .comment .comment-info .comment-article-title a{
    font-size: .9em;
    color:#9EA2A5;
}
.right-area .comment .text{
    line-height:1.5;
    padding-bottom:5px;
}
.right-area .comment .text a{
    text-decoration:underline;
}
.right-area .comment .comment-info strong{
    color:#333;
}

.right-area label{
	padding-top:6px;
	margin-bottom:2px;
	font-size:12px;
}

/*
PAGINATOR
*/
.paginator{
    padding:0px 0px 20px 0px;
    display:inline-block;
    width:100%;
}
.paginator .paginator-prev .inner,
.paginator .paginator-next .inner{
    padding:5px 15px;
    border:1px solid #c8c8c8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 0px #e3e3e3;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#e2e2e2,#fbfbfb);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#e2e2e2),to(#fbfbfb));
    background-image: -webkit-linear-gradient(top,#e2e2e2,#fbfbfb);
    background-image: -o-linear-gradient(top,#e2e2e2,#fbfbfb);
    background-image: linear-gradient(to bottom,#e2e2e2,#fbfbfb);
}
.paginator .paginator-prev .inner:hover,
.paginator .paginator-next .inner:hover{

    border:1px solid #c2c2c2;
    background-color: #fafafa;
    background-image: none;
}
.paginator .paginator-prev{
    float:left;
    margin-left:20px;
}
.paginator .paginator-next{
    float:right;
    margin-right:20px;
}
.paginator .paginator-middle{
    float:left;
    width:100%;
    margin-top:10px;
    text-align:center;
    line-height:30px;
}
.paginator-middle a:hover,
.paginator .paginator-prev a:hover,
.paginator .paginator-next a:hover{
    text-decoration:none;
}


.paginator .inner-inactive{
    display:none;
}
.page-count{
    border:1px solid #c8c8c8;
    padding:5px 8px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#e2e2e2,#fbfbfb);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#e2e2e2),to(#fbfbfb));
    background-image: -webkit-linear-gradient(top,#e2e2e2,#fbfbfb);
    background-image: -o-linear-gradient(top,#e2e2e2,#fbfbfb);
    background-image: linear-gradient(to bottom,#e2e2e2,#fbfbfb);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 0px #e3e3e3;
}
.page-count:hover,
.current{
    border:1px solid #c2c2c2;
    padding:5px 8px;
    background-color: #fafafa;
    background-image:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 0px #e3e3e3;
}

.footer-wrapper .container{
    background-color:#989898;
    color:#fff;
    padding-top:30px;
    padding-bottom:150px;
}
.footer-wrapper .container .copyright{
    padding: 5px 15px;
}
.footer-wrapper .container .hexa{
    padding: 5px 15px;
    text-align:right;
}

@media (min-width: 1200px) {
  
}

@media (max-width: 1199px) {
	.header-img{
		margin-top:8px;
	}
	.bg-logo{
		padding-bottom:18px;
		margin-bottom:1px;
	}
}

@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
  
}