/* -------------------- tag styles --------------------*/
body,td,div {
	font-family:"Georgia";
	font-size: 12px;
}
html,body{
	position:relative;
	margin:0;
	padding:0;
	height: 100%;
	min-height: 100%;
	border:none;
	color: #E9DCD1;
	letter-spacing: 0.025em;
}
body{background: url(../images/bck.gif) top left repeat;}
table {
	border-spacing: 0px;
	border-collapse: collapse;
}
td {
	vertical-align: top;
	padding:0px;
}
img {border: 0px;}
form{
	margin:0px;
	padding:0px;
}

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

a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
a:active {}
a:visited {}

input,textarea{
	outline: none;
	resize: none;
}
.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}

/* -------------------- fonts --------------------*/
@font-face {
    font-family: 'MyriadProBoldItalic';
    src: url('fonts/tesssss.eot');
	src: local('☺'), url('fonts/tesssss.woff') format('woff'), url('fonts/tesssss.ttf') format('truetype'), url('fonts/tesssss.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* -------------------- 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: #FFA735;}
.fc3 {color: #505050;} /*gray*/

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

.bn{border: none;}

img.tl{top: 0px;
left: 0px;}
img.tr{top: 0px;
right: 0px;}
img.bl{bottom: 0px;
left: 0px;}
img.br{bottom: 0px;
right: 0px;}

.clear {
	background: transparent;
	clear: both;
}
li.clear {
	display: inline;
	background: transparent;
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	border: none;
}

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

/* -------------------- HEAD start --------------------*/
header {
	height: 194px;
	margin: 0;
	padding: 0;
}
div#head {
	height: 194px;
	width: 972px;
	margin: 0 auto;
	padding: 0;
	border: none;
}
img#logo{
	top: 0px;
	left: 50%;
	margin: 0 0 0 -120px;
}
header nav{
	top: 77px;
	width: 972px;
	height: 68px;
	background: url(../images/nav_bck.png) top left no-repeat;
}
header nav ul{
	width: 360px;
	list-style-type: none;
	padding: 0;
	margin: 16px 0 0 0;
}
header nav ul li{
	width: 180px;
	text-align: center;
}
header nav ul li, header nav ul li a{
	color: #dfd5bb;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	text-shadow: -1px -1px #635531;
}
header nav ul.small_font li, header nav ul.small_font li a{
	font-size: 21px;
}
header nav ul li a:hover{
	text-decoration: none;
}
#lang_cnt{
	top: 14px;
	right: 26px;
}
#lang_cnt a,#lang_cnt a:hover{
	margin: 0 0 0 20px;
	text-decoration: none;
}

/* --------------------- HEAD end ---------------------*/

/* -------------------- CONTENT start --------------------*/
div#container {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	border: none;
}
div#content {
	width: 940px;
	margin: 0 auto;
	padding: 14px 0 200px 0;
}
div#main {

}

/* --------------------- INTRO ---------------------*/
div#intro div#intro_slider{
	width: 940px;
	height: 320px;
	overflow: hidden;
	margin: 0 0 30px 0;
}
div#intro div#intro_slider .left_link, div#intro div#intro_slider .right_link{
	top: 0px;
	height: 100%;
	width: 50%;
	background: white;
	opacity: 0.01;
	filter:alpha(opacity=1); /* For IE8 and earlier */
	cursor: pointer;
	cursor: hand;
	z-index: 200;
}
div#intro div#intro_slider .left_link{
	left: 0px;
}
div#intro div#intro_slider .right_link{
	right: 0px;
}
div#intro div#intro_slider div#images_cnt{
	width: 920px;
	height: 300px;
	margin: 10px;
}
div#intro div#intro_slider img#intro_slider_over{
	z-index: 200;
}
div#intro section#intro_left_banner{
	width: 290px;
}
div#intro section#intro_left_banner h2{
	color: #35561b;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	font-style: italic;
	padding: 11px;
	background: url(../images/dot_bck.gif) bottom left repeat-x;
        text-decoration: none;
}
div#intro section#intro_left_banner a:hover{
    text-decoration: none;
}
div#intro section#intro_left_banner div.image_cnt{
	width: 290px;
	height: 230px;
	padding: 0 0 9px 0;
	margin: 33px 0 0 0;
	background: url(../images/dot_bck.gif) bottom left repeat-x;
}
div#intro section#intro_left_banner div.image_cnt img.badge{
	top: -19px;
	right: 7px;
}
div#intro section#intro_left_banner a.button, div#intro section#intro_left_banner a.button:hover{
	display: block;
	width: 120px;
	height: 28px;
	margin: 21px 0 0 13px;
	line-height: 28px;
	background: url(../images/intro_button_bck.gif) top left no-repeat;
	font-style: italic;
	font-size: 14px;
	color: #dfd5bb;
	text-shadow: -1px -1px #635531;
	text-align: center;
	text-decoration: none;
}

