/* CSS Document */
/*@import url("menu.css");*/
*
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				black;
}
html, body{
	padding:			0px;
	margin:				0px;
	background:			#fbfbfb;
	text-align:			center;
}
#all{
	position:			relative;
	background:			white;
	text-align:			left;
	border:				1px solid #d8d8d8;
	margin:				0px auto;
	width:				1005px;
}

h1{
	display:			none;
}

h2{
	color:				#ed1c24;
	font-size:			17px;	
}

h3{
	color:				#ed1c24;
	font-size:			15px;
	font-weight:		bold;
	margin:				0;
	padding:			0;
}

a, a:visited{
	color:				#ed1c24;
	text-decoration:	none;
}
a:hover{
	text-decoration:	underline;
}

a img{
	border:				0px;
}
a:hover img{
	border:				1px solid #ed1c24;
}

/*
input.text, textarea{
	border:				1px solid #d6d6d6;
}
*/

ul{
list-style: none;
padding: 0;
margin: 0;
	
}
li{
	margin:				2px 0px;
}
.content-section-data ol
{
	*padding-left: 40px;
	*margin-left: 10px;
}
.content-section ul li{
	margin:				2px 0px;
	padding-left: 15px;
	background: transparent	url(img/list_1.gif) no-repeat 5px 4px;
	
}
ol.inside{
	list-style-position:inside;
}

hr.end-float{
	visibility:			hidden;
	display:			block;
	width:				1px;
	height:				1px;
	clear:				both;
}
.clear
{
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}
/*generally used classes and styles*/
.red-italic{
	font-style:			italic;
	color:				#ed1c24;
	margin-right:		5px;
}
.f-left{
	float:				left !important;
	margin-right:		10px !important;
}
.f-right{
	float:				right !important;
	margin-left:		10px !important;
}
.no-float{
	float:				none !important;
}
.no-margin{
	margin:				0px 0px !important;
}
.center{
	text-align:			center !important;
}
.left{
	text-align:			left !important;
}
.right{
	text-align:			right !important;
}
.back{
	background:			url(img/back_arr.jpg) left 70% no-repeat;
	padding:			0px 0px 0px 10px;
	margin:				5px 10px;
}

.more{
	background:			url(img/more_arr.jpg) right 64% no-repeat;
	padding:			0px 10px 0px 0px;
	margin:				5px 10px;
}

.new{
	background:			url(img/new_ico.png) left center no-repeat;
	padding:			1px 0px 1px 14px;
}
.large-bold{
	font-weight:		bold;
	font-size:			14px;
}
.bold{
	font-weight:		bold;
}
.exception{
	color:				#ed1c24;
	font-weight:		bold;
}
.download{
	line-height:		19px;
	margin:				5px 0px;
	padding:			2px 0px 3px 18px;
	background:			url(img/download_ico.gif) top left no-repeat;
}
.download:hover{
	background-position:bottom left;
}

.note{
	font-style:			italic;
	color:				#666666;
}

/*enter stranka*/
#enter{
	border-collapse:	collapse;
	border:				none;
	width:				100%;
	height:				100%;
	text-align:			center;
	vertical-align:		middle;
}
#enter img{
	border:				1px solid #d6d6d6;
	padding:			2px;
	margin:				7px;
}
#enter a.enter{
	display:			block;
	height:				22px;
	width:				132px;
	margin:				auto;
	background:			url(img/enter_ico.png) left top no-repeat white;
	padding:			0px;
}
#enter a.enter:hover{
	background:			url(img/enter_ico.png) left bottom no-repeat white;
}

/*Dolny Kubin dobra adresa*/
.pre-header a:hover img{
	border:				0px;
}
.pre-header-separator{
	display:			block;
	background:			url(img/preheader_separator.png) right top no-repeat white;
	height:				5px;
}

/*main page margins and paddings*/
#all{
	padding:			5px 1px 1px 1px;
	_width: 1005px;
}
.languages{
	right:				1px;
	top:				5px;
}

