html, body
{
	margin: 0;
	padding: 0;
	font-family: arial;
	color: black;
	font-size: 12px;
}

body
{
	background-image: url('bg-low.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	overflow-y: scroll;
}

#main-header
{
	font-style: italic;
	font-size: 17px;
	white-space: nowrap;
	position: absolute;
	left: 234px;
	top: 35px;
	z-index: 2;
	margin: 0;
}

#header
{
	display: none;
	width: 496px;
	height: 502px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('bg.gif');
}

#menu
{
	display: none;
	width: 213px;
	height: 306px;
	background-image: url('menu-bg.jpg');
	position: absolute;
	left: 12px;
	top: 133px;
}

#menu a
{
	color: black;
	font-weight: bold;
	font-size: 15px;
	font-style: italic;
	text-decoration: none;
	position: absolute;
}

h3 { font-style: italic; font-size: 16px; }
h3 .date { color: #FF8200; margin-right: 6px; /* ZATIAL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ display: none; }

#menu a:hover { border-bottom: 3px solid #9192D2; padding-bottom: 1px; }

#menu-uvod { left: 78px; top: 72px; }
#menu-akcie { left: 75px; top: 101px; }
#menu-via-ferrata { left: 55px; top: 128px; }
#menu-fotogaleria { left: 53px; top: 158px; }
#menu-nasa-ponuka { left: 53px; top: 189px; }
#menu-kontakt { left: 53px; top: 218px; }


#climber
{
	display: none;
	position: absolute;
	width: 454px;
	height: 554px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url('climber.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	font-size: 25px;
	color: #999;
	font-style: italic;
}

#climber #part1, 
#climber #part2 { position: absolute; margin: 0; white-space: nowrap; }
#climber #part1 { left: 120px; top: 430px; }
#climber #part2 { right: 30px; top: 460px; }

#content
{
	z-index: 3;
	position: absolute;
	left: 230px;
	top: 190px;
	text-align: justify;
	width: 380px;
	display: none;
	padding-bottom: 20px;
}

#content h2
{
	margin: 0 0 20px 0;
	font-size: 37px;
	font-weight: bold;
	font-style: italic;
}

#footer
{
	clear: both;
	background: url('footer-bg.gif') repeat-x left top;
	padding-top: 5px;
	padding-bottom: 6px;
	text-align: center;
	margin-top: 30px;
}

#footer a
{
	color: black;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10px;
	text-decoration: none;
}

#send_message { margin-top: 30px; padding-bottom: 110px; *padding-bottom: 10px; }

#send_message label { float: left; vertical-align: middle; margin: 0; }
#send_message input,
#send_message textarea { float: right; vertical-align: middle; width: 60%; margin: 0;  }
#send_message div { clear: both;  height: 25px; }
#send_message textarea { height: 100px; font-family: arial; font-size: 12px; }
#send_message #form_submit { padding-left: 5px; margin-top: 5px; width: auto; clear: both; }

.message
{
	font-weight: bold;
	border: 1px solid red;
	padding: 5px;
	text-align: center;
	background-color: #EEE;
}

.gallery-list h3 { margin-top: 25px; margin-bottom: 5px; }
.gallery-list p { margin-top: 5px; margin-bottom: 8px;  }

.gallery-list .photos { white-space: nowrap; overflow: hidden; display: block; position: relative; width: 100%; height: 100px; cursor: pointer; }
.gallery-list .photos img { margin-right: 5px; border: 0; }
.gallery-list .gradient 
{
	position: absolute; right: -1px; top: 0; 
	width: 250px;
	height: 100px;
	background-image: url('white-gradient.png');
	*background-image: none;
	*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/white-gradient.png',sizingMethod='scale');
}

.gallery .photos { text-align: center; }
.gallery .photos a img { border: 0; margin: 3px; }

a { color: #FF8200; font-weight: bold; }

a.back { display: block; text-align: center; color: #FF8200; font-weight: bold; margin: 20px; }

.orange { color: #FF8200; }
.big { font-size: 15px; }


.pager
{
	text-align: center;
	font-size: 14px;
	margin: 40px 0;
	font-weight: bold;
}

.pager span,
.pager a { margin-left: 10px; margin-right: 10px; }
.pager a.step { text-decoration: none; }