/*
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: 'Trebuchet MS';
  font-size: 13px;
  color: #535353;
  background: #223c4e url('images/bg.png') center top repeat-x;
}

#container { margin: 0 auto; width: 980px; position: relative; }
#page { background: #fff; width: 950px; padding: 15px 15px 50px 15px; }
#header { height: 180px; position: relative; z-index: 100; }

/* Header */

#main-nav { position: absolute; bottom: 0; left: 0; }
#main-nav ul { margin: 0; }
#main-nav ul li { float: left; padding: 0; background: none; position: relative; }
#main-nav ul li a { font-size: 13px; color: #fff; font-weight: bold; float: left; display: block; padding: 11px 18px 11px 18px; margin: 0 4px 0 0; background: #038eb5 url('images/menu-btn.png') left top repeat-x; text-decoration: none; }
#main-nav ul li.hover > a { background: #e7317f url('images/menu-btn.png') left -42px repeat-x; }
#main-nav ul li a.active { color: #204256; background: #fff; }

#main-nav ul li.hover a.active { background: #e7317f url('images/menu-btn.png') left -42px repeat-x; color: #fff; }
#main-nav ul li a:hover { color: #fff; background-position: left -42px; }
#main-nav ul li a.sub-btn.active:hover { color: #fff; }
#main-nav ul li a.active:hover { color: #204256; }

#main-nav ul li.last > a { margin: 0; }
#main-nav ul li.last.hover > a { margin: 0; }

#main-nav ul li ul.sub { display: none; background: #e7317f; width: 140px; padding: 10px 18px 10px 18px; position: absolute; left: 0; top: 42px; z-index: 100; }
#main-nav ul li ul.sub li { background: transparent url('images/dot-line.gif') left bottom repeat-x; }
#main-nav ul li ul.sub li.last { background: none; }
#main-nav ul li ul.sub li a { font-size: 12px; width: 140px; display: block; padding: 8px 0; }
#main-nav ul li ul.sub li a:hover { text-decoration: underline; }
#main-nav ul li ul.sub li a { background: none; /*background: transparent url('images/glass-but.png') left top repeat*/; filter:alpha(opacity=90);  behavior: url('/images/hovermenu.htc');  margin: 0; } 

