/*
----------------------------------------------- 
Zdenka
Author: markupmark | Nivas
URL: http://www.nivas.hr/
Updated: 19/11/2009         
----------------------------------------------- */
/* =Normalize
----------------------------------------------- */
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
h1,
h2,
h3,
h4,
h5 { font-weight: normal; }


/* =General
----------------------------------------------- */
body {
font:62.5%/1.8 Arial, Helvetica, sans-serif;  /* default 10px */
color:#031e5f;
}
body.pat_red 		{background: url(../images/body/pattern-red.gif) no-repeat fixed 0 0;}
body.pat_blue 		{background: url(../images/body/pattern-blue.gif) no-repeat fixed 0 0;}
body.pat_light_blue {background: url(../images/body/pattern-pale.gif) no-repeat fixed 0 0;}
body.pat_yellow 	{background: url(../images/body/pattern-yellow.gif) no-repeat fixed 0 0;}
body.pat_green 		{background: url(../images/body/pattern-green.gif) no-repeat fixed 0 0;}

a,a:link { 
text-decoration: none; 
color:#031e5f;
}
a:hover { 
text-decoration:none; 
color:#44c8f5;
} 
a:visited,
a:focus { 
text-decoration:none; 
} 

/* =Layout
----------------------------------------------- */
#wrap {
width:726px;
float:left;	
padding-left:249px;
/*background:url(../images/branding/zdenka-brand.png) no-repeat 0 0;*/
}
#branding {
width:710px;
float:right;
}
#nav_main {
float:right;
width:710px;
margin-top:10px;
} 
#content {
float:right;
width:710px;
margin-top:10px;
}  
#content_main {
float:left;
width:415px;
}
#content_sec {
float:left;
width:276px;
position:relative;
left:34px;
}
#site_info { padding:10px 10px 2px 10px; float:left; clear:left; position:relative; z-index:10;} 
.box_wrap {
float:left;
width:100%;
position:relative;
}
.box_top {
float:left;
width:725px;
padding:5px 0 0 0;
background:url(../images/primary/bg-box-top.png) no-repeat 0 0;
}
.box_bot {
float:left;
width:725px;
height:11px;
background:url(../images/primary/bg-box-bot.png) no-repeat 0 100%;
}
.box_top_solid {
float:left;
width:725px;
background: url(../images/primary/bg-top-solid.png) no-repeat 0 0;
}
.box_top_sep {
float:left;
width:725px;
background:url(../images/primary/bg-top-alt.png) no-repeat 0 0;
}
.box_bot_sep {
float:left;
width:725px;
height:4px;
background:url(../images/primary/bg-bot-alt.png) no-repeat 0 100%;
}
.box_top_sep_medium {
float:left;
width:415px;
background:url(../images/primary/bg-sep-top-medium.png) no-repeat 0 0;
}
.box_bot_sep_medium {
float:left;
width:415px;
height:6px;
background:url(../images/primary/bg-sep-bot-medium.png) no-repeat 0 100%;
}
.box_top_medium {
float:left;
width:415px;
padding:5px 0 0 0;
background:url(../images/primary/bg-box-top-medium.png) no-repeat 0 0;
}
.box_bot_medium {
float:left;
width:415px;
height:13px;
background:url(../images/primary/bg-box-bot-medium.png) no-repeat 0 100%;
}
.box_top_small {
float:left;
width:276px;
padding:5px 0 0 0;
background:url(../images/primary/bg-box-top-small.png) no-repeat 0 0;
}
.box_bot_small {
float:left;
width:276px;
height:13px;
background:url(../images/primary/bg-box-bot-small.png) no-repeat 0 100%;
}
.box_top_sep_small {
float:left;
width:276px;
padding:5px 0 0 0;
background:url(../images/primary/bg-sep-top-small.png) no-repeat 0 0;
}
.box_bot_sep_small {
float:left;
width:276px;
height:8px;
background:url(../images/primary/bg-sep-bot-small.png) no-repeat 0 100%;
}
.split_a { float:left; width:372px; margin-bottom:15px;}
.split_b { float:right; width:315px; margin-bottom:15px;}

.decor_kviz {
	padding-right:10px;
	background:url(../images/primary/decor-kviz-mark.gif) no-repeat right top;
}
.decor_kviz a {
	color:#44c8f5;
}

.gutter { padding:10px 15px 10px 13px; position:relative; z-index:10;}
.gutter_custom { padding:10px 5px 10px 13px;}
.enter { background:url(../images/primary/bg-enter.jpg) no-repeat 81% 100%; min-height:335px; }

