*
  {
    margin: 0;
    padding: 0;
}

img
 {
   border: 0;
}

html, body
 {
   font-family: arial, tahoma, verdana, sans-serif;
   text-align: center;
   color: #787878;
}

div#hlavny
 {
   width: 1120px;
   text-align: left;
   margin: 0 auto;
   padding: 10px 0 0 0;
}

div#lavy
 {
   width: 320px;
   text-align: left;
   float: left;
}

div#pravy
 {
   width: 670px;
   text-align: left;
   float: left;
}

div#sluzby
 {
   width: 670px;
   height: 60px;
   text-align: left;
   float: left;
   background: #82aa31;
   border-radius: 5px 5px 0 0;
}

div.sluzbybox
 {
   font-size: 0.75em;
   color: #ffffff;
   width: 169px;
   height: 40px;
   text-align: center;
   float: left;
   background: #82aa31;
   padding: 5px;
   border-radius: 5px 5px 0 0;
}

div.sluzbybox a
{
   color: #ffffff;
}

div.sluzbykosik
 {
   font-size: 0.75em;
   width: 169px;
   height: 40px;
   text-align: center;
   float: left;
   background: #ffffff;
   padding: 5px;
}

div.sluzbykosik a
{
   color: #787878;
   font-weight: bold;
   text-decoration: none;
}

div#navigacia
 {
   width: 670px;
   height: 30px;
   float: left;
}

div#navigacia ul
 {
   list-style-type: none;
   width: 670px;
   float: left;
   background: #82aa31;
}

div#navigacia ul li
 {
   font-size: 0.85em;
   width: auto;
   float: left;
   border-right: solid 2px #ffffff;
}

div#navigacia ul li a
{
   text-align: center;
   display: block;
   color: #ffffff;
   font-weight: bold;
   padding: 5px 19px 6px 19px;
   text-decoration: none;
}

div#navigacia ul li a:hover
{
   text-align: center;
   display: block;
   color: #82aa31;
   font-weight: bold;
   background: #ffffff;
}

div.beznytext
{
   width: 670px;
   padding-top: 10px;
   float: left;
}

h1
{   
   font-size: 1em;
   color: #82aa31;
}

h2
{   
   font-size: 1em;
   color: #82aa31;
   margin-top: 5px;
   margin-bottom: 5px;
   clear: none;
   float: left;
   width: 670px;
}

h3
{   
   font-size: 0.75em;
   color: #82aa31;
   margin-top: 5px;
   margin-bottom: 5px;
}

h3.podkategoria
{   
   padding: 5px;
   float: left;
}

h3 a
{
   color: #82aa31;
   padding-left: 18px;
   background: url('../obrazky/odrazka-link.gif');
}

p
{
   font-size: 0.75em;
   text-align: justify;
   line-height: 125%;
   margin: 10px 0 0 0;
}

p.center
{
   font-size: 0.75em;
   text-align: center;
   line-height: 125%;
   clear: both;
   margin-top: 10px;
   margin-bottom: 10px;
}

p.kurzy {
	width: 100%;
	float: left;
	font-size: 0.875em;
	line-height: 1.75em;
}

