@import "reset.css";

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.8;
	background:#fff;
	color:#000;
	background:#fbe59c url(../design/bg.gif);
	}
a {
	color:#cc9900;
	text-decoration:underline;
	font-weight:bold;
	}
a:hover,
a:active {
	color:#cc9900;
	text-decoration:none;
	}
p {
	margin:0 0 0 0;
	padding:15px 0 0 15px;
	font-size:1em;
	background:url(../design/p.gif) 0 21px no-repeat;
	}
p.bez-odrazky {
	padding:15px 0 0 0;
	background:none;
	}
hr {
	display:none;
	}
h2 {
	line-height:1.6;
	color:#660000;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	padding:20px 0 0 0;
	}
	
	
/* LAYOUT + FOTO
------------------------------*/
#top-bg{
	height:270px;
	width:100%;
	padding-top:10px;
	background:url(../design/top-bg.png);
  text-align:center;
	}
#top {
	width:890px;
	height:270px;
	background:url(../design/top-bg.gif) no-repeat;
	margin:0 auto;
	position:relative;
	}
#top-corner {
	position:absolute;
	width:228px;
	height:203px;
	top:0;
	right:0;
	background:url(../design/top-corner.gif) no-repeat;
	}
#top-corner a {
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
	background:none;
	}
#top-corner a:hover {
	background:url(../design/top-corner-hover.gif) left bottom no-repeat;
	}
	
/* LOGO
------------------------------*/
h1 {
	position:absolute;
	left:19px;
	top:20px;
	width:643px;
	height:91px;
	margin:0;
	padding:0;
	font-size:2em;
	background:url(../design/logo.gif) no-repeat;
	text-indent:-9999px;
	}
h1 span {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../design/logo.gif) no-repeat;
	z-index:1;
	cursor:pointer;
	}
h1 a {
	color:#FFFFFF;
	line-height:50px;
	}

/* MENU 
------------------------------*/
ul.main  {
	position:absolute;
	top:159px;
	left:26px;
	list-style:none;
	height:43px;
	overflow:hidden;
	padding:0;
	width:624px;
	background:url(../design/menu.gif) no-repeat;
	}
ul.main li {
	list-style:none;
	float:left;
	height:43px;
	display:block;
	position:relative;
	width:104px;
	}
ul.main a {
	width:101px;
	height:43px;
	color:#000000;
	display:block;
	line-height:43px;
	text-indent:-9999px;
	}
ul.main a:hover {
	text-decoration:underline;
	color:#333333;
	}
ul.main li a span {
	display:block;
	width:101px;
	position:absolute;
	left:0;
	top:0; 
	cursor:pointer;
	z-index:1;
	height:43px;
	}
li.n1 a span {background:url(../design/menu.gif) 0 0 no-repeat;}
li.n2 a span {background:url(../design/menu.gif) -104px 0 no-repeat;}
li.n3 a span {background:url(../design/menu.gif) -208px 0 no-repeat;}
li.n4 a span {background:url(../design/menu.gif) -312px 0 no-repeat;}
li.n5 a span {background:url(../design/menu.gif) -416px 0 no-repeat;}
li.n6 a span {background:url(../design/menu.gif) -520px 0 no-repeat;}

li.n1 a:hover span, li.n1a a span {background:url(../design/menu.gif) 0 -43px no-repeat;}
li.n2 a:hover span, li.n2a a span {background:url(../design/menu.gif) -104px -43px no-repeat;}
li.n3 a:hover span, li.n3a a span {background:url(../design/menu.gif) -208px -43px no-repeat;}
li.n4 a:hover span, li.n4a a span {background:url(../design/menu.gif) -312px -43px no-repeat;}
li.n5 a:hover span, li.n5a a span {background:url(../design/menu.gif) -416px -43px no-repeat;}
li.n6 a:hover span, li.n6a a span {background:url(../design/menu.gif) -520px -43px no-repeat;}

/* MENU 
------------------------------*/
#sub ul  {
	position:absolute;
	top:215px;
	left:26px;
	list-style:none;
	height:33px;
	overflow:hidden;
	padding:0;
	width:624px;
	}
#sub ul.nadace {background:url(../design/nadace.gif) no-repeat;}
#sub ul.press {background:url(../design/press.gif) no-repeat;}
#sub ul.lekari {background:url(../design/lekari.gif) no-repeat;}
#sub ul.verejnost {background:url(../design/verejnost.gif) no-repeat;}
#sub ul.evropskyden {background:url(../design/evropskyden.gif) no-repeat;}
#sub ul li {
	list-style:none;
	float:left;
	height:33px;
	display:block;
	position:relative;
	width:115px;
	}
#sub ul a {
	width:101px;
	height:33px;
	color:#000000;
	display:block;
	line-height:33px;
	text-indent:-9999px;
	}
#sub ul a:hover {
	text-decoration:underline;
	color:#333333;
	}
#sub ul li a span {
	display:block;
	width:101px;
	position:absolute;
	left:0;
	top:0; 
	cursor:pointer;
	z-index:1;
	height:33px;
	}
	
ul.nadace li.s1 a span {background:url(../design/nadace.gif) 0 0 no-repeat;}
ul.nadace li.s2 a span {background:url(../design/nadace.gif) -115px 0 no-repeat;}
ul.nadace li.s3 a span {background:url(../design/nadace.gif) -230px 0 no-repeat;}
ul.nadace li.s1 a:hover span, ul.nadace li.s1a a span {background:url(../design/nadace.gif) 0 -33px no-repeat;}
ul.nadace li.s2 a:hover span, ul.nadace li.s2a a span  {background:url(../design/nadace.gif) -115px -33px no-repeat;}
ul.nadace li.s3 a:hover span, ul.nadace li.s3a a span  {background:url(../design/nadace.gif) -230px -33px no-repeat;}

