body {background-color: black; margin: 0px; padding: 0px; font-family:  'arial CE', arial, verdana; font-size: 0.7em; }

a {text-decoration: underline; color: #5edbff;}
a:hover {text-decoration: none; color: #5edbff;}

.fr {float: right;}
.bold {font-weight: bold;}
.right {text-align: right;}
.center, td.center {text-align: center!important;}
span.orange {color: #f9a400!important;}
.font11 {font-size: 11px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}

div#create {color: white; background-image: url('../img/bg-vyrobil.jpg'); height: 40px; width: 210px; background-repeat: no-repeat; background-position:  top right; width: 974px; text-align: right;}
div#create span {padding-top: 10px; position: relative; top: 15px;}
div#create span a {color: white; font-weight: bold;}
div#create img {float: right; margin-right: 1px; }
.top10 {margin-top:10px;}

#topbox {background-image: url('../img/i2-bottom-c.jpg'); background-position: bottom right; background-repeat: no-repeat; width: 974px;}
#leftbox {float: left; background-image: url('../img/bg_index2b_left.jpg'); background-position: top left; width: 312px; background-repeat: no-repeat;}
#rightbox {margin-left: 312px; width: 570px; position: relative; _left: -3px; border-left: 0px solid white; min-height: 750px;}

#left-menu {margin-top: 383px; width: 200px;}
#left-menu ul {margin:0; padding:0; list-style:none;}
#left-menu ul li {margin:0; padding:0; font-size:1.1em;}
#left-menu ul li a {text-decoration:none; font-weight:bold; padding:10px 0 3px 20px; display:block; width:170px; color:white; background: url('../img/menu-sipka.gif') no-repeat 0 80px;}
#left-menu ul li a:hover {color: #ffcc00; background-position:0 6px;}
#left-menu ul li a span span {color:#fda000;}
#left-menu ul li a span.nazev {background: url('../img/menu-bod.gif') no-repeat 0 5px; padding-left:14px; text-decoration:underline;}
#left-menu ul li a:hover span.nazev {text-decoration:none; background:none;}
/*--submenu adresy--*/
#left-menu ul li.adresa {font-size:0.9em;}
#left-menu ul li.adresa a span.nazev {padding-left:30px; background: url('../img/menu-bod.gif') no-repeat 15px 4px;}
#left-menu ul li.adresa a {font-weight:bold; padding:4px 0 4px 20px;}
#left-menu ul li.adresa a:hover {background-position:0 1px;}

#left-menu ul li.vakci a {background: url('../img/akce-menu-a.gif') no-repeat 15px 10px;}
#left-menu ul li.vakci span.nazev {background: none;}

ul.seznam {margin: 0; padding: 0;}
ul.seznam li {list-style: none; padding: 0px; padding-left: 18px;}
ul.seznam li a {color: white; padding-left: 5px;}
ul.seznam li a:hover {text-decoration: none;}

ul.akce-seznam ul {margin: 0; margin-left: 35px; padding: 0;}
ul.akce-seznam li {list-style: none; background: url('../img/akce-menu-a.gif') no-repeat 0 8px; padding: 5px 0 5px 22px;}
ul.akce-seznam li a {color: white;}
ul.akce-seznam li a:hover {text-decoration: none;}

#topmenu {width: 659px;}
#topmenu a img {border-width: 0px;}
h1#nadpis-kosmetika {width: 550px; margin-top: 0; color: white; font-size: 11pt; padding: 8px; text-align: center;}
h1#nadpis-kosmetika-center {font-size: 11pt; padding: 0px; margin: 0; text-align: center;}

#hlavni-text {margin-top: 30px; font-size: 11px; line-height: 14px; color: #fff; width: auto;}
#hlavni-text h2 {margin: 0px; padding: 0px; font-size: 14px;}
#hlavni-text .zvyrazni {color: #F9A400; font-weight: bold;}
#hlavni-text a img {border: none;}

.akce-info {margin-top: 30px; font-size: 12px; line-height: 20px; color: #fff; width: 100%; min-height: 626px; _height: 638px;}
.akce-info h2 {margin: 0px; padding: 0px; font-size: 16px;}
.akce-info h3 {margin: 0px; padding: 0px; font-size: 14px; color: #F9A400;}
.akce-info h4 {margin: 0px; padding: 0px; font-size: 12px;}
.akce-info .zvyrazni {color: #F9A400; font-weight: bold;}
.akce-info p.nadpis {color: #f9a400; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.akce-info ul {margin: 0; padding: 0; margin-left: 30px; padding-bottom: 15px;}

/* styly k akci LUXURA GT */
.gt {text-align: center; margin-top: 10px; color: #fff; line-height: 23px; font-size: 12px;}
.gt p {margin: 0;}
.red {color: #cc0017; font-weight: bold;}
.orange {color: #f9a400; font-weight: bold;}
.orange2 {color: #ff5400; 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;}
.dalsi-foto {padding-right: 7px;}
.dalsi-foto a img {border: none !important; margin: 0; padding: 0;}
.dalsi-foto a {border: none !important; color: black;}
table.funkce {margin: 0; padding: 0; text-align: left; line-height: 16px; margin-top: 10px;}
table.funkce td {vertical-align: top; padding-right: 10px; padding-bottom: 10px;}
table.funkce td img {margin-top: 5px;}
.info-finance {margin-left: 51px; text-align: left; font-size: 13px; line-height: 18px;}

/* hapro */
.hapro {line-height: 16px;}
p.cenaHapro {font-weight: bold; font-size: 21px; line-height: 22px; position: relative; top: -6px;}
.textBg {background: url('../img/akce-hapro-bg.jpg') no-repeat center top; min-height: 54px; _height: 54px; padding-top: 6px;}
.infoHapro {text-align: left; margin: 0 auto; padding: 27px 0 0 35px;}
.hapro .odsazeni {margin-left: 35px; text-align: left;}
.hapro ul.odsazeni {margin: 0; padding: 0; margin: 10px 0 18px 55px;}
.hapro .dalsi-foto {padding-right: 0px;}
.hapro .dalsi-foto img {margin: 0px 8px;}

/* vibrasystém Shark */
.vibra {width: 570px; text-align: left; line-height: 17px; /*border: 1px solid white;*/}
.red-vibra {color: #dd0018;}
.blue-vibra {color: #2ea4d7; font-size: 18px;}
strong.blue-vibra {color: #2ea4d7; font-size: 12px;}
.seda-vibra {color: #b3b3b3;}
table.vibra-nadpis {margin: 0 auto; margin-bottom: 15px; padding: 0;}
table.vibra-nadpis td {vertical-align: middle; padding: 0px 10px 0px 0; line-height: normal;}
.vibra table.funkce {margin: 0; padding: 0; text-align: left;}
.vibra table.funkce td {vertical-align: middle; padding: 0 25px 8px 0;}
.vibra table.funkce td img {padding: 4px; border: 1px solid #2f98d1; margin: 0; display: block;}
.vibra table.funkce td div {width: 205px; background: #0c1f2e; padding: 4px 0px 6px 0; line-height: 20px;}
.vibra table.funkce td strong {border-bottom: 2px solid #000; display: block; padding-bottom: 4px; margin-bottom: 2px;}
.vibra table.funkce td span, .vibra table.funkce td strong {padding-left: 10px;}
.vibra p {padding-bottom: 15px;}

/* ------------------------------ */

div#seznam-box {width: 450px;}

div.box-kosmetika {width: 185px; background-image: url('../img/box-kosmetika-bg.jpg');  background-repeat: repeat-y;
  background-position: top left; float: left; margin-right: 30px; margin-top: 30px;}
div.box-kosmetika img.bottom {position: relative; top: 3px;}
div.box-kosmetika-text {background-image: url('../img/box-kosmetika-top.jpg');  height: 340px;
  background-position: top left; background-repeat: no-repeat;  padding: 20px; padding-right: 10px;}
div.box-kosmetika-text p {color: white; font-size: 1.1em; margin: 0px; padding: 0px; }
div img.foto-kosmetika {border: 3px solid white; float: left; margin-right: 10px; margin-bottom: 10px;}

.prace {margin-top:15px; width:175px; background: url('../img/box-prace-stred.gif') repeat-y; position:relative; color:white; margin-left:15px;}
.prace-top {background: url('../img/box-prace-top.gif') no-repeat;}
.prace-bottom {background: url('../img/box-prace-bottom.gif') no-repeat; height:17px;}
.prace h3	{font-size:11pt; margin-left:65px; padding-top:13px;}
.prace p {margin: 0 15px;}
.prace a {font-size:12px; color:white; padding-right:15px; background: url('../img/menu-bod.gif') no-repeat right 4px; margin-left:20px; font-weight:bold;}
.page-prace {padding-left: 25px; font-size: 13px; line-height: 22px;}
.page-prace a {color:white; background: url('../img/menu-bod.gif') no-repeat left 4px; font-weight:bold; padding-left:10px; margin-left:5px;}
.page-prace a:hover, .prace a:hover {text-decoration:none;}
.page-prace h1 {font-size:14pt; padding-top: 45px;}

a.vanoce-levy    {background: url('../img/vanoce-levy.gif') no-repeat; display:block; width:173px; height:138px; position:relative; color:white; margin-left:15px; margin-top:15px;}
a.vanoce-levy span {color:white; font-size:10px; text-align:right; width:150px; position:absolute; bottom:16px; left:8px; cursor:pointer;}
a.vanoce-levy:hover {text-decoration:none;}

