/* DEFAULT CSS */

/* COPYRIGHT (C) 2003 Ing. Robert Mezik, www.irisoft.sk */
/* made in TopStyle Pro 3.10 */


/* -------------- STRUKTURA --------------  */
html {
       HEIGHT: 100%
}
body {
	margin: 0;
	padding: 0;
	background-color: #A7A7A7;
	color: #404040;
	text-align: center;
 	font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Arial, lucida, sans-serif;
 	font-size: 70%;
	line-height: 130%;
}
p {
	margin: 0 0 7px 0;
	padding: 0;
	line-height: 150%;
}
ul {
	margin: 3px 0 3px 0; 
	padding: 0px; 
	list-style-position: inside;
}
li {
	list-style-type: circle;
	list-style-position: inside;
}
ul li li {
	list-style-type: circle;
	padding-left: 52px;
}
table {
	margin: 3px 0 3px 0;
	padding: 0;
	font-size: 100%;
}
table a {
	color: #404040;
	text-decoration: underline;
}
table a.red {
	color: red;
	text-decoration: underline;
}
table a:hover {
	text-decoration: none;
}
td {
	padding-right: 10px;
}
form {
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	text-align: justify;
	background-color: #F3F3F3;
	border: #F4E7F7 1px solid; 
}
form#nic {
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	background-color: White;
	text-align: center;
}
form.prihlaska {
	margin: 0; 
	margin-left: 55px;
	margin-top: 10px;
	padding: 0; 
	font-size: 100%; 
	width: 80%;
	border: none;
}
form.normal {
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	background-color: White;
	text-align: left;
	border: none;
}
.prihlaska-in {
	padding-top: 15px;
	padding-left: 25px;
	padding-bottom: 10px;
}
hr {
	border: #E0E0E0 1px dashed;
	width: 596px;
}
div#layout-shadow {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 746px;
}
div#layout {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 740px;
	background: url("../images/back.jpg");	
}
div#layout-in {
	text-align : left;	
}
	
/*************** top ***************/
div#top {
	position: relative;
	width: 740px;
	height: 120px;
	text-align: left;
}
div#top-odsadzovac {
	position: relative;
	height: 20px;
}
 
/*************** down ***************/
div#down {
	position: relative;
	margin: 0;
	padding: 0;
	width: 740px;
	height: 3em;
	color: #404040;
	text-align: left;
	background-color: white;
	border-top: #EEEEEE 2px solid;
}
div#down-in {
	padding: 5px 10px 0 10px;
}
div#down-left {
	float: left;
	width: 50%;
	text-align: left;
}
div#down-right {
	float: right;
	width: 50%;
	text-align: right;
}
div#down p  {
	margin: 0;
	padding: 0;
	line-height: 130%;;
}
#down a {
	color: #ef5498;
	text-decoration: none;
}
#down a:hover {
	text-decoration: underline;
}

/************ navigacia *******************/
#menu {
	POSITION: relative;
	Z-INDEX: 0;
	left: 17px; 
	margin: 10px 0 5px 0;
	PADDING: 0px;
	WIDTH: 597px;
	height: 26px;
	background-color: #E3E3E3;
	text-align: left;
}

BODY {
	behavior:url("/userdata/templates/styles/csshover.htc");
}
#menu A {
	DISPLAY: block; 
	FLOAT: none;
	MARGIN: 0px;
	padding-top: 6px;
	padding-bottom: 6x;
	padding-left: 14px;
	padding-right: 14px;
	COLOR: Black; 
	BACKGROUND-COLOR: transparent;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	BORDER: 0px; 
}
#menu A.selected {
	DISPLAY: block; 
	FLOAT: none;
	MARGIN: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 14px;
	padding-right: 14px;
	COLOR: white; 
	BACKGROUND-COLOR: #ef5498;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	BORDER: 0px; 
}
#menu UL {
	MARGIN: 0px;
	PADDING: 0px;  
	BORDER: 0px;
	LIST-STYLE-TYPE: none;
}
#menu LI {
	POSITION: relative;
	MARGIN: 0px;
	PADDING: 0px;
	DISPLAY: block;
	FLOAT: left;
	BORDER: 0px;   
	border-right: White 2px dotted; 
}

