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

h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0; font-weight: normal; color: #16bbc7; font-family: Calibri, Tahoma, Verdana, Arial, sans-serif;}
h1 {font-size: 24px;}
h2 {font-size: 13px; color: #3c82c9}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a { font-weight: bold; text-decoration: none; color: #16BBC7;}
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;}

a.lnk1 {color: gray;}
a.lnk1:hover {color: silver;}

a.lnk2 {color: red;}
a.lnk2:hover {color: blue;}

a.lnk3 {color: green;}
a.lnk3:hover {color: purple;}

.clearer{ clear: both;}
.description{ font-style: italic; margin: 15px 0;}
.print-popup{ text-align: right;}

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

/* -------------------- HEAD start --------------------*/
div#header {
	height: 180px;
	margin: 0 0 9px 0;
}
div#head {width: 900px; height: 180px; background: transparent url('../images/oblaki.png') scroll no-repeat top left; margin: 0 auto;}
	  div#head #logo{ position: relative; top: 10px; }
	  div#head #cent-anni{ position: absolute; top: 0px; right: 30px;}
	  div#head #menu{
		    position: absolute;
		    top: 110px;
		    right: 30px;
	  }
	  div#head #menu .novo{
		    position: absolute;
		    top: -10px;
		    right: -15px;
		    width: 60px;
		    height: 60px;
	  }
	  div#head #menu li{
		      list-style-type: none;
		      float: left;
		      padding: 0 12px;
	  }
