/* -------------------- tag styles --------------------*/
body,td,div { }
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;}
body{background: #d92231 url('../images/back_gradient.png') scroll repeat-x top left; color: #b81237; font-size: 12px; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; }

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

a { color: #fd7900; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
a:focus {outline: none;}
a:active {}
a:visited {}

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

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

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

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

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

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #505050;} /*gray*/

.ls25 {letter-spacing: 0.025em;}

.description{ font-style: italic; margin: 10px 0; }
.text{ margin: 10px 0; }
.images{ margin: 10px 0; }
.thumb-image-item{ background: transparent url('../images/thumb_reflection.png') scroll left 113px no-repeat; width: 143px; height: 170px; float: left; margin-right: 10px;}
.clearer{ clear: both; }
.side-nav-spacer{ margin-bottom: 240px; }
.gostinski-program h2{ color: #a7cf00; }
.trgovinski-program h2{ color: #00aefc; }
.cat-desc{ margin-bottom: 50px; }
.front-block { margin-top: 40px; }

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

/* -------------------- HEAD start --------------------*/
div#header {
	background: #b2b2b2;
	height: 137px;
	margin: 0 0 9px 0;
}
div#head {width: 960px; height: 137px; background: yellow; margin: 0 auto;}
/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#content {}
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 */
	padding-top: 78px;
}
div#middle-holder{ background: transparent url('../images/content_middle.png') scroll repeat-y top left; margin: 0 auto; width: 960px; padding-bottom: 197px;}
div#top-holder-front-page{ background: transparent url('../images/content_top.png') scroll no-repeat top left; }
div#top-holder-inner-page{ background: transparent url('../images/content_top_inner.png') scroll no-repeat top left; }
div#bottom-holder{ background: transparent url('../images/content_bottom.png') scroll no-repeat bottom left; }
div#search-bar{ display: none; position: absolute; right: 45px;	top: 55px; z-index: 50; background: #F7E1D8; }
	div#search-bar .search-input { border: 1px solid  #b81237; color:  #b81237; background: #F7E1D8; }
	div#search-bar .search-submit { border: 0; color:  #b81237; cursor: pointer; background: transparent; }
	div#search-bar .search-submit:hover { text-decoration: underline; }
div#main { position: relative; min-height: 804px; }
	div#main .main-heading { position: absolute; top: 65px; left: 330px; }
	div#main .logo{ position: absolute; top:-70px; left: 50px; z-index: 100;}
	div#main .slogan { height: 60px; width: 540px;  position: absolute; top: -55px; right: 115px; }
	div#main .navigation { height: 155px; width: 620px;  position: absolute; top: 0px; right: 30px; }
	div#main .navigation li{ list-style-type: none; float: left;} /*
	div#main .navigation li.proizvajalec{ width: 192px; height: 115px; position: absolute; top: 0px; left: 0px; z-index: 2; }
	div#main .navigation li.trgovinski-program{ width: 185px; height: 101px; position: absolute; top: 60px; left: 90px; z-index: 3; }
	div#main .navigation li.gostinski-program{ width: 185px; height: 104px; position: absolute; top: 20px; left: 210px; z-index: 2;}
	div#main .navigation li.novice{ width: 191px; height: 118px; position: absolute; top: 55px; left: 325px; z-index: 1;}
	div#main .navigation li.ali-ste-vedeli{ width: 187px; height: 97px; position: absolute; top: 25px; left: 430px; z-index: 3;} */

	div#main .navigation li.proizvajalec{ width: 154px; height: 92px; position: absolute; top: 25px; left: 0px; z-index: 2; }
	div#main .navigation li.trgovinski-program{ width: 148px; height: 81px; position: absolute; top: 70px; left: 90px; z-index: 3; }
	div#main .navigation li.gostinski-program{ width: 148px; height: 83px; position: absolute; top: 40px; left: 200px; z-index: 2;}
	div#main .navigation li.novice{ width: 153px; height: 94px; position: absolute; top: 65px; left: 300px; z-index: 1;}
	div#main .navigation li.ali-ste-vedeli{ width: 150px; height: 78px; position: absolute; top: 40px; left: 410px; z-index: 3;}


	div#main .navigation img {width: 83%; height: 83%; margin: 0 auto; display: block; }
	div#main .navigation-side { position: absolute; top: 85px; left: 60px; height: 350px; width: 250px;}
	div#main .navigation-side li{ list-style-type: none; float: left; }
	div#main .navigation-side li.proizvajalec{ width: 154px; height: 92px; position: absolute; top: 0px; left: 0px; z-index: 2; }
	div#main .navigation-side li.trgovinski-program{ width: 148px; height: 81px; position: absolute; top: 50px; left: 70px; z-index: 3; }
	div#main .navigation-side li.gostinski-program{ width: 148px; height: 83px; position: absolute; top: 105px; left: 0px; z-index: 2;}
	div#main .navigation-side li.novice{ width: 153px; height: 94px; position: absolute; top: 155px; left: 70px; z-index: 1;}
	div#main .navigation-side li.ali-ste-vedeli{ width: 150px; height: 78px; position: absolute; top: 225px; left: 0px; z-index: 3;}
	div#main .navigation-side img {width: 83%; height: 83%; }
	div#main .wrapper { padding-left:40px; position:relative; padding-top: 140px; } 
	    	div#main .wrapper .sidebar-right { float: left; width: 250px; margin-right: 30px; }
		      div#main .wrapper .sidebar-right .novo-v-prodaji { position: relative; width: 245px; height: 290px; left: 8px; bottom: 12px; }
		      div#main .wrapper .sidebar-right .sidebar-block { margin-bottom: 30px; }
		      div#main .wrapper .sidebar-right .jamaica-link { background: transparent url('../images/jamaica_link.png') scroll no-repeat left top; width: 224px; height: 121px; margin-bottom: 130px;}
		      div#main .wrapper .sidebar-right .jamaica-link a { position:relative; top: 85px; left: 75px; }
		      div#main .wrapper .sidebar-right .jamaica-link img { position:absolute; top: -75px; left: -60px; width: 110px; height: 75px; }
		      div#main .wrapper .sidebar-right .nagradna-igra { cursor: pointer; position: relative; left: -25px; }
		      div#main .wrapper .sidebar-right .novo-v-prodaji img { position: relative; right: 25px; }	  
		      div#main .wrapper .main-content { float: left; width: 580px; }
		      div#main .wrapper .news-list .list-item { margin-bottom: 35px; }
		      div#main .wrapper .vedeli-list li a { color: #b81237; }
		      div#main .wrapper .vedeli-list li { color: #fd7900;  }
		      div#main .wrapper .products-cat-list .cat-list-item { 
				  width: 540px; 
				  min-height: 134px; 
				  background: transparent url('../images/cat_back.png') scroll bottom left no-repeat; 
				  margin-bottom: 40px;
				  position: relative;
		      }
		      div#main .wrapper .products-cat-list .cat-list-item .medal { position: absolute; top: -35px; right: -20px; }
		      div#main .wrapper .products-cat-list .cat-list-item .cat-image { float: right; }
		      div#main .wrapper .products-cat-list .cat-list-item .cat-desc { margin-bottom: 20px; padding-left: 30px; }
		      div#main .wrapper .products-cat-list .cat-list-item .cat-more { position: absolute; bottom: 5px; left: 30px; }
		      div#main .wrapper .products-cat-list .square { position: absolute; top: 50px; left: 680px; }
		      div#main .wrapper .products-cat-list .subcat-square { text-align: right; }
		      div#main .wrapper .sladoledi-v-banjicah-4800ml .cat-list-item{ float: left; width: 285px; background: transparent url('../images/cat_back_285.png') scroll bottom left no-repeat; }
		      div#main .wrapper .sladoledi-v-banjicah-2400ml .cat-list-item{ float: left; width: 285px; background: transparent url('../images/cat_back_285.png') scroll bottom left no-repeat; }
		      div#main .wrapper .front .col { float: left; width: 50%; }
		      div#main .wrapper .front .news-list h2 { font-size: 12px; margin: 0; }
		      div#main .wrapper .front .list-item { margin-bottom: 10px; }
		      div#main .wrapper .front .nagradna-igra { margin-top: 30px; }
		      div#main .wrapper .front .novice { margin-bottom: 50px; }
		      div#main .wrapper .front .anketa .question{ margin-bottom: 10px; }
		      div#main .wrapper .front .anketa .submit{ margin-bottom: 20px; }
		      div#main .wrapper .front .anketa .submit input{ border: 0; background: transparent; color: #fd7900; font-weight: bold;  }
		      div#main .wrapper .front .anketa .submit input:hover{ text-decoration: underline; cursor: pointer;  }
		      div#main .wrapper .front .anketa .ans .number{ 	margin-left: 25px; }
		      div#main .wrapper .front .anketa .hist-wrapper{ width: 150px; margin-bottom: 10px; }
		      div#main .wrapper .front .anketa .hist{ background: #b81237; height: 10px; }
		      div#main .wrapper .front .anketa .sum{ margin-top: 5px; }

		      div#main .wrapper .poll-archive .ans .number{ 	margin-left: 25px; }
		      div#main .wrapper .poll-archive .hist-wrapper{ margin-bottom: 10px; }
		      div#main .wrapper .poll-archive .hist{ background: #b81237; height: 10px; }
		      div#main .wrapper .poll-archive .sum{ margin-top: 5px; }
		      div#main .wrapper .poll-archive .question{ margin-bottom: 15px; }
		      div#main .wrapper .poll-archive .date{ font-size: 10px; color: #fd7900; }
		      div#main .wrapper .poll-archive .poll-item{ border-bottom: dotted 1px #fd7900; margin-bottom: 40px; }
		      div#main .wrapper .search-results h2{  margin-bottom: 5px; }
		      div#main .wrapper .search-results .desc{  margin-bottom: 20px; }

		      div#main .search { 
			    position: absolute; 
			    right: 16px; 
			    top:50px; 
			    width: 22px; 
			    height: 69px; 
			    background: transparent url('../images/jezicek_print.png') scroll no-repeat top left; 
			    padding-top: 22px;
			    padding-left: 4px;
			    z-index: 100;
		      }
		      div#main .search .srch { margin-bottom: 7px; }
		      div#main .back{ position: absolute; bottom: 10px; right: 80px;  }
		
	    
		      

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

/* -------------------- FOOT start --------------------*/
div#footer {
	position:absolute;
	bottom:0; /* stick to bottom */
	width:100%;
	clear:left;
	height: 197px;
	background: transparent url('../images/footer_gradient.png') scroll repeat-x top left; 
}
div#footer a{ color: #f7e1d8; }
div#foot {width: 960px; height: 197px; margin: 0 auto; background: transparent url('../images/footer.png') scroll no-repeat top left; color: #f7e1d8; font-size: 10px; position: relative;}
	div#foot .company-data { position: absolute; top: -110px; left: 65px; color: black; font-size: 12px; }
	      div#foot .company-data b { color: #b81237; }
	      div#foot .company-data a { color: black; font-weight: normal; }
	div#foot .copyright{ width: 300px; position: absolute;  top: 130px; left: 80px; }
	div#foot .editor{ width: 200px;  position: absolute; top: 130px; right: 80px;  }
/* --------------------- FOOT end ---------------------*/