/* -------------------- tag styles --------------------*/
*{font-family: verdana; font-size: 13px; color:#cccccc;}
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;}
form {margin:0px; padding:0px; display:inline; }

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: #eobf8b;}
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;}/*crna*/
.fc2 {color: #FFF;}/*bela*/
.fc3 {color: #cccccc;} /*sivo-bela*/
.fc4 {color: #d6954f;} /*oranzna*/
.fc5 {color: #ebebeb;} /*svetlo siva*/
.fc6 {color: #222222;} /*temnosiva*/
.fc7 {color: #C4BF93;} /*sampagne*/
.fc8 {color: #CCCCCC;} /*sivo-bela*/
.fc9 {color: #E0BF8B;} /*sampagne2 - naslovi*/
.fc10 {color: #EC2F33;} /*rdeca*/

.w860 {width:860px;}
.w720 {width:720px;}
.w200 {width:300px; list-style-type:none; text-align:center;}
.w400 {width:900px; list-style-type:none; text-align:center; margin:0; padding:0;}

.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;}

.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}
.lh23 {line-height: 23px;}

.mt15{padding-top:15px;}
.m0a{margin:0 auto;}

.hand{cursor:pointer;}

.tdn{text-decoration:none;}

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

/* -------------------- HEAD start --------------------*/
div#header {
background: #D2D2D2 url(../images/bck_header.gif) top left repeat-x;
height:422px;
margin: 0;
border-bottom:1px solid #bbb;
}
div#head {width: 959px; height: 422px; margin: 0 auto; position:relative;}
div#head  .logo{top:14px; left:10px; width:203px; height:64px;}
div#head  .studio{top:-13px; left:126px; width:406px; height:49px;}
div#head  .logotext{top:50px; left:353px; font-size:18px;}
div#head  .lang{top:5px; right:10px; text-align:right;}
div#head  .meni{top:96px; left:0px; background: url(../images/bck_proambient-meni.gif); width:959px; height:29px; margin:0; padding:9px 0 0 0;}
div#head  .meni li{display:inline; text-align:left; margin:0; list-style-type: none;}
div#head  .meni li a{color:#555; text-align:left; font-size:12px; font-weight:bold; text-decoration: none;}
div#head  .meni li a.on{color:#EC2F33;}
div#head  div a.on{color:#EC2F33;}
div#head  .slika {top:153px; left:0px;}
div#head  .lang {position:absolute; top:5px; right:10px;}
div#head  .lang a{text-decoration:none; margin-left:10px; font-size:10px; color:#e8e8e8; font-weight:bold;}

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 10px;
padding: 0 8px;
display:inline;
}


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

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

/* -------------------- MAIN start --------------------*/
div#content {background: url(../images/light-overlay.png) repeat-y center top;}
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:#3B4248 url(../images/bck_content.gif);
}
div#main {width: 940px; margin: 0 auto; padding-bottom: 232px;}
div#main h1{color:#E0BF8B; font-size:18px; text-align:center; padding-top: 23px;}
div#main .description{margin-top: 20px; font-weight:bold;}
div#main .description2{width:840px;}
div#main img{margin:15px 15px 15px 0;}
div#main div.imgref a img{margin:5px 10px 15px 15px;}

div#galerija{width:960px; height:130px; margin:20px 0 0 0;}
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:106px; height:141px; font-size:1px;}
div#galerija  ul li a{margin-right:6px; display:block;}
div#galerija  ul li a img{font-size:1px; margin: 15px 4px 15px 0;}


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

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

/* --------------------- NOVICE start ---------------------*/
.datum-novice {
background: url(../images/bck_date2.gif) no-repeat;
width: 55px;
height: 70px;
margin: 2px 0 5px 4px;
line-height:20px;
}
.datum {
font-size:12px;
margin:4px 0 0px 1px;
color:#efe1b8;
line-height:20px;
}
.datum1 {font-size:12px;color:#efe1b8;line-height:20px;}
.datum1 b{font-size:12px;color:#efe1b8;line-height:20px;}
.zad-nov-text2 {
margin:0px 0 0 12px;
display: inline;
width: 680px
}
.zadnje-novice2 {
border-bottom:1px solid #aaa;
margin: 0px 0px 40px 0px;
padding-bottom:5px;
width: 936px;
}
.zadnje-novice3 {
border-bottom:1px solid #aaa;
margin: 5px 0px 40px 5px;
padding-bottom:5px;
width: 936px;
}
.vec{
background: url(../images/vec.png) no-repeat center;
width:63px;
height:30px;
}
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:-4px; top:2px;line-height:20px;}
.date {color:#efe1b8; font-size:10px; padding-top:5px; display:block;line-height:20px;}

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: #E0BF8B; font-weight:bold; letter-spacing:0.025em; font-size:13px;}
div#pages-l .pages2{display:inline; padding-top:20px;}

.kontakt2 {background-color: #444; padding:10px; margin-bottom: 30px; border:outset 2px #222; width:385px;}
div.pass ul {width:520px; margin:0 auto; padding:5px 0 30px 0;}
div.pass ul li {text-align:left;}


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


/* -------------------- FOOT start --------------------*/
div#footer {
position:absolute;
bottom:0; /* stick to bottom */
width:100%;
clear:left;
height: 232px;
background: #3e3e3e url(../images/bck_footer.png) repeat-x top center;
}
div#foot {width: 940px; height: 232px; margin: 0 auto; color:#ebebeb; position:relative;}
div#foot a{color:#ebebeb; text-decoration:none;}
div#foot span{color:#ebebeb;}
div#foot .meni-sp {left:0px; top:20px; margin:0; padding:0;}
div#foot .meni-sp li{text-align:left; margin:0; list-style-type: none; line-height:24px; padding:0;}
div#foot .meni-sp li a{color:#ebebeb; text-align:left; font-size:13px; font-weight:bold; text-decoration: none;}
div#foot .meni-sp li a.on{color:#E0BF8B;}
div#foot .novice-sp {left:490px; top:20px; margin:0; padding:0;}
div#foot .novice-sp li{text-align:left; margin:0; list-style-type: none; line-height:24px; padding:0;}
div#foot .novice-sp li a{color:#ebebeb; text-align:left; font-size:11px; font-weight:bold; text-decoration: none;}
div#foot .novice-sp li a.on{color:#E0BF8B;}
div#foot .reference-sp {left:235px; top:20px; margin:0; padding:0;}
div#foot .reference-sp li{text-align:left; margin:0; list-style-type: none; line-height:24px; padding:0;}
div#foot .reference-sp li a{color:#ebebeb; text-align:left; font-size:11px; font-weight:bold; text-decoration: none;}
div#foot .reference-sp li a.on{color:#E0BF8B;}
div#foot .proambient {right:0px; top:79px; position:absolute;}

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

/* --------------------- obrazec ---------------------*/
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*/
/* --------------------- obrazec end ---------------------*/