div#intro section#intro_text{
	width: 505px;
	color: #35561b;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	padding: 25px 0 0 0;
}
div#intro section#intro_text div.text{
	color: #35561b;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	width: 350px;
}
div#intro section#intro_text h2{
	color: #8e583f;
	font-size: 42px;
	font-family: "MyriadProBoldItalic";
	padding: 0 0 36px 0;
	font-style: normal;
	font-weight: normal;
	line-height: 38px;
}
div#intro section#intro_text h3,
div#intro section#intro_text h4,
div#intro section#intro_text span.slogan{
	display: block;
	font-size: 24px;
	padding: 40px 0 0 0;
	color: #8e583f;
}
div#intro section#intro_text h3,
div#intro section#intro_text h4{
	padding: 0;
}
/* --------------------- MAIN ---------------------*/
div#main{
	margin: 10px 0 0 0;
}
aside#main_left{
	width: 220px;
}
aside#main_left h2{
	width: 220px;
	height: 40px;
	line-height: 31px;
	background: url(../images/aside_h2_bck.png) top left no-repeat;
	color: #dfd5bb;
	font-size: 18px;
	text-shadow: -1px -1px #635531;
	text-indent: 10px;
	font-style: italic;
	font-weight: bold;
}
aside#main_left ul{
	margin: 7px 0 14px 0;
	padding: 0;
}
aside#main_left ul li, aside#main_left ul li a{
	display: block;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	color: #6b5e3a;
	font-style: italic;
	border-bottom: 1px solid #dfd5bb;
	text-indent: 10px;
}
aside#main_left ul li a:hover{
	background: #e8e3d0;
	text-decoration: none;
}
aside#main_left ul li.bio-gotove-jedi a:hover{
    background: rgba(31, 95, 0, 0.5);
    color: #fff;
}
article#recipe{
	background: url(../images/aside_recepti_bck.png) top left repeat-y;
	font-style: italic;
	color: #6b5e3a;
	font-size: 12px;
	line-height: 14px;
}
article#recipe div.text{
	padding: 8px 10px 6px 10px;
}
article#recipe div.text a, article#recipe div.text a:hover,
article#recipe div.text a.more, article#recipe div.text a.more:hover{
	color: #958761;
	font-weight: bold;
	text-decoration: none;
}
aside#main_left article#recipe h2{
	width: 220px;
	height: 40px;
	line-height: 31px;
	background: url(../images/aside_recipe_h2_bck.png) top left no-repeat;
	color: #acd08b;
	font-size: 18px;
	text-shadow: -1px -1px #223600;
	text-indent: 10px;
	font-style: italic;
	font-weight: bold;
}
aside#main_left article#recipe h3{
	color: #3b5723;
	font-weight: bold;
}

div#main_right{
	width: 700px;
}
div#main_right h1{
	color: #3c5d21;
	border-bottom: 1px solid #3c5d21;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	line-height: 34px;
	text-indent: 22px;
}
div#product_family_description, div#recipe_top_text{
	 font-size: 14px;
	 line-height: 18px;
	 color: #505050;
	 font-style: italic;
	 padding: 12px 117px 16px 20px;
}
div#product_family_description.large_text, div#recipe_top_text{
	padding: 12px 20px 16px 20px;
}
div#product_family_img{
	width: 700px;
	height: 142px;
	border-radius: 4px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