.facebook-note { font-size: 12px; color: #fff; position: absolute; right: 286px; top: 28px; }
.facebook-note a { padding: 0 0 0 25px; background: url('images/fb-ico.png') left top no-repeat; }
.facebook-note a:hover { color: #fff; }

.service-link { position: absolute; right: 286px; top: 28px; width: 500px; }
.service-link a { font-size: 12px; float: right; margin: 0 0 0 40px; }
.service-link a:hover { color: #fff; }
.service-link a.fb-link { padding: 0 0 0 25px; background: url('images/fb-ico.png') left 3px no-repeat; }
.service-link a.viv-link { padding: 0 0 0 25px; background: url('images/viv-ico.png') left 3px no-repeat; }

/* Service menu */

#service-nav { width: 580px; margin: 15px 0 15px 0; }
#service-nav img { position: absolute; left: 0; top: 0; }
#service-nav .col-1 { width: 260px; float: left; padding-left: 10px; }
#service-nav .col-2 { width: 260px; float: right; padding-left: 10px; }

#service-nav h2 { font-family: 'Trebuchet MS'; font-size: 15px; margin-bottom: 8px; }
#service-nav p   { font-size: 13px; line-height: 20px; }

#service-nav .box { width: 200px; padding: 0 0 0 60px; height: 125px; float: right; line-height: 18px; position: relative; margin: 0; background: none; }

/* Loop */

.loop { font-size: 12px; width: 580px; margin: 20px 0 0 0; }
.loop .post { padding: 8px 6px; text-align: left; width: auto; }
.loop .post h3 { font-size: 13px; margin: 10px 0 0 0; }

.post-3 { width: 570px !important; margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px solid #e3e3e3; }
.post-3 .img { width: 195px; float: left; }
.post-3 .text { width: 375px; float: left; }
.post-3 .img img { border: 3px solid #deecf5; height: 103px; width: 174px; float: left; }
.post-3 h3 { font-size: 17px; font-weight: normal; line-height: 18px; margin: 0 0 10px 0; }
.post-3 p { font-size: 13px; color: #52554b; margin: 0; line-height: 20px; width: 100%; text-align: left; }
.post-3 .info { font-size: 10px; line-height: 11px; float: left; display: block; width: 100%; color: #52554b; margin-bottom: 4px; }
.post-3 .info span { display: inline; }
.post-3 .info ul { margin: 0; display: inline; }
.post-3 .info ul li { display: inline; }
.post-3 .info ul li a { display: inline; margin: 0; line-height: 11px; }

.post-4 { float: left; width: 180px !important; height: 220px; margin: 0 0 20px 0; padding: 8px 6px; }
.post-4 img { border: 3px solid #deecf5; height: 103px; width: 174px; float: left; }
.post-4 h3 { font-size: 13px; font-weight: bold; line-height: 18px; width: 180px; height: 50px; color: #3eb3d6; float: left; margin-top: 10px; }
.post-4 p { color: #52554b; margin: 0; line-height: 17px; width: 180px; overflow: hidden; text-align: justify; }
.post-4 .info { font-size: 10px; line-height: 11px; float: left; display: block; width: 100%; color: #52554b; margin-bottom: 4px; }
.post-4 .info span { display: inline; }
.post-4 .info ul { margin: 0; display: inline; }
.post-4 .info ul li { display: inline; }
.post-4 .info ul li a { display: inline; margin: 0; line-height: 11px; }

/*
.post-4 { margin: 30px 10px 0 10px; position: relative; }
.post-4 h3 { font-weight: bold; font-size: 13px; margin-bottom: 10px; color: #3eb3d6; }
.post-4 p { margin: 0 0 30px 0; padding: 0; }
.post-4 .info { position: absolute; right: 0; top: 0; font-size: 11px; line-height: 11px; color: #52554b; margin-bottom: 8px; }
.post-4 .info span { display: inline; margin: 0 5px; }
.post-4 .info ul { margin: 0 5px; display: inline; }
.post-4 .info ul li { display: inline; }
.post-4 .info ul li a { display: inline; margin: 0; line-height: 11px; }
*/

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

/* Content */

.box { color: #535353; background: #eef5fa; padding: 10px; margin: 0 0 30px 0; }
.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; }

.box-head { font-size: 12px; font-family: 'Arial', 'Sans Serif'; font-weight: bold; color: #2e041b; background: #cde8f0; padding: 8px 12px; margin-bottom: 2px; }
.box-head p { margin: 0; line-height: 16px; }

.post .box-head h3.left { font-size: 12px; float: left; margin: 0; padding: 0; font-weight: bold; color: #2e041b; }

.teaser { height: 100px; }
.tabulky { font-size: 12px; width: 580px; margin-left: -10px; }
.tabulky .clanek { float: left; width: 180px !important; height: 160px; margin: 0 0 20px 0; padding: 8px 6px; }
.tabulky .clanek img { border: 3px solid #deecf5; height: 103px; width: 174px; float: left; }
.tabulky .clanek h3 { font-size: 13px; font-weight: bold; line-height: 18px; width: 180px; height: 50px; color: #3eb3d6; float: left; margin-top: 10px; }
.tabulky .clanek p { color: #52554b; margin: 0; line-height: 17px; width: 180px; overflow: hidden; text-align: justify; }
.tabulky .clanek .info { font-size: 10px; line-height: 11px; float: left; display: block; width: 100%; color: #52554b; margin-bottom: 4px; }
.tabulky .clanek .info span { display: inline; }
.tabulky .clanek .info ul { margin: 0; display: inline; }
.tabulky .clanek .info ul li { display: inline; }
.tabulky .clanek .info ul li a { display: inline; margin: 0; line-height: 11px; }

/* Cols */

.col-1, .col-2, .col-3, .col-4 { float: left; }

.col2-set { margin: 0; }
.col2-set .col-1 { width: 580px; }
.col2-set .col-2 { margin-left: 10px; width: 360px; }

.col4-set { margin: 0; }
.col4-set .col-1 { width: 180px; margin: 0 60px 0 0; }
.col4-set .col-2 { width: 180px; margin: 0 60px 0 0; }
.col4-set .col-3 { width: 180px; margin: 0 60px 0 0; }
.col4-set .col-4 { width: 180px; margin: 0; }

/* Features */

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

.last-comments img { float: left; margin-right: 10px; border: 1px solid #cde8f0; padding: 2px; }
.last-comments p { _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 18px 0; width: 580px; z-index: 50; }
.ad .col-1 { width: 250px; float: left; }
.ad .col-2 { width: 250px; float: right; margin-right: 20px; }

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

.stitek { background: #fdfbd0 url('images/recipe-top.gif') repeat-x; padding: 10px 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; }

.interest-post { background: #fff; padding: 0 5px; }
.interest-post .box-head { margin: 0 10px 20px 10px; }
.interest-post .item { float: left; width: 180px; margin: 0 30px; padding: 0 0 20px 0; }
.interest-post .item img { margin: 0 0 10px 0; border: 3px solid #deecf5; height: 103px; width: 174px; }
.interest-post .item h3 { line-height: 20px; }

/* Sidebar */

.sidebox { margin: 0; width: 360px; height: 263px; background: transparent url('images/poradna-big.jpg') left top no-repeat; position: relative; }
.sidebox p { font-size: 12px; line-height: 20px; color: #fff; margin: 0; position: absolute; left: 10px; top: 153px; width: 320px; }
.sidebox a { color: #fff; }
.sidebox a.button { background: url('images/poradna-button.png') left top no-repeat; }
.sidebox a:hover.button { background: url('images/poradna-button.png') left -46px no-repeat; }
.sidebox .button { font-size: 11px; font-weight: bold; line-height: 17px; color: #fff; display: block; position: absolute; width: 137px; height: 41px; padding: 5px 0 0 0; margin: 23px 0 0 24px; text-transform: uppercase; text-decoration: none; text-align: center; }

.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-family: 'Arial'; font-weight: bold; float: right; padding: 0; margin: 3px 0 0 0; }
.view-one, .view-two { cursor: pointer; text-decoration: underline; }
span:hover.view-one, span:hover.view-two { color: #3eb3d6; text-decoration: none; }

.categories { margin: 0 0 30px 0; }
.categories li { font-size: 13px; line-height: 18px; list-style-type: none; background: #eef5fa; margin-bottom: 1px; padding: 10px; }
.categories ul li ul { list-style-type: none; margin: 0 0 0 110px; }
.categories ul li ul li { background: url('images/arrow.gif') left 4px no-repeat; height: auto; padding: 0 0 0 15px; margin: 0 0 3px 0; }
.categories li a { color: #535353; }
.categories 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; }

.post-edit-link { font-size: 11px; }

/* Poll */

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

.poll { margin: 10px 0 0 0; }
.poll .box-head { font-size: 12px; font-weight: bold; color: #2e041b; background: #f0cde2; padding: 6px 10px; margin-bottom: 2px; background: #f0cde2; }
.poll .box { color: #535353; background: #faeef4; padding: 10px; margin: 0 0 30px 0; }
.poll .box p { font-size: 12px; line-height: 20px; margin: 0 0 10px 0; }
.poll .box ul { color: #535353; background: none; margin: 0 0 10px 0; }
.poll .box li { font-size: 12px; line-height: 22px; background: none; padding-left: 15px; }
.poll .box a { color: #b81e7b; margin-right: 10px; }
.poll input { margin-bottom: 5px; }

/* Cform */

#kontaktni-formular { border: 1px solid #cde8f0; background: #eef5fa; padding: 20px; }
#kontaktni-formular h2 { margin-top: 0; }

.cf { margin: 0 0 5px 0; }
.cf-ol label { color: #000; display: block; font-weight: bold; margin: 0 0 5px 0; }
.cf-ol li { position: relative; padding: 0; background: none; }
.cf-ol li#li-2-1,
.cf-ol li#li-2-2 { width: 253px; display: table-cell; float: left; }
.cf-ol li#li-2-1 { width: 263px; }
.cf-ol li#li-2-1 input,
.cf-ol li#li-2-2 input { width: 240px; display: table-cell; float: left; border: 1px solid #b5c8cc; border-bottom: 1px solid #dceaed; border-right: 1px solid #dceaed; }
.cf-ol li#li-2-3 { width: 518px; display: table-cell; float: left; }
.cf-ol li#li-2-3 textarea { font-family: 'Arial'; font-size: 13px; width: 504px; height: 100px; border: 1px solid #b5c8cc; border-bottom: 1px solid #dceaed; border-right: 1px solid #dceaed; padding: 6px 6px; margin: 0; }
.reqtxt,
.emailreqtxt { position: absolute; right: 15px; top: 33px; color: red; }
input.single { font-family: 'Arial'; font-size: 13px; border: 1px solid #c7c7c7; width: 200px; color: #343434; padding: 6px 6px; margin: 0 0 10px 0; }

.cf-ol li#li--1 .reqtxt { right: 32px; }
.cf-sb { margin: 0; }

#usermessagea.failure { background: #efaec2; border: 1px solid #e07c9b; color: #9c264a; padding: 10px 10px; font-weight: bold; margin: 0 0 10px 0; }
#usermessagea.success { background: #d8edb9; border: 1px solid #aec889; color: #6b9c26; padding: 10px 10px; font-weight: bold; margin: 0 0 10px 0; }

/* Footer */

#footer { font-size: 12px; color: #b9c9d5; background: #1a2730; padding: 30px 40px; }
#footer h3 { font-size: 15px; line-height: 15px; width: 185px; color: #fff; margin-bottom: 15px; }
#footer h3 span { margin: 0 0 5px 0; }
#footer ul { margin-bottom: 15px; }
#footer p { margin-bottom: 10px; line-height: 20px; }
#footer a { color: #00c4ff; }
#footer a:hover { color: #fff; }

#footer li { list-style: none; line-height: 20px; margin: 0 0 2px 0; padding: 0; /*background: url('images/dot-line-foot.gif') left bottom repeat-x;*/ }

#footer .highest-rated { font-size: 11px; }
#footer .highest-rated a { font-size: 12px; }
#footer .highest-rated .rating { white-space: nowrap; }

#footer .most-viewed { font-size: 11px; }
#footer .most-viewed a { font-size: 12px; }

#footer .about { margin: 0 0 10px 0; }

#footer .switch { float: left; text-align: left; }
#footer .switch .view-one { font-size: 11px; text-decoration: none; }
#footer .switch .view-two { font-size: 11px; text-decoration: none; }

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

/* Sudo Slider */

.slider, .slider li.panel { width: 185px; height: 250px; margin: 0; }
.slider ul, .slider ul li.panel { margin: 0; padding: 0; list-style: none; }
.slider ul li.panel, .slider li.panel { overflow: hidden; position: relative; padding: 0; background: none; }

.slider { overflow: hidden; }
.graphic, .prevBtn, .nextBtn { margin: 0; padding: 0; display: block; overflow: hidden; z-index: 1000; }

.slider-nav-box { position: absolute; right: 15px; top: 195px; z-index: 100; }
.slider-nav { float: right; position: relative; top: 0; }

.prevBtn, .nextBtn { font-size: 18px; color: #9B7D63; display: inline; z-index: 1000; cursor: pointer; position: relative; top: 1px; }
a:hover.prevBtn, a:hover.nextBtn { color: #000; }

/* Numeric controls */	

ol.controls { display: inline; padding: 0; }
ol.controls  li { float: left; margin: 0; text-indent: -8000px; padding: 0; list-style: none; background: none; }
ol.controls  li a { font-size: 1px; margin: 0 7px 0 0; padding: 0 8px 0 8px; display: block; color: #fff; background: url('img/switch.png') center 3px no-repeat; text-decoration: none; }
ol.controls  li.current a { background: url('images/switch-active.png') center top no-repeat; }
ol.controls  li a:hover { background: url('images/switch-active.png') center top no-repeat; }
ol.controls  li a:focus, .prevBtn a:focus, .nextBtn a:focus{ outline: none; }

/* Headers */

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

h1 { font: 22px 'Century Gothic'; position: absolute; left: 22px; top: 35px; text-indent: -8000px; }
h1 span { background: url('images/logo.png') left top no-repeat; display: block; position: absolute; left: 0; top: 0; height: 69px; width: 179px; z-index: 10; cursor: pointer; }

.post h2 { font: normal 180%/100% 'Trebuchet MS'; color: #254154; letter-spacing: -1px; padding-bottom: 5px; }
.post h3 { font: normal 18px 'Trebuchet MS'; color: #254154; margin: 30px 0 15px 0; }
.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; }

.categories h4 { padding: 0 0 5px 0; }
.categories h4 a { font-weight: bold; font-size: 12px; color: #3eb3d6; }

/* 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 */

#searchform { width: 224px; height: 31px; padding: 8px 15px 16px 15px; position: absolute; right: 0; top: 11px; background: url('images/search-box.png') left top no-repeat; } 
#searchform .searchinput { font-size: 13px; font-family: 'Trebuchet MS'; width: 124px; height: 15px; vertical-align: middle; background: #fff; border: none; margin-right: 1px; padding: 8px 10px 8px 10px; float: left; }
input#searchbutton { font-size: 13px; font-family: 'Trebuchet MS'; font-weight: bold; color: #fff; width: 78px; height: 31px; text-align: center; background: url('images/search-btn.png') repeat-x top left; border-style: none; float: left; cursor: pointer; }
input:hover#searchbutton { background: #e7317f url('images/menu-btn.png') left -42px repeat-x; }

/* 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 'Trebuchet MS'; }

.commentlist { padding: 0; text-align: left; }
.commentlist h4 { font-size: 13px; margin: 0; color: #b81e7b; display: inline; }
.commentlist li { margin: 0 0 10px 0; padding: 10px; background: #faeef4; border: 1px solid #f7e1ec; }
.commentlist li a { color: #b81e7b; }
.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 10px 0;	}
.commentlist .karma p { margin: 0; text-align: right; }
.commentlist .alt { background: #eef5fa; border: 1px solid #e1e8ed; }
.commentlist .alt a, .commentlist .alt h4 { color: #5c829e; }
.commentlist .ip-number { font-size: 11px; color: #d7a7bf; }
.commentlist .alt .ip-number { font-size: 11px; color: #99bed8; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.nocomments { text-align: center; margin: 0; padding: 0; }

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

/* Commentform */
	
#commentform { margin: 0 0 0 10px; }
#commentform input { width: 170px; padding: 6px; margin: 5px 5px 1px 0; border: 1px #c7c7c7 solid; }
#commentform textarea { width: 548px; padding: 10px; border: 1px #c7c7c7 solid; }
#commentform label { float: left; width: 170px; position: relative; top: 6px; }
#commentform input#submit { font-weight: bold; float: right; padding: 6px 10px; margin: 10px 0 0 0; color: #fff; background: #038eb5; border: none; cursor: pointer; }
#commentform input:hover#submit { background: #b11a73; }
#commentform p { font-family: 'Trebuchet MS', 'Arial', 'Sans-Serif'; margin: 5px 0;	}
#commentform small { font-size: 11px; }
h3.comments { margin: 20px 0 20px 10px; }

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

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

/* Clearfix */

.clearfix:after,
.col2-set:after,
.col4-set:after,
.interest-post:after,
.service-nav-col-set:after,
.pagebar:after,
.post-header:after,
.top-5:after,
.partners:after,
.toplist:after,
.about:after,
.loop:after,
.catalog-menu:after,
.box-head:after,
.more:after,
.ad:after,
.features:after,
.post-3:after,
#comment-fields:after,
#page:after,
#footer:after,
#searchform:after,
#kontaktni-formular:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix,
.col2-set,
.col4-set,
.interest-post,
.service-nav-col-set,
.pagebar,
.post-header,
.top-5,
.partners,
.toplist,
.about,
.loop,
.catalog-menu,
.box-head,
.more,
.ad,
.features,
.post-3,
#comment-fields,
#page,
#footer,
#searchform,
#kontaktni-formular {
    zoom: 1;
}