@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; line-height: 1.231; min-width: 240px; font-size: 90%; font-weight: normal; background: #50b1e8; }
body, button, input, select, textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #494949; }







/* =============================================================================
   Links
   ========================================================================== */

a {  }
a:visited { color: #015080; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 2px solid; margin: 2em 0; padding: 1% 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px;  }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }


/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical;width: 169px; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {   color:#FF0000;
}


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; 
        position: relative; }
td { vertical-align: top; }

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd, address, blockquote {
    margin: 0;
    padding: 0;
}

#ozadje {
    margin-top: 20px;
}

h2 {
    font-size: 2.8em;
    line-height: 1.14286em;
    margin: 0 0 5px;
}
.search {
    margin:10px 0;
}

a.back {
    color:#fff; 
    text-decoration:none; 
    text-transform:uppercase;
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

a.back:hover {
      -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

a.forward {
    color:#fff; 
    text-decoration:none; 
    text-transform:uppercase;
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

a.forward:hover {
      -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

img.floatIMG {
    float: left;
    padding-right: 1em;
}

dt {
    margin: 0 0 .5em;
    font-size: .9em;
    color: #155575;
    font-weight: bold;
}

dd {
    margin: 0 0 1em;
    font-size: .9em;
    padding: 0;
}

#left h2 {
    font-size: 1em;
    color: #003366;
    margin-bottom: .5em;
}

.prince img, .otroske img, .svetovne img  {
    display: block;
    margin-bottom: 0;
}

p.caption {
    font-style: italic;
    text-align: right;
}

#footer {
    text-align: left;
    border-top: 1px solid #00aae0;
    padding: 5px 0 0px 0;
}

.foot {
    height: 436px;
    position: relative;
    top: 188px;
    z-index: -1;
}

#footer a {
    text-decoration: none;
    color: #555;
}

#footer p {
    font-size:0.8em;
    text-decoration: none;
    color: #555;

}

.cat_warning li { list-style: none; line-height: 25px; color: brown; }

ul.author li a {text-decoration:none; color:#000099}

ol, ul {
    list-style: none outside none;
}

#contact_form {
    position: relative;
    background-color: #d5eaf4;
    color: #494949;
    border-radius: 5px 5px 5px 5px;
    padding:  0 9px;
}

#contact_form h2 span {
    background: none repeat scroll 0 0 #d5eaf4;
    color: #FFFFFF;
    display: block;
    padding: 0px;
    font-size: 1.1em;
}

#contact_form a {
    background: none repeat scroll 0 0 #d5eaf4;
    display: block;
    padding: 3px 0;
    text-decoration: none;
}

#contact_form h2  {
    font-size: 1.231em;
    font-weight: bold;
}

#contact_form .forgot {
    margin-top: 10px;
    width: 150px;
    text-align: left;
}

.registerform { margin-bottom: 7px;}

.registerform span { margin-bottom: 7px;}

.txtinput_enaslov, .txtinput_ime {
    background: #fff;
    border: medium none;
    color: #333333;
    font-size: 12px;
    height: 20px;
    outline: medium none;
    width: 100%;
}

.submit-button1 {
    background-color: #fff;
    border: 1px solid #d5eaf4;
    font-size: 20px;
}

#register {
    border: medium none;
    color: #FFFFFF;
    margin-top: 2px;
    outline: medium none;
}

#register li {
    border: medium none !important;
    color: #FFFFFF!important;
    margin-top: 2px!important;
    outline: medium none!important;
}

#register a {
    margin-top: 10px;
}

#kat h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 6px;
    text-align: center;
}

.albumi h2 {
    border-bottom: 1px solid #E5E5E5;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 6px;
    text-align: center;

}

.albumi_one h2 {
    /*border-bottom: 1px solid #E5E5E5;*/
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 6px;
    text-align: center;

}

.albumi_one, #kat {
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
}

