/*
 * AK Sipl, http://www.aksipl.cz
 * main CSS stylesheet
 *   
 * 2007, 2008 author Petr Dvorak, http://dvorak.tisnof.cz
 * 
 */

.none { display: none;}
.hid { visibility: hidden;}

h1 { font-size: 1.9em; color: #541607; margin: 0 0 10px 0; padding: 0; font-weight: normal;}
h2 { font-size: 1.5em;}
#text h2 { font-weight: normal; font-size: 1.4em; margin: 20px 0 8px 0; padding: 0;}
#text p { margin: 7px 0; padding: 0;}
#text p.prvni { margin-top: 20px;}

.fl { float: left;}
.fr { float: right;}
img.fl { margin-right: 10px;}
img.fr { margin-left: 10px;}

.r { text-align: right;}
.c { text-align: center;}

.q { clear: both;}

.zpravy em { font-size: 0.85em; padding-left: 10px; font-style: normal; white-space: nowrap;}
.zpravy a { background: url(_images/extern-link.gif) 100% 0.2em no-repeat; padding-right: 12px;}
.zpravy li { line-height: normal; margin-bottom: 5px !important;}

@media screen,projection,tv {
body { font-family: Georgia, "New York CE", utopia, serif; font-size: 0.8em; color: #290B03; line-height: 1.5em; background: #F6EBBF url(_images/pozadi.gif) 0 0; margin:0; padding: 0;}
#body { background: url(_images/pozadi-prechod.png) 0 0 repeat-x; height: 400px; text-align: center;}
#page { width: 770px; margin: auto; text-align: left; padding-top: 35px;}

#logo, #vlevo *, #menu *, hr { padding: 0; margin: 0;}

/* lists */

#text ul { margin: 10px; padding: 0 0 0 20px;}
#text ul li { margin: 2px 0;}

/* paragraph */

#text ul.par { padding: 0 0 0 10px;}
#text ul.par, #text ul.par li { list-style: none;}
#text ul.par li { padding: 0 0 0 12px; background: url(_images/li.gif) 0 0.2em no-repeat;}

/* zasady */

#text ul.zasady { padding: 0 0 0 10px; font-size: 0.9em; font-weight: bold;}
#text ul.zasady, #text ul.zasady li { list-style: none;}
#text ul.zasady li { padding: 0 0 0 18px; background: url(_images/li-circle.gif) 0 0.3em no-repeat;}

div.hr { height: 12px; background: url(_images/hr.png) 50% 100% no-repeat;}
div.hr hr { display: none;}

a { text-decoration: underline; color: #401c03;}
a:hover, a:active, a:focus { color: #a35404;}
a:focus { outline: 1px solid #521707;}

.print { display: none;}

label { font-size: 0.9em; display: block;}
input.butt { padding: 2px 6px;}
textarea { width: 90%; height: 150px;}

#skip { position: absolute;}
#skip a { display: block; padding: 30px 0; width: 150px; background: #a35404; color: #fff; position: absolute; top: 20px; left: -1000px; text-align: center;}
#skip a:active, #skip a:focus { left: 50%; margin-left: -75px;}

#logo { display: block; vertical-align: middle; width: 250px; height: 100px; padding: 20px 10px 10px 10px; float: left; text-align: center; background: #541607; font-size: 2em; font-weight: normal; line-height: 1em; overflow: hidden; position: relative;}
#logo, #logo a { color: #F9F1D2;}
#logo .t { font-size: 0.5em; display: block; line-height: 1em; }
#logo .a { font-size: 0.5em; text-transform: uppercase; display: block;}
#logo .b { display: block; position: absolute; top: 0; left: 0; width: 270px; height: 130px; background: url(_images/logo.png) 0 0 no-repeat;}
#logo a .b { cursor: pointer;}
* html #logo a .b { cursor: hand;}
#logo a:hover .b, #logo a:active .b, #logo a:focus .b { background-position: 0 100%;}

#text { width: 470px; background: #F9F1D2 url(_images/text-pozadi.png) 0 0 repeat-y; float: right;}
#text-podklad { background: url(_images/podklad.png) 100% 100% no-repeat; min-height: 500px; padding: 32px 25px;}
#index #text-podklad { padding: 32px 15px;}
#index h1, #index #text h2, #index #text p { padding-left: 10px;}
* html #text-podklad { height: 500px;}
#text-pozadi-top { background: url(_images/text-pozadi-top.png) 0 0 no-repeat;}
#text-pozadi-bottom { background: url(_images/text-pozadi-bottom.png) 0 100% no-repeat; padding: 5px;}

#vlevo { width: 270px; float: left; clear: left; padding-top: 20px;}

#kontakt { text-align: left; font-size: 0.85em; color: #401C03; line-height: 1.3em; padding: 40px 0 0 85px; background: url(_images/vahy-kontakt.png) left bottom no-repeat;}
#kontakt p { margin: 5px 0;}

#links { float: right; clear: right; font-size: 0.85em; line-height: normal; color: #A35404;}
#links a { color: #A35404;}

#copy { float: right; clear: right; text-align: right; width: 500px; font-size: 0.8em; color: #9B835F; margin: 0; padding: 5px 0 0 0;}
#copy a { color: #AD9872;}
#copy a:hover { color: #541607;}

#menu, #menu li { list-style: none; text-align: right;}
#menu li { background: url(_images/menu-line.gif) 50% 100% no-repeat; /*float: left; width: 100%;*/}
#menu a, #menu strong { color: #541607; display: block; line-height: 40px; height: 40px; padding-right: 50px; font-size: 1.1em; overflow: hidden;}
#menu a:hover, #menu a:active, #menu a:focus, #menu strong { margin: -4px 0; padding-top: 4px; padding-bottom: 4px; position: relative; z-index: 5; background: #A35404 url(_images/menu-a.png) 0 0 no-repeat; color: #F1E6DA;}
#menu strong { margin: 0; background-color: #401c03; background-position: 0 -48px; color: #fff; font-weight: normal;}
}

@media print {
body { font-family: Georgia, "New York CE", utopia, serif; font-size: 0.8em; line-height: 1.45em;}
#logo, #logo a { color: #401c03; text-decoration: none;}
#logo { margin-bottom: 30px; font-size: 1.2em;}
form, #menu, #copy, #skip, #links { display: none;}

div.hr { margin: 10px 0; height: 1px; background: #a35404;}
div.hr hr { display: none;}

#kontakt { border-top: 1px solid #a35404; padding-top: 12px;}
#kontakt p { margin: 3px 0;}



}