/** {border: 1px solid red !important;} */

body {background:#deefdd url('images/pozadi_top_02.jpg') 0 10px repeat-x; z-index:0; margin:0 auto; padding:0; width:100%;}
#body_02 {font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
   font-size:95%; color:#33001a; padding:0px; margin:0px auto; width:995px; font-style:normal; z-index:2;}

img {border:0; margin:10px; align:left;}
#news {font-size:80%; width:200px; height:200px; overflow:auto; padding:5px; border:1px solid #ffffff; margin:0; padding:2px;}

#logo_link {position:absolute; top:0; left:815px; width:170px; height:90px; display:block; background-color:transparent;}
#header_left_top {position:absolute; top:0; left:0px; width:50%; height:78px; display:block; background-color:#C5E7C6; z-index:-1;}
#header_left_top div {visibility:hidden;}

#header {width:995px; margin:0 auto; padding:0; height:118px; background:url('images/pozadi_top_2008_10.jpg') center top no-repeat; z-imdex:0;}
#header_en {width:995px; margin:0 auto; padding:0; height:118px; background:url('images/pozadi_top_en_2008_10.jpg') center top no-repeat;}
h1 {font-variant:small-caps; text-align:center; margin:0 0 3px 0; padding:0; color:#575; visibility:hidden;}

#logo img {display:none;}
#topcze {float:left; padding:0 0 0 10px; margin:40px 0 0 0; font-size:88%;
      background:url('images/czechflag.jpg') 10px 4px no-repeat; text-indent:50px; z-index:2; font-weight:bold;}
#topcze li {display:inline; border-right:1px solid #bcb; margin:0; padding:0 10px 3px 10px; text-align:center;}
#topcze li:hover {background-color:#aea;}
#topeng {float:left; width:100%; padding:0 0 1px 10px; margin:4px 0 0 0; font-size:88%; border-bottom:1px solid #000;
         background:#aaeeaa url("images/english_flag.jpg") 10px 2px no-repeat; text-indent:50px; font-weight:bold;}
#header>#topeng, #header_en>#topeng {padding:0 0 3px 10px;}
#topeng li {display:inline; border-right:1px solid #ded; margin:0; padding:0px 10px 2px 10px; text-align:center;}
#topeng li:hover {background-color:#9d9;}

#middlecol_container {margin:0 auto; padding:0; width:995px;}

#leftcol {float:left; width:180px; height:473px; color:#564b47; margin:0; padding:0;
    text-align:center; background-color:#94fb95; border:1px solid #9ff59e; border-left:0; font-size:60%; font-weight:lighter;}
#leftcol img {float:left; width:100px; margin:2px 0 0 0; padding:0 0 0 5px;}
#leftcol .leftcol_text {width:75px; float:left; padding:15px 0 0 0;}
#leftcol a:hover {text-decoration:none;}
#leftcol a img {filter:alpha(opacity=70); opacity:0.7;}
#leftcol a:hover img {filter:alpha(opacity=100); opacity:100;}
#leftcol h4 {width:179px; font-size:160%; background-image:url('images/rightcol_h4_spring.jpg'); text-align:left; padding:0 0 0 2px; margin:0;}
#leftcol h4 a, #leftcol h4 {font-weight:bold; color:#000; height:26px;}

#rightcol {float:right; width:209px; height:453px; color:#564b47; margin:0; padding:10px; overflow-y:auto; overflow-x:hidden;
          background-color:#94fb95; font-size:70%; border:1px solid #9ff59e; border-right:0;}
#rightcol a:link, #rightcol a:visited {color:#353; font-weight:lighter; text-decoration:underline;}
#rightcol a:hover {color:#575; text-decoration:none;}
#rightcol h4 {font-size:150%;}

#middlecol {float:left; width:563px; height:367px; padding:10px; margin:0; word-spacing:2px; text-align:justify; font-family:verdana;}
#middlecol p {margin:5px 0 5px 0;}





table img {margin:0 10px 10px 10px;}

#bottom01   {position:absolute; width:180px; text-align:center; left:180px; font-size:90%;}
#bottom02   {position:absolute; width:180px; text-align:center; left:340px; font-size:90%;}
#bottom03   {position:absolute; width:180px; text-align:center; left:520px; font-size:90%;}



#tituly ul {
   margin-top:0;
}
#tituly-cze {      
   background: url("images/czechflag.bmp") top left no-repeat;
   text-indent:30px;
   margin-top:15px;
   }