#kat h3{
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0 0 0 16px;
    overflow: hidden;
    padding: 0 0 0 12px;
    text-decoration: none;
    color: #fff;
}


.records a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #50B1E8;
    color: #0057A8;
    display: block;
    font-family: trebuchet ms;
    font-size: 18px;
    line-height: 22px;
    padding: 7px 12px;
    text-decoration: none;
}

#kat li {
    text-decoration: none;
    color:#333;
    outline: medium none;
}

.dash_left #kat li.records a {
    padding: 5px; 
    border: 1px solid #e5e5e5;
}

#kat {
    background: none repeat scroll 0 0 rgba(0, 150, 36, 0.5);
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 3px;
    position: relative;

}

.albumi {
    border-radius: 5px;
    margin-bottom: 8px;
    position: relative;
}


.albumi_one {
    border-radius: 4px;
    color: #FFFFFF;
    margin-bottom: 8px;
    padding: 5px 3px;
    position: relative;
    background: none repeat scroll 0 0 #F49B00;
}

.naprave_front {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #0096cb;
    border-radius: 5px;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 0;
    text-align: center;}

.dobrodosli { background: #d5eaf4; border: 4px solid #fff; border-radius: 5px 5px 5px 5px;  margin-bottom: 8px;   line-height: 18px;}
.zapisi { background: #d5eaf4; border: 4px solid #fff; border-radius: 5px 5px 5px 5px;  margin-bottom: 8px;   line-height: 18px;}
.avt { background: #d5eaf4; border: 4px solid #fff; border-radius: 5px 5px 5px 5px;  margin-bottom: 8px;   line-height: 18px;}

.pobarpravljice {
    background: none repeat scroll 0 0 #d5eaf4;
    border-radius: 3px;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 9px;
    text-align: center;
}

.pobarpravljice a {
    color: #494949;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1em;
    padding-left: 10px;
    text-align: center;
    text-decoration: none;
}
.pobarpravljice:hover {
    background-color: #fff;  
}

.pobarpravljice .promo a {
    background: url("/assets/img/arrow.png") no-repeat scroll 10px 3px transparent;
    color: #015080;
    display: block;
    font-size: 17px !important;
    font-weight: bold;
    height: 24px;
    margin: 0;
    overflow: hidden;
    padding: 0 25px;
}

.pobarpravljice p {
    text-align: left;
    padding: 8px;
}

.pobarpravljice h3 {
    margin-bottom: 6px;
}

.pobarpravljice_modra {
    background: none repeat scroll 0 0 #0057A8;
    border: 4px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 9px;
    text-align: center;
}

.pobarpravljice_zelena {
    background: none repeat scroll 0 0 #009624;
    border: 4px solid #0899ce;
    border-radius: 5px 5px 5px 5px;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 9px;
    text-align: center;
}

div.fullwidth { position:relative; margin: 5% auto 1% auto; padding: 2% 3%; width: 89%; }
div.fullwidth p { margin-bottom:1em; line-height:1.6em; font-size:15px; }
div.fullwidth H1 { border-bottom:2px solid; padding-bottom: 10px; line-height:1.3em;  }
div.fullwidth H3 { padding: 30px 5px 5px 5px; line-height:1.3em;  }
div.fullwidth .stolpec { float:left; width: 48%; }
div.fullwidth .divider { float:left; width: 4%; }
div.fullwidth input#button { background:url('/assets/img/btn.png') no-repeat; cursor:pointer; 
                             width:183px; height:31px; border:none; color:#fff; font-weight:bold; 
                             margin-top:16px; box-shadow: 4px 4px rgba(0, 0, 0, 0.05);}

img.form { width: 80%; margin:5px; border-width: 10px; border-style: solid }
img.on { border-color: #494949}
img.off { border-color: transparent}

/* TO DO: tole prenesti na vse ostale strani polne širine */

div.white p, div.white h1 { color:#fff }

.pametnitelefoni { background: #d5eaf4;   border: 4px solid #fff; border-radius: 5px 5px 5px 5px;  margin-bottom: 8px;   line-height: 18px;}

.dobrodosli a {
    color: #0899ce;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1em;
    padding-bottom: 0px;
    text-decoration: none;
}
.zapisi a {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1em;
    padding-bottom: 15px;
    text-decoration: none;
}

.avt a {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1em;
    padding-bottom: 15px;
    text-decoration: none;
}

.pametnitelefoni a {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1em;
    padding-bottom: 15px;
    text-decoration: none;
}

.zapisi p {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 13px;
    padding: 8px;
}

.dobrodosli p {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 13px;
    padding: 8px;
}
.avt p {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 13px;
    padding: 6px 11px;
}

.pametnitelefoni p {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 13px;
    padding: 8px;
}



.pametnitelefoni { background: #015080;}

#log_in {
    background: none repeat scroll 0 0 #FE2E4E;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    position: relative;
    width: 100%;
}

#log_in ul {
    float:right;

}

#log_in a {

    padding: 0 8px;
    text-transform: uppercase;
    color: #fff;
    text-decoration:none;
}

#log_in a:hover {
    color:#000;
}

#isci {
    background: none repeat scroll 0 0 #EF6269;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
    margin-right: 0;
    margin-top: 0%;
    padding: 9px;
    height: 42px;
}

#jole {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);

    margin-right: 0;
    margin-top: 0;
    padding: 9px;
    float: right;


}

