/* GENERAL */
html { overflow-y: scroll;  }
html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body { background: white; }
body,td,p,a,ul,ol,li,h1,h2,h3,h4,h5,h6,form,textarea,select { font-size: 13px; font-family: Trebuchet MS,Arial,Verdana,Arial,Helvetica; color:#000000; margin:0px;  }
body.mainBody { padding: 0; margin: 0; background: #ffffff url(../../site/bg_bottom.gif) repeat-x bottom; }
body.withSlybar { padding: 0; margin: 0; margin: 28px 0 0; }
body.mainBodyPh {  }

P { margin-bottom: 0px; line-height: 20px; }
IMG { border: none; }

/* TEXT */
ul, li { margin: 5px 0px 5px 15px; padding: 0; list-style-position: outside; }
ul, ol { margin: 5px 0px 5px 15px; padding: 0; list-style-position: inside; }
li { padding: 3px 0px 3px 0px; }

A, td a, A:hover { color: #214b8e; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

/* HEADING */
h1,.heading1,h2,.heading2,h3,.heading3,h4,.heading4,h5,.heading5,h6,.heading6 { color: #434343; }
h1, h1 a, h1 a:hover { color: #054e85; font-size: 17px; font-weight:normal; margin-bottom: 10px; }
h2, h2 a, h2 a:hover { color: #c726ab; font-size: 15px; font-weight:normal; margin-bottom: 10px; }
h3, h3 a, h3 a:hover { color: #06b461; font-size: 14px; font-weight:normal; margin-bottom: 5px; }
h4, h4 a, h4 a:hover { color: #4b9ac0; font-size: 13px; font-weight:normal; }


/* WEBARTS */
#frameContainer {
  width: 100%;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: url(../../site/bg_bottom_circles.jpg) no-repeat bottom center;
}

#frame { width: 100%; background: url(../../site/bg_top.gif) repeat-x; }
#topBg { width: 100%; background: url(../../site/bg_top_circles.jpg) repeat-x top center; }
#top { width: 904px; height: 476px; margin: 0 auto; position: relative; }
#ph { position: absolute; right: 22px; top: 108px; width: 275px; height: 358px; }
#ph .vnosPadLeft, #ph .vnosPadRight { margin: 0; padding: 0; }

#logo { position: absolute; left: 22px; top: 10px; width: 80px; height: 51px; background: url(../../site/avtosola_k_and_d_logo.png) no-repeat; display: block; }

/* visual ******************/
#visualContainer { position: absolute; top: 97px; width: 596px; height: 367px; background: url(../../site/visual_frame.png) no-repeat; }
#visual { width: 524px; height: 295px;position:relative; margin: 21px 0px 0px 36px;}
#visual .visual-element {position:absolute;left:0;top:0;}
#visual img {width: 100%;height: 100%;}
.visual-navi a span {display:none;}
/*
#visualContainer { position: absolute; top: 97px; width: 596px; height: 367px; background: url(../../site/visual_frame.png) no-repeat; }
#visual { width: 524px; height: 295px; padding: 21px 0px 0px 36px; }
*/
#global { position: absolute; bottom: 10px; left: 22px; }
#global p { float: left; margin-right: 20px; }
#global p.globalLast { margin: 0px; }

#search { position: absolute; bottom: 10px; left: 408px; width: 164px; height: 23px; background: url(../../site/bg_search.gif) no-repeat; }

#contentContainer { width: 100%; background: #ffffff; }
#content { width: 860px; margin: 0 auto; padding-bottom: 52px; min-height: 295px; }
#main { float: left; width: 550px; }
#mainPh { background: #3a87b1; width: 275px; height: 358px; }
#infoContainer { float: right; width: 275px; }
#info { width: 275px; }
#mainPh .vnosPadLeft, #mainPh .vnosPadRight, #main .vnosPadLeft, #main .vnosPadRight, #info .vnosPadLeft, #info .vnosPadRight { margin: 0; padding: 0; }

#footContainer { width: 100%; height: 42px; background: url(../../site/bg_foot.gif) repeat-x; }
#foot { width: 860px; margin: 0 auto; padding-top: 13px;}
#foot, #foot a { color: #797979; text-decoration: none; font-size: 11px; }

hr { border: none; width: 550px; height: 15px; background: url(../../site/hr.gif) no-repeat; }

/* TABELA */
.stdtable td { border-bottom: 1px #eeeeee solid; }

/* BORDER NA SLIKAH 
#main img, #mainFirst img { border: 1px #e2e2e2 solid; padding: 4px; }
#TOOLS img, #main .newsList img, #main .pixel, #main #img_novice, #main #ANKETE img,  #main .embededC img { border: none; padding: 0px; }
*/

/* GALERIJA SLIK */
.gallery_thumb { text-align: center; }             
#main .embededC a.lightbox img, #main .embededC a.lightbox1 img, #main .embededC a.lightbox2 img, #main .embededC a.lightbox3 img, #main .embededC a.lightbox4 img, #main .embededC a.lightbox5 img, #main .embededC a.lightbox6 img, #main .embededC a.lightbox7 img, #main .embededC a.lightbox8 img, #main .embededC a.lightbox9 img { border: 1px #dedede solid; padding: 2px; margin: 5px; }

/* PRIMARNA NAVIGACIJA */
#primarna { position: absolute; right: 0px; top: 25px; }
#primarna ul, #primarna li{ list-style:none; margin:0px; padding:0px; text-align:left; }
#primarna li { float: left; margin-left: 10px; }
#primarna a {
  display: block;
  color: #ffffff;
  font-weight: bold;
  font-size:14px;
  text-decoration:none;
  text-align: left;
  padding-right: 10px;
  }
  
#primarna span { padding: 6px 0px 6px 9px; display: block; }
#primarna a:hover, #primarna a.active, #primarna li.seku1 a.active { color:#0f73a5; background: red url(../../site/bg_prim_li.gif) no-repeat top right; }
#primarna a:hover, #primarna a.active { margin: 0px -2px; }
#primarna a:hover span, #primarna a.active span { background: url(../../site/bg_prim_a.gif) no-repeat top left; padding-left: 11px; padding-right: 2px; }

/*SEKUNDARNA NAVIGACIJA */
#sekundarna { width: 250px; margin: 0 auto; padding-top: 7px; }
#sekundarna ul, #sekundarna li{ list-style: none; margin:0px; padding:0px; }
#sekundarna li { margin: 1px 0px; }
#sekundarna li.last { padding: 0px; }
#sekundarna a {
  color:#054e85;
  text-decoration:none;
  text-align: left;
  padding: 4px 10px 4px 38px;
  display:block;
  font-size: 14px;
  background: url(../../site/seku_nb.gif) no-repeat 18px 8px;
   }

#sekundarna a:hover, #sekundarna a.active { color: #03253f; background: url(../../site/terc_nb_a.gif) no-repeat 18px 8px; }
#sekundarna a.seku1:hover, #sekundarna a.seku1active { color:#054e85; background: url(../../site/seku_nb_a.gif) no-repeat 0px 1px; }

#sekundarna a.seku2 { margin-left: 20px; }
#sekundarna a.seku3 { margin-left: 40px; }

/* NOVICE */
.iDatum { margin: 0px; padding: 0px; }
.iDatum, a.iDatum, .iDatum a { color: #a8c6eb; text-decoration: none; }
.newsElement { }

#iSlika { float: left; width: 90px; }
#iContentSlika { float: right; width: 110px; margin-top: 5px; }
#iOpis { font-size: 12px; color: #707070; }

#iNaslov, #iNaslov a, #iNaslov a:hover { color: #2786c2; text-decoration: none; font-weight: normal; font-size:16px; display: block; }
.iNaslov, .iNaslov a, a.iNaslov, .iNaslov a:hover { color: #2786c2; text-decoration: none; font-weight: bold; font-size:16px; display: block; }
.iOpis, .iOpis p { font-size: 12px; color: #707070; }
.iMore { margin-top: 5px; float: right; }
.iMore, a.iMore, .iMore a { color: #2786c2; text-decoration: none; }

.newsElement #iOpis { margin: 5px 0px; color: #888888; }
.newsElement #iMore { float: left; padding: 5px 0px; }
.newsElement #iMore img, .newsElement .iMore img { border: none; }

.newsElement .iOpis { margin: 5px 0px; }
.newsList .newsElement { margin-bottom: 15px; }

/* NOVICE - PAGING */
.newsPaging { border-top: solid 1px #CCC;  }
.newsPagingTop { border-bottom: solid 1px #CCC; border-top: none; margin-bottom: 15px; }
.newsPaging ul, .newsPaging li { padding: 0; margin:0; }
.newsPaging li { float: left; display: block; margin-top: 5px; }
.newsPagingTop li { margin-top: 0px; margin-bottom: 5px; }
.newsPaging .text, .newsPaging li.info { padding: 5px 5px 5px 0px; }
.newsPaging li.info { float: right; padding-right: 0px; }
.newsPaging a { display: block; float: left; padding: 5px 8px; background: #EEE; margin-left: 5px; }
.newsPaging li.selected a { background: #CCC; font-weight: bold; color: #ffffff; text-decoration: none; }

/*FORME*/
.input2 { border:none; color: #2b2b2b; background: none; font-weight: normal; font-size:11px; padding-left: 5px; padding-top: 5px; vertical-align: top; width: 130px; }
.enter { width: 19px; height: 21px; margin-left: 3px; }

/* ANKETA */
.question { font-weight: bold; }
.spacer { height: 5px; }
.question, .answer, .embededC { color: #afcbee; }

/* OTOK IN OBLAK */
.otok { background: url(../../otok/otok_naslov_1.gif) no-repeat top left; }
.otok .oNaslov { background: url(../../otok/otok_naslov_2.gif) no-repeat top right; }
.otok .oVsebina { background: url(../../otok/otok_vsebina_1.gif) no-repeat bottom left; }
.otok .lyv { display: block; background: url(../../otok/otok_vsebina_2.gif) no-repeat bottom right; }

.otok .oNaslov { height: 23px; padding: 3px 0px 0px 10px; }
.otok .oNaslovText, .otok .oNaslovText a { display block; font-weight: bold; font-size: 14px; color: #ffffff; text-decoration: none; font-family: Trebuchet MS,Arial; }
.otok div.oVsebinaC, .otok .oVsebina .embededC { padding: 5px 10px 10px 10px; }
.otok div.oVsebinaC, .otok .oVsebinaC p, .otok .oVsebinaC td { font-size: 13px; color: #080808; }

#infoContainer .otok .oNaslov { height: 23px; padding: 3px 0px 0px 30px; }