/*
	Theme Name: Kalas Medical Custom
	Author: Peter Kahoun
	Author URI: http://kahi.cz
*/

/* CSS Document
 ****************
 * Media: screen, presentation
 * Tested in: Opera 9.5, Firefox 3, Safari 4 (Win), Chrome and IE 6,7,8 (additional stylesheets applied)
 * Note: advanced-browsers-enhancement (MOSe) applied
 *
 * Author: Peter Kahoun aka Kahi
 * Author contact: kahi@kahi.cz; web: kahi.cz
 * Date: 2009/04


Colors
****************

d6d6d6	grey
4814a0	dark violet (=pantone violet C) (links)
996ce4	lighter violet (visited links)
e0d6fa	light violet (borders)


Widths
****************
 
900	total
814	content max

 */



/* =reset
------------------------------------------------*/

body,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend,
th, td, hr, pre, p, blockquote {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; line-height:1;}

ol, ul {list-style:none;}

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

fieldset, img {border:0;}

body {font-size:62.5%;}

input[type=text] {padding:1px 3px;}

hr {display:none;}

th {text-align:left;}

.noscreen {
	position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden;}


/* =layout
------------------------------------------------*/

body {
	padding-bottom:30px;
	border-top:6px solid #9974db;
	background-color:#d6d6d6;
	font-family:"Segoe UI", Tahoma, "Lucida Grande CE", lucida, sans-serif;}

#all {
	margin:10px auto; position:relative;
	width:900px; padding-top:15px;
	background:#fff url(images/all-top.png) no-repeat;}



/* =header
------------------------------------------------*/

#header {
	margin:0 13px 20px;
	height:150px;
	background:url(images/header.png) no-repeat;
        }
	
	#header #logo {
		height:100%;
        background:url(images/header-company.png) right top no-repeat;}
			
	.error404 #header #logo {
		background-image:url(/wp-content/uploads/header-404.jpg);
    }
	
	.section-consult #header #logo {
		background-image:url(/wp-content/uploads/header-consult.jpg);
    }
		
	.section-sleep #header #logo {
		background-image:url(images/header-sleep.png);
    }
		
	.section-company #header #logo {
		background-image:url(images/header-company.png);
    }

	.section-urgent #header #logo {
		background-image:url(images/header-urgent-sk.png);
    }


	.section-urgent-en #header #logo {
		background-image:url(images/header-urgent-en.png);
    }


	.section-urgent-ru #header #logo {
		background-image:url(images/header-urgent-ru.png);
    }
	.section-alcohol #header #logo {
		background-image:url(images/header-alcohol.png);
    }

		#header #logo a {
			position:relative;
			display:block; height:100%; width:325px; overflow:hidden; 
			/* img:off: */ line-height:120px;text-indent:30px; font-size:32px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;;}
		
			#header #logo a span {
				position:absolute; left:0; top:0;
				width:100%; height:100%;
				/*background:url(/wp-content/uploads/logo.png) no-repeat;*/}
				

/* =footer
------------------------------------------------*/

#footer {
	padding:30px 14px 40px;
	background:url(images/footer.png) left bottom no-repeat;
	color:#999; font-size:110%;}

	#footer .copy {
		float:left;
		width:40%;}

	#footer .links {
		float:right; text-align:right;
		width:40%;}

		#footer .links a {
			margin-left:1em;}
		
		#footer .links a:after {
			content:'  |  ';
			margin-left:1em;}

		#footer .links a:last-child:after {
			content:'';}
			
	#footer .links:after {
		content:' '; display:block; clear:both;}


	#footer a {
		color:inherit; text-decoration:none;}

	#footer a:hover {
		color:#333;}


/* =nav-main
------------------------------------------------*/