p.chyba {
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	color: #ff0000;
	background: #FFD5D5;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

p.info {
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	color: green;
	background: #D5F5E3;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

p.kurzy em {
	font-size: 1.2em;
	font-weight: bold;
}
		 table.kurzy {
			border-collapse: collapse;
		 }
		 
		 table.kurzy td {
			padding: 10px;
			font-size: 0.875em;
			border-top: 1px solid #cccccc;
		 }
		 
		 table.kurzy td h2.mesiac {
			text-align: center;
			font-size: 1.8em;
			font-style: italic;
		 }
		 
		 table.kurzy span {
			font-size: 2.5em;
			padding: 0 10px 0 0;
			margin: 0 10px 0 0;
			border-right: 1px solid #cccccc;
			vertical-align: top;
		 }
		 
		 table.kurzy span.vikend {
			color: #CA1F46;
			border-right: 1px solid #CA1F46;
		 }
		 
		 div.detailkurzu {
			border-radius: 5px;
			border: 1px solid #FCB131;
			background: #FFFAD7;
			float: left;
			width: 100%;
		 }
		 
		 div.detailkurzu a {
			color: #000000;
			background: #eeeeee;
			padding: 10px;
			border: 1px solid #82AA31;
			text-decoration: none;
			font-weight: bold;
			float: right;
			margin: 0 0 10px 0;
			border-radius: 5px;
		 }
		 
		 div.detailkurzu a:hover {
			color: #ffffff;
			background: #82AA31;
		 }
		 
		 div.pomaranc {
			border: 1px solid #d35400;
			background: #FFE5D5;
		 }
		 
		 div.nefrit {
			border: 1px solid #27ae60;
			background: #D5F5E3;
		 }
		 
		 div.modry {
			border: 1px solid #2980b9;
			background: #D7EAF7;
		 }
		 
		 div.detailkurzu h2 {
			float: left;
			width: calc(100% - 20px);
			line-height: 1.75em;
			margin: 10px;
			text-align: center;
			border-top: 1px solid #82AA31;
			border-bottom: 1px solid #82AA31;
		 }
		 
		 div.detailkurzu p
		 {
			width: calc(100% - 20px);
			font-size: 1em;
			line-height: 1.5em;
			margin: 10px;
		 }
		 
		 ul.kurzy {
			font-size: 0.875em !important;
			line-height: 1.5em;
			float: left;
		 }
		 
		 ul.kurzy a {
			color: #82AA31;
		 }
		 
		 a.kurzy {
			color: #000000;
			background: #eeeeee;
			padding: 10px;
			border: 1px solid #82AA31;
			text-decoration: none;
			font-weight: bold;
			float: left;
			margin: 0;
			border-radius: 5px;
		 }
		 
		 a.kurzy:hover {
			color: #ffffff;
			background: #82AA31;
		 }
		 
		 form#prihlaskakurz
		 {
			width: calc(100% - 20px) !important;
			float: left;
			padding: 0 10px 0 10px;
		 }
		 
		 form#prihlaskakurz label {
			width: 100%;
			float: left;
			margin: 10px 0 0 0;
			font-size: 0.9em;
			font-weight: bold;
		 }
		 
		 form#prihlaskakurz label select, form#prihlaskakurz label input[type=text] {
			margin: 5px 0 0 0;
			padding: 5px;
			font-size: 0.9em;
		 }
		 
		 form#prihlaskakurz label select {
			width: calc(100% + 2px);
		 }
		 
		 form#prihlaskakurz label input[type=text] {
			width: calc(100% - 12px);
			border: 1px solid #82aa31;
		 }
		 
		 form#prihlaskakurz  input[type=submit] {
			margin: 5px 0 0 0;
			padding: 5px;
			float: right;
			border: 1px #82AA31 solid;
			font-weight: bold;
		 }
		 
		 form#prihlaskakurz  input[type=submit]:hover {
			background: #82AA31;
			color: #ffffff;
		 }
		 
		 form#prihlaskakurz textarea {
			width: calc(100% - 2px);
		 }

div.polovica
{
   width: 253px;
   height: 200px;
   float: left;
   margin: 3px;
   padding: 5px;
   background: #F5F5F5;
}

div.tretina
{
   width: 163px;
   height: 110px;
   float: left;
   margin: 3px;
   padding: 5px;
   background: #F5F5F5;
   text-align: center;
}

img.napravo
{
   float: right;
   border: 1px solid #c8cac9;
   margin: 5px;
   padding: 2px;
}

img.nalavo
{
   float: left;
   border: 1px solid #c8cac9;
   margin: 5px;
   padding: 2px;
}

img.nalavo2
{
   float: left;
}

div#pata
 {
   width: 670px;
   height: 30px;
   text-align: center;
   float: left;
   background: #82aa31;
   border-radius: 0 0 5px 5px;
}

hr
{
	float: left;
   width: 670px;
   border: 1px solid #82aa31;
   margin-top: 10px;
   margin-bottom: 10px;
}

p a
{
   color: #82aa31;
   padding-left: 18px;
   background: url('../obrazky/odrazka-link.gif');
}

p.fotky a {
	padding: 0;
	background: none;
	margin: 5px 2px 0 0;
	float: left;
	border: 1px solid #82AA31;
}

a.obrazok
{
   color: #ffffff;
   padding-left: 0;
   background: none;
}

p.produkt_kosik
{
   width: 38px;
   float: left;
   height: 38px;
   padding-top: 53px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
}

