/* -------------- LAYOUT --------------  */
html {
       HEIGHT: 100%
}
body {
	margin: 0;
	padding: 0;
	background: #8D95A0;
	color: black;
	text-align: center;
	font-family: sans-serif;
 	font-size: 80%;
	line-height: 130%;
}
div#layout {
	position: relative;
	margin: 0 auto 0 auto;
	margin-top: 50px;
	padding: 0;
	width: 900px;
	text-align: left;
	background: url(../images/bg.jpg);
	color: #83888E;
}
#layout-in {
	padding-left: 15px;
	padding-right: 15px; 
	padding-top: 15px;
	padding-bottom: 15px;
}
	
/*************** top ***************/

#top1 {
	position: relative;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 2px;
	padding: 0;
	width: 100%;
	color: #D7DBDC;
	font-size: 200%;
}
#top1 span {
	color: #666E79;
}
#top1-in {
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
}
#top2 {
	position: absolute;
	top: 147px;
	right: 0;
	width: 300px;
	height: 30px;
	background: #9DC7E0;
}

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

/*************** down ***************/
div#footer {
	position: relative;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 880px;
	height: 35px;
	font-size: 95%;
	color: white;
	text-align: left;
	background: #549ECA;
	border-top: #9DC7E0 6px solid;
}
#footer-in {
	padding-top: 7px;
	padding-left: 15px;
}
#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;
	text-align: left;
	width: 900px;
	height: 40px;
	color: #565656;
	font-size: 100%;
}
#down-in {
	padding-top: 10px;
}
#down-left {
	float: left;
	width: 280px;
	background: #8D95A0;
	text-align: left;
}
#down-right {
	float: right;
	width: 595px;
	text-align: right;
	background: #3A4245;
	color: white;
}
#down-right-in {
	padding: 20px;
}
/******************* pomocne ******************/

#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, #novinka, #jedalnicek {
	margin-bottom: 1px;
	width: 100%; 
	background: #ECEEE9;
	/*background: #E1E9EB;*/
}
.akcia-in {
	padding: 5px;
}
#akcia p {
	margin: 0;
	padding: 0;
}
.akcia h2, #novinka 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;
}
#novinka h2 {
	background: #DA251C;
	color: white; 
}
#novinka, #jedalnicek {
   background: #FCFCFC;
	border: #E1E1E1 1px solid;
}
#jedalnicek h2 {
	background: #549ECA;
	color: white;
}
.akcia h2 span, #novinka h2 span, #jedalnicek h2 span {
	padding-left: 28px;
	padding-right: 5px;
}
.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 {
	margin: 0;
	padding: 0;
	clear: left;
	width: auto;
	height: auto;
}
.textwithimage-right {
	margin: 0;
	padding: 0;
	clear: right;
	width: auto;
	height: auto;
}
.textwithimage-left img, .textwithimage-right img  {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}
.textwithimage-left img {
	float: left;
	margin-right: 5px;
}
.textwithimage-right img {
	float: right;
	margin-left: 5px;
}

img, a.img, img a {
	margin: 0;
	padding: 0;
	border: #ECECEC 1px solid;
}
img.bez {
   margin: 0;
	padding: 0;
	border: none;
}
img a:hover, a:hover img {
	border: #ECECEC 1px solid;
}
a, a.visited {
	font-weight: bolder;
	text-decoration: none;
	/*color: #0000FF;*/
	color: #FF9B00;
}
a:hover {
	text-decoration: underline;
}
.stlpec, .stlpec-bezciary, .stlpec-bez {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	float: left;
	width: 429px;
	border-right: #D9D9D9 1px dashed;
}
.stlpec2, .stlpec2-bez {
	margin: 0;
	margin-right: 10px;
	margin-bottom: 15px;
	padding: 0;
	float: left;
	text-align: left;
	width: 31%;
}
.stlpec-bez, .stlpec-bezciary  {
	border: none;
}
#bez-odsekov p {
	margin-bottom: 0;
}
.in {
	padding-left: 22px;
	padding-right: 22px;
}
.stlpec h2, .stlpec-bez h2, .stlpec-bezciary h3, .stlpec-bez h3 {
	margin: 0;
	margin-left: 25px;
	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-zeleny {
	position: relative;
	margin: 0;
	margin-right: 10px;
	padding: 0;
	float: left;
	width: 405px;
	min-height: 250px;
	_height: 250px;
	background: #EFF7E7;
	border-top: #C6E3B5 8px solid;
	border-bottom: #C6E3B5 4px solid;
	text-decoration: none;
	font-size: 100%;
}
.stlpec-zeleny h2 {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
	color: #7BA65A;
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
}
.stlpec-modry {
	position: relative;
	margin: 0;
	margin-right: 10px;
	padding: 0;
	float: left;
	width: 405px;
	min-height: 250px;
	_height: 250px;
	background: #E7EFFF;
	border-top: #ADC7F7 8px solid;
	border-bottom: #ADC7F7 4px solid;
	font-size: 100%;
	text-decoration: none;
	color: black;
}
.stlpec-modry h2 {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
	color: #3E73A4;
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
}
.stlpec-in {
	padding-left: 10px;
	padding-right: 10px;
}
.stlpec-in a {
	color: black;
	font-weight: bolder;
	text-decoration: underline;
}

.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%;
}
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 {
	text-align: left;
	vertical-align: top;
}
th {
	background: #D2D2D2;
	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;
}
ul {
	position: relative;
	margin: 0;
	padding-left: 20px;
}
li {
	list-style: disc;
}
li ul {
	position: relative;
	margin: 0;
	padding-left: 35px;
}
hr {
	margin: 0;
	margin-bottom: 5px;
	line-height: 130%;
	width: 100%;
	height: 1px;
	border: #ECECEC 1px solid;
}
fieldset {
   margin: 0;
	padding: 10px;
	border: 1px solid #D1D1C9;
	background: #F9F5EA;
}
legend {
   background: #DFDFF0;
	color: #404084;
}
/****************** h, a ******************/

h1, h2, h5 {
	margin: 0;
	padding: 0;
	color: #666E79;
	font-size: 160%;
	line-height: 110%;
	font-weight: normal;
	border-bottom: #42BB37;
}
h1 {
	margin-bottom: 15px;
}
h1 span {
	color: black;
}
h2 {
	color: #D7DBDC;
	font-size: 120%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
h3 {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	padding-top: 3px;
	font-size: 140%;
	color: #BB6E37;
	line-height: 130%;
	font-weight: normal;
}
h3 span {
	color: black;
	font-weight: normal;
}
h4 {
	margin: 0;
	margin-bottom: 7px;
	margin-left: 20px;
	padding: 0;
	padding-top: 3px;
	font-size: 160%;
	color: #508B4D;
	line-height: 130%;
	font-weight: normal;
}

#right a {
	text-decoration: underline;
}
#right a:hover {
	font-weight: bolder;
	text-decoration: none;
}