#nav-main {
	height:60px; padding-left:13px;
	z-index:100;
	}

	#nav-main > li {
		position:relative; float:left; margin-left:1px; z-index:100;
		width:140px; height:60px;}

		#nav-main > li > a {
			display:block; position:relative;
			height:100%;
			text-align:center; color:#fff; font-size:12px; text-transform:uppercase; line-height:17px; text-decoration:none;}

			#nav-main > li > a > .l {
				display:block; height:100%; padding-left:5px;
				background:url(images/nav-main-tabs-part-left.png) no-repeat;}

			#nav-main > li > a .r {
				display:block; height:100%; padding-right:5px;
				background:url(images/nav-main-tabs-part-right.png) right top no-repeat;}

			#nav-main > li > a .m {
				display:block; height:40px; padding:20px 15px 0 15px; /* total height: 60 */
				background:url(images/nav-main-tabs-part-middle.png) repeat-x;}

	#nav-main a:hover span {
		background-position:left -60px;} /* remember: applied on 2. level items too */

	#nav-main a:hover .r {
		background-position:right -60px;}


		/* active tab */
	#nav-main > li.current_page_item,
	#nav-main > li.current_page_ancestor {
		position:relative; top:1px; z-index:110; margin:0 3px;}

		#nav-main > li.current_page_item > a,
		#nav-main > li.current_page_ancestor > a {
			color:#333;}
			
		#nav-main > li.current_page_item span,
		#nav-main > li.current_page_ancestor span {
			background-position:left bottom;}
		
		#nav-main > li.current_page_item .r,
		#nav-main > li.current_page_ancestor .r {
			background-position:right bottom;}
 	
	 
	/* level 2 */

	#nav-main ul {
		display:none;
		position:absolute; top:56px; z-index:109;
		padding:10px 0 10px; width:auto; /* min-width:150px; max-width:400px; */
		border:1px solid #e0d6fa; border-color:#e0d6fa #a58ecc #a58ecc #e0d6fa;
		background:#fff;
		box-shadow:0.2em 0.2em 0.5em #CCC;
		-webkit-box-shadow:0.2em 0.2em 0.5em #CCC;
		-moz-box-shadow:0.2em 0.2em 0.5em #CCC;
		
		-moz-border-radius-bottomleft:4px;
		-khtml-border-radius-bottomleft:4px;
		-webkit-border-bottom-left-radius:4px;
		border-bottom-left-radius:4px;

		-moz-border-radius-bottomright:4px;
		-khtml-border-radius-bottomright:4px;
		-webkit-border-bottom-right-radius:4px;
		border-bottom-right-radius:4px;}

	#nav-main > li:hover ul {
		display:block;
		left:-0px;
                z-index:110;
		}

		#nav-main ul li a {
			display:block;
			text-decoration:none; color:#444; font-size:120%; padding:5px 25px 5px 20px; white-space:nowrap;}

		#nav-main ul li.current_page_item a,
			#nav-main ul li.current_page_ancestor a {
                        z-index:110;
			background:url(images/arrow-violet-right.png) right center no-repeat;
			color:#4814a0 !important;}

		#nav-main ul li a:hover {
			background-color:#eee6fb;
			color:#000;}
			


/* =nav-lang
------------------------------------------------*/

#nav-lang {
	position:absolute; right:-40px; top:90px;
	width:40px;}

	#nav-lang a {
		position:absolute; left:0;
		width:40px; height:44px; overflow:hidden;
		background:url(images/lang-tabs.png) left bottom no-repeat;
		text-indent:-500px; }
		
		#nav-lang a span {
			display:block;
			width:100%; height:100%;
			background:url(images/flag-sk.png) center center no-repeat;}
		
	#nav-lang #sk a {
		top:0; z-index:52;}
		
		#nav-lang #sk a span {
			background-image:url(images/flag-sk.png);}

	#nav-lang #en a {
		top:28px; z-index:51;}
		
		#nav-lang #en a span {
			background-image:url(images/flag-uk.png);}		
			
	#nav-lang #ru a {
		top:56px; z-index:50;}		
		
		#nav-lang #ru a span {
			background-image:url(images/flag-ru.png);}	
			
			
	#nav-lang .active a {
		z-index:55 !important;
		background-position:left top;}
		
	#nav-lang a:hover {
		z-index:56 !important;
		background-position:left top !important;}		

	#nav-lang:hover .active a {
		z-index:inherit;
		background-position:left bottom;}
		

/* =nav-search
------------------------------------------------*/

#nav-search {
	position:absolute; right:-40px; top:20px;
	width:40px; height:44px;}

	#nav-search h3 {
		position:absolute; left:0;
		width:40px; height:44px; overflow:hidden;
		background:url(images/search-tab.png) no-repeat;
		text-indent:-500px;}
		
		#nav-search h3 span {
			display:block;
			width:100%; height:100%;
			background:url(images/search-tab.png) no-repeat;}
	
	#nav-search form {
		display:block;
		position:absolute; left:-187px; top:0;
		width:164px; padding:10px 0 10px 10px;
		background:url(images/white-a40.png);}
		
	#nav-search .text {
		width:160px; padding:2px;
		border:0;
		background:#fff; color:#333; font-size:13px;}
	
	#nav-search .submit {
		display:none;}


/* =content
------------------------------------------------*/


