a img,:link img,:visited img { border:none }

body,html
  {
   font-family: arial, "Trebuchet MS", tahoma, verdana, sans-serif;
   text-align: center;
   background: #ffffff;
   color: #000000;
   margin: 0;
   padding: 0;
}
  
#all {
   font-size: 12px;
   margin: 0px auto;
   width: 800px;
   text-align: left;
   overflow: hidden;
}

#hlavicka {
	width: 800px;
	height: 110px;
	float: left;
}

#menu {
	float: left;
	margin: 5px 0 0 0;
	width: 800px;
	height: 50px;
	background: url(../pics/menu-bg.png);
}

#menu ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

#menu ul li {
	float: left;
	display: inline;
}

#menu ul li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	padding: 17px;
	float: left;
	font-weight: bold;
	position: relative;
	z-index: 2;
}

#menu ul li a:hover {
	text-decoration: underline;
}

#menu li ul {
	display: none;
}

#menu li:hover ul {
	display: block;
	position: absolute;
	width: 200px;
	padding: 50px 0 10px 0;
	background-image: url(../pics/menu-dropdown-bg-left.png), url(../pics/menu-dropdown-bg-right.png);
	background-repeat: no-repeat;
	background-position: bottom left, bottom right;
	z-index: 1;
}

#menu li:hover ul li {
	background-color: #CE4822;
	margin: 1px 0 0 0;
	width: 200px;
}

#menu li:hover ul li a {
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	padding: 10px 10px 10px 17px;
	width: 173px;
}

#obsah {
	float: left;
	min-height: 400px;
	width: 800px;
}

#pravy {
	float: right;
	min-height: 400px;
	width: 515px;
	margin: 0 10px 0 0;
}

#lavy {
	float: left;
	min-height: 400px;
	width: 265px;
	margin: 0 0 0 10px;
}

#pata {
	float: left;
	width: 800px;
	height: 100px;
	margin: 10px 0 0 0;
	background: url(../pics/footer.jpg) repeat-x;
}

#login-info {
	float: left;
	width: 515px;
	height: 25px;
	background: url(../pics/login-info.png);
	text-align: center;
	padding: 10px 0 0 0;
	color: #666666;
}

#login-info input
{
	font-size: 12px;
}

#login-info input[type=text], #login-info input[type=password]
{
	width: 100px;
}

a.domov {
	height: 80px;
	float: left;
	width: 250px;
	background: url(../pics/logo.png);
	margin: 30px 0 0 0;
}

#banner {
	float: left;
	width: 550px;
	height: 90px;
	margin: 20px 0 0 0;
	text-align: center;
}

#neprehliadnite {
	float: left;
	background: #e1eba0;
	width: 495px;
	margin: 10px 0 0 0;
	padding: 10px;
}

#neprehliadnite h2 {
	width: 455px;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1em;
	text-transform: uppercase;
	color: #006666;
	padding: 10px 0 0 40px;
	min-height: 30px;
	background:url("../pics/neprehliadnite-h2.jpg") no-repeat 0 0;
}

#pravy .zoznam {
	float: left;
	margin: 15px 0 0 0;
}

#pravy .textova-stranka h1 {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #006666;
	font-weight: normal;
	border-bottom: 1px solid #006666;
	margin: 15px 0 0 0;
}

#pravy .textova-stranka table.formular {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}

#pravy .textova-stranka table.formular tr.medzera td {
	border-top: 2px solid #cccccc;
	padding: 5px 3px 5px 3px;
}

#pravy .textova-stranka table.formular tr td {
	padding: 0 3px 5px 3px;
}

#pravy .zoznam h2, #pravy .textova-stranka h2 {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #006666;
}

#pravy .textova-stranka h2 {
	margin: 15px 0 0 0;
}

#pravy .zoznam h2 a {
	color: #006666;
	text-decoration: none;
}

#pravy .zoznam h2 a:hover {
	text-decoration: underline;
}

#pravy .zoznam p, #pravy .textova-stranka p {
	float: left;
	width: 100%;
	padding: 5px 0 0 0;
	margin: 0;
	line-height: 150%;
}

#pravy .zoznam p.datum {
	color: #5D7571;
}

a {
	color: #006666;
}

a.prihlasenie {
	float: left;
	width: 97px;
	height: 21px;
	background: url(../pics/button-login.png);
	color: #006666;
	text-decoration: none;
	text-transform: uppercase;
	padding: 14px 0 0 36px;
	font-size: 10px;
}

a.registracia {
	float: left;
	width: 96px;
	height: 21px;
	background: url(../pics/button-register.png);
	color: #006666;
	text-decoration: none;
	text-transform: uppercase;
	padding: 14px 0 0 36px;
	font-size: 10px;
}

a.zabudnute-heslo {
	float: left;
	width: 226px;
	height: 29px;
	background: url(../pics/button-lost-password.png);
	color: #006666;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 0 0 36px;
	font-size: 10px;
}

div.lavy-panel {
	background: #e7e7e7;
	float: left;
	width: 255px;
	min-height: 150px;
	margin: 10px 0 0 0;
	background: url(../pics/sidebar-left-bottom.png) bottom left repeat-x, url(../pics/sidebar-left-right.png) top right repeat-y;
	background-color: #e7e7e7;
	padding: 0 0 10px 0;
}

div.lavy-panel h2.kontakt {
	padding: 10px 0 0 40px;
	margin: 0;
	float: left;
	background: url(../pics/heading-bg-kontakt.png) no-repeat;
	font-size: 1em;
	text-transform: uppercase;
	color: #006666;
	font-weight: bold;
	min-height: 30px;
	width: 205px;
}

div.lavy-panel h2.udalost {
	background: url(../pics/heading-bg-udalosti.png) no-repeat;
	padding: 14px 0 0 40px;
}

div.lavy-panel h2.anketa {
	background: url(../pics/heading-bg-anketa.png) no-repeat;
	padding: 13px 0 0 40px;
}

div.lavy-panel table.anketatbl {
	float: left;
	margin: 0 5px 0 40px;
	width: 210px;
}

div.lavy-panel table.anketatbl td.right{
	text-align: right;
}

div.lavy-panel p {
	float: left;
	padding: 0 0 0 40px;
	margin: 0;
	line-height: 175%;
	width: 215px;
}

/* SCROLLABLE - BANNER */

.scrollable2 {
	position:relative;
	overflow:hidden;
	width: 500px;
	height:90px;

}

.scrollable2 .items2 {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}


.items2 div.item {
	float:left;
	width: 500px;
}

/* SCROLLABLE */

.scrollable {
	position:relative;
	overflow:hidden;
	width: 495px;
	height:160px;

}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}


.items div.item {
	float:left;
	width: 495px;
}

.items div.item p {
	float:left;
	line-height: 150%;
	text-align: justify;
}

.items div.item h3 {
	float:left;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../pics/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../pics/right.png);
	clear:right;	
}

/* position and dimensions of the navigator */
.navi {
	margin: 0 auto;
	width:150px;
	height:20px;
	float: right;
}

/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../pics/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

fieldset.textinputy {
	float: left;
	margin-top: 10px;
}

fieldset.textinputy label {
	width: 135px;
	text-align: right;
	float: left;
	padding: 3px 5px 0 0;
}

fieldset.textinputy input {
	width: 330px;
	font-size: 1em;
	font-family: arial;
	margin: 0 0 3px 0;
}

fieldset.zatikavacie label {
	width: 330;
	text-align: right;
	float: left;
	padding: 3px 5px 0 0;
}