/* =decor
----------------------------------------------- */ 
.decor_sandwich 		{ background:url(../images/primary/decor-sandwich.gif) no-repeat 97% 100%; }
.decor_plant 			{ background:url(../images/primary/decor-plant.gif) no-repeat 97% 100%; }
.decor_hands 			{ background:url(../images/primary/decor-hands.gif) no-repeat 89% 5px; padding-top:280px; }
.decor_lemon 			{ background:url(../images/primary/decor-lemon.gif) no-repeat 99% 100%; float:left; }
.decor_sandwich_plant 	{ background:url(../images/primary/decor-sandwich-plant.gif) no-repeat 98% 0; }
.decor_tomato		 	{ background:url(../images/primary/decor-tomato.gif) no-repeat 98% 100%; }
.decor_cheese		 	{ background:url(../images/primary/decor-cheese.gif) no-repeat 96% 50%; float:left; width:100%; }

.recepti_decor { 
background:url(../images/primary/decor-bot-recepti.gif) no-repeat 0 0;
position:absolute;
bottom:0;
left:0;
width:410px;
height:130px;
text-indent:-9999em;
}
.tomato_decor { 
background:url(../images/primary/decor-tomato.gif) no-repeat 0 0;
position:absolute;
top:30%;
right:-10px;
width:172px;
height:287px;
text-indent:-9999em;
}
.plant_decor { 
background:url(../images/primary/decor-plant.gif) no-repeat 0 0;
position:absolute;
bottom:6px;
right:5px;
width:148px;
height:122px;
text-indent:-9999em;
}
.mushroom_decor { 
background:url(../images/primary/decor-mushrooms.gif) no-repeat 0 0;
position:absolute;
top:80px;
right:5px;
width:150px;
height:195px;
text-indent:-9999em;
z-index:0;
}
.leteuce_decor {
background:url(../images/primary/decor-leteuce.gif) no-repeat 0 0;
position:absolute;
top:100px;
right:5px;
width:150px;
height:191px;
text-indent:-9999em;
z-index:0;	
}
.paprika_decor {
background:url(../images/primary/decor-paprika.gif) no-repeat 0 0;
position:absolute;
top:360px;
right:5px;
width:150px;
height:183px;
text-indent:-9999em;
z-index:0;		
}
.bread_decor {
background:url(../images/primary/decor-bread.gif) no-repeat 0 0;
position:absolute;
top:105px;
right:5px;
width:150px;
height:268px;
text-indent:-9999em;
z-index:0;		
}
.feferon_decor {
background:url(../images/primary/decor-feferon.gif) no-repeat 0 0;
position:absolute;
top:25px;
right:5px;
width:150px;
height:213px;
text-indent:-9999em;
z-index:0;		
}
.orange_decor {
background:url(../images/primary/decor-orange.gif) no-repeat 0 0;
position:absolute;
top:435px;
right:5px;
width:150px;
height:200px;
text-indent:-9999em;
z-index:0;		
}
.leaf_decor {
background:url(../images/primary/decor-leaf.gif) no-repeat 0 0;
position:absolute;
top:25px;
right:5px;
width:150px;
height:206px;
text-indent:-9999em;
z-index:0;		
}
.pees_decor {
background:url(../images/primary/decor-pees.gif) no-repeat 0 0;
position:absolute;
bottom:10px;
right:5px;
width:209px;
height:131px;
text-indent:-9999em;
z-index:0;		
}
.tomato_alt_decor {
background:url(../images/primary/decor-tomato-alt.gif) no-repeat 0 0;
position:absolute;
bottom:10px;
right:5px;
width:209px;
height:130px;
text-indent:-9999em;
z-index:0;		
}
.cucumber_decor {
background:url(../images/primary/decor-cucumber.gif) no-repeat 0 0;
position:absolute;
bottom:10px;
right:5px;
width:209px;
height:152px;
text-indent:-9999em;
z-index:0;		
}
.olive_decor {
background:url(../images/primary/decor-olive.gif) no-repeat 0 0;
position:absolute;
bottom:30px;
right:5px;
width:209px;
height:126px;
text-indent:-9999em;
z-index:0;		
}
.nut_decor {
background:url(../images/primary/decor-nut.gif) no-repeat 0 0;
position:absolute;
bottom:40px;
right:4px;
width:209px;
height:116px;
text-indent:-9999em;
z-index:0;		
}
.plantleaf_decor {
background:url(../images/primary/decor-plantleaf.gif) no-repeat 0 0;
position:absolute;
top:0;
right:15px;
width:244px;
height:68px;
text-indent:-9999em;
z-index:0;		
}
.leaf_top_decor {
background:url(../images/primary/decor-top-leaf.gif) no-repeat 0 0;
position:absolute;
top:-5px;
right:15px;
width:116px;
height:63px;
text-indent:-9999em;
z-index:0;		
}

/*
.decor_mob			 	{ background:url(../images/primary/decor-mobitel.gif) no-repeat 0 0; }
*/