.search_button {
    background: url('./../../assets/img/search_icon.png') no-repeat; 
    width: 21px;
    height: 21px;
    border: none;
    right: 4px;
}

#search_btn {
    border: none;
    background: none;
    color: white;
    vertical-align: top;
    font-size: 1.4em;
    padding-left: 0px;
}

.search_field {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    padding: 4px 5px 4px 13px;
    width: 184px;
    color: #000;
}

#iskalnik {
    width: 250px;
}

.krona {
    float: right;
    margin-left: 10%;
    margin-top: -106px;
    position: relative;
    float:right;
}

.title {  
    position: relative;
    top: 0;
}

#logo {
    float: left;    
    padding-bottom: 0;
    padding-top: 1%;
}

#vrh { 
    background:url('/assets/img/tenda.png');  min-height: 163px; z-index:-1;
}

#letalo { 
    background:url('/assets/img/letalo.png'); background-repeat: no-repeat;  min-height: 163px; z-index:-1;
}

.tenda { 
    background-image:url('/assets/img/tenda.png');}

#left_player, #center, .right {
    opacity: 0.9;
}

#predvajalnik {
    display: block;
    background: none repeat scroll 0 0 rgba(8, 94, 176, 0.5);
    border-radius: 0 0 4px 4px;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
    text-align: center;
    padding: 10px 0 30px 0;
}

#predvajalnik a {
    position: relative;
}

.panika_player_play_pause {
    display: inline-block;
    background: url("/assets/img/play_button.png") no-repeat scroll 0 0 transparent;
    width: 55px;
    height: 67px;
}

.panika_player_play_pause a {
    text-align: center;
}

.panika_player_next {
    display: inline-block;
    float:right;
    background: url("/assets/img/control_next.png") no-repeat scroll 0 0 transparent;
    height: 33px;
    margin-right: 20%;
    margin-top: 5%;
    width: 29px;
}

.panika_player_back {
    display: inline-block;
    float:left;
    background: url("/assets/img/control_prev.png") no-repeat scroll 0 0 transparent;
    height: 33px;
    margin-left: 20%;
    margin-top: 5%;
    width: 29px;
}

.active {
    background: url("/assets/img/pause_button.png") no-repeat scroll 0 0 transparent;
    width: 59px;
    height: 67px;
}

.message {
    color: black;
    font-size: 24px;
    margin-bottom: 35px;
    padding: 20px 0 20px 2%;
}

