﻿/* CSS Document */

   hr.cleaner {
      overflow: hidden; /*pridano j5*/
      clear:both;
      height:1px;
      margin: -1px 0 0 0; /*-1px*/
      padding:0px 0px 0px 0px ;
      border:none;
      visibility: hidden;
      }



   body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
  background-image: url(../img/nu_bg.png);

    padding: 0px 0px 50px 0px;
    margin: 0px 0px 50px 0px;
    
    text-align: center;
}

   body#seda{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
  background-image: url(../img/nu_bg_seda.png);

    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


img{
border: 0px white solid;
}

h1,h2,h3,h4,p{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


input, textarea, select{
border: 0px rgb(148,148,148) solid;
background-color: rgb(227,227,227);
padding: 2px 2px 2px 2px;
}









#v_c{
z-index: 30;
position: absolute;
width: 99%;
border-bottom: 0px green solid;
height: 160px;
text-align: center;

}
#v_a{
position: absolute;
width: 99%;

z-index: 5;

border: 0px red solid;

}


#v_b{

overflow: hidden;
position: absolute;
width: 99%;
z-index: 10;
color: white;
border: 0px white solid;
}




#v_top{
/*overflow: hidden;
height: 20px;*/

margin-left: auto;
margin-right: auto;




}
#photo_banner{
overflow: hidden;
width: 500px;
padding-top: 10px;
height: 75px;
margin-left: auto;
margin-right: auto;


}
#photo_hlavicka{
overflow: hidden;
height: 60px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
text-align: right;

}











#v_img{
margin-top: 173px;
border: 0px yellow dashed;
margin-left: auto;
margin-right: auto;

}

#v_img a img{
border: 0px red dashed;
float: left;

}


#photo_a{
margin-top: 15px;
margin-left: auto;
margin-right: auto;

}





#photo_top_border{
  background-image: url(../img/foto_top.png);
  height: 29px;
  width: 100%;
  overflow: hidden;
}



#photo_top_border{
  background-image: url(../img/foto_top.png);
  height: 29px;
  width: 100%;
  overflow: hidden;
}


#photo_stred_border{
  background-image: url(../img/foto_obsah_bg.png);
  background-repeat: repeat-y;
  background-position: right;

/*  height: 290px; */
 
  width: 100%;
  overflow: hidden;
  
  
}

#bg_c_rite{
  background-image: url(../img/foto_obsah_bg_left.png);
  background-repeat: repeat-y;
  height: 100%;
  width: 100%;
  text-align: center;
}

#photo_bottom_border{
  background-position: right top;
  background-image: url(../img/foto_bottom.png);
  height: 25px;
  width: 100%;
  overflow: hidden;
}


#rt_corner{

background-image: url(../img/foto_top_rt_corner.png);
background-repeat: no-repeat;
float: right;
  width: 11px;
  height: 29px;
  overflow: hidden;
  
}

#lb_corner{

  background-image: url(../img/foto_top_rt_corner.png);
  background-repeat: no-repeat;
  float: left;
  width: 10px;
  height: 29px;
  overflow: hidden;
  
}

.foto_navigace{
margin-top: 10px;
width: 100%;
height: 25px;
border: 0px blue dashed;
}

.foto_navigace div{

margin-left: auto;
margin-right: auto;
}

.foto_navigace div img{
margin: 0px 0px 0px 0px;
/*float: left;*/

}

#fotka_obsah{

float: left;
width: 150px;
  
}

.web_hlavicka{
text-align: right;
margin-left:20px;
margin-right:20px; 
height: 60px;

}

 #gr_menu{
float: left;
margin-top: 15px; /*15px*/
height: 35px;
width: 200px;

}
 #gr_menu_photo{
float: left;
margin-top: 15px; /*15px*/
margin-left: 20px;
_margin-left: 10px;
height: 35px;
width: 200px;

}

.foto_obsah{
margin-left:20px;
margin-right:20px; 


}


.foto_popis h1{
font-size: 100%;
margin-bottom: 5px;
}

.foto_similar{
background-position: left bottom;
background-image: url(../img/podobne.png);
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-top: 5px;
width: 400px;
}


.copyrite{
line-height: 95%;
margin-top: 5px;
min-width: 400px;
margin-left: auto;
margin-right: auto;
font-size: 80%;
width: 50%;
}

.foto_similar .foto_podobne_ico{
margin: 0px 2px 2px 0px;
}

.banner468x60{
width: 468px;
height: 60px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;

}


.spodni_menuX {
width: 92%;
text-align: center;
}





