/* CSS Document */


/*###########################################
tagy
###########################################*/
body{
color: #757373;
font-size: 11px;
font-family: Tahoma, Arial;
}
a img{
border: none;
}
a{
color: #1467b7;
}

/*###########################################
pomocne tridy
###########################################*/
.clear {
clear: both;
}
.print{
text-align: center;
}
.print a{
color: #1467b7;
}
/*########################################################
Systemove hlasky
########################################################*/
.error {
display: block;
color: #990000;
background: #FFA6A8;
border: #CC0000 1px solid;
padding: 10px;
}
.oki {
display: block;
color: #006600;
background: #C9FFBF;
border: #006600 1px solid;
padding: 10px;
}


/*###########################################
layout
###########################################*/
#page{
display: block;
margin: 0px auto 0px auto;
padding: 0px;
width: 1024px;
}


#page #footer {
font-size: 10px;
display: block;
color: #a7a7a7;
text-align: center;
border-top: 1px #e4e4e4 solid;
clear: both;
}

/*###########################################
header
###########################################*/
#page #header-div .logo {
clear: both;
float: left;
height: auto;
width: 200px;
padding: 20px 10px 0px 30px;
}
#page #header-div .header-user-info {
float: right;
height: auto;
width: 500px;
padding: 0px 20px 0px 0px;
text-align: right;
font-size: 10px;
}
#page #header-div .header-user-info a{
color: #1467b7;
}
#page #header-div .header-user-info a.kosik{
color: #757373;
text-decoration: none;
}
#page #header-div .header-user-info a.kosik:hover{
text-decoration: underline;
}
#page #header-div .header-user-info .radek {
margin: 7px 0px 5px 0px;
}
#page #header-div .header-user-info .radek .header-user-link-posunuty {
margin-left: 15px;
}


/*###########################################
menu
###########################################*/
/**/#page #menu {
background: #6cb1f1 url(images/menu-bg.jpg) no-repeat left top;
display: block;
height: 28px;
padding: 35px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}

#page #menu ul {
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 30px;
}

#page #menu li {
display: inline;
padding: 0px;
margin: 0px 20px 0px 0px;
}


#page #menu a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

#page #menu a:hover {
text-decoration: underline;
}


#page #menu ul {list-style-type:none; display: block;}
#page #menu ul.sub {list-style-type:none; margin: 0px 0px 0px 0px; padding: 5px; display: block; background: #1467b7;}
#page #menu li {float: left;}
#page #menu ul.sub li {margin: 0; padding: 0;}
#page #menu h3 {margin: 0px; padding: 0px; color: #ffffff;}
#page #menu h3 a {display: block; text-decoration: none; width: 100%; margin: 0px 0px 6px 0px;}
#page #menu h3 a:hover {color: inherit;}
ul.sub {position: absolute; z-index: 10; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/

.data ul.sub {visibility: visible;} /*kvůli zobrazeni v main - obsahu*/
#page #menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;font-size: 11px;}
#page #menu ul.sub li a {display: block; margin: 0; width: 150px; color: white; font-weight: normal;}
#page #menu ul.sub li > a {width: 140px;}
#page #menu ul.sub li a:hover {}
#page #menu ul.sub li ul{margin: 0px 0px 0px 10px;}
#page #menu ul li.main:hover h3 a {color: inherit;}
#page #menu ul li.main {position: relative;}
#page #menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
#page #menu ul li.main:hover ul.sub {visibility: visible;}



/*###########################################
obsah
###########################################*/
#page #main-container #main {
display: block;
float: left;
width: 780px;
padding: 0px;
}

#page #main-container #main .main-zahlavi h1 {
font-size: 12px;
font-weight: bold;
color: #979797;
text-align: right;
display: block;
float: left;
width: 230px;
padding: 0px;
margin: 0px;
}
#page #main-container #main .main-zahlavi .podtrh-zahlavi{
border-bottom: #eaeaea 1px solid;
width: 500px;
height: 14px;
display: block;
float: right;
}


/*###########################################
data
###########################################*/

#page #main-container #main .data{
width: 500px;
float: right;
text-align: justify;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}

#page #main-container #main .data p{
margin: 0px 0px 20px 0px;
}

#page #main-container #main .data h2{
color: #1268b7;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#page #main-container #main .data .input{
width: 100%;
}

#page #main-container #main .data a{
color: #1467b7;
}

/*###########################################
recenze
###########################################*/

#page #main-container #main .recenze{
margin-top: 20px;
}

