/* GAUDEAMUS CSS */

/* COPYRIGHT (C) 2005 Ing. Robert Mezik */

/* -------------- STRUKTURA --------------  */
html {
       HEIGHT: 100%
}
body {
	margin: 0;
	padding: 0;
	background: #f8fbea url(../images/bc.png) top left repeat-x;
	/*background: #f8fbea url(../images/background/bc.jpg) center center no-repeat;
	background-attachment: fixed;*/
	color: black;
	text-align: center;
	font-family: verdana;
	font-size: 75%;
	line-height: 130%;
}
#layout_shadow-top {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 920px;
	height: 30px;
	text-align: left;
	border-bottom: #E1E1E1 1px solid;
	background: #FCFCFC;
	color: #080808;
}
#layout_shadow-top-in
{
	padding-top: 5px;
	padding-left: 20px;
}
#layout_shadow-partneri {
	position: absolute;
	top: 5px;
	right: 20px;
	width: 400px;
	height: auto;
	text-align: right;
}
div#layout {
	position: relative;
	margin: 0 auto 0 auto;
	margin-bottom: 10px;
	padding: 0;
	width: 936px;
	text-align: center;
	background: url(../images/baground_layout.png);
	color: #080808;
}
#layout-in {
	padding-left: 20px;
	padding-right: 20px; 
	padding-top: 5px;
}
	
/*************** top ***************/
#top0 {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 265px;
	background: transparent;
}
#top-logo {
	position: absolute;
	left: 0;
	top: 5px;
	width: 280px;
	height: 180px;
	text-align: left;
}
#top-logo span.picture {
	margin-left: 17px;
}
#top-logo span {
	margin-left: 20px;
}
#top-logo a img, top-logo img, top-logo a img:hover {
	border: 0;
	margin-right: 7px;
}
#top-logo li {
	list-style: none;
	line-height: 160%;
}
#top-picture {
	position: absolute;
	right: 0;
	top: 5px;
	background-image: url(../images/header/aktivity1.jpg);
	background-repeat: no-repeat;
	width: 600px;
	height: 250px;
}
#flash{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 880px;
   height: 250px;
   background: url(../images/top.jpg);
	background-repeat: no-repeat;
}
#head-flash{
   position: absolute;
   top: 90px;
   left: 0px;
   width: 920px;
   height: 220px;
	background-repeat: no-repeat;
}
#top2 {
	position: absolute;
	top: 147px;
	right: 0;
	width: 300px;
	height: 30px;
	background: #9DC7E0;
}

div#top-odsadzovac {
	position: relative;
	height: 189px;
	z-index: 0;
}

#top-print {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 100;	
	width: 100px;
	height: 10px;
}
#top-print a                 { font-weight: bold; color: #000000; }
#top-print a:link            { text-decoration: none; }
#top-print a:active          { text-decoration: none; }
#top-print a:visited         { text-decoration: none; }
#top-print a:hover           { text-decoration: underline; }
/*************** down ***************/
div#footer {
	position: relative;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 100%;
	height: 35px;
	font-size: 95%;
	text-align: center;
}
#footer-in {
	padding-top: 7px;
}
#footer-counter{
	position: absolute;
	top: 5px;
	right: 15px;
	width: 50%;
	height: 35px;
	text-align: right;
}
div#down {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 920px;
	height: 80px;
	text-align: center;
   border-top: #E1E1E1 1px solid;
	background: #FCFCFC;
}
#down-in {
	padding-top: 10px;
}

/************** havna cast ****************/
div#main {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-size: 100%;
	width: 896px;
	height: auto;
	text-align: left;
	background-color: transparent;
	border: 0;
	letter-spacing: normal;
}

div#content {
	margin: 0;
	padding: 0;
	float: right;
	width: 896px;
	min-height: 320px;
	_height: 320px;
 	font-size: 100%;
	font-weight: normal;
	line-height: 125%;
}
#content-in {
	padding-left: 30px;
	padding-right: 30px;
}
#content ul, #content ol {
	margin: 0;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
	line-height: 180%;
}
#content p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	line-height: 160%;
}
#content li, #content ol {
	margin-left: 30px;
}
#content ol {

}
#content-in {
	padding-top: 10px;
}

