/*
Theme Name: Fresh blue
Description: Fresh theme specially made for Viviente.
Version: 1.0
Author: Martin Winkler
*/

/* CSS reset */

html, body, div, span, applet, object, iframe,
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

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

:focus { outline: 0; }

ins {	 text-decoration: none;}
del {	 text-decoration: line-through; }

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

/* Main Structure */

body {
  font-family: 'Arial';
  font-size: 13px;
  color: #535353;
  background: #223c4e url('images/bgr.gif') left top repeat-x;
}

#container { margin: 0 auto; width: 970px; position: relative; }
#page { background: #fff; width: 950px; padding: 10px 10px 80px 10px; }

#starflower { background: transparent url('images/starflower.png') left top no-repeat; position: absolute; top: -17px; left: 897px; width: 87px; height: 84px; }

#header { background: #2b4b62 url('images/menu.gif') left top no-repeat; margin-top: 30px; height: 43px; position: relative; }
#header ul { position: absolute; top: 1px; left: 224px; }
#header li { float: left; border-left: 1px solid #51748a; }
#header li.last { border-right: 1px solid #51748a; }
#header li.main a { color: #fff; font-weight: bold; padding: 11px 13px; text-decoration: none; display: block; margin: 0; }
#header li a:hover { color: #cce849; }

.col-1 { width: 580px; float: left; display: inline; }
.col-2 { float: left; margin-left: 10px; display: inline; width: 360px; }

