/*  Vytvořilo v roce 2008 webdesign studio WPJ, www.wpj.cz | info@wpj.cz | tel.: +420 775 131 400 | Vrchlabí  */
html, body {
	margin: 0;
	border: 0;
	padding: 0;
	background: #519E00 url(../images/pozadi.jpg) repeat-x;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: left;
}
A { font-weight: normal; text-decoration: none; }
A:link { color: white;
text-decoration: underline; }
A:visited { color: #FEFF7B;
text-decoration: underline; }
A:hover { color: #FEFF7B; 
text-decoration: none;}
img { border: none; 
padding: 0;
margin: 0;}
/*  layout dvousloupcovy BOX- wpj  */
#page { margin: auto; width: 988px;
background-image: url(../images/stin-center.jpg);
background-repeat: repeat-y;}
#stin-top { height: 10px;
background-color: White;}
#stin-top2 { background: url(../images/stin-top2.jpg) no-repeat;}
#stin-bottom { background: url(../images/stin-bottom.jpg) no-repeat; height: 22px;}
#hlavni { width: 960px;
margin: auto; 
border: 5px solid white;
position: relative;}
#hlavni.pozadi1 {background:   url(../images/pozadi-top-1.jpg) no-repeat;}
/* #hlavni.pozadi2 {background:   url(../images/pozadi-top-2.jpg) no-repeat;} */
#top {
	height: 180px;
}
#logo { position: absolute; top: 50px; left: 60px;
padding: 0; margin: 0; 
border: 0;
height: 140px;}
#logo a {
	display:block;
	width:140px; height:140px;
	margin:0; padding:0;
	text-decoration: none;
	}
#logo a span { display:none; padding: 0; margin: 0;  }
/*  vlajky-wpj  */
#vlajky {
color: White;
font-weight: bold;
position: absolute;
top: 8px;
left: 13px;}
#vlajky ul { list-style: none; padding: 0px; margin: 0px; }
#vlajky li { display: inline; padding: 3px 3px 3px 3px; margin: 0px; }
#vlajky A {
font-size: 110%;
font-weight: bold;
text-decoration: none; }
#vlajky A:link { color: White; }
#vlajky A:visited { color: White; }
#vlajky A:hover { color: black; text-decoration: none; }
#vlajky A.oz:link { color: #CEFFD1; }
#vlajky A.oz:visited { color:  #CEFFD1; }
#vlajky A.oz:hover { color:  #CEFFD1; }
/*  vlajky-wpj  */
#stred { text-align: left;}
/*  layout hl BOX- wpj */
#sidebar { float: left; width: 255px; margin:0; padding:0;}
#sidebar-content { margin: 35px 0 0 0; padding:0 0 0 0;
text-align: left;
}
#main { margin:0 0 0 255px; padding:0;
}
#main-content { margin: 40px 0 15px 0; padding: 0 35px 0 35px; width: 630px;
font-size: 95%;
float: left }
#main-content.mapa { margin:0; padding: 0 0 15px 0; font-size: 120%; color: white;width: 600px;
float: left }
#right-main {
margin: 185px 0 0 0;
width: 160px;
float: right;}
#right-main ul {
margin: 0;
padding: 0;
list-style: none;
}
#right-main li {
padding: 3px 0 3px 0px;
text-align: right;}
#right-main img {
border-right: none;}

hr.cleaner { clear: both; margin: -1px 0 0 0; padding: 0; border: none; height: 1px; visibility: hidden; }
/*  layout hl BOX- wpj ende */
/*  layout dvousloupcovy BOX- wpj ende  */
/*  botton BOX- wpj */
#spodek {
	font: 80%  Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	position: relative;
	background-color:white;
	color: Black;
}
#spodek-left {
float: left; 
margin: 6px 5px 0 10px; }
#spodek-right A.wpj { 
font-weight: normal;
text-decoration: none; }
#spodek-right { float: right; 
margin: 6px 10px 0 0; }
#spodek A { text-decoration: none;
font-weight: bold }
#spodek A:link { color: #000000; }
#spodek A:visited { color: #000000; }
#spodek A:hover { color: #000000;
text-decoration: none; }
/*  botton BOX- wpj  ende */

/*  menu-wpj-left submenu  */
#submenu { 
text-align: left;
margin-bottom: 15px;
margin-left: 50px;}