div#right {
	float: left;
	width: 310px;
   margin-top: 120px;
   border: 2px solid #9f9891;
}
.right-in {
 	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px; 
	border: 1px solid #B3CDA0; 
	background: #EFF4EC;
}
#right h1 {
	font-size: 1em; 
	padding-left: 10px; 
	margin: 0; 
	color: #fff; 
	background: #B3CDA0 url(../images/popis.png) no-repeat; 
	height: 24px; 
	line-height: 24px; 
	vertical-align: middle;
}
#right p {
	padding: 5px; 
	margin: 0; 
	font-size: 90%; 
}
.foto {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 30px;
	width: 130px;
	float: left;
}
.foto h1 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font-size: 110%;
	color: black;
	font-weight: bold;
}
.foto a img {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}
/******************* pomocne ******************/
#title-head {
	position: relative;
	margin: 0;
	margin-left: -30px;
	padding: 0;
	width: 892px;
	margin-bottom: 20px;
	background: white;
	border: #E1EEF7 1px solid;
}
#title-head p {
	margin: 0;
	padding: 0;
}
#title-ram {
	margin: 0;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 0;
	padding-bottom: 10px;
	width: 890px;
	background: #F3F6FB;
}
#title-head-in {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
}
#title-left, #title-right, #title {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 130%;
	font-weight: normal;
}
#title-left p {
	margin: 0;
	padding: 0;
}
#title-left {
	margin: 0;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #2C475F;
}
#title-in {	
	padding-left: 0px;
	padding-right: 0px;
}
#title-left-in {	
	padding-left: 20px;
	padding-right: 20px;
}
#title-right {
	margin: 0;
	float: right;
	width: 288px;
	height: 142px;
}
#add-records {
	float: right;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px; 
	padding-left: 10px;
	width: 400px;
	height: auto;
	border: #E1E1E1 1px solid;
}
#title-right img {
	border-top: white 2px solid;
	border-bottom: white 2px solid;
}
#title-head h1, #title h1, #title h1 a {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	padding-top: 3px;
	font-size: 160%;
	color: #85C226;
	line-height: 130%;
}
#title h1 a {
	font-size: 100%;
	font-weight: normal;
}
#title-head h1 span, #title h1 span {
	color: black;
	font-weight: normal;
}
#forum {
	position: relative;
	margin: 0;
	text-align: center;
	padding: 0;
	width: 70%;
	height: auto;
	background: #FCFCFC;
	border: #E1E1E1 2px solid;
}
#forum-in {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
}
.akcia, .oznam, .oznam-red, .oznam-blue,#novinka, #jedalnicek {
   float: left;
	margin-right: 15px;
	width: 290px; 
	background: #F3F6FB;
	border: #E1E1E1 1px solid;
	color: #2C475F;
	font-size: 12px;
}
.akcia {
	background: #F8FBEA;
	margin-bottom: 7px;
	width: 100%;
	border: none;
}
.oznam-red, .oznam-blue {
	background: #3D6586;
	width: 290px; 
	border: #1A2B39 1px solid;
	color: white;
}
.oznam-red {
	background: #930000;
}
.oznam-red a, .oznam-blue a {
	color: white;
	text-decoration: underline;
	font-weight: normal;
}
.akcia-in, .oznam-in {
	padding: 5px;
}
.oznam p, .oznam-blue p, .oznam-red p, .akcia p {
	margin: 0;
	padding: 0;
}
.oznam img, .oznam-blue img, .oznam-red img  {
	margin: 0;
	padding: 1px;
	border: none;
}

.akcia h2, #novinka h2, #oznam h2, #jedalnicek h2 {
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	min-height: 15px;
	_height: 15px;
	/*background: #B50000;*/
	color: white;
	font-size: 130%;
	font-weight: bolder;
}
.akcia span {
	margin: 0;
	padding: 0;
	padding-top: -10px;
}
#novinka h2 {
	background: #D53E07;
	color: white; 
}
#oznam h2 {
	background: #9DC7E0;
	color: #235370;
}
#novinka, #oznam, #jedalnicek {
 
}
#jedalnicek h2 {
	background: #549ECA;
	color: white;
}
.akcia h2 span, #novinka h2 span, #oznam h2 span, #jedalnicek h2 span {
	padding-left: 28px;
	padding-right: 5px;
}

.top_novinka {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	width: 598px;
	background: white;
	border: #E1EEF7 1px solid;
	font-size: 12px;
}
.top_novinka-in {
	margin: 1px;
	padding: 10px;
	
}

.clear {
	clear: both;
}
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.right {
	text-align: right;
	margin-right: 30px;
}
p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	line-height: 150%;
}
.textwithimage-left, .textwithimage-left-ram {
	margin: 0;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: left;
	width: auto;
	height: auto;
}
.textwithimage-left-ram {
	background: #FCFCFC;
	border: #E1E1E1 1px solid;
}
.textwithimage-right {
	margin: 0;
	padding: 0;
	clear: right;
	width: auto;
	height: auto;
}
.textwithimage-left img, .textwithimage-left-ram img, .textwithimage-right img  {
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
}
.textwithimage-left img, .textwithimage-left-ram img {
	float: left;
	margin-right: 8px;
}
.textwithimage-right img {
	float: right;
	margin-left: 8px;
}

