@import url('global.css');
@import url('moduls.css');
@import url('menus.css');


text-decoration: overline;
/* Vyska ramecku - odsazeni od horniho kraje obrazovky */
#top-margin {	height:20px;}
/* Sirka stranky zarovnani na stred a pozadi (svetle sede)*/
#top, #all {width:756px;margin:auto;}
#all {background:#FFF; clear:left; margin-top: 16px; text-align:left;}
/*xxx*/
#page {width:756px; background:url('picture/mask/left-bg.gif') 0px 0px repeat-y; background-color:#FFF; text-align:left;}

.top-menu {float:right; width:200px;}
.top-menu {height:96px;}


/* Horni cast obsahujici vyhledavani a ikonky, notifikace, hledani atp.. */
/* Odsazeni skupiny tlacitek zleva */
#top-l {margin-left:178px;}
/* 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:578px;}
/* Leva cast */
#left {	float:left; width:178px;}

.top-logo2 {float:left; width:178px;}

.top-logo2 {float:left; height:116px; background:#fff;}



/* sirka odesilaciho tlacitka */
.submit {	width:20px;}
/* Trik pro zobrazeni + ka po oznaceni */
.plus {float:left; width:11px; height:14px; background:url('picture/mask/plus.gif') 3px 7px no-repeat;}
.icon {float:left; width:3px; height:14px;}

/* Pozadi (obrazky) pro jednotlive ikonky */
#tools-bar {float:right; height:10px; padding-right: 5px;}
#tools-bar a:hover {background-position:0 -14px;}


#top-menu 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 */

#seznam{
margin-top: 20px;
margin-left: 10px;
}

#seznam ul{margin-left:10px;}
#seznam li {list-style-type:none; padding:3px; line-height: 14px;}
#seznam a {font-family: Verdana;
  display:block; 
  font-size: 11px;
  text-decoration:none; 
  padding-left: 13px; 
  color: rgb(16,16,16);
  background:transparent url("./picture/mask/sipka.gif") 0px 4px no-repeat;
}
#seznam a:hover {color: rgb(0,102,255); text-decoration: underline;}

.knizka{margin-bottom: 50px;}
.knizka h1{text-transform: none;}
.knizka li{list-style: none;}

.knizka img{float: left; margin: 5px 15px 5px 0;}
.knizka .autor{
font-style: italic;
margin-top: 10px;
margin-bottom: 10px;
}
.knizka .isbn{
float: left;
font-style: italic; 
}

.knizka .cena{
float: right;
font-weight:bold;
text-align: right; 
}
.knizka .old-cena{
float: right;
text-align: right; 
text-decoration: line-through;
color: red;  
}

img.n-img{
float: none;
margin: 0;
padding:0;
}

.h1-div {float:left;
width:578px;
height: 26px;
background:rgb(208,208,208);
}

.hide-h1 {
padding-top:4px;
padding-left:20px; 
color: rgb(96,96,96);
background:rgb(208,208,208);
}


.left-menu {float:left; background:#FFB225; width:178px;}

/* Modul rychla navigace */
.quicknav {color:#003F77;float:left;padding-top:2px;padding-left:10px; width:550px; background: url('picture/mask/plus2.gif') 4px 8px no-repeat;}
.quicknav a {color:#003F77;text-decoration:underline;}
.quicknav a:hover {text-decoration:none;}
.quicknav span.last {color:#003F77;}
.quicknav a.sipka {}


/* LOGO - odsazeni */
.logo-img {margin-left:15px; margin-top:18px;}
/* Obsah clanku ... */
#in-page {overflow:auto;float:left; width:578px;}
/* Barva textu v clanku ... jen pro id-text */
#text {overflow:auto;margin:40px 25px 60px 25px; padding-bottom: 1px;}
#hobr img {width:578px;}
#hobr span{display: none;}


#firma2{
float: left;
width: 270px;
height: 22px;
margin-top: 20px;
margin-left: 10px;
background: url('picture/mask/nakladatelstvi.gif') no-repeat;
}

#foot {width:756px; margin:4px auto; color: rgb(171,231,248);
font-size: 11px;
padding-bottom: 10px;
}
/* Paticka - jeji leva cast text (C) ...... */
.f-left {float:left; width:50%; text-align:left;}
/* Paticka - jeji "prava" cast provozovano */
.f-right {text-align:right;}
.f-right a {color:#B4DAF3;}




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

.tabulka-formatovana td {padding:3px 10px 3px 10px; background-color:#F5F5F5;}
.tabulka-formatovana .radek-zahlavi td { 
  background-color:#7C7E7C;
  font-weight:bold;
  color:#fff;
}
/*
    webmap
*/
#webmap {padding:15px 0 0 0;}
ul.webmap a {background: url('picture/mask/arrow_right_over.gif') no-repeat 5px 4px; 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;}

#toppage{
background: #FFF;
border-bottom: 4px solid #FFB225;
margin-bottom: 4px;
}
#toppage span {display:none;}


#formular{
margin-left: 50px;
margin-top: 50px;
}

#slevaa{
padding: 0px 0px 0px 330px
}

.buttons{
margin-left: 200px;
margin-top: 5px;
}

.stred{
width: 100%;
display: block;
text-align: center;
margin-top: 20px;
}

.red{
font-weight: bold;
color: red;
}

.puvodni{
font-weight:normal;
}

.skrk{
text-decoration: line-through;
}

#kosik{
float: right;
height: 34px;
width: 129px;
margin-top:63px;
background: url('picture/mask/kosik.gif') no-repeat;
}

#mazatko{
position:absolute;
top:884px;
left:330px;
width: 300px;
height: 40px;
background: white;
z-index:6;
}

.formpopis{
padding-top: 10px;
padding-bottom: 8px; 
}

.objbutton{
float: left;
text-align: right;
clear: both;
width: 100%;
padding: 5px 0 10px 0;
}

.objbutton input{
border: 1px solid #606060;
background: #ffff66;
padding: 1px 30px 1px 30px;
_padding: 0;
}