ul.press li.s1 a span {background:url(../design/press.gif) 0 0 no-repeat;}
ul.press li.s2 a span {background:url(../design/press.gif) -115px 0 no-repeat;}
ul.press li.s1 a:hover span, ul.press li.s1a a span {background:url(../design/press.gif) 0 -33px no-repeat;}
ul.press li.s2 a:hover span, ul.press li.s2a a span {background:url(../design/press.gif) -115px -33px no-repeat;}

ul.lekari li.s1 a span {background:url(../design/lekari.gif) 0 0 no-repeat;}
ul.lekari li.s2 a span {background:url(../design/lekari.gif) -115px 0 no-repeat;}
ul.lekari li.s3 a span {background:url(../design/lekari.gif) -230px 0 no-repeat;}
ul.lekari li.s4 a span {background:url(../design/lekari.gif) -345px 0 no-repeat;}
ul.lekari li.s1 a:hover span, ul.lekari li.s1a a span {background:url(../design/lekari.gif) 0 -33px no-repeat;}
ul.lekari li.s2 a:hover span, ul.lekari li.s2a a span {background:url(../design/lekari.gif) -115px -33px no-repeat;}
ul.lekari li.s3 a:hover span, ul.lekari li.s3a a span {background:url(../design/lekari.gif) -230px -33px no-repeat;}
ul.lekari li.s4 a:hover span, ul.lekari li.s4a a span {background:url(../design/lekari.gif) -345px -33px no-repeat;}

ul.verejnost li.s1 a span {background:url(../design/verejnost.gif) 0 0 no-repeat;}
ul.verejnost li.s2 a span {background:url(../design/verejnost.gif) -115px 0 no-repeat;}
ul.verejnost li.s3 a span {background:url(../design/verejnost.gif) -230px 0 no-repeat;}
ul.verejnost li.s4 a span {background:url(../design/verejnost.gif) -345px 0 no-repeat;}
ul.verejnost li.s5 a span {background:url(../design/verejnost.gif) -460px 0 no-repeat;}
ul.verejnost li.s1 a:hover span, ul.verejnost li.s1a a span {background:url(../design/verejnost.gif) 0 -33px no-repeat;}
ul.verejnost li.s2 a:hover span, ul.verejnost li.s2a a span  {background:url(../design/verejnost.gif) -115px -33px no-repeat;}
ul.verejnost li.s3 a:hover span, ul.verejnost li.s3a a span  {background:url(../design/verejnost.gif) -230px -33px no-repeat;}
ul.verejnost li.s4 a:hover span, ul.verejnost li.s4a a span  {background:url(../design/verejnost.gif) -345px -33px no-repeat;}
ul.verejnost li.s5 a:hover span, ul.verejnost li.s5a a span  {background:url(../design/verejnost.gif) -460px -33px no-repeat;}

ul.evropskyden li.s1 a span {background:url(../design/evropskyden.gif) 0 0 no-repeat;}
ul.evropskyden li.s2 a span {background:url(../design/evropskyden.gif) -115px 0 no-repeat;}
ul.evropskyden li.s3 a span {background:url(../design/evropskyden.gif) -230px 0 no-repeat;}
ul.evropskyden li.s4 a span {background:url(../design/evropskyden.gif) -345px 0 no-repeat;}
ul.evropskyden li.s1 a:hover span, ul.evropskyden li.s1a a span {background:url(../design/evropskyden.gif) 0 -33px no-repeat;}
ul.evropskyden li.s2 a:hover span, ul.evropskyden li.s2a a span {background:url(../design/evropskyden.gif) -115px -33px no-repeat;}
ul.evropskyden li.s3 a:hover span, ul.evropskyden li.s3a a span {background:url(../design/evropskyden.gif) -230px -33px no-repeat;}
ul.evropskyden li.s4 a:hover span, ul.evropskyden li.s4a a span {background:url(../design/evropskyden.gif) -345px -33px no-repeat;}

/* CONTENT 
------------------------------*/
#content { 
	width:770px;
	padding:0 60px 45px 60px;
	background:#fff url(../design/content-bg.gif) repeat-y;
	margin:0 auto;
	position:relative;
	top:0;
	}
#content ul {
	margin:0;
	padding:0;
	}
#content ul li {
	margin:0 0 0 10px;
	padding:0 0 0 15px;
	background:url(../design/li.gif) 0 10px no-repeat !important;
	list-style-type:none;
	}

/* FOOTER
------------------------------*/
#footer {
	width:890px;
	margin:0 auto;
	top:0;
	height:35px;
	font-size:0.9em;
	background:url(../design/footer.gif) no-repeat;
	}

/* table
------------------------------*/
.seznam table {
	position:relative;
	margin:15px 0;
	}
.seznam table.seznam-lekaru {
	position:relative;
	margin:15px 0;
	}
.seznam table.seznam-lekaru td {
	padding:3px 4px;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #CCCCCC;
	font-size:0.9em;
	}
tr.zelena, tr.zelena td {
	background-color:#ccffcc;
	}
td.psc {
	width:40px !important;
	}
.seznam {
	width:90%;
	margin:0 auto;
	padding:50px 20px;
	background-color:#FFFFFF;
	}
.center {
	text-align:center;
	}


		
/* CLASSES
------------------------------*/
.hide {
	display:none;
	}
.left {
	float:left;
	position:relative;
	padding:1px;
	border:1px solid #4a5b65;
	margin:7px 10px 5px 0;
	background-color:#FFFFFF;
	}
.right {
	float:right;
	position:relative;
	padding:1px;
	border:1px solid #4a5b65;
	margin:7px 0 5px 10px;
	background-color:#FFFFFF;
	}