img, a.img, img a {
	margin: 0;
	margin-left: 3px;
	margin-bottom: 3px;
	padding: 0;
	border: #E1E1E1 1px solid;
}
img.bez {
	border: none;
}
img a:hover, a:hover img {
	border: #85C226 1px solid;
}
a, a.visited {
	font-weight: bolder;
	text-decoration: none;
	/*color: #0000FF;*/
	color:  #397AA0;
}
a:hover {
	text-decoration: underline;
}

.stlpec, .stlpec-bezciary, .stlpec-bez {
	margin: 0;
	margin-bottom: 15px;
	margin-right: 10px; 
	padding: 0;
	float: left;
	width: 400px;
	border-right: #D9D9D9 1px dashed;
}
.stlpec2, .stlpec2-bez {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	float: left;
	text-align: left;
	width: 270px;
}
.stlpec-bez, .stlpec-bezciary  {
	border: none;
}
#bez-odsekov p {
	margin-bottom: 0;
}
.in {
}

.stlpec h1, .stlpec-bez h1, .stlpec-bezciary h2, .stlpec-bez h2 {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	color: #235370;
	font-size: 160%;
	line-height: 110%;
	font-weight: normal;
	border-bottom: #42BB37;
	text-align: left;
}
.stlpec-bez h2 {
	margin-left: 0;
}
.stlpec a, .stlpec-bez a {
	color: #397AA0;
	text-decoration: underline;
}
.stlpec a:hover, .stlpec-bez a:hover {
	text-decoration: none;
}

.stlpec-in {
	padding-left: 10px;
	padding-right: 10px;
}
.stlpec-in a {
	color: black;
	font-weight: bolder;
	text-decoration: underline;
}

.stlpec-titulka-left {
	margin: 0;
	margin-bottom: 15px; 
	padding: 0;
	float: left;
	width: 620px;
}

.stlpec-titulka-right {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	float: right;
	width: 200px;
}

.stranky-prehadzovanie {
	margin: 0;
	margin-left: 30px;
	margin-top: 15px;
	padding: 0;
	width: 90%;
	border: #DFDFDF 1px solid;
	background: #F3F3F3;
}
.stranky-prehadzovanie-left {
	float: left;
	width: 30%;
}
.stranky-prehadzovanie-right {
	float: right;
	width: 70%;
	text-align: right;
}
.stranky-prehadzovanie-in {
	padding: 5px;
}

table  {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: #E1EEF7 1px solid;
}
table form {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.ram {
	border:  #C4B9B7 1px solid;
}
.ram-modry {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	background: white;
	border: #C3C3C3 1px solid;
}
.ram-modry {
	background: #F0F6FF;
}
.ram-in {
	padding: 5px;
}

td {
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
}
th {
    padding: 5px;
	background: #E1EEF7;
	text-align: center;
}
form {
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}
form.odsek {
	font-size: 100%;
	margin: 0;
	margin-left: 30px;
	padding: 0;
	text-align: left;
}
fieldset {
	width: 90%;
	border: #E1E1E1 1px solid;
}
legend {
	color: #2C475F;
	font-weight: normal;
}
ul {
	position: relative;
	margin: 0;
	padding-left: 20px;
}
ul li {
	list-style: disc;
}
ol li {
	list-style: decimal;
}
li ul {
	position: relative;
	margin: 0;
	padding-left: 35px;
}
hr {
	margin: 0 auto 0 auto;
	margin-bottom: 7px;
	padding: 0;
	height: 1px;
	width: 100%;
	background: #EEEEEE;
}
/****************** h, a ******************/

h1, h2, h5 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #235370;
	font-size: 160%;
	line-height: 110%;
	font-weight: normal;
	border-bottom: #D9261C;
}
h2 {
	
}
h3 {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	padding-top: 3px;
	font-size: 160%;
	color: #D53E07;
	line-height: 130%;
	font-weight: normal;
}
h3 span {
	color: black;
	font-weight: normal;
}
h4 {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	padding-top: 3px;
	font-size: 160%;
	line-height: 130%;
	font-weight: normal;
}

