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

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; color: #444; background: #C6D8E8 url(/img/pozadi.gif); }
body.tisk { font: 12px Arial, Helvetica, sans-serif; color: #444; background: #FFFFFF url(/images/blank.gif); }

a { color: #CA5926; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; height: 0; }
.hidden { position: absolute; left: -66666px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.orange { color: #e1721a; }
.red { color: #da251d; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 962px; margin: auto; padding: 180px 14px 0; background-color: #fff; position: relative; }
#left-column { float: left; width: 187px; }
#content { float: right; width: 752px; padding: 0 0 10px}

/* 3 columns */
#left-wrapper { float: left; width: 687px; }
#left-wrapper #content { width: 477px; }
#right-column { float: right; width: 250px; }


/******************************

	header

******************************/
#header { position: absolute; top: 0; left: 14px; width: 962px; height: 103px; background: #0a3a79 url(/img/header-bg.png) 0 0 repeat-x; color: #fff; }
#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#logo { float: left; width: 245px; height: 50px; padding: 28px 0 0 30px; font-size: 30px; font-weight: bold; }
#header .subtitle { float: left; padding-left: 20px; padding-top: 40px; }
#menu-top { list-style: none; float: right; padding: 12px 4px 0 0; font-size: 11px; }
#menu-top li { float: left; border-right: 1px solid #fff; line-height: 1; }
#menu-top a { padding: 0 10px; position: relative; }
#menu-top li.last { border: none; }


/******************************

	menu

******************************/
#menu { position: absolute; top: 103px; left: 14px; width: 957px; height: 32px; padding: 0 0 0 3px; background: #839fc2 url(/img/menu-bg.png) 0 0 repeat-x; border: 1px solid #5b718d; list-style: none; }
#menu li { float: left; padding-right: 2px; background: url(/img/menu-li-separator.png) right center no-repeat; }
#menu li a { display: block; float: left; padding: 0 13px; line-height: 32px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold}
#menu li a:hover { text-decoration: underline; }
#menu .last { background: none; }


/******************************

	search

******************************/
#search { position: absolute; top: 137px; left: 14px; width: 962px; height: 43px; background: #e1711a url(/img/search-bg.png) 0 0 no-repeat; color: #fff; }
#search h3 { float: left; font-size: 14px; text-transform: none; color: #fff; padding: 12px 0 0 20px; }
#search fieldset { float: right; padding: 12px 20px 0 0; }
#search input,
#search select { vertical-align: middle; }
#search .input { margin-right: 5px; }
#search .submit { background: #0b3773 url(/img/submit-blue-gradient-bg.png) left center repeat-x; color: #fff; border: 1px solid #c2bab2; }


/******************************

	left column

******************************/
#left-column {}
#left-column h3 { font-size: 21px; margin: 10px 0; }
#left-menu ul { list-style: none; margin-top: -2px; }
#left-menu ul ul { margin: 0; }
#left-menu li { padding-top: 2px; }
#left-menu li a { display: block; color: #fff; text-decoration: none; width: 175px; padding: 0 5px 0 7px; line-height: 22px; background:#6a88b3 url(/img/menu_vlevo_pozadi.gif) 0 0 no-repeat; }
#left-menu li a:hover,
#left-menu li.active a { background: #d3e6f4 url(/img/menu_vlevo_pozadi_x.gif) 0 0 no-repeat; background-color: #d3e6f4; color: #161a2f; }
#left-menu li.active a { font-weight: bold; }
#left-menu li li a,
#left-menu li.active li a { background: #d3e6f4 url(/img/menu_vlevo_pozadi_x.gif) 0 0 no-repeat; background-color: #d3e6f4; color: #161a2f; }
#left-menu li li a:hover { background-position: 0 0; }
#left-column .catalog { text-align: right; margin: 20px 0; }


/******************************

	content

******************************/
h1 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 19px; color: #FFFFFF; font-weight: normal; font-style: italic; padding-top: 40px; padding-left: 30px; float: left; }
h1.katalog { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 21px; font-weight: bold; font-style: normal; padding: 0px; float: none }
h1.novinky { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 21px; font-weight: bold; font-style: normal; margin: 0px; padding: 0px; padding-top: 15px; padding-bottom: 5px; float: none }
h2 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 21px; }
h2.katalog { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 19px; color: #FFFFFF;  font-weight: normal; font-style: italic; float: left; padding-top: 40px; padding-left: 30px; }
h3 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 17px; font-weight: normal; }
h3.uvod { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 17px; font-weight: bold; padding-bottom: 0px}
h4 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 17px; font-weight: normal; }
h4.vyprodej { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #074085; font-size: 16px; font-weight: bold; padding-bottom: 0px}
#content h1 { margin-top: 10px; margin-bottom: 10px; }
#content h2 { margin-top: 10px; margin-bottom: 10px; }
#content h3 { margin-bottom: 10px;}
p { line-height: 1.2; margin: 5px 0 10px; }
#content ul { margin: 10px 0 10px 25px; }
#breadcrumbs { font-size: 11px; margin: 0px; margin-bottom: 25px; }
#breadcrumbs-novinky { font-size: 11px; margin: 0px; margin-bottom: 0px; }
#categories { background-color: #dededd; padding: 10px 10px 5px; }
#categories ul { list-style: none; font-size: 11px; margin: 0; }
#categories ul li { float: left; width: 148px; padding: 0 5px 5px 13px; background: url(/img/categories-square-bg.png) 0 4px no-repeat; }
#categories a { text-decoration: none; color: #605d5c; }
#categories a:hover { text-decoration: underline; }
#categories .clear { height: auto; }

/* box */
#box { margin: 25px 0 10px; }
#box .box { float: left; width: 190px; height: 111px; margin: 0 15px 25px 10px; padding: 2px; background: #eaf3f9 url(/img/box-bg.png) 0 0 no-repeat; position: relative; }
#box .box.last { margin-right: 0 !important; }
#box .box h3 { font-size: 14px; text-transform: none; float: right; width: 85px; padding: 5px 5px 0 0; margin: 0; text-align: right; line-height: 1.2; }
#box .box h3 .label { position: absolute; margin: 0; }
.label.new { top: 3px; left: 7px; }
.label.akce { bottom: 5px; left: 5px; }
#box .box img { float: left; margin: 5px 0 0 5px; }
#box .box a { text-decoration: none; display: block; }
#box .box .more { position: absolute; bottom: 8px; right: 7px; margin: 0; }
#box .box .more a { display: block; width: 45px; height: 18px; padding-left: 12px; line-height: 18px; background: #db6c1d url(/img/button-orange-bg.png) 0 0 no-repeat; color: #fff; font-size: 11px; }
#listing { text-align: center; margin: 10px 0; }
#listing a,
#listing span { padding: 0 3px; }
#listing img { vertical-align: middle; margin: 0 12px; }


/******************************

	homepage

******************************/
#hp #page-wrapper { padding-top: 137px; }
#hp #visual img { display: block; }
#hp #search { top: 337px; }
#left-wrapper { margin-top: 43px}
#right-column { margin-top: 43px}
#right-column { font-size: 11px; }
#right-column p { line-height: 1.3; }
#right-column h2 { font-size: 45px; margin: 10px 0; }
#right-column h3 { font-size: 16px; margin: 0 0 8px; }
#right-column input { vertical-align: middle; }
#right-column .input { color: #777; font-size: 11px; }
#right-column .submit { width: 55px; height: 20px; background: #adacab url(/img/button-gray-bg.png) 0 0 no-repeat; color: #fff; font-size: 11px; border: none; }

#hp .catalog { margin: 46px 0 20px; }
#location,
#newsletter { height: 90px; }
#location,
#newsletter,
#helpline { margin-bottom: 15px; padding: 0 0 0 65px; background-position: 0 0; background-repeat: no-repeat; }
#helpline-vyprodej { margin-top: 10px; margin-bottom: 15px; padding: 20px 0 0 5px; background-position: 0 0; background-repeat: no-repeat; font-size: 11px; }
#location { background-image: url(/img/hp-location.png); border-bottom: 1px solid #c2c1c1; padding-bottom: 10px; }
#newsletter { background-image: url(/img/hp-newsletter.png); }
#helpline { background-image: url(/img/hp-helpline.png); }
#helpline em { font-style: normal; display: inline-block; width: 85px; }
#helpline-vyprodej em { font-style: normal; display: inline-block; width: 85px; }

#hp h2 { font-size: 21px; margin: 10px 0 10px; }
ul#news { margin: 10px 0; list-style: none; font-size: 11px; }
#news li { border-bottom: 1px solid #c2c1c1; padding: 10px 0; text-align: right; overflow: auto; }
#news li.posledni { border-bottom: 1px solid #ffffff; padding: 10px 0; text-align: right; overflow: auto; }
#news .date { display: block; float: left; width: 75px; color: #999; font-style: normal; text-align: left; }
#news .foto { display: block; float: left; width: 95px; color: #999; font-style: normal; text-align: left; }
#news .text { display: block; float: left; width: 352px; text-decoration: none; text-align: left; }
#news img { vertical-align: middle; }
.news-nadpis { padding-bottom: 10px; }

#hp #box { margin: 15px 0 0; }
#hp #box .box { background-image: url(/img/box-white-bg.png); margin: 0 20px 15px 0; }
#hp #box .box h3 { width: 102px; padding-right: 3px; font-size: 12px; text-align: left; }
#hp #box .box .price { position: absolute; bottom: 32px; left: 87px; font-size: 11px; margin: 0; }
#hp #box .box .price .new-price { font-size: 14px; color: #da251d; }


/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { border: 1px solid #c2bab2; background-color: #F6F6F6;}
input, select, textarea { font: 12px Arial, Helvetica, sans-serif; }


/******************************

	footer

******************************/
#footer { height: 50px; background: url(/img/footer-top-bg.png) 0 0 repeat-x; padding: 20px 0 5px; color: #7e7c7e; font-size: 11px; }
#footer .logo { float: left; margin: 5px 0 0; padding-left: 20px; }
#footer .copy { float: left; padding: 0 0 0 15px; width: 750px; line-height: 1.2; }















/* FOTOGALERIE NÁHLEDY */

.fotky {
text-align: center;
}

.fotky IMG {
border: 1px solid #D5D5D5;
margin: 3px;
padding: 8px;
}

.fotky-media IMG {
border: 1px solid #D5D5D5;
margin: 3px;
padding: 6px;
}

.fotka {
border: 1px solid #D5D5D5;
margin: 3px;
padding: 8px;
}

.fotka-akce {
border: 1px solid #D5D5D5;
margin: 3px;
}

.fotka-sortiment {
border: 1px solid #D5D5D5;
margin: 3px;
padding: 10px;
}

.fotka-vpravo {
text-align: right;
}

.foto-vlevo {
float: left;
padding: 20px;
}

.foto-vpravo {
float: right;
padding: 20px;
}

.foto-stred {
text-align: center;
padding: 20px;
}







/* ÚVOD */

.uvod-upoutavka {
padding: 0px;
border-collapse: collapse; 
margin: 0px auto;
}

.uvod-akce {
margin: 0px;
padding: 0px;
background-image: url("/images/tbl_akce_pozadi.jpg");
background-repeat: no-repeat;
}

.tbl-pismo-akce {
padding: 2px;
padding-left: 10px;
padding-right: 10px;
}

.tbl-pismo-akce-prvni {
padding: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

.tbl-pismo-akce-vpravo {
padding: 2px;
text-align: right;
padding-right: 10px;
}

.tbl-pismo-akce-dole {
padding: 6px;
padding-top: 0px;
text-align: center;
}

.tbl-pismo-akce-cara {
border-bottom: 1px dotted #787878;
text-align: right;
padding-right: 10px;
}

.tbl-foto-akce {
padding-left: 10px;
}

.tbl-foto-akce-prvni {
padding-left: 10px;
padding-top: 10px;
}

#uvod-text {
padding: 4px;
padding-top: 10px;
padding-bottom: 20px;
text-align: justify;
}

#uvod-motiv-foto1 {
width: 962px;
height: 200px;
background-image: url("/img/visual1.jpg");
background-repeat: no-repeat;
background-color: #D8DAD9;
}

#uvod-motiv-foto2 {
width: 962px;
height: 200px;
background-image: url("/img/visual2.jpg");
background-repeat: no-repeat;
background-color: #D8DAD9;
}

#uvod-motiv-foto3 {
width: 962px;
height: 200px;
background-image: url("/img/visual3.jpg");
background-repeat: no-repeat;
background-color: #D8DAD9;
}

#uvod-motiv-foto4 {
width: 962px;
height: 200px;
background-image: url("/img/visual4.jpg");
background-repeat: no-repeat;
background-color: #D8DAD9;
}

#uvod-motiv-foto5 {
width: 962px;
height: 200px;
background-image: url("/img/visual5.jpg");
background-repeat: no-repeat;
background-color: #D8DAD9;
}

