/*   
Theme Name: CZECH MULTIMEDIA INTERACTIVE
Theme URI: http://czmi.cz/
Description: CZECH MULTIMEDIA INTERACTIVE style 
Version: 1.5
Author: CZMI
Author URI: http://czmi.cz/
*/

*{padding: 0; margin: 0;} /* Setrime mistem v css - nulovy padding nastavime pro vse. */

/* Body - Cele telo dokumentu */
body,html {
 font-family: "Trebuchet MS", sans-serif; "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; 
 font-size: 82%;
 color: #000000; 
 margin: 0;
 text-align: center;
 background: #fff;
} 

body#page { background:url("grafika/bg-body.gif") 50% 0% repeat-x #fff;  }
table { width: auto; border-collapse: collapse; font-family: "Trebuchet MS", sans-serif; "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; border: 1px solid #fff; clear: left; }
table tr { border: 1px solid #000; background: #fff; border-width: 0 0 1px 0; }
table tr td { padding: 3px 5px 4px 5px; }
table tr td.lab { width: 180px; font-weight: bold; }

object { z-index: 1; }

div.all { width: 760px; height: auto; position: relative; margin: 0 auto; background: #fff; padding: 0 0 0 0; text-align: left; } 

div#top { width: 760px; height: 63px; position: relative; background:url("grafika/bg-top.gif") 0% 0% no-repeat #B50000; } 
div#top a:link, div#top a:visited { color: #000; font-weight: bold; } 
div#top a:active, div#top a:hover { color: #000; font-weight: bold; } 

/* HLAVICKA */
div#header { width: 760px; height: 105px; background: #fff; position: relative; top: 0px; margin: 0 auto; text-align: left; z-index : 50;} 
div#header p#logo, div#header h1#logo { position:absolute; top: 0; left: 0px; width: 236px; height: 105px; overflow:hidden; font-size: 260%; font-weight: bold; }
div#header p#logo img, div#header h1#logo img { display:block; position:absolute; left:37px; top:23px; z-index:1; /* width: 236px; height: 105px; */ }
/* HLAVICKA KONEC */

/* HLAVNI NAVIGACE */
#menu { width: 492px; height: 26px; position: absolute; right: 0; top: 49px; font-size: 150%; font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; background: #8E8E8E; z-index : 50;}
#menu A { font-weight: bold; display: block; width: auto; line-height: 26px; padding: 0 12px; margin: 0 0; z-index: 3; }
#menu A:link,#menu A:visited { text-decoration: none; font-weight: bold; color: #fff; } 
#menu A:active,#menu A:hover { text-decoration: none; font-weight: bold; background: #555; color: #fff; }

#menu a#selected, #menu a#selected:link, #menu a#selected:visited, #menu a#selected:active, #menu a#selected:hover { z-index: 4; background: #555; /* #000; */}
.mozi { display: block; width: 492; height: 1px; clear: left; background: #fff; z-index: 3; font-size: 0; }

#menu ul {visibility : hidden; position : absolute; background: #8E8E8E; margin-left : 0px;}
#menu li {float : left;}
#menu ul li {float : none; font-size : 80%; zoom:1;}
#menu ul li a {*float : left;}
#menu li:hover,
#menu li.hover {background: #555;}
#menu li:hover ul,
#menu li.hover ul {visibility: visible;}

/* HLAVNI NAVIGACE KONEC */

/* XXXXXXX ZDE ZACINA DEFINICE SEARCH FORMU  XXXXXXXX */
#searchbox { width: auto; margin: 0 0; background: #fff; position: absolute; top: 0; right: 0; text-align: right; }
#searchbox form { padding: 14px 0 0 0; }
#searchbox form label { color: #8E8E8E; }
#searchtext { width: 160px; border: 1px solid #C7C7C7; background: #fff; }
#searchsubmit { padding-left: 2px; padding-right: 2px; position: relative; top: 4px; }
/* XXXXXXX ZDE KONCI DEFINICE SEARCH FORMU  XXXXXXXX */

code { 
 font-size: 14px;
 color: #439D00;
 background: #FFEAB3;
 color: #000;
}

form {
 margin: 0;
}

form fieldset {
 padding: 20px 0;
}

form fieldset legend {
 background-color: #A6B755;
 font-weight: bold;
 padding: 2px 10px;
 color: #ffffff;
}


form label.lab1 {
 width: 170px;
 text-align: right;
 color: #000;
 display: block;
 float: left;
 padding: 0 4px 0 0; 
 margin: 0 0 0 0; 
}

.txt {
 background: #EDF5FC;
 border: 1px solid #81A4BE;
}

form input {
 margin: 0 5px 0 0;
}

form p {
 margin: 0 0 0 0;
 padding: 0 0 0 0; 
}

form select {
 margin: 2px 5px 2px 5px;
}

form textarea {
 width: 90%;
 height: 150px;
 margin: 20px 5px 5px 0; 
 background: #EDF5FC;
 border: 1px solid #81A4BE; 
}

.cl, .cr {
width: 160px;
height: auto;
float: left; 
} 

.search {
 width: auto; 
 background: #EBF4FE;
 padding: 20px 0;
 margin: 0;
}

#footer {
width: auto;
height: auto;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #900000;
}

.copy {
 width: 760px;
 height: auto;
 position: relative;
 top: 0px;
 margin: 0 auto;
 padding: 4px 0;
 text-align: center;
 font-size: 110%;
 color: #fff;
}

.copy p {
 margin: 0 0 0 0;
}

hr {
 position: absolute;
 top: -12721px;
 width: 50px;
}

A:link {
 color:#BB0000; 
 text-decoration: underline; 
} 

A:visited {
 color: #747A74; 
 text-decoration: underline; 
} 

A:active, A:hover {
 color: #000; 
 text-decoration: underline; 
} 

a img {
 border: 0px solid #B1B8B8;
}

a:hover img {
 border: 0px solid #000000;
}

h1 {
 width: auto;
 height: auto;
 padding: 0 0;
 margin: 0 0 0 0;
 color: #000;
 text-align: left;
 font-size: 160%;
 font-weight: normal;
} 

h2 {
 width: auto;
 height: auto;
 border-style: none;
 padding: 4px 2px 0 0;
 margin: 15px 0 0 0;
 font-size: 140%; 
 font-weight: bold;
 color: #970000; 
 font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;   
} 

h2 a {
 font-size: 100%; 
}

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
 font-weight: normal;
 font-size: 100%; 
}
h2 a:link {
 color: #BB0000;
 text-decoration: underline;
}
h2 a:visited {
 color: #970000; 
 text-decoration: underline; 
}
h2 a:active {
 color: #000;
 text-decoration: underline; 
}
h2 a:hover {
 color: #000;
 text-decoration: underline; 
}

h3 {
 width: auto;
 height: auto;
 padding: 5px 5px 0 0;
 margin: 10px 0 0 0;
 font-size: 110%; 
 font-weight: bold;
 color: #444444;  
} 

h4 {
 font-size: 100%; 
 margin: 4px 0 -10px 0;
 padding: 5px 0 0 0; 
 width: auto;
 color: #4B6870;
}

h4 span {
 color: #9DBC00; 
} 

h5 {
 font-size: 200%; 
 color: #ffffff; 
}


ul {
 padding: 0; 
 margin: 0 0 0 17px; 
}

ul li {
 list-style-type: none;
} 

.mozi2 {
 width: auto;
 height: 20px;
 clear: both;
 font-size: 0px;
 margin: 0 0 0 0; 
 border-width: 1px 0;
} 

.mozi3 {
 width: auto;
 height: 300px;
 clear: both;
 font-size: 0px;
} 

/* Hlavni Obsah - cela sirka vcetne sidebaru */
.obsah {
 width: 760px; 
 height: auto;
 position: relative;
 bottom: 1px;
 left: 0px; 
 padding: 0;
 margin: 0 auto;
 text-align: left;
 z-index : 20;
} 

div.all#sechome  {
 background: url("grafika/bg-hp.gif") 100% 100% repeat-y;
}

/* Pole pro text */ 
.pole { width: 490px; padding: 5px 0 20px 0; text-align: left; float: right; color: #414B51; font-size: 120%; position: relative; }

div.all#sechome .pole { width: 340px; right: 150px; }

.pole p { margin: 10px 0; color: #161818; }
.pole p cite { color: #566565; }
.pole p.datum { font-weight: bold; }
.pole div.tape { background: #fff; margin: 10px 0 0 0; padding: 0 0 4px 0; position: relative; } 
.pole div.tape h2 { margin: 10px 10px 0 3px; padding: 0 0 0 0; }
.pole div.tape p { margin: 0 10px 5px 3px; }
.pole div.tape div.stripe { background: #fff; padding: 0 0 0 0; margin: 0 0 0 0; } 
.pole div.tape div.stripe p { padding: 0px 0 5px 3px; margin: 0 0 0 0; } 
.pole div.tape div.stripe p img { width: 16px; height: 16px; border: 0; position: relative; top: 4px; } 
.pole div.tape div.stripe p span.zdroj a:link, .pole div.tape div.stripe p span.zdroj a:visited { color: #FF7915;  }
.pole div.tape div.stripe p span.zdroj a:active, .pole div.tape div.stripe p span.zdroj a:hover { color: #000;  } 
.pole img.pereximg { display: block; width: 150px; color: #AEAEAE; text-indent: 5px; margin: 4px 10px 0 0; border: 1px solid #000; background: #fff; float: left; }
.pole img.pereximg2 { display: block; width: 150px; color: #AEAEAE; text-indent: 5px; margin: 4px 10px 0 0; border: 1px solid #eee; background: #fff; float: left; }
.pole img.pereximg3 { display: block; width: 150px; color: #AEAEAE; text-indent: 5px; margin: 8px 10px 0 0; border: 1px solid #eee; background: #fff; float: left; }
.pole img.perexpf { display: block; width: 320px; color: #AEAEAE; text-indent: 5px; margin: 18px 10px 10px 0; border: 1px solid #eee; background: #fff; float: left; }

.pole img.accesscode { margin: 6px 0px -4px 10px; border: 0px background: #fff; }

.pole a:hover img.pereximg { background: #E5ECF9; }
.pole div.tape .reftape { width: 490px; }
.pole div.tape .protape { width: 490px; }
.pole div.tape .reftape h2 { clear: none; }
.pole div.tape .reftape h2 a:link, .pole div.tape .reftape h2 a:visited { color: #000; font-size: 80%; font-weight: bold; }
.pole div.tape .reftape h2 a:active, .pole div.tape .reftape h2 a:hover { color: #CE242B; font-size: 80%; font-weight: bold; }
.pole div.tape .protape h2 { clear: none; }
.pole div.tape .protape h2 a:link, .pole div.tape .protape h2 a:visited { color: #000; font-size: 80%; font-weight: bold; }
.pole div.tape .protape h2 a:active, .pole div.tape .protape h2 a:hover { color: #CE242B; font-size: 80%; font-weight: bold; }
.pole div.tape .protape .pereximg { border: 0; }
.pole ul { padding: 0 10px; margin-top: 15px; }
/* .pole ul li { list-style-image: url("grafika/kulicka.gif"); color: #566565; } */
.pole h2 { clear: none; font-weight: normal; } 

/* formátované seznamy */
.seznammezeraleva, .seznammezeraleva2 {
margin-top:0.4em;
padding-top:0pt;
}

.pole ul.seznammezeraleva, .pole ul.seznammezeraleva2, .pole div.ul ul {
color:#CC0000;
list-style-position:outside;
list-style-type:square;
margin:0pt;
padding:0.4em 0pt 1em 2.6em;
}

.pole ul.seznammezeraleva li, .pole ul.seznammezeraleva2 li, .pole div.ul li {
list-style-position:outside;
list-style-type:square;
}

.pole div.ul li {
    color: #000000;
}

.pole ul.seznammezeraleva li span, .pole ul.seznammezeraleva2 li span {
    color: #000000;
}

.pole ul.seznammezeraleva2 li span, .pole ul.seznammezeraleva2 li A:visited {
    color: #123456;
}

.pole ul.seznammezeraleva2 li A:active, .pole ul.seznammezeraleva2 li A:hover {
    color: #000000;
}

div.all#sechome .pole div.tape { width: 320px; margin: 5px 0 10px 0; padding: 0 0 10px 0;  }

/* Homepage */
div.homebox { 
 width: 253px; 
 height: 100px;
 border: 1px solid #ADB8B5;
 background: #eee;
 float: left;
 margin: 0 0 10px 0; 
}

div.homebox#iconbox { border: 1px solid #EDB857; background:url("grafika/bg-iconbox.jpg") 0% 0% no-repeat #FEE4B6; }
div.homebox#iconbox h2 a:link, div.homebox#iconbox h2 a:visited { color: #B54502; }
div.homebox#iconbox h2 a:active, div.homebox#iconbox h2 a:hover { color: #000; }
div.homebox#ilubox { border: 1px solid #E67070; background:url("grafika/bg-ilubox.jpg") 0% 0% no-repeat #FFDBDB; position: relative; left: 10px; }
div.homebox#ilubox h2 a:link, div.homebox#ilubox h2 a:visited { color: #8F0707; }
div.homebox#ilubox h2 a:active, div.homebox#ilubox h2 a:hover { color: #000; }
div.homebox#cssbox { border: 1px solid #ADD677; background:url("grafika/bg-cssbox.jpg") 0% 0% no-repeat #E0F9BF; }
div.homebox#cssbox h2 a:link, div.homebox#cssbox h2 a:visited { color: #45621E; }
div.homebox#cssbox h2 a:active, div.homebox#cssbox h2 a:hover { color: #000; }
div.homebox#tipbox { border: 1px solid #E67DE5; background:url("grafika/bg-tipbox.jpg") 0% 0% no-repeat #FBD0FA; position: relative; left: 10px; }
div.homebox#tipbox h2 a:link, div.homebox#tipbox h2 a:visited { color: #810C81; }
div.homebox#tipbox h2 a:active, div.homebox#tipbox h2 a:hover { color: #000; }
div.homebox h2, div.homebox p  { margin: 5px 10px 0 50px; }
div.homebox h2  { font-size: 110%;  font-family: "Trebuchet MS", sans-serif; "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; }
div.homebox h2 a:link, div.homebox h2 a:visited, div.homebox h2 a:active, div.homebox h2 a:hover { font-weight: bold; }
/* Homepage konec */

#refbox { width: 140px; height: auto; position: absolute; top: -12px; right: -150px; }
#refbox h2 { width: 140px; background:url("grafika/bg-refh2.gif") 0% 0% #CE242B; color: #fff; font-size: 100%; font-weight: bold; text-indent: 10px; padding: 10px 0; }
#refbox h2 a:link, #refbox h2 a:visited {color: #fff; font-size: 100%; font-weight: bold;}
#refbox h2 a:active, #refbox h2 a:hover {color: #000;}
#refbox p { padding: 0 14px; text-align: left; color: #E4B4B5; font-size: 90%; }
#homeref { width: 140px; height: 50px; text-align: center; }
#homeref img { margin: 2px auto 0 auto; }
.albu a img, .albu a:hover img { 
 margin: 3px;
}

#refbox a:link, #refbox a:visited { color: #E4B4B5;  }
#refbox a:active, #refbox a:hover { color: #fff;  }
a.vice:link, a.vice:visited { color: #E4B4B5; }  
a.vice:active, a.vice:hoverr { color: #fff; } 
a.vicebold:link, a.vicebold:visited { color: #E4B4B5; font-weight: bold; }  
a.vicebold:active, a.vicebold:hoverr { color: #fff; font-weight: bold; } 
.albu a img { 
 border: 1px solid #eee;
}

.albu a:hover img { 
 border: 1px solid #AEAEAE;
}

/* listovací navigace */
a.btnsearch { display: block; width: 140px; height: 30px; line-height: 30px; text-align:center; float: left; margin: 20px 50px 0 0 }  
a.btnsearch:link, a.btnsearch:visited { background: #B30004; color: #fff;}
a.btnsearch:active, a.btnsearch:hover { background: #000; color: #fff;}

/* a.butonek { display: block; width: 140px; height: 50px; line-height: 50px; text-align:center; } */
a.butonek { display: block; width: 140px; height: 50px; line-height: 50px; text-align:center; float: left; margin: 0 10px 0 0 }  
a.butonek:link, a.butonek:visited { background: #B30004; color: #fff;}
a.butonek:active, a.butonek:hover { background: #000; color: #fff;}
/* dva vedle sebe */
a.butonek1 { display: block; width: 220px; height: 50px; line-height: 50px; text-align:center; float: left; margin: 0 10px 0 0 }  
a.butonek1:link, a.butonek1:visited { background: #B30004; color: #fff;}
a.butonek1:active, a.butonek1:hover { background: #000; color: #fff;}
/* širší */
a.butonek2 { display: block; width: 240px; height: 50px; line-height: 50px; text-align:center; float: left; margin: 0 10px 0 0 }  
a.butonek2:link, a.butonek2:visited { background: #B30004; color: #fff;}
a.butonek2:active, a.butonek2:hover { background: #000; color: #fff;}
/* užší */
a.butonek0 { display: block; width: 100px; height: 50px; line-height: 50px; text-align:center; float: left; margin: 0 10px 0 0 }  
a.butonek0:link, a.butonek0:visited { background: #B30004; color: #fff;}
a.butonek0:active, a.butonek0:hover { background: #000; color: #fff;}
/* celá šířka */
a.butonek-cela-sirka { display: block; width: 485px; height: 50px; line-height: 50px; text-align:center; float: left; margin: 0 10px 0 0 }  
a.butonek-cela-sirka:link, a.butonek-cela-sirka:visited { background: #B30004; color: #fff;}
a.butonek-cela-sirka:active, a.butonek-cela-sirka:hover { background: #000; color: #fff;}

/* ODKAZ NA DETAIL CLANKU */
A.perm:link, A.perm:visited, A.perm:active, A.perm:hover {
 display: block;
 width: 104px;
 height: 26px;
 line-height: 26px;
 margin: 0 0 0 4px; 
 position: relative;
 left: 388px;
 bottom: 2px;
 font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"; 
 text-decoration: underline;  
 color: #fff;
 text-align: center;
 font-weight: bold;
}

A.perm:link, A.perm:visited { background: #FF9300; }
A.perm:active, A.perm:hover { background: #484848; }
A.perm:link span, A.perm:visited span, A.perm:active span, A.perm:hover span { display: block; width: 104px; height: 26px; position: absolute; top: 0; left: 0; z-index: 3; text-decoration: none; font-size: 0; }
A.perm:link span, A.perm:visited span { background:url("grafika/tl-getdetails.gif") 0% 0% no-repeat; }
A.perm:active span, A.perm:hover span { background:url("grafika/tl-getdetails.gif") 0% -26px no-repeat; }
/* ODKAZ NA DETAIL CLANKU KONEC */

/* Pod clankem */
.dolni {
 width: auto;
 margin: 80px 0 0 0;
 padding: 10px;
 background: #F0F0F0;
 border: 1px solid #C3C3C3;
}

/* 1 komentar */
h2#titlecomments {
 width: 500px;
 background: #E9F0F3;
 color: #304D58;
 padding: 4px 0 4px 0;
 text-indent: 8px;
 height: auto;
 line-height: auto;
}

div.com {
 width: auto;
 margin: 10px 0 0 0;
 padding: 10px 0;
 background: #fff;
}

/* Jmeno autora */
div.com span.autor_jmeno {
 display: block;
 width: 165px;
 float: left;
 padding: 0;
 margin: 0;
 position: relative;
 left: 10px;
 font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE";
 font-size: 120%;
 color: #475E78;
}

/* Web autora */
div.com span.autor_web {
 display: block;
 width: 290px;
 float: right;
 text-align: right;
 padding: 0;
 margin: 0;
}

.com p {
 clear: both;
 margin: 0 10px 10px 10px;
 color: #434E58;
}

/* Sidebar */
#side {
 width: 236px;
 height: auto;
 margin: 0;
 position: relative;
 bottom: 20px;
 padding: 25px 0 0 0;
 float: left;
 font-size: 100%;
 background: #fff;
} 

#side h2 {
 width: auto;
 font-size: 140%;
 color: #444444;
 text-align: left;
 font-style: normal;
}

#side h2.czmi {
 background: #fff;   
 margin: 0px; 
 padding: 5px 0px 15px 0px;
 text-transform: uppercase;
 font-family: "Trebuchet MS", sans-serif; "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;   
}

#side h2 span {
 color: #970000; 
}

#side h2 span.black {
 color: #000000; 
}

#side h2 span.blue {
 color: #0000FF; 
}

#side h2 span.green {
 color: #00FF00; 
}

#side ul {
 width: 250px;
 height:  auto;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
} 

#side ul li {
 width: 250px;
 height:  auto;
 list-style-type: none;
 list-style-image: none;
 text-align: left; 
 font-weight: bold;
 font-size: 120%;
 color: #000;
 margin: 0 0 0 0;
 padding: 0 0 0 0; 
}

#side ul li a {
 display: block;
 width: 250px;
 height:  auto;
 margin: 0 0 0 0;
 padding: 10px 0;
 text-indent: 10px;
 border: 1px solid #000;
 border-width: 1px 0;
}

#side ul li A:link, #side ul li A:visited {                 
 text-decoration: underline;
 background: #fff;
 color: #0033CC;
 font-weight: bold;
 border-top-color: #fff;
 border-bottom-color: #fff; 
}

#side ul li A:active, #side ul li A:hover {                 
 text-decoration: none;
 background: #fff; 
 color: #000;
 font-weight: bold;
 border-top-color: #fff;
 border-bottom-color: #fff;  
}

#side p  {                 
 width: auto;
 height:  auto;
 margin: 10px 0;
 padding: 0;
 text-align: left;
 color: #24334A;
}

#side div.sidebox { background:url("grafika/bg-sidebox.gif") 0% 0% repeat-y #C8C8C8; padding: 10px 15px 10px 55px; margin: 0 0 15px 0; }

#side div.sidebox#quicknav { background:url("grafika/bg-sidebox3.gif") 0% 0% repeat-y #F3F3F3; }
#side div.sidebox#quicknav label { color: #656565; font-weight: bold; }
#side div.sidebox#quicknav select { width: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }
#side div.sidebox#quicknav input.combobutton { width: 17px; height: 18px; background:url("grafika/combobutton.gif") 0% 0% no-repeat #F3F3F3; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }
#side div.sidebox#quicknav a.combobutton { width: 17px; height: 18px; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }
#side div.sidebox#quicknav img.combobutton { top: 8px; width: 17px; height: 18px; 0% 0% no-repeat #DADADA; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }

#side div.sidebox#testimonial { background:url("grafika/bg-sidebox3.gif") 0% 0% repeat-y #F3F3F3; }
#side div.sidebox#testimonial img { margin: 4px 0 0 0; position: relative; right: 4px; }
#side div.sidebox#testimonial p.r { text-align: right; }

#side div.sidebox#domeny { background:url("grafika/bg-sidebox3.gif") 0% 0% repeat-y #F3F3F3; }
#side div.sidebox#domeny label { color: #656565; font-weight: bold; }
#side div.sidebox#domeny select { width: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }
#side div.sidebox#domeny input.combobutton { width: 17px; height: 18px; background:url("grafika/combobutton.gif") 0% 0% no-repeat #F3F3F3; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }
#side div.sidebox#domeny a.combobutton { width: 17px; height: 18px; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }
#side div.sidebox#domeny img.combobutton { top: 8px; width: 17px; height: 18px; 0% 0% no-repeat #DADADA; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }
#side div.sidebox#domeny input.combodomeny { width:70px; height:18px; margin:1px; }
#side div.sidebox#domeny select.seznamTld { width:55px; margin:0px; }

#side div.sidebox#infotext1 { background:url("grafika/bg-sidebox2.gif") 0% 0% repeat-y #DADADA; }
#side div.sidebox#infotext1 label { color: #656565; font-weight: bold; }
#side div.sidebox#infotext1 select { width: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }
#side div.sidebox#infotext1 input.combobutton { width: 17px; height: 18px; background:url("grafika/combobutton.gif") 0% 0% no-repeat #F3F3F3; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }

#side div.sidebox#infotext2 { background:url("grafika/bg-sidebox2.gif") 0% 0% repeat-y #DADADA; }
#side div.sidebox#infotext2 label { color: #656565; font-weight: bold; }
#side div.sidebox#infotext2 select { width: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }
#side div.sidebox#infotext2 input.combobutton { width: 17px; height: 18px; background:url("grafika/combobutton.gif") 0% 0% no-repeat #F3F3F3; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }

#side div.sidebox#infotext3 { background:url("grafika/bg-sidebox2.gif") 0% 0% repeat-y #DADADA; }
#side div.sidebox#infotext3 label { color: #656565; font-weight: bold; }
#side div.sidebox#infotext3 select { width: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }
#side div.sidebox#infotext3 input.combobutton { width: 17px; height: 18px; background:url("grafika/combobutton.gif") 0% 0% no-repeat #F3F3F3; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }

#side div.sidebox#infotext4 { background:url("grafika/bg-sidebox2.gif") 0% 0% repeat-y #DADADA; }
#side div.sidebox#infotext4 label { color: #656565; font-weight: bold; }
#side div.sidebox#infotext4 select { width: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }
#side div.sidebox#infotext4 input.combobutton { width: 17px; height: 18px; background:url("grafika/combobutton.gif") 0% 0% no-repeat #F3F3F3; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }

#side div.sidebox#infotext5 { background:url("grafika/bg-sidebox2.gif") 0% 0% repeat-y #DADADA; }
#side div.sidebox#infotext5 label { color: #656565; font-weight: bold; }
#side div.sidebox#infotext5 select { width: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }
#side div.sidebox#infotext5 input.combobutton { width: 17px; height: 18px; background:url("grafika/combobutton.gif") 0% 0% no-repeat #F3F3F3; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }

#side div.sidebox#infotext6 { background:url("grafika/bg-sidebox2.gif") 0% 0% repeat-y #DADADA; }
#side div.sidebox#infotext6 label { color: #656565; font-weight: bold; }
#side div.sidebox#infotext6 select { width: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }
#side div.sidebox#infotext6 input.combobutton { width: 17px; height: 18px; background:url("grafika/combobutton.gif") 0% 0% no-repeat #F3F3F3; border: 0; font-size: 0; position: relative; bottom: 4px; cursor: pointer; cursor: hand; }

#side div.sidebox#prezentacka { padding: 0 0 0 0; margin: 0 0 5px 0; }
#side div.sidebox#prezentacka2 { padding: 0 0 0 0; margin: 0 0 15px 0; }

#side div.sidebox ul {
 width: auto;
 height:  auto;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
} 

#side div.sidebox ul li {
 width: auto;
 height:  auto;
 list-style-type: none;
 list-style-image: none;
 text-align: left; 
 font-weight: bold;
 font-size: 120%;
 color: #000;
 margin: 0 0 0 0;
 padding: 1px 0; 
 clear: left;
}

#side div.sidebox ul li a {
 display: inline;
 width: auto;
 float: none;
 clear: left;
 margin: 0 0 0 0;
 padding: 0 0 0 0;  
}

#side div.sidebox ul li small {
 display: block;
 width: 50px;
 float: left;
 font-size: 90%;
 font-weight: normal;
}

#side div.sidebox ul li A:link, #side div.sidebox ul li A:visited {                 
 text-decoration: underline;
 color: #003399;
 font-weight: bold;
 background: none;
 border: none; 
}

#side div.sidebox ul li A:active, #side div.sidebox ul li A:hover {                 
 text-decoration: none;
 color: #000;
 font-weight: bold;
 background: none;
 border: none;
}



#side div.sidebox#top10 div#top10clear {
 clear: left;
 width: 170px;
 height: 1px;
 font-size: 0;
}

#side div.sidebox#rssnotice { 
 margin: 0 0 10px 0;
 padding: 18px 10px 2px 10px;               
 background: #fbfbfb;
 border: 1px solid #eee;
 font-size: 120%;
}

#side div.sidebox#rssnotice p { 
 margin: 0 0 0 0;
 padding: 0 0 0 0;               
}

#side div.sidebox#rssnotice a#rsslink { 
 display: block;
 width: auto;  
 height: 27px;              
 line-height: 27px;   
 background:url("grafika/icon-rss-big.gif") 0% 50% no-repeat;
 font-weight: bold;
 text-indent: 33px;
}

#side div.sidebox#rssnotice a#rsslink:link, #side div.sidebox#rssnotice a#rsslink:visited { 
 color: #FF8C20;
}

#side div.sidebox#rssnotice a#rsslink:active, #side div.sidebox#rssnotice a#rsslink:hover { 
 color: #000;
}

#side div.sidebox#rssnotice p#rssall { text-align: right; margin: 0 0 0 0; padding: 0 0 3px 0; }
#side div.sidebox#rssnotice p#rssall a#allrss:link, #side div.sidebox#rssnotice p#rssall a#allrss:visited { color: #000; }
#side div.sidebox#rssnotice p#rssall a#allrss:active, #side div.sidebox#rssnotice p#rssall a#allrss:hover { color: #000; text-decoration: none; }

.tlacitko {

}

.kont {                 
 width: auto;
 height:  auto;
 margin: 0;
 padding: 10px 0;
 background: #EBF4FE;
 text-align: left;
}


div.ram {
background-color:#FFFFFF;
background-position:20px 14px;
background-repeat:no-repeat;
border:1px solid #970000;
margin:10pt 0pt 10px;
min-height:48px;
padding:12px 40px 12pt 12px;
width:auto;
}

div.ram.modry {
background-color:#EFF7FE;
border:1px solid #83A8CC;
}

div.ram.ruzovy {
background-color:#FFF7FE;
border:1px solid #FFA8CC;
}

div.ram.zeleny {
background-color:#F8FCF3;
border:1px solid #E1F1CB;
}

div.ram.zluty {
background-color:#FFFFCC;
border:1px solid #FFCC00;
}

div.ram.sedy {
background-color:#F3F3F3;
border:1px solid #C8C8C8;
}

div.ram.vykricnik {
background-image:url(http://czmi.cz/skin/default/grafika/vykricnik.gif);
padding-left:80px;
}

div.ram.otaznik {
background-image:url(http://czmi.cz/skin/default/grafika/otaznik.gif);
padding-left:80px;
}

div.ram.info {
background-image:url(http://czmi.cz/skin/default/grafika/info.gif);
padding-left:80px;
}

.stat {
 display: block;
 width: 14px;
 height: 14px;
 margin: 0 0 0 14px;
 position: absolute;
 top: 12px; 
 right: 12px;
}

.clear {
 clear: left;
 width: 200px;
 height: 1px;
 font-size: 1px;
 margin: 0;
 padding: 0;
}


#formular {
 width: auto; 
 height: auto;
 background:url("grafika/formular.gif") 0% 0% repeat-y #E8ECF0;
 border: 1px solid #D6DBE2;
 margin: 0 0 0 10px;
 padding: 10px;
 text-align:  left;
}

#author, #email, #url, #user_login, #user_email, #name, #website {
 height: 18px;
 margin: 4px 0;
 padding: 0 1px;
 color: #3D4956;
}

#website {
 width: 200px;
}

#comment, #message {
 margin: 4px 0;
 padding: 0 1px;
 color: #3D4956;
}

.chyba {
 color: #BE050A;
 font-weight: bold;
}

.ok {
 color: #131684;
 font-weight: bold;
}




/* Odkazy v paticce */
.copy A:link {
 color: #fff; 
 text-decoration: none; 
} 

.copy A:visited {
 color: #fff; 
 text-decoration: none; 
} 

.copy A:active, .copy A:hover {
 color: #fff; 
 text-decoration: underline; 
} 

.hide {
  display: none;
}


/* XXXXXXXXXXXXXXXXXXX LIGHTBOX XXXXXXXXXXXXXXXXXXXXX */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(images/blank.gif) no-repeat; /* 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;
	}

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
/* XXXXXXXXXXXXXXXXXXX LIGHTBOX KONEC XXXXXXXXXXXXXXXXXXXXX */



/* XXXXXXXXXXXXXXXXXXXX THICKBOX XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html, body {
min-height: 100%;
height: auto !important;
height: 100%
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}

#TB_window a { font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"; text-transform: uppercase;}

#TB_window a:link {color: #fff; font-weight: bold; text-decoration: none;}
#TB_window a:visited {color: #fff; font-weight: bold; text-decoration: none;}
#TB_window a:hover {color: #000; font-weight: bold; text-decoration: none;}
#TB_window a:active {color: #000; font-weight: bold; text-decoration: none;}
#TB_window a:focus{color: #000; font-weight: bold; text-decoration: none;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#fff;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#TB_window {
  position: absolute;
 background: #E8E8E8; 
  z-index: 102;
  color:#000000;
  display:none;
  border: 1px solid #000;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 0;
  border-right: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-top: 0px solid #666;
  border-left: 0px solid #666;
}
#TB_caption{
  width: 600px;
  height:25px;
  padding:7px 0 10px 0;
  margin: 0 0 0 0;
  float:left;
}
#TB_closeWindow{
  width: 150px;
  height:25px;
  padding:11px 25px 0 0;
  margin: 0 0 0 0;  
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 0px 0;
  margin-bottom:0px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:5px 0 0px 10px;
  margin-bottom:0px;
}
#TB_title{
  background-color:#D51116;
  height:27px;
  color: #fff;
  font-weight: bold;
}

#TB_ajaxContent{
  clear:both;
  padding:2px 0 15px 0;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:0px;
  _margin-bottom:1px;
  padding: 0 0 0 0;
}

/* XXXXXXXXXXXXXX THICKBOX KONEC XXXXXXXXXXXXXXXXX */