/*###########################################
položka
###########################################*/
#page #main-container #main .polozka{
border-bottom: 1px dashed #dbdbdb;
clear: both;
margin: 0px 0px 10px 0px;
}
#page #main-container #main .polozka .polozka-img{
width: 230px;
float: left;
padding: 0px 20px 0px 10px;
}
#page #main-container #main .polozka .polozka-img img{
float: left;
margin-left: 15px;
}
#page #main-container #main .polozka .polozka-informace{
width: 500px;
float: right;
}
#page #main-container #main .polozka .polozka-informace h2{
color: #1268b7;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#page #main-container #main .polozka .polozka-informace h2 a{
text-decoration: none;
}
#page #main-container #main .polozka .polozka-informace strong.autor{
color: #000000;
font-size: 11px;
}
#page #main-container #main .polozka .polozka-informace p{
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
}


/*###########################################
pravý sloupec
###########################################*/


#page #main-container #right {
display: block;
float: right;
width: 181px;
text-align: justify;
padding: 0px 10px 0px 10px;
background: #ededed url(images/right-bg-top.gif) top right no-repeat;
}
#page #main-container #right .novinky-nadpis{
margin: 10px 0px 15px 0px;
display: block;
}
#page #main-container #right .novinky-spodek{
margin: 20px -10px 0px -10px;
background: #ededed url(images/right-bg-bottom.gif) bottom right no-repeat;
}
#page #main-container #right h2 {
font-size: 10px;
font-weight: bold;
float: left;
width: 110px;
padding: 0px;
margin: 0px;
}

#page #main-container #right .datum {
font-size: 10px;
font-weight: bold;
text-align:right;
float: right;
width: 65px;
}

#page #main-container #right p{
font-size: 10px;
margin: 0px;
margin-bottom: 20px;
padding: 0px;
clear: both;
}




/*###########################################
hodnoceni hvezdicky
###########################################*/

.hvezdicky{
width: 100px;
}
.hodnoceni-hvezdickami{
list-style:none;
margin: 0px;
padding:0px;
width: 75px;
height: 15px;
position: relative;
background: url("images/hvezdicky.png") top left repeat-x;
}

.hodnoceni-hvezdickami li{
padding:0px;
margin:0px;
float: left;
}

.hodnoceni-hvezdickami li a{
display:block;
width: 15px;
height: 15px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
color: #1467b7;
}

.hodnoceni-hvezdickami li a:hover{
background: url("images/hvezdicky.png") left center;
z-index: 2;
left: 0px;
}

.hodnoceni-hvezdickami a.jedna-hvezdicka{
left: 0px;
}

.hodnoceni-hvezdickami a.jedna-hvezdicka:hover{
width:15px;
}

.hodnoceni-hvezdickami a.dve-hvezdicky{
left:15px;
}
.hodnoceni-hvezdickami a.dve-hvezdicky:hover{
width: 30px;
}

.hodnoceni-hvezdickami a.tri-hvezdicky{
left: 30px;
}

.hodnoceni-hvezdickami a.tri-hvezdicky:hover{
width: 45px;
}

.hodnoceni-hvezdickami a.ctyri-hvezdicky{
left: 45px;
}

.hodnoceni-hvezdickami a.ctyri-hvezdicky:hover{
width: 60px;
}

.hodnoceni-hvezdickami a.pet-hvezdicek{
left: 60px;
}

.hodnoceni-hvezdickami a.pet-hvezdicek:hover{
width: 75px;
}

.hodnoceni-hvezdickami li.current-rating{
background: url("images/hvezdicky.png") left bottom;
position: absolute;
height: 15px;
display: block;
text-indent: -9000px;
z-index: 1;
} 
/*###########################################
	kosik
###########################################*/
.table{
	border-left: #b4c1cc 1px solid;
	border-top: #b4c1cc 1px solid;
	width: 100%;
}
.table td, .table td{
	margin: 0px;
	border-right: #b4c1cc 1px solid;
	border-bottom: #b4c1cc 1px solid;
	padding: 5px 5px 5px 5px;
}
.table th{
	background: #6cb1f1;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
}
.table td a{
	color: #1467b7;
}
.submit-kosik{
	display: none;
}
/*###########################################
	objednavka
###########################################*/
th.datum{
width: 80px;
}
th.cena{
width:80px;
}
th.stav{
width: 80px;
}
th.isbn{
width: 90px;
}
th.pocet{
width: 30px;
}
th.cena-celkem{
width: 80px;
}
td.datum{
text-align: center;
}
td.cena{
text-align: right;
margin-right: 5px;
}
td.stav{
}

#page #main-container #main .objednavky-menu{
width: 230px;
float: left;
padding: 0px 20px 0px 10px;
}