/*language menu*/
.languages{
	position:			absolute;
	/*display:			none;*/

}
.languages ul{
	list-style:			none;
	padding:			0px;
	margin:				0px;
}
.languages ul li{
	display:			inline;
	line-height:		21px;
}
.language{
	padding: 			7px 10px 7px 35px;
	color: 				#666;
	background-color:	transparent;
	text-decoration:	none;
}
.language:hover{
	text-decoration:	underline;
}
.language#sk{
	background:			url(img/flag_sk.png) center left no-repeat;
}
.language#en{
	background:			url(img/flag_en.png) center left no-repeat;
}
.language#de{
	background:			url(img/flag_de.png) center left no-repeat;
}
.language#fr{
	background:			url(img/flag_fr.gif) center left no-repeat;
}
.language#pl{
	background:			url(img/flag_pl.gif) center left no-repeat;
}




/*banner */
#header{
	display:			block;
	float:				right;
	top:				37px;
	right:				1px;
	width:				667px;
	height:				207px;
	background:			url(img/banner.png) top left no-repeat #d6d6d6;
}

/*header-separator*/
.header-separator{
	display:			block;
	height:				4px;
	width:				100%;
	background:			#d6d6d6;
	clear: both;
	font-size: 1px;
}

/*search*/
#search input#search-text{
	float:				left;	
	color:				#666;
	font-size:			10px;
	background:			url(img/search_input_bck.png) bottom left repeat-x white;
	border:				1px solid #d6d6d6;
	padding:			1px;
	height:				17px;
	width:				107px;
	_width:				111px;
	_height:				21px;
	margin:				0;
}
#search input#search-submit{
	display:			block;
	color:				#666;
	margin:				0px 0px;
	padding:			0px 0px 0px 10px;
	font-size:			10px;
	border:				0;
	height:				21px;
	width:				55px;
	background:			url(img/search_btn.png) top left no-repeat #d6d6d6;
	float: left;
}
#search input#search-submit:hover{
	background:			url(img/search_btn.png) bottom left no-repeat #d6d6d6;
	cursor:				pointer;
	color:				#ed1c24;
}


/*navigation*/
#navigation{
	margin:				2px 0px;
}
#navigation form{
	margin:				0px;
	padding:			0px;
}
#navigation #search{
	display:			block;
	margin:				0;
	padding:			0;
	width:				166px;
	height:				21px;
	float:				left;
	background:			#d6d6d6;
}

#navigation-bar{
	display:			block;
	color:				#666;
	background:			url(img/nav_bck.png) left center repeat-x #fbfbfb;
	height:				15px;
	padding:			3px 5px;
	margin-left:		167px;
	
}

#navigation-bar a{
	color:				#666;
	text-decoration:	none;
}
#navigation-bar a:hover{
	color:				#ed1c24;
	text-decoration:	underline;
}

/*side bar*/
#side{
	color:				#666;
	
	float:				left;
	padding-right: 1px;
	width:				166px;
	_width:				167px;
}

#side .side-bar{
	border:           	1px solid #d6d6d6;
	background:			#f5f5f5;
	margin-bottom:		1px;
}
#side .side-bar h2{
	border-bottom:     	1px solid #d6d6d6;
	background:			url(img/menu_roh.jpg) top left no-repeat #f5f5f5;
	color:              #666;
	margin:				0;
	padding:			5px 10px 5px 10px;
	font-size:			11px;
	font-weight:		normal;
}
#side .side-bar div{
	background:			transparent;
	padding:			8px 3px;
}
#side ul{
	list-style-image:	none;
	list-style:			none;
	padding:			0px 0px 0px 10px;
	margin:				10px 0px;
}
#side ul li{
	background:			url(img/side-list.png) left center no-repeat;
	margin:				0;
	padding:			0;
	padding-left:		15px;
	padding-bottom:		1px;
}
#side ul li a{
	color:				#666;
	text-decoration:	none;
}
#side ul li a:hover{
	color:				#ed1c24;
	text-decoration:	underline;
}

#side a img, #side img{
	border:				1px solid #d6d6d6;
}
#side a:hover img{
	border:				1px solid #ed1c24;
}

#side p{
	margin:			0px 0px 5px 0px;
	padding:		0px; 
}

/*side bar right*/
#side_right{
	color:				#666;
	width:				166px;
	float:				right;

}