#uvod-motiv-foto6 {
width: 962px;
height: 200px;
background-image: url("/img/visual6.jpg");
background-repeat: no-repeat;
background-color: #D8DAD9;
}

#uvod-motiv-foto7 {
width: 962px;
height: 200px;
background-image: url("/img/visual7.jpg");
background-repeat: no-repeat;
background-color: #D8DAD9;
}

#uvod-motiv-foto-obsah {
padding-left: 700px;
padding-top: 100px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
color: #8A8A8A;
letter-spacing: 1px;
}

#uvod-motiv-foto-obsah-sk {
padding-left: 650px;
padding-top: 100px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
color: #8A8A8A;
letter-spacing: 1px;
}

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

.vyhl-select {
background-color: #F6F6F6;
margin-bottom: 4px;
}

#zpetne {
font-size: 10px;
padding-bottom: 20px;
}

#zpetne A {
color: #7E7C7E;
}











/* O NÁS A OP LZZ PROJEKT */

.foto-vpravo {
text-align: right;
padding: 10px;
}

.foto-oplzz {
text-align: center;
}

.foto-oplzz IMG {
padding: 20px;
}









/* SORTIMENT */

.kartuse-box {
background-image: url("/images/ikona_xls.gif");
background-repeat: no-repeat;
background-color: #EAD6BE;
padding: 8px;
padding-left: 30px;
margin: 0px auto;
width: 210px;
}