div#product_family_img{
	width: 700px;
}
img#product_family_badge{
	top: -16px;
	right: -5px;
}
img#product_family_badge.transparent{
	top: 0px;
	right: -5px;
}
div#product_list_cnt{
	margin: 54px 0 0 0;
}
section.product_cnt {
	width: 340px;
	min-height: 220px;
	margin: 0 0 34px 0;
}
section.product_cnt div.content{
	padding: 0 0 20px 0;
}
section.product_cnt  h2{
	color: #3a5723;
	font-size: 16px;
	line-height: 18px;
	font-style: italic;
	font-weight: bold;
	padding: 0 10px 6px 10px;
	border-bottom: 1px solid #71623c;
}
section.product_cnt  img.product_img{
	/*width: 152px;*/
	margin: 20px 0 0 18px;
}
section.product_cnt ul.description{
	width: 137px;
	margin: 53px 0 0 0;
	padding: 0;
}
section.product_cnt  ul.description li{
	color: #3c5d21;
	font-style: italic;
	font-size: 12px;
	line-height: 14px;
	list-style-type: none;
}
section.product_cnt  ul.description li span.spec{
	color: #746845;
}
section.product_cnt  ul.description li.dev{
	height: 20px;
}
section.product_cnt  ul.description li img.components_img{
	margin: 0 8px 0 0;
	cursor: hand;
	cursor: pointer;
}
section.product_cnt img.small_badge{
	left: 157px;
	top: -11px;
}
section.product_cnt img.transparent{
	left: 140px;
	top: 0px;
}
section.product_cnt  div.components_cnt{
	width: 320px;
	min-height: 57px;
	overflow: hidden;
	font-size: 12px;
	color: #6b5e3a;
	line-height: 18px;
	padding: 18px 10px 0 10px;
	background: #f2f0e4 url(../images/product_list_dev.png) top left repeat-x;
	font-style: italic;
	display: none;
}
section#product_over_cnt.product_cnt{
	top: 0px;
	left: 0px;
	min-height: 295px;
	padding: 12px 8px;
	background: #f2f0e4;
	border-radius: 4px;
	border: 1px solid #ffffff;
	-moz-box-shadow: 0 0 2px 2px #000;
	-webkit-box-shadow: 0 0 -5px -5px #000;
	box-shadow:  0px 2px 6px rgba(0,0,0,0.3);
}
section#product_over_cnt div.components_cnt{
	display: block;
}