#side_right .side-bar{
	border:           	1px solid #d6d6d6;
	background:			#f5f5f5;
	margin-bottom:		1px;
}
#side_right .side-bar h2{
	border-bottom:     	1px solid #d6d6d6;
	background:			url(img/menu_roh.jpg) top left no-repeat #f5f5f5;
	color:              #666;
	margin:				0;
	padding:			5px 10px 5px 10px;
	font-size:			11px;
	font-weight:		normal;
}
#side_right .side-bar div{
	background:			transparent;
	padding:			8px 3px;
}
#side_right ul{
	list-style-image:	none;
	list-style:			none;
	padding:			0px 0px 0px 10px;
	margin:				10px 0px;
}
#side_right ul li{
	background:			url(img/side-list.png) left center no-repeat;
	margin:				0;
	padding:			0;
	padding-left:		15px;
	padding-bottom:		1px;
}
#side_right ul li a{
	color:				#666;
	text-decoration:	none;
}
#side_right ul li a:hover{
	color:				#ed1c24;
	text-decoration:	underline;
}

#side_right a img, #side img{
	border:				1px solid #d6d6d6;
}
#side_right a:hover img{
	border:				1px solid #ed1c24;
}

#side_right p{
	margin:			0px 0px 5px 0px;
	padding:		0px; 
}
/*content styles*/
#content{
	float: left;
	width: 671px;
}
.content-section{
	border:				1px solid #d6d6d6;
	margin-bottom:		2px;
	padding-bottom:		5px;
}
.content-section-header{
	border-bottom:     	1px solid #d6d6d6;
	background:			url(img/menu_roh.jpg) top left no-repeat #f5f5f5;
	color:              #666;
	margin:				0;
	padding:			5px 10px 5px 10px;
	font-size:			11px;
	font-weight:		normal;
	height:				13px;
}
.content-section h2{
	display:			inline;
	color:              #666;
	margin:				0;
	padding:			0;
	font-size:			11px;
	font-weight:		normal;
}
.content-section-header h3{
	font-size:			11px;
	display:			inline;
	margin:				0;
	font-style:			italic;
}

/*padding and margin for whatever content will go into content section*/
.content-section .content-section-data{
	margin:				0px 15px;
}

.content-section-data{
	padding:			15px 0px;
	border-bottom:		1px solid #d6d6d6;
}

.content-section-data.last{
	border-bottom:		0;
}
.content-section-data.photogalery-bug{
	margin:				0 0 0 15px;
}
.content-section-data img{
	float:				left;
	border:				1px solid #d6d6d6;
	padding:			2px;
	margin-right:		10px;
	margin-bottom:		10px;
}
.content-footer{
	color:				#666;
}

/*if announcement has a picture*/

#content .w-picture{
	margin-left:		90px;
}

/*contact information table*/
.contact-info{
	width:				100%;
	border-collapse:	collapse;
	border:				0px;
	padding:			0px;
	margin:				10px 0px;
}
.contact-info th, .contact-info td{
	padding:			3px 2px;
	width:				50%;
	margin:				0px;
	border:				0px;
}
.contact-info th{
	font-weight:		bold;
}
.contact-info .label{
	float:				left;
	color:				#ed1c24;
	font-style:			italic;
	font-size:			11px;
}
.contact-info .data{
	display:			block;
	margin-left:		50px;
	font-size:			11px;
}

/*mailing list style*/
input.mail-text{
	display:			block;
	float:				left;	
	color:				#666;
	font-size:			10px;
	background:			url(img/search_input_bck.png) bottom left repeat-x white;
	border:				1px solid #d6d6d6;
	padding:			1px;
	height:				17px;
	width:				109px;
	margin:				0;
}
input#mail-submit{
	display:			block;
	color:				#666;
	margin:				0;
	padding:			0px 0px 3px 12px;
	font-size:			10px;
	border:				0;
	height:				21px;
	width:				44px;
	background:			url(img/mail_btn.png) top left no-repeat #d6d6d6;
}
input#mail-submit:hover{
	background:			url(img/mail_btn.png) bottom left no-repeat #d6d6d6;
	cursor:				pointer;
	color:				#ed1c24;
}