/* --------------------- 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 */
}
div#main {
	width: 900px; 
	margin: 0 auto;
	padding-bottom: 240px;
	background: transparent url('../images/stanga.png') scroll repeat-y 95px bottom;
}
	div#main #menu{ 
		    float: left; 
		    width: 276px; 
		    background: transparent url('../images/stanga_top.png') scroll 95px -50px no-repeat; 
	}
	div#main .with-izdelki-submenu{ 
		    height: 605px; 
	}
	div#main .with-mlekarna-submenu{ 
		    height: 640px; 
	}
	div#main .no-submenu{ 
		    height: 620px; 
	}
		    div#main #menu #menu-side{ 
			    position: relative;
			    padding: 0;
			    margin: 0;
		    }
		    div#main #menu #menu-side li{ 
			    list-style-type: none;
			    position: absolute;
		    }
			div#main #menu #menu-side .izdelki{ top: 60px; left: 15px; height: 59px;}
			    div#main #menu #menu-side .izdelki .mleko{ top: 50px; left: 15px; height: 33px; }
			    div#main #menu #menu-side .izdelki .jogurti{ top: 75px; left: 23px; z-index: 10; height: 35px;}
			    div#main #menu #menu-side .izdelki .sadni-jogurti{ top: 100px; left: 21px; z-index: 10; height: 36px;}
			    div#main #menu #menu-side .izdelki .bifidus{ top: 125px;  left: 24px; z-index: 5; height: 44px;}
			    div#main #menu #menu-side .izdelki .skuta{ top: 164px; left: 21px;  z-index: 10; height: 35px;}
			    div#main #menu #menu-side .izdelki .siri{ top: 188px; left: 15px;  z-index: 5; height: 46px;}
			    div#main #menu #menu-side .izdelki .nanoski{ top: 228px; left: 10px;  z-index: 5; height: 36px;}
			    div#main #menu #menu-side .izdelki .bio{ top: 250px; left: 23px;  z-index: 10; height: 44px;}
			div#main #menu #menu-side .mlekarna{ top: 350px; left: 15px; z-index: 9; height: 59px;}
			div#main #menu #menu-side .zanimivo{ top: 398px; left: 15px;  z-index: 10; height: 61px;}
			div#main #menu #menu-side .za-medije{ top: 445px; left: 15px; z-index: 5; height: 61px; }
			div#main #menu #menu-side .galerija{ top: 493px; left: 15px; z-index: 10; height: 49px;}
			div#main #menu #menu-side .akcije{ top: 530px; left: 15px; height: 56px;}
			div#main #menu #menu-side .nagradna{ top: 580px; left: 15px; height: 64px;}
			div#main #menu #menu-side .kaj-pravijo{ top: 575px; left: 15px; height: 58px;}

			div#main #menu #menu-side .mlekarna-no-sub{ top: 100px; left: 15px; z-index: 9; height: 59px;}
			div#main #menu #menu-side .zanimivo-no-sub{ top: 148px; left: 15px;  z-index: 10; height: 61px;}
			div#main #menu #menu-side .za-medije-no-sub{ top: 195px; left: 15px; z-index: 5; height: 61px; }
			div#main #menu #menu-side .galerija-no-sub{ top: 243px; left: 15px; z-index: 10; height: 49px;}
			div#main #menu #menu-side .akcije-no-sub{ top: 280px; left: 15px; height: 56px;}
			div#main #menu #menu-side .nagradna-no-sub{ top: 330px; left: 15px; height: 64px;}
			div#main #menu #menu-side .kaj-pravijo-no-sub{ top: 325px; left: 15px; height: 58px;}

			div#main #menu #menu-side .izdelki-mlekarna-sub{ top: 60px; left: 15px; height: 59px;}
			div#main #menu #menu-side .mlekarna-mlekarna-sub{ top: 105px; left: 15px; z-index: 9; height: 59px;}
			    div#main #menu #menu-side .mlekarna-mlekarna-sub .osebna-izkaznica{ top: 52px; left: 15px; height: 33px; }
			    div#main #menu #menu-side .mlekarna-mlekarna-sub .zgodovina{ top: 78px; left: 7px; height: 33px; z-index: -1; }
			    div#main #menu #menu-side .mlekarna-mlekarna-sub .nagrade-in-priznanja{ top: 119px; left: 12px; height: 33px; }
			    div#main #menu #menu-side .mlekarna-mlekarna-sub .zaposlitev{ top: 175px; left: 15px; height: 33px; }
			    div#main #menu #menu-side .mlekarna-mlekarna-sub .vipavska-dolina{ top: 151px; left: 4px; height: 33px; }
			    div#main #menu #menu-side .mlekarna-mlekarna-sub .povezave{ top: 208px; left: 16px; height: 33px; }
			    div#main #menu #menu-side .mlekarna-mlekarna-sub .kontakti{ top: 238px; left: 8px; height: 33px; }
			div#main #menu #menu-side .zanimivo-mlekarna-sub{ top: 388px; left: 15px;  z-index: 10; height: 61px;}
			div#main #menu #menu-side .za-medije-mlekarna-sub{ top: 435px; left: 15px; z-index: 5; height: 61px; }
			div#main #menu #menu-side .galerija-mlekarna-sub{ top: 483px; left: 15px; z-index: 10; height: 49px;}
			div#main #menu #menu-side .akcije-mlekarna-sub{ top: 520px; left: 15px; height: 56px;}
			div#main #menu #menu-side .nagradna-mlekarna-sub{ top: 570px; left: 15px; height: 64px;}
			div#main #menu #menu-side .kaj-pravijo-mlekarna-sub{ top: 565px; left: 15px; height: 58px;}

	div#main #text{ 
		    float: left; 
		    width: 624px; 
	}
		    div#main #text .top{ 
				background: transparent url('../images/content-top.png') scroll top left no-repeat;  
				width: 624px;  
				height: 25px;
		    }
		    div#main #text .middle{ 
				background: transparent url('../images/content-middle.png') scroll top left repeat-y; 
				width: 624px;  
		    }
				div#main #text .middle .prods-list .prod-item{ 
					  width: 280px;
					  float: left;
					  margin-bottom: 55px;
				}
				div#main #text .middle .prods-list .products{ 
					  margin-top: 45px;
				}
				div#main #text .middle .prods-list .prod-item .image{ 
					  width: 135px;
					  height: 135px;
 					  background: transparent url('../images/mask_thumb.png') scroll top left no-repeat;
					  float: left;
					  margin-right: 8px;
				}
				div#main #text .middle .prods-list .prod-item .image img{ 
					  position: relative;
					  top: 9px;
					  left: 9px;
				}
				div#main #text .middle .prods-list .prod-item .name{ 
					  float: left;
					  width: 130px;
				}
					  div#main #text .middle .prods-list .prod-item .name a{ 
						    text-decoration: none;
						    font-weight: normal;
						    color: #3c82c9;
					  }
					  div#main #text .middle .prods-list .prod-item .name a:hover{ 
						    text-decoration: underline;
					  }
				div#main #text .middle .prods-list .prod-item .desc{ 
					  float: left;
					  width: 130px;
				}
				div#main #text .middle .product-article .image{ 
					  float: right;
					  margin: 0 0 15px 15px;
					  width: 167px;
					  height: 127px;
					  background: transparent url('../images/mask_text.png') scroll top left no-repeat;
				}
					  div#main #text .middle .product-article .image img{ 
						    position: relative;	
						    top: 9px;
						    left: 9px;
					  }
				div#main #text .middle .izdelki-categories .categories{ 
					  margin-top: 45px;
				}
				div#main #text .middle .izdelki-categories .cat-item{ 
					  margin-bottom: 55px;
				}
				div#main #text .middle .izdelki-categories h2 a{ 
					  text-decoration: none;
					  color: #3c82c9;
					  font-size: 16px;
					  margin: 0 0 10px 0;
				}
				div#main #text .middle .izdelki-categories h2 a:hover{ 
					  text-decoration: underline;
				}
				div#main #text .middle .izdelki-categories .image{ 
					  float: left; 
					  width: 167px;
					  height: 127px;
					  background: transparent url('../images/mask_text.png') scroll top left no-repeat;
					  margin-right: 15px;
				}
				div#main #text .middle .izdelki-categories .image img{ 
						    position: relative;	
						    top: 9px;
						    left: 9px;
				}
				div#main #text .middle .pravijo-article h1{ 
					  color: #e371a8;
				}
				div#main #text .middle .pravijo-article .image{ 
					  float: right;
					  margin: 0 0 15px 15px;
					  width: 167px;
					  height: 127px;
					  background: transparent url('../images/mask_text.png') scroll top left no-repeat;
				}
					  div#main #text .middle .pravijo-article .image img{ 
						    position: relative;	
						    top: 9px;
						    left: 9px;
					  }
				div#main #text .middle .novica-article h1{ 
					  color: #fcad10;
				}
				div#main #text .middle .novica-article .image{ 
					  float: right;
					  margin: 0 0 15px 15px;
					  width: 167px;
					  height: 127px;
					  background: transparent url('../images/mask_text.png') scroll top left no-repeat;
				}
					  div#main #text .middle .novica-article .image img{ 
						    position: relative;	
						    top: 9px;
						    left: 9px;
					  }

				div#main #text .middle .novice-list h1{ 
					  color: #fcad10;
				}
				div#main #text .middle .novice-list .novica-item{ 
					  width: 280px;
					  float: left;
					  margin-bottom: 55px;
				}
				div#main #text .middle .novice-list .novice{ 
					  margin-top: 45px;
				}
				div#main #text .middle .novice-list .novica-item .image{ 
					  width: 106px;
					  height: 106px;
 					  background: transparent url('../images/mask_orange.png') scroll top left no-repeat;
					  float: left;
					  margin-right: 8px;
				}
				div#main #text .middle .novice-list .novica-item .image img{ 
					  position: relative;
					  top: 3px;
					  left: 3px;
				}
				div#main #text .middle .novice-list .novica-item .name{ 
					  float: left;
					  width: 165px;
					  color: #fcad10;
				}
					  div#main #text .middle .novice-list .novica-item .name a{ 
						    text-decoration: none;
						    font-weight: normal;
						    color: #fcad10;
					  }
					  div#main #text .middle .novice-list .novica-item .name a:hover{ 
						    text-decoration: underline;
					  }

				div#main #text .middle .pravijo-list h1{ 
					  color: #e371a8;
				}
				div#main #text .middle .pravijo-list .pravijo-item{ 
					  width: 280px;
					  float: left;
					  margin-bottom: 55px;
				}
				div#main #text .middle .pravijo-list .pravijo{ 
					  margin-top: 45px;
				}
				div#main #text .middle .pravijo-list .pravijo-item .image{ 
					  width: 106px;
					  height: 106px;
 					  background: transparent url('../images/mask_pink.png') scroll top left no-repeat;
					  float: left;
					  margin-right: 8px;
				}
				div#main #text .middle .pravijo-list .pravijo-item .image img{ 
					  position: relative;
					  top: 3px;
					  left: 3px;
				}
				div#main #text .middle .pravijo-list .pravijo-item .name{ 
					  color: #e371a8;
					  float: left;
					  width: 165px;
				}
					  div#main #text .middle .pravijo-list .pravijo-item .name a{ 
						    text-decoration: none;
						    font-weight: normal;
						    color: #e371a8;
					  }
					  div#main #text .middle .pravijo-list .pravijo-item .name a:hover{ 
						    text-decoration: underline;
					  }

				div#main #text .middle .zanimivo-list h1{ 
					  color: #FCAD10;
				}
				div#main #text .middle .zanimivo-list .wrapper .list-item{ 
					  width: 280px;
					  float: left;
					  margin-bottom: 55px;
				}
				div#main #text .middle .zanimivo-list .wrapper{ 
					  margin-top: 45px;
				}
				div#main #text .middle .zanimivo-list .list-item .image{ 
					  width: 106px;
					  height: 106px;
 					  background: transparent url('../images/mask_orange.png') scroll top left no-repeat;
					  float: left;
					  margin-right: 8px;
				}
				div#main #text .middle .zanimivo-list .list-item .image img{ 
					  position: relative;
					  top: 3px;
					  left: 3px;
				}
				div#main #text .middle .zanimivo-list .list-item .desc{ 
					  padding-right: 10px;
				}
				div#main #text .middle .zanimivo-list .list-item .name{ 
					  float: left;
					  width: 275px;
					  color: #FCAD10;
				}
					  div#main #text .middle .zanimivo-list .list-item .name a{ 
						    text-decoration: none;
						    font-weight: normal;
						    color: #FCAD10;
					  }
					  div#main #text .middle .zanimivo-list .list-item .name a:hover{ 
						    text-decoration: underline;
					  }

				div#main #text .middle .akcije-list h1{ 
					  color: #FCAD10;
				}
				div#main #text .middle .akcije-list table{
					   width: 100%;
				}
				div#main #text .middle .akcije-list th{
					  color: #FCAD10;
					  text-align: left;
					  border-bottom: solid 1px #FCAD10;
					  border-top: solid 1px #FCAD10;
				}
				div#main #text .middle .akcije-list tr{
					  border-bottom: 1px dotted #FCAD10;
				}
					  div#main #text .middle .akcije-list a{ 
						    text-decoration: none;
						    font-weight: normal;
						    color: #FCAD10;
					  }
					  div#main #text .middle .akcije-list a:hover{ 
						    text-decoration: underline;
					  }

				div#main #text .middle .akcija-article h1{ 
					  color: #FCAD10;
				}
				div#main #text .middle .akcija-article strong{ 
					  color: #FCAD10;
				}
				div#main #text .middle .press-article h1{ 
					  color: #a6c628;
				}
				div#main #text .middle .press-article strong{ 
					  color: #a6c628;
				}

				div#main #text .middle .press-list h1{ 
					  color: #a6c628;
				}
		      

		    div#main #text .middle .text-content{ 
				padding: 0 30px; 
		    }
		    div#main #text .bottom{ 
				background: transparent url('../images/content-bottom.png') scroll top left no-repeat;  
				width: 624px;  
				height: 25px;  
		    }
		    div#main #text .front-container{
				width: 624px;
		    }
		    div#main #text .front-container .half{
				float: left;
		    }
		    div#main #text .front-container .left{
				width: 273px;
				margin-right: 30px;
		    }
				div#main #text .front-container .left .kaj-pravijo-block{
					    margin-top: 45px;
				}
 				div#main #text .front-container .left .kaj-pravijo-block .image{
					  width: 106px;
					  height: 106px;
 					  background: transparent url('../images/mask_pink.png') scroll top left no-repeat;
					  float: left;
					  margin: 0 8px 8px 0; 
				}
 				div#main #text .front-container .left .kaj-pravijo-block .image img{
					  position: relative;
					  top: 3px;
					  left: 3px;
				}
 				div#main #text .front-container .left .kaj-pravijo-block .name{
					  font-weight: bold;
					  margin-bottom: 10px;
				}
 				div#main #text .front-container .left .kaj-pravijo-block a{
					  color: #e371a8;
				}
				div#main #text .front-container .left .akcije-block{
					    margin-top: 45px;
				}

		    div#main #text .front-container .right{
				width: 321px;
		    }
				div#main #text .front-container .right .intro-text{
					    float: left;
					    width: 200px;
					    margin-right: 20px;
				}
				div#main #text .front-container .right .logotipi{
					    float: left;
					    width: 100px;
				}
				div#main #text .front-container .right .iskalnik{
					    margin-top: 30px;
				}
				div#main #text .front-container .right .iskalnik .input-container{
					    background: transparent url('../images/search-back.png') scroll no-repeat top left;
					    height: 21px;
					    width: 254px;
					    padding-top: 4px;	
					    padding-left: 10px;
				}
				div#main #text .front-container .right .iskalnik .input-container label{
					    font-weight: bold;
				}
				div#main #text .front-container .right .iskalnik .input-container input{
					    border: 0;
					    background: transparent;
					    color: #013853;
				}
				div#main #text .front-container .right .iskalnik .submit-container{
					    height: 25px;
					    width: 59px;
					    position: absolute;
					    top: 0px;
					    right: 0px;
				}
				div#main #text .front-container .right .iskalnik .submit-container input{
					    background: transparent url('../images/button_isci.png') scroll no-repeat top left;
					    height: 25px;
					    width: 59px;
					    border: 0;
					    cursor: pointer;
				}
				div#main #text .front-container .right .otroci-block{
					    margin-top: 45px;
				}
				div#main #text .front-container .right .novice-block{
					    margin-top: 45px;
				}
 				div#main #text .front-container .right .novice-block .image{
					  width: 106px;
					  height: 106px;
 					  background: transparent url('../images/mask_orange.png') scroll top left no-repeat;
					  float: left;
					  margin: 0 8px 8px 0; 
				}
 				div#main #text .front-container .right .novice-block .date{
					  color: #fcad10;
					  font-size: 10px;
				}
 				div#main #text .front-container .right .novice-block .image img{
					  position: relative;
					  top: 3px;
					  left: 3px;
				}
 				div#main #text .front-container .right .novice-block .name{
					  font-weight: bold;
					  margin-bottom: 10px;
				}
 				div#main #text .front-container .right .novice-block a{
					  color: #fcad10;
				}
 				div#main #text .front-container .right .novice-block .older a{
					  color: #013853;
					  font-weight: normal;
				}
 				div#main #text .front-container .right .novice-block .older li{
					  list-style-image: url('../images/orange_li_bullet.png');
				}

				div#main #text .middle .mlekarna-article h1{ 
					  color: #e371a8;
				}
				div#main #text .middle .mlekarna-article h2{ 
					  color: #e371a8;
					  font-size: 14px;
				}
				div#main #text .middle .mlekarna-article .links{ 
					  border-bottom: 1px dotted #e371a8;
					  text-align: center;
					  margin-bottom: 5px;
				}
				div#main #text .middle .mlekarna-article .links a{ 
					  color: #e371a8;
					  font-weight: normal;
				}
				div#main #text .middle .mlekarna-article .links .item{ 
					  margin-right: 30px;
				}
				div#main #text .middle .mlekarna-article .links .last{ 
					  margin-right: 0px;
				}
				div#main #text .middle .mlekarna-article .links .active a{ 
					  font-weight: bold;
				}
				div#main #text .middle .mlekarna-article .image{ 
					  float: right;
					  margin: 0 0 15px 15px;
					  width: 167px;
					  height: 127px;
					  background: transparent url('../images/mask_text.png') scroll top left no-repeat;
				}
					  div#main #text .middle .mlekarna-article .image img{ 
						    position: relative;	
						    top: 9px;
						    left: 9px;
					  }

				div#main #text .middle .gallery-page .text{
					  margin: 15px 0 25px 0;
				}
				div#main #text .middle .gallery-page .images .image-item .thumb{
					  float: left;
					  background: url("../images/mask_thumb.png") no-repeat scroll left top transparent;
					  width: 135px;
					  height: 135px;
					  margin: 0 3px 10px;
				}
				div#main #text .middle .gallery-page .images .image-item .thumb img{
					  position: relative;
					  top: 9px;
					  left: 9px;
				}
				div#main #text .middle .gallery-page .subgalleries .subgal-item{
					  float: left;
					  margin: 0px 10px 10px;
				}
				div#main #text .middle .gallery-page .subgalleries .subgal-item .name{
					  text-align: center;
				}
				div#main #text .middle .gallery-page .subgalleries .subgal-item a{
					  color: #16BBC7;
				}
				div#main #text .middle .gallery-page .subgalleries .subgal-item .thumb{
					  background: url("../images/mask_text.png") no-repeat scroll left top transparent;
					  width: 167px;
					  height: 127px;
				}
				div#main #text .middle .gallery-page .subgalleries .subgal-item .thumb img{
					  position: relative;
					  top: 9px;
					  left: 9px;
				}

				div#main #text .middle .press-list .list-item{
					  padding-bottom:50px;
				}
				div#main #text .middle .press-list .date{
					  color: #A6C628;
					  border-bottom: 1px dotted #A6C628;
				}
				div#main #text .middle .press-list a{
					  color: #A6C628;
					  font-size: 15px;
				}
				div#main #text .middle .press-list h2{
					  margin: 10px 0 20px 0;
				}
				div#main #text .middle .press-list .desc{
					  border-bottom: 1px dotted #A6C628;
					  padding-bottom: 10px;
				}
				div#main #text .middle .search-results .search-result{
					  padding-bottom: 30px;
				}
				div#main #text .middle .search-results .search-result h2{
					  margin-bottom: 3px;
				}

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

/* -------------------- FOOT start --------------------*/
div#footer {
	position:absolute;
	bottom:0; /* stick to bottom */
	width:100%;
	clear:left;
	height: 240px;
	background: transparent url('../images/foot_trava.png') repeat-x top center scroll;
}
div#foot {width: 900px; height: 240px; margin: 0 auto; background: transparent url('../images/footer.png') no-repeat scroll top left; }
/* --------------------- FOOT end ---------------------*/