@media screen, handheld, tv, projection
{

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #fff;
background-image: url(obrazy/pozadik_stranky.jpg);
background-repeat: repeat-x;
background-color: #000000;
padding: 0;
margin: 0;
text-align: center;
}
 
img {
margin: 0;
}

h1 {
width: 726px;
height: 52px;
margin: 0 auto;
padding: 0;
background-image: url(obrazy/hlavicka.jpg);
background-repeat: no-repeat;
overflow: hidden;
}

h2, h3 {
font-size: 1.4em;
text-transform: lowercase;
margin: 0;
padding: 2.8em 0 0.6em 40px;
}

h3 {
padding: 0 0 0.8em 40px;
}

a {
color: #C4917A;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.pruhledny { 
visibility: hidden; 
}

.cerny {
color: #000000;
}

.hnedy {
color: #C4917A; 
}

.schovat {
display: none;
}

.block {
display: block;
}
	 
strong {
font-weight: bold;
font-size: 1.1em;
}
 
#menu {
width: 726px;
height: 59px;
margin: 0 auto;
background: url(obrazy/menu.jpg) left center no-repeat;
text-transform: lowercase;
}
 
#logo, #menu_home, #menu_handmade, #menu_eliska, #menu_kontakt {
font-size: 1.1em;
font-weight: bold;
margin: 0;
padding: 0;
display: block;
float: left;
}
#menu_home a, #menu_handmade a, #menu_eliska a, #menu_kontakt a {
margin: 0;
padding: 40px 0 0 0; 
display: block;
text-decoration: none;
color: #fff;
height: 19px;
}
#menu_home a:hover, #menu_handmade a:hover, #menu_eliska a:hover, #menu_kontakt a:hover {
text-decoration: none;
background: url(obrazy/menu_handmade.jpg) left center no-repeat;
}

#menu_home {
width: 76px;
}
#menu_home a {
width: 76px;
}
#menu_home a:hover {
background: url(obrazy/menu_home.jpg);
}

#menu_handmade {
width: 147px;
}
#menu_handmade a {
width: 147px;
}
#menu_handmade a:hover {
background: url(obrazy/menu_handmade.jpg);
}
						
#menu_eliska {
width: 135px;
}
#menu_eliska a {
width: 135px;
}
#menu_eliska a:hover {
background: url(obrazy/menu_eliska.jpg);
}

#menu_kontakt {
width: 90px;
}
#menu_kontakt a {
width: 90px;
}
#menu_kontakt a:hover {
background: url(obrazy/menu_kontakt.jpg);
}

#logo {
margin: 0 113px 0 0;
padding: 0 0 0 30px;
height: 59px;
width: 135px;
}

#stred_index, #stred_eliska, #stred_handmade {
width: 726px;
margin: 0 auto 0 auto;
background-image: url(obrazy/stred_index.jpg);
background-repeat: no-repeat;
background-color: #1b1b1b;
text-align: left;
}
 
#stred_eliska {
background-image: url(obrazy/stred_eliska.jpg);
}

#stred_handmade {
background-image: url(obrazy/stred_hand_made.jpg);
background-color: #2d2d2d;
}
 
p.text, p.text_eliska, p.text_eliska_obal {
text-align: justify;
margin: 1em 40px;
padding: 0;
}

p.text_eliska {
margin: 1.5em 40px; /* odstavce s obrazky v diskografii */
}

p.text_eliska_obal img {
margin: 0 20px 0 0;
} /* obrazky v diskografii */
 
ul.text, ul.text_eliska {
margin: 1em 40px;
padding: 0;
text-align: justify;
line-height: 1.6em;
}

ul.text_eliska {
margin: -1.2em 40px 1.5em 40px;
line-height: 1.3em;
}

li {
list-style-type: none;
}

.ukazky {
margin: 1.5em 40px; /* tabulky z ukazkami */
text-align: justify;
}

.ukazky a {
font-weight: bold; /* odkazy v tabulkach z ukazkami */
}

img.vlevo {
margin: 0 10px 10px 0; /* miniatura fotky */
float: left;
}

img.vpravo {
margin: 0 0 10px 10px;
float: right; /* miniatura fotky */
}

.index_fotografie, .eliska_fotografie {
text-align: center;
}

p img, div.handmade img {
border: 2px solid #C4917A;
}
 
.index_fotografie img, .eliska_fotografie img {
margin: 20px 20px 20px 20px;
border: 2px solid #C4917A;
}
	       
#vlajka {
margin: 0 0.3em;
border: none;
}

div#submenu {
font-weight: bold;
text-transform: lowercase;
margin: 0 0 2.5em 0;
text-align: left;
padding: 0 0 0 3.7em;
}

div#submenu a {
text-decoration: none;
} 

div#submenu a:hover {
text-decoration: underline;
color: #FFFFFF;
} 
 
p.handmade_foto {
width: 644px;
margin: 0.5em auto 0 auto;
padding: 0;
text-align: center;
}

p.handmade_foto span {
padding: 0.5em 0;
display: block;
}
 
div.handmade {
padding: 2em 55px 0 55px;
clear: both;
}

div.handmade div {
float: right;
width: 390px;
}

div.handmade div h4 {
font-size: 1.1em;
text-transform: lowercase;
margin: 0;
padding: 0;
}

div.handmade ul {
margin: 0.6em 0 0 0;
padding: 0 0 0 0.2em;
line-height: 1.3em;
}

div.handmade ul li {
background: url(obrazy/pomlcka.gif) left top no-repeat;
padding: 0 0 0 0.8em;
}

div.handmade ul li.price, div.handmade ul li.prices {
background: none;
margin: 0.4em 0 0.2em -1em;
font-weight: bold;
}

div.handmade ul li.prices {
margin: 0 0 0 -1em;
}

div.handmade p {
margin: 0.6em 0 0 0;
padding: 0 0 0 0.2em;
line-height: 1.3em;
}
 
.formular {
padding: 1em 0 2em 110px;
margin: 0;
}

div.formular input, div.formular textarea  {
margin: 0.5em 0 1.1em 0;
}

div.formular textarea  {
width: 450px;
height:250px;
}

div.formular p  {
padding: 0.2em 0;
margin: 0;
}

p.handmade_form {
text-align: center;
padding: 3em 0 0 0;
margin: 0;
}

.popisek {
font-size: 0.9em;
margin: 1em auto;
padding: 0;
width: 540px;
height: 12px;
}
 
.oba, .vl, .str, .vpr {
margin: 0;
padding: 0;
width: 455px;
float: left;
display: block;
text-align: right;
}

.vl, .vpr {
float: left;
width: 75px;
padding: 0 5px;
}
 
.str {
text-align: center;
float: right;
width: 370px;
}

.vpr {
float: right;
text-align: left;
}
 
p.nahoru {
margin: 2.5em 40px 0 40px;
padding: 0 0 2em 0;
clear: both;
}

#paticka {
font-size: 0.9em;
width: 726px;
margin: 0 auto;
padding: 1em 0 3em 0;
text-align: center;
}

#paticka a {
color: #fff;
}

/* lightbox */

#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(obrazy/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(obrazy/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 0.95em Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding: 0 12px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: none; 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; }

/* konec lightboxu */

}