div#recepti_cnt{
	padding: 20px 0 0 0;
}
div#recepti_cnt div#recepti_left{
	width: 460px;
}
div#recepti_cnt div#recepti_left div.title,
div#recepti_cnt div#recepti_left div.title div.text{
	border-bottom: 1px solid #3c5d21;
	margin: 20px 0 0 0;
	padding: 0 0 13px 0;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	font-weight: bold;
	font-family: 'Arial';
	color: #3c5d21;
}
div#recepti_cnt div#recepti_left div.title div.text{
	text-indent: 20px;
	margin: 0;
	padding: 0;
	border: none;
}
div#recepti_cnt div#recepti_left div.title h1{
	font-family:"Georgia";
	color: #8b2b2b;
	font-size: 20px;
	line-height: 22px;
	font-style: italic;
	font-weight: bold;
	padding: 0 0 7px 20px;
	margin: 0;
	border: none;
	text-indent: 0px;
}
div#recepti_cnt div#recepti_left div.text_left{
	text-indent: 20px;
	margin: 0;
	padding: 0;
	border: none;
}
div#recepti_cnt div#recepti_left h2{
	color: #505050;
	font-family: 'Arial';
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding: 0 0 12px 0;
	text-indent: 0;
}
div#recepti_cnt div#recepti_left div.text_left,
div#recepti_cnt div#recepti_left div.text_right{
	width: 230px;
	padding: 13px 0 0 10px;
	color: #505050;
	font-family: 'Arial';
	font-size: 12px;
	line-height: 18px;
	font-style: italic;
}
div#recepti_cnt div#recepti_left ul{
	padding: 0;
	margin: 0;
}
div#recepti_cnt div#recepti_left ul li{
	padding: 0 0 0 10px;
	margin: 0 0 0 1px;
	text-indent: 0;
	list-style-type: none;
	background: url(../images/li_bullet.png) 0px 6px no-repeat;
}
div#recepti_cnt div#recepti_left div.text_right{
	width: 220px;
	padding: 13px 0 0 0;
	overflow: hidden;
}
div#recepti_cnt div#recepti_left div.text_right{
	font-size: 12px;
	line-height: 14px;
}
div#recepti_cnt div#recepti_menu_cnt{
	font-size: 0;
	line-height: 12px;
}
div#recepti_cnt div#recepti_menu_cnt div.recipe_menu_cnt{
	width: 220px;
	line-height: 0px;
	font-size: 0px;
}
div#recepti_cnt div#recepti_menu_cnt ul.recipe_menu{
	list-style-type: none;
	width: 220px;
	background: url(../images/recipe_menu_bck.png) top left repeat-y;
	margin: 0;
	padding: 7px 0 14px 0;
	border: none;
}
div#recepti_cnt div#recepti_menu_cnt ul.recipe_menu li{
	margin: 0;
	padding: 0;
	color: #6b5e3a;
	border: none;
	line-height: 28px;
	min-height: 28px;
	font-size: 14px;
	padding: 7px 10px 0px 10px;
}
div#recepti_cnt div#recepti_menu_cnt ul.recipe_menu li a{
	width: 195px;
	display: block;
	text-decoration: none;
	color: #6b5e3a;
	border: none;
	line-height: 28px;
	min-height: 28px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding: 0 0 0 5px;
}
div#recepti_cnt div#recepti_menu_cnt ul.recipe_menu li a:hover{
	text-decoration: none;
	background: #c9bfa1;
}