/*page control styles*/
.page-control{
	margin:				5px 0px;
}
.page-control .actual{
	font-weight:		bold;
}

/*classes for special action (kultura, sport, spolocenske akcie...)*/
.kultura, .sport{
	padding-left:		90px;
	display:			block;
}
.kultura{
	background:			url(img/default_kultura.jpg) top left no-repeat;
}
.sport{
	background:			url(img/default_sport.jpg) top left no-repeat;
}

/*photogallery styles*/
.gallery{
	width:				100%;
	border-collapse:	collapse;
	margin:				0px;
}
.gallery td{
	vertical-align:		top;
	padding-bottom:		20px;
}
.gallery td.sample{
	width:				115px;
}
.gallery td.no-sample{
	background:			url(img/no_photo.jpg) top left no-repeat;
	vertical-align:		bottom;
	text-align:			center;
	padding-bottom:		21px;
	padding-right:		11px;
	color:				#f5f5f5;
	font-size:			13px;
}

.gallery img, .gallery-picture img{
	float:				none;
}

.gallery-picture{
	margin:				auto;
}
.gallery-controls{
	display:			block;
	margin-bottom:		10px;
}

/*form styles*/
table.form{
	width:				100%;
	vertical-align:		top;
}
table.form td.label{
	width:				25%;
	color:				#ed1c24;
	font-style:			italic;
	vertical-align:		top;
}

/*time table styles*/
table.time-table{
	border-collapse:	collapse;
	width:				100%;
}
table.time-table th, table.time-table td{
	border:				1px solid #d6d6d6;
	padding:			3px 5px;
}
table.time-table th{
	background:			#f5f5f5;
	color:				#ed1c24;
	font-style:			italic;
	font-weight:		bold;
}

table.time-table .msr, table.time-table .msz{
	font-weight:		bold;
	padding-left:		40px;
}
table.time-table .msz{
	background:			url(img/msz_ico.png) left center no-repeat;
}
table.time-table .msr{
	background:			url(img/msr_ico.png) left center no-repeat;
}

/*inzeraty styles*/
.mesto{
	border-right:		1px solid #d6d6d6;
	border-left:		1px solid #d6d6d6;
	padding-left:		4px;
	padding-right:		4px;
	background:			url(img/mesto_ico.png) top left no-repeat #f5f5f5;
}
.mesto.first{
	margin-top:			15px;
	border-top:			1px solid #d6d6d6;
}

/*first time table (tabulka najblizsie a posledne)*/
table.first-time-table{
	border-collapse:	collapse;
	width:				100%;
	border:				1px solid #d6d6d6;
}
table.first-time-table th{
	border:				0px;
	padding:			5px;
	border-bottom:		1px solid #d6d6d6;
}
table.first-time-table td{
	border:				1px;
	padding:			10px 5px;
}
table.first-time-table th{
	background:			#f5f5f5;
	color:				#ed1c24;
	font-style:			italic;
	font-weight:		bold;
}

/*linky ul style

/*footer style*/

/*this is done to make footer look out of site, but still be part of the content*/
#all{
	border-bottom:		0px;
}
#footer{
	text-align:			center;
	clear:				both;
	border-top:			1px solid #d6d6d6;
	background:			#fbfbfb;
	color:				#666;
	width:				838px;
	margin:				0px 0px 0px -2px;
}
#footer ul{
	list-style:			none;
	margin:				5px 10px;
	padding:			0;
}
#footer ul li{
	display:			inline;
	margin:				0;
	padding:			0px 9px 0px 5px;
	border-right:		1px solid #b1b1b1;
}
#footer ul li.last{
	border-right:		0px;
}
#footer a {
	color:				#666;
	text-decoration:	none;
}
#footer a:hover{
	text-decoration:	underline;
	color:				#ed1c24;
}
#footer .finfo{
	font-size:			10px;
	font-style:			italic;
}
.csc-form-label {
	float: left;
	margin: 0;
}
.clear5
{
	height: 5px;
}
.hdn
{
	display: none;
}
.page_selected
{
	color: red;
}