/* CSS Document */

body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
body {margin: 0px; padding: 0px;}

#main {width: 960px; margin: 0px auto; overflow: hidden;}
.h2odr { display: none;}

.req {font-size: 170%; color: #E80000; position: relative;}


a {text-decoration: underline; cursor: pointer;}
a.akttext {text-decoration: none;}
a:hover.akttext {text-decoration: underline;}
a.cena {line-height: 20px; text-decoration: none;}
a:hover.cena {line-height: 20px; text-decoration: none;}
a.aktmenu {line-height: 22px;}
a:hover.aktmenu {text-decoration: none;}
.alLeft { text-align: left;}
.alCenter { text-align: center;}
.wBold { font-weight: bold;}

.clear {clear: both; line-height: 1px;	font-size: 1px; padding: 0px;	margin: 0px;}
.clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px;}
.flLeft {float: left;}
.flRight {float: right;}
.delitko {height: 15px;}
.odtrzitko {height: 15px;}
.odtrzitko2 {height: 30px;}
.odtrzitko3 {height: 30px;}
.odtrzM {font-size: 6px; height: 6px;}
.odtrzSloupec {font-size: 1px; height: 1px; line-height: 1px; margin: 5px 0;}
.posBlock { height: 0px; position: relative;}
p.next { font-weight: bold; text-align: left; padding: 5px 0px 0 0px; margin-top: 5px;}

p, div, ul, ol, li, form, input, select, textarea, img {padding: 0px; margin: 0px;}
li {list-style: disc;}
img {border: none;}
.red {color: Red;}