/* == obsah ========================================================== */
.obsah{
text-align: left;
margin: 0px 20px 0px 20px;
/*background-color: rgb(182,182,182);*/
}

.obsah h1{
font-weight: bold;
font-size: 160%;
color: rgb(48,48,48);
border-bottom: 2px rgb(100,100,100) solid;
}

.obsah h2{
font-size: 120%;
color: rgb(100,100,100);
font-weight: bold;
padding: 0px 0px 0px 0px;

}

.obsah p{
color: rgb(80,80,80);
}


.obsah p a h2 {
display: inline;
color: rgb(80,80,80);
}


.obsah p a {
text-decoration: none;
}
.obsah p a:hover {
color: rgb(80,80,80);
text-decoration: underline;
}









.obsah p strong, .obsah p b{
color: rgb(204,51,0);
}

.obsah a{
color: rgb(53,53,53);
text-decoration: underline;
font-weight: 600;
}
.obsah a:hover{
font-weight: 600;
color: rgb(204,51,0);
text-decoration: underline;
}





.obsah_copyrite{
font-size: 80%;
text-align: left;
margin: 5px 20px 0px 20px;
line-height: 95%;
}

.obsah_menu, .spodni_menu{
font-size: 90%;
text-align: center;
margin: 0px 20px 0px 20px;
padding: 5px 0px 5px 0px;
}

.obsah_menu a, .spodni_menu a{
color: rgb(53,53,53);
text-decoration: none;
font-weight: 700;
}
.obsah_menu a:hover, .spodni_menu a:hover{
font-weight: 700;
color: rgb(204,51,0);
text-decoration: underline;
}


/* == prehled ========================================================== */
div.paging{
text-align: left;
margin: 3px 25px 3px 25px;
/*background-color: rgb(204,51,51);*/
}


div.paging div{
background-image: url(../img/strankovani.png);
background-repeat: no-repeat;
overflow: hidden;
float: left;
width: 22px;
height: 22px;
margin-right: 3px;
}


div.paging div.off{
background-image: url(../img/strankovani_off.png);
background-repeat: no-repeat;
overflow: hidden;
float: left;
width: 22px;
height: 22px;
margin-right: 3px;
}


div.paging div div{
font-weight: 600;
text-align: center;
background: none;
font-size: 10px;
color: white;
margin: 5px 3px 1px 1px;
overflow: hidden;
width: 18px;
height: 18px;
}


div.paging div div a{
font-weight: 700;
color: rgb(251,251,251);
text-decoration: none;
}
div.paging div div a:hover{
font-weight: 700;
color: rgb(215,215,215);
text-decoration: none;
}


/*odkazy v prehledu galerii*/

 h2.gal_list{
display: inline;
line-height: 140%;
font-size: 110%;
font-weight: 300;
}


 h2.gal_list a{
color: rgb(53,53,53);
text-decoration: none;
}
 h2.gal_list a:hover{
color: rgb(53,53,53);
text-decoration: underline;
}

div.overview{
margin: 0px 20px 0px 20px;

}

div.txt_obsah{

margin: 5px 20px 5px 20px;
text-align: left;
}

div.txt_obsah h2{
margin: 0px 0px 0px 00px;
font-size: 150%;
color: rgb(117,117,117);
}

div.txt_obsah p{
margin: 3px 0px 10px 0px;
color: rgb(68,68,68);
line-height: 130%;
}
div.txt_obsah p.sm{
margin: 3px 0px 3px 0px;
font-size: 90%;
}




div.txt_obsah a{
color: rgb(204,0,0);
text-decoration: none;
font-weight: 700;
}
div.txt_obsah a:hover{
color: rgb(204,0,0);
text-decoration: underline;
font-weight: 700;
}





div.overview div{
text-align: center;
width: 160px;
height: 160px;

/*margin-top: 8px;
padding: 5px 5px 5px 5px;
background-color: rgb(102,255,102);
*/
float: left;
margin: 0px 0px 0px 0px;

}


#linkbuilt{
    background: url(../img/linkbuilt.png) no-repeat ;
    width: 630px;
    height: 25px; 
    margin-left: auto;
    margin-right: auto;
    text-align: left;

}
#linkbuilt #lb_system{

margin: 4px 0px 2px 10px;
_margin: 4px 0px 2px 5px;
float: left;
width: 490px;

}

#linkbuilt #lb_gbook{

text-align: right;
float: right;
width: 110px;
margin: 4px 10px 2px 0px;
_margin: 4px 5px 2px 0px;
}

#linkbuilt div a{
  font-weight: 600;
  color: rgb(251,251,251);
  text-decoration: none;
}


