@import url('global.css');
@import url('moduls.css');
@import url('menus.css?ver=1');
@import url('hotline.css');
@import url('forms.css');
@import url('style.css');

/* Vyska ramecku - odsazeni od horniho kraje obrazovky */
#top-margin {	height:40px;}
/* Sirka stranky zarovnani na stred a pozadi (svetle sede)*/
#top, #all {width:757px;margin:auto;}
#all {background:#C6C6C6; clear:left;margin-top: 20px; _margin-top: 6px;}
/* Horni cast obsahujici vyhledavani a ikonky, notifikace, hledani atp.. */
/* Odsazeni skupiny tlacitek zleva */
#top-l {margin-left:121px;}
/* vzhled odkazu -> spolu s plus zpusobi ze po oznaceni tlacitek sou mezi nimi symboly + */
#top-r a {width:15px; display:block; float:right; text-decoration:none; font-weight:bold; padding:0 0 0 7px; margin-left:6px; background:transparent url("./picture/mask/plus.gif") left center no-repeat;}
#top .active {color:#798080;}

/* Prava cast stranky - obsahuje horni menu a obsah clanku */
#right {float:left; width:576px;}
/* Leva cast */
#left {	float:left; width:180px;}

.top-logo2 {float:left; width:180px; height:157px; background:#FFF url("./picture/mask/bg_logo.jpg") 0px 1px no-repeat;}
.top-menu {float:left; height:39px; width:578px; background:#5F6D7D; border-bottom: 3px solid #FFF;}
.footer-menu {margin-left:0px; float:left;}

#tools-bar {float:left; width:300px; padding-bottom: 1px;}
#tools-bar-cz {float:right; width:300px; padding-top: 2px; font-size:10px;  color: #BFC5CB; text-align: right; }
#tools-bar-cz a{
color: #BFC5CB;
}
#tools-bar-cz a:hover{
color: #36B1FC;
}
#tools-bar-cz .active{
color: #FFF;
}

/* sirka odesilaciho tlacitka */
.submit {	width:20px;}
/* Trik pro zobrazeni + ka po oznaceni */
.plus {float:left; width:11px; height:14px;}
.icon {float:left; width:3px; height:14px;}

/* Pozadi (obrazky) pro jednotlive ikonky */
#top-menu a:hover, #tools-bar a:hover {background-position:0 -14px;}
#top1 {background:transparent url("./picture/mask/ico-home.gif") left top no-repeat;}
#top2 {background:transparent url("./picture/mask/ico-print.gif") left top no-repeat;}
#top3 {background:transparent url("./picture/mask/ico-contact.gif") left top no-repeat;}
#top4 {background:transparent url("./picture/mask/ico-webmap.gif") left top no-repeat;}
/* Styl pro element obsahujici stranku - pozadi - svetle sede... odeluje stranku od pozadi okna */
#page {width:758px;background:url('picture/mask/left-bg.gif') 0px 0px repeat-y; background-color:#003D6C; text-align:left;}

