/* vrtnopohistvo.si main.css */
/*outline: none;list-style: none;*/
*{ margin: 0; padding: 0; border: 0; font-family:Arial; color:#fff;}
body{
	text-align: center;
	background: #1e1e1e url(../img/css/bdy_bgr.gif) repeat-x 0 115px;
	font-size: 12px;
}
a,a:link,a:visited,a:active,a:hover{
	font-size: 12px;
	color: #fff;
}
a:hover{
	color: #ae2f30;
}
h1,
.h1{
	color: #ae2f30;
	padding-bottom: 10px;
	font-size: 18px;
	float: left;
	font-weight: bold
}
h2,
.h2{
	color: #ae2f30;
	padding-bottom: 5px;
	font-size: 16px;
	float: left;
	font-weight: bold
}
a.h3,
h3.h3{
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}
div#positioner{
	width: 850px;
	margin: 0 auto;
	text-align: left
}
div#top-container{
	width: 850px;
	height: 296px;
	float: left
}
div#language-selector{
	width: 850px;
	height: 35px;
	float: left
}
div#language-selector img{
	float: right;
	margin-top: 5px;
}
div#logo-holder{
	float: left;
	width: 850px;
	height: 47px
}

div#main-menu{
	width: 850px;
	float: right;
	height: 33px
}
div#main-menu a{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	height: 33px;
	line-height: 22px;
	float: right;
	margin: 0 0 0 39px;
	text-decoration: none;
}
div#main-menu a:hover,
div#main-menu a#active{
	color: #397FBA
}
div#main-menu img{
	margin-top: 5px;
}
div#white-belt{
	width: 850px;
	height: 181px;
	float: left
}
.btws{
	border-top: solid 1px #fff;
}
div#main-image-canvas{
	width: 535px;
	height: 181px;
	float: left;
	overflow: hidden
}
div.content{
	width: 850px;
	/*min-height: 400px;
	height: auto !important;
	height: 400px;
	border-bottom: solid 1px #666;*/
	margin-top: 28px;
	float: left;
	padding-bottom: 28px
}
div.small-mrg{
	padding-bottom: 20px
}
div.home-left-container{
	float: left;
	display: inline;
	margin-bottom: 1px;
}
div.f-off,
div.s-off,
div.t-off{
	width: 301px;
	float: left;
	height: 114px;
	margin-bottom: 1px;
	display: inline
}
div.s-off{
	margin-left: 151px;
	margin-bottom: 0;
}
div.t-off{
	margin-left: 302px;
	margin-bottom: 0;
}
div.home-img{
	width: 146px;
	height: 110px;
	float: left;
	padding: 1px;
	border: solid 1px #3779B3;
	text-align: center;
	overflow: hidden;
	margin-right: 1px;
}
div.blue-square,
div.blue-squareAct{
	width: 144px;
	height: 103px;
	float: left;
	line-height: 100%;
	overflow: hidden;
	padding: 11px 0 0 6px;
	background: url(../img/css/homeBlueSquare.gif) no-repeat top left
}
div.blue-squareAct{
	background: url(../img/css/homeBlueSquareAct.gif) no-repeat top left;
}
a.home,
h3.home{
	margin-bottom: 15px;
	font-size: 12px;
}
a.home{
	float:left;
		text-decoration: none
}
div.blue-sq-desc{
	width: 135px;
	height: 43px;
	float: left;
	line-height: 128%;
	margin-bottom: 13px;
	font-size: 11px
}
div.blue-sq-desc a,div.blue-sq-desc a:hover{
	text-decoration: none;
	font-size: 11px;
	line-height: 128%;
	color: #fff
}
a.blue-sq-more{
	color: #9bbcd8;
	float: left;
	height: 15px 
}
h3.welcome{
	color: #999;
	margin-bottom: 11px
}
div.welcome-text{
	float: left;
	line-height: 143%;
	margin-top: 38px;
	margin-left: 30px;
	width: 368px;
	font-size: 11px;
	display: inline
}

