/* -------------------- tag styles --------------------*/
* {font-family: verdana; font-size: 12px; color:#3d3d3d;}
.ffg {font-family: georgia;}
.fft {font-family: tahoma;}
html,body {margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px; font-size:0px;}
form {margin:0px; padding:0px; display:inline; }

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: silver;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {}
a:hover {text-decoration:none;}
a:focus {outline: none;}
a:active {}
a:visited {}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.p {cursor:pointer;}

.dfn {text-decoration:none;}
.dfu {text-decoration:underline;}

.none {display: none;}
.block {display: block;}
.inline {display:inline;}

.hide {visibility: hidden;}
.show {visibility: visible;}
.nowrap {white-space: nowrap;}
.fail {background: #FFBFBF;}
.alert {color: #444444;}
.error {color: #990000;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}
.clear {clear:both;}  

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}

.white {color:white;}
.black {color:black;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #3d3d3d;} /*gray*/
.fc4 {color: #CE8E4E;} /*oranzna*/
.fc5 {color: #ebebeb;} /*svetlo siva*/
.fc6 {color: #222222;} /*temnosiva*/
.fc7 {color: #C4BF93;} /*sampagne*/
.fc8 {color: #8d8c8c;} /*sampagne*/
.fc9 {color: #faeabb;} /*sampagne*/
.fcon2{color:#D0B145;} /*old gold*/
.fcon{color:#74705c;} /*old gold*/


.w860 {width:860px;}
.w720 {width:720px;}
.w400 {width:400px; text-align:left;}
.w305 {width:305px;}
.w200 {width:300px; list-style-type:none; text-align:center;}

.ls20 {letter-spacing: 0.02em;}
.ls25 {letter-spacing: 0.025em;}
.ls39 {letter-spacing: 0.039em;}
.ls75 {letter-spacing: 0.075em;}
.ls100 {letter-spacing: 0.100em;}

.lh17 {line-height: 17px;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}

.mt15{padding-top:15px;}
.mt20{margin-top:20px;}
.mb5{margin-bottom:5px;}
.m0a{margin:0 auto;}
.p0{padding:0;}

.db{display:block;}

.hand{cursor:pointer;}

.tdn{text-decoration:none;}

/* -------------------------------------------------------------------------------------------*/

/* -------------------- HEAD start --------------------*/
div#header {
/*background: #9e9c9c url(../images/bck_header.jpg) top left repeat-x;*/
height:277px;
margin: 0;padding:0;
}
div#head {width: 959px; height: 287px; margin: 0 auto; padding:0; background:#c3c2c2  url(../images/bck_notranja-oprema-proambient_head.jpg) top left no-repeat; position:relative;}
div#head  .logo{top:31px; left:10px; width:619px; height:62px;}
div#head  .studio{top:-19px; left:274px; width:320px; height:62px;}
div#head  .logotext{top:50px; left:353px; font-size:18px;}
div#head  .lang{top:5px; right:11px; text-align:right; color:#ffffff;}
div#head  .meni{top:90px; left:0px; background: url(../images/bck_proambient-meni.gif) no-repeat; width:959px; height:62px; margin:0; padding:13px 0 0 0;}
div#head  .meni li{display:inline; text-align:left; margin:0; list-style-type: none;}
div#head  .meni li a{color:#ebebeb; text-align:left; font-size:13px; font-weight:bold; text-decoration: none;}
div#head  .meni li a.on{color:#faeabb;}
div#head  div a.on{color:#faeabb;}
div#head  div a.on2{color:#74705c; font-weight:bold;}
div#head  .slika {top:153px; left:0px;}
div#head  .lang {position:absolute; top:5px; right:11px;}
div#head  .lang a{text-decoration:none; margin-left:10px; font-size:10px; color:#ffffff; font-weight:bold;}
div#head #banner_1{position: absolute; top:173px; left:10px; border:#ccc 1px outset; font-size:0px; }
div#head #banner_1 a{font-size:0px; }
div#head #rss{width: 191px; height: 91px; top:173px; right:10px; background:#c3c2c2  url(../images/bck_rss.gif) top left no-repeat; position:absolute;}
div#head #rss .rss{width: 33px; height: 33px; top:-1px; left:7px; position:relative;}
div#head #rss .FB{width: 35px; height: 35px; top:-1px; left: 9px; position:relative;}
div#head #rss .najdi{width: 40px; height: 40px; top:7px; left:72px; position:relative;}
div#path {top:132px; left:19px;}
div#path  a{font-size:11px;}

div#head h1 {
top: 104px;
left: 0;
}

div#head ul {
top: 104px;
right: 15px;
height: 18px;
margin: 0;
padding: 0;
list-style-type: none;
}

div#head ul li.first {
float: left;
background: none;
padding-left:10px;
}

div#head ul li {
float: left;
background: url(../images/menu_separator.gif) no-repeat left center;
}

div#head ul li a {
display: block;
float: left;
height: 17px;
line-height: 17px;
text-decoration: none;
margin: 0 8px;
padding: 0 10px;
display:inline;
}

.fb-like {position: relative; top:21px; left:8px;}

img#myportal_logo {
top: 183px;
left: 0;
}

img#myportal_butterfly {
top: 126px;
right: 0;
}
/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#content {/*background:#fff;*/}
div#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background:#c3c2c2 url(../images/bck.gif) left top repeat-x;
}
/*background: #9e9c9c url(../images/bck_header.jpg) top left repeat-x;*/

div#main {width: 950px; margin: 0 auto; background:#c3c2c2; padding:0 0px 280px 9px;}
div#main .naslovp{color:#FAEABB; font-size:13px; text-align:center; padding-top:7px; text-decoration:none;}
div#main h1.naslov{color:#FAEABB; font-size:13px; text-align:center; padding-top:7px;}
div#main h1.naslov3{color:#FAEABB; font-size:13px; text-align:center; padding-top:7px;}
div#main .naslov_d3{color:#FAEABB; font-size:12px; text-align:center; padding-top:7px; font-weight: bold;}
div#main .center_nov{margin: 12px; }
div#main .description{margin-top: 20px; font-weight:bold;}
div#main .description2{margin:10px 0 15px 0;}
div#main .description3{margin:10px 0 5px 0;}
div#main img{margin:6px 15px 15px 0;}
div#main .art_desc {margin:7px 0 5px 0;}
div#main div.imgref a img{margin:5px 10px 15px 15px;}

div#main .mrepeat_left{background: url(../images/bck_center_left.gif) top left repeat-y; width:242px; margin: 10px 0 17px 0px;}
div#main .mtop_left{background: url(../images/bck_top_left.gif) top left no-repeat;}
div#main .mbottom_left{background: url(../images/bck_bottom_left.gif) bottom left no-repeat; min-height: 170px; height: auto !important; height: 170px;}
div#main .left_inn{margin: 0 10px;}
div#main .left_inn ul{padding: 0 0 10px 0;}

div#main .mrepeat_center{background: url(../images/bck_center_center.gif) top left repeat-y; width:473px; margin: 10px 0 17px 18px;}
div#main .mtop_center{background: url(../images/bck_top_center.gif) top left no-repeat;}
div#main .mbottom_center{background: url(../images/bck_bottom_center.gif) bottom left no-repeat; min-height: 170px; height: auto !important; height: 170px;}
div#main .center_inn{margin: 7px 15px 0 13px;}

div#main .mrepeat_right{background: url(../images/bck_center_right.gif) top left repeat-y; width:191px; margin: 10px 0 17px 17px;}
div#main .mtop_right{background: url(../images/bck_top_right.gif) top left no-repeat;}
div#main .mbottom_right{background: url(../images/bck_bottom_right.gif) bottom left no-repeat; min-height: 170px; height: auto !important; height: 170px;}
div#main .right_inn{margin: 0 0px;}

div#main .mrepeat_article_main{background: url(../images/bck_center_article.gif) top left repeat-y; width:732px; margin: 10px 0 17px 1px;}
div#main .mtop_article_main{background: url(../images/bck_top_article.gif) top left no-repeat;}
div#main .mbottom_article_main{background: url(../images/bck_bottom_article.gif) bottom left no-repeat; min-height: 170px; height: auto !important; height: 170px;}
div#main .main_inn{margin: 0 10px;}

div#main .li li {letter-spacing:0.039em; line-height:19px;}
div#main .li ul {margin:7px 0 ;padding-left:5px;}
div#main .li ul li {list-style-type: none; background: url(../images/li.gif) 0px 6px no-repeat; padding-left:20px; margin: 3px 0;}
div#main  ul {margin:7px 0 ;padding-left:12px;}
div#main  ul li {list-style-type: none; background: url(../images/li.gif) 0px 5px no-repeat; padding-left:18px; margin: 3px 0;}

div#main li a.on{color:#d0b145;}

div#main .spletna_stran{margin:0 0 0 17px;}

div#galerija{width:740px; height:107px; margin:20px 0 0 11px;}
div#galerija h2 {top:9px; left:29px;}
div#galerija  ul {margin:0px; padding:0;}
div#galerija  ul li{background:none; margin:0px; padding:0; display:inline; width:174px; height:110px; font-size:1px;}
div#galerija  ul li a{margin-right:6px; display:block;}
div#galerija  ul li a img{font-size:1px; margin: 15px 0px 10px 0;}

div#galerija3{width:470px; height:107px; margin:20px 0 0 11px;}
div#galerija3 h2 {top:9px; left:29px;}
div#galerija3  ul {margin:0px; padding:0;}
div#galerija3  ul li{background:none; margin:0px; padding:0; display:inline; width:174px; height:110px; font-size:1px;}
div#galerija3  ul li a{margin-right:6px; display:block;}
div#galerija3  ul li a img{font-size:1px; margin: 5x 0px 10px 0;}
div#galerija3  ul li a img{font-size:1px; margin: 5px 0px 10px 0;}


.divider-d{border-bottom:1px dotted #666; margin:8px 0;}

.list_center {width:472px; border-bottom:1px solid #aaa; margin: 0px 0px 40px 0px;padding-bottom:5px;}
.list_center_text {margin:0px 0 0 12px; display: inline; width: 260px}



/* --------------------- MAIN end ---------------------*/

/* --------------------- NOVICE start ---------------------*/
.datum-novice {
background: url(../images/bck_date2.gif) no-repeat;
width: 55px;
height: 70px;
margin: 2px 0 5px 12px;
}
.datum {
font-size:12px;
margin:4px 0 0px 1px;
color:#efe1b8;
}
.datum1 {font-size:12px;color:#efe1b8;}
.datum1 b{font-size:12px;color:#efe1b8;}
.zad-nov-text2 {
margin:0px 12px 0 12px;
display: block;
}
.w269{width:269px;}
.w448{width:448px;}
.zadnje-novice2 a{text-decoration:none;}
.zadnje-novice2 {
border-bottom:1px solid #aaa;
margin: 0px 0px 15px 0px;
padding-bottom:5px;
width: 473px;
}
.zadnje-novice3 {
border-bottom:1px solid #aaa;
margin: 5px 0px 40px 5px;
padding-bottom:5px;
width: 473px;
}
.vec{
background: url(../images/vec.png) no-repeat center;
width:63px;
height:30px;
}
.borderb {border-bottom:1px dotted #aaa;}
a.vec:hover {background: url(../images/vec_h.png) no-repeat center;}


.arh-nov{color:#666; line-height:26px;}

.bord {
border-top:1px solid #777;
padding-top: 10px;
}
.bord2 {
border-top:1px solid #777;
border-bottom:1px solid #777;
margin-top: 6px;
height:1px;

}

div .copy{
margin:0 10px;
padding: 9px 0;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #313131 url(../images/bck_button-h33.gif) top left repeat-x;
}
.bord-notranja{
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background-color:#313131;
}
.bord-notranja-b{
border-bottom: 1px solid #666;
background-color:#313131;
}
.datum-m {background: url(../images/bck_date.gif) no-repeat; width:86px; height:29px; position:relative; left:14px; top:2px; margin:0 0 10px 0;}
.date {color:#555; font-size:10px; padding-top:0px; display:block;}

div#pages-l .pages{margin:0 auto; padding-top:10px; width:500px; text-align: center; }
div#pages-l .pages2 a{margin: 0 1px;}
div#pages-l .fcp1 a{color: #3d3d3d; letter-spacing:0.02em; text-decoration:none;}
div#pages-l .fcp2 a{color: #CE8E4E; font-weight:bold; letter-spacing:0.025em; font-size:13px;}
div#pages-l .pages2{display:inline; padding-top:20px;}


/* --------------------- NOVICE end ---------------------*/


/* -------------------- FOOT start --------------------*/
div#footer {
position:absolute;
bottom:0; /* stick to bottom */
width:100%;
clear:left;
height: 262px;
background: #3e3e3e url(../images/footer_back3.gif) repeat-x top center;
}
div#foot {width: 940px; height: 262px; margin: 0 auto; color:#c1c1c1; position:relative;}
div#foot a{color:#c1c1c1; text-decoration:none;}
div#foot span{color:#c1c1c1;}
div#foot .meni-sp {left:0px; top:190px; margin:0; padding:0;}
div#foot .meni-sp li{text-align:left; margin:0 25px 0 0; list-style-type: none; display:inline; line-height:24px; padding:0;}
div#foot .meni-sp li a{color:#c1c1c1; text-align:left; font-size:13px; font-weight:bold; text-decoration: none;}
div#foot .meni-sp li a.on{color:#faeabb;}
div#foot .novice-sp {left:0px; top:15px; margin:0; padding:0;}
div#foot .novice-sp li{text-align:left; margin:0 20px 0 0; list-style-type: none; display:inline; line-height:24px; padding:0;}
div#foot .novice-sp li a{color:#c1c1c1; text-align:left; font-size:11px; font-family:georgia; font-weight:bold; text-decoration: none;}
div#foot .novice-sp li a.on{color:#faeabb;}
div#foot .reference-sp {left:10px; top:20px; margin:0; padding:0;}
div#foot .reference-sp li{text-align:left; margin:0 20px 0 0; list-style-type: none; display:inline; line-height:24px; padding:0;}
div#foot .reference-sp li a{color:#c1c1c1; text-align:left; font-size:11px; font-weight:bold; text-decoration: none;}
div#foot .reference-sp li a.on{color:#faeabb;}
div#foot .proambient {right:0px; top:79px; position:absolute;}

div#banner_foot  {position:relative; top: 65px;}
div#banner_foot  div {display: inline;  width:202px; float:left; margin: 0 42px 0 0;}
div#banner_foot  a img{display: block; width:202px; border:#d6d6d6 1px solid; margin:0 0 20px 2px;}

div#foot .copyright {bottom: 8px; left: 0; width: 940px; font-size:10px; font-weight:bold; letter-spacing: 0.005em;}

/* --------------------- FOOT end ---------------------*/

/* --------------------- obrazec ---------------------*/
div.obrazec {padding:20px}
div.obrazec2 form table tr td input{background: #ECECEC url(../images/bck_login-vpis.gif) no-repeat left top; font-size:11px; border:1px solid #aaa;color:#838383; height:17px; margin:1px 0 8px 10px; padding:4px 0 0 6px; width:174px; display:block;}
div.input.input2{width:375px;}
div.obrazec2 form table tr td textarea{background: #ECECEC url(../images/bck_login-vpis-textarea.gif) no-repeat left top; font-size:11px; border:1px solid #aaa;color:#838383; margin:1px 0 8px 10px; padding:4px 0 0 6px; width:274px; height:116px; display:block; overflow:auto; }
div.obrazec2 input.poslji {background: url(../images/bck_odjava.gif) top left no-repeat; border:0; width:60px; height:21px; padding:0px 0 3px 0px; color:#ccc; cursor:pointer;}
div.obrazec2 form table tr td input.fail {background:red;}
.dn{display:none;}
.fcr{color: red;} /*rdeca*/
.mt3{margin-top:3px;}
/* --------------------- obrazec end ---------------------*/

div#main .banner_2 {margin:0 0 20px 2px;}
div#main .banner_2 a{font-size:0px;}
div#main .banner_2 img{border:#d6d6d6 1px solid; margin:0;}
div#main .banner_3 img{border:#d6d6d6 1px solid; margin:0;}
div#main .banner_3 a{font-size:0px;}
div#main .banner_3 {margin:0 0 20px 20px;}
div#main .banner_4 img{border:#d6d6d6 1px solid; margin:0;}
div#main .banner_4 {margin:20px 12px 8px 33px;}
div#main .banner_4 a{font-size:0px;}
div#main .ls0 ul li {letter-spacing:0; line-height:17px; margin: 6px 0;}
div#main .ls0n ul li {letter-spacing:0; line-height:15px; margin: 6px 0;} 