.sortiment-vykres-box {
background-image: url("/images/ikona_pdf.gif");
background-repeat: no-repeat;
background-color: #EAD6BE;
padding: 8px;
padding-left: 30px;
margin: 0px auto;
width: 170px;
}

.sortiment-vizualizace-box {
background-repeat: no-repeat;
background-color: #E4E4E4;
padding: 8px;
margin: 0px auto;
width: 200px;
}

.tbl-pismo2-stred-sl1 {
padding: 6px;
text-align: center;
font-size: 11px;
width: 33%;
border: 1px solid #E1E1E1;
background-image: url("/images/tbl_sortiment_pozadi.jpg");
background-position: bottom;
}

.tbl-pismo2-stred-sl2 {
padding: 6px;
text-align: center;
font-size: 11px;
width: 33%;
border: 1px solid #E1E1E1;
background-image: url("/images/tbl_sortiment_pozadi.jpg");
background-position: bottom;
}

.tbl-pismo2-stred-sl3 {
padding: 6px;
text-align: center;
font-size: 11px;
width: 33%;
border: 1px solid #E1E1E1;
background-image: url("/images/tbl_sortiment_pozadi.jpg");
background-position: bottom;
}

.tbl-pismo2-stred-ostatni {
padding: 6px;
text-align: center;
font-size: 11px;
width: 33%;
height: 40px;
border: 1px solid #E1E1E1;
background-image: url("/images/tbl_sortiment_pozadi.jpg");
background-position: bottom;
}