#menu LI:hover {
	MARGIN: 0px;
	PADDING: 0px;
	font-weight: bolder;
}
#menu LI UL {
	POSITION: absolute;
	Z-INDEX: 1000; 
	VISIBILITY: hidden; 
	MARGIN: 0px;
	padding: 0px;
	margin-top: 0px;
	BORDER: 0px;  
	COLOR: #000; PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: repeat-y; 
	BACKGROUND-COLOR: #fafafa;
	BORDER: #cfd5e2 1px solid; 
}
#menu LI UL A {
	MARGIN: 0px 5px 0px 5px; 
	padding: 0px;
	padding-top: 5px;
	padding-left: 7px;
	padding-bottom: 5px;
   TEXT-ALIGN: left
}
#menu LI UL LI {
	POSITION: static;
	margin: 0px;
	padding: 0px;
	DISPLAY: block;
	FLOAT: left; 
	WIDTH: 100%; 
	border: none;
}

#menu LI UL {
	WIDTH: 160px
}
#menu LI UL LI {
	WIDTH: 160px
}
 HTML #menu LI LI A {
	WIDTH: 160px
}

#menu ul li a.selected:hover {
	font-weight: normal;
}

UNKNOWN {
	POSITION: relative;
	FLOAT: none; 
}
#menu LI UL LI:hover {
	POSITION: relative;
}
#menu LI UL LI UL {
	LEFT: 100%; 
	TOP: 0px;
}
DIV#menu LI:hover UL {
	VISIBILITY: visible;
}
#menu LI:hover LI:hover UL {
	VISIBILITY: visible;
}
#menu LI:hover LI:hover LI:hover UL {
	VISIBILITY: visible;
}
#menu LI:hover LI UL {
	VISIBILITY: hidden;
}
#menu LI:hover LI:hover LI UL {
	VISIBILITY: hidden;
}
#menu LI:hover LI:hover LI:hover LI UL {
	VISIBILITY: hidden;
}
UNKNOWN {
	VISIBILITY: visible;
}
#menu LI UL A.submenu {
	BACKGROUND-POSITION: 100% 5px; 
	BACKGROUND-IMAGE: url(/web_gui/images/arrow.gif);
	BACKGROUND-REPEAT: no-repeat
}

/******************* submenu ***********************/
div#submenu {
	position: relative;
	margin: 0;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 0px;
	width: 570px;
	height: auto;
	text-align: center;
	color: blue;
}
#submenu ul {
	margin: 0;
	padding: 0;  
	
}
#submenu li, #submenu li a {
	padding: 0;
	padding-left: 5px;
	list-style: none;
	color: #ef5498; 	
	font-size: 115%;
	line-height: 140%;
}

#submenu li a:hover {
	text-decoration: underline;
}
#submenu li a.selected {
	text-decoration: none;
	font-weight: bolder;
}



/************** havna cast ****************/
#main {
	position : relative;
	margin: 0; 
	padding : 0;
	width : 740px;
}
#content{
	position : relative;
	width : 614px;
	float : left;
	position : relative;
}
#content-in {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 17px;
}
.clear{
  	clear: both;
}

div#right { 
	position: relative;
	float: left;
	margin: 0;
	margin-top: -20px;
	padding: 0;
	width: 126px;
	font-size: 100%;
	line-height: 120%;
}
#right-in{
	position : relative;
	margin-bottom: 5px;
	text-align: center;
}
#right a {
	color: #ef5498; 
	text-decoration: underline;
}
#right a:hover {
	text-decoration: none;
}
#right h1 {
	margin: 0;
	padding: 0;
	color: #0585f2; 
	font-size: 120%; 
	line-height: 120%;
}


