@font-face {
    font-family: 'ES-Bold';
    src: url('/html/default/library/font/expletussans-bold-webfont.eot');
    src: url('/html/default/library/font/expletussans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/html/default/library/font/ExpletusSans-Bold.ttf') format('truetype'),
         url('/html/default/library/font/expletussans-bold-webfont.svg#ExpletusSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ES-Regular';
    src: url('/html/default/library/font/expletussans-regular-webfont.eot');
    src: url('/html/default/library/font/expletussans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/html/default/library/font/ExpletusSans-Regular.ttf') format('truetype'),
         url('/html/default/library/font/expletussans-regular-webfont.svg#ExpletusSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, form
{
    margin: 0;
    padding:0;
    height: 100%;
}

*
{
    font-family: Arial;
}

body
{
    margin: 0;
    padding:0;
    height: 100%;
    background: #ffffff;
    color: #6d6e70;
    font-size: 12px;
}

a,
a:hover
{
    outline: none;
    text-decoration: none;
}

a img
{
    border: none;
}

.wrapper
{
    width: 950px;
    margin: 0px auto;
    padding: 0px;
    min-height: 100%;
}

.main-wrap
{
    padding-bottom: 314px;
}

.footer
{
    width: 950px;
    position: relative;
    margin: -314px auto 0 auto;
    clear: both;
}

.clear
{
    clear: both;
    float: none;
    background: none;
}

.black-line
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 12px;
    width: 100%;
    background: #231f20;
}

.black
{
    color: #231f20;
}

.b
{
    font-weight: bold;
}

.textright
{
    text-align: right !important;
}

.textleft
{
    text-align: left !important;
}

.textcenter
{
    text-align: center !important;
}

/*red
{
    color: #e63d2d;
}*/

.no-background
{
    background: none !important;
}

.margin-10top
{
    margin-top: 10px !important;
}

.margin-40top
{
    margin-top: 40px !important;
}


.margin-24top
{
    margin-top: 24px !important;
}

h1
{
    font-family: ES-Regular, Arial;
    font-size: 30px;
    font-weight: normal;
    margin: 0px 0px 30px 0px;
}

h1 .h1datum
{
    color: #231F20;
    font-size: 22px;
    float: right;
    font-family: ES-Regular, Arial;
    position: relative;
    top: 9px;
}

h2
{
    font-family: ES-Regular, Arial;
    font-size: 30px;
    font-weight: normal;
    margin: 0px;
    text-transform: uppercase;
}

h3
{
    font-family: ES-Bold, Arial;
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
    text-transform: uppercase;
    color: #231f20;
}


.input
{
    border: solid 1px #d2d3d5;
    color: #5a5b5d;
    font-family: Arial;
    padding: 7px 9px;
    float: left;
    margin: 0px 6px 0px 0px;
    width: 155px;
}

.textarea
{
    border: solid 1px #d2d3d5;
    color: #5a5b5d;
    font-family: Arial;
    padding: 5px 0px 5px 5px;
    float: left;
    margin: 0px 6px 0px 0px;
    font-size: 12px;
    font-family: Arial;
}

.button,
.addcomments a,
.commentDelete a
{
    border: none;
    display: block;
    font-size: 14px;
    line-height: 36px;
    height: 33px;
    padding: 0px 10px;
    float: left;
    color: #ffffff !important;
    font-family: ES-Regular;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
}

.red .button
{
    background: #e63d2d;
}

.blue .button
{
    background: #006EBD;
}

.red h1,
.red h2
{
    color: #e63d2d;
}

.blue h1,
.blue h2
{
    color: #006EBD;
}

.red .Error
{
    border: solid 1px #e63d2d !important;
}

.blue .Error
{
    border: solid 1px #006EBD !important;
}


.red-box
{
    width: 98%;
    text-align: center;
    background: #E63D2D;
    color: #ffffff;
    font-family: ES-Regular, Arial;
    font-size: 14px;
    height: 33px;
    line-height: 36px;
    padding: 0px 10px;
    margin: 0px 0px 20px 0px;
}

/****************************************************************************
        
            HEADER

****************************************************************************/
.header
{
    position: relative;
}

.header .nav
{
    margin: 56px 0px 0px 0px;
    float: left;    
}

.header .nav ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.header .nav ul li
{
    padding: 0px;
    margin: 0px;
    float: left;
    border-left: solid 1px #d3d4d5;
    padding: 0px 20px;
    height: 31px;
}

.header .nav ul li a
{
    color: #929497;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    display: block;
    font-family: ES-Regular;
}

.header .silver-line
{
    background: #e6e7e8;
    margin: 25px 0px 0px 0px;
    width: 100%;
    height: 3px;
    display: block;
    float: left;
}

.red .header .nav ul li a.active,
.red .header .nav ul li a:hover
{
    color: #e63d2d;
}

.blue .header .nav ul li a.active,
.blue .header .nav ul li a:hover
{
    color: #006EBD;
}



.languages
{
    position: absolute;
    right: 0;
    top: 30px;
}

.languages a
{
    background-image: url('/html/default/library/images/sprite.png');
    background-position: -160px -19px;
    font-size: 11px;
    width: 43px;
    height: 17px;
    color: #bbbdbf;
    display: block;
    text-align: center;
    line-height: 17px;
    float: left;
    margin: 0px 0px 0px 6px;
}

.languages a:hover,
.languages a.active
{
    background-position: -160px -0px;
}

.login-top
{
    position: absolute;
    top: 75px;
    right: 0;
}

.login-top a
{
    color: #6D6E70;
    text-decoration: none;
}

.login-top a:hover
{
    text-decoration: none;
}

.red .login-top a:hover
{
    color: #E63D2D;
}

.red .login-top a:hover
{
    color: #006EBD;
}


.logo
{
    position: relative;
    float: left;
}

.logo a
{
    background-image: url('/html/default/library/images/sprite.png');
    background-position: 0px 0px;
    width: 152px;
    height: 146px;
    display: block;
    text-indent: -30000px;
    position: absolute;
    top: -12px;
}

.banner
{
    width: 950px;
    height: 275px;
    position: relative;
    /*overflow: hidden;*/
    margin: 20px 0px 0px 0px;
    background-image: url('/html/default/library/images/sprite.png');
    
}

.red .banner
{
    background-position: 0px -150px;
}

.blue .banner
{
    background-position: -1000px -150px;
}

.banner .pasica
{
    width: 950px;
    height: 275px;
    overflow: hidden;
    position: absolute;
    display: none;
}

.red .banner .overlay
{
    top: 0px;
    left: 0px;
    position: absolute;
    width: 950px;
    height: 275px;
    display: block;
    background-image: url('/html/default/library/images/sprite.png');
    background-position: 0px -150px;   
    z-index: 15;
}

.blue .banner .overlay
{
    top: 0px;
    left: 0px;
    position: absolute;
    width: 950px;
    height: 275px;
    display: block;
    background-image: url('/html/default/library/images/sprite.png');
    background-position: -1000px -150px;   
    z-index: 15;
}


.banner .cont
{
    float: right;
    width: 280px;
    padding: 0px 17px 0px 0px;
}

.banner .cont a h2,
.banner .cont h2
{
    width: 100%;
    float: left;
    font-weight: normal;
    font-size: 34px;
    margin: 0px;
    color: #231f20;
    font-family: ES-Regular;
}

.banner .cont .desc
{
    float: left;
    margin: 15px 0px 0px 0px;
    font-size: 16px;
    font-family: ES-Regular;
    color: #6D6E70;
}

.red .banner .overlay a:hover h2
{
    color: #E63D2D !important;
}

.blue .banner .overlay a:hover h2
{
    color: #006EBD !important;
}

.banner .banBtn
{
    background-image: url('/html/default/library/images/sprite.png');
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    z-index: 20;
    top: 97px;
    
}

.red .banner .banBtn.next
{
    left: 596px;
    background-position: -259px 0px;      
}

.red .banner .banBtn.prev
{
    left: -23px;
    background-position: -210px 0px;      
}

.blue .banner .banBtn.prev
{
    left: -23px;
    background-position: -310px 0px;      
}

.blue .banner .banBtn.next
{
    left: 596px;
    background-position: -357px 0px;      
}

.banner .banNav
{
    position: absolute;
    z-index: 20;
    top: 242px;
    left: 0px;
}

.banner .banNav a
{
    background-image: url('/html/default/library/images/sprite.png');
    background-position: -173px -38px;
    width: 9px;
    height: 10px;
    display: block;
    text-indent: -30000px;
    float: left;
    margin: 0px 5px 0px 0px;
}

.red .banner .banNav a:hover,
.red .banner .banNav a.active
{
    background-position: -160px -38px;
}

.blue .banner .banNav a:hover,
.blue .banner .banNav a.active
{
    background-position: -187px -38px;
}


/****************************************************************************
        
            main content

****************************************************************************/
.main-section
{
    width: 630px;
    float: left;
    margin: 20px 0px 0px 0px;
}

.right-section
{
    width: 300px;
    float: right;
    margin: 50px 0px 0px 0px;
}

.main-section .box2
{
    width: 315px;
    float: left;
    background-image: url('/html/default/library/images/sprite.png');
    background-position: 255px -1150px;
    background-repeat: no-repeat;
}

.main-section .boxRes
{
    float:left;
    background-image: url('/html/default/library/images/shadow.png');
    background-position: 0px 0px;
    background-repeat: repeat-x;
}

.boxRes .nshort
{
    color: #231f20;
    margin: 30px 0px 0px 0px;
    float: left;
    height: 54px;
    overflow: hidden;
}


.box2 .nshort .new-news
{
    position: absolute;
    top: 0px;
    background: #E63D2D;
    font-family: ES-Regular;
    color: #ffffff;
    z-index: 100;
    text-align: center;
    line-height: 10px;
    height: 42px;
    overflow: hidden;
    width: 20px;
    font-size: 10px;
    padding: 4px 0px 0px 0px;
    right: 7px;
}

.box2 .nshort
{
    position: relative;
    color: #231f20;
    margin: 30px 0px 0px 0px;
    float: left;
    overflow: hidden;
}

.arhiv
{
    margin: 10px 0px 0px 0px;
    color: #6d6e70;
    font-size: 12px;
    float: left;
}

.red .box2 .arhiv:hover
{
    color: #E63D2D;
    text-decoration: underline;
}

.blue .box2 .arhiv:hover
{
    color: #006EBD;
    text-decoration: underline;
}

.boxRes .nshort .date,
.box2 .nshort .date
{
    position: relative;
    padding: 10px 0px 0px 0px;
    float: left;
    width: 39px;
    height: 36px;
    border-right: solid 1px #d3d4d5;
    font-weight: bold;
    font-size: 26px;
}

.boxRes .nshort .date span,
.box2 .nshort .date span
{
    top: 0px;
    left: 1px;
    position: absolute;
    font-size: 11px;
    display: block;
}



.boxRes .nshort .img
{
    width: 46px;
    height: 46px;
    float: left;
}

.boxRes .nshort .content
{
    float: left;
     width: 170px;
     padding: 0px 40px 0px 15px;
}

.box2 .nshort .content
{
    float: left;
    width: 220px;
    padding: 0px 40px 0px 15px;
}

.boxRes .nshort .content .naslov,
.box2 .nshort .content .naslov
{
    font-size: 14px;
    font-weight: bold;
    color: #231f20;
    text-transform: uppercase;
}

.red .boxRes .nshort .content .naslov:hover,
.red .box2 .nshort .content .naslov:hover
{
    color: #e63d2d;
    text-decoration: underline;
}

.blue .boxRes .nshort .content .naslov:hover,
.blue .box2 .nshort .content .naslov:hover
{
    color: #006EBD;
    text-decoration: underline;
}

.boxRes .nshort .content .text,
.box2 .nshort .content .text
{
    font-size: 12px;
    color: #6d6e70;
    padding: 8px 0px 0px 0px;
}

.sola-juda
{
    background-image: url('/html/default/library/images/sprite.png');
    background-position: 0px -440px;
    width: 300px;
    height: 245px;
    display: block;
    margin: 0px 0px 20px 0px;
}

.sola-juda .text
{
    font-family: ES-Regular;
    font-size: 28px;
    line-height: 28px;
    color: #9ea0a3;
    padding: 25px 15px;
}

.tekme
{
}

.tekme ul
{
    list-style: square url("/html/default/library/images/list-style.jpg");
    margin: 15px 0px 40px 18px;
    padding: 0px;
}

.tekme ul li
{
    padding: 0px 0px 10px 0px;
}

.tekme ul li a
{
    font-weight: bold;
    color: #231f20;
    font-size: 14px;
}

.tekme ul li span
{
    font-size: 12px;
    color: #808184;
    font-weight: normal;
    display: block;
}

.right-box
{
    width: 300px;
    margin: 0px 0px 20px 0px;
}

.right-box .naslov
{
    text-align: center;
    height: 73px;
    padding: 25px 0px 0px 0px;
    background-image: url('/html/default/library/images/sprite.png');
    background-position: -310px -440px;
    margin: 0px 0px 10px 0px;
}


.galnav
{
    width: 100%;
    /*background: #EDEDEE;*/
    float: left;
    border-bottom: solid 4px #ededee;
}

.galnav .nav-btn
{
    background: #f6f6f6;
    float: right;
    padding: 5px 10px;
    font-weight: bold;
    display: block;
    
}

.red .galnav .nav-btn.active
{
    background: #EDEDEE;
    color: #E63D2D;
}

.blue .galnav .nav-btn.active
{
    background: #EDEDEE;
    color: #006EBD;
}

.clan
{
    width: 100%;
    float: left;
    height: 130px;
    overflow: hidden;
    border-bottom: solid 3px #E6E7E8;
    padding: 10px 0px;
    position: relative;
}

.clan .position
{
    position: absolute;
    top: 40px;
    left: 50%;
    margin: 0px 0px 0px -125px; 
    width: 250px;
    text-align: center;
    font-family: ES-Regular, Arial;
    font-size: 14px;
}

.clan .data
{
    position: absolute;
    top: 70px;
    left: 50%;
    margin: 0px 0px 0px -125px;
    width: 250px;
    text-align: center;
}

.clan.left img
{
    float: left;
    margin: 0px 0px 0px 80px;
}

.clan.right img
{
    float: right;
    margin: 0px 80px 0px 0px;
}

/****************************************************************************
        
            vsebina / content

****************************************************************************/
.content
{
    padding: 0px 0px 30px 0px;
    float: left;
    width: 100%;
}

.content a
{
    color: #231F20;
}

.content a:hover
{
    text-decoration: underline;
}

.content .formal
{
    margin: 0px 0px 25px 0px;
    position: relative;
    float: left;
}

.content .formal .author
{
    float: left;
    width: 190px;
}

.content .formal .date
{
    left: 200px;
    position: absolute;
    width: 150px;
}


.content img
{
    max-width: 620px;
}

.content .image
{
    margin: 20px 0px 0px 0px;
    position: relative;
    float: left;
    padding: 0px 10px 0px 0px;
}

.content .image .overlay
{
    bottom: 0;
    right: 0;
    position: absolute;
    height: 30px;
    width: 100%;
    background: url('/html/default/library/images/sprite.png');
    background-position: -1000px 0px;
}

.content table
{
    width: 100%;
    border-collapse: collapse;
}

.content table tr th
{
    text-align: left;
    font-weight: normal;
    border-bottom: solid 1px #d3d4d5;
    padding: 0px 0px 5px 0px;
}

.content table tr td.strong
{
    font-size: 14px;
    font-weight: bold;
    color: #231f20;
    padding: 0px 0px 10px 0px;
}

.content .news-left
{
    width: 620px;
    float: left;
}

.content .news-right
{
    width: 300px;
    float: right;
}

/****************************************************************************
        
            FORM LOGIN

****************************************************************************/
.form-login
{
    
}

.form-login a
{
    color: #6D6E70;
}

.form-login .button
{
    float: right;
}

.red .form-login a:hover
{
    color: #E63D2D;
    text-decoration: underline;
}

.blue .form-login a:hover
{
    color: #006EBD;
    text-decoration: underline;
}

.form-login .tdTitle
{
    text-align: right;
    width: 40%;
}

.form-login .tdRecover
{
    text-align: center;
}

/****************************************************************************
        
            CONTENT BOX3

****************************************************************************/
.content .box3
{
    /*width: 210px;*/
    width: 33%;
    float: left;
    background-image: url('/html/default/library/images/sprite.png');
    background-position: 150px -1310px;
    background-repeat: no-repeat;
}

.content .box3:last-child
{
    background: none;
}

.content .box3 .line
{
    float: left;
    width: 210px;
    margin: 0px 0px 25px 0px;
}

.content .box3 .line .number
{
    width: 40px;
    color: #231f20;
    font-weight: bold;
    font-size: 26px;
    border-right: solid 1px #d3d4d5;
    height: 28px;
    line-height: 28px;
    float: left;
}

.content .box3 .line .data
{
    padding: 0px 0px 0px 10px;
    float: left;
    width: 159px;
}

.content .box3 .line .data .month
{
    color: #231f20;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
}
.content .box3 .line .data .month:hover
{
    color: #e63d2d;
}

.content .box3 .line .data .year
{
    display: block;
}



/****************************************************************************
        
            PODVSEBINA

****************************************************************************/
.podvsebina
{
    margin: 20px 0px 0px 0px;
}

.podvsebina .siva-crta
{
    background-image: url('/html/default/library/images/sprite.png');
    background-position: -310px -650px;
    width: 625px;
    height: 28px;
}

.podvsebina h2
{
    margin: -10px 0px 0px 0px;
}


.sgal
{
    margin: 30px 0px 0px 0px;
    float: left;
    width: 315px;
}

.sgal .image
{
    width: 90px;
    height: 62px;
    float: left;
}

.sgal .image img
{
    max-width: 90px;
    max-height: 62px;
}

.sgal .vsebina
{
    width: 180px;
    float: left;
    margin: 0px 0px 0px 15px;
}

.sgal .vsebina .naslov
{
    color: #231f20;
    font-size: 14px;
    width: 180px;
    display: block;
}

.red .sgal .vsebina .naslov:hover
{
    color: #E63D2D;
    text-decoration: underline;
}

.blue .sgal .vsebina .naslov:hover
{
    color: #006EBD;
    text-decoration: underline;
}

.sgal .vsebina
{
    color: #6d6e70;
    font-size: 12px;
}


/****************************************************************************
        
            FOOTER

****************************************************************************/
.footer a
{
    color: #6D6E70;
}

.footer a:hover
{
    text-decoration: underline;
}

/****************************************************************************
        
            FOOT1

****************************************************************************/
.foot1
{
    margin: 40px 0px 0px 0px;
    background-image: url('/html/default/library/images/sprite.png');
    background-position: 0px -700px;
    padding: 24px 0px 15px 15px;
}

.foot1 .box3
{
    width: 255px;
    float: left;
    margin: 0px 55px 0px 0px;
}

.foot1 .box3 .text
{
    padding: 24px 0px 0px 0px;
}


/****************************************************************************
        
            SOCIAL

****************************************************************************/
.social-icon
{
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url('/html/default/library/images/sprite.png');
    position: relative;
    top: 4px;
    margin: 0px 10px 0px 0px;
}

.social-icon.tw
{
    background-position: -190px -50px;
}

.social-icon.fb
{
    background-position: -160px -50px;
}

.social
{
    background: #d7d8da;
    width: 100%;
    float: left;
    padding: 15px 0px 0px 0px;
    height: 100px;
}

.social .facebook
{
    float: left;
    width: 600px;
    margin: 0px 0px 0px 15px;
}

.social .twitter
{
    float: right;
    width: 300px;
    margin: 0px 15px 0px 0px;
}

/****************************************************************************
        
            sponzorji

****************************************************************************/
.sponzorji
{
    width: 100%;
    float: left;
    background: #ededee;
}

.sponzorji .vsebina
{
    padding: 20px 15px 0px 15px;
}

.sponzorji .sponzors
{
    background: #ffffff;
    margin: 10px 0px 0px 0px;
    padding: 15px;
}

.sponzorji .sponzors img
{
    margin: 0px 30px 0px 0px;
}





/*==========================================================
 * Gallery box
**==========================================================*/

.content-box .body .wrap.gallery-box {
	padding: 0;
	margin: 10px 20px 20px;
}
.gallery-box {
	background: #231F20;
}
.gallery-box .header {
	padding: 4px 10px;
	color:#231F20;
	font-size: 16px;
	/*height: auto;*/
	height: 30px;
	display: block;
	float: left;
}
.gallery-box .header .text.title {
	text-transform: uppercase;
	color: #ffffff;
	font-family: ES-Regular;
	font-size: 22px;
}

.gallery-box .btn {
	position: absolute;
	width:12px; height: 100%;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0 8px;
	background: #231F20;
	opacity: 0.7;
	filter:alpha(opacity=70);
	color: #ffffff;
	line-height: 12px;
	font-size: 100px;
	
}
.gallery-box .btn:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
.gallery-box .btn.prev {left: 0; padding-left:6px;}
.gallery-box .btn.next {right: 0px; padding-right:6px;}

.gallery-box .btn .icon {
	position: absolute;
	top: 50%;
	margin-top: -9px;
	display: block;
	zoom:1;
	z-index: 100;
	width: 12px; height:18px;
	vertical-align: top;
}
.gallery-box .btn .icon.arrow-left {right:8px; background-position: -280px -40px;}
.gallery-box .btn .icon.arrow-right {left:8px; background-position: -310px -40px;}


.gallery-box > .body {
	padding: 8px 30px;
	position:relative;
}
.gallery-box > .body > .wrap {
	white-space: nowrap;
	overflow: hidden;
}
.gallery-box > .body > .wrap > .gallery-item {
	display: inline-block;
	*display: inline; *zoom:1;
	margin-left: 10px;
}
.gallery-box > .body > .wrap > .gallery-item img {
	height: 70px; width: auto;
}
.gallery-box > .body > .wrap > .gallery-item:first-child {
	margin-left:0;
}

/* Gallery BIG */
.gallery-box.big .btn {
}
.gallery-box.big .btn.prev {padding-left:30px;}
.gallery-box.big .btn.next {padding-right:30px;}
.gallery-box.big .btn .icon.arrow-left {right:30px;}
.gallery-box.big .btn .icon.arrow-right {left:12px;}

.gallery-box.big > .body {
	padding: 0px 20px 30px 20px;
}
.gallery-box.big > .body > .wrap > .gallery-item {
	display: block;
	margin-left: 0px;
	text-align: center;
}
.gallery-box.big > .body > .wrap > .gallery-item img {
	max-height: 100%; max-width: 100%;
	height: auto;
	width: auto;
}

.widget-box.gallery .body .wrap.thumbnails
{
    /*margin: 15px 0px 0px 0px;*/
}




/***********************

        ISKALNIK

**********************/
.content-search .ui-tabs
{
    margin: 20px 0px 0px 0px;
    width: 100%;
}

.content-search .ui-tabs .ui-tabs-hide
{
    display: none;
}

.content-search .ui-tabs .ui-tabs-nav
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: #E6E7E8;
    list-style: none;
    height: 30px;
    
}

.content-search .ui-tabs .ui-tabs-nav li
{
    float: left;
    list-style: none;
}

.content-search .ui-tabs .ui-tabs-nav li a
{
    text-align: center;
    font-weight: bold;
    /*width: 100px;*/
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-decoration: none;
}
.content-search .ui-tabs .ui-tabs-nav li a:hover
{
    text-decoration: none;
}

.content-search .ui-tabs .ui-tabs-nav .ui-tabs-selected a
{
    background: #E63D2D;
    color: #ffffff;
    text-decoration: none;
}

.content-search .ui-tabs .ui-tabs-panel ul
{
    margin: 30px 0px 0px 0px;
    padding: 0px 10px;
    list-style: none;
}

.content-search .ui-tabs .ui-tabs-panel ul li
{
    padding: 0px 0px 10px 0px;
}

.content-search .ui-tabs .ui-tabs-panel ul li a
{
    font-weight: bold;
}

.content-search .ui-tabs .ui-tabs-panel ul li a:hover
{
    color: #E63D2D;
}

.content-search .ui-tabs .ui-tabs-panel ul li p
{
    margin: 0px 0px 0px 15px;
}


/***********************

        sitemap

**********************/
.sitemap ul
{
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

.sitemap ul li
{
    margin: 0px 0px 10px 0px;
}


/***********************

        ODSTEVALNIK

**********************/
.stevec
{
}

.stevec .odstevalnik_tekst
{
    /*width: 100%;*/
    margin: 5px 0px 0px 30px;
    float: left;
    position: relative;
}

.stevec .odstevalnik_tekst .odstevalnik_box:first-child
{
    border: none;
}

.stevec .odstevalnik_tekst .odstevalnik_box
{
    border-left: solid 1px #d3d4d5;
    float: left;
    width: 60px;
    position: relative;
    top: 10px;
}

.stevec .text
{
    position: absolute;
    font-size: 14px;
    color: #bbbdbf;
    font-family: ES-Regular, Arial;
    display: block;
    width: 100%;
    text-align: center;
    top: -8px;
}

.stevec .number
{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 32px;
    font-family: ES-Regular, Arial;
    color: #6d6e70;
    line-height: 32px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}

/***********************

        PODMENI

**********************/
.submenu
{
    list-style: square url("/html/default/library/images/list-style.jpg");
    margin: 15px 0px 40px 18px;
    padding: 0px;
}

.submenu li
{
    padding: 0px 0px 8px 10px;
}

.submenu li a
{
    color: #231f20;
    font-size: 14px;
    font-weight: bold;
}

.red .submenu li a:hover,
.red .submenu li a.active
{
    color: #e63d2d;
}

.blue .submenu li a:hover,
.blue .submenu li a.active
{
    color: #006EBD;
}


/***********************

        CONTACTFORM

**********************/
.contactform
{
    width: 100%;
}

.contactform .vrstica
{
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
}

.contactform .vrstica .vrsticaopis
{
    width: 120px;
    float: left;
    line-height: 31px;
}

.contactform .vrstica .vrsticavnos
{
    width: 500px;
    float: left;
}

.contactform .vrstica .vrsticavnos input
{
    border: solid 1px #D9DBDC;
    width: 498px;
    padding: 5px;
}

.contactform .vrstica .vrsticavnos textarea
{
    border: solid 1px #D9DBDC;
    width: 498px;
    padding: 5px;
    height: 80px;
}

.contactform .vrstica .vrsticavnos select
{
    border: solid 1px #D9DBDC;
    width: 510px;
    padding: 5px;
}

.contactform .vrstica  a
{
    border: none;
    color: #ffffff !important;
    cursor: pointer;
    display: block;
    float: right;
    font-family: ES-Regular, Arial;
    font-size: 14px;
    height: 33px;
    line-height: 36px;
    outline: none;
    padding: 0px 10px;
    text-transform: uppercase;
}

.red .contactform .vrstica a
{
    background: #E63D2D;
}

.blue .contactform .vrstica a
{
    background: #006EBD;
}

.pomembno
{
    
    font-family: ES-Bold, Arial;
    font-size: 20px;
    display: inline-block;
}
 
.blue .pomembno
{
    color: #006EBD;
   
}

.red .pomembno
{
    color: #E63D2D;
}

table .button
{
    float: none;
    display: inline-block;
}


/******************************************

    POKAL

******************************************/
.pokal
{
    width: 100%;
    float: left;
}

.pokal table
{
    width: 100%;
    font-size: 11px;
}

.pokal table tr th,
.pokal table tr td
{
    padding: 3px 3px 3px 3px;
}
/*
.pokal table tr td:last-child
{
    padding: 3px 0px 3px 5px;
}

.pokal table tr td:first-child
{
    padding: 3px 5px 3px 0px;
}*/

.pokal .levo
{
    width: 620px;
    float: left;
}

.pokal .desno
{
    float: right;
    width: 300px;
}

.pokal .mid-left
{
    width: 350px;
    float: left;
}

.pokal .mid-right
{
    width: 230px;
    float: right;
}

.pokal .nav
{
    border-bottom: 4px solid #ededee;
    float: left;
    width: 100%;
    margin: 0px 0px 40px 0px;
}

.pokal .nav .nav-btn
{
    background: #f6f6f6;
    display: block;
    float: right;
    font-weight: bold;
    padding: 5px 10px;
}

.pokal .nav .nav-btn.active,
.pokal .nav .nav-btn:hover
{
    background: #ededee;
    color: #e63d2d;
}

.pokal table.usr-skupaj tr:last-child td
{
    border-top: solid 2px #D3D4D5;
    font-weight: bold;
}

/********************************************** 

		ADDCOMMENTS

***********************************************/
.addcomments
{
}

.addcomments .addcomnaslov
{
    margin: 10px 0px 10px 0px;
}

.addcomments input
{
    width: 400px;
    padding: 0px 5px;
    margin: 0px;
    height: 27px;
    font-size: 12px;
    color: #58595b;
    border: 1px solid #828384;
    background: #ffffff;
    font-family: Tahoma;
    margin: 0px 0px 15px 0px;
}

.addcomments textarea
{
    width: 400px;
    padding: 5px;
    margin: 0px;
    height: 80px;
    font-size: 12px;
    color: #58595b;
    border: 1px solid #828384;
    background: #ffffff;
    font-family: Tahoma;
}
/*
.addcomments a
{
   
    color: #d0d2d3;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin: 20px 0px 20px 0px;
    padding: 4px 0px 4px 30px;
    text-transform: uppercase;
    float: left;
}

.addcomments a:hover
{
   
    color: #aac02c;
    text-decoration: none;
}*/

.commentDelete {
	position:relative;
}

.commentDelete a{
	border:0px solid #000;
	text-align:center;
	text-decoration:none;
	right:-10px;
	top:-10px;
	width:15px;
	height:35px;
	color:#fff;
	position:absolute;
	background-color:#000;
	}

.commentDelete a:hover{
	color:#fff;
	background-color:#E63D2D;
	}
	
/********************************************** 

		COMMENTS

***********************************************/
.comments
{
    width: 520px;
    border-top: 3px solid #828384;
    float: left;
}

.comments .comment
{
    border: 1px solid #828384;
    float: left;
    width: 480px;
    padding: 10px;
    margin: 10px;
}
.comments .comhead
{
    width: 480px;
    float: left;
    border-bottom: 1px dashed #828384;
    padding: 0px 0px 5px 0px;
}

.comments .comname
{
    float: left;
    color: #aaaaaa;
}

.comments .comdate
{
    float: right;
      color: #aaaaaa;
}

.comments .comcomment
{
    padding: 10px 0px 10px 0px;
    float: left;
    color: #A6A8AB;
}


/********************************************** 

		ANKETA / POLL

***********************************************/


div.poll
{
    background: url(/html/default/library/images/poll_bg.png) 0 100% repeat-x;
    min-height: 150px;
    margin-top: 17px;
}

div.poll .naslov
{
    color: #E73D2E;
    font-size: 16px;
    padding-left: 13px;
}


.pollanswer h3
{
    margin: 0px;
    padding: 0px 0px 20px 0px;
    font-size: 16px;
    color: #E73D2E;
        font-weight:bold;
}

.pollanswer .pollleft
{
    float: left;
    width: 650px;
}

.pollanswer .pollleft .lodgovor
{
    margin: 0px 0px 20px 0px;
    float: left;
}

.pollanswer .pollleft .lodgovor .ltext
{
    float: left;
    width: 250px;
}

.pollanswer .pollleft .lodgovor .lnum
{
    float: left;
    width: 30px;
    text-align: right;
    margin: 0px 10px 0px 20px;
}

.pollanswer .pollleft .lodgovor .lprocent
{
    float: left;
    width: 40px;
    text-align: right;
    margin: 0px 20px 0px 10px;
}

.pollanswer .pollleft .lodgovor .lrezultati
{
    float: left;
    width: 198px;
    background: #ffffff;
    display: block;
    height: 14px;
    border: solid 1px #B0B8BF;
}

.pollanswer .pollright
{
    float: right;
    width: 200px;
    border:1px solid red;
}

.pollanswer .pollright .pollselect select
{
    width: 200px;
    font-size: 11px;
    height:18px;
    color:#6D6E70;
}

.pollanswer .pollright .pollselect
{
   /* background: url(/html/default/library/images/poll_archive.png) no-repeat top right;*/
    height: 19px;
}

div.odgovori td
{
    line-height: 18px;
    height: 29px;
    padding-left: 8px;
}

div.odgovori
{
    margin-left: 7px;
    margin-top: 9px;
}

div.pollstableborder td label
{
    color: #002e66;
    font-size: 12px;
    padding-left: -10px;
}

div.poll div.button
{
    padding-top: 5px;
    padding-bottom: 14px;
    float: left;
}

div.poll .vote
{
    margin-left: 19px;
   /* background: url(/html/default/library/images/vote.png) no-repeat;*/
    display: block;
    float: left;
    height: 19px;
    width: 165px;
}
div.poll .results
{
    margin-left: 100px;
    /*background: url(/html/default/library/images/results.png) no-repeat;*/
    display: block;
    float: left;
    width: 60px;
    height: 19px;
}

div.poll div.poll
{
    background: none;
    padding: 0;
    margin: 0;
}
div.poll div.pollstableborder
{
    margin-bottom: 20px;
    padding: 0;
    margin: 0;
}
div.poll div.pollstableborder td
{
    line-height: 25px;
}
div.poll div.pollstableborder td.question
{
    width: 100px;
    padding: 0;
    margin: 0;
}
div.poll div.pollstableborder td.td_1
{
    width: 30px;
}
div.poll div.pollstableborder td.td_2
{
    width: 30px;
}
div.poll div.pollstableborder td.td_3
{
    width: 180px;
}
.poll span.space
{
    padding-right: 14px;
    padding-left: 14px;
    background: url(/html/default/library/images/poll_space.png) no-repeat 50% 50%;
}
.poll span.text
{
    padding-right: 8px;
}
div.poll h3
{
    margin: 0;
    height: 35px;
    padding-bottom: 3px;
    font-size: 16px;
    color: #002e66;
}
dl.poll
{
    font-weight: bold;
    color: #E73D2E;
    margin: 26px 0 10px 0;
}
div.poll label
{
    font-size: 12px;
    color: #334858;
}

form#poll
{
    background: #FFFFFF url(/html/default/library/images/poll_archive.png) no-repeat scroll 100% 50%;
    width: 400px;
}

form#poll select
{
    opacity: 0.0;
    font-size: 11px;
    width: 196px;
    filter: alpha(opacity = 0);
    -moz-opacity: 0;
}


/***********************************

    GALERIJA LIST

************************************/
.galerija-list
{
    width: 100%;
}

.galerija-list .galPic
{
    margin: 0px 18px 32px 18px;
}

.galerija-list .pager
{
    margin: 0px 22px 0px 0px;
}

/***********************************

    PAGER

************************************/

.pager
{
    float: right;
    margin: 10px 0px 0px 0px;
}

.pager.toppager
{
    margin: 0px 0px 10px 0px;
}

.pager a
{
    color: #6D6E70;
    margin: 0px 0px 0px 5px;
    background: #D7D8DA;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    float: left;
    text-align: center;
}

.pager a:hover,
.pager a.active
{
    text-decoration: none;
    font-weight: bold;
    color: #E63D2D;
}

.pager a.next
{
    font-size: 20px;
    line-height: 16px;
    font-weight: bold;
}

.pager a.next:hover,
.pager a.next.active
{
    text-decoration: none;
    color: #E63D2D;
}

.pager .sepa
{
    color: #6D6E70;
    margin: 0px 0px 0px 5px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    font-size: 14px;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
}