/*KATALOG*/
#catalog-navi {
	width:210px;
	float: left
}
#catalog-navi ul{
	width:210px;
	float: left
}
#catalog-navi li {
	list-style:none; 
	outline: none;
	float: left;
	width:210px;
}
#catalog-navi div.head{
	cursor:pointer;
	font-weight: bold;
	font-size: 14px;
	float: left;
	line-height: 14px;
	width:210px;
	height: 14px;
	margin-top: 8px;
	margin-bottom: 5px;
	text-decoration: none
}
#catalog-navi a{
	float: left;
	width: 200px;
	text-decoration: none;
	padding-left: 10px;
	margin-bottom: 0px;
	height: 22px;
}
#catalog-navi a:hover,
#catalog-navi a.current{
	color: #3779B1;
	background: url(../img/css/selCatNavi.gif) no-repeat 0 3px;
}
#catalog-navi a.h-red:hover,
#catalog-navi a.current-red{
	color: #CC0000;
	background: url(../img/css/selCatNaviRed.gif) no-repeat 0 3px;
}
div.catalog-right{
	float: left;
	width: 640px;
	padding-top: 2px
}
div.catalog-right div.art-title{
	border-top: solid 1px #3779B3;
	float: left;
	width: 100%;
	line-height: 20px
}
div.catalog-right div.img{
	width: 148px;
	height: 139px;
	float: left;
	border: solid 1px #3779B3;
	text-align: center;
	padding: 0;
	overflow: hidden;
	display: inline;
	margin: 0 0px 11px 10px;
}
div.catalog-right div.img div.inner{
	width: 146px;
	height: 110px;
	float: left;
	text-align: center;
	padding: 1px;
	overflow: hidden
}
div.rg{
	width: 410px;
	float: left
}
div.lf{
	width: 222px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left
}
div.l-img-holder{
	width: 400px;
	height: 300px;
	float: left;
	overflow: hidden;
}
div.thumb-img-holder{
	width: 102px;
	height: 70px;
	float: left;
	overflow: hidden;
	margin-top: 8px;
	text-align: left
}
div.thumb-img-holder img{
	margin: 0 auto
}
div.l-top{
	width: 100%;
	min-height: 308px;
	height: auto !important;
	height: 308px;
	line-height: 143%;
	text-align: justify
}
div.l-bttm{
	width: 100%;
	height: 26px;
	border-bottom: solid 9px #3779B1;
	margin-top: 35px
}
div.red{
	height: 61px !important;
	border-bottom: solid 9px #CC0000;
	margin-top: 0px
}
div.l-bttm a{
	color: #3779B1;
}
div.big-blue-title{
	min-height: 19px;
	height: auto !important;
	height: 19px;
	width: 202px;
	float: left;
	background: #3779B1;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}
div.t-red{
	background: #CC0000;
}
div.price{
	float: left;
	font-size: 10px;
	font-weight: bold;
	width: 222px;
}
div.old-price{
	color: #ccc;
	text-decoration: line-through;
	float: right;
	letter-spacing: 1px
}
div.new-price{
	float: right;
	color: #CC0000;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	letter-spacing: 1px
}
/*KATALOG END*/
h3.tech{
	width: 218px;
}
div.text-container{
	float: left;
	width: 632px;
	padding-top: 3px
}
div.tech-canvas{
	height: auto;
	margin-bottom: 30px;
	width: 632px;
	float: left
}
div.tech-text-canvas{
	width: 467px;
	float: left
}
div.img{
	width: 146px;
	height: 110px;
	float: left;
	padding: 1px;
	border: solid 1px #3779B3;
	text-align: center;
	overflow: hidden;
	margin-right: 15px;
}
div.img-small{
	width: 94px;
	height: 70px;
	float: left;
	padding: 1px;
	border: solid 1px #3779B3;
	text-align: center;
	overflow: hidden;
	margin: 5px 5px 0px 0px;
}
div.blue-title,
div.blue-title14{
	font-size: 12px;
	color: #3D8ACD;
	width: 467px;
	height: 35px;
	float: left;
	font-weight: bold
}
div.l-height{
	height: 27px;
}
div.blue-title14{
	font-size: 14px;
}
h3.contact{
	width: 218px;
	margin-bottom: 40px;
}
div.left{
	width: 218px;
	float: left;
	color: #999;
	font-size: 12px;
	line-height: 160%
}
div.blueFont{
	color: #3D8ACD
}
div.right-text-container{
	float: left;
	width: 632px;
	padding-top: 1px;
	line-height: 148%;
	text-align: justify;
}
div.top-text{
	float: left;
	font-size: 12px;
	line-height: 156%;
}
div.required{
	color: #999;
	float: right;
	margin: 20px 0 0px 0
}
div.secure-code{
	float: left;
	width: 631px;
	height: 126px;
	margin: 10px 0 0 0;
	background: url(../img/css/securCodeBgr.gif) no-repeat top left;
	border-bottom: solid 1px #3F91D8
}
form#kontakt label{
	width: 185px;
	font-size: 12px;
	float: left;
	text-align: right;
	margin: 10px 10px 0 0;
	line-height: 25px;
}
form#kontakt input,
form#kontakt textarea{
	border: solid 1px #666;
	background: none;
	width: 434px;
	height: 19px;
	padding-top: 5px;
	float: left;
	margin: 10px 0px 0 0;
	font-weight: bold;
	font-size: 12px;
}
form#kontakt textarea{
	height: 116px;
	overflow: auto;
}
form#kontakt input.button{
	width: 67px;
	height: 25px;
	padding-top: 0px;
	float: none;
	margin-right: 10px;
}
form#kontakt input.secure{
	width: 157px;
	background: #fff;
	height: 25px;
	padding-top: 0px;
	float: left;
	margin-left: 41px;
	margin-bottom: 5px;
	color:#000
}
form#kontakt img{
	border: solid 1px #666;
}
form#kontakt div.fl{
	float: left;
	width: 100%;
}
a.kontakt{
	font-size: 12px;
	color: #999;
	float: left;
	height: 15px;
	margin-top:150px;
	padding-left:15px;
	background: url(../img/css/greyArrow.gif) no-repeat 0 5px;
}
div.id-card{
	margin-top: 20px;
	float: left
}
div.ic-title,
div.ic-value{
	border-bottom: dotted 1px #666;
	float: left;
	width: 316px;
	height: 18px;
}
div.aboutBlue{
	height: 20px
}
div#spletko{
	float: left;
	width: 850px;
	text-align: center;
	padding: 10px 0 50px 0;
	position: relative;
}