img.decor { position:absolute; left:-9px; top:-6px; height:144px; width:349px;}
.fixed_height { height:138px;}


/* =Branding
----------------------------------------------- */ 
#branding h1#tag_line {
text-indent:-9999em;
background:url(../images/primary/mir-vazno-je-zvati-se-zdenka.png) no-repeat 0 0;
width:598px;
height:190px;
float:right;
margin:25px 0 20px 0;
}
#branding h1#brand_zdenka {
text-indent:-9999em;
background:url(../images/branding/zdenka-brand.png) no-repeat 0 0;
width:460px;
height:460px;
position: fixed;
left:0;
top:0;
z-index:0;
}
#tagline p {
margin-right:20px;
display:inline;
float:right;
text-indent:-9999em;
background:url(../images/primary/mir-tag-line.gif) no-repeat 0 5px;
width:486px;
height:15px;
padding:5px 0;
} 
/* =Navigation
----------------------------------------------- */ 
#nav_main ul { height:100px; left:82px; top:-5px; float:left; padding-right:10px; font-size:16px; font-weight:bold; position:relative;}

#nav_main li { display:inline; /*position:relative;*/}
#nav_main a { background:url(../images/nav/bg-nav-sprite.gif); position:absolute; top:0; height:110px; text-indent:-9999em; }
a#zdenka 			{ background-position:0 0; width:99px; left:100px; }
a#quiz 				{ background-position:-99px 0; width:107px; left:99px; }
a#cheese 			{ background-position:-206px 0; width:108px; left:206px; }
a#recepies 			{ background-position:-314px 0; width:94px; left:314px; }
a#fun_zone 			{ background-position:-408px 0; width:117px; left:408px; }
a#contact 			{ background-position:-525px 0; width:104px; left:525px; }
a#zdenka:hover 		{ background-position:0 -110px; }
a#quiz:hover		{ background-position:-99px -110px; }
a#cheese:hover 		{ background-position:-206px -110px; }
a#recepies:hover 	{ background-position:-314px -110px; }
a#fun_zone:hover 	{ background-position:-408px -110px; }
a#contact:hover 	{ background-position:-525px -110px; }
a.zdenka_current 	{ background-position:0 -110px !important; }
a.quiz_current		{ background-position:-99px -110px !important; }
a.cheese_current 	{ background-position:-206px -110px !important; }
a.recepies_current	{ background-position:-314px -110px !important; }
a.fun_zone_current 	{ background-position:-408px -110px !important; }
a.contact_current	{ background-position:-525px -110px !important; }

a#facebook_zdenka 		{ background: url(../images/nav/mir-facebook-badge.png) 0 0; width:95px; height:95px; left:-130px; top:7px; }
a#facebook_zdenka:hover { background-position:0 -95px; }

/* =content
----------------------------------------------- */ 
#content { font-size:11px; }
#content strong {font-weight:bold;}
#content em {font-style:italic;}
#content h3 { font-size:14px; margin:10px 0; line-height:1.3em; font-weight:bold; letter-spacing:-1px; }
#content h3 strong { color:#ee1c24; }
#content p { font-size:12px; }

