/*

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:#fffa99; } /* barva pozadi - background1 */

#all { background:#c7e5b4; } /* barva pozadi - background2 */

#top { background:#f1453e 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:#333333; }



/* 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:#7bb15c 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:#ffffff; }

	

		.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;color:#ef3129; }

	.wp-polls-form .submit {

  float: none;

  margin-top: 10px;

  }

	.submit:hover { color:#72bf44; }

	

/* 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:#ef3129; text-decoration:underline; outline:none; border:0; }

a:hover { color:#72bf44; 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:#ffffff; padding:5px; }

.list { background-color:#ffffff; padding:5px; margin-top:10px; }

	

	h1 { color:#ef3129; 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:#ef3129; font-weight:bold; padding:0; margin:0; font-size:1.3em; }

	h2 a { color:#ef3129; text-decoration:none; }

	h2 a:hover { color:#72bf44; text-decoration:underline; }

	

	.info { padding:0; margin:0; }

	.recenze, .recenze a { color:#ef3129; text-decoration: none;}

	.clanek { color:#ef3129; }

	.soutez { color:#ef3129; }

	.datum { color:#333333; }

	

/* VARIACE

------------------------------*/	

.main { width:470px; padding:5px 15px; } /* HLAVNI CLANEK VPRAVO NAHORE */



p.special { padding:2px 5px 5px 10px; margin:0 -5px 5px -5px; color:#333333; 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:#333333; 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: #ef3129; text-decoration: none; }

.list .list-data .komentar a:hover {color:#72bf44; 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:#f2f2f3; padding:5px 10px; }

.detail .fv { margin: 0px -5px; }

.detail .drobky { margin-top:0; }

.detail .drobky a { color:#ef3129; text-decoration:none; }

.detail .drobky a:hover { color:#72bf44; text-decoration:underline; }

.detail h1 { color:#ef3129; border:0; font-size:1.3em; font-weight:bold; padding:10px 0 0 0; }

.detail h2 { color:#ef3129; 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:#ef3129; 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:#ffffff; 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:#ef3129; 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:#ffffff; 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:#ef3129; background:url(images/submit-com.gif) no-repeat; border:0; cursor:pointer; }

	.csubmit:hover { color:#72bf44; }



		

/* 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 #f04130; margin:0 -10px; padding:0 10px; border-bottom:10px solid #f04130; }
#footer p {color: #666666; line-height: 30px; margin: 0; padding: 0;}
#footer-in {margin: 5px;}
#footer-in .footerBox {float: left; width: 23%; margin: 0 1%; color:#666666;}
  .footerBox h3 {color: #000000;}
  .footerBox ul li {width: 90%; margin-left: 10%;}
	.footerBox a  {text-decoration:none; color: #666666;}
	.footerBox a:hover {color:#000000; text-decoration:underline;}
#footer p.footertitle {font-weight:bold; font-size:1.2em; color:#000;}



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



}

ol { list-style-position:inside; }