#right a {
	text-decoration: underline;
}
#right a:hover {
	font-weight: bolder;
	text-decoration: none;
}
#footer a {
	color: #242424;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover {
	text-decoration: underline;
}
#footer a.selected {
	font-weight: bold;
	text-decoration: none;
}
a.print img {
	margin: 0;
	padding: 0;
	border: none;
}
a.print:hover img {
	border: none;
	text-decoration: none;
}
a.green {
	color: #85C226;
}
a.normal {
	color: #080808;
}
span.desat {
	font-size: 9.4px;
}

/********************* CSS MENU **********************/
/******************** HORNA NAVIGACIA **********************/
/************ navigacia *******************/
#menu {
	POSITION: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
	WIDTH: 892px;
	height: 45px;
	background: #CCFFCC;
	text-align: left;
	font-weight: normal;
	font-size: 9pt;
}
#menu-ram {
	width: 892px;
	height: auto;
	margin: 0;
	margin-bottom: 10px;
	padding: 1px;
	border: 2px #C0C0C0 solid;
}
#menu-in {
	padding-left: 11px;
}
BODY {
	behavior:url("/styles/csshover.htc");
	*/*BEHAVIOR: url("./styles/csshover.htc");*/
}
#menu a {
	DISPLAY: block; 
	FLOAT: none;
	MARGIN: 0px;
	padding-top: 15px;
	padding-bottom: 14px;
	padding-left: 12px;
	padding-right: 12px;
	COLOR: #1B1B1B; 
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	BORDER: 3px; 
	font-weight: normal;
	/*border-right: #CCFFCC 3px solid;*/
}
#menu A.selected {
	DISPLAY: block; 
	FLOAT: none;
	MARGIN: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 12px;
	padding-right: 12px;
	color: #85C226;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	BORDER: 3px; 
	font-weight: bold;
	background: white;
}
#menu ul {
	MARGIN: 0px;
	PADDING: 0px;  
	BORDER: 0px;
}
#menu li, #menu li.first, #menu li:hover, #menu li.first:hover  {
	POSITION: relative;
	MARGIN: 0px;
	PADDING: 0px;
	DISPLAY: block;
	FLOAT: left;
	BORDER: 0px;   
	list-style: none;
}
#menu li.first {
	margin-left: 20px;
	border: none;
}
#menu li a:hover {
	font-weight: bolder;
}
#menu li.first:hover {
	margin: 0;
	margin-left: 20px;
	padding: 0px;
	text-decoration: underline;
	border: none;
}

#menu LI UL {
	POSITION: absolute;
	Z-INDEX: 1000; 
	VISIBILITY: hidden; 
	MARGIN: 0px;
	padding: 0px;
	BORDER: 0px;  
	COLOR: #000; 
	BACKGROUND-REPEAT: repeat-y; 
	background-color: #CCFFCC;
	border: none;
	font-size: 12px;
}
#menu LI UL A {
	MARGIN: 0px 1px 0px 1px; 
	padding: 0px;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
   TEXT-ALIGN: left;
	text-transform: none;
	font-weight: normal;
}
#menu LI UL LI {
	POSITION: static;
	margin: 0px;
	padding: 0px;
	DISPLAY: block;
	FLOAT: left; 
	WIDTH: 100%; 
	border: none;
	/*border: #CCFFCC 1px solid;*/
}
#menu LI UL LI a:hover {
	background: white;
	text-decoration: none;
	border: none;
	width: 240px;
}

#menu li ul {
	WIDTH: 250px
}
#menu li ul li {
	WIDTH: 250px
}
 HTML #menu li li a {
	WIDTH: 250px
}


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
}


#threemenu {
	margin-left: -30px;
	float: left;
	z-index: 100;
	width: 220px;
}
#threemenu ul {
	float: left;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}
#threemenu li {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	padding-left: 20px;
	border-bottom: #D7DCE6 1px solid;  
	width: 220px;
	height: auto;
	display: block;
	float: left; 
	clear: both;
	z-index: 1000;
	background: #F3F6FB;
	line-height: 170%;
}

#threemenu a {
	display: block;
	z-index: 100;
	text-decoration: none;
	color: black;
	width: 220px;
	height: auto;
	font-weight: normal;
}
#threemenu a.selected {
	color: #D53E07;
	font-weight: bolder;
}
#threemenu a:hover {
	text-decoration: underline;
}

#threemenu-in {
	float: right;
	width: 600px;
	height: auto;
}


/* AJAX PHOTOS */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
#top_novinka-div {
	position: absolute;
	top: 30px;
	left: 50px;
	z-index: 100;
	width: 800px;
	text-align: center;
}
#top_novinka-div-close a{
	position: absolute;
	bottom: 30px;
	right: -50px;
	width: 200px;
	height: 50px;
	background: transparent;
}