body {background-color: #666666;margin: 0px;	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;font-size: 12px;background-image:url(http://rescueonline.sk/img/bg.jpg);background-repeat:repeat-x;}

.page-wrapper { width: 986px; margin: 0 auto; text-align: left;}
#horna-lista {display:block;height:30px;border-bottom:1px solid #828282;vertical-align:middle;line-height:30px;color:#EAEAEA;background-color:black;}
#horna-lista  a:link, #horna-lista  a:visited, #horna-lista  a:active {font-weight: bold;font-size: 12px;color: #FFFFFF;	text-decoration: none;text-shadow: #000000 1px 1px 1px;}
#horna-lista  a:hover {color: #CC0001;text-decoration: underline;}
.selected {text-decoration:underline;}

/* 3 COLUMNS */
#wrapper {	text-align: left;	margin: 0px auto;padding-left:14px; padding-right:14px;	border:0;	width: 958px;	background: url(../img/panelbg.png) repeat-y;}
#header {margin: 0 0 0px 0;background: url(http://www.seredonline.sk/img/topmenubg.png);background-repeat:repeat-x;height:32px;}
#side-a {float: left;width: 226px;}
#side-b {float: right;width: 200px;}
#content { float: left;width: 520px;margin-left:6px;margin-right:6px;}
#footer {clear: both;background: #A2A2A2;}

img {border:none;}

.inputArea{font-family: Arial, Sans-Serif;font-size: 12px; padding: 10px;}
.inputArea input, .inputArea textarea{ font-family: Arial, Sans-Serif;font-size: 12px;margin-bottom: 5px; display: inline;padding: 2px;  width: 200px;border-top: 1px solid #eaeaea;}
.activeField {background-color: #ffffff;border:1px solid #C3231C;border-top:1px solid #C3231C;}
.idle  {border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-bottom: 1px solid #cecece;	border-right: 1px solid #cecece; color:#444;}

.table {font-size:12px;width:500px;text-align:left;}
.table td{vertical-align:middle;}

.topmenu {float:left;width:110px;height:32px;text-align:center;}
.topmenu a:link, .topmenu a:visited, .topmenu a:active {font-weight: normal;	font-size:11px; font-family:Tahoma, Arial, sans-serif; color: #FFFFFF;	text-decoration: none;display:block;width:100px;height:32px;line-height:32px;float:left;text-shadow:none;text-align:center;}
.topmenu a:hover {color: #CF271E;text-decoration: none;background: url(http://rescueonline.sk/img/topmenubg2.png) repeat-x;}

.komtop {background-color:#EEE;padding:4px;width:500px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;font-size:11px;color:#1C1A1B;text-shadow: #6A6A6A 0.2px 1px 1px;}
.komtext {width:500px;padding:4px;margin-top:12px;line-height:145%;font-size:11px;}
.komlink {padding:4px;}
.komlink a{font-size:11px;color:#1C1A1B;text-decoration:underline;}
.komlink a:hover{font-size:11px;color:#1C1A1B;text-decoration:none;}
.komlink2 {padding:4px;}
.komlink2 a{font-size:12px;color:#1C1A1B;text-decoration:underline;}
.komlink2 a:hover{font-size:12px;color:#1C1A1B;text-decoration:none;}

.alert {
	background: #FEF8F6 url(http://rescueonline.sk/img/alert.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 15px 20px 15px 45px;
	border: 1px solid #CC0A0C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#navigation{width:226px;margin:0;padding:0;}
#navigation ul{list-style: none;margin:0;padding:0;}
#navigation ul li{height: 28px;width:226px;border-bottom: 1px dotted #ccc;}
#navigation ul li a{text-indent: 20px;padding: 5px 0;display: block;height: 28px;text-decoration: none; color: #434343;	background-image: url(http://rescueonline.sk/img/bull.png);background-repeat: no-repeat;background-position: 5px 6px;border-right:1px solid #ccc;border-left:1px solid #ccc;}
#navigation ul li a:hover{background-color: #D32B28;height:28px;background-image: url(http://rescueonline.sk/img/bull2.png);background-repeat: no-repeat;background-position: 15px 6px ;color: white;border-right:1px solid #D32B28;border-left:1px solid #D32B28;height:19px;}

#searchbox {border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}

h1   {color:#1C1A1B;font-family:Tahoma,sans-serif;font-size:15.5px;font-style:normal;margin:10px 0px 5px 0px;border-bottom:1px solid #333;}

.news {color:#1C1A1B;margin-bottom:10px;border:1px solid white; -moz-border-radius: 4px;border-radius: 4px;padding:4px;}
.news a {color:#1C1A1B;}
.news a:hover{color:#1C1A1B;}
h2 {padding:0;margin:0;margin-bottom:2px;font-size:14px;font-family:Arial;}
h2 a:link, h2 a:active, h2 a:visited {color:#D42719;font-size:14px;}
h2 a:hover{color:#5C5F61;text-decoration:none;}
.introfoto .img {width:120px;float:left;margin-right:6px;margin-top:6px;}

.justify {text-align:justify;line-height:140%;}
.justify a {color:#1C1A1B;text-decoration:underline;}
.justify a:hover{color:#5C5F61;}

.introfoto .img {width:200px; border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;border-bottom:2px solid #ddd;border-right:2px solid #ddd;padding:5px;background-color:white;margin:4px;}
.introfoto img {width:200px; #position:relative;#top:-50%;#left:-50%;	border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;	border-bottom:2px solid #ddd;border-right:2px solid #ddd;	padding:2px;	margin:2px;	background-color:white;}
.introfoto2 img {border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;	border-bottom:2px solid #ddd;border-right:2px solid #ddd;	padding:2px;	margin:2px;	background-color:white;float:left;margin-top:6px;margin-right:6px;}
.foto {float:left;}
.img {#position:relative;#top:-50%;#left:-50%;	border-left:1px solid #eaeaea;border-top:1px solid #eaeaea;	border-bottom:2px solid #ddd;border-right:2px solid #ddd;	padding:2px;	margin:2px;	background-color:white;margin-top:6px;margin-right:6px;}
.fotogaleria {border:1px solid #DDDDDD;padding:3px;background-color:#F0F0F0;	margin:1px;text-align:center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

.white{color:white;}
.white a{color:white;text-decoration:none;}
.white a:hover{color:white;text-decoration:underline;}

.small {font-size:10px;color:#1C1A1B;}
.small b {font-weight:bold;color:#1C1A1B;}
.small a:link, .small a:active {color:#1C1A1B;text-decoration:underline;font-weight:bold;}
.small a:visited {color:#1C1A1B;text-decoration:underline;font-weight:normal;}
.small a:hover {color:#1C1A1B;text-decoration:underline;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 500px;
border: 1px dotted #9a915c;
padding: 2px;
background-color: #fff8ce;
visibility: hidden;
z-index: 100;
font-family:"Trebuchet MS", Tahoma, Arial, Helvetica;
font-size:11px;
font-color:#333333;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


	#ZTbutton, #ZTnotes {
		filter:alpha(opacity: 25);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: 0.25;
		opacity: 0.25;
	}
	#ZTbutton.active, #ZTnotes.active {
		filter:alpha(opacity: 100);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1.00;
		opacity: 1.00;
		cursor: pointer;
		cursor: hand;
	}
	#ZToverlay {
		padding: 0;
		margin:0;
		cursor: move;
		z-index: 100;
		position: absolute;
		top: 0;
		left: 0;
	}
	#ZToverlay a:focus #viewPort, #ZToverlay a:active #viewPort{
		border: 1px solid #fff;
	}
	#loadingMessage {
		position: absolute;
		top: 10px;
		left: 10px;
		color: #000;
		background-color: #fff;
		padding: 2px;
	}
	#viewPort {
		overflow: hidden;
		border: 1px solid #eaeaea;
		background-color: #fff;
		position:absolute;
		top: -210px;
		left: -120px;
	}
	#ZTview {
		position:relative;
		padding: 0;
		border: none;
	}
	#ZTthumbnail {
		position:relative;
		padding: 0;
		border: none;
		margin: 0px 0px 0px 15px;
	}
	#magnifier {
		width: 100px;
		height: 100px;
		position: absolute;
		border: 1px solid #000;
		top: 0;
		left: 0;
		z-index: 100;
		background-color: #fff;
		filter:alpha(opacity: 25);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: 0.25;
		opacity: 0.25;
	}
/* caption default position - to the right */ 
	#captionContainer {
		position: absolute;
		left: 95px;
		top: 0;
	}
/* add this class to captionContainer for left-aligned captions.
	Useful near the righthand side of the screen. */
	#captionContainer.leftAlign {
		position: absolute;
		left: -260px;
		top: 0;
	}
	#captionContainer li.HScaption {
		position:absolute;
		display: none;
		width: 248px;
		border: 1px solid #000;
		background-color: #ffe;
		color: #000;
		margin: 0;
		padding: 0;
		filter:alpha(opacity: 95);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
		-moz-opacity: 0.95;
	}
	#captionContainer h2 {
		margin:0;
		padding: 2px;
		background-color:#eed;
		text-transform:none;
	}
	#captionContainer p {
		padding: 2px 4px;
	}
	.translucent {
		border: 1px solid #ff0;
		background-color: #ccc;
		height: 50px;
		width: 50px;
		filter:alpha(opacity: 50);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 0.50;
		opacity: 0.50;
	}
	a:active.translucent, a:focus.translucent {
		border: 1px solid #f70;
	}
	
.collapsibleContainer
{
    border: solid 1px #9BB5C1;

}

.collapsibleContainerTitle
{
    cursor:pointer;
}

.collapsibleContainerTitle div
{
    padding-top:5px;
    padding-left:10px;
    background-color:#9BB5C1;
    color:#607882;
}

.collapsibleContainerContent
{
    padding: 10px;
}

.shadowlink  a:link, .shadowlink  a:visited, .shadowlink  a:active {font-weight: bold;font-size: 12px;color: #FFFFFF;	text-decoration: none;text-shadow: #000000 1px 1px 1px;}
.shadowlink  a:hover {color: #CC0001;text-decoration: underline;}