#slikca {
    background: none repeat scroll 0 0 rgba(8, 94, 176, 0.5);
    padding: 12px;
    border-radius:  4px 4px 0 0;
    box-shadow: 4px 0px rgba(0, 0, 0, 0.05);
    text-align: center;

}

#info {
    color: #fff;
    padding: 3px;
    vertical-align: bottom;
    z-index: 1;
    overflow: hidden;
    background-color: rgba(8, 94, 176, 0.5);
    box-shadow: 4px 0px rgba(0, 0, 0, 0.05);
}
#info h3 {
    text-align: center;
    height: 38px;

}
#info .panika_player_star {
    float:left;
    padding-left: 10px;
    width: 30px;
    height: 38px;
    font-size: 26px;
    line-height: 20px;
    display:none;
}
#info a.rumena { text-decoration: none; }

#bottom_right h3 {
    background: none repeat scroll 0 0 #ef6269;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
    padding: 2%;
    color: #fff;
    margin-left: 1%;
    margin-right: 3%;
}

img.login_dva {
    display: block;
    left: 12%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 0;
    z-index: -1;
}

.glavni_meni ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

.glavni_meni img {
    float: left;
    height: 27px;

}
.glavni_meni li {
    border-radius: 8px 8px 8px 8px;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
    float: left;
    margin-bottom: 6%;
    margin-right: 20px;
    margin-top: 0;
    padding: 17px;
    text-decoration: none;
    min-width: 180px;
}


.glavni_meni ul li a {
    display:block;
    font-size: 24px;


    color:#fff;
    text-decoration:none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-weight: bold;
    /*   font-size: 1.3em;*/
}

.glavni_meni ul li a:hover {

    color:#000;
} 

.glavni_meni {
    float: left;
    margin-left: 0;
    margin-top: 0px;
}

#header_bar {
    color: #FFFFFF;
    height: 0px;
    width: 100%;

}

#header_bar .bar_container {
    margin: 0 auto;
    padding: 0 5px;
    position: relative;
    z-index: 4000;
}

#header_bar .sign_in_status {
    top: 2px;
    right: 9px;
    float: right;

}

#header_bar .sign_in li {
    border-left: 1px dotted #528DC6;
    float: left;
    height: 11px;

    padding-left: 10px;
    font-weight: bold;

}

.sign_in li a{
    color: #015080 !important; 

}

#header_bar .sign_in a {
    border-left: 1px dotted #528DC6;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 9px;
    margin-top: 7px;
    padding: 2px 5px;
    text-decoration: none;
    text-transform: uppercase;
}

#header_bar .tv_social li {
    display: inline;
}

#header_bar .sign_in li:first-child {
    border: medium none;
    margin-top: 2px;
    padding-left: 0;
}
#header_bar .sign_in a:hover {
    color: #000;

}