#linkbuilt div a:hover{
  font-weight: 600;
  color: rgb(251,251,251);
  text-decoration: none;
}



/* === homepage ============================================================= */   

div.homepage_banner{

margin-bottom: 5px;
}

div.homepage{
text-align: left;
    margin-left: 25px;
    margin-right: 25px;
}

div.homepage #homepage_l{
float: left;
width: 300px;

}

div.homepage #homepage_r{
float: right;
/*width: 300px;*/
width: 370px;
}

div.homepage #homepage_r #newz{
background: url(../img/newz_bg.png) no-repeat right bottom;
margin-bottom: 5px;
color: white;
}

div.homepage #homepage_r #newz .newz_unit{
padding: 5px 10px 10px 15px;


}

div.homepage #homepage_r #newz .newz_unit h2{
font-size: 130%;
}


div.homepage #homepage_r #newz .newz_unit .newz_datum{
font-size: 80%;
}

div.homepage #homepage_r #newz .newz_unit .newz_text{
font-size: 90%;
line-height:110%;
}

div.homepage #homepage_r #newz .newz_unit .newz_text strong{
background-color: rgb(134,134,134);
}

div.homepage #homepage_r #newz .newz_unit .newz_text a{
font-weight: 600;
color: white;
text-decoration: none;
}
div.homepage #homepage_r #newz .newz_unit .newz_text a:hover{
font-weight: 600;
color: white;
text-decoration: underline;
}


#search_blok{
background: url(../img/search_bg.png) no-repeat right bottom;
height: 32px;
}

#seach_form {
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;

}
#seach_form #search_odeslat{
background-color: #a41919;
background-position: 0px 2px;
background-repeat: no-repeat;
background-image: url(../img/search_but.png);

  border: 0px white solid;
  width: 26px;
  height: 27px;
  margin: 2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  
}







#seach_form_blok{
margin-right: 10px;
  padding: 4px 4px 4px 6px;
  overflow: hidden;
  height: 24px;
}

#seach_form_blok form input {

height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

#homepage_seach{
background-image: url(../img/search_bg.png);
background-repeat: no-repeat;
background-position: right bottom;
}


#seach_form_blok form #search_odeslat {
  background-color: #a41919;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url(../img/search_but.png);
  border: 0px white solid;
  width: 26px;
  height: 27px;
  margin-left: 5px;
}

#seach_form_blok form #search_input {
width: 290px; /*240*/
margin-top: 4px;
border: 0px yellow solid;
color: #a41919;
padding-top: 2px;
padding-left: 22px;
padding-right: 3px;
font-size: 100%;
font-weight: 500;
height: 16px;
background-position: left bottom;
background-image: url(../img/search_bg_input.png);

}


















form#seach_form #search_input{

  margin: -2px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  border: 0px white solid;
  height: 19px;
  width: 250px;
  font-size:120%;
  overflow: hidden;
font-weight: 600;
color: #a41919;

}





#tag_crowd{
border-top: 2px solid rgb(204,0,0);
}

#tag_crowd h2 a{
text-decoration:  none;
color: rgb(204,0,0);
}

#tag_crowd h2 a:hover{
color: rgb(204,0,0);
text-decoration: underline;
}

#tag_crowd h2{
display: inline;
color: rgb(104,104,104);
}

#tag_crowd h1{
width: 100%;
font-size: 120%;
color: rgb(204,0,0);
text-decoration: underline;
}


#tag_crowd h2.tg1{
font-size: 180%;

}

#tag_crowd h2.tg2{
font-size: 140%;

}

#tag_crowd h2.tg3{
font-size: 120%;

}

#tag_crowd h2.tg4{
font-size: 100%;

}



#uvod_txt{
margin-bottom: 10px;

}


#uvod_txt h1 {
color: rgb(68,68,68);
font-size: 150%;
font-weight: 900;
}


#uvod_txt h2 {
color: rgb(68,68,68);
font-size: 140%;
}

#uvod_txt p {
color: rgb(68,68,68);
line-height: 115%;
margin-bottom: 5px;
}

#uvod_txt p strong {
background-color: rgb(182,182,182);

}


#uvod_txt a {
color: rgb(68,68,68);
font-weight: 700;
text-decoration: none;
}

#uvod_txt a:hover {
color: rgb(68,68,68);
font-weight: 700;
text-decoration: underline;
}
/* == hledata page ======================================= */

.hledat{
    margin-left: 25px;
    margin-right: 25px;
    text-align: left;
    
}

.hledat h1{
margin-top: 5px;
    font-size: 140%;
    color: rgb(80,80,80);    
}

