@charset "utf-8";
/* CSS Document */

/* Obecne direktivy */

* { margin: 0; padding: 0; }

html { height: 100%; font-size: 62.5% }

body {
	height: 100%;
	background: #FEFFFC url('../img/bg2.gif') repeat-x 0 0;
	text-align: center;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	min-width: 960px;
}

a:link, a:visited { color: #2E6600; text-decoration: underline; } a:hover { background-color: #2E6600; color: #FFF; }

img { border: 1px solid #909090; margin-bottom: 18px; } .noborder {border: 0;}

hr.podcarou { margin: 40px 0 1px 0; }


/* Skip menu */

.hidden {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

.noscreen { display: none; } .cleaner { clear: both; height: 0; font-size: 0; visibility: hidden; }

abbr, acronym, span.abbr { border-bottom: 1px dotted black; cursor: help; }

code { font-size: 14px; color: #050505; background-color: #F4E3C2; padding: 6px 14px; border: 1px dashed #303030; } 
p.code, p.code2 { font: 1.2em "Courier New", Courier, monospace; color: #050505; background-color: #F4E3C2; padding: 7px 14px; border: 1px solid #dec9a2; } p.code span, p.code2 span { font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; }
p.code span.zvyrazni { font: 1em "Courier New", Courier, monospace; color: #C10000; }
p.code2 { margin-top: -7px; }
.css { background-color: #FFD1F9 !important; border: 1px solid #e1bbdc !important; }

p.upozorneni { background-color: #FFDFDF; color: #101010; border: 1px solid #EBA7A7; padding: 4px 12px; }

dl.odkazy { margin: 0 110px 40px 5px; }
dl.odkazy dt { margin: 0 0 3px 0; } dl.odkazy dt span { font-style: italic; color: #656565; margin-left: 3px; } dl.odkazy a, dl.odkazy a:visited { font-weight: bolder; }
dl.odkazy dd { color: #505050; margin-bottom: 14px; line-height: 1.4; } dl.odkazy dd a, dl.odkazy dd a:visited { font-weight: normal; }

ul#acceskeys { list-style: none; list-style-position: inside; margin: 0 0 20px 0; } ul#acceskeys li { background: url('../img/odrazka.gif') no-repeat 0 60%; padding-left: 17px; margin-bottom: 8px; }

ol#nepatri { list-style-position: inside; margin: 0 0 25px 0; width: 97%; } ol#nepatri li { margin-bottom: 15px; line-height: 1.6; }
ol#nepatri img { margin: 7px 30px 12px 0; border: 0; }

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


/* Hlavicka */

#header {
	width: 960px;
	height: 148px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#drny { position: absolute; top: 113px; right: -20px; width: 84px; height: 35px; background: url('../img/drny.gif') no-repeat 0 0; }


/* #slunicko {position: absolute; top: 45px; right: 188px; overflow: hidden;}
#mesicek {position: absolute; top: 45px; right: 228px; overflow: hidden;}

#slunicko, #slunicko span, #mesicek, #mesicek span {width: 30px; height: 28px;}

#slunicko span {background: url('../img/slunicko.png') no-repeat 0 0; display: block; position: absolute; top: 0; left: 0; cursor: pointer;}
#mesicek span {background: url('../img/mesicek.png') no-repeat 0 0; display: block; position: absolute; top: 0; left: 0; cursor: pointer;} */

#slunicko {position: absolute; top: 45px; right: 188px; width: 30px; height: 28px; background: url('../img/slunicko.png') no-repeat 0 0;}
#mesicek {position: absolute; top: 45px; right: 228px; width: 25px; height: 28px; background: url('../img/mesicek.png') no-repeat 0 0;}

#slunicko a, #slunicko a:visited {display: block; width: 30px; height: 28px; text-decoration: none; color: #2E6600; text-decoration: underline; outline: 0;}
#mesicek a, #mesicek a:visited {display: block; width: 25px; height: 28px; text-decoration: none; color: #2E6600; text-decoration: underline; outline: 0;}

#mesicek a:hover, #slunicko a:hover {text-decoration: none; background: none !important;}

#mesicek img, #slunicko img {position: relative; z-index: -100; border: 0;}



/* Vyhledavaci policko */

form.searching { width: 250px; position: absolute; top: 15px; right: 0; } form.searching fieldset { border: 0; }

input.search { width: 160px; border: 1px solid silver; letter-spacing: 1px; padding: 3px 7px; }

form.searching input.hledat { letter-spacing: 1px; font: bold 1.1em Arial, Helvetica, sans-serif; }

form.searching label { display: none; }


/* Vztah */
div.vztah { margin: 32px 0 0 0; position: relative; width: 546px; height: 190px; }
div.vztah div, div.vztah div.div2 
{ width: 170px; height: 110px; position: relative; border: 1px solid #58950A; text-align: center; padding-top: 30px; background-color: #F0FBDF; position: absolute; top: 0; left: 1px; }
div.vztah div.div2 { border: 1px solid #FF00FF; margin: 0; background-color: #FFF4FF; position: absolute; top: 0; left: 372px; }

div.vztah div p.head, div.vztah div p.head2 
{ position: absolute; top: -12px; left: 17px; background-color: #D1FB90; padding: 3px 9px; line-height: 1; font: 1.1em  Arial, Helvetica, sans-serif; border: 1px solid #58950A; }
div.vztah div p.head2 { border: 1px solid #FF00FF; background-color: #FFE4FF; }

div.vztah div#spojka { width: 200px; height: 80px; border: 0; border-top: 1px solid #909090; position: absolute; left: 173px; top: 60px; padding: 5px 0 0 0; font: 1.1em "Courier New", Courier, monospace; background-color: #FEFFFC; }
div.vztah div#spojka p { line-height: 1.3; margin: 0 5px; }


/* Nadpisy a odstavce */

h1 {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	font-size: 150%;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 2px;
}

h1, h1 span { width: 433px; height: 101px; } h1 span { display: block; position: absolute; top: 0; left: 0; background: url('../img/h1.gif') no-repeat 0 0; cursor: pointer; }


h2 { font: 1.7em Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; margin-bottom: 12px; color: #337098; /* margin-left: -1px; */ } h2.noborder { border: 0; } h2.code { color: black; border: 0; margin: -5px 0 20px 0; }
h3 { font-size: 1.1em; background-color: #EEE; border-top: 1px solid silver; border-left: 1px solid silver; padding: 5px 14px; margin-bottom: 5px; }
h4 { margin: 0 0 7px 0; }
h4.template {font: normal 1.1em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; color: #505050; margin-top: 20px;}

#one h3 { font-size: 1.2em; background-color: #FEFFFC; border: 0; padding: 0 0 2px 0; margin: 20px 0 10px 0; border-bottom: 1px solid #CCC; }
/* #one h3 {border:0; background-color: #E3F4FF; padding: 2px 0 2px 7px; margin: 20px 0 10px 0;} */

p { line-height: 1.7; margin-bottom: 14px; font-size: 1.2em; }

p.dal { float: left; background-color: #337098; color: #FFF; margin: -3px 10px 0 0; border: 2px solid #4085B2; display: inline; }
p.dal a, p.dal a:visited { float: left; color: #FFF; text-decoration: none; display: block; padding: 3px 12px !important;}
p.dal a:hover { text-decoration: underline; background: 0; }
p.dalsi { margin-top: -6px; }

p.popisek { margin: 10px 0 15px 0; color: #101010; } p.vysvetlivka { color: #101010; font-size: 0.9em; }

p.kde { color: #054773; font-size: 0.9em; margin: 0 0 15px 0; } p.kde a, p.kde a:visited { color: #054773; } p.kde a:hover { background: 0; background: 0; color: #054773; text-decoration: none !important; }
p.videt { background-color: #FFFEBC; border: 1px solid #F0E13A; width: 564px; padding: 3px 12px; }
h4.videt { background-color: #FFFEBC; border: 1px solid #F0E13A; padding: 4px 8px; }



p.doc, p.pdf { float: right; font: 1em Arial, Helvetica, sans-serif; margin-top: 4px; color: #FFF; display: inline; }
p.doc { background-color: #335EAA; border: 1px solid #3A89BC; margin-right: 10px; }
p.pdf { background-color: #C60000; border: 1px solid #EE3939; margin-right: 7px; }

.up {margin-top: -1px !important; margin-bottom: 15px !important;}

p.doc a, p.doc a:visited, p.pdf a, p.pdf a:visited { float: left; color: #FFF; text-decoration: none; display: block; padding: 4px 11px !important; }
p.doc a:hover, p.pdf a:hover { text-decoration: underline; background: 0; }

/* Obsah */

#page {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	color: #404040;
	position: relative;
}

#one { float: left; width: 68%; } #one-in { margin: 1.8em 0.5em 0 0.1em; } #one-in a, #one-in a:visited { padding: 2px 0; } #one-in a:hover { text-decoration: underline; }
#two { float: right; width: 31%; } #two-in { margin: 1.8em 0.1em 0 2.3em; } #two-in a, #two-in a:visited { padding: 2px 0; } #two-in a:hover { text-decoration: underline; }

#two p { margin: 0 0 30px 4px; line-height: 1.4; } #two p.uzsi { margin: 0 0 23px 4px; }
#two p.stahnout { margin: 9px 0 10px 0; line-height: 1; text-align: center; } p.stahnout a, p.stahnout a:visited { color: #181818; } p.stahnout a:hover { background: 0; text-decoration: none !important; }
#two p span.bude {font: 0.95em Arial, Helvetica, sans-serif; letter-spacing: 1px; }

.box, .box2 { background-color: #E3F4FF; border: 1px solid #A8DCFF; margin-bottom: 30px;  position: relative; padding-bottom: 16px; }

.box ul, .box2 ul { list-style-type: square; list-style-position: inside; margin: 9px 0 13px 12px; } 
.box ul { margin-bottom: 20px; }
.box ul li { margin-bottom: 12px; } 
.box ul li a, .box ul li a:visited { color: #101010; padding: 0; } .box ul li a:hover  { text-decoration: none !important; background: 0; color: #101010; }
.box2 { padding-bottom: 0; }

.box a.vice, .box a.vice:visited { text-align: center; background-color: #337098; color: #FFF; padding: 4px 18px !important; border: 2px solid #4085B2; text-decoration: none; font-size: 1.1em; margin: 0 0 10px 14px; }
.box a.vice:hover { text-decoration: underline; background: #337098; }


/* Paticka */
#footer { 
	width: 960px;
	margin: 30px auto 60px auto; 
	background-color: #EEE; 
	color: #505050; 
	font-size: 0.9em; 
	border: 1px solid silver; 
	display: table;
}

#footer p a { margin: 0; line-height: 1.1; } #footer a, #footer a:visited { color: #000; } #footer a:hover { background: 0; text-decoration: none !important; }
#footer p.left { float: left; width: 700px; margin: 7px 0 7px 10px; display: inline; } #footer p.right { float: right; text-align: right; margin: 7px 10px 7px 0; display: inline; }

#print { background: #EEEEEE url('../img/printer.gif') no-repeat left bottom !important; padding-left: 21px; }

.true, .false { font: 1.05em "Courier New", Courier, monospace !important; }
.true { color: #00700B; } .false { color: #C00; }


/* Menu */

#menu-box {
	background: #577613 url('../img/menu-bg.gif') repeat-x 0 0;
	height: 35px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { width: 960px; height: 35px; position: relative; margin: 0 auto; z-index: 100; }
/* hack to correct IE5.5 faulty box model */
* html .menu { width: 960px; w\idth: 960px; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { list-style-type: none; }
.menu ul ul { width: 102px; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float: left; width: 102px; position: relative; margin-right: 10px; }

/* style the links for the top level */
.menu a, .menu a:visited { display: block; text-decoration: underline; color: #FFF; width: 102px; height: 34px; border-top: none; background: #577613 url('../img/menu-bg.gif') repeat-x 0 0; line-height: 34px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { width: 102px; w\idth:102px; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility: hidden; position: absolute; height: 0; top: 34px; left: 0; width: 160px; }
/* another hack for IE5.5 */
* html .menu ul ul { top: 33px; t\op: 34px; }


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table { position: absolute; top: 0; left: 0; border-collapse: collapse; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background: #D2D7B5; color: #000; height: auto; line-height: 1.3em; padding: 10px; width: 128px; border: 1px solid green; border-top: none; text-decoration: none; }
.menu ul ul li a.first { border-top: 1px solid #577613 !important; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width: 150px; w\idth: 128px; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover { color: #000; background: #B7D186; text-decoration: none; }
.menu :hover > a, .menu ul ul :hover > a { color: #000; background: #B7D186; }
.menu li a.active { background: #B7D186 !important; color: #000 !important; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul,
.menu ul li a.active:hover { visibility: visible; }


/* nehotove */
.menu ul a.nehotove, .menu ul a.nehotove:visited {color: #E1E1E1; font-style: italic;} /* top level */ 
.menu ul ul a.nehotove, .menu ul ul a.nehotove:visited {color: #505050;} /* second level */
.menu ul a.nehotove:hover, .menu ul :hover > a.nehotove {color: #505050;}
.menu ul ul a.nehotove:hover, .menu ul ul :hover > a.nehotove {color: #505050;}




/* Kontaktni formular */

.note { width: 75%; margin-bottom: 23px; background-color: #FDFCAC; border: 1px solid #E1D22A; color: #303030; }
.note p { margin: 6px 12px; line-height: 1.5; }

.namemail-input, .message-area, .just-input { border: 1px solid #707070; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; padding: 3px;}
.namemail-input:focus, .message-area:focus, .just-input:focus { border: 1px solid #707070; }
.just-input { width: 340px; }
.spam-protection { width: auto; }
.message-area { width: 400px; height: 160px;}

table#contact-form, fieldset { margin: 0 0 40px 0; }

table#contact-form { border-collapse: collapse; border-spacing: 0; }
#contact-form th { text-align: center; font-weight: bold; }
#contact-form th, #contact-form td { padding: 4px 5px; }

#contact-form td label { font-family: Verdana, Arial, Helvetica, sans-serif; color: #181818; margin-right: 12px; }
#contact-form td span { font-size: 0.9em; color: #303030; margin-left: 8px; }
#contact-form td samp { color: black; font-size: 1.2em; }

#contact-form td span.req { color: #404040; margin-left: 3px; } #contact-form td span.req2 { margin-left: -1px; line-height: 1.9; }

.zprava-up { vertical-align: top !important; }


.button-right { text-align:right !important; line-height: 5 }



ul.contact { list-style: none; } ul.contact span.bull { font-size: 1.4em; position: relative; top: 2px; margin-right: 3px; color: #2E6600; }


div.col1 { float: left; width: 52%; } div.col2 { float: right; width: 47%; }

ul.map { list-style: square; list-style-position: inside; margin-bottom: 20px; } ul.map li { font-size: 1.2em; font-weight: bold; } ul.map li.first { list-style: none; } ul.map li a, ul.map li a:visited { color: #303030; } ul.map li a:hover { background-color: #303030; color: #FFF; }
ul.submap { list-style: none; margin: 3px 0 0 20px; list-style-position: outside; } ul.submap li { font-size: 0.9em; font-weight: normal; margin-bottom: 5px; background: url('../img/map-ico.gif') no-repeat 0 4px; padding-left: 12px; }
ul.submap li.cestina a, ul.submap li.cestina a:visited {color: #C10000;} ul.submap li.cestina a:hover {background-color: #C10000; color: #FFF;}
ul.map span { color: red; margin-left: 3px; }

p.studium { margin-top: -10px; } p.studium span { font-size: 1.8em; color: red; position: relative; top: 3px; }

ul.obsah { list-style: square; list-style-position: inside; } ul.obsah li { margin-bottom: 9px; line-height: 1.5; }

.editory { margin: -5px 0 25px 0 !important; }
.editory a, .editory a:visited { color: #101010; padding: 1px 3px; } .editory a:hover { background: #101010; color: #FFF; }

p.upr { margin-bottom: 30px; }



/* Diskusni forum button */

p.forum {
	width: 137px; 
	height: 33px; 
	position: relative;
	background-color: #C10000;
	margin: 8px auto 25px auto !important; text-align: center;
}

p.forum a {
	display: block; 
	width: 137px; 
	height: 33px; 
	font-size: 1.2em; 
	font-weight: bold; 
	text-align: center;
	line-height: 33px;
	text-decoration: none;
	position: relative;
	background-color: #2E6600;
	color: #FFFFFF;
	overflow: hidden;
	padding: 0 !important;
} 

p.forum a span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../img/diskusni-forum-button.gif') no-repeat 0 0;
	cursor: pointer;
}

p.forum a:hover {
	background-color: #C10000;
}

p.forum a:hover span {
	background-position : 0 -33px;
}



/* Tabulka */

table.tagy { border-collapse: collapse; margin: 5px 0 15px 0; width: 100%; }
table.tagy td, table.tagy th { border: 1px solid #707070; padding: 7px 25px 7px 10px; line-height: 1.4; }
table.tagy th { text-align: center; padding: 7px 0; background-color: #E3F4FF; }
table.tagy td.tag { text-align: center; padding: 7px 12px; }
table.tagy td.entita { text-align: center; padding: 7px 12px; font-size: 1.2em; }


/* Univerzalni seznam */

ul.seznam { list-style: square; list-style-position: inside; margin-bottom: 33px; } ul.seznam li { margin-bottom: 10px; }
ul.seznam li a, ul.seznam li a:visited { }
ul.seznam li a:hover { }





/* Gallery */

.gallery { padding: 10px 0 0 18px; margin: 9px 0 45px 0; background-color: #EDFCE1; border: 1px solid #BDE99A; width: 625px; }

.gallery .photo { float: left; width: 182px; margin: 0 24px 16px 0; background-color: #EDFCE1; }
.gallery .formiku {background: #FFF2BC;}

.gallery a:hover { background: #f3f3f3; }
.spesl-hover {background: #FFF2BC;}
.spesl-hover a:hover { background: #E3F4FF; }

.gallery .photo img { margin: 0 auto 3px auto; border: 1px solid #C0C0C0; }
.gallery .photo a:hover img { background-color: #EDFCE1 !important; text-decoration: none !important; color: #2E6600; } 

.gallery .photo p { margin: 0; color: #252525 !important; line-height: 1.5; } .gallery .photo p span { color: #404040; } .gallery .photo p span.darr { color: #003960; }
.gallery .photo p a, .gallery .photo p a:visited { color: #003960; line-height: 1.5; padding: 0 1px; font-weight: normal; text-decoration: underline; }
.gallery .photo p a:hover { text-decoration: none; background-color: #003960; color: #FFF; }

.gallery .photo p.name a, .gallery .photo p.name a:visited { display: block; margin: 0 0 5px 0; color: #003960; text-decoration: none !important; padding: 0; }

.gallery .photo p.name a:hover {
color: #003960;
background: none;
}

.gallery#complet-template {background-color: #E3F4FF; border: 1px solid #A8DCFF;}
.gallery#complet-template .photo {background-color: #E3F4FF; width: 272px; height: 278px;}

.css-galerie {background: 0 !important; border: 0 !important; padding: 10px 0 0 0 !important; width: 100%;}
.css-galerie a:hover { background: #FEFFFC !important; }
.css-galerie .photo {background-color: #FEFFFC !important; height: auto; margin: 0 30px 24px 0;}
.css-galerie .photo p.name a, .css-galerie .photo p.name a:visited {margin: 0 0 3px 0;}

.nobb {background: 0 !important; border: 0 !important; padding: 0; width: 100%;}
.nobb .photo {width: 203px; padding: 5px 0 14px 0; text-align: center; margin: 0 15px 15px 0; border: 1px solid #ddd; background-color: #f3f3f3;}
.nobb .end {margin: 0 0 15px 0 !important;}
.nobb .photo img {margin: 0 auto 1px auto;}
.nobb .photo p {text-align: left; margin-left: 12px;}
.nobb .photo p.name a, .nobb .photo p.name a:visited {margin-bottom: 2px;}

.formulare .photo {border: 1px solid #e8cfdc; background-color: #ffe9f5;}

.gallery p {font-size: 1.1em;}



/* Nastenka */
div.listek { width: 85%; font-style: italic; color: #303030; position: relative; }
div.barva1 { background-color: #E6FFD2; border: 1px solid #B5E390; }
div.barva2 { background-color: #D9F0FF; border: 1px solid #A0D3F6; }

div.listek-in { margin: 0.7em 1.2em 0 1.2em; }
div.listek p { margin-bottom: 12px; }

p.listek-date { font-size: 0.9em; color: #202020; margin: 4px 0 27px 0; line-height: 1.3; width: 85%; text-align: right; }


/* Rozcestnik */
div#rozcestnik {margin: 0 0 18px 0;}
div#rozcestnik a, div#rozcestnik a:visited {width: 223px; display: block; padding: 5px 15px; color: #FFF; font: 1.2em Georgia, "Times New Roman", Times, serif; text-decoration: none; margin-bottom: 6px;}
div#rozcestnik a:hover {color: #FFF; text-decoration: underline;}

div#rozcestnik a#lay, div#rozcestnik a#lay:visited {background-color: #4285A7; border: 1px solid #4487A9;}
div#rozcestnik a#sab, div#rozcestnik a#sab:visited {background-color: #599528; border: 1px solid #609B31;}
div#rozcestnik a#cla, div#rozcestnik a#cla:visited {background-color: #C05D27; border: 1px solid #BE602D;}
div#rozcestnik a#css, div#rozcestnik a#css:visited {background-color: #A730C0; border: 1px solid #B04EC5;} div#rozcestnik a#css span {font: 0.9em Arial, Helvetica, sans-serif;}
div#rozcestnik a#ped, div#rozcestnik a#ped:visited {background-color: #847F00; border: 1px solid #8E8900;}
div#rozcestnik a#cestyp, div#rozcestnik a#cestyp:visited {background-color: #C6272E; border: 1px solid #D42A31;}
div#rozcestnik a#reklama, div#rozcestnik a#reklama:visited {background-color: #454545; border: 1px solid #606060;}



.magenta-a {color: magenta;}
.green-b {color: green;}

.cejedna-c {color: #C10000;}

.bc {background-color: #E7F5FF;}
.green {color: green;}
.magenta {color: magenta;}

.osloveni-ano {color: #2E6600;} .osloveni-ne {color: #C10000;}

.delani-rozhovoru h3 {border:0 !important; background-color: #E3F4FF !important; width: 100% !important; padding: 2px 0 2px 7px !important;}
.delani-rozhovoru address {font-style: normal; line-height: 1.7; margin: 0 0 0 7px;}





dl#kam-se-da-jit {margin-top: 14px;}

dl#kam-se-da-jit dt {font: 1.4em Georgia, "Times New Roman", Times, serif; color: #505050; margin: 0 0 6px 0;}
dl#kam-se-da-jit dt a, dl#kam-se-da-jit dt a:visited {color: #454545; display: block; padding: 5px 0 6px 9px; width: 100%;}
dl#kam-se-da-jit dt a:hover {background: 0; text-decoration: none;}

dl#kam-se-da-jit dd {font: 1.2em Verdana, Geneva, sans-serif; margin: 0 0 18px 2px;}

dt#uvod {background-color: #e3ecfe; border-left: 1px solid #c7d4ef; border-top: 1px solid #c7d4ef;}
dt#layouty {background-color: #E3F4FF; border-left: 1px solid #bbddf3; border-top: 1px solid #bbddf3;}
dt#reseni {background-color: #e6ffd1; border-left: 1px solid #cbe4b7; border-top: 1px solid #cbe4b7;}
dt#rozhovory {background-color: #feebcc; border-left: 1px solid #ebd6b4; border-top: 1px solid #ebd6b4;}
dt#kolekce {background-color: #f9dcfe; border-left: 1px solid #e3c2ea; border-top: 1px solid #e3c2ea;}
dt#cestina {background-color: #ffe2e3; border-left: 1px solid #eec9ca; border-top: 1px solid #eec9ca;}
dt#material {background-color: #fcfac6; border-left: 1px solid #e8e6ac; border-top: 1px solid #e8e6ac;}


a#viz-galerie-layoutu, a#viz-galerie-layoutu:visited {text-align: center; background-color: #337098; color: #FFF; padding: 6px 15px !important; border: 2px solid #4085B2; font-size: 1em;}
a#viz-galerie-layoutu:hover {text-decoration: none; background: #337098;}

dl.js-u {margin: 0 0 14px 0;}
dl.js-u dt {font-weight: bold; margin: 0 0 4px 0;}
dl.js-u dd {line-height: 1.5; margin: 0 0 12px 0;}

.js {background: #FEFEFE url("../img/sit.gif") repeat 0 0 !important; border: 2px solid silver !important;}
p.autor {margin: -5px 0 14px 0; font: 1.15em Arial, Helvetica, sans-serif;}


#lupa {margin: 0 0 20px 0;} #lupa img {margin: 0; border: 0;} #lupa a:hover {background: 0;}
#ziskat-reklamu {margin-bottom: -7px;} #ziskat-reklamu img {border: 0;} #ziskat-reklamu a:hover {background: 0;}
.reklama img {border: 0; margin-bottom: 18px;} .reklama a:hover {background: 0;}

h4.css-reset {
	background-color: #FFFEBC;
	padding: 3px 7px;
}

div.jmeniny {font: 0.9em Arial, Helvetica, sans-serif; color: #303030; position: absolute; top: 86px; left: 709px;}


#chcete-me {position: absolute; top: 0; left: 470px; width: auto; background: #c52000 url('../img/chcete-me.gif') repeat-x 0 0;
font: 1.5em Georgia, "Times New Roman", Times, serif; color: fff; border: 1px solid b41e00; border-top: 0;}
#chcete-me a, #chcete-me a:visited {color: #fff; text-decoration: underline; display: block; padding: 7px 12px;}
#chcete-me a:hover {text-decoration: none; background: 0;}






p {margin: 0 0 18px 0; line-height: 1.8;}

#lista {
   position: fixed;
   bottom: 0;
   left: 0%;
   background-color: white;
   width: 100%;
   line-height: 40px;
   border: 1px solid white;
   border-bottom: 0;
   }