#content {
	margin:0 13px; position:relative;
	padding:30px;
	border:1px solid #e0d6fa;
	background-color: #f7f2fa;
	/* background:url(images/content-grad.png) repeat-x; */
}
	

	.section-alcohol #content {
        background-color: #f2f9fc;
    }

	.section-company #content {
        background-color: #f7f2fa;
    }

	.section-sleep #content {
        background-color: #fbf8ea;
    }


	.section-urgent #content {
        background-color: #f7f2fa;
    }

	.corner-lt,
	.corner-rt,
	.corner-rb,
	.corner-lb {
		position:absolute;
		width:13px; height:13px;
		background:url(images/corners-13.png) no-repeat;
    }
	
	.corner-lt {
		left:-1px; top:-1px;}

	.corner-rt {
		right:-1px; top:-1px;
		background-position:-13px 0;}
		
	.corner-rb {
		right:-1px; bottom:-1px;
		background-position:-13px -13px;}		
		
	.corner-lb {
		left:-1px; bottom:-1px;
		background-position:0 -13px;}		


	/* =nav-sub */
	
	#content #nav-sub {
		float:right; position:relative; top:-31px; right:-31px; z-index:80;
		padding:20px 50px 20px 20px;
                width: 200px;
		background:url(images/nav-sub-back.png) left bottom no-repeat;}
	
		#content #nav-sub h4 {
			margin:0 0 1em 0;}
		
			#content #nav-sub h4.current_page_item a  {
				color:#4814a0;}
			
		#content #nav-sub li {
			margin:0 0 1em 0; 
			padding:0;
			background:none;}
	
			#content #nav-sub a {
				display:block;
				padding-left:20px; max-width:270px;
				text-decoration:none; color:#666;}
	
			#content #nav-sub a:hover {
				text-decoration:underline;}
	
			#content #nav-sub .current_page_item > a {
            font-weight: bold;
				background:url(images/arrow-violet-left.png) left center no-repeat;
				color:#4814a0;}
		
		/* 2. level */
		#content #nav-sub ul ul {
			padding:10px 0 0 20px;}

		#content #nav-sub ul ul {
			display:none;}

		#content #nav-sub ul .current_page_item ul {
			display:block;}
	
		/* corners */
		
	/* @note: .corner-lb - inherited from general lb */
	
    #nav-sub .corner-lb {
        background:none;
        background-color: #fff;
    }

	#nav-sub .corner-rt {
		left:-12px; top:0;}
	
	#nav-sub .corner-rt2 {
		left:auto; right:0; top:auto; bottom:-12px;}		
				
		
	/* typo */
	
#content p,
#content ul,
#content ol,
#content dl,
#content table {
	font-size:130%; line-height:1.2; color:#333;}

	#content li ul,
	#content li ol,
	#content li p,
	#content li h2,
	#content li h3,
	#content li h4,
	#content li h5,
	#content li h6,
	#content dl p,
	#content table p,
	#content table li,
	#content table ul,
	#content table ol /* etc! */ {
		font-size:100%;}
	
	


/* Additional stuff */

ol.odrazka {
    list-style:decimal;}

.odrazka 
{
    list-style-image: url("images/blue-rectangle.png");
}

