html {min-height: 100%;}

* {	margin: 0;	padding: 0;}

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

body {background: #786C52 url('img/bg2.png') repeat-y center top;color: #444; font: normal 62.5% Tahoma,sans-serif;padding-top: 10px;}

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: 150px;margin: 0 auto;padding: 0px 0px 4px;}
.header2 .left, .header2 .right {	background: #9C9284;color: #fff;height: 150px;}

.header2 .left {	overflow: auto;	width: 212px;}

.header2 .left  A IMG {BORDER: 0}

.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;}

.inner-container {border: 2px solid #D7D7D2;	background: #FFF;font-size: 1.2em;margin: 0 auto;	padding: 10px;width: 780px;}

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

.header {background: #D3CDBA url('img/header.jpg') no-repeat;height: 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;}

.path {background: #786C52 url('img/bg3.png') repeat left bottom;color: #FFF;font: normal 1.1em Verdana,sans-serif;padding: 5px 12px;}
.path a {color: #FAFAFA;text-decoration: none;}
.path a:hover {color: #FFE;text-decoration: underline;}

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

.content {float: right;width: 538px;	text-align: justify;font: normal 1em Lucida Sans Unicode,sans-serif;}
.content .descr {color: #664;font-size: 0.9em;margin-bottom: 6px;}
.content li {	list-style: url(img/li.gif);margin-left: 18px;}

.content p {font-family: "Lucida Sans Unicode",sans-serif;}

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

.navigation_sub ul {padding: 0;border-bottom: 0px solid #EAEADA;border-top: 1px solid #EAEADA;background: #DDD6CE;
}
.navigation_sub li {border-bottom: 0px solid #EAEADA;}

.navigation_sub li a {font-size: 0.8em;color: #554;display: block;padding: 5px 2px 5px 10%;text-decoration: none;
	width: 90%;}
.navigation_sub li a:hover {background: #E8E3DD;color: #654;}

.footer {background: #E0DAD2;color: #6E6249;	font: bold 1em sans-serif;margin-top: 5px;padding: 10px 12px;}
.footer a {color: #6E6249;text-decoration: none;}

.footer a:hover {color: #3E311C;}

.content IMG {MARGIN-TOP: 1px}

.content IMG {BORDER-RIGHT: #D3CDBA 2px solid; BORDER-TOP: #D3CDBA 2px solid; BORDER-LEFT: #D3CDBA 2px solid; BORDER-BOTTOM: #D3CDBA 2px solid; padding: 3px; float: left; margin-right: 10px; background: #FFFFFF;}

.content A IMG {BORDER-RIGHT: #D3CDBA 2px solid; BORDER-TOP: #D3CDBA 2px solid; BORDER-LEFT: #D3CDBA 2px solid; BORDER-BOTTOM: #D3CDBA 2px solid; padding: 3px; float: left; margin-right: 10px; background: #FFFFFF;}

.content A:hover IMG {BORDER-RIGHT: #9C9185 2px solid; BORDER-TOP: #9C9185 2px solid; BORDER-LEFT: #9C9185 2px solid; BORDER-BOTTOM: #9C9185 2px solid;}

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

.referencie {font-family: Tahoma, sans-serif; font-size: 10px;}

.referencie IMG {BORDER-RIGHT: #D3CDBA 2px solid; BORDER-TOP: #D3CDBA 2px solid; BORDER-LEFT: #D3CDBA 2px solid; BORDER-BOTTOM: #D3CDBA 2px solid; padding: 3px; margin-right: 10px; background: #FFFFFF;}

.referencie A IMG {BORDER-RIGHT: #D3CDBA 2px solid; BORDER-TOP: #D3CDBA 2px solid; BORDER-LEFT: #D3CDBA 2px solid; BORDER-BOTTOM: #D3CDBA 2px solid; padding: 3px; margin-right: 10px; background: #FFFFFF;  float: none;}

.referencie A:hover IMG {	BORDER-RIGHT: #9C9185 2px solid; BORDER-TOP: #9C9185 2px solid; BORDER-LEFT: #9C9185 2px solid; BORDER-BOTTOM: #9C9185 2px solid;}

.superfoot {font-size: 1.2em; margin: 0 auto; width: 780px; text-align: right; padding-bottom: 30px;color: #E0DAD2}

.referencie_zoznam {	border: 1px dotted #D3CDBA; font-family: Tahoma, sans-serif; font-size: 11px; background-color: #F0F0EB; padding: 10px}
.referencie_zoznam  a{text-decoration: none}
.referencie_zoznam  a:hover{text-decoration: underline}