
/**************************************************************/
/*   RESET   */
/**************************************************************/

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
input::-webkit-input-placeholder {
    color: #929A21;
}
input:-moz-placeholder {
    color: #929A21;
}
input:-ms-input-placeholder {
    color:#929A21;
}


/**************************************************************/
/*   FONTS   */
/**************************************************************/
.Thin {font: 18px/27px 'TitilliumText22LThin', Arial, sans-serif;}
.Light {font: 18px/27px 'TitilliumText22LLight', Arial, sans-serif;}
.Regular {font: 18px/27px 'TitilliumText22LRegular', Arial, sans-serif;}
.Medium {font: 18px/27px 'TitilliumText22LMedium', Arial, sans-serif;}
.Bold {font: 18px/27px 'TitilliumText22LBold', Arial, sans-serif;}
.XBold{font: 18px/27px 'TitilliumText22LXBold', Arial, sans-serif;}

@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('../fonts/TitilliumText22L001-webfont.eot');
    src: url('../fonts/TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText22L001-webfont.woff') format('woff'),
         url('../fonts/TitilliumText22L001-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('../fonts/TitilliumText22L002-webfont.eot');
    src: url('../fonts/TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText22L002-webfont.woff') format('woff'),
         url('../fonts/TitilliumText22L002-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('../fonts/TitilliumText22L003-webfont.eot');
    src: url('../fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText22L003-webfont.woff') format('woff'),
         url('../fonts/TitilliumText22L003-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('../fonts/TitilliumText22L004-webfont.eot');
    src: url('../fonts/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText22L004-webfont.woff') format('woff'),
         url('../fonts/TitilliumText22L004-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('../fonts/TitilliumText22L005-webfont.eot');
    src: url('../fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText22L005-webfont.woff') format('woff'),
         url('../fonts/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('../fonts/TitilliumText22L006-webfont.eot');
    src: url('../fonts/TitilliumText22L006-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText22L006-webfont.woff') format('woff'),
         url('../fonts/TitilliumText22L006-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText22L006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*

COLORS
---------------------
	BROWN: #E4E4E7
	LIGHT BROWN: #cec6c8
	GREEN: #b7c401
	BLACK: #1a1a18

*/
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
body.inner {background:#eaebe2 url(../img/body.jpg) top center no-repeat; background-attachment:fixed; width:1000px; margin:0 auto; color:#1a1a18; font-family: 'TitilliumText22LRegular', Arial, sans-serif;  font-size:14px;}
body.homepage {background:#eaebe2 url(../img/body.jpg) top center no-repeat;background-attachment:fixed; color:#1a1a18; font-family:arial; font-size:12px;}

h1, h2, h3, h4, h5, h6 { font-family: 'TitilliumText22LLight', Arial, sans-serif; text-transform:uppercase;}
h1 {font-size:32px; margin-bottom:15px;}
h2 {font-size:15px; margin-bottom:10px; }

p { margin-bottom:15px; line-height:16px}
p a { color:#B7C401}

/**************************************************************/
/*   HEADER   */
/**************************************************************/
.tools { height:30px; background:#3B1C23; width:100%; position:fixed; top:0; right:0; z-index:9000; }
.tools div {width:800px; margin:0 auto;}
.tools .tool_FB { background:transparent url(../img/fb.gif) top center no-repeat; width:73px; height:30px; display: block; float:left; text-indent:-9999px;}
.tools .tool_LANG { float:right; width:50px; padding-top:20px; padding-right:10px; text-align: right;}
.tools .tool_LANG a {color:#3B1C23; text-decoration:none; }
header { padding-bottom:10px; padding-top:30px;  }
header .logo { float:left; width:280px; padding-top:27px; }

header .main_nav ul li { float:left; width:140px; }
header .main_nav ul li a { float:left; border-left:solid 1px #c2b9b6; height: 35px; font-family: 'TitilliumText22LLight', Arial, sans-serif; text-transform: uppercase; font-size:20px; text-decoration:none; color:#3B1C23; padding:50px 35px 10px 10px;
-webkit-transition: all 0.13s ease-in-out;
-moz-transition: all 0.13s ease-in-out;
-ms-transition: all 0.13s ease-in-out;
o-transition: all 0.13s ease-in-out;
transition: all 0.13s ease-in-out;}
header .main_nav ul li a:hover, header .main_nav ul li a.selected {color:#B7C401; font-family: 'TitilliumText22LMedium', Arial, sans-serif;}

/**************************************************************/
/*   HOMEPAGE   */
/**************************************************************/
#carousel_wrap { background-color: #fff; margin-top:130px;}
.bx-window {background:url(../img/slide_L.png) top left no-repeat, url(../img/slide_R.png) top right no-repeat;}
#left_col_home { position: absolute; top:-130px; z-index:100;}
#slider { list-style:none;  }
#slider .text_only { padding-left:280px; padding-right:150px; padding-top:65px; padding-bottom:65px;}
#slider .image_only {width:1000px;}
.bx-pager {position: absolute; right:0; bottom:10px;}
.pager-link { background-color:transparent; background-image:url(../img/page_selector.gif); width:10px; height:8px; background-position:0 -9px; margin-left:5px;display:block; float:left;text-indent:-9000px;}
.pager-active {background-position:0 0;}

/**************************************************************/
/*   LEFT COLUMN   */
/**************************************************************/
.left_col { background-color: transparent; width:280px; float: left;}
.left_col nav { background:transparent url(../img/aside_circle.png) top left no-repeat; width:180px; height:180px; margin:0 auto; text-align: center; }
.left_col nav ul { padding-top:22px;}
.left_col nav ul li a { color: #b7c401; font-family: 'TitilliumText22LLight', Arial, sans-serif; text-transform: uppercase; font-size:20px; text-decoration:none; padding:5px 0; display:block;
-webkit-transition: all 0.13s ease-in-out;
-moz-transition: all 0.13s ease-in-out;
-ms-transition: all 0.13s ease-in-out;
o-transition: all 0.13s ease-in-out;
transition: all 0.13s ease-in-out;}
.left_col nav ul li a:hover { color: #fff;}

/**************************************************************/
/*   MAIN CONTENT   */
/**************************************************************/
.content { background-color: #fff; width:700px; padding:10px 0; float: left; height: auto !important; min-height: 85.555%; height: 85.555%; padding-bottom:10%;}
.content .secondary {  width:120px; float:left; padding:0 10px;}
.content .secondary ul li strong { font-size:16px; font-family: 'TitilliumText22LLight', Arial, sans-serif; text-transform: uppercase; padding:0 0 5px 0; display:block;}
.content .secondary ul li a { color:#3b1c23; text-decoration:none; font-family: 'TitilliumText22LLight', Arial, sans-serif; text-transform: uppercase; font-size:15px; padding:5px 0; display:block;
-webkit-transition: all 0.13s ease-in-out;
-moz-transition: all 0.13s ease-in-out;
-ms-transition: all 0.13s ease-in-out;
-o-transition: all 0.13s ease-in-out;
transition: all 0.13s ease-in-out; }
.content .secondary ul li a:hover, .content .secondary ul li a.selected {font-weight:bold;}
    .take_away p {  font-family: 'TitilliumText22LLight', Arial, sans-serif; font-size:18px; line-height:20px; }

.content article { float:left; width: 540px; padding:0 10px;}
.content article#full_width { width:680px ;padding:0 10px;}
.article_wrap { padding-bottom:20px; }

.content ul#menu_list { float:left; width: 560px; background:url(../img/divider.gif) left repeat-y; list-style:none; }
.content ul#menu_list li { float:left; width:260px; padding:10px 10px 20px; position:relative; }
.content ul#menu_list li#kosilo, .content ul#menu_list li#sezonska_ponudba {width:538px;display:block; float:none;  background:#fff; padding:0 10px 20px 10px; margin-left:2px;  }
.content ul#menu_list li h2 {font-family: 'TitilliumText22LLight', Arial, sans-serif; font-weight:normal; margin-bottom:5px; }

.content ul#menu_list li dl { line-height:22px; font-family: 'TitilliumText22LRegular', Arial, sans-serif; text-transform: uppercase; font-size:13px;}
.content ul#menu_list li dl dt { float:left; width:200px;}
.content ul#menu_list li dl dt p {margin-bottom:0;}
.content ul#menu_list li dl dd { float:left; width:60px; text-align:right;}
.content ul#menu_list li span.offer_week { position:absolute; z-index:10; top:0; left:10px; background:transparent url(../img/ponudba_tedna.png) top left no-repeat; width:80px; height:39px; display:block; color:#fff; text-transform:uppercase; text-align:center; padding-top:8px; font-size:11px; font-weight:bold;}

/* FORM
----------------------------------------
*/
input[type="text"] { border: solid 1px #929A21; font-family: 'TitilliumText22LRegular', Arial, sans-serif; padding:5px; width:200px; -webkit-border-radius: 5px; border-radius: 5px; }
input[type="submit"] { border:none; background:#929A21; color:#fff; padding:5px; font-family: 'TitilliumText22LRegular', Arial, sans-serif;   -webkit-border-radius: 5px; border-radius: 5px; }

/* GOOGLE CUSTOM MAP */
#map_canvas {width:680px; height:350px; margin-bottom:20px;}

/* FOOTER
----------------------------------------
*/

footer { height:30px; background:#3B1C23; width:100%; position:fixed; bottom:0; right:0; z-index:9000; }
footer .footer_content { width:960px; margin:0 auto; padding:8px 0 0 0 ; color:#fff; font-size:11px; }
footer .footer_content a { color:#fff; text-decoration:none;}


/* GENERIC CLASSES
----------------------------------------
*/
.clearfix:after {	visibility: hidden;	display: block;	font-size: 0; content: " ";	clear: both; height: 0;	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.right {float:right;}
.centered {width:1000px; margin:0 auto; position:relative;  }

.two_col { background:url(../img/divider_s.gif) left repeat-y; list-style:none;}
.blog {    margin-bottom:30px;}
.date { color:#ACC42A; font-family: 'TitilliumText22LLight', Arial, sans-serif; font-size:15px; display:block; padding:5px 0 10px 0; }

.required_field, .error {color:red;}
.error { padding-left:10px;}
/**************************************************************/
/*   ISOTOPE FILTERING   */
/**************************************************************/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