/******************************************
*                 NADPISY                 *
******************************************/	
h1,h2,h3 {text-align: left; font-weight: bold; letter-spacing: -1px; padding: 3px 0 3px 6px; margin: 0px;}
h2 {font-size: 120%; letter-spacing: 0px;}
h3 {font-size: 110%; letter-spacing: 0px;}
h3 a {text-decoration: underline;}
h3 a:hover {text-decoration: none;}
h4,h5 {font-weight: bolder; text-align: left; line-height: 24px; padding: 0px;	margin: 0px;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
.or.mini { margin-top: 15px;}

.h3div {color: #696969; float:left; font-weight: bold; padding:4px 5px 4px 4px; font-size: 110%;}

/******************************************
*                FORM PRVKY               *
******************************************/
input,select,textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
input { padding: 1px; margin: 1px;}
select { padding: 1px; margin: 1px;}
.formButt { font-weight: bold; height: 20px; line-height: 20px; margin: 0px; padding: 0 5px; cursor: pointer;}
.formButt2 { font-weight: bold; height: 20px; line-height: 20px; margin: 0px; padding: 0 5px; cursor: pointer;}

.centrForm {padding: 20px 0 10px 0;}
.centrForm label {line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;}
.centrForm label {line-height: 18px; padding: 0 0 6px 0; clear: both; display: block;}
.centrForm label.fllabel {float: left; clear: none;}
.centrForm label.fllabel2 {float: left; clear: none;}
.centrForm label.fllabel2 input {vertical-align: top;}
.centrForm label span.descr {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}
.centrForm label span.descr2 {text-align: right; width: 175px; w\idth: 80px; padding: 0 15px 0 0; display: block; float: left;}


/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeSs {width: 20px;}
.sizeS {width: 50px;}
.sizeSm {width: 75px;}
.sizeM {width: 100px;}
.sizeMl {width: 125px;}
.sizeL {width: 150px;}
.sizeLl {width: 175px;}
.sizeXl {width: 200px;}
.sizeXxl {width: 225px;}
.sizeXxxl {width: 250px;}
.sizeMax1 {width: 349px;}
.sizeMax2 {width: 400px;}
.sizeMax3 {width: 450px;}
.sizeFull { width: 575px;}
html>body .sizeFull { width: 580px;}

/******************************************
*               TOP BANNER                *
******************************************/	
#topBanner {position: relative;}
#topBanner img {margin: 10px;}

/******************************************
*               SHOP LISTA                *
******************************************/	
#shopMenu { height: 22px;}
#shopMenu h2 { letter-spacing: -1px; padding:0px 5px; margin:0 5px 0 0; float: left; line-height: 22px;}
#shopMenu a { font-size: 90%; text-decoration: none; line-height: 22px; padding: 0px 10px; display: block; float: left;}
#shopMenu a img { padding: 2px 3px 0 0px; float: left;}

/******************************************
*               SKY BANNER                *
******************************************/	
#skyBanner {text-align: left; width: auto; height: auto; top: 12px; right: -220px; z-index: 100; position: absolute;}
#skyBanner img {padding: 0px; margin: 0px;}

/******************************************
*     HOME TOP NABIDKA A  ROZCESTNIK      *
******************************************/
.ieClear.home .topNab {width: 385px;}
.topNab {width: 295px; margin: 0 10px 0 0; padding: 0px; float: left;}
.topNab.noOds {margin: 0px; padding: 0px;}
.topNab.rozc {width: 294px; margin: 0px 5px 10px 5px; float: left;}

.topNab .obs {padding: 10px 10px 0 10px; text-decoration: none; display: block; cursor: pointer;}
.topNab .obs span { display: block;}
.topNab .obs .nadp {border: none; background: none; font-size: 110%; font-weight: bold; line-height: 110%; padding-bottom:8px; padding-left: 10px; overflow: hidden;}
.topNab .obs .text { line-height: 120%; font-size: 100%; padding-left: 123px;}
.topNab .obs .price {font-size: 140%; text-align: right; font-weight: bold; letter-spacing: -1px; margin-top: 5px; padding-top: 2px; padding-left: 10px;}
.topNab .top {height: 6px; line-height: 6px; font-size: 6px;}
.topNab .top div {height: 6px; line-height: 6px; font-size: 6px;}
.topNab .bott {height: 6px; line-height: 6px; font-size: 6px;}
.topNab .bott div {height: 6px; line-height: 6px; font-size: 6px;}


/******************************************
*                 HEAD                   *
******************************************/	
#headTop {margin: 0 auto; padding-top: 10px;}
#headTop a#logo { text-decoration: none; width: 210px; height: 66px; display: block; float: left;}
#headTop form { margin: 20px 0 0 52px; float: left; width:450px;}

#headTop .headRight {float: right; width: 248px;}
#headTop .headRight .headBanner { width: 248px; height: 32px; float:right;}

#headTop #defMenu { margin: 8px 2px 0 0; float: right;}
#headTop #defMenu a#oblib, a#mail, a#struk {text-decoration: underline;	padding: 3px 0 3px 0px; margin: 0 0 0 10px; float: left; display: block;}
#headTop #defMenu span { padding: 3px 0 0 10px; float: left; display: block;}
#search input, #search input.formButt{ float: left;}
#search input.okbut{ margin: 0 5px;}
#search input.searchbut{ *width:150px;}
#search div{ float: left; }
#search #search_product{ width: 242px; }


/******************************************
*                TOP MENU                 *
******************************************/
.buttPole {text-align: left; padding: 5px 10px 0 10px; height: 23px; position: relative;}
.buttPole a { text-transform: lowercase; text-decoration: none; padding: 2px 10px; float: left;}
#lang { position:absolute; right:10px; top:8px; z-index:auto;}
#lang a {border:1px solid #FFFFFF;display:block;float:left;height:13px;margin:0pt 2px;padding:0px;width:20px;}

/*** IMG cast hlavicky ************************************************/
#head { width: 600px; margin/*-bottom*/: 0 auto 13px auto;}
#headImg { text-align: left;height: 116px;}
#headImg h1 { border: none; background: none; font-size: 160%; line-height: 100%; letter-spacing: -1px; width: 580px; padding: 3px 0 0 10px;}
#headImg h1 span { font-size: 70%; font-weight: normal; line-height: 115%; letter-spacing: 0px; padding-top: 5px; display: block;}
#headImg div { border: none; background: none; font-size: 100%; line-height: 100%; letter-spacing: -1px; width: 580px; padding: 20px 0 0 10px; font-weight: normal; line-height: 115%; letter-spacing: 0px; padding-top: 5px; display: block;}
#headImg h2 { border: none; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 160%; line-height: 100%; letter-spacing: -1px; width: 280px; padding: 20px 0 0 10px;}
#headImg h2 span { font-size: 70%; font-weight: normal; line-height: 115%; letter-spacing: 0px; padding-top: 5px; display: block;}
#karty { background: url(../img/karty.gif) no-repeat; width: 71px; height: 79px; right: 0px; top: 24px;	position: absolute; z-index: auto; visibility: hidden;}
#headImg2 { width: 275px; height: 70px; right: 0px; top: -69px;	position: absolute; z-index: -10;}
#headImg3 { width: 133px; height: 119px; right: 162px; top: -83px;	position: absolute; z-index: auto; visibility: hidden;}
/*** USER ************************************************************/
#user {width: 170px; text-align: left; padding: 0px;}
#user .bordIn {	padding: 0px;}
#user h2 .h2odr { left: -11px; top: 0px;}
html>body #user h2 .h2odr { left: -6px;}
#user form {padding: 10px 10px 0 10px;}
#user form#log { padding-bottom: 10px;}
#user form#log .formButt2 { width: 100%;}
#user form#schranka { padding-bottom: 10px;}
#user form#schranka a { font-weight: bold;}
#user form#schranka a:hover { text-decoration: none;}
#user form p { line-height: 120%; margin: 0 0 5px 0;}
#user form p span.flForm { float: left; display: block; width: 35px; line-height: 20px;}
#user form .odtrzitko {height: 1px; line-height: 1px; background: none; margin: 10px 0;}
#user form a.userLink { margin: 5px 0 0 0px; display: block;}
#user form form input { font-weight: normal; /*float: left;*/}
#user form input.name { width: 140px; margin-bottom: 4px; /*float: left;*/}
#user form input.pasw {width: 140px; margin-bottom: 4px;}
#user form input#pokladna { background: url(../img/butt_pokladna.gif) no-repeat right center; border: none; color: #fff; font-size: 120%; /*letter-spacing: -1px;*/ font-weight: bold; text-align: left; width: 150px; height: 22px; line-height: 22px; margin: 0px; padding: 0 5px; cursor: pointer;}


#user form #basket ul#zbozi { padding-left: 0px; width: 138px;}
#user form #basket ul#zbozi li { list-style: none; float: left;}
#user form #basket ul#zbozi li.del { border: none; font-weight: bold; width: 15px; /*background: Aqua;*/}
#user form #basket ul#zbozi li.pol { width: 120px; /*background: Fuchsia;*/}
#user form #basket ul#zbozi li.end { border-bottom: none; }
#user form #basket ul#zbozi li a { text-decoration: none;}
#user form #basket ul#zbozi li a:hover { text-decoration: underline;}
#user form #pricesumm { font-size: 110%; font-weight: bold; padding: 5px; display: block;}

.basket_table .email_warning
{
  width: 300px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.basket_table .size90 {width: 90px;}
.basket_table .size24 {width: 24px;}



.headForm { height: 90px; margin: 20px 0 0 0; padding: 5px 5px 10px 5px; float: left; overflow: hidden;}
.headForm td { padding: 0px; margin: 0px; height: 20px; vertical-align: middle;}
.headForm input { padding: 1px; margin: 1px;}
.headForm select { margin: 0px; padding: 0px;}

#searchFrm { width: 270px; margin-left:95px;}
html>body #searchFrm { margin-left: 190px;}
#searchFrm  select { width: 132px;}

#logBl { width: 280px; margin-left:10px;}
form#log {}
form#log a {}



/******************************************
*                 OBSAH                   *
******************************************/
#CONTENT {margin: 15px auto 0 auto; /*background: Fuchsia;*/}
#flBlok { width: 790px; /*margin-top: 13px;*/ float: left; /*background: #FFD700;*/}
/******************************************
*                  LEFT                   *
******************************************/


#LEFT {text-align: left; width: 170px; float: left;}
#LEFT h2 {clear: both; position: relative; font-family: Tahoma;}
#LEFT h2, #LEFT div.extra { margin: 0px; padding: 0px; padding-left: 25px; height: 23px; line-height: 23px; overflow: hidden; font-weight: bold; font-size: 120%; clear: both; position: relative; font-family: Tahoma;}

/******************************************
*                MENU                     *
******************************************/
#menu {text-align: left;}
#menu a { text-decoration: none; height: 24px; line-height: 24px; padding: 0 10px 0 20px; /*padding: 5px 10px 5px 20px;*/ margin: 1px 0px; display: block; overflow: hidden;}
#menu a.akt {text-decoration: none;}
#menu a:hover {text-decoration: none;}
#menu.miniBl .bordIn { padding: 0px;}

#menu4 {text-align: left;}
#menu4 a { text-decoration: none; height: 24px; line-height: 24px; padding: 0 10px 0 20px; /*padding: 5px 10px 5px 20px;*/ margin: 1px 0px; display: block; overflow: hidden;}
#menu4 a.akt {text-decoration: none;}
#menu4 a:hover {text-decoration: none;}
#menu4.miniBl .bordIn { padding: 0px;}


#menu2 {text-align: left;}
#menu2 a { text-decoration: none; /*height: 24px;*/ line-height: 24px; padding: 0 10px 0 25px; /*padding: 5px 10px 5px 20px;*/ margin: 1px 0px; display: block; overflow: hidden;}
#menu2 a.akt {text-decoration: none;}
#menu2 a:hover {text-decoration: none;}
#menu2.miniBl .bordIn { padding: 0px;}

.newProducts {text-align: left;}
.newProducts a { text-decoration: none; /*height: 24px;*/ line-height: 15px; padding: 3px 10px 3px 20px; /*padding: 5px 10px 5px 20px;*/ margin: 1px 0px; display: block; overflow: hidden;}
.newProducts a.akt {text-decoration: none;}
.newProducts a:hover {text-decoration: none;}
.newProducts.miniBl .bordIn { padding: 0px;}
.newProducts p.next {border: none; margin: 0; padding: 0;}

#menu3 {text-align: left;}
#menu3 a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
#menu3 a.akt {text-decoration: none;}
#menu3 a:hover {text-decoration: none;}

.submenu {text-align: left; width: 170px; top: -1px;}
.submenu a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
.submenu a.akt {text-decoration: none;}
.submenu a:hover {text-decoration: none;}

.submenu2 {text-align: left; width: 170px; top: -1px;}
.submenu2 a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
.submenu2 a.akt {text-decoration: none;}
.submenu2 a:hover {text-decoration: none;}

#INFO {text-align: left;}
#INFO a { text-decoration: none; height: 24px; line-height: 24px; padding: 0 10px 0 25px; /*padding: 5px 10px 5px 20px;*/ margin: 1px 0px; display: block; overflow: hidden;}
#INFO a.akt {text-decoration: none;}
#INFO a:hover {text-decoration: none;}
#INFO.miniBl .bordIn { padding: 0px;}

/******************************************
*              NEWSLETTER                 *
******************************************/
#NEWSL {text-align: left;}
#NEWSL form .text {width: 100%;padding: 0 0 10px 0;}
#NEWSL form input.mail {width: 100px; /*float: left;*/}
#NEWSL form a#butt {text-decoration: none; width: 33px;	height: 22px; margin: 0 0 0 6px;	float: left; display: block;}
#NEWSL form a:hover#butt {text-decoration: none;}
#NEWSL form p {margin: 0 0 5px 0;}

/******************************************
*                REKLAMA                  *
******************************************/
.REKL {text-align: center; padding: 5px; margin: 0px;}

/******************************************
*                ANKETA                   *
******************************************/
#ANKETA {text-align: left; /*padding: 0 10px 10px 10px;*/}
#ANKETA .ankLine {font-size: 6px; height: 6px;}
#ANKETA p {padding: 6px 0 0 0;}
#ANKETA a {padding: 0 5px 0 0;}

/******************************************
*                 NEWS                    *
******************************************/
#NEWS span {font-size: 100%; /*font-weight: bold;*/}
#NEWS p {padding: 5px 0px;}
#NEWS a {text-decoration: underline;}
#NEWS a:hover { text-decoration: none;}

#NEWSHp span {font-size: 100%; /*font-weight: bold;*/}
#NEWSHp p {padding: 5px 0px;}
#NEWSHp a {text-decoration: underline;}
#NEWSHp a:hover { text-decoration: none;}

.news_pager {text-align: center;}

/******************************************
*                 CENTER                   *
******************************************/
.ieClear { /*background: Aqua;*/ width: 600px; padding: 0px; margin: 0px; overflow: hidden;}
.ieClear.home {width:780px;}

#CENTER.homeSize {width: 790px;}
#CENTER.homeSize #centerIN {margin-left: 0px; padding-left: 0px;}

#CENTER {width: 620px; float: left; /*overflow: hidden;*/ /*background: Aqua;*/}
#centerIN {text-align: left; padding: 0 10px; /*background: Fuchsia;*/}
#centerIN h1#link, #centerIN div#link, #centerIN div#link2 { font-size: 120%; margin-bottom: 4px; letter-spacing: 0px; font-weight: bold; padding: 4px 0 0 6px;}
#centerIN h1#link a, #centerIN div#link a, #centerIN div#link2 a { font-size: 100%; }

#centerIN h2 .h2odr { width: 600px; /*height: 23px; left: -12px; top: 0px; position: absolute; display: block; overflow: hidden;*/}
html>body #centerIN h2 .h2odr {background: url(../img/fl_nadp2.gif) no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; left: -6px; top: 0px;}


#centerIN h2 { margin-bottom: 0px; font-family: Tahoma; position: relative;}
#centerIN h2.mainTitle { font-size: 140%; }
#centerIN h1.mainTitle { font-size: 140%; margin: 0; padding: 0 0 0 6px; font-family: Tahoma; clear: both; letter-spacing: 0px;}
#centerIN h2.homeNadp { margin-bottom: 5px; font-family: Tahoma; position: relative;}
.newsh2{float: left; padding-bottom: 10px;}
div.allnews { float: right; font-size: 1.1em; }
a.allnews { font-size: 16; font-weight: bold; text-align: right; }

#centerIN h3#det { line-height: 24px; padding-right: 10px;}
#centerIN h3#det a {float: left;}
#centerIN h3#det span { display: block;}
#centerIN h3#det .kod { float: right; letter-spacing: 0px;}
#centerIN h3#det span.kod  span { font-size: 80%; font-weight: normal; display: inline;}
/*** Info blok ********************************************/
#centerIN div.info { /*width: 580px;*/ padding: 10px; margin-top: 10px;}
#centerIN div.info img { margin: 0 10px 10px 0; float: left;}
#centerIN .info h4 { font-size: 100%; padding: 0px; margin-bottom: 5px;}
#centerIN .info p {line-height: 140%; margin-bottom: 0px; padding: 0px; font-size: 14px;}
#centerIN .info p span.author {line-height: 60%; margin-bottom: 0px; padding: 0px; font-weight: normal;} 
#centerIN .info p.hodnText {line-height: 150%; margin-bottom: 15px;}
#centerIN .info p.hodnText span strong { font-size: 120%;}
#centerIN .info p.hodnText.end {margin-bottom: 0px;}
#centerIN .info p.backmenu { /*font-weight: bold;*/ text-align: right; padding: 0px; /*margin: 0px;*/}
#centerIN .info p.backmenu a { padding-right: 13px;}
#centerIN .info p img { margin: 0 10px 10px 0; float: left;}
#centerIN .info p a img { margin: 0 10px 10px 0; float: left;}
#centerIN .info ul {padding: 0 10px 0 25px;}
#centerIN .info li {line-height: 17px; padding: 0 0 10px 0;}

.iNews { padding: 0px;}
.iNews a { }
.iNews span { font-weight: bold; padding: 5px 10px; width: 70px; position: relative; top: -10px; left: -10px;}

.gallery { text-align: center; padding: 5px 0 5px 10px;}
.gallery a { text-align: center; vertical-align: middle; width: 104px; height: 70px; margin: 3px; display: block; overflow: hidden; float: left;}
.gallery a img { margin: auto;}

/*** Info blok 2 UPOZRNENI A CHYBOVE HLASKY ********************************************/
#centerIN div.info2 { padding: 10px; margin-top: 10px;}
#centerIN div.info2 p {  font-weight: bold; font-size: 120%;}
#centerIN div.info2 h4 { font-size: 150%; letter-spacing: -1px; padding: 0 0 5px 0; margin: 0px;}

#centerIN .produktDET .info { /*width: 560px;*/ margin: 0px; padding: 10px;}
#centerIN .produktDET .info .radekTP p { padding-right: 0px; margin: 0px;}
#centerIN .produktDET .info .radekTP.bg { }
/*** VARIANTY ********************************************/
#centerIN .prodObsah.info { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
#centerIN .produktDET .info.varianty { /*width: 580;*/ margin:0 0 10px 0; padding: 10px; border-top: none;}
#centerIN .produktDET .info.varianty h3 { background: none; border: none; padding: 0px; margin: 0px;}
#centerIN .produktDET .info.varianty h5 { font-weight: normal; line-height: 90%; margin: 10px 0;}
/*** Hodonoceni ********************************************/
#centerIN .produktDET .info.hodn { /*width: 580;*/ margin: 10px 0;}
#centerIN .produktDET .info.hodn .radio { position: relative; top: 2px;}
#centerIN .produktDET .info.hodn p { margin: 0 0 5px 0;}
#centerIN .produktDET .info.hodn h5 { padding: 0px;}
#centerIN .produktDET .info.hodn h5 span { font-size: 160%;}

/******************************************
*             PODR. FILTRACE              *
******************************************/
#podrFiltr {/*width: 274px;*/ margin: 0px 5px 20px 5px;}
#podrFiltr .obs {padding: 0px 10px;}
#podrFiltr #advSearch { padding: 10px 0 0 0;}
#podrFiltr #advSearch span { width: 75px;}
#podrFiltr #advSearch span.descr2 { width: 135px;}
#podrFiltr #advSearch .sizeMax3 { width: 430px;}
#podrFiltr .obs .col { width: 270px; float: left; /*background: Aqua;*/}
#podrFiltr .obs .col.end { border-right: none;}
#podrFiltr .top {height: 6px; line-height: 6px; font-size: 6px;}
#podrFiltr .top div {height: 6px; line-height: 6px; font-size: 6px;}
#podrFiltr .bott {height: 6px; line-height: 6px; font-size: 6px;}
#podrFiltr .bott div {height: 6px; line-height: 6px; font-size: 6px;}
#podrFiltr table {width: 98%;}

/******************************************
*              CENTR MENU                 *
******************************************/
#centerMENU a { height: 14px; width: 156px; padding: 5px 10px 5px 30px; margin: 0 2px 1px 2px; text-decoration: none; overflow: hidden; display: block; float: left;}

/******************************************
*             OBSAHOVE MENU               *
******************************************/
#linkMenu {width: 578px; padding: 5px 10px; margin: 5px 0;}
#linkMenu a { line-height: 20px; font-size: 110%;}
#linkMenu span { font-size: 80%; font-weight: normal;}

/******************************************
*            OVLADACI POLE                *
******************************************/
.poleOvl {height: 24px; text-align: left; margin: auto;}
.poleOvl h3 { padding: 4px 5px 4px 4px; float: left;}
.poleOvl a { position: relative; top: -1px; /*color*/}

.poleOvl form {line-height: 22px; float: left;}
.poleOvl form #producer { width: 200px;}
.srov { border: none; width: 16px; height: 16px; margin-top: 0px; cursor: pointer;}
.srov { background: url(../img/tl_srov.gif) no-repeat;}
html>body .srov {margin-top: 2px;}


/******************************************
*                PRODUKT                  *
******************************************/
.imgBlock {width: 100px; height: 100px; text-align: center; margin: 0px auto; display: block; /*float: left;*/ overflow: hidden; }
.imgBlock img { margin: 5px 0;}
.topNab .imgBlock { text-align: center; float: left; }


/*** PRODUKTY *************************************************************************/
.produkt { width: 295px; height: 225px; padding-bottom: 10px; margin: 0 10px 0 0; float: left; overflow: hidden; /*background: Aqua;*/}
.noOds { margin: 0px;}
.produkt h3 { font-size: 100%; letter-spacing: 0px; height: 34px; padding: 5px 10px 0 10px; overflow: hidden; border: none; background: none; /*border: solid 1px #000;*/}
.produkt h3 a { line-height: 11px; /*display: block;*/}
.produkt.s2 { width: 600px; height: 200px; margin-bottom: 10px; /*background: Aqua;*/}
.produkt.s2 h3 { font-size: 100%; letter-spacing: 0px; height: 24px; padding: 5px 10px 0 10px; overflow: hidden; border: none; background: none; /*border: solid 1px #000;*/}
html>body .produkt.s2 h3 { height: 20px;}
.produkt h3 a { line-height: 100%; /*display: block;*/}
/*** PRODUKT - radek SKLADEM a KOD *************************************************************/
.produkt .infoRadek {line-height: 24px; clear: both; padding: 2px 0;}
.infoRadek .skladem {text-align: left; line-height: 20px; padding: 0 0 0 10px; float: left;}
.infoRadek .skladem span {font-size: 130%; font-weight: bold;}
.infoRadek .kod {font-size: 110%; font-weight: bold; padding-right: 10px; float: right;}
.infoRadek .kod  span {font-size: 0.9em; font-weight: normal; display: inline;}
/*** PRODUKT - obsah *************************************************************/
.produkt .prodObsah {padding: 0 0 5px 0; /*background: Aqua;*/}
/* tato cast kodu plati i pro produkt DET */
.prodObsah .prodLeft {text-align: center; width: 110px;	padding: 0 0 0 10px; float: left;}
.prodObsah .prodLeft a {width: 100px;	height: 100px; display: block; overflow: hidden; float: none;}
.prodObsah .prodLeft a:hover { text-decoration: none; }
.prodObsah .prodLeft a img { margin: 5px 0;}
.prodObsah .prodLeft a img.topIco { display: none; visibility: hidden;}
html>body .prodObsah .prodLeft a img.topIco { margin: 0px; position: absolute; z-index: auto; display: block; visibility: visible;}
/* end */
.produkt .prodObsah .prodRight { width: 140px; text-align: left; padding-right: 10px; float: right;}
.produkt.s2 .prodObsah .prodRight { width: 410px; text-align: left; padding-right: 10px; float: right;}
.produkt .prodObsah .prodRight p.descr {height: 54px; overflow: hidden; /*background: Aqua;*/}
.produkt .prodObsah .prodRight p.price { height: 60px; margin-top: 6px; /*background: Aqua;*/}
/*** PRODUKT - paticka *************************************************************/
.produkt .prodFoot {}
.prodFoot a {text-decoration: none; width: 65px; line-height: 20px; padding: 0 5px 0 0px; margin: 0 1px; overflow: hidden; display: block; float: left;}
.prodFoot a:hover {text-decoration: underline;}
.prodFoot a.prodKoupe2 {color: #999;}
.produkt.s2 .prodFoot a.prodMail { /*margin-right: 270px;*/ margin-left: 7px;}
html>body .produkt.s2 .prodFoot a.prodMail { margin-left: 10px;}
/* cast kodu pro ceny */
.bezCena {font-size: 110%; text-decoration: line-through;}
.prodCena {font-size: 110%; font-weight: bold;}

/*** PRODUKT - DETAIL PRODUKTU *************************************************************/
.produktDET {/*color*/}
.produktDET .prodObsah {padding: 10px 0 0 0;}
.produktDET .prodObsah .prodLeft table#imgGall { margin: 0px; padding: 0px;}
.produktDET .prodObsah .prodLeft table#imgGall td { text-align: center; vertical-align: middle; width: 130px; height: 130px;}
.produktDET .prodObsah .prodLeft table#imgGall td img { margin: 5px; float: none;}
.produktDET .prodObsah .prodLeft table#imgGall td a { text-align: center; width: 130px; height: 130px; padding: 0 0 0 0px; display: inline; float: none;}
.produktDET .prodRight {width: 380px; text-align: left; padding-right: 10px; float: right;}
.produktDET .prodRight .kod { text-align: right;}
.produktDET .prodRight .kod span { font-weight: bold; font-size: 110%;}
.produktDET .prodObsah p {padding: 0 0 10px 0;}
.produktDET .prodFoot {height: 20px; padding: 0 10px;}
.produktDET .prodTable { /*width: 558px;*/ margin: 0px;}
.produktDET .prodTable th { padding: 4px;}
.produktDET .prodTable td { padding: 0 4px;}
#centerIN .produktDET .prodTable a { height: 20px; display: block;}
.produktDET .prodTable a.prodKoupe {line-height: 20px; text-decoration: underline;	padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;}
.produktDET .prodTable a:hover.prodKoupe { text-decoration: none;}

#products .prodTable td a.prodKoupe {height: 20px;line-height: 20px; text-decoration: underline;	padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;}
#products .prodTable td a:hover.prodKoupe { text-decoration: none;}

/*** Technicke parametry *************************************************************/
.produktDET .prodRight .radekTP { padding: 0 2px; margin: 0 0 1px 0; /*background: Blue;*/}
.produktDET .prodRight .left { width: 100px; float: left; font-weight: bold; /*background: Aqua;*/}
.produktDET .prodRight .left h2 {margin:0; padding: 0; font-size: 130%;}
.produktDET .prodRight .right { width: 265px; margin-left: 10px; float: left; /*background: Fuchsia;*/}
.produktDET .prodRight .price {font-size: 1.1em; padding-left:4px; font-weight: bold;}
/*** Koupe *************************************************************/
.produktDET .buy { margin: 15px 0 0 0;}
.produktDET .buy input { width: 20px; float: left;}
.produktDET .buy p { margin: 0 5px 0 0; float: left;}
.produktDET .buy p strong { line-height: 23px;}
.produktDET .buy span {line-height: 23px; margin: 0 5px; display: block; float: left;}
.produktDET .buy a.prodKoupe {text-decoration: none; width: 43px; font-weight: bold; line-height: 20px; padding: 0 5px 0 25px; margin: 0 1px; overflow: hidden; display: block; float: left;}
.produktDET .buy a.prodKoupe2 {text-decoration: none; width: 43px; font-weight: bold; line-height: 20px; padding: 0 5px 0 25px; margin: 0 1px; overflow: hidden; display: block; float: left;}
.produktDET .buy a { display: block; float: left;}
.produktDET .buy a:hover.prodKoupe { text-decoration: none;}


/*** PRODUKTY - doplnkove v detailu *************************************************************/
.ieClear.home .produktM { width: 187px;}
.produktM {width: 193px; height: 214px; margin: 0 10px 0 0; padding-bottom: 10px; overflow: hidden; float: left; /*background: Aqua;*/}
.produktM.noOds { margin: 0px;}
.produktM h3 { font-size: 100%; letter-spacing: 0px; height: 20px; overflow: hidden;}
.produktM h3 a  {line-height: 11px;}
.pr2 {height: 234px}

.produktM .infoRadek {line-height: 24px; clear: both; padding: 2px 0;}
.produktM .prodObsah {padding: 0 10px 5px 10px;}
.produktM .prodObsah a {width: 100px; height: 100px; text-align: center; display: block; overflow: hidden; }
.produktM .prodObsah .ceny {text-align: center; margin: 2px 0 0 0; font-size: 1.1em; font-weight: bold;}
.produktM .prodObsah .ceny .bezCena {font-weight: normal;}
/* html>body .produktM .prodObsah a { position: relative;} */
.produktM .prodObsah a:hover {/*color*/}
.produktM .prodObsah a img { margin: 5px 0;}
.produktM .prodObsah a img.topIco { display: none; visibility: hidden;}
html>body .produktM .prodObsah a img.topIco { margin: 0px; position: absolute; /*top: 0px; right: 0px;*/ z-index: auto; display: block; visibility: visible;}
.produktM .prodFoot {/*height: 20px; padding: 0 10px;*/}
.produktM .prodFoot a { width: 89px;}


/*** KONTAKT ****************************************************************************/
#kontLeft {	width: 300px;}
#kontRight { width: 170px;}
a#mapa { /*width: 170px; left: 380px;*/ padding: 0px; margin: 0px; display: block;}
a#mapa img { padding: 0px; margin: 0px; /*color*/}
p.kont {font-size: 110%; line-height: 140%; margin-bottom: 10px;}
.kont strong {font-size: 90%;}
#kont {padding: 20px 10px 10px 10px;}
#kont label {line-height: 20px; padding: 0 0 6px 0; display: block;	clear: both;}
/*#kont span {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}*/
#kont label {line-height: 20px; padding: 0 0 6px 0; display: block;	clear: both;}
#kont span.descr {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}


/******************************************
*                 RIGHT                   *
******************************************/
#RIGHT {text-align: center; width: 170px;	float: right; margin-bottom: 0px; overflow: hidden;}
#RIGHT #lang {width: 150px; margin-bottom: 12px; padding-left: 10px; padding-right: 10px;}
#RIGHT #lang a { width: 20px; height: 13px; padding: 0px; margin: 0 2px; display: block; float: left; }
#RIGHT #lang a#cz { background: url(../img/flag_cz.gif) no-repeat;}
#RIGHT #lang a#en { background: url(../img/flag_en.gif) no-repeat;}
#RIGHT #lang a#ger { background: url(../img/flag_ger.gif) no-repeat;}
#RIGHT h2 { clear: both; position: relative; font-family: Tahoma;}
#RIGHT h2 { margin: 0px; padding: 0 20px 0 10px; padding-right: 25px; height: 23px; line-height: 23px; overflow: hidden;}
#RIGHT h2.akt {clear: both;}
#RIGHT h2 a {width: 16px; height: 16px; line-height: 16px;  text-decoration: none; margin-top: 4px; display: block; float: right;}
#RIGHT .aktualnab {text-align: center;	/*padding: 10px;*/ margin: 0px;}
#RIGHT .aktualnab.textVyp {text-align: left;}


/******************************************
*                 FOOTER                  *
******************************************/
#FOOTER {text-align: left; width: 100%;}
#FOOTER .buttPole { border: none; width: 98%;}
#FOOTER .buttPole a { background: none; padding: 2px 10px; }
#DOWN-radek {/*height: 48px;*/	padding:  0 0 0px 0;}
#develop {font-size: 100%; line-height: 36px;	width: 350px; padding-left: 10px; float: left;}
#optim {font-size: 100%;	line-height: 36px; text-align: right; width: 390px; padding-right: 10px; float: right;}
#optim strong {font-size: 100%;}

/******************************************
*                 KOSIK                  *
******************************************/
/*** KOS TABULKA *******************************************************************/
.kosTable { border: none; width: 90%; w\idth: 100%; /*background: Blue;*/}
.kosTable a.rel {width: 24px; height: 24px; text-decoration: none; display: block;}
.kosTable th {font-size: 110%; text-align: center; padding: 2px;}
.kosTable tr td {font-size: 100%; padding: 0 2px;}
.kosTable tr.link3 td {/*font-size: 11px;*/ font-weight: bolder;}
.kosTable tr.linkFin td { font-size: 140%; letter-spacing: 0.5%; font-weight: bold; padding: 2px;}
.kosTable tr.linkFin .orBg { font-size: 110%; font-weight: normal; }
.kosTable tr.linkFin .orBgBold { font-size: 110%;}
.kosTable2 {border: none; width: 90%; w\idth: 100%; margin: 10px 0;}
.kosTable2 td { vertical-align: top;}
.kosTable2 td p { padding-top: 4px;}
.kosTable2 td p label{ padding: 0px; margin: 0px;}
html>body .kosTable2 td p { padding-top: 0px;}
.kosTable2 td input { margin: 0px; padding: 0px;}
/*** PRODUKT TABULKA *******************************************************************/
.prodTable {width: 100%; margin: 0px; /*background: Aqua;*/}
.prodTable tr td { padding: 2px;}
.prodTable .prev { text-decoration: none; width: 16px; height: 16px; display: block;}
.prodTable a.prodKoupe {text-decoration: none; width: 58px; font-weight: bold; line-height: 20px; padding: 0 5px 0 25px; margin: 0 1px; overflow: hidden; display: block;}
.prodTable a.prodPodr {/*width: 55px; w\idth: 35px;*/ height: 16px; padding-left: 20px; display: block; text-decoration:none;}
.prodTable a.del {/*width: 55px; w\idth: 35px;*/ height: 16px; padding-left: 20px; display: block; text-decoration:none;}

/******************************************
*           SROVNANI VYROBKU              *
******************************************/
.srovLeft {width: 400px; w\idth: 380px; float: left; padding: 10px; }
.srovLeft h3.det a {float: left;}
.srovLeft h3.det span { display: block;}
.srovLeft h3.det .kod { float: right; letter-spacing: 0px;}
.srovLeft h3.det span.kod  span { font-size: 80%; font-weight: normal; display: inline;}
.srovLeft .produktDET .prodObsah { /**/}
.srovLeft .produktDET .prodObsah .prodRight {width: 380px; w\idth: 360px; text-align: left; padding: 0 10px; float: none;}
.srovLeft .produktDET .prodObsah .prodLeft {width: 380px; w\idth: 360px;  text-align: center; padding: 0 10px; float: none;}
.srovLeft .produktDET .prodObsah .prodLeft p {padding: 0 18px 10px 0; float: left;}
.srovLeft .produktDET .prodObsah .prodLeft p a {width: 100px;	height: 160px; display: block; overflow: hidden;}

/******************************************
*           ZALOZKOVE MENU                *
******************************************/
#zalozkMenu { height: 10px; }
#zalozkMenu a { float: left; display: block; padding: 5px 10px; margin-right: 2px;}
#zalozkMenu a.act { font-weight: bold; text-decoration: none;}

/******************************************
*                DISKUZE                  *
******************************************/
.diskuze th { padding: 2px 4px; }
.diskuze th span { font-weight: normal; }
.diskuze th.rightBl { text-align: right; width: 113px;}
.diskuze td {padding: 4px;}
.margin00 { margin-left: 0px;}
.margin00 th.leftBl { width: 425px;}
.margin01 { margin-left: 10px;}
.margin01 th.leftBl { width: 415px;}
.margin02 { margin-left: 20px;}
.margin02 th.leftBl { width: 405px;}
.margin03 { margin-left: 30px;}
.margin03 th.leftBl { width: 395px;}
.margin04 { margin-left: 40px;}
.margin04 th.leftBl { width: 385px;}
.margin05 { margin-left: 50px;}
.margin05 th.leftBl { width: 375px;}
.margin06 { margin-left: 60px;}
.margin06 th.leftBl { width: 365px;}
.margin07 { margin-left: 70px;}
.margin07 th.leftBl { width: 355px;}
.margin08 { margin-left: 80px;}
.margin08 th.leftBl { width: 345px;}
table.diskForm  { margin: 0 0 0 10px;}

/******************************************
*                 PAGER                   *
******************************************/
.PAGER {/*line-height: 20px;*/ padding: 6px 6px 0 6px;}
html>body .PAGER { /*line-height: 20px;*/ padding: 6px;}
.PAGER .detailFoot{font-weight: bold; color: #000; margin-left: 80px; padding: 4px 0;}
.PAGER .detailFoot h2{display: inline;}
.PAGER div.pocet {line-height: 20px; float: left;}
.PAGER form {height: 20px; padding: 0 20px 0 6px; float: left;}
.PAGER span {line-height: 20px; padding: 0 6px; display: block; float: left;}
.PAGER form input, select {margin-top: 0px; margin-bottom: 0px;}
.PAGER form select {width: 45px;}
.PAGER form input {width: 25px; float: left;}
.PAGER form input.butt {width: 30px;}
.PAGER .listovani {/*width: 136px; */ padding: 0 20px 0 6px; float: left;}
.PAGER .listovani a {width: 15px; height: 20px;	text-decoration: none; display: block;}
.PAGER .listovani a.list-l {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left;}
.PAGER .listovani a.list-r {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left;}

.PAGER a.back {font-weight: bold; line-height: 20px; text-decoration: underline;	float: left; display: block;}
.PAGER a.prodKoupe {line-height: 20px; text-decoration: underline;	padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;}
.PAGER a:hover.prodKoupe { text-decoration: none;}
.PAGER a.prodMail {line-height: 20px; text-decoration: underline;	padding-left: 20px; width: 95px;	w\idth: 75px; float: right; display: block; margin-right: 6px;}
.PAGER a:hover.prodMail {text-decoration: none;}
.PAGER a.prodPrint {line-height: 20px; text-decoration: underline; padding-left: 20px; width: 80px; w\idth: 60px; float: right;	display: block; margin-right: 6px;}
.PAGER a:hover.prodPrint {text-decoration: none;}
.PAGER a.prodDownl {line-height: 20px;	text-decoration: underline; padding-left: 20px;	width: 100px;	w\idth: 80px;	float: right; display: block; margin-right: 6px;}
.PAGER a:hover.prodDownl {text-decoration: none;}

/******************************************
*           NAHLEDY IMG JAVA              *
******************************************/
.miniBl {padding: 0px; overflow: hidden;}
.miniBl .blInOds { text-align: left; height: 100%; padding: 0 7px; overflow: hidden;}
.miniBl .bordIn { text-align: left; height: 100%; padding: 0 7px; overflow: hidden;}
.miniBl h3 { padding: 0 0 5px 0;}
.miniBl h3 a { color: #fff;}
.miniBl .top {height: 6px; line-height: 6px; font-size: 6px; overflow: hidden;}
.miniBl .top div {height: 6px; line-height: 6px; font-size: 6px;}
.miniBl .bott {height: 6px; line-height: 6px; font-size: 6px; overflow: hidden;}
.miniBl .bott div {height: 6px; line-height: 6px; font-size: 6px;}
.miniBl .infoRadek { padding: 2px 8px;}
.miniBl .prodFoot { padding: 0px; margin: 0px auto;}
.miniBl .prodFoot a { text-align: left; width: 43px; text-decoration: none; margin: 0 0 0 1px; display: block; float: left;}
html>body .miniBl .prodFoot a {margin: 0 1px; }
.miniBl .prodFoot a:hover { text-decoration: underline;}

div .top {height: 6px; line-height: 6px; font-size: 6px;}
div .top div {height: 6px; line-height: 6px; font-size: 6px;}
div .bott {height: 6px; line-height: 6px; font-size: 6px;}
div .bott div {height: 6px; line-height: 6px; font-size: 6px;}

#smallDiv { padding: 12px; visibility: hidden; position: absolute; z-index: 100; overflow: hidden;}
#smallDiv img { margin-top:10px;}
#smallDiv a {	text-decoration: none;}


#rool { width: 155px; height: 60px; overflow: auto;}

#user form #basket #rool { width: 155px; height: 140px; overflow: auto;}

.scrollBl {	width: 160px; padding: 0px; overflow: auto; }
.scrollBl.topBox { /*height: 150px;*/}
.scrollBl.uniBox { height: 350px; background: none; }

.topBox ol li { padding: 3px 2px; /*padding: 0px;*/ list-style: decimal inside; font-size: 90%; }


#partners { padding: 5px 10px; margin-bottom: 10px;}
#partners h2 { padding: 0px;}


#centerIN fieldset { margin-top: 10px; padding: 10px;}
#centerIN fieldset table { padding: 0px; margin: 2px 0 0 0;}
#centerIN fieldset p { padding: 0px; margin: 4px 0;}
#centerIN fieldset textarea { width: 540px;}
#centerIN fieldset textarea.notes { width: 465px;}
#centerIN legend { font-weight: bold; border: solid 1px #dee4f0; padding: 5px;}


.wswg { padding: 0 10px; /*margin-bottom: 20px;*/}
.wswg h3 { font-family: Tahoma; padding: 0px; margin: 10px 0 5px 0;}
.wswg p { margin-bottom: 10px;}
.wswg img { margin: 5px 10px 10px 0;}

/*** TABULKA IMG KATEGORIE *******************************************************************/
#tableKateg { width: 100%}
#tableKateg td { text-align: center; /*width: 100px; overflow: hidden;*/ }
#tableKateg td a { width: 150px; overflow: hidden; font-weight: bold; display: block; text-decoration: none; margin: 0 auto 3px auto; padding: 0px; /*cursor: pointer;*/}
#tableKateg td a:hover { /*text-decoration: underline;*/}
#tableKateg td a span { text-align: left; display: block; margin: 0px; padding: 0px;}
#tableKateg td a span.textKateg { height: 22px; padding: 8px 0 0 5px;}

#kontaktTable td { text-align: left; }

#logsBl { padding: 10px; text-align: center;}
#logsBl img { padding: 0 10px; }



/******************************************
 *  BLOK S ROLOVATKEM                     *
 *****************************************/ 
.miniBl .bordIn.scrlBl {padding: 5px; height: 80px; overflow: auto;}

div.info div.content { float: left; width: 70%;}
#centerIN div.info img.foto { }
#centerIN div.info div.fotodiv { float: right; position: relative; width: 160px; height: 160px;}
div.info div.books { float: left; position: relative; width: 580px;}


/******************************************
 *  AUTORI                                *
 *****************************************/ 
 
 div.alphabet {
  text-align: center;
  font-size: 13px;
 }
 
 h2.authorname {
  font-size: 22px;
 }
 
 #centerIN .info li { font-size: 14px;}
 div.author{ font-weight: bold; padding-left: 10px; height: 12px; overflow: hidden;}
  
/***** PURCHASE TEXT ***/
.purchase_text
{
  height: 90px;
  width: 596px;
  border: 1px solid #ECECEC;
  padding: 2px; 
}
.expeditionDate
{
  font-size: 1.2em;
  padding: 6px;
}
.podminky
{
  font-size: 1.2em;
  padding: 12px 6px 0px 6px;
}


h1.category 
{
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 0;
	font-family: Tahoma;
}

h2.subcategory 
{
	font-size: 1.0em;
	font-weight: normal;
	padding: 0;
}

.novyPopis
{
	padding: 0;
}

.novyPopis .kniha
{
	font-size: 1.2em;
}

.novyPopis .availability
{
	margin: 6px 0;
	font-size: 1.4em;
	font-weight: bold;
}

.novyPopis .availability .bigGreen
{
	color: #158320;
}

.novyPopis .availability .bigRed
{
	color: red;
}

.novyPopis .availability .doplnek
{
	font-size: 0.8em;
}

.novyPopis .buy
{
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.novyPopis .buy span, .novyPopis .buy input, .novyPopis .buy a
{
	float: none;
	display: inline;
}

.novyPopis .buy .ceny
{
	font-weight: bold;
	font-size: 1.2em;
	padding: 0;
	margin: 0 10px 0 0;
	text-align: center;
}

.novyPopis .buy .vase
{
	color: #158320;
	margin: 0 2px 0 0;
	float: none;
	display: inline;
	font-size: 1.4em;
}

.novyPopis .buy .bezna
{
	text-decoration: line-through;
	margin: 0 2px 0 0;
	float: none;
	display: inline;
	font-size: 1.4em;
}

#centerIN div.info .novyPopis .buy .koupit img, #centerIN div.info .novyPopis .buy .koupit2 img
{
	float: none;
	margin: 0;
	vertical-align: middle;
}

a:hover.koupit2 {color: #999; text-decoration: none; background: url(../img/tl_kosik_m.gif) 1px 0px no-repeat #dae6cd; cursor: not-allowed;}

a.zvyrazneniRed
{
	background-color: red;
}
.prodDownl
{
	display:block;
	float:left;
	margin-top:12px;
}

.advsearch{
    background-color: #DAE6CE;
    font-size: 14px;
    padding: 7px 0 7px 20px;
}

.x-combo-list-inner .search-item {
   font-size: 12px;
   margin: 3px 5px;
}
.x-combo-list-inner .search-item div {
    color: #222222;
    display: block;
    font-size: 12px;
    font-weight: bold;
}
.x-combo-list-inner .search-item div.category{
    font-weight: normal;
    font-size: 11px;
    color: #8A8F86;
}
.x-combo-list-inner .search-item span.store{
    color: #60893E;
    float: right;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
}