p.green {color:#72bf44;}
img.float_right { float:right; }

.title { padding:20px 0 24px 0;}
.title h2 {
font-size:16px;
line-height:1.2em;
text-align:left;
padding-left:12px;
position:relative;
z-index:10;
}
.spec { font-size:14px; line-height:1.3em; font-weight:bold; margin:15px 0 0 0; }
.spec a { color:#ed1c24; }
.intro { font-size:14px !important; line-height:1.3em; padding:10px 0; position:relative; z-index:10; }


p.comming_soon {
	background: url(../images/primary/badge-soon.png) no-repeat 0 0;
	width:89px;
	height:89px;
	position:absolute;
	right:-40px;
	top:10px;
	text-indent:-9999em;
}

#nav_sec { font-size:13px; line-height:1.3em; }
#nav_sec li { margin:5px 0; font-weight:bold; }
#nav_sec a.current {color:#44c8f5; }


dl.list { font-size:12px; margin:10px 0;}
dl.list dt { font-weight:bold;}
dl.list dt strong { color:#44c8f5; }
dl.list em { font-style:normal !important; font-weight:normal !important; }
dl.list dd {}

dl.recepies { font-size:12px; margin:10px 0; position:relative; z-index:10; }
dl.recepies dt { font-weight:bold; color:#72bf44; }
dl.recepies dd {}

.wine_promo { padding:10px; background:url(../images/primary/decor-wine.gif) no-repeat 95% 100%; height:275px;}
.wine_promo h3 { font-size:16px;}
.wine_promo p { font-size:14px; line-height:1.3em;}

.quiz_promo { width:271px; float:left;}
.quiz_box { width:221px; height:165px; float:left;background:url(../images/primary/bg-quiz.gif) no-repeat 0 0; margin:25px 0 25px 26px;}
.quiz_box h3 { color:#44c8f5; padding:10px 30px 0 30px; margin-bottom:0 !important; }
.quiz_box p { padding:10px 30px;  /*width:221px;*/ float:left; font-size:14px; line-height:1.3em; /*font-weight:bold;*/ color:#fff;}
.quiz_box p strong { color:#ed1c24; }
.quiz_box p a { color:#fff; }
.quiz_box p.green { color:#72bf44; }


.quiz_green p { padding:10px 20px !important;}


.quiz_blue { background: url(../images/body/pat-help-blue.gif); margin-top:15px;}
.quiz_green { background: url(../images/body/pat-help-green.gif);}

#brand_mini {
text-indent:-9999em;
float:right;
background:url(../images/primary/brand-mini-zdenka.gif) no-repeat 0 0;
width:123px;
height:46px;
margin:15px 20px 10px 0;
}
#brand_mini_alt {
text-indent:-9999em;
float:left;
background:url(../images/primary/brand-mini-zdenka.gif) no-repeat 0 0;
width:123px;
height:46px;
margin:25px 0 0 0;
}
#brand_mini_custom {
text-indent:-9999em;
float:left;
background:url(../images/primary/brand-mini-zdenka.gif) no-repeat 0 0;
width:123px;
height:46px;
position:relative;
bottom:-50px;
}
.multimedia_holder { margin-top:15px; }
.multimedia_holder p { text-align:right; }
.quiz_holder { margin-top:15px; background:#cdd2df; padding:1px 10px 10px 10px; width:342px; }
.quiz_holder p { text-align:left; padding:0 0 10px 0; }

.quiz_holder ol {
	padding:0;
	font-size:13px;
	list-style:none;
}
.down_list {
margin-top:15px;
font-size:12px;
line-height:1.3em;
}
#start_quiz {
float:left;
width:100%;
margin:10px 0;
}
#start_quiz a {
float:left;
text-indent:-9999em;
background:url(../images/primary/bt-start.gif) no-repeat 0 0;
width:175px;
height:54px;
}
#start_quiz a:hover {background-position:0 -54px;}

.contact_holder {
float:left;
padding:5px;
}
.contact_holder h3 {
font-weight:bold;
margin:0 !important;
padding-left:55px;
}
.contact_holder p {
margin:0 !important;
padding-left:55px;
}
.contact_holder ul {
padding:0 10px 0 75px;
font-size:13px;
list-style: disc inside;
}
.contact_holder dl { 
width:100%;
float:left;
font-size:13px;
margin-bottom:10px;
}
.contact_holder dt {margin-bottom:5px;}
.error {
float:left;
background:url(../images/primary/bg-error-bot.gif) no-repeat 0 100%;
width:386px;
margin-bottom:10px;
}
.error .error_gutter {
float:left;
padding:10px;
width:366px;
margin-bottom:6px;
background:url(../images/primary/bg-error-top.gif) no-repeat 0 0;
}
.success {
float:left;
background:url(../images/primary/bg-success-bot.gif) no-repeat 0 100%;
width:386px;
margin-bottom:10px;
}
.success .success_gutter {
float:left;
padding:10px;
width:366px;
margin-bottom:6px;
background:url(../images/primary/bg-success-top.gif) no-repeat 0 0;
}
input.text {
border:none;
background:url(../images/primary/bg-input.gif) no-repeat 0 0;
width:366px;
height:17px;
padding:7px 10px;
font:13px Arial, Helvetica, sans-serif;
color:#031e5f;
}
input.active {
	background-position:0 -44px;
}
textarea.textarea {
border:none;
background:url(../images/primary/bg-textarea.gif) no-repeat 0 0;
width:366px;
height:137px;
padding:7px 10px;
font:13px Arial, Helvetica, sans-serif;
color:#031e5f;
}
textarea.active {
background-position:0 -159px;
}
input.submit {  float:right;}
p.submit a {
background:url(../images/primary/bt-submit.gif) no-repeat 0 0;
color:#fff;
font-weight:bold;
font-size:14px;
float:right;
width:146px;
text-align:center;
padding:3px 0;
}
p.submit a:hover {
background-position:0 -39px;
}

#quiz_form {
float:left;
width:100%;
font-size:13px;
}
#quiz_form dl {
margin-bottom:15px;
}
#quiz_form dt {
font-weight:bold;
}
#quiz_form label {
display:block;
position:relative;
cursor:pointer;
}
#quiz_form label input {
position:relative;
top:2px;
margin-right:5px;
}




/* =site info 
----------------------------------------------- */ 
#site_info p {font-size:11px; }