div.text_page, div.text_page div{
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	color: #505050;
	padding: 15px 20px 20px 20px;
}
div.text_page div{
    padding: 0;
    margin: 0;
}
div.text_page h2,
div.text_page h3,
div.text_page h4{
	font-weight: bold;
	font-style: italic;
	color: #3c5d21;
	font-size: 18px;
	margin: 0;
	padding: 0;
}
div.text_page h3{
	font-size: 16px;
}
div.text_page h4{
	font-size: 14px;
}
div.text_page a{
	color: #9a895b;
	text-decoration: underline;
}
div.text_page ul{
	margin: 0;
	padding: 0;	
}
div.text_page ul li{
	background: url(../images/text_page_ul_bck.png) 0 6px no-repeat;
	padding: 0 0 0 15px;	
	list-style-type: none;
	min-height: 18px;
	line-height: 18px;
}
div.contact_top_cnt{
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	color: #505050;
	padding: 15px 20px 35px 20px;
}
div.contact_top_cnt a{
	color: #9a895b;
	text-decoration: underline;
}
h2.h2_contact{
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
	font-weight: bold;
	color: #3c5d21;
	padding: 0 0 6px 0;
	background: url(../images/h2_contact_bck.png) bottom left repeat-x;
	text-indent: 17px;
}
fieldset#contact_fieldset{
	border: none;
	padding: 20px 0;
	margin: 0;
	background: url(../images/h2_contact_bck.png) bottom left repeat-x;
}
fieldset#contact_fieldset div.left_contact_form{
	width: 240px;
	padding: 0 0 0 20px;
}
fieldset#contact_fieldset div.input_cnt{
	width: 240px;
	height: 35px;
	background: url(../images/input_bck.png) top left no-repeat;
	overflow: hidden;
	padding: 0 12px 24px 12px;
}
fieldset#contact_fieldset div.input_cnt.fail{
	background: url(../images/input_bck_fail.png) top left no-repeat;
}
fieldset#contact_fieldset div.input_cnt input{
	width: 216px;
	height: 35px;
	line-height: 35px;
	background: none;
	overflow: hidden;
	border: none;
	font-style: italic;
	color: #897950;
	font-size: 14px;
}
fieldset#contact_fieldset div.textarea_cnt{
	width: 374px;
	height: 160px;
	background: url(../images/textarea_bck.png) top left no-repeat;
	overflow: hidden;
	padding: 10px 12px 10px 12px;
}
fieldset#contact_fieldset div.textarea_cnt.fail{
	background: url(../images/textarea_bck_fail.png) top left no-repeat;
}
fieldset#contact_fieldset div.textarea_cnt textarea{
	width: 374px;
	height: 160px;
	line-height: 16px;
	background: none;
	overflow: hidden;
	border: none;
	font-style: italic;
	color: #897950;
	font-size: 14px;
	font-family: 'Georgia';
}
fieldset#contact_fieldset .submit{
	background: url(../images/submit_bck.png) top left no-repeat;
	width: 139px;
	height: 31px;
	line-height: 31px;
	color: #acd08b;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	font-family: 'Georgia';
	border: none;
	text-shadow: -1px -1px #223600;
	cursor: pointer;
	cursor: hand;
	margin: 6px 0 0 0;
}
fieldset#contact_fieldset .checkbox_cnt{
	height: 15px;
	font-style: italic;
	font-weight: normal;
	color: #b8ae92;
	padding: 20px 0 0 0;
}
fieldset#contact_fieldset div.checkbox{
	background: url(../images/checkbox_bck.png) top left no-repeat;
	border: none;
	width: 15px;
	height: 15px;
	margin: 0 15px 0 0;
	cursor: pointer;
	cursor: hand;
}
fieldset#contact_fieldset div.checkbox_active{
	background: url(../images/checkbox_bck.png) bottom left no-repeat;
}
fieldset#contact_fieldset div.checkbox input{
	display: none;
}
div.form_sent_status{
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    color: #505050;
    padding: 15px 20px 35px 20px;
}
div.error_status{
    color: red;
}
div.form_sent_status a{
    color: #9a895b;
    text-decoration: underline;
}

/*google maps API*/
div#zemljevid{
	border-bottom: 1px solid #3C5D21;
	border-top: 1px solid #3C5D21;
	padding: 10px 0 10px 0;
	margin: 0 0 35px 0;
}
div#map_canvas{
	height: 250px;
	width: 100%;
}

.bio-gotove-jedi-intro{
    width: 200px;
    margin-left: 11px;
}


/* --------------------- CONTENT end ---------------------*/

/* -------------------- FOOT start --------------------*/
footer {
	position:absolute;
	bottom:0;
	/* stick to bottom */ width:100%;
	clear:left;
	height: 160px;
	background: url(../images/foot_bck.gif) top left repeat-x;
	margin: 0;
	padding: 0;
}
div#foot {
	width: 972px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
}
div#foot_menu{
	height: 42px;
	width: 100%;
	padding: 25px 0 0 0;
	margin: 0;
	background: url(../images/dot_bck.gif) bottom left repeat-x;
}
div#foot_menu ul{
	width: 625px;
	list-style-type: none;
	margin: 0 auto;
}
div#foot_menu ul li, div#foot_menu ul li a{
	font-family: Arial;
	font-size: 12px;
	color: #e2d9c1;
	padding: 0 17px;
	text-decoration: none;
    letter-spacing: normal;
}
div#foot_menu ul li.dev{
	color: #192f05;
	padding: 0;
	margin: 0;
}
div#copyrights{
	font-family:"Arial";
	font-size: 11px;
	color: #e2d9c1;
	padding: 13px 0 0 10px;
}
img#foot_badge{
	top: -56px;
	right: 108px;
	margin: 0;
	padding: 0;
}
.cert_link_cnt{
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
}
div.contact_top_cnt .cert_link_cnt a{
    text-decoration: none;
}
.cert_link_cnt img{
    margin-bottom: 10px;
    width: 70px;
}
/* --------------------- FOOT end ---------------------*/