a img {border: none;}
table {border-collapse:collapse;}

/* --------------------- OBECNÉ -------------------------- */
body 	{text-align: center; margin: 0; background: #739b00 url(../images/bg-body.jpg) repeat-x; font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
			font-size: 62.5%; line-height: 1.5em; color: #fefefe;}

h1 {font-size: 17px; font-family: Verdana; margin: 0 0 25px 30px; text-transform: uppercase;}
h2 {font-size: 12px;}
h2.povolani {padding: 0; margin: 0 0 3px 15px;}
h3 {font-size: 16px; color: #fddc36; font-weight: bold;}
h4 {font-size: 11px; margin-bottom: 0;}
h5 {font-size: 12px; margin: 0; margin-left: 15px; padding: 0; background: url(../images/listek.gif) no-repeat left 5px; padding-left: 15px; margin-bottom: 10px;}

p {padding: 0; margin: 0; margin-bottom: 15px;}
a	{color: #fddc36; text-decoration: underline; font-weight: bold;}
a.listek {background: url(../images/listek.gif) no-repeat right 4px; padding-right: 15px; margin-right: 2px;}
a:visited {color: #e0dd99;}
a:hover {color: #fdc325; text-decoration: none;}
img.ram {padding: 6px; background: #749c00 url(../images/ramecek.jpg) repeat-x; border: 1px solid #9bb93f;}
input {vertical-align: -2px; margin-right: 5px;}
input, select, option, textarea {font-family: Tahoma, "Lucida Grande", Arial, sans-serif; font-size: 11px;}

span.cleaner	{display: block; clear: both;}
.cleaner	{clear: both; font-size: 0;}
.left		{text-align: left;}
.right	{text-align: right;}
.center	{text-align: center;}
.fr {float: right;}
.fl {float: left;}

/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
#web {width: 971px; margin: 0 auto; text-align: left; background: #7ea504 url(../images/bg-web.jpg) repeat-y 1px 0;}

#header {background: url(../images/header.jpg) no-repeat;	height: 244px; width: 971px; position: relative;}
	img#logo {position: absolute; left: 30px; top: 22px;}

#vnitrek {width: 971px; padding: 0px; font-size: 1.1em;}

#pravostred {float: right; display: inline;	width: 747px;}

#stred {float: left; display: inline;	width: 531px; background: url(../images/bg-stred.jpg) no-repeat; min-height: 450px; _height: 450px; font-size: 12px;}

#pravy {float: right; display: inline; width: 216px; background: url(../images/bg-pravy.jpg) repeat-x;}
	.ficur-pravy {background: url(../images/ficur-pravy.jpg) no-repeat; min-height: 450px; _height: 450px;}
#levy {float: left; display: inline; width: 224px; color: #fff; background: #7ea504 url(../images/bg-levy.jpg) repeat-x;}
  .ficur-levy {background: url(../images/ficur-levy.jpg) no-repeat 223px top; min-height: 450px; _height: 450px;}

#footer {height: 83px; background: url(../images/footer.jpg) no-repeat; position: relative; text-align: center;}
	#copyright {position: absolute; right: 30px; bottom: 17px;}
		#copyright a {color: #fff;}
		#copyright a:visited {color: #fff;}
		#copyright a.ibis {background: url(../images/ikona-ibis.gif) no-repeat right center; padding-right: 15px; color: #41ff33;}

/* ----------------- MENU ------------------- */

ul#menu {position: absolute; left: 32px; bottom: 0;	margin: 0; padding: 0; height: 27px; list-style-type: none;	text-transform: uppercase; font-family: Verdana, Arial, Helvetica;}

ul#menu li {float: left; margin-right: 20px;}
ul#menu li.uvod, ul#menu li.eshop {width: 51px;}
ul#menu li.maloobchod, ul#menu li.velkoobchod, ul#menu li.repre {width: 96px;}
ul#menu li.kontakty, ul#menu li.prodejny {width: 74px;}
ul#menu li.servis {width: 122px;}
ul#menu li.kariera {width: 64px;}
ul#menu li.novinky {width: 98px;}
ul#menu li.autodoprava {width: 98px;}

ul#menu a, ul#menu span {color: #fff;	display: block; height: 13px;	text-decoration: none; padding-top: 2px; padding-bottom: 10px; font-weight: normal; text-align: center;}

ul#menu li a:hover, ul#menu li span{background-position: center 0;}

li.uvod a, li.eshop a, li.uvod span, li.eshop span {background: url(../images/hover-uvod.gif) no-repeat 0 -25px;}

li.maloobchod a, li.velkoobchod a, li.repre a, li.maloobchod span, li.velkoobchod span, li.repre span {background: url(../images/hover-maloobchod.gif) no-repeat 0 -25px;}

li.kontakty a, li.kontakty span, li.prodejny a, li.prodejny span {background: url(../images/hover-interiery.gif) no-repeat 0 -25px;}

li.servis a, li.servis span {background: url(../images/hover-servis.gif) no-repeat 0 -25px;}

li.novinky a, li.novinky span {background: url(../images/hover-autodoprava.gif) no-repeat 0 -25px;}

li.kariera a,  li.kariera span {background: url(../images/hover-kariera.gif) no-repeat 0 -25px;}

li.autodoprava a, li.autodoprava span {background: url(../images/hover-autodoprava.gif) no-repeat 0 -25px;}

/* ----------------- elementy LEVE strany ------------------- */

.levy-obsah {padding: 20px 30px 20px 20px; text-align: right; font-weight: bold; font-family: Arial, sans-serif;}
.levy-obsah img.bebel {vertical-align: -15px; margin-right: 5px;}


/* ----------------- elementy STRED ------------------- */
.stred-obsah {padding: 30px 23px 20px 28px;}
.stred-obsah img {margin-left: 15px;}
.stred-obsah .foto-popisek {text-align: left; margin-left: 15px; margin-bottom: 15px;}
.stred-obsah .foto-popisek img {margin: 0;}
.stred-obsah .foto-popisek p {text-align: center; margin: 0;}
a.novinka {color: #fff; font-size: 12px;}
a.novinka:visited {color: #fff;}
a.novinka:hover {color: #fff;}
a.cela-novinka {font-size: 10px; background-position: right 5px; position:relative; top:-12px;}
a.cela-novinka-pravy {font-size: 10px; background-position: right 5px;}
span.datum {font-size: 10px;}
p.no-bottom {margin-bottom: 0;}
form {background-color: #a2c600; border: 1px solid #317d24; margin: 0; padding: 15px; font-weight: bold; line-height: 12px; font-size: 11px;}
form label, form span {margin-right: 10px;}
form span.poznamka {vertical-align: top;}
form textarea {width: 360px; height: 70px; margin: 0; padding: 0;}
form input.odeslat {margin-left: 304px;}
img.repre {margin: 0; margin-right: 5px; margin-bottom: 10px; margin-top: 5px;}

form.odber {padding:10px; margin-top:20px; line-height:14pt;}
/*form.odber, form.odber a {color:white;}*/
form.odber input.kontaktni {border:1px solid #105409;}
form.odber p {margin:5px 0; line-height:12px;}

#mapa {position: relative; margin-left: 12px; margin-bottom: 20px; width: 511px; height: 244px;}
#mapa a.cr {position: absolute; background: url(../images/mapa-odkaz-cr.gif) no-repeat; width: 13px; height: 13px;}
#mapa a.krnov {left: 248px; top: 72px;}
#mapa a.havirov {left: 278px; top: 81px;}
#mapa a.trinec {left: 288px; top: 91px;}
#mapa a.vsetin {left: 258px; top: 123px;}
#mapa a.sr {position: absolute; background: url(../images/mapa-odkaz-sr.gif) no-repeat; width: 10px; height: 11px;}
#mapa a.bratislava {left: 213px; top: 195px;}

table#maloobchod {margin: 0 auto; padding: 0;}
table#maloobchod caption {text-align: left; margin: 0; padding: 0; padding-left: 15px; font-weight: bold; font-size: 13px;}
table#maloobchod td, table#maloobchod th {padding: 0; padding-right: 10px; padding-bottom: 20px; width: 112px;}
table#maloobchod th {padding-right: 8px; width: 108px; vertical-align: top;}

/*-stránkování-*/
table.strankovani {margin:5px 0 10px 0; width: 100%;}
table.strankovani tr td span, table.strankovani tr td a, table.strankovani tr td a:visited {border:1px solid #ddd; background:#fff; color:black; padding:1px 3px; margin-right: 5px; text-decoration:none; font-weight:normal;}
table.strankovani tr td a:hover {background:#FBC60E; border:1px solid #F7941D;}
table.strankovani tr td span {color:black; border: 1px solid #F7941D; background:#FBC60E;}
table.strankovani tr td {text-align: right;}

/* ----------------- elementy PRAVE strany ------------------- */
#pravy .pravy-obsah {padding: 30px 20px 20px 20px;}
#pravy .nadpis-novinka {font-weight: bold; font-size: 13px; margin-left: 25px; font-family: Verdana, Arial, Helvetica;}

.chyba	{color:#7F0000;}
.ok		{color:#084603;}

#vlajky	{position:absolute; top:35px; right:0px; width:130px;}
#vlajky a {color:#1E551B;}
#vlajky a img {vertical-align:-3px;}