.h1-div {float:left;width:578px;background:#ffffff;}
.left-menu {float:left; background:#0B8EDE; width:170px;}




/* Modul rychla navigace */
.quicknav {font-size:11px; color:#FFF; float:left; padding:5px 0px 6px 16px; width: 562px; background:#295C84 }
.quicknav a, .quicknav span {display: block; float:left; white-space: nowrap; line-height: 150%;}
.quicknav a {display: block; float:left; color:#FDD103; text-decoration:none;}
.quicknav a:hover {color: #36B1FC; text-decoration:none;}
.quicknav span.last {color:#CCD8E2;}
.quicknav .sipka {float: left; background:transparent url("./picture/mask/sipka_bila.gif") 0px 8px no-repeat; padding: 0 0 0 10px; margin: 0 4px 0 0;}
.quicknav .first-sipka {margin-right: 5px}


#login-pz{padding-left: 125px;padding-top: 30px;}


/* LOGO - odsazeni */
.logo-img {margin-left:9px; margin-top:63px;}
/* Obsah clanku ... */
#in-page {overflow:auto; float:left; width:578px; background: #003D6C; padding-bottom: 1px;}
/* Barva textu v clanku ... jen pro id-text */
#text {overflow:auto; margin:20px 20px 0px 20px; padding-bottom: 35px;}
#hobr img {width:578px;}
/* Paticka - obsahujici text :Provozovano*/
#foot {width:756px; margin:4px auto; color:#AEB5BE;}
/* Paticka - jeji leva cast text (C) ...... */
.f-left {font-size: 10px; /*float:left; width:173px;*/ padding-left:5px; text-align:center; /*height: 40px */}
.f-left a { color:#AEB5BE; }
.f-left a:hover { color:#fff; text-decoration:none; }
/* Paticka - jeji "prava" cast provozovano */
.f-right {font-size: 10px; /*margin-left: 179px;*/ text-align:center; /*padding-right:5px;*/ padding:0 5px 0 5px; }
.f-right a {color:#AEB5BE;}

#mask-links { color:#a3a9b1; width:760px; margin:12px auto 20px auto; line-height:150%; font-size:85%; }
#mask-links a { color:#AEB5BE; }
#mask-links a:hover { color:#fff; text-decoration:none; }

.hide-h1 {color:#003F77; background:#C4E0F2;}

/* telo clanku, formatovani elementu */
#text {color:#CCD8E2;}
#text p {padding:3px 0px 2px 0px;}
.toppage {
  width:756px;height:116px;float:left;
}

.tabulka-formatovana {border: 2px solid #295C84;}
.tabulka-formatovana td {padding:3px;background-color:#F5F5F5; }
.tabulka-formatovana .radek-zahlavi td { 
  background-color:#7C7E7C;
  font-weight:bold;
  color:#fff;
}


/* seznam produktu */

.prod-box, .prod-box-withline {
font-size:12px;
text-align: justify;
float: left;
width: 538px;
margin: 0px 0px 16px 0px;
_margin: 0px 0px 16px 0px;
min-height:111px;
_height:111px;
padding: 0 0 5px 0;}


.prod-box-withline{border-bottom: 1px solid #38688C;}
.titulek{color:#FDD103;font-weight:bold;}
.prod-box img, .prod-box-withline img {border: 1px solid #FDD103; float: left;}
.prod-box div, .prod-box-withline div {width: 421px; float: right;}
.clr {clear: both; visibility: hidden; font-size: 1px; line-height: 1px;}



/* home clanek */

.home {
}

.home a.odkaz-sipka {padding-left:14px;background: url('picture/mask/sipka_modra.gif') 0px 2px no-repeat;line-height:14px;}


.home img{
border: 1px solid #B3D4F1;
}

.home a:hover img {
border: 1px solid #FDD103;
}



/*aktuality*/

.ikony{
margin-top: 25px;
}

.ikony img{
border: 1px solid #FDD103;
}

.ikony a:hover img {
border: 1px solid #36B1FC;
}

.img-odsazeni{
margin-right: 2px;
}

.novinky{
margin-top: 15px;
_margin-top: 26px;
padding-bottom: 8px;
border-bottom: 1px solid #38688C;
}


.datum{
font-size: 11px;
font-weight: bold;
color: #FFF;
}

.white{
font-size: 11px;
color: #FFF;
}

.napis{
color: #FFF;
}

.bold-link{
font-size: 12px;
font-weight: bold;
}

/* reference */
.reference{
margin-top: 21px;
_margin-top: 40px;
}

.reference img{

margin: 0px 11px 10px 0px;
border: 1px solid #FFF;
}


/*
    webmap
*/
#webmap {padding:15px 0 0 0;}
ul.webmap a { padding: 0 0 0 5px;}
ul.webmap li {list-style-type: none; border-left: solid 1px #D3D3D3; _border-left: 0;}
ul.webmap li.submenu {padding: 5px 0 5px 0}
ul.webmap {_border-left: solid 1px #D3D3D3; padding: 0 0 0 0px; _padding: 0; _margin: 0 0 0 10px;}

#news {padding-top:5px;}

.pz-login-form { width:290px !important; }
.pz-login-form .sub-prih { margin-right:3px !important;}

.pz-send-pass { width:238px !important; margin-right:3px;}
.pz-send-pass .sub-prih { margin-right:3px !important;} 
#form-send-pass { width:240px; margin-left: 149px;margin-top:30px;}

#user-data { padding:5px 5px 0px 13px; font-size: 10px;}
#user-data a {font-weight:bold; }
#user-data a:hover {color: #003D6C;}
#user-data strong { display:block; padding-bottom:2px; }


#shop-registration-contact { width:365px !important; margin:0 auto 0 auto;}
#shop-registration-contact .sub-prih { margin-right:50px !important;}
#shop-registration-contact #info-text { font-size:92%; }

#shop-registration-adress-billing { width:49%;float:left; padding:1px;}
#shop-registration-adress-delivering {width:49%;float:right; padding: 1px;}

#shop-registration-adress-billing,
#shop-registration-adress-delivering { height:260px; margin:0 0 15px 0; }
#shop-registration-adress-delivering table {float:right;width:100%;}
#info-text{margin: auto;}

.shop-separator-clear { clear:both; height:0; width:100%; }


/* nova registrace: volba zpusobu registrace */
#shop-registr-choice {margin:0 auto 1.5em auto; padding:5px 0 5px 5px; width: 330px; background:transparent !important; }
#shop-registr-choice .shop-regist-radio {border:none; width:15px; padding:0; margin:0 3px 0 5px; margin-bottom: -2px;}
#shop-registr-choice .sub-prih { margin-left:10px; float:none !important; display:inline; }

.br-small-height {font-size: 5px;}

/*  floati a celery */
.fl{float:left;} .fr{float:right;}
.clr{clear:both;overflow: hidden;line-height:0;font-size:0;} .clr-l{clear:left;} .clr-r{clear:right;}

/* popis, img */
div#text div.art_img { float: left; margin: 0px 10px 10px 0px; }
div#text div.art_popis { margin: 0px 0px 5px 0px; }