html {min-height: 100%;}
body {background: #EBF2BE; color: #444; font: normal 62.5% Tahoma,sans-serif; padding-top: 10px;}
* {	margin: 0;	padding: 0;}

a {color: #616E98;}
a:hover {color: #3A415A;}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.8em Tahoma,sans-serif;}
h2 {font: bold 1.4em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

code {background: #FFF;border: 1px solid #EEE;border-left: 6px solid #CCC;color: #666;display: block;font: normal 1em Tahoma,sans-serif;line-height: 1.6em;margin-bottom: 12px;padding: 8px 10px;white-space: pre;}

blockquote {background: url(img/quote.gif) no-repeat;display: block;font-weight: bold;padding-left: 28px;}

h1,h2,h3 {padding-top: 6px; color: #553; margin-bottom: 4px;}

.header2 {background: #FFF;font-size: 1.2em;height: 100px;margin: 0 auto;padding: 0px 0px 4px;}
.header2 .left, .header2 .right {	background: #F40000;color: #fff;height: 100px; text-align: center}
.header2 .left {	overflow: auto;	width: 212px;}
.header2 .left  A IMG {BORDER: 0}
.header2 .right {background: #BBC971; float: right;	text-align: left; width: 564px; background: url(img/dekor3.jpg) no-repeat;}
.header2 .right p,.header2 .right h2 {padding: 0 16px;}
.header2 .right h2 {padding-top: 16px; font: normal 1.5em "Trebuchet MS",sans-serif;}

.clearer {clear: both; font-size: 0;}

.left {float: left;}
/*------------------ OKRAJ -------------------*/
.inner-container {border: 2px solid #E1E9AD; background: #FFF;font-size: 1.2em; margin: 0 auto;	padding: 10px; width: 780px;}
/*--------------------------------------------*/
.language-container {font-size: 1.0em; margin: 0 auto;	padding: 5px; width: 780px; text-align: right; color: #EBE06D;}
.language-container a {color: #554; text-decoration: none;}
.language-container a:hover {color: #F40000;}

.outer-container {padding-bottom: 10px;}

.header {background: #CBD34C: 160px;margin-bottom: 5px;text-align: center;}
.header .title {color: #FFF;padding-top: 50px;}
.header .title .sitename a {border-bottom: 1px dashed #657382;color: #FFF;font: normal 3em sans-serif;padding-bottom: 2px;text-decoration: none;}
.header .title a:hover {border-color: #F60;}
.header .title .slogan {font: normal 1.1em Verdana,sans-serif;padding-top: 6px;}
/*------------------ CESTA -------------------*/
.path {background: #89974A; color: #EBE06D;font: normal 1.1em Verdana,sans-serif;  padding: 5px 12px 5px 12px; height:17px}

/*--------------------------------------------*/
.path a {color: #FFF;text-decoration: none; }
.path a:hover {color: #FFF;text-decoration: underline;}

.main {background: url(img/main.gif) repeat-y;border-top: 4px solid #FFF;padding: 8px 12px 0 0;}

.content {float: right;width: 538px;	text-align: justify;}
.content .descr {color: #664;font-size: 0.9em; margin-bottom: 6px;}
.content li {	list-style: square; margin-left: 18px; color: #664; margin-bottom: 5px;}
.content p {font: normal 100% Tahoma,sans-serif; font-size: 1.1em;}
.content IMG {MARGIN-TOP: 1px}
.content IMG {BORDER: #E1E9AD 2px solid; padding: 3px; margin-right: 10px; background: #FFFFFF;}
.content A IMG {BORDER: #E1E9AD 2px solid; padding: 3px; margin-right: 10px; background: #FFFFFF;  margin-top: 2px; margin-bottom: 7px;}
.content A:hover IMG {BORDER: #89974A 2px solid;}

.navigation {float: left;width: 210px;}
.navigation h2 {color: #5A5A43;font: bold 1.1em Tahoma,sans-serif;line-height: 30px;margin: 0;padding-left: 10px;}
.navigation ul {padding: 0;border-top: 1px solid #EAEADA;}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {font-size: 1.1em;color: #554;display: block;	padding: 8px 0 8px 5%;text-decoration: none;	width: 95%;}
.navigation li a:hover {background: #EBF2BE;color: #654;}

.navigation_sub ul {padding: 0;border-bottom: 0px solid #EAEADA;border-top: 1px solid #EAEADA;background: FBFBF8;}
.navigation_sub li {border-bottom: 0px solid #EAEADA;}
.navigation_sub li a {font-size: 0.9em;color: #554;display: block;padding: 5px 2px 5px 10%;text-decoration: none;	width: 90%;}
.navigation_sub li a:hover {background: #EBF2BE;color: #654;}

.footer {background: #BBC971;color: #F7F7F2;	font: bold 1em sans-serif;margin-top: 5px;padding: 10px 12px;}
.footer a {color: #F7F7F2;text-decoration: none;}
.footer a:hover {color: #554;}

._right {text-align: right; display: block; float: right;}
._left {text-align: left; display: block; float: left;}

.ramik {	border: 1px dotted #D3CDBA; padding: 9px; background: #F8FAE9; margin-bottom: 10px}

.referencie {font-family: Tahoma, sans-serif; font-size: 10px;}
.referencie IMG {BORDER: #D3CDBA 2px solid; padding: 3px; margin-right: 10px; background: #FFFFFF;}
.referencie A IMG {BORDER: #D3CDBA 2px solid; padding: 3px; margin-right: 10px; background: #FFFFFF;  float: none;}
.referencie A:hover IMG {BORDER: #9C9185 2px solid;}

.oramovanie {border-right:dotted 1px #899736; border-bottom:dotted 1px #899736;}
.oramovanie_prave {border-right:dotted 1px #899736;}
.oramovanie_spodne {border-bottom:dotted 1px #899736;}
/*------------------ OKRAJ -------------------*/
.superfoot {font-size: 1.0em; margin: 0 auto; width: 780px; text-align: right;}
/*--------------------------------------------*/
 .vystava {width:100%; background-color: #ebf2be; border: dotted 1px #bbc971; margin-top:10px;}
 .list li {list-style:circle;}