body {
  background:#037EB7;
  background-image: url("Slike/novapozadina.png");
  background-repeat: repeat-x;
  /*padding: 0px;
  margin: 0px;*/
  height: 100%;
  font-family: Verdana;
  font-size: 12px;
  text-align: center;
}

#global {
  /*width: 1100px; */ /* MOD */
  position: relative;
  top: -2px;
  margin: 0px auto;
  height: auto;
  text-align:center; /* MOD */
  width:100%;
}

a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


#position {
  position: absolute;
  width: 861px;
  left: 0px; /* MOD */
  top: 55px;
  display: block;
  background-color: transparent;


}

#central_container {
  position: relative;
  top: 0px;
  left: 0px;
  width: 861px;


  border: 0px solid black;
  background-color: transparent;


}


#levo {
    vertical-align: top;
	width: 190px;
    background-color: #FF6600;
}

#levo_dole_rounded {
  vertical-align: bottom;
  background-color: transparent;
}

#desno_dole_rounded {
  vertical-align: bottom;
  height: 41px;
  background-color: transparent ;
}

#sredina {
  width:481px;
  /* float: left; */
  background: white;
  vertical-align: top;
  padding: 0 0 10 0px;



}

#desno {
  /*float: right;*/
  width: 190px;
  background: #FF6600;
  vertical-align: top;
}

#desno_dole_ie_fix {
  /* nothing */
}


#gornji {
  position: relative;
  top: 0px;
  left: 0px;
  height:170px;
}

#clearfloats {
    clear: both;
}

#linkovi {
  color:white;
  text-align: center;
  margin-top:10px;
}

#gorelevo {
  position:relative;
  background-image: url("Slike/gll.gif");
  width: 20px;
  height: 20px;
  top: 0px;
  left: 0px;
  float: left;
}

#goredesno {
  background-image: url("Slike/gdd.gif");
  width: 20px;
  height: 20px;
  top: 0px;
  float: right;
}

#gore {
  width: 821px;
  height: 20px;
  background: #FFe632;
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
  border: 0px solid black;
}

#zuto {
  width: 861px;
  height: 150px;
  position: relative;
  top: 0px;
  clear: both;
  background: #FFe632;
}


#logo {
  width: 122px;
  height: 116px;
  position: absolute;
  top: 0px;
  left: 370px;
  }




#levimeni {
  width: 293px;
  height: 61px;
  position: absolute;
  top: 90px;
  left: 0px;
}

#levimenu {
  width:190px;
  background:#FF6600;
}

#sredinaluka {
  width: 286px;
  height: 24px;
  position: absolute;
  left: 290px;
  bottom: 0px;


}

#desnimeni {
  width: 286px;
  height: 58px;
  position: absolute;
  top: 95px;
  left: 575px;
}

#desnimenu {
  width:190px;
  background:#FF6600;
}

#levizraci {
  position: absolute; /* MOD */
  top: 216px;
  left:-123px; /* MOD */
}

#desnizraci {
  position: absolute; /* MOD */
  top: 214px;
  left: 861px; /* MOD */
}

#footer_levo_container {
  position: relative;
  top:0px;
  left: 0px;
  width:190px;
  height: 50px;
  border:0px solid black;
}

#footer_levo {
  position:relative;
  top: -148px;
  left: -69px;
  border:0px solid black;
  width:190px;
    height: 50px;
}

#footer_desno_container {
  position: relative;
  top:0px;
  left: 0px;
  width:190px;
  height: 50px;
  border:0px solid black;
}

#footer_desno {
  position:relative;
  top: -149px;
  left: 30px;
  border:0px solid black;
  width:190px;
  height: 50px;


}

/*
#zvezdedl {
  position: relative;
  top: 658px;
  left: 54px;
  float: left;
}

#zvezdedd {
  position: relative;
  top: 658px;
  left: 604px;
  float: left;
}
*/
#sredina1 {
  position:relative;
  top: 0;
  width:100%;
  background:white;

}


#sredina2_cvecka {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  display: block;
  background-image: url("Slike/sredina_back.gif");
  background-repeat: repeat-x;
  text-align: left;
}

#sredina2_statics_wrapper {
  position: relative;
  top: -40px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 481px;
  display: block;
  text-align: left;
  /*background-image: url("Slike/vrh_prazan_new.png");
  background-repeat: repeat-x; */

}

#sredina_wrapper_bg {
  position: relative;
  top: 35px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 481px;
  display: block;
  background-image: url("Slike/sredina_back.gif");
  background-repeat: repeat-x;
}