#tituly-svk {
   background: url("images/slovakianflag.bmp") top left no-repeat;
   text-indent:30px;
   margin-top:15px;
   }
#tituly-pol {
   background: url("images/polishflag.bmp") top left no-repeat;
   text-indent:30px;
   margin-top:15px;
   }
#tituly-swe {
   background: url("images/swedishflag.bmp") top left no-repeat;
   text-indent:30px;
   margin-top:15px;
   }
#tituly-nor {
   background: url("images/norwegianflag.bmp") top left no-repeat;
   text-indent:30px;
   margin-top:15px;
   }
#middlecol-avar ul{
   margin:0;
   text-indent:50px; 
}
#tituly table{
   margin:0;
   font-size:85%;
   text-align:left;
}



.left {
   text-align:left;
}
.right {
   text-align:right;
}
.italic {
   font-style:italic;
}

.otec-avar {
   float:left;
   width:230px;
   text-align:center;
}

.cara {
   clear:both;
   margin-right:15px;
}
.cara02 {
   clear:both;
   margin-top:15px;
   margin-right:15px;
}
#tituly img {
   margin:5px 0 0 0;
}
.image01 {float:left; width:155px; height:150px; margin:3px 15px 3px 7px; padding:0px 5px 0px 5px; font-size:75%; text-align:center; background-color:#bdb; letter-spacing:0px;}
.image01 img {margin:7px 0px 0px 0px; border: 1px solid #779977;}
.image02 {
   float:left;
   width:128px;
   height:146px;
   margin:3px 7px 3px 7px;
   padding:0px 5px 0px 5px;
   font-size:95%;
   text-align:center;
   background-color: #aaccaa;
   border: 2px solid #779977;
   letter-spacing: 0px;
}                         
.image02 img {margin:7px 0px 0px 12px; border:2px solid #779977; background-color:#ffffff;}
.image02 a img {filter:alpha(opacity=70); opacity:0.07;}
.image02 a:hover img {filter:alpha(opacity=100); opacity:100;}

#tituly .rodokmen {
   font-size:80%;
}


.nadpis2 {
   font-size: 18px;
   font-variant: small-caps; 
   text-align: left;
   font-weight: bold;
}
.nadpis3 {
   font-size: 16px;
   font-variant: small-caps;
   text-align: left;
   font-weight: bold;
}
.nadpis4 {
   font-size: 120%; 
   text-align: center;
   font-weight: bold;
   margin-bottom: 5px;
}
.odkaz2 {background-color:#aca; text-decoration:underline;}
.odkaz3  {
   color: #000000;   
   text-decoration: underline; 
}
.float-right01 {
   float:right;
   font-size: 80%;
   padding: 10px;
   width: 200px;
}
.float-left01 {
   float:left;
   font-size: 80%;
   padding: 5px;
}
.float-left02 {
   float:left;
   padding: 10px;
   margin: 5px;
   text-align: center;
   border: 1px solid #779977;
}

.eng_cesky {color:#ccc !important;}
.eng_cesky h5 {color:#ccc !important;}
.eng_cesky a {color:#ccc !important;}





h4 {font-variant:small-caps; background-color:#aaeeaa; width:229px; font-size:160%; background-image:url('images/rightcol_h4_spring.jpg');
      text-align:left; padding:0 0 10px 3px; margin:-10px 0 0 -10px;}
h5 {margin:0; padding:0; font-size:100%; font-weight:bold; color:#331A00; font-family:verdana;}
h6 {font-size:120%; margin:0;}

.novinky {font-size:70%; }
.novinky_bis {font-size:95%;}
.novinky_bis i {font-size:90%;}
h4 {}
.novinky_bis a:link {text-decoration:underline; color:#333; font-weight:lighter;}
.novinky_bis a:visited {text-decoration:underline; color:#333; font-weight:lighter;}
.novinky_bis a:hover {text-decoration:none; color:#444;}
.novinky_bis .right {font-size:80%; margin-bottom:5px;}
.novinka1 {font-size:88%; margin-bottom:5px;}
.novinka2 {margin-top:7px; padding-bottom:2px; border-bottom: 1px solid #88bb88;}
.novinka3 {font-weight: bold;}
.novinka4 {font-size:80%; width:300px; margin-top:20px;}
.novinka5 {font-size:80%; width:370px; margin-top:20px; float:right;}
.image01 a:link {text-decoration:none; color:#000000; font-weight:lighter;}
.image01 a:visited {text-decoration:none; color:#000000; font-weight:lighter;}
.image01 a:hover {text-decoration:underline; color:#000000; font-weight:lighter;}
.text01 {font-size:70%; margin-top:10px;}
.font1 {font-size:400%; position:absolute; top:0px;}

a {text-decoration:none; color:#575;}
a:hover {text-decoration: underline; color:#004623;}
a:active {text-decoration: underline; color:#000000; background-color:#ada;}


/* new code */
#pes_body {margin-left:200px; width:770px;}
#pes_menu {float:left; width:170px; margin-top:40px; font-size:110%;}
#pes_popis {float:left; width:595px; font-size:90%;}
#pes_popis img {float:left; position:relative; top:-20px;}
#pes_popis .nadpis1 {margin-bottom:20px;}
#pes_text {font-size:90%; width:490px; text-align:justify;}
#pes_clanky {float:right; height:100px; width:250px; font-size:70%; padding-left:10px;}

/* new new code */

.nadpis1 {font-size:120%; text-align:center; font-weight:bolder;}
h2 {text-align:center; margin:-10px -10px 0 -10px; padding:5px 0 0 0; font-size:120%; background-color:#cec;}
.pes_01 {font-size:80%; text-align:center; word-spacing:0px; background-color:#cec; color:#585;
   border-bottom:2px solid #beb; margin:0 -10px 10px -10px; padding:0 10px 5px 10px;}
.pes_02 {font-size:80%; word-spacing:0px; margin:10px 10px 15px 10px;
   font-family:georgia; text-align:justify; line-height:15px; color:#555753;}

.pes_vrh {font-size:75%; letter-spacing:0px; background-color:#beb; margin:0 10px 0 5px;}
.pes_vrh .nadpis2 {padding-left:10px;}
.pes_vrh div {width:160px; height:120px; float:left; padding:0 5px; text-align:center;}
.pes_vrh ul {padding-left:0px; margin-left:10px;}
.pes_vrh>ul {padding-left:10px;}
.pes_vrh li {list-style-type:none; text-align:left;}
.pes_vrh p {clear:both; text-align:right; background-color:#beb; border-bottom:1px solid #000; padding:10px 10px 0 0;}

/* rightcol right menu */
      #rightcol_menu {list-style:none; margin:10px 0 0 20px; padding:0; font-size:130%;}
      #rightcol_menu li {margin-bottom:10px;}
      #rightcol_menu a {text-decoration:none !important; font-weight:bold;}
      #rightcol_menu a:hover {color:#fff !importnant;}
      #rightcol_menu .active a {color:#000 !important; font-weight:bolder !important;}

/* leftcol right menu */
      #leftcol_menu {list-style:none; margin:10px 0 0 20px; padding:0; font-size:150%; text-align:left; color:#000;}
      #leftcol_menu li {margin-bottom:8px;}
      #leftcol_menu .active a {color:#000 !important; font-weight:bold;}

/* fotogalerie */
.fotogalerie01 {background-color:#9fa; width:140px; height:150px; float:left; margin:0 15px; font-family:georgia; font-size:80%;}
.fotogalerie01 a, .fotogalerie02 a {display:block; height:100%; text-align:center; margin:auto 0;}
.fotogalerie01 img {width:100%; margin:0;}
.fotogalerie01 a:hover, .fotogalerie02 a:hover {text-decoration:none; background-color:#8e9;}

.fotogalerie02 {background-color:#9fa; width:251px; height:50px; float:left; margin:5px 10px; font-family:georgia;}
.fotogalerie02 img {height:100%; margin:0; float:left;}
.fotogalerie02 div {float:left; padding:3px 10px; height:100%; width:160px; text-align:center; font-size:80%;}

.fotogalerie03 {float:left; height:100px; background-color:#9fa; margin:10px 3px 0 3px;}
.fotogalerie03 img {height:100px; margin:0;}


           #pf {width:214px; height:161px; position:absolute; left:0; top:0px;}
           #pf a {display:block; background-image:url('images/pf_2008b.jpg'); height:100%; text-decoration:none;}
           #pf a:hover {background-image:url('images/pf_2008c.jpg');}
           #nov_java6 {position:absolute; left:4px; top:0;}
           #nov_java6 img {margin:0px; width:587px;}



.poznamka {color:#888; font-size:80%;}

#table {border:0;}
#vystavy_tab {width:100%; border-left:0px; border-top:0px;}
#vystavy_tab .vystavy01 {background-color:#bbddcc; text-align:center; font-weight:bold; border-top:2px solid #aba;}
#vystavy_tab th {background-color:#aaccbb; text-align:center; border-top:2px solid #aba; border-bottom:0;}
#vystavy_tab tr {border:1px solid #aba;}
#vystavy_tab td {border-bottom:0px solid #bcb; padding:0 5px;}

/* majitelé */
.majitel {float:left; width:49%; text-align:center; border:1px solid #000; border-bottom:0;}
.majitel a {text-decoration:none; color:#000;}
.majitel a:hover {color:#555; text-decoration:none;}

/* stránky vrhù */
#vrh-rodice {width:600px; padding:0; font-size:87%;}
#vrh-psi1 {float:left; width:320px; font-size:87%; background:#cceecc; margin:0 10px;}
.matka {float:left; width:300px; text-align:center; font-weight:bold; font-size:110%;}
.vrh-info {clear:left;}


/* odkazy */
.odkazy01 {width:550px; text-align:center; background-color:#beb; padding:0px 0px 15px 10px; margin:10px 0px 12px 0px;
   border-bottom:1px solid #000;}
.stanice {text-align:left; text-indent:20px; margin-bottom:5px; font-size:70%;}


#avar-popis {font-size:80%; letter-spacing:1px; line-height:18px; border-bottom:1px solid #9b9;}
#avar-popis .img {float:left; border-right:1px solid #9b9;}
#avar-popis .popis {clear:right; height:130px; padding-top:25px;}
#avar-popis .popis strong {margin-left:10px;}

.leftcol_vrh {text-align:left !important;}
.leftcol_vrh p {margin:5px 5px 0 5px;}
.leftcol_vrh div {margin:0 5px;}
.leftcol_vrh p.first {border-top:1px solid #9d9;}
.leftcol_vrh h5 {margin:0 10px; font-size:130%; font-family:arial;}
.vrhy_pes {float:left; display:in-line; width:149px; background-color:#cec; margin:9px; padding:5px; z-index:-10; list-style-type:none;}
.vrhy_pes h3 {font-size:90%; margin:0 0 5px 0; color:#898;}
.vrhy_pes .hidden {display:none;}
.vrhy_pes:hover .hidden {position:absolute; width:149px; height:120px; margin:108px 0 0 -5px; padding:5px; display:block;
      font-size:60%; text-align:left; z-index:10; background:#cec url('images/vrhy_hidden.jpg') bottom right;}
.vrhy_pes:hover .hidden span {padding-left:3px;}
.vrhy_pes img {width:149px; height:100px; margin:0;}

.sampioni_01 {height:130px; margin-bottom:10px; background:#cec url('images/sampioni_corner_01.jpg') bottom right no-repeat;}
.sampioni_01 h3 {margin:0; padding:2px 0 0 5px;}
.sampioni_02 {float:left; width:26px; margin:10px 0 0 5px;}
.sampioni_02 img {margin:0 0 1px 0; width:26px; height:13px;}
.sampioni_03 {float:left; width:110px; margin:10px 0 0 15px;}
.sampioni_03 img {margin:0; height:80px;}
.sampioni_04 {float:left; width:350px; margin:10px 0 0 15px; font-size:80%;}

.vzpominame_01 {height:130px; margin-bottom:10px; background:#cec url('images/nasipsi_vzpominame_01.jpg') bottom right no-repeat;}
.vzpominame_01 h3 {margin:0; padding:2px 0 0 5px;}
.vzpominame_01 a {color:#999;}
.vzpominame_02 {width:26px; height:60px; float:left;}
.vzpominame_02 img {margin:5px;}
.vzpominame_04 {float:left; width:350px; margin:10px 0 0 15px; font-size:80%; color:#999;}
.vzpominame_04 ul {margin:0;}