/* CSS pro web:  Alergologie - Gasiorovi              */
/* Autor: Marek Gasior, e-mail: magas (zavinac) atlas (tecka) cz   */
/* To do:              */

body {
	margin: 0px;
	padding: 0px;
	background: white;
}
.page, table {
	max-width: 1024px;
	font: normal 10pt arial, sans-serif;
}
.sub-page {
	margin: 30px 30px 0 292px;
}
.vrsek {
  border-bottom: 1px solid #404040;
  position: fixed;
	background-color: white;
	top: 0;
	left: 276px; 
	right: 14px;
	height: 14px;
	z-index:9;
}
.top-top {
position: fixed;
top: 20px;
left: 123px;
}
.top-top a {
height: 15px;
width: 35px;
display: block;
/* border: 1px solid red; */
text-decoration: none;
overflow: hidden;
background: white url(../ico/top-join.png) no-repeat;}
.top-top a:hover {background-position: 0 -15px; text-decoration: none;}
.top-top a span {visibility: hidden;}

.pasek {
	border: 1px solid #404040;
	border-left: none;
	border-right: none;
	position: fixed;
	top: 63px;
	left: 0px;
	height: 59px;
	width: 277px;
	z-index: 1;
	background-color: white;
	margin: 0px;
	padding: 0px
}
.pasek2 {
	border: 1px solid #404040;
	border-left: none;
	border-right: none;
	position: fixed;
	top: 183px;
	left: 0px;
	height: 59px;
	width: 277px;
	z-index: 1;
	background-color: white
}
.pasek3 {
	border: 1px solid #404040;
	border-right: none;
	border-bottom: none;
	position: fixed;
	top: 14px;
	left: 276px;
	right: 30px;
	height: 443px;
	width: 14px;
	z-index: 0
}
.pasek4 {
	border: 1px solid #404040;
	border-left: none;
	border-bottom: none;
	position: fixed;
	top: 14px;
	right: 14px;
	height: 384px;
	width: 14px;
	z-index: 0
}
.pasek-dot {
	border: 1px dashed #404040;
	border-left: none;
	border-bottom: none;
	position: fixed;
	top: 14px;
	right: 14px;
	height: 444px;
	width: 14px;
	z-index: 0;
}
.pasek-dot2 {
	border: 1px dashed #404040;
	border-top: none;
	border-right: none;
	border-bottom: none;
	position: fixed;
	top: 400px;
	left: 276px;
	height: 100px;
	width: 14px;
	z-index: 0
}

.tabr a, .tabc a {
	display: block;
	border: none;
	text-align: center;
	font: normal 15px "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	opacity: 0.9;
  filter:alpha(opacity=90);
	}
.tabr a {
	position: fixed;
	left: 0px;
	top: 33px;
	border: 1px solid #00cc30;
	background-color: #e0ffef;
	z-index: 1;
	margin: 15px;
	padding: 0px;
	width: 244px;
	height: 90px;
	
}

.tabc a {
	position: fixed;
	left: 0px;
	top: 153px;
	border: 1px solid #00cc30;
	background-color: #e0ffef;
	z-index: 1;
	margin: 15px;
	padding: 0px;
	width: 244px;
	height: 90px;
}
.jmeno {
	display: block;
	font-size: 19px;
	font-weight: bold;
	margin-top: 20px
}
.jmeno span {display: none}
.popis {
	display: block;
	margin: 5px 0 0 0
}
.otazka {font-size: 22px}
.odpoved {font-size: 15px}
.no-margin {margin: 0; padding: 0}

h1 {font-size: 24px}

h3:first-letter {
	font-size: 12pt
}
h3 {
	padding: 4px 0px 3px 6px;
	margin: 0;
	margin-bottom: 2px;
	font-weight: bold;
  font-size: 13px;
	background-color: white;
	border: 1px solid #404040;
	border-right: none;
	border-bottom: none
}

hr {display: none}

/*tabu*/
table
{width: 100%; max-width: 600px; margin: 1em 0}
table th {text-align: left; background-color:#e0fff0;padding:3px 6px;border-right: 1px solid #716871;}
table td {text-align: center; background-color:#e0fff0;padding:3px 6px;border-left: 1px solid #716871;}

td .pic {padding: 0; float: none; background: #e0ffef}


ul {
  list-style-type: square;
  margin: 8px 0 12px 0;
	padding: 3px 0 4px 1.8em;
}
li {
	padding: 1px 0;
	margin: 0
}

.pod-carou {
position: fixed; left: 0; bottom: 0; padding: 14px; font-size: 10px;
}
.pod-carou div {margin: 2px 0}
.pod-carou img {visibility: hidden}
.pod-carou img.ico {padding: 1px; visibility: visible; width: 76px; height: 11px}

a {
	text-decoration: none;
	color: #00a425;
	font-weight: bold;
}

a:visited, .tabr a, .tabc a {
color: #716871;
}
a:hover {
	text-decoration: underline;
	color: #de0138
}

a.current, .pic img, .pic a.p:hover .large {
border: 1px solid #94a400;
background-color: #f7ffb7;
}
.pic a img, .pod-carou img.ico  {
background: #e0ffef; border: 1px solid #00b729;
}
.tabr a:hover, .tabc a:hover, .pod-carou .ico:hover {
border: 1px solid #f20079;
background-color: #fef5fa;
}
.tabr a:hover, .tabc a:hover {
border: 1px solid #1d6fc9;
background-color: #dceef8;
color: #e95c60
}


.pic {position: relative; padding: 10px 0 10px 10px; background: white;float: right;}
.pic img {padding: 3px;}

.pic a.p, .pic a.p:visited {display:block; text-decoration:none; background:transparent; top:0; right:0; border:0;}
.pic a.p:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.pic a .large {display:block; position:absolute; width:1px; height:1px; border:0px; padding: 0; top:10px; right:0px;}
.pic a.p:hover .large {display:block; position:absolute; padding:3px; top:0px; right:0px; width:443px; height:550px; }
.pic a.p1:hover .large {width:300px; height:372px; z-index: 10}
.pic a.p2:hover .large {width:400px; height:300px; z-index: 9}
.pic a.p3:hover .large {width:400px; height:271px; z-index: 8}
.pic a.p4:hover .large {width:300px; height:400px; z-index: 7}
.pic a.p5:hover .large {width:400px; height:271px; z-index: 7}
.pic a.p6:hover .large {width:320px; height:240px; z-index: 7}