div#spletko div#nacrt{
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 10px;
}

div#spletko div#nacrt a{
	color: #666;
	text-decoration: none;
}

div#spletko div#nacrt a:hover{
	text-decoration: underline;
}

img.logos-first{
	margin-top: 30px
}
img.logos,
img.logos-first{
	margin-bottom: 8px
}
.cb{clear:both !important}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.clrblck{color:#000 !important}
.clrred{color:#FF0000 !important}
.clrwht{color:#fff !important}
.clr999{color:#999 !important}
.fsi{font-style: italic !important}
.clrBrightGrey{color: #d0d0d0 !important}
.bgrwht{background-color:#fff !important}
.cp{cursor:pointer !important}
.di{display:inline}
.cm{cursor: move !important}
.fwb{font-weight:bold !important}
.db{display:block !important}
.dn{display: none !important}
.mb0{margin-bottom: 0 !important}
.mr10{margin-right: 10px !important}
.mr9{margin-right: 9px !important}
.mr8{margin-right: 8px !important}
.mr0{margin-right: 0 !important}
.mb8{margin-bottom: 8px !important}
.mb1{margin-bottom: 1px !important}
.mt1{margin-top: 1px !important}
.mt0{margin-top: 0px !important}
.ml1{margin-left: 1px !important}
.pr{position: relative !important}
.tac{text-align: center !important}

/* UPDATE 2. SEPT. 2010 */

#bluefooter {
	position: relative;
	width: 850px;
	height: 121px;
	background-image: url(../img/bluefooter.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#bluefooter .bluecats {
	position: absolute;
	left: 20px;
	top: 7px;
	line-height: 16px;
}

#bluefooter .bluecats h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #1b3b57;
	padding: 0 0 1px 0;
}

#bluefooter .bluecats a {
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}

#bluefooter .bluevizitka {
	position: absolute;
	top: 7px;
	right: 0;
	width: 300px;
	color: #cccccc;
	line-height: 16px;
}

#bluefooter .bluevizitka h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #1b3b57;
	padding: 0 0 1px 0;
}

#bannerjifooter {
	padding: 22px 0 9px 0;
	text-align: center;
}

#homeleft {
	float: left;
	display: inline;
	width: 562px;
	background-image: url(../img/homeline.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#homeright {
	float: left;
	display: inline;
	width: 288px;
}

.homebox {
	float: left;
	display: inline;
	width: 254px;
	margin: 0 20px 0 0;
}

.homebox .pctr {
	width: 254px;
	height: 194px;
	text-align: center;
	background-image: url(../img/box.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.homebox .pctr img {
	padding: 7px 0;
}

.homebox .boxnaziv {
	float: left;
	display: inline;
	width: 82px;
	font-size: 20px;
	font-weight: normal;
	padding: 5px 0 0 6px;
}

.homebox .boxnaziv a {
	font-size: 20px;
	font-weight: normal;
}

.homebox .boxnaziv a:hover {
	color: #FFFFFF;
}

.homebox .boxdesc {
	float: left;
	display: inline;
	width: 165px;
	color: #b7b7b7;
	font-size: 11px;
	line-height: 14px;
	padding: 8px 0 20px 0;
}

.homebox .boxdesc img {
	vertical-align: middle;
}

#homeleft div.akcijared .pctr {
	background-image: url(../img/boxred.gif);
}