#sredina2_statics {
  position: relative;
  top: 20px;
  left: 0px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 65px;
  padding: 0px;
  width: 471px;
  display: block;
  text-align: left;
  font-size: 12px;

}


#sredina2 {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  display: block;
  background-image: url("Slike/sredina_back_small.gif");
  background-repeat: repeat-x;
  text-align: left;

}

#sredina2_serijali {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  display: block;
  background-image: url("Slike/sredina_back.gif");
  background-repeat: repeat-x;
  text-align: left;

}


#sredina2_starosne_grupe {
  position: relative;
  top: -3px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  display: block;
  background-image: url("Slike/sredina_back_small.gif");
  background-repeat: repeat-x;
  text-align: left;
  float: left;
}

#sredinaelement {
  width: 150px;
  height:214px;
  margin-left: 40px;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
  background: transparent;
  border: 0px solid black;
}

#sredinaelement_starosne_grupe {
  width: 160px;
  height:160px;
  margin-left: 17px;
  margin-top: 17px;
  margin-right: 17px;
  margin-bottom: 17px;
  background: transparent;
  border: 0px solid black;
  float: left;
}
#sredinaelement_starosne_grupe_desno {
  width: 160px;
  height:160px;
  margin-left: 17px;
  margin-top: 17px;
  margin-right: 17px;
  margin-bottom: 17px;
  background: transparent;
  border: 0px solid black;
  float: right;
}


#slika {
  position:relative;
  top:0;
  left:0;
}

#knjigatekst {
  float: left;
  position:relative;
  top:0;
  left:0;
  width: auto;
  /*max-width: 60%;*/
}

#knjigatekst2 {
  float: left;
  position:relative;
  top:0;
  left:0;
  width: auto;
  max-width: 50%;
}

#knjigatekst3 {
  float: left;
  position:relative;
  top:0;
  left:0;
  width: auto;
  max-width: 60%;
}

.link_naslov_knjige {
    color: #fe0000;/* #bd0f18; */
    font-size: 11px;
    font-weight: bold;
}

.pisac {
	font-size: 11px;
	color: black; /*#999999;*/
	text-decoration: none;
	font-weight: bold;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 3px;
}

.pisac:hover {
    text-decoration: underline;
}


.autor_title {
    color: #fe0000; /* #bd0f18; */
    font-size: 11px;
    font-weight: normal;
}



.insert_basket {
	text-decoration: none;
	font-size: 12px;
	color: #999999;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.insert_basket:hover {
    text-decoration: underline;
}

.pageControl {
    font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	margin: 20px;
}

.broj_under {
    color: #fe0000; /* #bd0f18; */
    text-decoration: underline;
}

span.naslovknjige{
  color: #fe0000; /* #bd0f18; */
  left: 30px;
  font-size: 12px;
  font-weight: bold;
}

span.crveno {
  color:red;
  font: 8px Verdana;
}

span.crno {
  color:black;
  font: 10px Verdana;
}

#baneri {
  background:yellow;
}


#levo_dole {
    height: 41px;

}



#levo_dole_ugao{
  width: 40px;
  vertical-align:bottom;
  margin:0px;
  padding:0px;

}

#levo_dole_rest{
  background:#FF6600;
  height: 10px;
  width: 150px;

}


a.footer:link {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}
a.footer:visited {
    color: #FFFFFF;
    font-size:12px;
    text-decoration: none;
}
a.footer:hover {
    color: #FFFFFF;
    font-size:12px;
    text-decoration: underline;
}
a.footer:active {
    color: #FFFFFF;
    font-size:12px;
    text-decoration: none;
}

#search_form_gore {
  width: 238px;
  height: 52px;
  position: absolute;
  top: 15px;
  left: 50px;
}

#search_trazi {
  position: relative;
  top: 12px;
  left: 0px;
  float: left;
}

#search_field {
  position: relative;
  top: 12px;
  left: 0px;
  width: 140px;
  border-top: 2px solid #F2AA62;
  border-left: 2px solid #F2AA62;
  border-bottom: 2px solid #C98350;
  border-right: 2px solid #C98350;
  float: left;
}

#search_dugme {
  position: relative;
  top: 0px;
  left: 0px;
  float: right;
}


#serijalelement {
  margin-top: 10px;
  /*height: 140px;*/
  float: left;
  background: transparent;
  width: 470px;

}

#serijal1 {
  height: 100px;
  width:120px;
  position: relative;
  top: 0;
  left: 15px;
  float: left;
  background: transparent;
}

#serijal1d{
  position: relative;
  left: 0px;
  width: auto;/*120px;*/
  padding: 5px;
  float:left;
  height: 140;
  background: transparent;
}

