/*
Theme Name: O zdraví
Theme URI: http://wordpress.org/
Description: Šablona pro zdraví
Version: 1.0
Author: Jan Kaiser
Author URI: http://web-grafika.cz/
Tags: blue, custom header, fixed width, two columns, widgets

*/



* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }

/* ZDE SE MENI BAREVNOST 
********************************************/
body { background:#333333; } /* barva pozadi - background1 */
#all { background:#ffffff; } /* barva pozadi - background2 */
#top { background:#cbbf86 url(images/bg-top.gif) repeat-x; } /* barva hlavicky - jednopixelovy pruh, ktery natahujeme (vyska 80px) + nejsytejsi barva tohoto pozadi */

/* zluta varianta 
#top { background:#d8bf1a url(images/bg-top-zluta.gif) repeat-x; } */
/*******************************************/

body { font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.6em; text-align:center; color:#000000; }

/* LAYOUT
------------------------------*/
#all { width:940px; margin:0 auto; text-align:left; position:relative; border-left:5px solid #fff; border-right:5px solid #fff; padding:0 10px; font-size:0.75em; line-height:1.6em; }
#top { width:960px; height:108px; position:relative; margin:0 -10px; }
#container { padding:10px 0; }

/* LOGO
------------------------------*/
.logo { display:block; position:absolute; width:278px; height:80px; left:0; top:0; text-align:left; font-size:1.1em; background:url(images/logo.png) no-repeat; }
	.logo a { width:278px; height:80px; display:block; position:relative; left:0; top:0; color:#fff; text-align:center; text-indent:-9999px; }

/* MENU
------------------------------*/
ul#menu { position:absolute; top:80px; left:0; border-top:5px solid #fff; list-style:none; margin:0; padding:0; background:url(images/bg-menu.gif) repeat-x; width:960px; z-index: 0; }
	ul#menu li { float:left; list-style:none; margin:0; padding:0; height:22px; border-left:1px solid #f1f2f2; border-right:1px solid #abacad; }
	ul#menu li a { float:left; list-style:none; margin:0; padding:0 6px; height:22px; line-height:22px; display:block; text-decoration:none; color:#000000; font-weight:bold; }
	ul#menu li#menu_item_1 { border-left:0; }
	ul#menu li a:hover {  text-decoration:none; color:#ffffff; background:#393a3b url(images/bg-menu-hover.gif) repeat-x; }
	ul#menu li#ukoncovac { width: 1px; padding:0; margin:0; background: #f1f2f2; border: 0;}

/* HLEDAT
------------------------------*/
#hledat { position:absolute; top:10px; right:10px; }
	#hledat .form { width:215px; }
	#hledat .form .input-hledat { border:0; height:16px; width:122px; padding:2px 5px; margin:0; background:url(images/input-hledat.gif) no-repeat; float:left; }
#soutez-container {position:absolute; top:40px; right:0; z-index: 0;}	
#soutez { padding:10px; background:url(images/soutez.png) repeat-x; }
	#soutez .form { width:215px; float:left;}
	#soutez .form .newsletterTextInput { border:0; height:16px; width:122px; padding:2px 5px; margin:0; background:url(images/input-prihlasit.gif) no-repeat; overflow:hidden; float:left; margin-right: 10px;}
	#soutez p { float:left; height:20px; line-height:20px; display:block; white-space:nowrap; padding:0 10px 0 0; margin:0; color:#000000; }
	
	.submit { border:0; height:20px; width:73px; padding:0; margin:0; background:url(images/submit.png) no-repeat; float:left; cursor:pointer; text-align:center; font-size:0.8em; text-transform:uppercase; }
	.wp-polls-form .submit {
  float: none;
  margin-top: 10px;
  }
	.submit:hover { color:#666666; }
	
/* GLOBAL
------------------------------*/	
p { margin:5px 0; font-size:1em; }
table, td { font-size:1em; }
hr, .noscreen { display:none !important; }

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em; }

a { color:#a99434; text-decoration:underline; outline:none; border:0; }
a:hover { color:#666666; text-decoration:none; }

abbr, acronym { border-bottom:1px dotted #999; cursor: help; }
.code { font-family: "Consolas", "Courier New", Courier, mono; background:#2A3750; padding:0 3px; color:#F1F1F1; font-size:100%; }

.nobr { border:0 !important; }
.f-left { float:left !important; }
.f-right { float:right !important; }
.highlight {color:#fff;}

.vlevo { float:left; margin:4px 15px 10px 0; padding:2px; border:1px solid #ccc; }
.vpravo { float:right; margin:4px 0 10px 10px; padding:2px; border:1px solid #ccc; clear:left; }
.vlevo-bezramecku { float:left; margin:4px 15px 10px 0; padding:3px; }
.vpravo-bezramecku { float:right; margin:4px 0 10px 10px; padding:3px; clear:left; }
.a-right { text-align:right; }
.center { text-align:center !important; }

img.left, p a img.left { border:medium none; float:left; padding:3px 15px 3px 0; position:relative; }
img.right, p a img.right { border:medium none; float:right; padding:3px 0 3px 15px; position:relative; }

.h3-search a {text-decoration:none !important;}
.h3-search a:hover {text-decoration:underline !important;}

.rssSubdate { padding-left:7px; }
.novinky { padding:1px 0 0 24px; }

.nobr { border:0 !important; }

.wa { width:auto !important; }
.strong { font-weight:bold !important; }

/* SIDEBAR
------------------------------*/	
#sidebar { width:420px; overflow:hidden; float:left; }

/* ARTICLE
------------------------------*/	
.article { background-color:#f2f2f2; padding:5px; }
.list { background-color:#f2f2f2; padding:5px; margin-top:10px; }
	
	h1 { color:#666666; border-bottom:1px solid #e7e7e8; font-size:1.2em; font-weight:bold; padding-bottom:6px; }
	h1 a { text-decoration:none; color:#333; }
	h1 a:hover { text-decoration:none; color:#83ae49; }
	
	h2 { color:#a99434; font-weight:bold; padding:0; margin:0; font-size:1.3em; }
	h2 a { color:#a99434; text-decoration:none; }
	h2 a:hover { color:#666666; text-decoration:underline; }
	
	.info { padding:0; margin:0; }
	.recenze, .recenze a { color:#a99434; text-decoration: none;}
	.clanek { color:#a99434; }
	.soutez { color:#a99434; }
	.datum { color:#000000; }
	
/* VARIACE
------------------------------*/	
.main { width:470px; padding:5px 15px; } /* HLAVNI CLANEK VPRAVO NAHORE */

p.special { padding:2px 5px 5px 10px; margin:0 -5px 5px -5px; color:#666666; text-transform:uppercase; font-weight:bold; font-size:1.1em; border-bottom:1px solid #e7e7e8; }
.main p.special { margin:0 -15px; padding:0 10px 5px 10px; }
.sub h2 { padding:5px 5px 0 5px; }
.sub p { padding-left:5px; padding-right:5px; }

.list p.special { padding:2px 5px 0 10px; margin:0 -5px 5px -5px; color:#666666; text-transform:uppercase; font-weight:bold; font-size:1.1em; border-bottom:0; }
.list .list-article { line-height:1.4em; border-top:1px solid #e7e7e8; margin:0 -5px; padding:5px 5px 0 5px; font-size:0.9em; }
.list .list-img { display:block; float:left; height:90px; margin-right:10px; margin-top:2px; overflow:hidden; width:90px; position: relative; }
.list .list-data { margin-left:100px; }
.list .list-data h2 { font-size:1.1em; }
.list .list-data .komentar { background:url(images/ico-komentar.gif) 0 55% no-repeat; padding-left:14px; }
.list .list-data .komentar a {color: #a99434; text-decoration: none; }
.list .list-data .komentar a:hover {color:#666666; text-decoration: none; }

/* STRANKOVANI
------------------------------*/	
.strankovani { border-top:1px solid #e7e7e8; margin:0 -5px; padding:5px 10px 0 5px; text-align:right; text-transform:uppercase; }
.strankovani a { text-decoration:underline; padding:0 1px; }
.strankovani a:hover { text-decoration:none; }
.strankovani span.current, .strankovani a.active:hover { text-decoration:none; color:#ed1c24; }

/* DETAIL
------------------------------*/	
.detail { background-color:#f2f2f2; padding:5px 10px; }
.detail .fv { margin: 0px -5px; }
.detail .drobky { margin-top:0; }
.detail .drobky a { color:#a99434; text-decoration:none; }
.detail .drobky a:hover { color:#666666; text-decoration:underline; }
.detail h1 { color:#a99434; border:0; font-size:1.3em; font-weight:bold; padding:10px 0 0 0; }
.detail h2 { color:#a99434; font-weight:bold; padding:10px 0 0 0; margin: 0; font-size:1.2em; }
.detail table { margin:10px 0; }
.detail .wp-caption {display:none;}

.kategorie { float:left; width:49%; padding-top:5px; }
.kategorie a { color:#a99434; text-decoration:none; }
.kategorie a:hover { color:#83AE49; text-decoration:underline; }
.precteno { float:right; width:50%; text-align:right; padding-top:5px; }
.precteno-kontakt { text-align:right; padding-top:5px; }

.social { clear:both; background:#e5e5e5; padding:3px 0 3px 8px; font-size:0.9em; margin-bottom:5px; }
.social a { padding:0 3px 0 3px; color:#333333; text-decoration:underline; }
.social a:hover { color:#333333; text-decoration:none; }

.jagg { background:url(images/jagg.gif) 0 50% no-repeat; }
.sme { background:url(images/sme.gif) 0 50% no-repeat; }
.linkuj { background:url(images/linkuj.gif) 0 50% no-repeat; }
.facebook { background:url(images/facebook.gif) 0 50% no-repeat; }
.digg { background:url(images/digg.gif) 0 50% no-repeat; }

ul.related { list-style:none; margin:0 0 15px 0; padding:0; }
ul.related li { list-style:none; margin:0; padding:0; }

.rss h2 { color:#83AE49; font-size:1.1em; margin:0; padding:10px 0 0 0; }
.rss p { padding:0; margin:0; }
.rss .strankovani { margin-top:10px; padding-top:4px; }

/* SLOUPCE + SIDEBAR2
------------------------------*/	
#sidebar2 { width:500px; overflow:hidden; float:right; }

.banner468 { height:60px; padding:10px 0; width:500px; position:relative; }
.banner468 p { position:absolute; right:10px; top:7px; padding:0; margin:0; color:#666666; line-height:1em; font-size:9px; text-align:center; font-weight:bold; }

#sloupce { width:500px; }
#sloupec-right { width:279px; float:right; }
#sloupec-left { width:200px; float:left; }

.list .list-article .list-img span { display:block; height:80px; width:80px; background:url(images/thumb.png) center center no-repeat; cursor:pointer; }

/* SLOUPEC RIGHT
------------------------------*/	
.box { background-color:#f2f2f2; width:269px; padding:5px; margin-bottom:10px; }
	.box .list p.special { padding:2px 5px 0 10px; margin:0 -5px 5px -5px; color:#ed1c24; text-transform:uppercase; font-weight:bold; font-size:1.1em; border-bottom:0; }
	.box .list-article { line-height:1.4em; padding:5px 5px 0 5px; font-size:0.9em; }
	.box .list-img { display:block; float:left; height:80px; margin-right:10px; margin-top:2px; overflow:hidden; width:80px; position:relative; }
	.box .list-img span { display:block; position:absolute; top:0; left:0; height:80px; width:80px; background:url(images/video.png) no-repeat; cursor:pointer; }
	.box .list-data { margin-left:90px; }
	.box .list-data h2 { font-size:1.1em; }
	
	.button, .Buttons { background:url(images/button.gif) top right no-repeat; height:20px; overflow:hidden; font-size:11px; line-height:20px; color:#a99434; text-decoration:none; text-transform:uppercase; padding:0 15px; position:relative; overflow:hidden; width:100px; display:block; margin:0 auto; }
	.button span { position:absolute; top:0; left:0; width:9px; height:20px; display:block; background:url(images/button.gif) top left no-repeat; overflow:hidden; }
	
	#widget-zajimavosti .list-article { padding:0 5px !important; }
	#widget-zajimavosti .button { width:140px !important; }
	
	.rss .list-article { padding:0 5px 5px 5px; }
	.rss .list-article p { padding:0; margin:0; }
	.rss .list-article .title { font-weight:bold; padding-top:5px; }
	.rss .list-article .title a { font-size:1.1em; text-decoration:none; }
	.rss .list-article .title a:hover { text-decoration:underline; }

/* SLOUPEC RIGHT
------------------------------*/	
.reklama { font-size:0.8em; text-transform:uppercase; font-weight:bold; padding:0; margin:0; }

.anketa { background-color:#f2f2f2; width:190px; padding:5px; margin:8px 0; }
.anketa .list p.special { padding:2px 5px 0 10px; margin:0 -5px 5px -5px; color:#ed1c24; text-transform:uppercase; font-weight:bold; font-size:1.1em; border-bottom:0; }
.anketa fieldset { padding:0 5px; }
.anketa label { display:block; clear:both; }
.anketa label input { width:auto; float:left; }
.anketa label span { display:block; float:left; width:85%; padding-left:5px; }

.anketa p.center { clear:both; padding-top:5px; }
/* KOMENTARE
------------------------------*/
.komentare { padding-top:10px; margin:0;  }
	
	.cbody { overflow:hidden; margin:1px -10px 0 -10px; padding:4px 10px 5px 10px; border-top:1px dotted #e7e7e8; position:relative; }
	.cbody p { margin:0; padding:4px 0; }
	
	.rate img { position:relative; top:3px; }
	
	.cnum { color:#E0E0E0; display:block; font-size:1em; font-weight:bold; height:28px; line-height:normal; position:absolute; right:14px; top:8px; }
	.cnum a { color:#333333; text-decoration:none; }
	.cnum a:hover { text-decoration:underline; color:#333333; }
	
	.vlozeni { border-top:1px dotted #e7e7e8; padding:10px 10px 0 10px; margin:0 -10px; }
	
	div.cform { line-height:1.5em; font-size:1em; background:#e5e5e5; padding:10px; margin-bottom:5px; width: 380px;}
	.cform table { width:95%; }
	.cform td { padding:3px 5px; vertical-align:top; }
	.cform input { background-color:#fff; padding:2px 4px; margin-right:5px; border:1px solid #ccc; width:170px; }
	.cform input.spam { width:50px; }
	.cform textarea { line-height:1.4em; font-size:1em; border:1px solid #ccc; width:310px; height:130px; padding:2px 4px; }
	.csubmit { text-align:center; width:139px; height:20px; padding:0; margin:5px auto; color:#a99434; background:url(images/submit-com.gif) no-repeat; border:0; cursor:pointer; }
	.csubmit:hover { color:#666666; }

		
/* JCAROUSEL
------------------------------*/		
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.jcarousel .jcarousel-item-placeholder { background:#fff; }
.jcarousel-container .jcarousel-next-horizontal { position:absolute; top:80px; right:0; width:20px; height:20px; cursor:pointer; background-image:url(next-horizontal.gif); background-repeat:no-repeat; background-position:0 0; padding: 0; margin: 0; }
.jcarousel-container .jcarousel-next-horizontal:hover { background-position:-20px 0; }
.jcarousel-container .jcarousel-next-horizontal:active { background-position:-40px 0; }
.jcarousel-container .jcarousel-next-disabled-horizontal, .jcarousel-container .jcarousel-next-disabled-horizontal:hover, .jcarousel-container .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-60px 0 !important; }
.jcarousel-container .jcarousel-prev-horizontal { position:absolute; top:80px; left:0; width:20px; height:20px; cursor:pointer; background-image:url(http://bioportal.cz/prev-horizontal.gif); background-repeat:no-repeat; background-position:0 0; }
.jcarousel-container .jcarousel-prev-horizontal:hover { background-position:-20px 0; }
.jcarousel-container .jcarousel-prev-horizontal:active { background-position:-40px 0; }
.jcarousel-container .jcarousel-prev-disabled-horizontal, .jcarousel-container .jcarousel-prev-disabled-horizontal:hover, .jcarousel-container .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:-60px 0 !important; }

.jcarousel-container-horizontal { width:400px; padding:30px 35px 20px 35px; height:180px; position:relative; }
.jcarousel-clip-horizontal { width:400px; height:200px; }
.jcarousel-item { width:200px; height:200px; text-align:center; line-height:1em; font-size:0.9em; overflow:hidden; }
.jcarousel-item strong { clear:left; font-style:normal; }
.jcarousel-item a { width:200px; height:200px; display:block; text-decoration:none; color:#666; }
.jcarousel-item a:hover { color:#83AE49; text-decoration:none; }
.jcarousel-item-horizontal { margin:0; display:inline; }		
		
/* FOOTER
------------------------------*/
#footer { background:#fff; width:940px; clear:both; border-top:1px solid #a8aaab; margin:0 -10px; padding:0 10px; border-bottom:10px solid #a8aaab; }
	#footer p { color:#666666; line-height:30px; margin:0; padding:0; }
	#footer p a { color:#666666; text-decoration:none; }
	#footer p a:hover { color:#666666; text-decoration:underline; }

/* CLEARFIX
------------------------------*/
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.comdata {
float: left;
}

.votimg {
position: relative;
top: 2px;
}

textarea#comment {
width: 250px;
}

div.post-ratings {
height: 75px;
}

div.form div.success {
position: absolute;
top: 47px;
background: 0;
border: 0;
}

div.form div.error {
position: absolute;
top: 47px;
background: 0;
border: 0;
}

#soutez div.form div#newsletterLoading {
position: absolute;
top: 47px;
z-index: 99;
}

.wp-polls-form ul li input {
height: 100%;
}

.button input {
background: 0;
margin-top: 2px;
text-transform: uppercase; 
}

#sidebar ul {
margin: 10px 20px;
padding: 0;
}

.cform {

}