.odrazka01
{
    list-style-image: url("images/blue-rectangle-01.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}

.odrazka02
{
    list-style-image: url("images/blue-rectangle-02.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}

.odrazka03
{
    list-style-image: url("images/blue-rectangle-03.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}

.odrazka04
{
    list-style-image: url("images/blue-rectangle-04.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}

.odrazka05
{
    list-style-image: url("images/blue-rectangle-05.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}

.odrazka06
{
    list-style-image: url("images/blue-rectangle-06.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}

.odrazka07
{
    list-style-image: url("images/blue-rectangle-07.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}

.odrazka08
{
    list-style-image: url("images/blue-rectangle-08.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}

.odrazka09
{
    list-style-image: url("images/blue-rectangle-09.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}

.odrazka10
{
    list-style-image: url("images/blue-rectangle-10.png");
    background: url(images/resmed-gradient.png) no-repeat bottom left !important;
    padding-bottom: 2px;
}


.infopanel
{
    clear:right; float:right;
    background:white;
    border: 1px solid #cccccc;
    padding: 0px 8px 12px 8px;
    text-align: center;
}

	/* typo: links */
	
a {
	color:#4814a0;}
	
a:hover {
	text-decoration:none;}
	
a:visited {
	color:#996ce4;}	

	/* typo: headings */
	
#content h1 {
	margin:0 0 .67em;
	font-size:220%; color:#333;}

#content h2 {
	margin:1em 0 .67em;
	font-size:200%; color:#333;}

#content h3 {
	margin:1.2em 0 .67em;
	font-size:170%; color:#333;}

#content h4 {
	margin:1.5em 0 .67em;
	font-size:150%; color:#111;}

#content h5 {
	margin:1.5em 0 .67em;
	font-size:140%; font-style:italic; color:#111;}
	
#content h6 {
	margin:1.5em 0 .67em;
	font-size:130%; font-style:italic; color:#333;}


	/* typo: paragraphs */

#content .perex p {
	font-size:140%; font-style:italic; color:#666;
}

	#content .perex p strong,
	#content .perex p em {
		color:#222; font-weight:inherit;}
		
		
	/* typo: lists */

#content li {
	margin-bottom:0.3em}

#content ul {
	list-style:none;}
	
	#content ul > li {
		margin-left:1.5em;
		padding-left:1.5em;
		background:url(images/li.png) left 0.45em no-repeat;}


#content ol > li {
	margin-left:3.1em;
	padding-left:0.5em;
	background-image:none;}

	#content ol ul,
	#content ul ol {
		margin-top:.5em; margin-bottom:.3em;}


#content dt {
	margin-top:.3em;
	font-style:italic;}

#content dd {
	margin-left:2em;}


	/* typo: images */

.figure {
	text-align:center;}

	.figure-left p,
	.figure-right p,
	.figure p {
		padding:.5em;
		font-style:italic; color:#666; text-align:center;}

.alignright,
.right,
.figure-right {
	clear:right; float:right; margin:.5em 0 .5em 15px;}

.alignleft,
.left,
.figure-left {
	float:left; margin:.5em 15px .5em 0;}


img {
	padding:2px;
	border:0px solid #ddd;}

a img {
	border:1px solid #e0d6fa;}

	
	/* typo: tables */

table {
	border-collapse:collapse;}

	th,
	td {
		padding: 2px 2px;
		border:1px solid #ddd;}

	th {
		background:#f5f5f5 url(images/back-to-white.png) left bottom repeat-x;
		font-weight:bold;}
	
	
	/* typo: else */

code {}

div.important,
p.important {
	padding:1em;
	background:url(images/content-grad.png) left top repeat-x;}

.important {
	background-color:#eee;
	background:url(images/content-grad.png) left top repeat-x;}

.positive {	
	padding:1em;
	background:#e5f3f5 url(images/back-to-white-small.png) left bottom repeat-x;}
	
.negative {
	padding:1em;
	background:#fee url(images/back-to-white-small.png) left bottom repeat-x;}
	
	
	/* links to files */

a[href$='.zip'],
a[href$='.rar'],
a[href$='.7z'],
a[href$='.gz'],
a.type-archive {
	padding-right:20px; margin-right:2px;
	background:url(images/icons/compress.png) right center no-repeat;}

a[href$='.pdf'],
a.type-pdf {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_acrobat.png) right center no-repeat;}

a[href$='.txt'],
a.type-text {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_text.png) right center no-repeat;}

a[href$='.doc'],
a[href$='.docx'],
a[href$='.rtf'],
a.type-richtext {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_word.png) right center no-repeat;}

a[href$='.xls'],
a[href$='.xlsx'],
a.type-table {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_excel.png) right center no-repeat;}

a[href$='.ppt'],
a[href$='.pptx'],
a.type-presentation {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_powerpoint.png) right center no-repeat;}

a[href^='mailto:'],
a.email {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/email.png) right center no-repeat;}

a.linking-image, /* =by JS assigned class */
a.no-type {
	padding-right:0; margin-right:0;
	background:url();}

/* #content *[title] {
	border-bottom:1px dotted #666;
	cursor:help;}

	#content a.anchor[title] {
		border-bottom:0;} */
		

/* =else
------------------------------------------------*/

.to-admin a {
	position:fixed; right:10px; top:10px; padding:10px; 
	font-weight:bold; text-decoration:none; font-size:150%;}

p.post-edit-link {
	margin:2em 0;}

	a.post-edit-link {
		padding:0.5em 1em;
		border:1px solid #e0d6fa;
		font-style:italic;}

.cleaner {
	clear:both;}



/* FlowPlayer */
/* styling of the container. */ 
.player {
    display:block;
    width: 360px;
    height:288px; 
    text-align:center;     
    margin:0px 15px 15px 100px;     
    border:1px solid #999; 
} 

/* play button */ 
.player img { 
    margin-top:20px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
.player:hover { 
    border:1px solid #000; 
}


/* this is the end. */


/* Random text box */
.box {

}

#content #nav-sub .box a {
    padding-left: 0px;
}


.box img {
    border: 0;
}


#randomtext_analyzatory_alkoholu {
    display:block; 
    height:100%; 
    width:228px;
    border:1px solid #ded4f9;
    padding:1em;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -opera-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
    background-color: #f2f9fc;
}

#randomtext_firma {
    display:block; 
    height:100%; 
    width:228px;
    border:1px solid #ded4f9;
    padding:1em;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -opera-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
    background-color: #f7f2fa;
}

#randomtext_spankova_medicina {
    display:block; 
    height:100%; 
    width:228px;
    border:1px solid #ded4f9;
    padding:1em;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -opera-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
    background-color: #fbf8ea;
}

#randomtext_medicina {
    display:block; 
    height:100%; 
    width:228px;
    border:1px solid #ded4f9;
    padding:1em;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -opera-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
    background-color: #f7f2fa;
}