#sredinapetielement {
  width: 480;
  height:214;
  text-align:center;
  left: 100px;
  margin-bottom: 20px;
  float: left;
}

.pageControl {
    position: relative;
    top:0px;
    left: 0px;
    float:right;
    width :400px;
    font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	margin: 20px;
	border: 0px solid black;

}

a {
	color: #333333;
	text-decoration: none;
	/* text-transform:capitalize; */
}
a:hover {
	text-decoration: underline;
}


h1 {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 20px;
	font-size: 24px;
	color: #006699;
	font-family: Trebuchet MS, Verdana;
	font-weight: normal;
}

.input_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: transparent;
	color: #000000;
	height: 14px;
	width: 110px;
	border: 0px none transparent;
	padding-left: 5px;
}

#btn {
    cursor: pointer;
    cursor: hand;
    margin: 2 10px;
}

.fullview {
	 margin: 5px;
	 position: relative;
	 left: 0px;
	 border: 0px solid black;
     display: block;

}
.fullview .pisac {
	font-size: 13px;
	color: #000000; /* #660000; */
}
.fullview .naslov {
	font-size: 18px;
	color: #FE0000;/* #000000; */
}

.pisac {
	font-size: 12px;
	color: #999999;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 3px;
}

.pisac:hover {
    text-decoration: underline;
}

.naslov {
	font-size: 12px;
	font-weight: normal;
	color: #006699;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	/* text-transform:capitalize; */
}
.price_book_title {
    font-size: 13px;
}
.broj {
    color: #FE0000;/* #bd0f18; */
}
#korpa_ml {

 	background-image: url(Slike/kupovina_bg.png);
	background-repeat: no-repeat;
	height: 123px;
	width: 178px;
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
	border: 0px solid black;
	z-index: 10;
}
#korpa_ml_rasprodato {
	background-image: url(../css/img/rasprodato.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 157px;
	padding-top: 30px;
	margin: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
}
#korpa_ml #form1 {
	margin: 0px;
	padding: 0px;
}
#korpa_ml #form1 #ukorpu {
	/* background-image: url(../css/img/u-korpu.jpg);
	background-repeat: no-repeat; */
	position: relative;
	top: -1px;
	left: 0px;
	height: 27px;
	width: 58px;
	border: 0px solid black;
	background: transparent;
}

.korpa_text {
    font-size: 11px;
    font-weight bold;
}

.korpa_table {
    position: relative;
    top:5px;
    left:30px;
    width: 115px;
    height: 70px;

}

.korpa_form_field_komada {
    position: relative;
    top: 0px;
    left: 0px;
	width: 25px;
	height: 20px;
	border: solid 1px gray;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}
#posetilac {
	position:absolute;
	left:28px; /* MOD */
	top:-35px; /* MOD */
	width:368px;
	height:18px;
	z-index:8;
	color: #FFFFFF;
	font-size: 11px;
}

#korpa {
  width: 117px;
  height: 66px;
  position: absolute;
  top: -10px;
  left: 670px;
}

#malakorpa_link {
	position:absolute;
	left:640px;
	top:12px;
	width:224px;
	height:18px;
	z-index:8;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
#malakorpa {
	position:absolute;
	left:655px; /* MOd 778px */
	top:128px;
	width:134px;
	height:16px;
	z-index:7;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

.link_naslov_knjige {
    color: #fe0000; /* #bd0f18; */
    font-size: 11px;
    font-weight: bold;
}

.link_naslov_knjige:hover {
    text-decoration: underline;
}
.link_naslov_knjige_preporucujemo {
    color: #black; /* #bd0f18; */
    font-size: 11px;
    font-weight: bold;
}

.link_naslov_knjige_preporucujemo:hover {
    text-decoration: underline;
}



.preporucujemo_jos_head {
    position: relative;
    top: 0px;
    left: 0px;
	margin: 0px;
    text-align: center;
    font-weight: normal;
    padding: 10px;
    height: 25px;
    font-family: Trebuchet MS, Verdana;
    font-size: 20px;
    color: #666666;
    z-index: 5;
}

#desniitem{
  margin-left: 5px;
}

/* IGRAONICA */
#sredina2_igraonica {
  position: relative;
  top: -3px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  display: block;
  background-image: url("Slike/sredina_back.gif");
  background-repeat: repeat-x;
  text-align: left;
  float: left;
}
/* END IGRAONICA */

/* GLASANJE */
#glasanjediv{
  width: 400px;
  height: 368px;
  background-image: url('Slike/glasanje.gif');
  background-repeat: repeat-x;
  margin-left: 35px;
}