.box { color: #535353; background: #eef5fa; padding: 10px; margin-bottom: 20px; }
.box p { line-height: 16px; margin-bottom: 0; }
.box ul { color: #535353; background: #eef5fa; list-style-type: none; margin-bottom: 0; }
.box li { line-height: 16px; background: url('images/arrow.gif') left 2px no-repeat; padding-left: 15px; }

h3.box-head, h2.box-head, div.box-head { font-size: 12px; font-weight: bold; color: #2e041b; background: #cde8f0; padding: 6px 10px; margin-bottom: 2px; }
.post .box-head h3.left { font-size: 12px; float: left; margin: 0; padding: 0; font-weight: bold; color: #2e041b; }

/*.post .box-head { position: relative; left: -10px; width: 560px; margin-bottom: 30px; }*/

.pink p, 
.pink ul { background: #faeef4; }
.pink h3.box-head { background: #f0cde2; }
.pink a { color: #b81e7b; margin-right: 10px; }
.pink .box { background: #faeef4; }

.teaser { height: 100px; }
.tabulky { font-size: 12px; width: 580px; margin-left: -10px; }
.tabulky .clanek { height: 160px; }

/* Rolling menu */

ul.sub  { position: absolute; visibility: hidden; } 
ul.sub li { background: transparent url('images/glass-but.png') left top repeat; filter:alpha(opacity=90);  behavior: url('/images/hovermenu.htc');  margin: 0; } 
#header li.main ul.sub li { margin: 0; border: none; padding: 5px 0 5px 6px; }
ul li.main { position: relative; behavior: url('/images/hovermenu.htc'); } 
#header ul ul.sub { width: 190px; margin: 11px 0 0 0; position: absolute; left: 0; top: 30px; z-index: 100; }
#header li ul.sub li { width: 190px; list-style-type: none; }
#header li ul.sub li a { padding: 0; margin: 0 11px; }

li.mainHover ul.sub, li.main:hover ul.sub { visibility: visible; }

/* Main menu */

.header-menu { width: 580px; height: 253px; padding-top: 10px; margin: 0 0 20px 0; }
.header-menu img { position: absolute; left: 0; top: 0; }
.header-menu .col-1 { width: 260px; float: left; padding-left: 10px; }
.header-menu .col-2 { width: 260px; float: right; padding-left: 10px; }

.header-menu h2 { font-family: 'Trebuchet MS'; font-size: 15px; margin-bottom: 4px; }
.header-menu h2, .header-menu p   { margin-left: 60px; line-height: 18px; }

.header-menu .col-1 .m-box, 
.header-menu .col-2 .m-box { width: 260px; height: 125px; float: right; line-height: 18px; position: relative; }

/* Loop */

.loop { font-size: 12px; width: 580px; margin: 10px 0 20px 0; }

.clanek { float: left; width: 180px; height: 340px; padding: 8px 6px; }
.clanek img { border: 3px solid #deecf5; height: 103px; width: 174px; float: left; }
.clanek h3 { font-size: 13px; font-weight: bold; line-height: 18px; width: 180px; height: 50px; color: #3eb3d6; float: left; margin-top: 10px; }
.clanek p { display: inline; color: #52554b; margin: 0; line-height: 18px; width: 180px; }

.clanek span.info { font-size: 11px; line-height: 11px; float: left; display: block; width: 100%; color: #3eb3d6; margin-bottom: 8px; }
.clanek span.info span { display: inline; }
.clanek span.info ul { margin: 0; display: inline; }
.clanek span.info ul li { display: inline; }
.clanek span.info ul li a { display: inline; margin: 0; line-height: 11px; }

.recept { margin: 30px 0 0 10px; position: relative; }
.recept span { position: absolute; right: 10px; top: 0; margin: 0; color: #3eb3d6; }
.recept h3 { font-weight: bold; font-size: 13px; margin-bottom: 10px; color: #3eb3d6; }
.recept p { margin: 0 0 30px 0; padding: 0; }

.pagebar, .nav { font: 11px 'Arial'; text-align: center; background: #cde8f0; margin-bottom: 20px; padding: 5px 0; }
.pagebar a, .this-page { font: 12px 'Arial'; font-weight: bold; padding: 0 2px; color: #6a91aa; }
.pagebar a:hover { text-decoration: none; }
.pagebar .this-page { color: #fff; background: #6a91aa; padding: 1px 2px; }

/* Features */

#features { margin-bottom: 20px; }
.bmi-kalkulacka, .vyzivove-tabulky, .katalog { font: bold 13px 'Arial'; color: #fff; background: url('images/bmi-kalkulacka.jpg'); width: 158px; padding: 17px 0 99px 22px; float: left; }
.vyzivove-tabulky { background: url('images/energeticke-tabulky.jpg'); width: 154px; padding: 17px 0 99px 26px; margin-left: 20px; }
.katalog { background: url('images/prodejny-restaurace.jpg'); width: 160px; padding: 17px 0 99px 20px; margin-left: 20px; }
.bmi-kalkulacka a, .vyzivove-tabulky a, .katalog a { color: #fff; text-decoration: none; }

#komentare img { float: left; margin-right: 10px; border: 1px solid #cde8f0; padding: 2px; }
#komentare p { line-height: 18px; _height: 60px; width: 560px; min-height: 60px; padding: 10px 10px 20px 10px; margin-bottom: 0; background: #eef5fa; border-bottom: 1px #fff solid; }

/* Post */

.ad { font-size: 12px; margin: 10px 0 20px 0; width: 580px; height: 263px; z-index: 50; }
.ad .col-1 { width: 250px; float: left; }
.ad .col-2 { width: 250px; float: right; margin-right: 20px; }

.post-title { color: #254154; float: left; display: inline; margin: 0 20px 15px 10px; }
.post-header { width: 550px; min-height: 60px; _height: 60px; }
.post { font-family: 'Trebuchet MS'; width: 550px; padding: 10px; text-align: justify; }
.post li { background: url('images/arrow.gif') left 4px no-repeat; list-style-type: none; padding-left: 15px; }
.post-ratings { margin-bottom: 30px; }

.stitek { background: #fdfbd0 url('images/recipe-top.gif') repeat-x; padding: 40px 10px 10px 20px; margin: 20px 0 15px 0; }

.date { width: 45px; height: 49px; float: left; display: inline; background: url('images/date-ico.gif') no-repeat; }
.date-month { font-size: 8px; text-transform: uppercase; color: #fff; text-align: center; display: block; line-height: 11px; padding-top: 2px; margin-left: -3px; }
.date-day { font-size: 18px; text-transform: uppercase; color: #999; text-align: center; display: block; line-height: 18px; padding-top: 7px; margin-left: -3px; }

.like-it { border: none; overflow: hidden; width: 550px; height: 25px; margin: 0 0 10px 0; }

/* Sidebar */

.area { width: 360px; height: 263px; margin: 0 0 20px 0; position: relative; }
.area .navigation { position: absolute; top: 10px; right: 10px; }
.area .navigation div.current, div.navigation a { width: 12px; height: 12px; margin: 0 0 0 8px; float: left; }
.area .navigation a:hover { text-decoration: none; }
.area .navigation a { display: block; background: #e7e7e7; }
.area .navigation div.current { background: #fff; }

.area .poradna { background: transparent url('images/poradna-big.jpg') left top no-repeat; }
.area .cviceni { background: transparent url('images/cviceni-big.jpg') left top no-repeat; }

.area .sidebox { margin: 0 0 20px 0; width: 360px; height: 263px; }
.area .sidebox p { line-height: 18px; padding: 200px 10px 0 10px; color: #fff; margin: 0; }
.area .sidebox a { color: #fff; }

.area .sidebox .button { 
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  color: #fff;
  display: block;
  position: absolute;
  width: 137px;
  height: 38px;
  padding-top: 8px;
  margin: 23px 0 0 24px;  
  text-align: center;
  text-transform: uppercase;
  text-decoration: none; 
}

.area .poradna a.button { background: url('images/poradna-button.gif') left top no-repeat; }
.area .cviceni a.button { background: url('images/cviceni-button.gif') left top no-repeat; }

.area .sidebox a:hover.button { background: url('images/poradna-button.gif') left -46px no-repeat; }
.area .sidebox a:hover.button { background: url('images/cviceni-button.gif') left -46px no-repeat; }

.tip { margin: 10px 0; height: 263px; background: url('images/tip-big.jpg') no-repeat; }
.tip h3 { padding: 160px 10px 0 10px; }
.tip h3 a { color: #fff; font-size: 13px; text-decoration: underline; }
.tip h3 a:hover { text-decoration: none; }
.tip p { padding: 17px 10px 0 10px; color: #fff; }
.tip p a { color: #fff; }
.tip p img { float: right; margin: -180px 5px 0 0; border: 3px solid #cccee6;  }

.tip .button { 
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  padding-top: 6px;
  margin: 46px 0 0 35px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none; 
}

.switch { font-size: 11px; font-weight: bold; float: right; padding: 0; }
.view-one, .view-two { cursor: pointer; }
.view-one:hover, .view-two:hover { color: #3eb3d6; }

.rubriky { margin-bottom: 20px; }
.rubriky li { font-size: 12px; line-height: 15px; list-style-type: none; background: #eef5fa; margin-bottom: 1px; padding: 10px; }
.rubriky ul li ul { list-style-type: none; margin: 0 0 0 110px; }
.rubriky ul li ul li { background: url('images/arrow.gif') left top no-repeat; height: auto; padding: 0 0 0 15px; }
.rubriky li a { color: #535353; }
.rubriky img { width: 96px; height: 64px; float: left; margin-right: 10px; border: 2px solid #deecf5; }

li.email { background: url('images/ico-mail.gif') left 3px no-repeat; list-style-image: none; list-style-type: none; }
li.icq { background: url('images/ico-icq.gif') left 2px no-repeat; list-style-image: none; list-style-type: none; }
li.skype { background: url('images/ico-skype.gif') left 2px no-repeat; list-style-image: none; list-style-type: none; margin-bottom: 5px; }

.fb-icon { margin: 0 0 20px 0; }

/* Poll */

.wp-polls .pollbar { margin: 1px; font-size: 8px; line-height: 10px; height: 10px; background: #f0cde2; border: 1px solid #e5afcf; }

#poll { padding: 20px; }
#poll ul { margin: 0; padding: 10px 10px 10px 0; margin: 0; list-style-type: none; list-style-image: none; }
#poll li { line-height: 18px; padding: 0; }
#poll input { margin-bottom: 5px; }

/* Footer */

#footer { color: #b9c9d5; background: #1a2730; padding: 20px; }
#footer h3 { color: #fff; text-transform: uppercase; font-size: 12px; margin-bottom: 12px; }
#footer ul { margin-bottom: 20px; }
#footer p { margin-bottom: 10px; line-height: 20px; }
#footer li { list-style: none; line-height: 20px; }
#footer li a { text-decoration: none; }
#footer li a:hover { color: #fff; }

.partners { border-right: 1px solid #263844; width: 200px; float: left; display: inline; }
.partners h3 { background: url('images/partners.gif') left top no-repeat; padding-left: 18px; }

.top-5 { border-left: 1px solid #263844; padding-left: 20px; width: 330px; float: right; display: inline; }
.top-5 h3 { background: url('images/star.gif') left top no-repeat; padding-left: 18px; }

.toplist { padding-top: 20px; width: 330px; float: right; display: inline; }

.about { margin: auto 10px auto 20px; float: left; display: inline; width: 340px; }
.about h3 { background: url('images/about.gif') left 1px no-repeat; padding-left: 18px; }
.about h3.rss {  background: url('images/rss.gif') left 12px no-repeat; padding: 10px 0 0 18px; }

/* Footer - Tabs */

.tabbed-panel { display: none; }
.close-panel { right: 5px; }

.tabs { background: #19313d;	padding: 10px; width: 140px }
.tabs ul { font-size: 13px; margin: 0; padding: 0 0 6px 15px; list-style-type: square; }
.tabs .disabled { color: #999; }

.tabs .active_o { font-weight: bold; position: relative; top: 1px; color: red; }
.tabs .active_b {	font-weight: bold; position: relative; }

.panel { float: right; background: #19313d; width: 530px; padding: 10px; }
.panel ul { list-style-type: none; padding: 0; }

/* Headers */

h1, h2, h3, h4 { text-align: left; }

h1 span { background: url('images/viviente.gif') left top no-repeat; display: block; position: absolute; left: 0; top: 0; height: 26px; width: 104px; z-index: 10; }
h1 { font: 22px 'Century Gothic'; color: #fff; margin: 8px 49px 0 71px; position: absolute; cursor: pointer; }

.post h2 { font: normal 180%/100% 'Trebuchet MS', 'Arial'; color: #254154; letter-spacing: -1px; padding-bottom: 5px; }
.post h3 { font: normal 18px 'Trebuchet MS'; color: #254154; margin-bottom: 12px; }
.post .clanek h3 { font-size: 13px; font-weight: bold; line-height: 18px; width: 180px; height: 70px; color: #3eb3d6; float: left; margin-top: 10px; }
.post h4 { font: bold 16px 'Trebuchet MS'; color: #6098bd; margin-bottom: 12px; }

.post .stitek h3 { color: #9f9f0e; }
.post .stitek h4 { color: #b6b649; }

.rubriky h4 { padding: 0 0 5px 0; }
.rubriky h4 a { font-weight: bold; font-size: 12px; color: #3eb3d6; text-decoration: none; }
.rubriky h4 a:hover { color: #167693; }

/* Tables */

table { color: #535353; text-align: left; width: 550px; margin: 20px auto; border-spacing: 0; border-top: 1px solid #b9ced5; border-left: 1px solid #b9ced5; }
table td { border-bottom: 1px solid #b9ced5; border-right: 1px solid #b9ced5; padding: 2px 10px; vertical-align: middle; }

.post tr .dark, .post td .dark, .post thead  { background: #d8eef5; font-weight: bold; color: #426570; }

table.tab { text-align: left; width: 550px; margin: 20px auto; border-spacing: 0; border-top: 1px solid #fff; border-left: 1px solid #fff; }
table.tab td { border-bottom: 1px solid #fff; line-height: 18px; border-right: 1px solid #fff; background: #cde8f0; text-align: center; padding: 8px 10px; }
table.tab tr.alt td { background: #f3fcff; }
table.tab thead td { background: #65b1c7; color: #fff; text-align: center; }
table.tab td.first { width: 120px; font-weight: bold; text-align: left; }

.post table td { padding: 5px 10px; }

/* Standard classes */

a { color: #3eb3d6; }
a:hover { text-decoration: none; }

p,ul { margin-bottom: 20px; }
p,li { line-height: 20px; }

/* Various classes */

.number { font: bold 17px 'Sans-Serif'; text-align: center; padding-top: 6px; margin-right: 8px; margin-top: -6px; color: #fff; background: url('images/no-circle.gif') no-repeat; width: 35px; height: 33px; float: left; }
.bold { font-weight: bold; }

/* Searchform */

#header #searchform { position: absolute; left: 660px; top: 11px; } 
#searchform .searchinput { font-size: 13px; width: 142px; height: 18px; vertical-align: middle; background: url('images/search.gif') no-repeat top left; border: none; margin-right: 10px; padding: 3px 3px 2px 3px; float: left; }
#searchbutton { font-size: 13px; font-family: 'Arial'; font-weight: bold; color: #fff; width: 61px; height: 23px; text-align: center; background: url('images/search-button.gif') no-repeat top left; border-style: none; float: left; cursor: pointer; }
#searchbutton:hover { background: url('images/search-button.gif') -61px top no-repeat; }
#searchsubmit { width: 61px; height: 22px; }

/* BMI */

.bmi { color: #535353; margin: 0;; }
.bmi table { background: #eef5fa; border: none; width: 100px; }
.bmi tr, .bmi td  { border: none; background: none; color: #2c2c2c; }

#bmibutton { font-family: 'Arial'; font-size: 12px; color: #3c3c3c; background: url('images/bmi-button.gif') no-repeat left top; margin: 5px 7px 0 0; padding: 0 2px 1px 0; width: 66px; height: 22px; border: 0; text-align: center; }

/* Katalog */

.leva { float: left; width: 262px; margin: 10px 0 0 0; padding: 0; }
.prava { float: left; width: 262px; margin: 10px 0 0 25px; }

.catalog-item { background: #eef5fa; padding: 10px; margin-bottom: 1px; }
.catalog-item-alt { background: #e5f2fa; padding: 10px; margin-bottom: 1px; }
.catalog-item h3, .catalog-item-alt h3 { margin: 0; }
.catalog-menu {	border: 5px solid #deecf5; margin-bottom: 20px; }
.catalog-menu-column { float: left; width: 160px; margin: 10px 0 0 15px; }

fieldset { display: inline; border: none; padding: 10px 0 10px 10px; }
legend { font-size: 13px; color: #858585;  font-weight: bold; }

/* Images */

p img {padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright, .right { float: right; }
.alignleft, .left { float: left }
img.right { margin-left: 10px; }
img.left { margin-right: 30px; }

/* Profily */

/* unclicked style div.more */

#outer div.more i {margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more li {display:none;}
#outer div.more ul li {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}
#outer div.more { border:none; }

/* clicked style div.click */

#outer div.click {border-bottom: 1px solid silver; margin-bottom: 15px; padding-bottom: 20px;}
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click li {display:block;}
#outer div.click ul li {display: block;}
#outer div.click p {display: block;}
#outer div.click img {display: block; border: 3px solid #deecf5;}

#outer h4 { background: url('images/plus.gif') left 6px no-repeat; padding-left: 20px; }

/* Comments */

.commentmetadata { font-size: 11px; margin: 4px 0 15px 0; display: block; font-weight: normal; }
.commentmetadata a { text-decoration: none;	}

.commentlist li, #commentform input, #commentform textarea { font: 13px 'Lucida Grande', 'Verdana', 'Arial', 'Sans-Serif'; }

.commentlist { padding: 0; text-align: left; }
.commentlist h4 { font-size: 13px; margin: 0; color: #3eb3d6; display: inline; }
.commentlist li { margin: 0 0 10px 0; padding: 10px; background: #eef5fa; border: 1px solid #e1e8ed; }
.commentlist li ul li { margin: 0; padding: 0 0 0 15px; background: transparent url('images/arrow.gif') left 5px no-repeat; line-height: 20px; border: none; }
.commentlist p { font-size: 12px; line-height: 20px; margin: 0 0 20px 0;	}
.commentlist .alt { background: #fff;	}
.commentlist .alt a, .commentlist .alt h4 { color: #5c829e; }

.ip-number { font-size: 11px; color: #bebebe; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }

.eg-image { float: right; margin: 0 0 10px 10px; display: block; width: 64px; }

/* Commentform */
	
#commentform input { width: 170px; padding: 6px; margin: 5px 5px 1px 0; border: 1px #c7c7c7 solid; }
#commentform textarea { width: 528px; padding: 10px; border: 1px #c7c7c7 solid; }
#commentform label { float: left; width: 170px; position: relative; top: 6px; }
#commentform #submit { float: right; padding: 4px 10px; margin: 10px 0 0 0; border: 1px #c7c7c7 solid; }
#commentform p { font-family: 'Lucida Grande', 'Arial', 'Sans-Serif'; margin: 5px 0;	}
#commentform small { font-size: 11px; }
h3.comments { margin: 20px 0; }

#comment-fields table { width: 170px; float: left; border: none; border-collapse: collapse; }
#comment-fields table td{ border: none; }
#comment-fields { margin-bottom: 20px; }

.req { font-weight: bold; padding-left: 2px; }

/* Clearfix */

.clearfix:after,
.pagebar:after,
.post-header:after,
.top-5:after,
.partners:after,
.toplist:after,
.about:after,
.loop:after,
.header-menu:after,
.catalog-menu:after,
.box-head:after,
.more:after,
#comment-fields:after,
#page:after,
#features:after,
#footer:after,
#searchform:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}