/******************* titulka ***************/
img, img a {
	border: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.button, .button-bez {
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
	float: left;
	width: 192px; 
	height: auto;
	line-height: 120%;
	font-size: 100%;
	background: white;
	/*background: url(../images/buton-pick.gif) 100px 145px no-repeat;*/
}
.button-bez {
	margin: 0;
	padding: 0;
}
.button p, .button-bez p {
	margin-top: 5px;
	padding: 0;
}
.button img, .button-bez img, .button img a, .button-bez img a {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}
.button h2, .button-bez h2 {
	font-size: 120%;
	color: #0585f2; 
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
	background-color: transparent;
	text-align: left;
}
.button a, .button-bez a {
	color: #0585f2; 
	text-decoration: underline; 
}
.button a:hover, .button-bez a:hover {
	text-decoration: none;
}
div#panorama-obal {
    position: relative;
	 margin: 0;
	 padding: 0;
	 width: 100%;
	 height: 127px; 
	 background: #E3E3E3;
}
.panorama {
	float: left;
	width: 93px;
	height: 106px;
}
.panorama2 {
	float: left;
	width: 135px;
	height: 106px;
}
.panorama img, .panorama a {
	margin-top: 5px; 
	padding: 0;
}
.panorama2 img, panorama2 a {
	margin-top: 14px; 
	padding: 0;
}

/**************** ponuka *****************/
.ponuka {
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 295px;
	height: auto;	
}
.ponuka-in {
	margin-left: 10px;
	width: 275px; 
	height: auto;
	text-align: center;
	background-color: #e3e3e3;
	color: #808080;
}
.ponuka IMG {
	margin-top: 10px; margin-bottom: 5px; margin-right: 0; 
}

/*************** fotogaleria ************/
.foto, .nahlady-left, .nahlady-right {
	position: relative;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}
.foto {
	float: left;
	padding-bottom: 10px;
	width: 147px;
}
.foto a {
	color: #ef5498;
	font-size: 120%;
	text-decoration: none;
	font-weight: bolder; 

}
.nahlady-left {
	width: 410px;
	float: left;
	border-right: #707070 1px dashed;
}
.nahlady-left img {
	
}
.nahlady-right {
	left: 10px;
	float: left;
	width: 140px;
}
.tlacitko {
	color: #B0B0B0;
	text-align: center;
}
.tlacitko a, .tlacitko a:visited {
	color: Black;
	font-weight: bolder;
	text-decoration: none;
}
div#velka-fotka {
	position: relative;
	margin: 0;
	padding: 0;
	width: 580%;
	height: auto;
}
.left {
	float: left;
	width: 50%;
}
.right {
	float: right;
	width: 50%;
}
/************** odkazy ******************/
table#odkazy {
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
}
.odkaz-left, .odkaz-right {
	position: relative;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}
.odkaz-left {
	width: 192px;
	float: left;
}
.odkaz-right {
	right: 10px;
	float: right;
	text-align: right;
	width: 392px;
}
.odkaz-left a, .odkaz-right a {
	color: #404040;
}
.odkaz-obal {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #F3F3F3;
}
/**************** text img *****************/
.item {
	position: relative;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;	
	text-align: left;
	font-size: 100%;
}
.item img {
	margin: 3px 10px 0 0px;
	padding: 0;
	float: left;
	width: 200px;
}
.item a {
	text-decoration: underline;
	color: red;
}
.item a:hover {
	text-decoration: none;
}



/***************** h *******************/
.h-obal, .h-obal2 {
	margin: 0;
	margin-bottom: 2px;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #E3E3E3; 
}
.h-obal2 {
	color: #0585f2;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
.h-obal-in {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	line-height: 130%;
}
h1 {
	font-size: 120%;
}
h1 span {
	font-size: 8pt;
	font-weight: normal;
}
h1, h2 foto, h3 {
	color: #ef5498;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 120%; 
}
h4 {
	font-size: 120%; 
	color: #808080;  
}
a {
	text-decoration: underline;
	color: black;
}
a.cervena {
	text-decoration: underline;
	color: #FF0000;
}
a.modra {
	text-decoration: underline;
	color: #0585f2;
}
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.kurzy {
	color: #0585f2; 
	text-decoration: underline;
	font-size: 140%;
	line-height: 140%;
}