/* css document */
* {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-family: "tahoma";
	color: #363636;
}

body {
	background: #A7DB21 url('bg-body-repeat.png') repeat-x top center;
}

.f-left {
float: left;
}

.f-right {
float: right;
}

p.wdbox a {text-decoration: none;}
.wdbox {font-size: 12px; font-weight: bold;}
.wdbox {text-align: center; padding: 5px}
.odd {
background-color: white;
}

.even {
background-color: white;
}

.dopo, .dopo a
{
  color: grey;
  text-decoration: none;
  text-align: center;
  font-size: 10px;
  margin-top: 15px;  
}

#doporucujeme
{
  width: 1000px;
  margin: auto;
}
div.cleaner { clear:both }

#bg {
	width: 100%;
	height: 441px;
	background: transparent url('bg-body.png') no-repeat top center;
}

#fix {
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	position: absolute;
	overflow: hidden;
}

#header {
width: 100%;
height: 261px;
}

#header #header-left {
width: 760px;
height: 261px;
float: left;
background: #227600 url('bg-header-left.png') no-repeat top left;
}

#header #header-left #h1{
background: url('bg-h1.png') no-repeat top left;
width: 238px;
height: 103px;
position: relative;
top: 20px;
left: 16px;
display: block;
z-index: 10;
}

#header #header-left h1 {
font-size: 20px;
left: 16px;
top: -30px;
width: 200px;
position: relative;
}

#header #header-left h2 {
margin: -26px 0 0 20px;
font-weight: normal;
font-size: 12px;
}

#header #header-right {
width: 240px;
height: 261px;
float: right;
background: #227600 url('bg-header-right.png') no-repeat top left;
}

#header #header-right #icons {
width: 144px;
height: 47px;
float: right;
}

#header #header-right #icons a{
margin: 0;
padding: 0;
display: inline;
color: white;
}

#header #header-right #icons a img{
border: none;
float: left;
}

#header #header-right a {
font-size: 16px;
font-weight: bold;
text-decoration: none;
display: block;
color: white;
width: 170px;
margin: 100px 0 0 15px;

}

#header #header-right p {
font-size: 11px;
color: white;
margin: 45px 0 0 15px;
width: 150px;
}

#main-menu {
background: #F8A632 url('bg-menu.png') repeat-x top left;
height: 61px;
width: 100%;
}

#main-menu a{
background: #F8A632 url('bg-menu.png') repeat-x top left;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: white;
display: block;
float: left;
height: 61px;
line-height: 61px;
padding: 0 15px;
}

#main-menu a:hover, #main-menu a.active{
background: #812A16 url('bg-menu-hover.png') repeat-x top left;
}

#main-menu span{
display: block;
float: left;
height: 61px;
width: 2px;
background: #F07815 url('bg-menu-delimiter.png') repeat-x top left;
}

#left-col {
width: 350px;
float: left;
}

#left-col #offer {
background-color: white;
margin: 10px 0;
padding-bottom: 15px;
}

#left-col #offer #offer-header {
background: #95321B url('bg-offer-header.png') no-repeat top left;
height: 56px;
line-height: 56px;
font-size: 14px;
font-weight: bold;
padding-left: 70px;
color: white;
}

#left-col #offer ul li{
background: url('bg-offer-list-item.png') no-repeat top left;
padding: 0 0 0 45px;
}
#left-col #offer ul li a {
font-size: 12px;
text-decoration: none;
line-height: 27px;
height: 27px;
display: block;
}

#left-col #offer ul li a:hover {
color: #95321B;
}

#left-col #location {
padding-top: 10px;
height: 170px;
background: #E4E4E4 url('bg-location.png') no-repeat 0 55px;
}

#left-col #location #location-header {
background: #EA9511 url('bg-location-header.png') no-repeat top left;
height: 35px;
line-height: 35px;
color: white;
font-weight: bold;
font-size: 14px;
padding-left: 70px;
}

#left-col #location p {
width: 125px;
margin: 15px 0 15px 15px;
}

#left-col #location a {
color: #95321B;
}