.sortiment-tbl {
padding: 0px;
margin: 0px;
width: 738px;
border-collapse: collapse; 
}

.sortiment-kategorie-tbl {
padding: 0px;
margin: 0px auto;
border-collapse: collapse; 
}

.sortiment-detail-tbl {
padding: 0px;
margin: 0px;
}

.sortiment-detail-bunka  {
background-color: #E4E4E4;
padding: 8px;
border: 1px dotted #000000;
}

.tbl-pismo-sortiment {
padding: 8px;
padding-left: 15px;
text-align: left;
}

.sortiment-detail-tbl2-vlevo {
padding-right: 50px;
}

.sortiment-tbl-panel {
padding: 0px;
margin: 0px;
background-color: #808080;
margin: 0px auto;
}

.katalog-box-pdf {
background-image: url("/images/ikona_pdf.gif");
background-repeat: no-repeat;
background-color: #EAD6BE;
padding: 8px;
padding-left: 30px;
margin: 0px auto;
width: 200px;
}

.sestavy-pulka {
width: 50%;
}

.sestavy-tbl {
padding: 0px;
margin: 0px;
width: 100%;
border-collapse: collapse;
}

.sestavy-tbl td {
padding: 5px;
padding-left: 6px;
padding-right: 6px;
margin: 0px;
}

