/*
*****************
* Created by:   *
* Varbo.cz      *
*****************
*/
body{font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#555; margin:0px; width:100%; height:100%; padding:0px; overflow:hidden; background-color:#0b301f; display:table; z-index:1}
a:link{color:#555; text-decoration:none}
a:visited{text-decoration:none; color:#555}
a:hover{text-decoration:none; color:#555}
a:active{text-decoration:none; color:#555}
a:focus{outline:0}
h1, h2, h3{font-weight:bold; margin:0px; padding-top:0px; padding-right:0px; padding-bottom:10px; padding-left:0px}
h1{font-size:16px}
h2{font-size:14px}
h3{font-size:12px}
p{margin:0px; padding-top:0px; padding-right:0px; padding-bottom:8px; padding-left:0px}
ul, ol{margin:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:20px}
ul li{margin:0px; padding:0px}
img{border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}
form{margin:0px; padding:0px}
.clear{display:block; clear:both}
#main{height:100%; width:100%; position:absolute; overflow:hidden; background-repeat:no-repeat; background-position:center 50px}
#main #logo{background-color:#004A29; position:absolute; top:0; left:0; height:27px; width:100%; text-align:left; padding-top:6px; padding-bottom:7px; padding-left:10px; color:#CCC; z-index:98}
#main #logo a{position:relative; z-index:2}
#main #logo img{float:left;margin-left:15px}
#main #logo p{line-height:25px; text-align:center; margin:0px; left:0px; position:relative; padding:0px; z-index:1; padding-right:180px}
#main #logo p a{color:#CCC; margin-left:15px; margin-right:15px; text-transform:uppercase}
#main #logo p .blog{margin-left:120px}
#main #wrap_content{height:71%; display:block; z-index:99}
#main #navigation{width:100%; position:absolute; bottom:23px; z-index:100; height:19%}
#main #navigation ul{margin:0px; padding:0px; list-style-type:none}
#main #navigation ul li{float:left; width:16.666%; display:block; height:160px}
#main #navigation ul li a{display:block; float:left; width:100%; height:260px}
#content_holder h1{padding-top:20px; padding-left:23px; padding-bottom:0px; margin:0px;font-size:12px;line-height:12px;color:#555}
#content_holder h3{padding-top:5px;padding-bottom:3px;color:#555}
#content_holder p{padding-bottom:5px;color:#555}
#content_holder a{color:#10559f}
#content_holder hr{padding:0px;margin-bottom:8px;margin-top:7px;background:url(../images/separator_dots.png);background-repeat:no-repeat;background-position:center;height:1px;border:none 0px}
#content_holder .menu-titles{font-weight:normal; letter-spacing:1px; padding-bottom:6px; padding-right:35px; text-align:center; text-transform:uppercase}
#content_holder .menu-titles.alcron{background-color:#512728; color:#FAFAFA}
#content_holder .menu-titles.la-rotonda{background-color:#3b2400; color:#FAFAFA}
#content_holder .menu-titles.be-bop{background-color:#23351b; color:#FAFAFA}
#content_holder h2{font-size:13px; letter-spacing:1px; text-transform:uppercase}
div.accordimage{overflow:hidden; height:100%; text-align:center; width:100%; margin:auto}
div.accordimage a.accordimage{display:block; float:left; position:relative; overflow:hidden; height:100%; width:16.51%; margin-left:2px; text-align:left; margin-top:0; margin-right:0; margin-bottom:0; padding-top:30px}
.active{background-image:url(../images/background_link_active.png); background-repeat:repeat; background-position:left center}
.sm{list-style:none; height:200px; display:block; overflow:hidden}

.sm li{float:left; display:inline; overflow:hidden}
#af1{opacity:1; display:block; overflow:hidden}
#af1:hover{background-image:url(../images/background_link_hover.png); background-repeat:repeat; background-position:left center}
#af2{opacity:1; display:block; overflow:hidden}
#af2:hover{background-image:url(../images/background_link_hover.png); background-repeat:repeat; background-position:left center}
#af3{opacity:1; display:block; overflow:hidden}
#af3:hover{background-image:url(../images/background_link_hover.png); background-repeat:repeat; background-position:left center}
#af4{opacity:1; display:block; overflow:hidden}
#af4:hover{background-image:url(../images/background_link_hover.png); background-repeat:repeat; background-position:left center}
#af5{opacity:1; display:block; overflow:hidden}
#af5:hover{background-image:url(../images/background_link_hover.png); background-repeat:repeat; background-position:left center}
#af6{opacity:1; display:block; overflow:hidden}
#af6:hover{background-image:url(../images/background_link_hover.png); background-repeat:repeat; background-position:left center}
.content_wrapper{padding-top:10px; margin-left:23px; padding-right:20px;text-align:justify}
.loading{background:url(../images/preloader.gif) center center no-repeat; top:50%; left:50%; position:absolute; right:50%; bottom:50%; width:50px; height:50px; z-index:0}
#content{height:50%; position:absolute; width:40%; z-index:-1; top:17%}
#background{width:100%; height:100%; z-index:0; position:fixed; background-repeat:no-repeat; background-position:left top; display:table; cursor:move}
#subBackground{position:fixed; width:100%; height:100%; top:0; left:0}
#backgroundImage{width:100%; overflow:hidden}
#video{width:100%; height:100%; position:absolute; top:0; left:0; z-index:100; display:block}
#body{z-index:99}
#content_holder{background-repeat:repeat; border:1px solid #616954; height:100%; width:100%; position:absolute; z-index:97}
.transBox{position:absolute; background-color:#F5F5F5; top:0; left:0; height:100%; width:100%; z-index:-1; opacity:0.85; filter:alpha(opacity=85); -moz-opacity:0.85}
.transparent{position:absolute; top:0; left:0; height:100%; width:100%; z-index:-1; opacity:0.6; filter:alpha(opacity=6); -moz-opacity:0.6}
.box{margin-bottom:3%; z-index:-1; height:82%; overflow:auto}
#bottom_panel{position:absolute; height:20px; width:100%; bottom:0}
#btn_panel{width:10%; height:100%; margin:auto; padding:4px; text-transform:uppercase; text-align:right}
#btn_panel a{font-size:11px; color:#fff; font-weight:bold}
#content_btn{position:absolute; padding-bottom:4px; padding-right:5px; bottom:0; right:0; width:100%}
#content_btn a#a_def, #content_btn a#a_50, #content_btn a#a_75{cursor:pointer}
.div_trans{margin-top:2px; cursor:pointer; float:left; background-color:#fff; width:9px; height:9px; margin-left:2px; margin-right:2px}
#content_btn #a_transparent{float:right; padding-right:8px}
#content_btn a#a_close, #content_btn a#a_player, #content_btn a#a_change{font-size:10px; float:right; color:#fff; padding-right:10px; font-weight:bold; padding-left:5px; text-transform:uppercase; cursor:pointer}
#content_btn a#a_change{padding-right:5px}
#content_btn #a_video{float:right; width:125px}
.separator{float:right; padding-right:15px; color:white; line-height:11px}
.recipes .ingredient{float:left; width:81%}
.recipes .quantity{float:left; width:19%}
#footer{position:absolute; width:100%; height:18px; padding-top:3px; right:0px; bottom:0px; color:#666; background-color:#0A291C; z-index:1000; font-size:11px; text-align:right; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; left:0px}
#copyright{position: absolute; left: 5px; top: 4px;}
#footer #copyright a {margin: 0;}
#footer .controls{font-weight:bold; margin-right:5px; margin-left:5px; color:#5D5D5D}
#footer .controls.selected{color:#797979}
#footer #music{padding-right:5px}
#footer a{color:#666; margin-right:10px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}
#created_by{color:#666; background-color:#0A291C; font-size:11px; text-align:right; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; margin:0 0 0 0; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:100px}
#div_huluPlayer{top:40px; left:0; z-index:0; position:absolute; width:100%; height:100%}
a#huluPlayer{z-index:-1}
div#control_hulu{position:fixed; z-index:9999; width:399px; height:25px; right:0px; border-left:1px solid #b1adad; border-top:1px solid #b1adad; border-bottom:1px solid #b1adad; background:#1d1717}
a#a_close_hulu{margin:0; padding-right:20px; padding-top:5px; padding-left:15px; text-transform:uppercase; float:right; height:18px; color:#fff; font-weight:bold; font-size:10px; cursor:pointer; border-left:1px solid #b1adad; z-index:95}
#title_hulu{float:left; margin:0; margin-left:20px; margin-top:5px; width:300px; height:15px; color:#fff; font-weight:bold; font-size:10px}
#jquery_jplayer{position:absolute; display:block; width:0px; height:0px}
#chef-of-the-year{height:80%; padding:0; position:absolute; z-index:-1; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto}
#sidebar .header{padding-top:7px; padding-bottom:3px; float:left}
#sidebar h1{margin-top:5px}
#example_menacc{margin-top:2px}
#gallery a.sideActive, 
#gallery a:hover{background-color:transparent; background-image:none !important}
#gallery a.sideActive img{opacity:1}
#gallery{padding-top:2px}
.kuhar-roku-item {float:left;margin-right:10px;margin-bottom:10px}
.clearfix:after{content:".";display:block;clear: both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.recipe-row {background:url("../images/separator_dots.png");background-repeat:no-repeat;background-position:bottom;margin-bottom:2px;padding-bottom:3px;}
#content_holder .recipe-row p {padding-bottom:0px}
.process {margin-top:10px;}
.recipes .content_wrapper{text-align:left}
.recipe-row p{margin-left:19%}
h1.section-title {text-align:right !important;margin-right:20px !important}
.box .content_wrapper.menu-content{text-align:center}
.process,.ingredients{font-size:11px}

/*****************************************************************************
 * Old browsers/no JS notification
 ****************************************************************************/
noscript {
  padding: 0;
}
.old-browser {
  margin: 20px auto;
  width: 560px;
  text-align: center;
  border: 1px solid #CCC;
  font-size: 16px;
  background: #B35460;
  padding: 15px 20px;
  color: #FFF;
  line-height: 20px;
}
.old-browser a {
  color: inherit;
  border-bottom: 1px dotted #FFF;
}
#new-browsers {
  margin: 0 auto;
  width: 600px;
}
#new-browsers a {
  float: left;
  width: 100px;
  height: 20px;
  margin: 0 10px;
  background-image: url(../images/sprite-browsers.png);
  background-repeat: no-repeat;
  text-align: center;
  font-size: 14px;
  padding-top: 135px;
}
#browser-chrome {  background-position: 0 0; }
#browser-firefox { background-position: -100px 0; }
#browser-opera {   background-position: -200px 0; }
#browser-safari {  background-position: -300px 0; }
#browser-ie {      background-position: -400px 0; }
/* Old browsers/no JS notification end */