.hledat #zadny_vysledek{
text-align: center;
color: red;
font-weight: 600;
margin-top: 50px;  
margin-bottom: 50px; 
text-decoration: underline;
}



#hledat_top{

    background: url(../img/search_bg.png) no-repeat right bottom;
   
}

#over_fotky{
    margin-left: 25px;
    margin-right: 10px;
    text-align: left;    
}

#over_fotky div{
    float: left;
    width: 200px;
    margin-top: 5px;
    margin-right: 15px;
}

#over_fotky div a img{
    float: left;
    
}



#over_fotky div h3{
    font-size: 95%;
    
}


#over_fotky div div{
    float: left;
    width: 140px;
    margin: 0px 3px 2px 3px;

}
#over_fotky div div h3 a{
   color: rgb(68,68,68);
    
}

#over_fotky div div a{
  color:  rgb(68,68,68);
    font-weight: 700;
    text-decoration: none;
}

#over_fotky div div a:hover{
  color:  rgb(68,68,68);
    font-weight: 700;
    text-decoration: underline;
}

/* tooltip*/

  .tooltip_nav{
  background-image: url(../img/tooltip.png);
  background-repeat: no-repeat;
margin-left: 50px;


border: 0px white solid;
font-variant: small-caps;
margin-left:0px;
z-index: 10000;
max-width: 300px;
}

  .tooltip_nav div{
color: rgb(233,233,233);
font-weight: 800;
margin: 2px 2px 2px 10px;
font-size: 120%;
background-color: #b48f68;

}

/* == pravy =================== */


#kontakty{

    margin-left: 25px;
    margin-right: 25px;
    text-align: left;
}



#kont_l{
width: 45%;
float: left;

}

#kont_l h2,#kont_l strong {
display: inline;
color: rgb(116,116,116);
}


#kont_l a{
font-weight: 600;
color:#a63b1f;
text-decoration: none;
}

#kont_l a:hover{
color:#a63b1f;
font-weight: 600;
text-decoration: underline;
}




#kont_p{

width: 55%;
float: right;
}

#kont_p form{
margin: 3px 3px 10px 3px;
background-image: url(../img/newz_bg.png);
background-position: right bottom;
}

#kont_p form div{
padding: 10px 3px 10px 3px;
}

#kont_p form label{
display: block;
color: white;
margin-left: 5px;
width: 100%;
font-weight: 700;
}

#kont_p form input,#kont_p form textarea,#kont_p form select{
margin-top: 2px;
margin-bottom: 10px;
margin-left: 10px;
width: 340px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#kont_p form textarea{
height: 200px;
}

#kont_p input#send{
border: 0px red solid;
padding: 0px 0px 0px 0px;
margin-left: 325px;
width: 25px;
margin-bottom: 0px;

}

#kont_p form div p#chyba{
color:#a63b1f;
text-align: center;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
background-color: rgb(230,230,230);
padding: 3px 3px 3px 3px;
font-weight: 700;
text-decoration: underline;

}

#kont_p form div p#ready{
color: rgb(215,215,215);
text-align: center;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;

padding: 50px 3px 50px 3px;
font-weight: 700;
text-decoration: underline;

}




#kont_p form div#povinne{
margin-left: 10px;
margin-right: 10px;
color: white;
font-weight: 600;
}






/* === gbook ================================================  */

#gbook_l{

width: 250px;
float: left;
overflow: hidden;
}

#gbook_p{
width: 370px;
float: right;
}


#gbook_l form{
margin: 2px 2px 10px 0px;
background-image: url(../img/newz_bg.png);
background-position: right bottom;
}

#gbook_l form div{
padding: 10px 3px 10px 3px;
}

#gbook_l form label{
color: white;
margin-left: 5px;
width: 100%;
display: block;
font-weight: 600;
font-size: 85%;
}

#gbook_l form input,#gbook_l form textarea,#gbook_l form select{
margin-top: 2px;
margin-bottom: 3px;
margin-left: 10px;
width: 220px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#gbook_l form textarea{
height: 200px;
}

#gbook_l form #send{
padding: 0px 0px 0px 0px;
margin-left: 210px;
margin-top: 5px;
width: 25px;
margin-bottom: 0px;
}

#gbook_l form div p#chyba{
color:#a63b1f;
text-align: center;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
background-color: rgb(230,230,230);
padding: 3px 3px 3px 3px;
font-weight: 700;
text-decoration: underline;

}

#gbook_l form div p#ready{
color: rgb(214,214,214);
text-align: center;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
padding: 50px 3px 50px 3px;
font-weight: 700;
}