.sestavy-tbl td.foto {
padding: 0px;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
margin: 0px;
}

.sestavy-foto {
padding: 0px;
margin: 0px;
border: 0px;
}

.sestavy-tbl-sv {
background-color: #e9e9e9;
width: 50%;
}

.sestavy-tbl-tm {
background-color: #dddddd;
width: 50%;
}

.sestavy-cena {
font-weight: bold;
text-align: right;
}











/* NOVINKY */

.tbl-pismo-novinky {
padding: 10px;
padding-top: 5px;
text-align: left;
}

.tbl-pismo-novinky-sl1 {
padding: 10px;
padding-top: 5px;
text-align: left;
width: 40%;
}

.tbl-pismo-novinky-sl1-video {
background-image: url("/images/ikona_video_novinky.gif");
background-repeat: no-repeat;
padding: 10px;
padding-top: 5px;
text-align: left;
width: 40%;
}

.tbl-pismo-novinky-sl2 {
padding: 10px;
padding-top: 5px;
text-align: left;
width: 40%;
}

.tbl-pismo-novinky-sl2-video {
background-image: url("/images/ikona_video_novinky.gif");
background-repeat: no-repeat;
padding: 10px;
padding-top: 5px;
text-align: left;
width: 40%;
}

.novinky-nadpis {
margin-bottom: 10px;
font-weight: bold;
}

.tbl-foto-novinky-uvod {
padding-bottom: 5px;
}

.tbl-foto-novinky {
padding-bottom: 10px;
}











/* PRODEJNY */

.prodejny-mapa {
border: 0px;
}

.prodejny-adresa {
width: 300px;
}

.prodejci-mesto {
padding-bottom: 4px;
font-size: 11px;
color: #848484;
letter-spacing: 1px;
}







/* FOTOGALERIE */

H2.fotogalerie {
text-align: center;
}







/* KONTAKTY */

.kontakty-tbl {
padding: 0px;
margin: 0px;
width: 738px;
border-collapse: collapse; 
}

.kontakty-tbl td {
padding: 5px;
margin: 0px;
border: 1px solid #FFFFFF;
}

.kontakty-tbl-sirka {
padding: 0px;
margin: 0px;
border-collapse: collapse; 
}

.kontakty-tbl-sirka td {
padding: 5px;
margin: 0px;
border: 1px solid #FFFFFF;
}

.kontakty-tbl-nad {
background-color: #4f4f4f;
}

.kontakty-tbl-sv {
background-color: #EAD6BE;
}

.kontakty-tbl-tm {
background-color: #E1C5A5;
}

.kontakty-tbl-bila {
background-color: #FFFFFF;
}

.kontakty-tbl-zluta {
background-color: #F7EACC;
}

.kontakty-tbl-vinova {
background-color: #E3D4DF;
}

.kontakty-tbl-modra {
background-color: #DAF0EF;
}

.kontakty-tbl-cervena {
background-color: #FCC9C2;
}

.kontakty-tbl-zelena {
background-color: #D5FCC2;
}

.kontakty-box {
background-image: url("/images/ikona_napoveda.gif");
background-repeat: no-repeat;
background-color: #EAD6BE;
padding: 8px;
padding-left: 30px;
margin-bottom: 5px;
width: 180px;
}

.kontakty-box1 {
background-image: url("/images/ikona_napoveda.gif");
background-repeat: no-repeat;
background-color: #EAD6BE;
padding: 8px;
padding-left: 30px;
margin: 0px auto;
width: 450px;
}