#submenu ul {
list-style: none;
padding: 0px;
margin: 0px;
}
A.submenu, A.submenu-oz { font-weight: bold; font-size: 110%;
  display: block;
text-decoration: none;
letter-spacing: 0px;}
A.submenu:link { color: #FFFFFF;
  background: url(../images/submenu-sipka.gif) 0 50% no-repeat;
  padding-left: 15px; margin-left: 0;
  display: block;
  text-decoration: none;}
A.submenu:visited { color: #FFFFFF;
 background: url(../images/submenu-sipka.gif) 0 50% no-repeat;
 padding-left: 15px; margin-left: 0;
  display: block;
 text-decoration: none;}
A.submenu:hover { color: #F8FF21;
 background: url(../images/submenu-sipka-oz.gif) 0 50% no-repeat;
 padding-left: 15px; margin-left: 0;
  display: block;
 text-decoration: none;}
A.submenu-oz:link, A.submenu-oz:visited,  A.submenu-oz:hover   
{ color: #F8FF21;
 background: url(../images/submenu-sipka-oz.gif) 0 50% no-repeat;
 padding-left: 15px; margin-left: 0;
 text-decoration: none;
 font-weight: bold;
 display: block;
 font-size: 110%;}
 A.submenu-sub:link, A.submenu-sub:visited,  A.submenu-sub:hover   
{ color: #F8FF21;
 background: url(../images/submenu-sipka-sub.gif) 0 60% no-repeat;
 padding-left: 15px; margin-left: 0;
 font-weight: bold;
 text-decoration: none;
 display: block;
 font-size: 110%;}
 
 
A.submenu-open { font-weight: normal; font-size: 100%; text-decoration: none;}
A.submenu-open:link, A.submenu-open:visited { 
color: #FFFFFF;
  background: url(../images/submenu-sipka-open.gif) 0 50% no-repeat;
  padding-left: 15px; margin-left: 0;
  text-decoration: none;
  display: block;}
A.submenu-open:hover { color: #F8FF21; text-decoration: none;

  background: url(../images/submenu-sipka-open-oz.gif) 0 50% no-repeat;
  padding-left: 15px; margin-left: 0;
  display: block;}
A.submenu-open-oz { font-weight: normal; font-size: 100%; text-decoration: none;
  background: url(../images/submenu-sipka-open-oz.gif) 0 50% no-repeat;
  padding-left: 15px; margin-left: 0;
  display: block;}
A.submenu-open-oz:link, A.submenu-open-oz:visited, A.submenu-open-oz:hover { color: #F8FF21; text-decoration: none;
  background: url(../images/submenu-sipka-open-oz.gif) 0 50% no-repeat;
  padding-left: 15px; margin-left: 0;
  display: block;}

li.submenu {
border-bottom: 1px solid #569C51;
padding: 7px 0 7px 5px;
}
li.submenu-open {
padding: 5px 0 5px 10px;
}
/*  menu-wpj-end  */

#iso {
padding: 5px 0 10px 0;
}
/*  hlavni-wpj  formatovani */
h1 {margin: 0px; padding: 0 0 5px 0px; font-size: 180%; }
#main-content p {
padding: 5px 0 10px 3px;
margin: 0px;
}
#main-content strong{
color: #CEFFD1;
}
#main-content ul { font-size: 105%; list-style: square;
margin-top: 5px;}
#main-content li { padding: 5px;}
h2 {margin: 0; padding: 3px 0 5px 0; font-size: 250%; }
h3 {color: white;
margin: 0px; padding: 10px 0 7px 0; font-size: 190%; }
/*  hlavni-wpj  formatovani ende*/

/*  akce */
#akce h3 { 
margin: 0;
padding: 10px 0 0 0;
color: White;
font-size: 130%;
}
#akce p{ 
margin: 0;
padding: 3px 3px 5px 1px;
}

#akce A { text-decoration: none;
font-weight: bold;
color: White;}
#akce A:link { color: white; }
#akce A:visited { color: white; }
#akce A:hover { color: white; }

div.table-style-akce {padding: 10px 0px 10px 0px;}
#akce li {margin-left: 0; padding: 0;}
#akce {
padding: 0 10px 5px 10px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
#akce span {
font-weight: normal;
font-size: 90%;}
div.akce {
text-align: right;
padding-top: 5px;
padding-right: 7px;}
#akce ul {list-style: none; padding: 2px 0 0 0; margin: 0px;}
#akce li.akce-linka { padding: 3px; padding-right: 7px;}
#akce li.akce-text {padding: 3px 7px 0 7px;}
/*  akce end*/

/*  new-wpj */
#news-seznam {
margin: auto;
width: 620px;
}
div.novinka h3 {margin: 0 0 0 0px;
padding: 0 0 0 3px;
font-size: 110%;
color: white;}

#news-seznam  p {
margin-left: 0px;
padding: 3px;
}
div.news-linka{
border-bottom: 2px solid White;
}
div.news-right{
width: 80%;
}
#news-seznam div.novinka{
margin-top: 30px;
margin-bottom: 30px;
position: relative;
}

#news-seznam img {
position: absolute;
bottom: -6px;
right: 0;
margin-left: 5px;
margin-top: 15px;
border: solid #ffffff 4px;
}
#news-seznam a {
font-weight: bold;
color: White;
}

#news-seznam  A:link { color: #ffffff;
text-decoration: none;}
#news-seznam  A:visited { color: #ffffff;
text-decoration: none;}
#news-seznam A:hover { color: #000000;
text-decoration: underline;}
/*  new-wpj -end */
/*  mapy-wpj  api-amapy*/
#wpjmaps {
margin: 0 0 0 10px;
width: 610px;
height: 400px;
border: solid 4px white;
color: Black;
}
/*  mapy-wpj end api-amapy */

hr.cara { color: #CEFFD1; background-color: #CEFFD1;
height: 2px; border: none; position: relative;
}

A.main, A.text { font-weight: bold; font-size: 100%; text-decoration: none;}
A.main:link, A.main:visited { 
 color: #FFFFFF;
  background: url(../images/sipka-main.gif) 0 100% no-repeat;
  padding-left: 15px;
  text-decoration: none;
  margin-left: 5px;}
A.main:hover { color: #BCDFBD; text-decoration: none;
  background: url(../images/sipka-main-oz.gif) 0 100% no-repeat;
  padding-left: 15px;
  margin-left: 5px;}
  
A.text:link, A.text:visited { 
 color: #FFFFFF;
  background: url(../images/text.gif) 0 100% no-repeat;
  padding-left: 15px;
  text-decoration: none;
  margin-left: 5px;}
A.text:hover { color: #BCDFBD; text-decoration: none;
  background: url(../images/text.gif) 0 100% no-repeat;
  padding-left: 15px;
  margin-left: 5px;}
  
 #main-foto ul{
 padding: 0;
 margin: 10px 0 10px 0;
 display: block;
}

 #main-foto li{
 display: inline;
 list-style: none;
}

 #text-foto {
 padding: 5px 5px 5px 15px;
}
 #text-foto img{
 padding: 0;
 margin: 2px;
  border: solid 2px white;
}
 #text-foto ul{
 margin: 0;
 padding: 0px 0 0 0;
 list-style: none;
}

 #text-foto li{
 display: inline;
 padding: 3px;
 margin: 0;
}


/*  menu-wpj  */
#menu
{
display:block;
}
#menu ul
{
margin:0;
padding:0;
list-style-type:none;
}
#menu li
{
margin: 10px 8px 0px 8px;
padding: 0;
display:block;
float:left;
width: 186px;
height: 156px;
}

#menu li.s-kabinou
{background: url("../images/s-kabinou.jpg") no-repeat;}
#menu li.s-prednim-rizenim
{background: url("../images/s-prednim-rizenim.jpg") no-repeat;}
#menu li.kloubove
{background: url("../images/kloubove.jpg") no-repeat;}
#menu li.vega-36hp
{background: url("../images/vega-36hp.jpg") no-repeat;}
#menu li.vega-30hp
{background: url("../images/vega-30hp.jpg") no-repeat;}
#menu li.cabrio-47hp
{background: url("../images/cabrio-47hp.jpg") no-repeat;}
#menu li.cabrio-36hp
{background: url("../images/cabrio-36hp.jpg") no-repeat;}
#menu li.cabrio-30hp
{background: url("../images/cabrio-30hp.jpg") no-repeat;}
#menu li.mt8-232
{background: url("../images/mt8-232.jpg") no-repeat;}
#menu li.vinea-47hp
{background: url("../images/vinea-47hp.jpg") no-repeat;}
#menu li.vinea-30hp
{background: url("../images/vinea-30hp.jpg") no-repeat;}
#menu li.mt8-132
{background: url("../images/mt8-132.jpg") no-repeat;}
#menu li.doprava
{background: url("../images/doprava.jpg") no-repeat;}
#menu li.udrzba-travniku
{background: url("../images/udrzba-travniku.jpg") no-repeat;}
#menu li.zpracovani-pudy
{background: url("../images/zpracovani-pudy.jpg") no-repeat;}
#menu li.les
{background: url("../images/les.jpg") no-repeat;}
#menu li.zimni-udrzba
{background: url("../images/zimni-udrzba.jpg") no-repeat;}
#menu li.postrikovace
{background: url("../images/postrikovace.jpg") no-repeat;}
#menu a
{
display:block;
text-decoration:none;
text-align:center;
color:black;
font: bold 160% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
_width: 186px;
width: 166px;
height: 156px;
padding: 10px 10px 0px 10px;
}
#menu a.s-kabinou
{background: transparent  url("../images/s-kabinou-oz.jpg") -186px -156px no-repeat;}
#menu a.s-prednim-rizenim
{background: transparent  url("../images/s-prednim-rizenim-oz.jpg") -186px -156px no-repeat;}
#menu a.kloubove
{background: transparent  url("../images/kloubove-oz.jpg") -186px -156px no-repeat;}
#menu a.vega-36hp
{background: transparent  url("../images/vega-36hp-oz.jpg") -186px -156px no-repeat;}
#menu a.vega-30hp
{background: transparent  url("../images/vega-30hp-oz.jpg") -186px -156px no-repeat;}
#menu a.cabrio-47hp
{background: transparent  url("../images/cabrio-47hp-oz.jpg") -186px -156px no-repeat;}
#menu a.cabrio-36hp
{background: transparent  url("../images/cabrio-36hp-oz.jpg") -186px -156px no-repeat;}
#menu a.cabrio-30hp
{background: transparent  url("../images/cabrio-30hp-oz.jpg") -186px -156px no-repeat;}
#menu a.mt8-232
{background: transparent  url("../images/mt8-232-oz.jpg") -186px -156px no-repeat;}
#menu a.vinea-47hp
{background: transparent  url("../images/vinea-47hp-oz.jpg") -186px -156px no-repeat;}
#menu a.vinea-30hp
{background: transparent  url("../images/vinea-30hp-oz.jpg") -186px -156px no-repeat;}
#menu a.mt8-132
{background: transparent  url("../images/mt8-132-oz.jpg") -186px -156px no-repeat;}
#menu a.doprava
{background: transparent  url("../images/doprava-oz.jpg") -186px -156px no-repeat;}
#menu a.udrzba-travniku
{background: transparent  url("../images/udrzba-travniku-oz.jpg") -186px -156px no-repeat;}
#menu a.zpracovani-pudy
{background: transparent  url("../images/zpracovani-pudy-oz.jpg") -186px -156px no-repeat;}
#menu a.les
{background: transparent  url("../images/les-oz.jpg") -186px -156px no-repeat;}
#menu a.zimni-udrzba
{background: transparent  url("../images/zimni-udrzba-oz.jpg") -186px -156px no-repeat;}
#menu a.postrikovace
{background: transparent  url("../images/postrikovace-oz.jpg") -186px -156px no-repeat;}


#menu a:hover
{
background-position:top right; color: #000000;
}
#menu a.oznaceno:hover
{
background-position:top right; color:white;
}
/*  menu-wpj-end  */

#detail-traktor {
height: 260px;
margin-top: 5px;
margin-bottom: 10px;
background-color: white;
border: solid 2px #9AD513;
text-decoration: none;
width: 606px;
padding: 5px;
}

#detail-left {
width: 385px;
text-align: center;
float: left;
}
#detail-right {
width: 220px;
float: right;
}
#detail-right img {
border: solid 2px #9AD513;;
margin: 3px;
}
#detail-left img {
padding-top: 0px;
}
.detail-foto {
float: left;}

#traktor, #traktor-d {color: #000000;
background-color: #9AD513;;
border: 1px solid #9AD513;;
text-decoration: none;
width: 620px;}

#naradi {color: #000000;
text-decoration: none;}

#kola {color: #000000;
text-decoration: none;
width: 200px;}
#traktor td  {
vertical-align: top;
padding: 3px 10px 3px 10px;
color: Black;
background-color: white;
}

#naradi td  {
padding: 3px 20px 3px 15px;
color: Black;
background-color: #CDE6D0;
}
#naradi strong  {
color: Black;
}

#traktor-d td {
padding: 3px 10px 3px 10px;
color: Black;
background-color: white;
}
#traktor .cat-top, #traktor-d .cat-top {
font-weight: bold;
background-color: #9AD513;}

#naradi .cat-top {
color: White;
padding: 5px 5px 5px 15px;
font-weight: bold;
background-color: #06AD53;}

#traktor .cat, #naradi .cat, #traktor-d .cat {
font-weight: bold;}
#traktor .catl {
text-align: center;
padding: 10px 0 0 0;
margin: 0;}
#traktor-d .catl {
text-align: center;
padding: 0;
margin: 0;}
#traktor strong, #traktor-d strong {
font-weight: bold;
color: Black;}
#kola td {
vertical-align: top;
padding: 0;
margin: 0;
color: Black;
}

#traktor-d .cat-top-price {
font-weight: bold;
text-align: center;
background-color: #9AD513;
}

td.cat-type {
font-weight: bold;
white-space: nowrap;
}
td.cat-image {
text-align: center;
white-space: nowrap;
}
td.cat-price {
text-align: center;
white-space: nowrap;
}

#traktor A, #traktor-d A { font-weight: bold;
text-decoration: none;}
#traktor A:link, #traktor-d  A:link { color: #000000;
text-decoration: underline;}
#traktor A:visited , #traktor-d  A:visited { color: #000000;
text-decoration: none;}
#traktor A:hover, #traktor-d  A:hover { color: #000000;
text-decoration: none;}

#price
{
float: right;
text-align: right;
padding-right: 15px;}

#price h3
{color: #B7DABA;}

#price-naradi
{
float: right;
text-align: right;}
#price-naradi h3
{margin: 0; padding: 0;}

#detail-left-foto img {
float: right;
border: solid 3px white;
margin:5px;
padding: 0;
}

#detail-radek{
padding: 0;
float: left;
}

.detail-foto-radek {
float: left;}

#detail-radek img {
border: solid 2px white;
margin: 3px;
}
/*  menu-text-wpj  */
#menu-text ul
{
margin-left: 10px;
padding-left: 10px;}
#menu-text A { font-weight: bold; font-size: 150%;
text-decoration: none;}
#menu-text A:link { color: #ffffff;
text-decoration: underline;}
#menu-text A:visited { color: #ffffff;
text-decoration: none;}
#menu-text A:hover { color: #000000;
text-decoration: none;}

/*  menu-text-wpj  */


#vypiskat ul{ 
padding: 0;
margin: 10px 0 0 10px;
list-style: none;}

#vypiskat li{ 
margin: 0;
padding: 0 0 0px 0;}

#vypiskat img{ 
float: right;
padding:5px 5px 0 0;}

#vypiskat span
{
margin: 0px; font-size: 150%; 
float: left;
width: 450px;
padding: 28px 15px 15px 15px;}


#vypiskat A{ font-weight: bold;
text-decoration: none;
height: 85px;
width: 600px;
vertical-align: middle;
display:block;
background-color: #66A840;
}
#vypiskat A:link { color: white;
background-color: #66A840;}
#vypiskat A:visited { color: white;
text-decoration: none;
background-color: #66A840;}
#vypiskat A:hover { color: #000000;
text-decoration: none;
background-color: #F8FF21;}

#cenik{
margin-left: -15px; }

#cenik h3{ 
font-size: 160%;}
#cenik td{ 
font-size: 90%;
padding: 3px 2px 3px 2px;
background-color: #66A840; }
#cenik td.radek-top{ 
text-align: center;
color: Black;
font-weight: bold;
background-color: #A3D487; }

#cenik table a {
font-weight: bold; 
white-space: nowrap }

#cenik A:link { color: white;
text-decoration: none;}
#cenik A:visited { color: white;
text-decoration: none;}
#cenik A:hover { color: #000000;
text-decoration: none;}