/*** Prirejene Vsebine ***/

.grid-full-vebina	{ width:900px; display:inline; float:left; margin: 15px 30px 0 30px !important; }
.grid_half-vsebina	{ width:435px; display:inline; float:left; margin: 15px 0 15px 30px !important; }
.grid_half2-vsebina	{ width:435px; display:inline; float:left; margin: 15px 30px 15px 0 !important; }
.grid-left-vebina	{ width:290px; display:inline; float:left; margin: 15px 0 15px 30px !important; }
.grid-middle-vebina	{ width:290px; display:inline; float:left; margin: 15px !important; }
.grid-right-vebina	{ width:290px; display:inline; float:left; margin: 15px 30px 15px 0 !important; }

.grid-right-vebina ul	{ margin-left: 15px !important; }

.video       		{ display:block; width:435px; height:218px; border:solid 5px #e1e8c1; }
.video_mini      	{ display:block; width:280px; height:163px; border:solid 5px #e1e8c1; }

.brener				{ width:960px; height:139px; background: url('../images/brener.png') 5px 0px no-repeat; }


.grid_okvir						{ color: #FFF; width:900px; display:inline; float:left; margin: 15px 30px 15px 30px !important;  }
.grid_okvir_polje img			{ position:relative; z-index:1; }
.grid_okvir_polje				{ position:relative; background-color: #e1e8c1; text-align:center; width:150px; height:130px; display:inline; float:left; left:4px; margin: 5px 4px 5px 4px !important; padding: 10px !important; }
.grid_okvir_polje .vec			{ display:none; }
.grid_okvir_polje:hover .vec	{ line-height: 18px; font-size: 11px; right:10px; display:block; position:absolute; z-index:2; top:10px; background-color: #8aa207; height:130px; text-align:center; width:150px; float:left; margin: -10px; padding: 10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.okvir_naslov					{ display: inline; color: #000; font-size: 14px; margin-bottom:24px; line-height:40px; }

.grid_okvir_polje_irobot img			{ position:relative; z-index:1; }
.grid_okvir_polje_irobot				{ position:relative; background-color: #e1e8c1; text-align:center; width:170px; height:150px; display:inline; float:left; left:4px; margin: 5px 4px 5px 4px !important; padding: 0px !important; }
.grid_okvir_polje_irobot .funkcija		{ color: #FFF; z-index:2; position:relative; display:inline; top: -40px; }
.grid_okvir_polje_irobot .vec			{ display:none; }
.grid_okvir_polje_irobot:hover .vec		{ line-height: 18px; font-size: 11px; right:10px; display:block; position:absolute; z-index:2; top:10px; background-color: #8aa207; height:130px; text-align:center; width:150px; float:left; margin: -10px; padding: 10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }


/*** Drag meni ***/
#yourCarouselId {
	width: 100%;			
	height: 265px;
}


/*** Specifikacije Tabela ***/

table.specifikacije{
	margin-top:25px;
    border-collapse:separate;
	font-size:11px;
}
.specifikacije thead th{
    padding:10px;
    color:#fff;
    border:1px solid #FFF;
    border-bottom:3px solid #FFF;
    background-color:#8aa207;
}
.specifikacije thead th:empty{
    background:transparent;
    border:none;
}
.specifikacije tbody th{
    color:#fff;
    background-color:#8aa207;
    border:1px solid #FFF;
    border-right:3px solid #FFF;
    padding: 5px 7px 3px 7px;
	font-weight: bold;
}
.specifikacije tbody td{
    padding: 5px 7px 3px 7px;
    text-align:center;
    background-color:#e1e8c1;
    border: 2px solid #FFF;
    color:#000;
}




/*** Horizontal Slider ***/

.horizontal {
	background: #e1e8c1;
	width: 949px;
	margin: 20px auto;
	height: 140px;
	padding: 1px 0 1px 0;
	}
	
.horizontal .carousel {
	width: 949px;
	height: 140px;
	margin: 0 auto;
	position: relative;
	}
	
.horizontal .carousel_container {
	width: 884px; /* 3x220 + 3x1px margin */
	height: 140px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 3px;
	position: relative;
	}
	
.horizontal ul  { 
	height: 140px;
	width: 1980px; /* will be overwritten by javascript*/
}
	
.horizontal ul li {
	width: 220px;
	height: 140px;
	display: block;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	position: relative
	}
	
.horizontal ul li a {
	width: 220px;
	height: 140px;
	background: #CCC;
	display: block;
	color: #fff;
	}
	
.horizontal ul li .caption {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	}
	
	
.carousel_right, .carousel_left {
	position: absolute;
	width: 26px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	}
	
.carousel_left { 
	top: 45px; left:3px;
	background: url(../images/prev.png) top left;
	}
.carousel_right { 
	top: 45px; right:3px;
	background: url(../images/next.png) top left;
	}
.carousel_right:hover, .carousel_left:hover {
	background-position: bottom left;
	}
	
.disable { display: none; }




/*** Dimenzije & pomiki ***/

.hidden     	 	{ display: none; }
.display     		{ display: block; }
.half				{ width: 48% !important; }
.trio				{ width: 31% !important; }
.quad				{ width: 23% !important; }
.full				{ width: 100%; }

.size-80			{ width: 80px; }	
.size-120			{ width: 120px; }
.size-150			{ width: 150px; }
.size-170			{ width: 170px; }
.size-200			{ width: 200px; }

.fl				{ float: left; }
.fr				{ float: right; }
.fl-space		{ float: left; margin-right: 5px; }
.fr-space		{ float: right; margin-left: 5px; }
.fl-space2		{ float: left; margin-right: 10px; }
.fr-space2		{ float: right; margin-left: 10px; }

.bt-space0		{ margin-bottom: 0px !important; }
.bt-space5		{ margin-bottom: 5px !important; }
.bt-space10		{ margin-bottom: 10px !important; }
.bt-space15		{ margin-bottom: 15px !important; }
.bt-space20		{ margin-bottom: 20px !important; }
.bt-space30		{ margin-bottom: 30px !important; }
.bt-space40		{ margin-bottom: 40px !important; }

.tt-space5		{ margin-top: 5px !important; }
.tt-space10		{ margin-top: 10px !important; }
.tt-space20		{ margin-top: 20px !important; }

.ln-normal	{ line-height: normal !important; }
.ln-22		{ line-height: 22px !important; }
.left		{ text-align: left !important; }
.center		{ text-align: center !important; margin: auto !important; }
.right		{ text-align: right !important; }
.block		{ text-align: justify;}
img.block	{ display: block; }


/*** Linki & gumbi ***/

a			{ color: #000; text-decoration: none;}
 
.produkt			{ display: inline; color: #333333; font-size: 14px; }
.produkt a			{ color: #000; text-decoration: none;}
.produkt a:hover	{ color: #000; text-decoration: none;}

.serija			{ display: inline; color: #333333; font-size: 20px; }
.serija a		{ color: #000; text-decoration: none;}
.serija a:hover	{ color: #000; text-decoration: none;}

.dopis			{ display: inline; color: #333333; font-size: 16px; }
.dopis_mini			{ display: inline; color: #333333; font-size: 13px; }

.footer a			{ color: #999; text-decoration: none;}
.footer a:hover		{ color: #CC0000; text-decoration: underline;}

.button		{ display: inline-block; line-height: 16px; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../images/button_glas1.png') center center repeat-x #333333; padding: 3px 13px 3px 13px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-align: center; }
input.button	{ display: inline-block; line-height: 13px; /* IE8 hack */ line-height: 16px\0/; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../images/button_glas1.png') center center repeat-x #333333; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.button:hover	{ color: #FFFFFF; text-decoration: none; }
.button.green	{ background-color: #4DB800; }
.button.red		{ background-color: #D80017; }
.button.blue	{ background-color: #00A5C4; }
.button.grey	{ background-color: #BBBBBB; }


/*** Prelomi & kode ***/

strong			{ color: #333333; }
small			{ font-size: 11px; line-height: 14px; display: block; }
code			{ color: #333333; font-family: "Courier New",Courier,monospace,sans-serif; }
q				{ background:url("../images/quote.png") no-repeat 7px 8px #FFFFFF; color: #333333; display:block; font-family: "Times New Roman", arial; font-size: 14px; line-height: 18px; font-style: normal; min-height: 42px; padding: 10px 10px 10px 32px; quotes:"" ""; font-style:italic; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
q cite			{ color: #959595; display: block; font-size: 12px; padding-top: 5px; font-family: arial; }
del				{ color: #FF001C; text-decoration:line-through; }

.rule			{ padding-top: 2px; padding-bottom: 20px; background: url('../images/rule.gif') 0px 0px repeat-x; }
.rule2			{ padding-top: 4px; padding-bottom: 20px; background: url('../images/rule2.gif') 0px 0px repeat-x; }		
.cr-help		{ cursor: help; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

/*** Osnovni Styli ***/

h1			{ display: inline; color: #333333; font-size: 38px; }
h2			{ display: inline; color: #333333; font-size: 18px; margin-bottom:28px; }
h3			{ display: inline; color: #333333; font-size: 18px; margin-bottom:28px; }
h4			{ display: inline; color: #333333; font-size: 14px; margin-bottom:20px; }
h5			{ display: inline; color: #959595; font-size: 14px; }
h6			{ display: inline; color: #333333; font-size: 14px; }

.page p			{ margin: 0px; padding-bottom: 20px; line-height: 16px; }

.thumb			{ display: block; border: 1px solid #BBBBBB; padding: 3px; background: #FFFFFF; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
a .thumb		{ border: 1px solid #BBBBBB; }
a:hover .thumb	{ border: 1px solid #00A5C4; }

.size48			{ width: 48px; height: 48px; }
.size64			{ width: 64px; height: 64px; }

.code			{ background: url('../images/bck_white_90.png'); color: #00A5C4; font-family: "Courier New",Courier,monospace,sans-serif; font-size: 12px; padding: 2px 5px 3px 5px; margin-bottom: 5px; }
.code span		{ color: #ff001c; }


/*** Forme ***/

form				{ width: 100%; }
label				{ line-height: 22px; cursor: pointer; }
label:hover			{ color: #333333; }
input.checkbox		{ display: inline; position: relative; left: 1px; top: 1px; cursor: pointer;}
input.radio			{ display: inline; position: relative; top: 2px; left: -1px; }
input.text			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }
input.submit		{ display: inline; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../images/button_glas1.png') center center repeat-x #333333; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
input.form-file		{ display: inline; height: auto; font-size: 12px !important; }
select				{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 22px; padding: 2px; }
textarea			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; padding: 4px; }

.form-label			{ display: block; width: 130px; }
.form-field			{ padding-bottom: 5px; }
span.required		{ color: #FF0000; font-weight: bold; }
label.error        	{ color: #FF0000; }


/*** Skin ***/

html, body			{ margin: 0px; font-family: arial; font-size: 12px; color: #999; padding:0; height:100%; }
#container			{ min-height:100%; position:relative; background: transparent url(../images/bg.png) repeat; }
#container_lizard	{ min-height:100%; position:relative; background: transparent url(../images/bg_nebo.jpg) repeat-x; }
#header				{ height: 400px; margin: 0px; background: transparent url(../images/top_bg.png) no-repeat top center; }
#header_lizard		{ height: 400px; margin: 0px; background: transparent url(../images/top_bg_lizard.png) no-repeat top center; }
#header_index		{ height: 400px; margin: 0px; background: transparent url(../images/top_bg_index.png) no-repeat top center; }
#body				{ padding-bottom: 280px; /* Height of the footer */ }
#footer				{ position:absolute; bottom:0; width:100%; height:290px; }

.top_meni			{ width: 100%; height: 50px; background: transparent url(../images/top_meni_bg.png) repeat-x;}
.top_meni_vsebina	{ color: #999; padding-top:12px; text-align:right; font-size: 11px;}
.glavni_meni		{ height: 88px; background: transparent url(../images/logo.png) no-repeat center left; position:relative;}
.meni_container		{ position: absolute; bottom:0; right:0px;}
.meni_glavni 		{ display: inline; font-size: 20px; float: right; padding: 12px 20px 13px 20px; margin-right: 5px; background: transparent url(../images/meni.png) repeat-x; }
.meni_glavni:hover	{ background: transparent url(../images/meni_up.png) repeat-x; }
.meni_glavni.active	{ color:#FFF; background: transparent url(../images/meni_active.png) repeat-x; }
.meni_opis 			{ font-size: 12px; }
.product_meni		{ width: 960px; height: 262px;  }
	
.vsebina_bg			{ min-height:100%; width: 960px; background: transparent url(../images/vsebina.png) repeat-y center; }
.vsebine			{ line-height: 22px; }

.footer_animation	{ width: 100%; height: 90px; background-color: #141414; }
.footer_animation_lizard	{ width: 100%; height: 90px; background: transparent url(../images/trava.png) repeat-x; }
.footer_parket		{ width: 960px; height: 90px; background: transparent url(../images/parket_footer.png); }
.footer_lizard		{ width: 960px; height: 90px; }
.footer_bottom		{ width: 100%; height: 200px; background: #000; }
.footer_tekst		{ font-size: 11px; color: #999; margin: 20px 0 0 0; }

.konec				{ height:70px; }


/*** Animacija Spritely ***/

#robotek { background: transparent url(../images/robotek.png) 0 0 no-repeat; position: relative; top: -10px; left: 10px; width: 97px; height: 65px; z-index: 500; cursor: pointer;  }
#psi { background: transparent url(../images/psi.png) 0 0 no-repeat; position: relative; top: -190px; left: 700px; width: 268px; height: 192px; z-index: 1000; float: left;}
#garaza { background: transparent url(../images/garaza.png) 0 0 no-repeat; position: relative; top: -110px; left: 800px; width: 183px; height: 82px; z-index: 1000; float: left;}
#lizard { background: transparent url(../images/kosilnica.png) 0 0 no-repeat; position: relative; top: -30px; left: 10px; width: 120px; height: 63px; z-index: 500; cursor: pointer;  }
#stage { top: 0px; left: 0px; z-index: 100; }
.stage { position: relative; top: 0; left: 0; width: 100%; min-width: 960px; height: 90px;}


/*** Roboti ***/

.roomba620  { cursor:pointer; height: 229px; width:140px; background: transparent url(../images/620.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.roomba620:hover  { background: transparent url(../images/620_1.png) no-repeat top center;}

.roomba630	{ cursor:pointer; height: 229px; width:140px; background: url(../images/630.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.roomba630:hover	{  background: transparent url(../images/630_1.png) no-repeat top center;}

.roomba650	{ cursor:pointer; height: 229px; width:140px; background: url(../images/650.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.roomba650:hover	{ background: transparent url(../images/650_1.png) no-repeat top center;}

.roomba660	{ cursor:pointer; height: 229px; width:140px; background: url(../images/660.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.roomba660:hover	{ background: transparent url(../images/660_1.png) no-repeat top center;}

.roomba760	{ cursor:pointer; height: 229px; width:140px; background: url(../images/760.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.roomba760:hover	{ background: transparent url(../images/760_1.png) no-repeat top center;}

.roomba770	{ cursor:pointer; height: 229px; width:140px; background: url(../images/roomba770.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.roomba770:hover	{ background: transparent url(../images/roomba770_1.png) no-repeat top center;}

.roomba780	{ cursor:pointer; height: 229px; width:140px; background: url(../images/roomba780.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.roomba780:hover	{ background: transparent url(../images/roomba780_1.png) no-repeat top center;}

.roomba790	{ cursor:pointer; height: 229px; width:140px; background: url(../images/790.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.roomba790:hover	{ background: transparent url(../images/790_1.png) no-repeat top center;}

.scooba230		{ cursor:pointer; height: 229px; width:140px; background: url(../images/230.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.scooba230:hover		{ background: transparent url(../images/230_1.png) no-repeat top center;}

.scooba390		{ cursor:pointer; height: 229px; width:140px; background: url(../images/scooba.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.scooba390:hover		{ background: transparent url(../images/scooba_1.png) no-repeat top center;}



/*** Kosilnice ***/

.lizard_s  { cursor:pointer; height: 230px; width:300px; background: url(../images/s.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.lizard_s:hover  { background: url(../images/s1.png) no-repeat top center;}

.lizard_m  { cursor:pointer; height: 230px; width:300px; background: url(../images/m.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.lizard_m:hover  { background: url(../images/m1.png) no-repeat top center;}

.lizard_q  { cursor:pointer; height: 230px; width:300px; background: url(../images/q.png) no-repeat top center; margin-top:10px; padding-top: 15px; text-align:center; }
.lizard_q:hover  { background: url(../images/q1.png) no-repeat top center;}

.video_space	{ padding-top: 47px !important; }


/* Slideshow Navigation */
#slide-nav{
	width:960px;
	margin:0px auto;
}
#slideprev{
	background-image:url(../images/arrow-left.png);
	background-repeat:no-repeat;
	width:57px;
	height:130px;
	position:absolute;
	top:66px;
	left:20px;
	cursor:pointer;
	z-index:150;
}
#slidenext{
	background-image:url(../images/arrow-right.png);
	background-repeat:no-repeat;
	width:57px;
	height:130px;
	position:absolute;
	top:66px;
	right:20px;
	cursor:pointer;
	z-index:150;
}


/* Slideshow Structure */
.slideshow-wrapper {
	margin:0 auto;
	position:relative;
	width:960px;
	height:247px;
}
#fullwidth-slider {
	float:left;
	width:100%;
}
#fullwidth-slider #slider {
	left: -480px;
	position: absolute;
	width: 1920px;
	top:0px;
	overflow:hidden;
	height:247px;
}
#fullwidth-slider #slider li {
	height:247px;
	position:relative;
	text-align:center;
	display:inline;
	width:1920px;
}