/***********************************************************************
 kniha-jizd.eu
 Webdesign (C) http://hulan.cz/ - Radek HULAN, 2008
 You CANNOT use this stylesheet, or part of it, without permission!!  
***********************************************************************/

/* ---------- body */
body,html{ font-size: small; line-height: 145%; font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; background: white; text-align: left; }

/* ---------- links */
a{ font-weight: normal; }
a:link,a:visited{ color: #5693ff; text-decoration: underline; }
a:hover{ text-decoration: none; background: #5693ff; color:white}

/* ---------- basic styles and definitions */
img{ border: 0 none; padding: 0; margin: 0; }
li{ list-style-position: outside; list-style-type: disc; margin: 0; }

/* ---------- main layout */
#content { width: 970px; margin: 0 auto; padding:0; background: transparent url(../images/content.jpg) top left repeat-y}�
body#forum {background: none;}
#logo { margin: 0; padding: 0; width: 970px; height: 290px; background: url(../images/logo.jpg) top left no-repeat;  }
#logo.typgps {	background-image: url(../images/logo-gps.jpg)}
#logo.typrezervace {	background-image: url(../images/logo-rezervace.jpg)}
#logo.typtranslator {	background-image: url(../images/logo-translator.jpg)}
h1 { display:none }

#search { position: absolute; top: 30px; left: 20px; width: 300px; height: 30px;}
#search form {	padding:0; margin:0;}
input#squery {padding:1px; width:150px; height:20px; margin:0 10px 0 0; border:1px solid black; float:left}

a#homepage { display: block; width: 970px; height: 175px; padding: 0; margin: 0; position: absolute; top: 65px; left: 0; background: transparent; }
a#homepage:hover { background: transparent; }

#novinky{ float: left; background: transparent url(../images/novinky.jpg) top left no-repeat;  margin: 0; padding: 60px 10px 40px 10px; width: 231px;}
#maintext { float: right; margin: 0; background: transparent url(../images/maintext.jpg) top left no-repeat; padding: 60px 25px 40px 25px; width: 668px;}
* html #maintext { margin-right: -3px; }
#footer { clear: both; background: url(../images/footer.jpg) top left no-repeat; width:970px; height: 31px; text-align: center; padding-top: 10px; color: white; margin:0 auto;}
#footer a:link,#footer a:visited{ color: white; }
#inside { margin: 0; padding: 0; width:100%; height: 100%; background: url(../images/inside.jpg) bottom left no-repeat; position:relative;}

/* ---------- forum */
body#forum #novinky {display:none}
body#forum #content {background:none}
body#forum #inside {background:none}

/* ---------- main menu */
ul#menu { margin: 0; padding: 0; display: block; z-index: 99; width:970px; height:43px; background: url(../images/menu.png) top left repeat-x; position:absolute; top:247px; left:0;}
ul#menu li, ul#menu li.active{ margin: 0; padding: 5px 0; float: left; text-align: center; list-style: none;  background: transparent;}
ul#menu a {display: block}
ul#menu a:link, ul#menu a:visited{ margin: 0 0 0 0; padding: 0; line-height: 33px; font-size: 110%; font-weight: 900; color:#3a629a; text-decoration: none; border-right:1px solid #dad8cc;}
ul#menu li#menu7 a:link, ul#menu li#menu7 a:visited{ border-right:0 none;}
ul#menu li.active {background: transparent url(../images/menu-active.png) center bottom no-repeat;}
ul#menu li.active a:link, ul#menu li.active a:visited{ color: #ed1617; text-decoration: none; }
ul#menu li#menu1 {width:154px;}
ul#menu li#menu1 a.icon {background: url(../images/icon-produkty.png) 15px 4px no-repeat;}
ul#menu li#menu2 {width:110px;}
ul#menu li#menu2 a.icon {background: url(../images/icon-ceny.png) 2px 4px no-repeat;}
ul#menu li#menu3 {width:154px;}
ul#menu li#menu3 a.icon {background: url(../images/icon-objednavka.png) 2px 4px no-repeat;}
ul#menu li#menu4 {width:154px;}
ul#menu li#menu5 {width:154px;}
ul#menu li#menu6 {width:120px;}
ul#menu li#menu7 {width:123px; }
ul#menu li a:hover{ text-decoration: none; background: #1180cd; color:white}
ul#menu li#menu1 a.icon:hover{ text-decoration: none; background: #1180cd url(../images/icon-produkty.png) 15px 4px no-repeat; color:white}
ul#menu li#menu2 a.icon:hover{ text-decoration: none; background: #1180cd url(../images/icon-ceny.png) 2px 4px no-repeat; color:white}
ul#menu li#menu3 a.icon:hover{ text-decoration: none; background: #1180cd url(../images/icon-objednavka.png) 2px 4px no-repeat; color:white}
ul#menu li.active a:hover{ text-decoration: none; background: transparent; color:#ed1617}

ul#menu dl { margin: 0; padding: 0 0 0 0; top:43px; left:0; position:absolute; z-index: 100; display: none; width:970px; height: 39px; background: url(../images/submenu.png) top left repeat-x}
ul#menu dd { margin: 0; padding: 5px 0; text-align: left; float:left;}
ul#menu li dd a:link, ul#menu li dd a:visited, ul#menu li.active dd a:link, ul#menu li.active dd a:visited{ margin: 0; padding: 0 10px; line-height:29px; font-size:90%; color:white; text-decoration: none; font-weight: bold; border-right:1px solid white}
ul#menu li dd a.last:link, ul#menu li dd a.last:visited, ul#menu li.active dd a.last:link, ul#menu li.active dd a.last:visited{ border:0 none}
ul#menu li dd a:hover, ul#menu li.active dd a:hover{ text-decoration: none; background: #ed1617; color:white}
ul#menu li.active dl {display: block;}
ul#menu li dd a.activedd:link, ul#menu li dd a.activedd:visited{font-weight:900; font-size:120%; color:#caddff; text-decoration: underline;}
ul#menu li dd a.activedd:hover{color:white}

/* ---------- headlines */
#maintext h2, h2 {color:#ed1617;font-size:145%; margin:20px 0 20px 0; padding:0; font-weight: bold}
#maintext h2 a:link, #maintext h2 a:visited {color:#ed1617; font-weight: bold; text-decoration: none;}
#maintext h2 a:hover {color:white}
#maintext h3 {clear:both; color:#ed1617;font-size:120%; margin:10px 0 10px 0; }
#maintext h4 {clear:both; color:#5693ff;font-size:110%; margin:10px 0 10px 0; }
#maintext h5 {clear:both; color:black;font-size:100%; margin:10px 0 10px 0; }
#maintext h2:first-child {margin-top:0;}


#novinky h2 { display: block; margin:0 0 10px 0; padding:0; color:#5693ff;font-size:120%;  }
#novinky h2#novinka { background: url(../images/novinky-h2.png) top left no-repeat; display: block; height: 35px; margin:0 0 20px 0; color:#E2552F;font-size:16px; line-height:35px; }
#novinky h2#souvisejici { background: url(../images/souvisejici-h2.png) top left no-repeat; display: block; height: 35px; margin:0 0 20px 0; color:#E2552F;font-size:16px; line-height:35px; }
#novinky h2 span { margin-left: -5000px; }
#novinky h3 {color:#5693ff;font-size:110%; margin:10px 0 10px 0; padding:0; font-weight: bold; text-align: left;}

/* ---------- images */
#maintext img.box, #maintext .box img { padding:0; border:1px solid white; }
#maintext .box { text-align: center; font-style: italic; margin: 10px 0 10px 0; }
#maintext .box img { display:block; margin:0 auto;}
#maintext img.rightbox, #maintext .rightbox img { float:right; margin: 5px 0 5px 20px; line-height: 1px; border:1px solid white; padding:0}
#maintext img.leftbox, #maintext .leftbox img { float:left; margin: 5px 20px 5px 0; line-height: 1px; border:1px solid white; padding:0}

/* ---------- other formatting */
#maintext blockquote { margin: 15px; background: #f2f8ff; border: 5px solid #aac9ff; padding:0 10px 0 10px; font-style: italic; clear:both}
#maintext blockquote p {text-indent: 0px; font-size:110%;}
#maintext blockquote a {font-weight:bold}
#maintext blockquote.screenshot { margin: 15px auto; background: white; border: 0 none; padding:10px; font-style: italic; width: 640px;}
#maintext blockquote.screenshot .leftbox { float:left; margin: 5px 0 5px 20px;}
#maintext blockquote.screenshot .leftbox img { border: 10px solid #5d574c; margin:0}

#maintext table {padding:0; margin:15px auto; width:600px; }
#maintext table th { background: #4b80c2; font-weight: bold; text-align: center; color: white; margin:0; padding: 5px; }
#maintext table tr {	margin:0; padding:0;}
#maintext table td{ border-bottom: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; border-left: 1px solid #9f9f9f; margin:0; padding: 2px 5px 2px 5px; background: white; }

#maintext ul  { margin: 10px 0 10px 20px; padding: 0; }
#maintext ul li { list-style: none; padding: 2px 0 2px 20px; margin: 0; background: url(../images/li.png) 0 7px no-repeat; }

#novinky ul  { margin: 10px 0 10px 30px; padding: 0; text-align: left}
#novinky ul li { padding: 2px 0 2px 0; margin: 0; text-align: left; list-style: none }

#maintext p{ margin: 8px 0 8px 0; padding: 0; text-indent: 20px; }
#maintext p, #maintext ul { text-align: justify; }
#maintext p.more {text-align: right;margin-bottom:20px;}
#maintext p.more a:link,#maintext p.more a:visited{font-weight: bold}
.highlight {background: #FFD700; padding:1px 2px}

#novinky p{ margin: 8px 0 8px 0; padding: 0; font-size:90%}
#novinky ol li { list-style: decimal; padding: 2px 0 2px 5px; margin: 0; font-size:90%}
#novinky p, #novinky ul { text-align: justify; }
#novinky address { font-variant: normal; font-style: normal; font-size: small;  }

/* ---------- phpBB like text formatting */
.b{font-weight:bolder}
.i{font-style:italic}
.z{font-style:normal; font-variant:small-caps}
.u{text-decoration:underline}
.c,.r{color:red}
.m,.l{color:blue}
.g,.z{color:green}
.skip{display:none}
small {font-size: x-small;}


/* ---------- article forms */
#maintext form {	text-align: left; width:600px; margin:10px auto; padding:0}
#maintext fieldset {	border:1px solid #AAAAAA;	padding:10px;	margin:5px; text-align: right;}
#maintext fieldset.left {	text-align: left;}
#maintext legend {font-size:12px;color: #E2552F;}
#maintext input.button { margin: 5px 2px 0 2px; padding: 2px 5px; border:1px solid #6B6B6B; background: #DFDFDF; }
#maintext input.field, #maintext select.field, #maintext textarea.field { padding: 2px 5px; margin:0 2px 0 2px; border:1px solid #AAAAAA;border-top:1px solid #6A6A6A;border-left:1px solid #6A6A6A;background-color: #FCF0EC}
#maintext input.field:focus, #maintext select.field:focus, #maintext textarea.field:focus { background-color:white; border:1px solid black}
#maintext select.field{ font-family: Arial Narrow, Arial, Helvetica, sans-serif; }

#novinky form {	text-align: left; margin:0; padding:0}
#novinky input.button { margin: 5px 2px 0 2px; padding: 2px 5px; border:1px solid #6B6B6B; background: #DFDFDF; height:22px;}
#novinky input.field { height:16px;padding: 2px 5px; margin:5px 2px 0 2px}

/* ---------- exports */
.export { clear: both; text-align: right; margin-bottom: 20px; color: gray; }
.export a:link, .export a:visited { text-decoration: none; }
.export a:hover { text-decoration: underline; }
a.print { background: url(../images/print.png) top left no-repeat; padding: 0 0 5px 25px; }
a.email { background: url(../images/email.png) top left no-repeat; padding: 0 0 5px 25px; }
a.komentar { background: url(../images/komentar.png) top left no-repeat; padding: 0 0 5px 25px; }

/* ********** mapa ********** */
#mapa{ width: 600px; height: 400px; border: 1px solid black; margin:10px auto; }
#mapa *{ color: #000000; font-size: 11px; text-align: left;}

/* ********** helpers ********** */
.splitter1  {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter5 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:5px}
.splitter10 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:20px }
.splitter30 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:30px }

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