.backend {
    position: relative;
    margin: 1.5% auto;
    padding-bottom: 1px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.pagination {margin: 10px; font-size:17px;}
.pagination a { background-color:#145180; padding: 3px 8px; margin:2px; color:#fff;  text-decoration:none;
border-radius: 30px;}
.pagination a:hover { background-color:#FED459; color:#000}
.pagination strong {padding: 2px 7px; background-color:#fff; color:#494949; border: 2px solid #145180; border-radius: 30px;}

#profile_header {
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: #3F51B5;
    padding: 16px 24px;
    margin-bottom: 10px;
    box-shadow: 0 0, 0 3px 6px rgba(0,0,0,0.23);
    
}
#profile_header a, .profile_right a, .profile_center a { text-decoration:none; }
#profile_header a:hover, .profile_right a:hover, .profile_center a:hover {text-decoration:underline;}
#profile_body { color: #222; padding: 30px 30px 30px 76px; }
.backend_header_title { padding-left: 20px; font-size: 24px; }
.backend_header_title a { color: white; }
.backend_header_record_id {padding-right: 12px; font-size: 24px; vertical-align: top;}
.backend_header_options {}
.backend_header_options a {
    float:right;
    display: inline-block;
    color: white; 
    transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.backend_header_options a:hover {-webkit-transform: scale(1.2); transform: scale(1.2); color: #8C9EFF}

.profile_sub { color: #015080; font-size: 16px; margin-bottom: 10px; font-weight: bold;}
.profile_item { padding-top: 15px; margin-top: 13px; border-top: 1px #aaa solid; }
.profile_center td { padding-top: 12px; padding-bottom: 10px; border-top: 1px #aaa solid; }
.profile_left { color:#000; float: left; width: 20% }
.profile_center { color:#555; float: left; }
.profile_center table { width:100%; margin: 0 auto;}
.profile_center td, .profile_center th { text-align: center;}
.profile_center .pagination a{ background-color: #eee; color: #555; font-size: 13px; border-radius: 5px;}
.profile_center .pagination strong {color: #555; font-size: 13px; background-color: #bbb; border-radius: 5px;}
.profile_right  { color:#333; float: right;  }

nav.subnavigation {
    line-height: 1.5em; 
    margin: 10px 10px 15px 10px;
}

a.table_id, a.table_id_active {
    display: block;
    border-radius: 20px;
    background-color:#ddd; 
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #000;
}

a.table_id_active {
    background-color: #afa;
}

a.table_id:hover, a.table_id_active:hover {
    background-color:#145180; 
    color: #ffffff;
}
.registracija a {
    border-left: 1px solid;
    color: #EF6269;
    float: right;
    font-size: 16px;
    margin-right: 3px;
    margin-top: 5px;
    padding: 0 8px;
    position: relative;
    text-decoration: none;
}

.main-menu ul {
    margin:0;
}
.main-menu li ul {
    padding-top:2px;
    left:-2px;
}

.main-menu li {
    white-space:nowrap;
    display:block;
    position:relative;
    margin-bottom:10px;
    padding:0;
    z-index:100;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
}
.main-menu a {
    color: #fff;
    font-family: "Helvetica neue",Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-right: 10px;
    position: relative;
    text-decoration:none;
    text-transform: uppercase;

}
.main-menu a:hover {
    text-decoration:none;
    color:#333;
}
.main-menu > ul > li:last-child {
    margin-right:0;
}
.main-menu li ul {
    display:none;
    position:absolute;
    top:100%;
    z-index:100;
}
.main-menu li:hover > ul {
    display:block;
}

.pozabil a { color: #fff !important;  font-size: 0.9em !important; text-decoration:underline;}

.scroll-pane
{
    height: 174px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}


.zaavtorje {
    background-color: #FFFFFF !important;
    border: 1px solid #015080 !important;
    color: #175E81 !important;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 20px; 
    color: #015080 !important;
    text-transform:uppercase!important;
    text-decoration: none!important;
}

.vpisise {
    background-color: #FFFFFF !important;
    border: 1px solid #015080 !important;
    color: #175E81 !important;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 20px; 
    color: #015080 !important;
    text-transform:uppercase!important;
    text-decoration: none!important;
}
.rdeca {color: red; font-size: 80%}
star {color: red;}
.vpis_input {
    float: right; 
    height:28px;
    margin-top: 9px;
}
.vpisise a:hover{
    color: #175E81 !important;
}

.facebook {
    float: left;
    margin: 1px 14px;
    font-size: 19px;
    text-decoration: none;
    line-height: 23px;
}

.facebook_likes { color: #5a5a5a; }

/* Vsi ustvarjalci in albumi */

div.pesmi_thumb {float: left; margin: 30px 18px 0; height:235px; background-color: white;}
div.pesmi_thumb img {width: 150px; height:150px;}
div.counter {margin-top: 10px; font-size: 12px;}
div.pesmice {float:left;}
div.pravljice {float:right;}
div.album_title {width: 150px; height: 60px; margin:0 auto; }
div.creator_title {width:150px; height: 30px; margin-bottom: 10px; }

.pancek-main-menu {        text-transform: uppercase; }
/* Panček V4.0 */

.p4_seznam {
    text-align: left;
    position: relative;
    margin: 0 auto 20px auto;
}
.p4_seznam a {
    text-decoration: none; 
    color: #494949; 
}
.p4_title_cluster {
    position: relative;
    padding: 20px 10px 0px 0px;
}
.p4_list_cluster {
    position: relative;
    max-height: 230px;
    overflow: hidden;
}
.p4_list_title {
    line-height: 1.3em;
    font-size: 2em;
}
a.p4_button_more {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 3px;
    padding: 5px;
    background: #145180;
    color: #fff;
    font-size: 1.2em;
}
a.p4_button_more:hover {
    background-color: #00aae0;
}
.p4_povezava {
    height: 210px;
    width: 150px;
    position: absolute;
}
.p4_card {
    float: left;
    background-color: #d5eaf4;
    margin-right: 10px;
    margin-top: 25px;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    height: 230px;
    width: 150px;
    overflow: hidden;
}
.p4_image {
/*    width: 80%;
    margin: 15px auto; */
}
.p4_album_title {
    margin: 5px;
    overflow: hidden;
    max-height: 19px;
    width: 140px;
    font-size: 16px;
    position: absolute;
}

.p4_creator_title {
    font-size: 12px;
    margin:24px 5px;
    position: absolute;
    color: #145180;
    width: 130px;
    max-height: 15px;
    overflow: hidden;
}
.p4_card .p4_album_title .p4_paragraph-end {
    height: 19px;
    width: 80px;
    float:right;
}
.p4_paragraph-end {
/*    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');*/

    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(213, 234, 244, 0)),color-stop(100%,rgba(213, 234, 244, 1)));
    background-image: -webkit-linear-gradient(left,rgba(213, 234, 244, 0),rgba(213, 234, 244, 1));
    background-image: -moz-linear-gradient(left,rgba(213, 234, 244, 0),rgba(213, 234, 244, 1));
    background-image: -ms-linear-gradient(left,rgba(213, 234, 244, 0),rgba(213, 234, 244, 1));
    background-image: -o-linear-gradient(left,rgba(213, 234, 244, 0),rgba(213, 234, 244, 1));
    background: linear-gradient(to right,rgba(213, 234, 244, 0),rgba(213, 234, 244, 1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00d5eaf4',EndColorStr='#d5eaf4');
    bottom: 0;
    height: 25px;
    max-height: 100%;
    position: absolute;
    right: 0;
    width: 60px;
}

.p4_login_links {
     display: block;
     height: 45px;
     margin: 20px auto;
}

.p4_inner_wrapper {
	padding:10px;
	margin:0 auto;
	overflow:hidden;
        background: white;
        border-radius: 5px;
}
.p4_inner_wrapper a {
    text-decoration: none;
}

.p4_inner_wrapper h3 {
    margin: 25px 20px 5px 20px;
}
.p4_inner_wrapper ul{
	margin:10px 20px 20px;
	overflow:hidden;
	border-top:1px solid #ddd;
        
}
.p4_inner_wrapper li{
	line-height:1.5em;
	border-bottom:1px solid #ddd;
	float:left;
	display:inline;
}
.p4_double li	{ width:50%;}
.p4_triple li	{ width:33.33333%;}
.p4_inner_wrapper input#name {
    width:99%;
}

.p4_ways_to_pay {
    width:100%;
    text-align: center; 
}
.p4_pay {
    width:47%;
    float:left;
    margin: 1%;
    padding: 0 0 15px 0;
    border: 1px solid #555;
   
}
.p4_pay_heading {
    font-weight: bold; 
    background-color: #FFF; 
    color:#000; 
    margin-bottom: 20px;
    padding: 5px 0;
}
.p4_pay_body {
}

.p4_payments_advice {
    clear:both;
}
.p4_help {
    font-size: 11px 
}

div.right h2 a {text-decoration: none; color: #fff;}
div.right h2 a:hover {color: #3C12A2;}