#glasanje_tabela_div{
  position: relative;
  top:10;
  left:0;
  width: 460px;
  height: 387px;
  background-image: url('Slike/glasanje_poz.png');
  background-repeat: no-repeat;
  margin-left: 2px;
}

#prelivdiv{
  margin-top: -5px;
  background-image: url('Slike/sredina_back.gif');
  background-repeat: repeat-x;
  padding: 0 0 10 0px;
}
/*
#glas_form{
  background: transparent;
}
#glasbox1{
  position: relative;
  top: 19px;
  left: 68px;
  border: 0px;
  background: transparent;
  font: 11px tahoma;
}

#glasbox2{
  position: relative;
  top: 19px;
  left: 164px;
  border: 0px;
  background: transparent;
  font: 11px tahoma;
}

#glasbox3{
  position: relative;
  top: 70px;
  left: -100px;
}

#glasbox4{
  position: relative;
  top: 70px;
  left: -50px;
}

#glasbox5{
  position: relative;
  top: 70px;
  left: 0px;
  border: 1px solid gray;
}

#glasbox6{
  position: relative;
  top: 92px;
  left: 140px;
  border: 0px;
  background: transparent;
  font: 11px tahoma;
}

#glasbox7{
  position: relative;
  top: 185px;
  left: -207px;
}

#glasbox8{
  position: relative;
  top: 208px;
  left: -233px;
}

#glasbox9{
  position: relative;
  top: 230px;
  left: -259px;
}

#glasbox10{
  position: relative;
  top: 252px;
  left: -285px;
}

#glasbox11{
  position: relative;
  top: 275px;
  left: -311px;
}

#glasbox12{
  position: relative;
  top: 281px;
  left: 140px;
  background: transparent;
  font: 11px tahoma;
  border: 0px;
}*/

#lista_glasanja_element {
  margin-top: 5px;
  height: 140px;
  float: left;
  padding: 0 10 0 10px;
  background: transparent;
}

#lista_glasanja_1d{
  position: relative;
  left: 0px;
  width: 120px;
  float:left;
  height: 140;
}

#sredina2_lista_glasanja {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  display: block;
  background-image: url("Slike/sredina_back.gif");
  background-repeat: repeat-x;
  text-align: left;
  float: left;
}

#textfield4{
  background: transparent;
  height: 15px;
  width: 110px;
  position: relative;
  left: 30px;
  top: 0px;
  border: 0px;
}

#textfield5{
  background: transparent;
  height: 15px;
  width: 110px;
  position: relative;
  left: 0px;
  top: 0px;
  border: 0px;
}

#checkbox6{
  position: relative;
  left: -20px;
  top: -3;
}

#checkbox7{
  position: relative;
  left: -10px;
  top: -3;
}

#textfield3{

  height: 20px;
  width: 30px;
  position: relative;
  left: -5px;
  top: 0px;
  border: 1px solid gray;
}

#textfield2{
  background: transparent;
  height: 15px;
  width: 220px;
  position: relative;
  left: -2px;
  top: -4px;
  border: 0px;
}

#textfield{
  background: transparent;
  height: 15px;
  width: 220px;
  position: relative;
  left: -2px;
  top: -1px;
  border: 0px;
}

#selectbox{
  position: relative;
  left: -7px;
  width: 37px;
  border: 1px outset red;
  font: 12px Tahoma;
}
/* END GLASANJE */

.obican_link a{
  color: black;
  text-decoration: none;
}

.obican_link a:hover{
  color: black;
}

.input_field_prikaz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: transparent;
	color: #000000;
	height: 14px;
	width: 360px;
	border: 0px none transparent;
	padding-left: 5px;
}

.prikaz_knjige {
    position: relative;
    top: 0px;
    left: 0px;
    width: 460px;
    height: 161px;
    overflow: hidden;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: transparent;
	color: #000000;
	border: 0px none transparent;
	padding-left: 5px;
}



/*  IZ VELIKE LAGUNE */


.knjige_edicije_serijali_header {
    padding: 10px;
	font-size: 15px;
	font-weight: bold;

}

#o_knjizi {
    padding: 20px;
    margin-bottom: 30px;
    font-size: 13px;
}

.hr {
    border-top: 3px dashed #f7f7f7;
    border-bottom: none;
    border-left: none;
    border-right: none;
    color: #fff;
    background-color: #fff;
    height: 3px;
}


#slicni_naslovi {
	font-size: 12px;
	font-weight: bold;
	margin-left:20px;
}


a.komentari_naslov {
    font-size: 15px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

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

a.komentari_pisac {
    font-size: 13px;
    color: #910002;
    text-decoration: none;
}

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