#gbook_l form div p#ready a{
color: rgb(214,214,214);
text-decoration: none;
}
#gbook_l form div p#ready a:hover{
color: rgb(214,214,214);
text-decoration: underline;
}


#gbook_l form div#povinne{
margin-left: 10px;
margin-right: 10px;
color: white;
font-weight: 600;
}



div.diskuze_unit{
margin-bottom: 10px;
}

div.diskuze_unit div.datum{
text-align: right;
font-size: 90%;
color: rgb(86,86,86);
}

div.diskuze_unit_ne{
text-align: center;
margin-bottom: 50px;
font-weight: 700;
color: rgb(204,0,51);
}





div#strankovani div{
background-image: url(../img/strankovani.png);
background-repeat: no-repeat;
overflow: hidden;
float: left;
width: 22px;
height: 22px;
margin-right: 3px;
margin-bottom: 3px;
}


div#strankovani div.off{
background-image: url(../img/strankovani_off.png);
background-repeat: no-repeat;
overflow: hidden;
float: left;
width: 22px;
height: 22px;
margin-right: 3px;
}


div#strankovani div div{
font-weight: 600;
text-align: center;
background: none;
font-size: 10px;
color: white;
margin: 5px 3px 1px 1px;
overflow: hidden;
width: 18px;
height: 18px;
}


div#strankovani div div a{
font-weight: 700;
color: rgb(251,251,251);
text-decoration: none;
}


div#strankovani div div a:hover{
font-weight: 700;
color: rgb(215,215,215);
text-decoration: underline;
}




/* otvirak */


.otvirak_obsah{
margin-left: auto;
margin-right: auto;
margin-top: 50px;
width: 700px;
text-align: center;
border: 0px rgb(204,0,0) solid;
}
.otvirak_odkaz{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
width: 700px;
text-align: center;
border: 0px rgb(204,0,0) solid;
}


.otvirak_odkaz a{
color: rgb(204,0,0);
text-decoration: none;
font-weight: 600;
background-color: #868686;
padding: 3px 3px 3px 3px;
}

.otvirak_odkaz a:hover{
color: rgb(204,0,0);
text-decoration: underline;
font-weight: 600;
padding: 3px 3px 3px 3px;
}



/* ads*/

#ads_homepage{
width: 745px;
margin-left:auto;
margin-right:auto;
}

#FoverHoempage div{
margin-right:50px;
}




.odkazy_sloupek{
width: 310px;
margin-left: 20px;
margin-top: 5px;
overflow: hidden;
float: left;
}

.odkazy_sloupek_p{
width: 310px;
margin-right: 20px;
margin-top: 5px;

float: right;
}


.link_polozka{
text-align: left;
/*background-color: rgb(181,181,181);*/
margin-bottom: 3px;
}
.link_polozka p{
margin-left: 2px;
margin-top: 2px;
font-size: 95%;
color: rgb(85,85,85);
}

.link_polozka a{
color: rgb(204,0,0);
text-decoration: none;
font-weight: 700;
}
.link_polozka a:hover{
color: rgb(204,0,0);
text-decoration: underline;
font-weight: 700;
}


#overHomepage{
background-image: url(../img/fresh.png);
background-repeat: no-repeat;
padding-left: 60px;
padding-top: 10px;
}



/* Graficke menu */

#gr_menu_l{
width: 69px;
height: 30px;
overflow: hidden;
float: left;

}


#gr_menu_p{
width: 105px;
height: 30px;
overflow: hidden;
float: left;


}

/* levy */

.g_menu_l{
width: 68px;
height: 10px;
display: block;
overflow: hidden;
background-image: url(../img/gr_menu_l.png);
}

a.g_menu_l{
background-position: 0px 0px;
}

a.g_menu_l:hover{
background-position: -68px 0px;
}

a#l_1{
background-position: 0px 0px;
}
a#l_1:hover{
background-position: -68px 0px;
}

a#l_2{
background-position: 0px -10px;
}
a#l_2:hover{
background-position: -68px -10px;
}

a#l_3{
background-position: 0px -20px;
}
a#l_3:hover{
background-position: -68px -20px;
}

/* prava */

.g_menu_p{
width: 105px;
height: 10px;
display: block;
overflow: hidden;
background-image: url(../img/gr_menu_p.png);
}


a#p_1{
background-position: 0px 0px;
}
a#p_1:hover{
background-position: -109px 0px;
}

a#p_2{
background-position: 0px -10px;
}
a#p_2:hover{
background-position: -109px -10px;
}

a#p_3{
background-position: 0px -20px;
}
a#p_3:hover{
background-position: -109px -20px;
}