p.produkt_cena
{
   width: 96px;
   float: left;
   height: 91px;
   text-align: center;
   padding-top: 5px;
}

p.produkt_celkom
{
   width: 96px;
   float: left;
   height: 91px;
   text-align: center;
   padding-top: 5px;
}

p.produkt_kosik_popis
{
   width: 124px;
   float: left;
   height: 86px;
   padding: 5px;
}

p.produkt_zrusith3
{   
   font-size: 0.75em;
   color: #82aa31;
   margin-top: 5px;
   margin-bottom: 5px;
}

p.produkt_popis
{
   width: 288px;
   float: left;
   height: 86px;
   padding: 5px;
}

div#pravy form {
	float: left;
	width: 670px;
}

p.produkt_medzisucet
{
   width: 552px;
   float: left;
   padding: 5px;
}

p.produkt_medzisucet_cena
{
   width: 96px;
   float: left;
   text-align: center;
   padding-top: 5px;
}

p.produkt_medzisucet_zrusit
{
   width: 10px;
   float: left;
   padding: 5px;
}

p.formular_nalavo
{
   width: 150px;
   float: left;
   padding: 5px;
}

p.formular_napravo
{
   width: 368px;
   _width: 378px;
   float: left;
   padding: 5px;
   text-align: center;
}

p.formular_napravo2
{
   width: 252px;
   _width: 262px;
   float: left;
   padding: 5px;
   text-align: center;
}

p.podkategoria
{
   width: 564px;
   float: left;
   padding: 5px;
   text-align: justify;
}

div.produkt_zoznam_sivy
{
   width: 670px;
   height: 96px;
   background: #F5F5F5;
   float: left;
}

div.produkt_zoznam
{
   width: 670px;
   height: 96px;
   background: #ffffff;
   float: left;
}

div.produkt_zoznam_sivy form, div.produkt_zoznam form {
	display: none;
}

div.produkt_zoznam_sivy p, div.produkt_zoznam p {
	margin: 0;
}

ul.zoznam
{
   margin-left: 20px;
   text-align: justify;
   font-size: 0.75em;
   margin-top: 10px;
   margin-bottom: 10px;
}

input.bezne_pole
{
   width: 90%;
   font-family: arial, tahoma, verdana, sans-serif;
   color: #787878;
   font-size: 1em;
   border: 1px solid #82aa31;
}

input.submit_pole
{
   width: 50%;
   font-family: arial, tahoma, verdana, sans-serif;
   color: #787878;
   font-size: 1em;
   border: 1px solid #82aa31;
}

textarea
{
   width: 90%;
   font-family: arial, tahoma, verdana, sans-serif;
   color: #787878;
   font-size: 1em;
   border: 1px solid #82aa31;
}

select
{
   width: 90%;
   font-family: arial, tahoma, verdana, sans-serif;
   color: #787878;
   font-size: 1em;
   border: 1px solid #82aa31;
}

.cursor { cursor: hand; }

ul.text {
   margin: 5px 0 5px 30px;
}

ul.text li {
   font-size: 0.75em;
}

ol {
   margin: 5px 0 5px 30px;
}

ol li {
   font-size: 0.75em;
}

table.tabulka {
	font-size: 0.75em;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	width: 80%;
	margin: 0 auto;
}

table.tabulka th, table.tabulka td {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 3px;
	text-align: center;
}

#linky {
	display: none;
}

/* novy panel produktu*/
	.produkt {
		float: left;
		margin: 10px 5px 0 5px;
		border: 1px solid #cccccc;
		padding: 5px;
		width: 313px;
	}
	
	.produkt:hover {
		background: #eeeeee;
	}
	
	.produkt h3 {
		font-size: 1em;
		float: none;
		width: auto;
		margin: 0;
		padding: 5px 0 5px 0;
		border-top: 1px solid #82AA31;
		border-bottom: 1px solid #82AA31;
	}
	
	.produkt p img {
		width: 313px;
		margin: 0 0 0 0;
	}
	
	.produkt p {
		margin: 10px 0 0 0;
	}
	
	.produkt a {
		background: none;
		padding: 0;
	}
	
	.produkt p span {
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
		margin: 20px 0 0 0;
		float: left;
	}
	
	.produkt p img.cursor {
		width: 38px;
		float: right;
		margin: 0;
	}