@media screen {
/* common */
body {color: #999; background: #000; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h1#logo {position: absolute; top: 0; left: 0; padding: 0;}
h1 {font-size: 110%; padding: 10px}
h2 {color: #fff; font-size: 95%; text-transform: uppercase; margin-bottom: 15px;}
h3 {color: #AFB7B9; font-size: 75%; text-transform: uppercase; margin: 0 15px 10px 15px;}


p {font-size: 70%; margin: 0 0 1.33em 0; line-height: 1.3em;}
p#lng {position: absolute; top: 10px; left: 300px;}
ul, ol, dl {font-size: 80%; margin: 0 0 1.33em 0; padding: 0;}
ul {list-style: none;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.5em; margin-bottom: 0.7em;}

img {border: 0; max-width: 435px;}

/* table {font-size: 80%;} */
th {text-align: left;}

hr {overflow: hidden; clear: both; border: #3F3F3F solid; border-width: 1px 0 0 0; line-height: 0; margin: 0; padding: 0; height: 1px; margin-bottom: 10px;}

a, a:link {color: #fff;}
a:hover {text-decoration: none;}
a:focus, a:active {color: #fff; background: #000; text-decoration: none;}

/* layout */
#case, #header {position: relative;}
#case {background: #212121; text-align: left; margin: 0 auto; width: 980px;}
#header {background: #2B2B2B; height: 84px;}
#leftHolder {float: left; padding-top: 320px; width: 260px;}
#leftHolder p {margin-left: 15px;}
 
/* STARE OBRAZKY
.levy_0 {background: url(../img/random_img/Levy.jpg) top left no-repeat;}
.levy_3 {background: url(../img/random_img/IMG_1278.jpg) top left no-repeat;}
.levy_4 {background: url(../img/random_img/IMG_1344.jpg) top left no-repeat;}
.levy_5 {background: url(../img/random_img/IMG_3511.jpg) top left no-repeat;}
*/
.levy_0 {background: url(../img/random_img/egyptologie.jpg) top left no-repeat;}
.levy_1 {background: url(../img/random_img/8798.jpg) top left no-repeat;}
.levy_2 {background: url(../img/random_img/9886.jpg) top left no-repeat;}
.levy_3 {background: url(../img/random_img/mali.jpg) top left no-repeat;}
.levy_4 {background: url(../img/random_img/spanelsko.jpg) top left no-repeat;}
.levy_5 {background: url(../img/random_img/sk08.jpg) top left no-repeat;}
.levy_6 {background: url(../img/random_img/IMG_3774.jpg) top left no-repeat;}

#rightHolder {float: right; width: 720px;}
/*#left {background: url(../img/Ckn.png) 50% 1% no-repeat; margin: 0 20px 0 15px; padding-top: 140px;}*/
#left a {position: relative; top: 0px; left: 80px; width: 107px; height: 107px; background: url(../img/Ckn.png) no-repeat; display: block; margin-bottom: 20px;}
#menu_cz {background: url(../img/Hlava.jpg) top left no-repeat; height: 176px; z-index:100;}
#menu_en {background: url(../img/Hlava.jpg) top left no-repeat; height: 176px;}
#news {padding-top: 22px; float: right; width: 250px;}
#articles {background: #2B2B2B; float: left; width: 470px;}
#footer {color: #909090; padding: 30px 10px 5px 10px;}

/* content */
h1#logo a, h1 a span {display: block; width: 260px; height: 84px;}
h1#logo a {position: relative; z-index: 1; overflow: hidden;}
h1#logo a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

h1#logo .cz {background: url(../img/Logo.png);}
h1#logo .en {background: url(../img/Logo_en.png);}

p#tools {position: absolute; top: 50px; right: 20px;}
p#tools a, p#tools a span {background-color: #2B2B2B; display: block; width: 11px; height: 11px;}
p#tools a {position: relative; z-index: 1; overflow: hidden; float: left; margin-left: 70px;}
p#tools a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

p#hp {position: absolute; top: 10px; right: 20px; letter-spacing: .1em;}
p#hp a {color: #009BBE; text-decoration: none;}
p#hp a:hover {text-decoration: underline;}

a#domu, a#domu span {background: url(../img/Home.gif) top left no-repeat;}
a#lupa, a#lupa span {background: url(../img/Contact.gif) top left no-repeat;}
a#sipy, a#sipy span {background: url(../img/Sitemap.gif) top left no-repeat;}

/* CZ verze - nesikovne, ale jinymi zpusoby se to zobrazovalo spatne */
#menu_cz ul {font-family: Tahoma, sans-serif; font-weight: bold; text-align: right; padding-top: 20px; width: 215px; z-index:100;}
#menu_cz ul li {background: url(../img/Menu.gif) 212px 5px no-repeat; font-size: 80%; line-height: 1.4em; position: relative; z-index: 100; margin: 0; padding-right: 8px; width: 207px;}
#menu_cz ul li a {color: #fff; text-transform: uppercase; text-decoration: none; z-index:100;}
#menu_cz ul li a:hover {color: #7DC2D6; z-index:100;}

#menu_cz ul li ul {display: none;}
#menu_cz ul li.menuon ul {background: #323232; font-weight: normal; display: block; position: absolute; z-index: 2; top: -7px; left: 215px; margin: 0; padding: 8px; width: 140px; z-index:100;}
#menu_cz ul li ul li {background: url(../img/SubMenu.gif) 0% 50% no-repeat; font-size: 110%; text-align: left; padding: 0 0 0 8px; width: 132px; z-index:100;}
#menu_cz ul li ul li a {text-transform: none; z-index:100;}
#menu_cz ul li ul li a:hover {color: #ACACAC; z-index:100;}
#menu_cz ul li.menuon ul li ul, #menu_cz ul li ul li ul li {display: none;}

#menu_cz form {padding: 10px 5px 0 0; float: right;}
#menu_cz form input {vertical-align: middle;}

/* EN verze*/
#menu_en ul {font-family: Tahoma, sans-serif; font-weight: bold; text-align: right; padding-top: 20px; width: 215px;}
#menu_en ul li {background: url(../img/Menu.gif) 212px 5px no-repeat; font-size: 80%; line-height: 1.4em; position: relative; z-index: 1; margin: 0; padding-right: 8px; width: 207px;}
#menu_en ul li a {color: #fff; text-transform: uppercase; text-decoration: none;}
#menu_en ul li a:hover {color: #7DC2D6;}

#menu_en ul li ul {display: none;}
#menu_en ul li.menuon ul {background: #323232; font-weight: normal; display: block; position: absolute; z-index: 2; top: -7px; left: 215px; margin: 0; padding: 8px; width: 140px;}
#menu_en ul li ul li {background: url(../img/SubMenu.gif) 0% 50% no-repeat; font-size: 110%; text-align: left; padding: 0 0 0 8px; width: 132px;}
#menu_en ul li ul li a {text-transform: none;}
#menu_en ul li ul li a:hover {color: #ACACAC;}
#menu_en ul li.menuon ul li ul, #menu_en ul li ul li ul li {display: none;}

#menu_en form {padding: 10px 5px 0 0; float: right;}
#menu_en form input {vertical-align: middle;}


#articles h2 {background: url(../img/Nadpis.png) top left repeat-y; margin: 15px 0; padding: 6px 25px 4px 25px;}
#articles h2 a {color: #fff; text-decoration: none;}
#articles h2 a:hover {color: #ddd;}
#articles hr {border-color: #212121;}
#articles p {margin: 0 15px 1.33em 15px;}
#articles img {border: 1px solid #000; margin: 0 15px;}
#articles ul li {font-size: 90%; list-style-type: square; line-height: 1.5em; margin: 0 15px 0.7em 30px;}

#news h2, #news h3, #news p, #news hr {margin-left: 25px;}
#news h2, #news p, #news hr {margin-right: 50px;}
#news h3 {display: inline;}
#news img {border: 1px solid #A4ADB0; margin-left: 25px;}
#news a {color: #A4ADB0;}
#news a.sipka {color: #0AB9EF; background: url(../img/Sipka.gif) 0% 50% no-repeat; padding-left: 15px;}
#news p.datum {color: #000; background: #009BBE; font-size: 70%; font-weight: bold; padding: 0 2px; margin: 1px 50px 0 0; display: inline;}
#news .clr {margin-bottom: 10px;}

#left img {border: 1px solid #878787;}

#footer p {margin: 0;}
#footer a {color: #909090; text-decoration: none;}
#footer a:hover {color: #0AB9EF; text-decoration: underline;}

/* pre-defined */
.center {text-align:center;}
.right {text-align:right;}

.clr {clear: both;}
.fl {float:left;}
.fr {float:right;}

.il {margin: 4px 15px 0 0;}
.ir {margin: 4px 0 0 15px;}

.noscr {visibility: hidden; border: 0; margin: 0;}

/* nove pridane styly */
.news-frontend {padding: 10px;}
.news-frontend h4 {font-size: 80%;}
.news-frontend img {padding: 0 3px 0 0}
.news-frontend hr {border-color: #212121;}

#searchResult {padding: 15px 10px;}
}

#search {
	position: absolute;
	top: 210px;
	right: 10px;
}

.blue {color: rgb(0, 155, 190);}

a#eu2009:hover {cursor: pointer}

@media print {
body {font-family: Georgia, serif;}
table {border-collapse: collapse; border: 0;}
th, td {border: 1px solid;}
.noprint, .noscr, .nav {display: none;}
}





/* -------------- BAREVNE ikony facebook a twitter v horni liste ------------------- */

p#tools a#facebook, p#tools a#facebook span {
  background:transparent url(../img/ikona_facebook_barevna.png) no-repeat scroll left top;
  width: 16px;
  height: 16px; 
}
p#tools a#facebook
{
  top: -3px;
}


p#tools a#twitter, p#tools a#twitter span {
  background:transparent url(../img/ikona_twitter_barevna.png) no-repeat scroll left top;
  width: 16px;
  height: 16px;  
}
p#tools a#twitter
{
  top: -3px;
}