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

body {background: #000 url(../img/uvod-body.gif) repeat-x; margin: 0px; padding: 0px; font-family: 'arial CE', arial, verdana; font-size: 62.5%; text-align: center; color: #fff;}

a {text-decoration: underline; color: #5edbff;}
a:hover {text-decoration: none; color: #5edbff;}
p {padding: 0; margin: 0; margin-bottom: 12px;}

.orange {color: #f9a400;}
.orange2 {color: #ff5400;}
.red {color: #cc0017; font-weight: bold;}
.nadpis-red {color: #cc0017; font-size: 24px; font-weight: bold;}
.nadpis-red2 {color: #ed2024; font-size: 21px; font-weight: bold; line-height: 32px;}
.nadpis-grey {color: #adadad; font-size: 16px; font-weight: bold;}
.nadpis-orange {color: #f9a400; font-size: 22px; font-weight: bold; line-height: 33px;}

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

#web {background: #000 url(../img/uvod-mapa_logo.jpg) no-repeat 0 43px; width: 958px; margin:0 auto; text-align:left; padding-top: 1px; font-size: 1.1em; min-height: 500px; _height: 500px; position: relative;}

#top-menu {width: 697px; margin: auto; padding-left: 25px;}
	img.menu-but {margin: 0px; border-width: 0px; padding: 0px;}

#nadpis1 {position: absolute; left: 373px; top: 64px; width: 495px; height: 19px; z-index: 10;}
#nadpis2 {position: absolute; left: 502px; top: 97px; width: 409px; height: 19px; z-index: 10;}

#levy {float: left; display: inline; margin-top: 131px; width: 567px;}
#pravy {float: right; display: inline; margin-top: 60px; width: 391px; line-height: 17px;}

div#create {color: white; background-image: url('../img/bg-vyrobil.jpg'); height: 55px; background-repeat: no-repeat; background-position: top right; width: 900px; text-align: right;}
div#create span {padding-top: 10px; position: relative; top: 15px; right: 45px;}
div#create span a {color: white; font-weight: bold;}

/* elementy LEVY */
#mapa {position: relative; width: 490px; width: 528px; margin-left: 28px; height: 310px;}
p.legenda {position: absolute; left: 0; top: 230px;}
  p.legendaHolesov {position: absolute; left: 421px; top: 58px;}
#mapa p.legenda a {position: static; background: none; width: auto; color: #fff;}
img.ikona {vertical-align: middle; margin-bottom: 4px;}

#mapa a {background: url(../img/uvod-ikona-studio.gif) no-repeat; position: absolute; width: 11px; height: 11px; z-index: 0; cursor: pointer!important;}
#mapa a.nove {background-image: url(../img/uvod-ikona-nove.gif);}
#mapa a.virivka {background-image: url(../img/uvod-ikona-virivka.gif);}
#mapa a.klara {background-image: url(../img/uvod-ikona-klara.gif);}
#mapa a.vice-akci {background-image: url(../img/uvod-ikona-vice-akci.gif);}
#mapa a.centrum {background-image: url(../img/uvod-ikona-centrum.gif);}
#mapa a.akce {background-image: url(../img/uvod-ikona-studio_akce.gif);}
.bohumin-aquapark {left: 333px; top: 61px;}
.klara-bohumin {left: 343px; top: 67px;}
.klara-lutyne {left: 357px; top: 72px;}
.cesky-tesin {left: 405px; top: 123px;}
.frydek {left: 356px; top: 174px;}
.frydek2 {left: 344px; top: 178px;}
.frydek5 {left: 344px; top: 190px;}
.havirov {left: 360px; top: 114px;}
.havirov-sumbark {left: 360px; top: 126px;}
.hlucin {left: 285px; top: 58px;}
.holesov {left: 459px; top: 22px;}
.karvina {left: 388px; top: 91px;}
.novy-jicin {left: 253px; top: 193px;}
.opava {left: 226px; top: 46px;}
.opava-dolnak {left: 226px; top: 58px;}
.orlova {left: 372px; top: 80px;}
.orlova-lutyne {left: 362px; top: 87px;}
.ostrava-poruba1 {left: 294px; top: 114px;}
.ostrava-spalicek {left: 311px; top: 130px;}
.ostrava {left: 323px; top: 108px;}
.ostrava-privoz {left: 313px; top: 100px;}
.ostrava-ceskobratrska {left: 326px; top: 95px;}
.ostrava-belsky-les {left: 299px; top: 131px;}
.ostrava-masaryk {left: 338px; top: 104px;}
.trinec {left: 430px; top: 165px;}

#mapa a span.okno {visibility: hidden; position: absolute; right: 5px; bottom: 5px; width: 138px; padding: 3px 10px; background-color: #0d384e; border: 1px solid #318da7; color: #fff; font-size: 11px;}
#mapa a:hover span.okno {visibility: visible;}
#mapa a:hover {z-index: 100; visibility: visible;}
#mapa a span.okno span {color: #f9a400; font-weight: bold;}
#mapa a span.okno span.akcni {background: url(../img/uvod-ikona-studio_akce.gif) no-repeat 0 2px; padding-left: 15px; color: #fff; font-weight: normal;}

.info {font-size: 12px; margin-left: 28px; line-height: 18px; margin-top: 45px;}
.info p.nadpis {color: #f9a400; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.velkoobchod, .solaria {width: 230px; margin-right: 40px; margin-top: 15px; float: left;}
.solaria {margin-right: 0px;}
.info ul {list-style-type: none; padding: 0; margin: 0;}
.info ul li {margin-bottom: 4px;}
.info .pozadi {width: 148px; font-weight: bold; margin-bottom: 12px; position: relative; left: -5px;}
.info .pozadi a {color: #fff;}
.info .pozadi-right {background: #cc0017 url(../img/uvod-bg-nadpis-red-r.gif) no-repeat right top; height: 26px;}
.info .pozadi-left {background: url(../img/uvod-bg-nadpis-red-l.gif) no-repeat; height: 24px; padding-top: 2px; padding-left: 13px;}

.solaria .pozadi-right {background: #0d384e url(../img/uvod-bg-nadpis-blue-r.gif) no-repeat right top;}
.solaria .pozadi-left {background-image: url(../img/uvod-bg-nadpis-blue-l.gif);}

/* elementy PRAVY */
.box-svetly, .box-tmavy {background: url(../img/uvod-box_svetly-top.gif) no-repeat; width: 375px; padding-top: 5px; margin-bottom: 10px;}
.box-svetly-in, .box-tmavy-in {background: url(../img/uvod-box_svetly-repeat.gif) repeat-y; width: 375px;}
.box-svetly-bottom, .box-tmavy-bottom {background: url(../img/uvod-box_svetly-bottom.gif) no-repeat; width: 375px; height: 5px; font-size: 0;}
.box-svetly p {width: 210px; margin: 0; margin-left: 18px; padding-top: 10px; padding-bottom: 3px; position: relative; top: -4px;}
.box-svetly ul {margin: 0; margin-left: 18px; padding: 0; padding-left: 18px; padding-bottom: 3px;}
.box-svetly a.nadpis, .box-tmavy a.nadpis, .box-svetly span.nadpis, .box-tmavy span.nadpis {font-size: 12px; color: #f9a400; font-weight: bold;}
.box-svetly a.nadpis:hover, .box-tmavy a.nadpis:hover {color: #f9a400;}

.permanentka {background: url(../img/uvod-box-svetly-perm.gif) no-repeat 159px bottom; min-height: 100px; _height: 100px; width: 100%;}

.box-tmavy {background-image: url(../img/uvod-box_tmavy-top.gif);}
.box-tmavy-in {background-image: url(../img/uvod-box_tmavy-repeat.gif);}
.box-tmavy-bottom {background-image: url(../img/uvod-box_tmavy-bottom.gif);}
.box-tmavy p {width: auto; margin: 0; margin-left: 18px; padding-top: 10px; padding-bottom: 3px; position: relative; top: -4px;}
.box-tmavy a.nadpis, .box-tmavy span.nadpis {font-size: 11px;}


/* pobočky */
.pobocky-akce a, .pobocky-akce a.nove {background: url(../img/uvod-ikona-studio_akce.gif) no-repeat 0 2px!important}
.pobocky {background: url(../img/uvod-bg-pobocky.jpg) no-repeat; width: 289px; min-height: 180px; _height: 180px; float: left; display: inline; margin: 20px 0 30px 25px; line-height: 22px; font-size: 11px; padding-top: 12px;}
.pobocky span.nase-pobocky {color: #ff5400; font-weight: bold; padding-left: 36px;}
.pobocky a {color: #fff; text-decoration: underline; margin-left: 10px; padding-left: 26px;}
.pobocky a.akce {background: url(../img/uvod-ikona-studio_akce.gif) no-repeat;}
.pobocky a.nove {background: url(../img/uvod-ikona-nove_pobocky.gif) no-repeat;}
.pobocky a:hover {color: #fff; text-decoration: none;}
.pobocky a span {color: #f9a400;}
.pobocky a span:hover {text-decoration: none; color: #f9a400 !important;}

.carousel ul li, .carousel ul {list-style:none; margin:0; padding:0;}