#left-col #ban1 {
background: #D8EC88 url('bg-ban1.png') no-repeat top left;
height: 112px;
margin-top: 4px;
}

#left-col #ban1 p {
width: 190px;
padding: 15px 0 15px 15px;
font-size: 14px;
}

#left-col #ban1 p strong {
font-size: 18px;
color: #95321B;
display: block;
}

#left-col #ban1 p span {
font-size: 14px;
font-weight: bold;
color: #95321B;
display: block;
margin-top: 10px;
}

#left-col #ban2 {
background: #D8EC88 url('bg-ban2.png') no-repeat top left;
height: 112px;
margin-top: 4px;
}

#left-col #ban2 p {
width: 190px;
padding: 10px 0 15px 15px;
font-size: 13px;
margin-left: 120px;
}

#left-col #ban2 p strong {
font-size: 18px;
color: #95321B;
display: block;
margin-bottom: 10px;
}

#left-col .adv {
background-color: #FFFFFF;
color: #B4922A;
margin-top: 4px;
}

#left-col .adv strong {
display: block;
color: #FF7C00;
margin-bottom: 10px;
}

#left-col .adv span {
display: block;
color: #B4922A;
font-weight: bold;
}

#left-col .adv p {
padding: 10px 0 15px 15px;
color: #B4922A;
}

#left-col .adv a {
color: #B4922A;
}

#left-col #adv1 {
height: 220px;
}

#left-col #adv1 #adv1-left {
float: left;
width: 200px;
}

#left-col #adv1 #adv1-right {
float: right;
width: 120px;
margin-top: 70px;
}

#left-col #adv2 #adv2-upper {
padding-top: 10px;
height: 50px;
}

#left-col #adv2 #adv2-upper img{
float: left;
}

#left-col #adv2 #adv2-upper span{
display: block;
font-weight: normal;
float: right;
margin-right: 40px;
margin-top: 5px;
}

#left-col #left-col-bottom {
background: url('bg-left-col-bottom.png') no-repeat top left;
height: 65px;
}

#right-col {
width: 643px;
float: right;
background-color: white;
}

#right-col #content-intro {
background: #D79705 url('bg-content-intro.png') no-repeat top left;
height: 165px;
width: 609px;
margin-left: 17px;
margin-top: 7px;
}

#right-col #content-intro p {
font-size: 14px;
font-weight: bold;
color: white;
padding: 53px 0 0 190px;
}

#right-col #content {
width: 609px;
margin-left: 17px;
margin-top: 7px;
padding-bottom: 20px;
}

#footer {
background-color: #A7DB21;
height: 50px;
}

#footer p {
padding: 20px 0 0 10px;
font-size: 11px;
color: #59770B;
}

#footer p a {
font-size: 11px;
color: #59770B;
text-decoration: none;
}

#footer p a:hover {
color: white;
}

#images-gallery {
text-align: left;
}

#images-gallery a {
display: inline-block;
width: 97px;
height: 73px;
overflow: hidden;
margin: 3px 4px 0 0;

}

#images-gallery a img{
width: 97px;
border: none;
}


/* wysiwyg*/
#content h2 {
font-size: 18px;
color: #5B9B01;
}

#content h3, #content span {
font-size: 14px;
color: #5B9B01;
font-weight: bold;
display: block;
}

#content p {
color: #5A5A5A;
padding: 10px 0;
}

#content a {
color: #5B9B01;
}

#content a:hover {
color: #5A5A5A;
}

#content ul {
padding-left: 20px;
}

#content ul li {
padding: 2px 0;
}

#content img {
margin: 10px;
padding: 2px;
border: 1px solid gray;
}

#content table td {
padding: 5px;
border-right-width: 0;
border-bottom-width: 0;
border: 1px solid gray;
}

#content table th {
padding: 5px;
font-weight: bold;
border-width: 1px 0 0 1px;
border: 1px solid gray;
background-color: #A7DB21;
}

.adv div {
  text-align: center;
}
.adv img {
  width: 120px;
}

.adv ul {
  padding: 0 0 10px 30px;
}