/*  
Theme Name: Rytmus života
Description: Šablona pro prezentaci
Author: Tomáš Gažůr
Author URI: http://www.tomasgazur.cz
*/

html {
	background:url('img/html_bg.png') left top repeat-x;
}

body {
	margin: 0 auto;
	padding: 0;
	width: 850px;
	font-family: Arial;
	color: #424141;
}

	/* HEADER */
	
#header {
	height: 200px;
	background:url('img/header.png') left top no-repeat;
}

#header-sub {
	height: 223px;
	background: url('img/header.png') left top no-repeat;
}

#logo {
	width: 327px;
	height: 107px;
	padding: 24px 0 0 50px;
	float: left;
}

#logo img {
	border:0;
}

#header h1, #header-sub h1{
	display: none;
}

#menu {
	width: 540px;
	float: left;
}	

#menu ul{
	list-style-type: none;
	padding: 40px 0 0 50px;
	margin: 0;
	float: left;
}

#menu li{
	float: left;
	height: 29px;
}

#menu .current_page_parent, #menu .current_page_ancestor, #menu .current_page_item {
	background: url('img/li.png') bottom center no-repeat;
}

#menu li.page-item-7 {
	margin: 0 25px 0 10px;
}

#menu li.page-item-10 {
	margin: 0 25px 0 30px;
}

#menu li.page-item-24 {
	margin: 0 25px 0 33px;
}

#menu li.page-item-25 {
	margin: 0 65px 0 30px;
}

#menu a{
	text-decoration: none;
	color: #5b5b5b;
	font-size: 10pt;
	font-weight: bold;
}

#menu a:hover, #menu ul li.active a{
	color: #bf2e1a;
}

#searchbox { 
	width: 275px;
	float: right;
	margin-top: 30px;
}

#searchpanel {
	background: url('img/search_input.png') top left no-repeat;
	border: 0;
	width: 100px;
	padding: 10px 0 10px 28px;
	float: left;
	font-size: 12px;
	color: #9D9C9C;
}

#search {
	background: url('img/submit.png') top left no-repeat;
	border: 0;
	width: 77px;
	height: 20px;
	margin-top: 8px;
}

#submenu {
	width: 800px;
	height: 23px;
	margin-left: 25px;
	background: #FFFFFF;
	position: absolute; top: 200px
}	

#submenu ul{
	list-style-type: none;
	padding: 0 25px 0 10px;
	margin: 0 0 3px 0;
	float: left;
	height: 23px;
	background: #BF2E1A url('img/sub.png') top right no-repeat;
}

#submenu li{
	float: left;
	background: url('img/subli.png') top left no-repeat;
}

#submenu  a {
	text-decoration: underline;
	color: #ffffff;
	font-size: 8pt;
	padding: 0 10px 0 10px;
}

#submenu  a:hover, #submenu li.current_page_item a {
	color: #ffffff;
	text-decoration: none;
}

#content { 
	width: 800px;
	background: #FFFFFF;
	margin-left: 25px;
}

	/* LEFT SIDE */


#left { 
	width: 505px;
	float: left;
	padding-left: 25px;
}

.lefth2 {
	color: #bf2e1a;
	font-size: 14px;
	padding-top: 40px;
	font-weight: bold;
}

.article  { 
	font-size: 11px;
	padding-top: 19px;
	width: 510px;
	clear: both;
}

.article2  { 
	font-size: 11px;
	padding-top: 10px;
	margin-top: 20px;
	width: 510px;
	background: url('img/article2_bg.png') top left repeat-x;
}

.article img, .article2 img { 
	border: 1px solid #CACACA;
	float: left;
	margin: 0 20px 0 15px;
}

.article .info, .article2 .info { 
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.article .info span, .article2 .info span { 
	color: #bf2e1a;
	font-weight: bold;
}

.article h2, .article2 h2 { 
	font-size: 13px;
	margin: 0;
	padding: 9px 0 7px 0;
}

.article p, .article2 p { 
	margin: 0;
	padding: 0 20px 20px 0;
}

.article .link, .article2 .link {
	color: #bf2e1a;
	text-decoration: underline;
	padding-right: 270px;
	float: right;
}

.article-sub  { 
	font-size: 11px;
	padding-top: 19px;
	width: 510px;
}

.article-sub a {
	color: #bf2e1a;
}

.article-sub h3 {
	margin: 0;
	padding: 0;
}

.article-sub .info {
	margin: 0;
	padding: 0;
}

.article-sub .info a {
	color: #484845;
}

.article-sub img { 
	float: left;
	margin: 0 20px 0 15px;
}

.article-sub h2 { 
	font-size: 16px;
	margin: 0;
	padding: 9px 0 7px 0;
}

.article-sub p { 
	margin: 0;
	padding: 0 20px 20px 0;
}

.organization { 
	color: #424141;
	font-size: 12px;
	padding: 15px 0 0 15px;
}

.organization img {
	border: 0;
}

.organization ul {
	list-style: none;
	margin: 0;
	padding: 8px 0;
}

.organization ul li { 
	background: url('img/separator.png') center right no-repeat;
	float: left;
	margin: 0 10px 0 10px;
}

	/* RIGHT SIDE */

#right {
	width: 255px;
	float: right;
	padding-left: 10px;
	background: url('img/right_bg.jpg') top left no-repeat;
}

#right img {
	border: 0;
}

#right .prispejte {
	width: 222px;
	height: 105px;
	background: url('img/prispejte.png') top left no-repeat;
	margin-top: 20px;
}

#right .prispejte p {
	font-size: 13px !Important;
	text-align: right;
	padding: 65px 15px 0 0;
}

#right .prispejte span {
	color: #bf2e1a;
	font-size: 18px !Important;
}

#right .cleny {
	width: 223px;
	height: 131px;
	background: url('img/cleny.png') top left no-repeat;
	padding-top: 10px;
	margin-top: 5px;
}

#right .lekar {
	width: 222px;
	height: 130px;
	background: url('img/lekar.png') top left no-repeat;
	padding-top: 8px;
}

#right .arytmie {
	width: 223px;
	height: 130px;
	background: url('img/arytmie.png') top left no-repeat;
	padding-top: 8px;
}

#right .cleny img, #right .lekar img, #right .arytmie img {
	margin: 80px 0 0 75px;
}

#right h3 {
	color: #FFFFFF;
	width: 221px;
	height: 29px;
	font-size: 15px;
	background: url('img/right_h3_bg.png') top left no-repeat;
	padding: 3px 0 0 15px;
	font-weight: normal;
}


	/* FOOTER */

#clear { 
	clear: both;
	padding-bottom: 10px;
}

#footer {
	background: url('img/footer.png') top left no-repeat;
	height: 98px;
	color: #FFFFFF;
	font-size: 12px;
	padding: 15px 0 0 50px;
}

#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}

	/* DODĚLÁVKY */
	
#clear-index { 
	clear: both;
	padding-bottom: 10px;
}
	
#napiste_nam {
	text-decoration: none;
}