.kontakty-box2 {
background-image: url("/images/ikona_napoveda.gif");
background-repeat: no-repeat;
background-color: #EAD6BE;
padding: 8px;
padding-left: 30px;
margin: 0px auto;
width: 240px;
}

.kontakty-box-hu {
margin: 0px auto;
width: 200px;
background-color: #EAD6BE;
padding: 10px;
}








/* PRO PRODEJCE */

.podpora-tbl {
margin: 0px auto;
}




/* ZPRÁVY */

.zpravy-box {
margin: 0px auto;
width: 570px;
background-color: #EAD6BE;
padding: 10px;
}




/* KARIÉRA */

.kariera-box {
text-align: center; 
border: 1px solid #BBBBBB;
width: 740px;
}

.kariera-logo {
padding: 10px;
}

.kariera-pozice {
padding: 6px;
background-color: #606060;
color: #FFFFFF;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}

.kariera-tbl {
padding: 6px;
width: 738px;
margin-top: 15px;
}

.kariera-tbl-vlevo {
padding: 6px;
text-align: left;
width: 370px;
}

.kariera-tbl-vpravo {
padding: 6px;
text-align: left;
width: 370px;
}











/* MÉDIA */

.tbl-pismo2-stred-media {
padding: 6px;
text-align: center;
font-size: 11px;
width: 25%;
border: 1px solid #E1E1E1;
background-image: url("/images/tbl_sortiment_pozadi.jpg");
background-position: bottom;
}











/* OSTATNÍ */

ul.seznam li {margin: 4px;
    list-style-type: square}

ul.seznam-sortiment {
	padding-top: 20px;
	padding-left: 10px;
}

ul.seznam-sortiment li {margin: 4px;
    list-style-type: square;
}

ul.seznam-nejprodavanejsi {
	padding-left: 10px;
	padding-bottom: 20px;
                 font-size: 11px;
}

ul.seznam-nejprodavanejsi li {margin: 4px;
    list-style-type: square}


.pismo {font-family: Verdana,Arial;
              font-size: 70%;
              color: #000000}

.pismo2 {font-size: 90%}

.pismo-bile {font-family: Verdana,Arial;
                      font-size: 70%;
                      color: #FFFFFF}

.tabulka-oranzova {
background-color: #EAD6BE;
padding: 10px;
}

.cervena {
color: #B42020;
font-weight: bold;
}

.tbl-pismo {
padding: 6px;
text-align: left;
}

.tbl-pismo-bile {
padding: 6px;
text-align: left;
color: #FFFFFF;
}

.tbl-pismo2 {
font-size: 11px;
}

.tbl-pismo-aktivni {
padding: 6px;
background-color: #EAD6BE;
text-align: center;
}

.tbl-pismo-stred {
padding: 6px;
text-align: center;
}

.tbl-pismo-vpravo {
padding: 6px;
text-align: right;
}

.tbl-pismo2-stred {
padding: 6px;
text-align: center;
font-size: 11px;
}

.tbl-stred {
text-align: center;
}

.text-mezera {
                    width: 100%;
                    border-top: 1px dotted #787878;
                    padding-bottom: 10px;
}

.input {
background-color: #F6F6F6;
}

.submit {
background-color: #7F7F7F;
color: #FFFFFF;
}

H2.stred {
text-align: center;
}

H3.stred {
text-align: center;
}

.nove {
width: 35px;
background-color: #B42020;
padding: 1px;
font-family: Verdana, Arial;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
margin: 0px auto;
margin-bottom: 4px;
}

.nove-detail {
float: right;
width: 45px;
background-color: #B42020;
padding: 1px;
margin-bottom: 4px;
font-family: Verdana, Arial;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}


.pomuzeme {
background-image: url("/images/ikona_napoveda.gif");
background-repeat: no-repeat;
}


A.odkaz-pomuzeme {
background-image: url("/images/ikona_pomuzeme.gif");
background-repeat: no-repeat;
text-decoration: none;
color: #000000;
font-weight: bold;
padding-left: 26px;
}

A.odkaz-pomuzeme:hover {
color: #FFFFFF;
}

A.paticka-odkaz {
color: #7E7C7E;
}





/* FOTOGALERIE */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }