body{font:90% 'Arial CE',Arial,Verdana,lucida,sans-serif; text-align:center; line-height:1.4em; margin:0; padding:0;}
.odeslat1,.odeslat{cursor: pointer;}

#logo{position:absolute;left:53px;top:25px}

#logo-foto{position:relative; text-align:center; width:185px; height:139px; padding:0;overflow:hidden;}
#logo-foto div div{display:table-cell; vertical-align:middle; width:185px; height:139px;}

#main{margin:0 auto;width:980px;text-align:left}
#head{height:240px;position:relative;margin:0 auto;}
#nav{position:absolute;left:0;top:192px}
  #nav ul{margin:0 0 0 30px;padding:0}
  #nav ul li{list-style:none;float:left;font-weight: bold;margin:0 0 0 4px;padding:0;text-transform: uppercase;}
  #nav ul li a,#nav ul li strong{position:relative;padding:12px 8px 0 8px;}
  #nav ul li a,#nav ul li strong,#nav ul li a span,#nav ul li strong span{display:block;height:30px}
  #nav ul li a span,#nav ul li strong span{position:absolute;top:0;right:0;width:5px;height:42px}

.jmenuji{position:absolute;top:80px;left:305px;font-size:140%}
.jmeno{position:absolute;top:112px;left:304px;font-size:265%;text-transform: capitalize;}
.hamoun{position:absolute;top:144px;left:305px;font-size:140%}
.birthdate{position:absolute;top:105px;left:717px;font-size:210%;font-weight: bold;padding:2px 0 0 24px}
.age{position:absolute;top:135px;left:710px;font-size:90%;font-weight: bold;}
  
#prckoviste{position:absolute;top:7px;right:31px;font-size:90%;color:white;font-weight: bold;}
#prckoviste a, #prckoviste span{padding:5px 0;height:28px;display:block}
#prckoviste a#login-head {padding:5px 45px 0 0;display:block;height:28px;} 

#nahled .box{height:auto}
.box{width:310px;float:left;margin-right:11px;height:475px;font-size:90%}
#bottom .box .mtrj{overflow-y: auto;height:400px;}
#bottom{margin-top:15px}
#last-mess{overflow-y: auto;height:145px;padding:0 10px;border:1px solid #CAE67C;}
#vzkazovnik h3{margin-bottom:0;}
/* admin */
  #tabs{margin:0 5px;width:970px;}
  #tabs ul{margin:0;padding:0} 
  #tabs ul li{list-style:none}
  #tabs ul.warning{margin:0 0 1em 0;background:#b80535 url(both/bg-warning.png) no-repeat 0 0;padding:1em .5em .5em 100px; color:white; min-height:80px}
  #tabs ul.warning li{list-style: disc;float:none}
  
  .warning{margin:0 0 1em 0;background:#b80535 url(both/bg-warning.png) no-repeat 0 0;padding:1em .5em .5em 100px; color:white; min-height:80px}
  .warning h3{margin-bottom:.3em}
  .warning ul{margin-top:0.3em}
  .warning ul{padding:0}
  
  #tabs ul li a{float:left;display:block;padding:10px;background:#BFE7FF;border:1px solid #C2E7FF;margin-right:5px;z-index:80;position:relative}
  #tabs ul li a:hover,#tabs ul li.active a{background:white;border-bottom:1px solid white}
  #tab-informace,#tab-uzivatele-stranek,#tab-zmena-hesla, #tab-zmena-hesla-omezeni{margin:0;clear:both;padding:10px;background:white;border:1px solid #C2E7FF;position:relative;top:-1px;}
  #tab-zmena-hesla{min-height:270px;padding:10px;}
  #tab-zmena-hesla h3{margin-top:0}
  #tab-informace table, #tab-informace table td{margin-right:1.5em;border-collapse: collapse;}
  #uvodni-info textarea{float:right;width:623px}
  #tab-uzivatele-stranek td, #tab-uzivatele-stranek th{padding:3px 5px}
  #admin-picture{width:288px;float:left}
  #admin-prihlasen{position:absolute;top:0;left:300px;background:white;z-index:10}
  #admin-prihlasen .boxik{background:black;margin:13px;color:white;padding:10px}
    .boxik p{margin:7px 0}
    .boxik a,.boxik strong{padding:5px 5px}
    .boxik a.admin-button{border:1px solid #4f4f4f;background:black;color:white;}
    .boxik strong.admin-button,.boxik a.admin-button:hover{border:1px solid #7c9f1d;background: #587603 url(both/bg-admin-button.gif) repeat-x 0 0}

/* hoverbox */
  .hoverbox{cursor: default;list-style: none;}
  .hoverbox a{cursor: default;}
  .hoverbox a .preview{display: none;}
  .hoverbox a:hover .preview{display: block;position: absolute;top: 0px;left: -10px;z-index: 1;}
  .hoverbox img{background: #fff;border-color: #aaa #ccc #ddd #bbb;	border-style: solid; border-width: 1px;	color: inherit;	padding: 2px;	vertical-align: top;	}
/*  .hoverbox .preview{width:80px;height:80px}*/
  .hoverbox li.last{padding-bottom:100px}
  .hoverbox li{position:relative;min-height:22px}
  .hoverbox li a{position:relative}

  .hoverbox .preview{background: #fff;	border-color: #aaa #ccc #ddd #bbb;	border-style: solid;	border-width: 1px;	color: inherit;	padding: 2px;	vertical-align: top;	/*width: 100px;	height: 75px;*/}
  .hoverbox li a{position:relative}

  .hoverbox .preview{background: #fff;border-color: #aaa #ccc #ddd #bbb;	border-style: solid; border-width: 1px;	color: inherit;	padding: 2px;	vertical-align: top;	}
  .hoverbox .preview{/*width:80px;height:80px;*/border-color: #000;}
  
  .edit1{position:absolute;top:6px;right:0px;text-align:justify;width:35px;}
  .edit1 .flr{margin-right:1px}


#uvodni-info form textarea{margin:0}
#uvodni-text{margin-top:1em}
#admin-zuby-hl,#admin-zuby-hp,#admin-zuby-sl,#admin-zuby-sp{position:absolute;z-index:1000;}
#admin-zuby-hl input,#admin-zuby-hp input,#admin-zuby-sl input,#admin-zuby-sp input{display:block;font-size:.8em;height:1.4em;padding:0;margin-bottom:4px;width:123px}
#admin-zuby-hl{top:20px;left:55px;}    
#admin-zuby-hp{top:20px;left:430px;}
#admin-zuby-sl{top:170px;left:55px;}
#admin-zuby-sp{top:170px;left:430px;}
#left-clmn .admin-zoubky{height:265px;}    
#zuby-ulozit{position:absolute; top:280px; left:280px}
    
    .edit{position:absolute;top:1px;left:0px;text-align:justify;width:100%}
    .edit .fl{margin-left:1px}
    .edit .flr{margin-right:1px}
    
.tbl49p{width:45%}  


    
/* /admin */
  
  
  #novinky{margin-left:4px}
  #novinky h2{margin:-10px 0 0 0;padding:26px 0 0 15px;height:34px}
  
  #novinky ul li .new-xpr{float:left;display:block;margin-left:8px;padding:3px;font-size:90%}
  #novinky ul li strong{float:left;padding:3px 0 3px 0}
  #novinky ul li h3{font-size:100%;clear:both;margin:0 0 .3em 0}
  #novinky ul li {margin:0 0 .5em 0;padding:0 0 .5em 0}
  #novinky ul li p{margin:0}

.novinky li{border-bottom:1px solid #E5E7E6;padding:5px 0}	
.novinky li .new-xpr{float:left;display:block;margin-left:8px;padding:3px;font-size:90%;color:#7A7777;background:white}
.novinky li strong{float:left;padding:3px 0 3px 0;}
.novinky li h4{font-size:100%;clear:both;margin:0 0 .3em 0}

  
  #novinky p{margin:0}
  
  #vzkazovnik h2{margin:-11px 0 0 0;padding:27px 0 0 15px;height:34px}
  #vzkazovnik h3{font-size:160%;text-transform: uppercase;}
  #vzkazovnik p{margin:.2em 0}  
  #vzkazovnik .podpis{text-align:right;font-style: italic;}
  .vzkaz, .polozka, .fotoalbum{position:relative}
   .servis{position:absolute;top:0px;right:10px}
   .servis a.show{display:block;width:25px;height:0px; float:left;overflow: hidden;padding-top:25px}
   .servis a.show .hide{display:block;background: url(both/show.gif) no-repeat 0 0;position:absolute;top:0;left:0;height:25px;width:25px; float:left}
   .servis a.show .show{display:block;background: url(both/show.gif) no-repeat 0 -25px;position:absolute;top:0;left:0;height:25px;width:25px; float:left}
  #kamaradi h2{margin:-14px 0 0 0;padding:30px 0 0 15px;height:34px}
  #login-host h2,  
  #login-uzivatel h2{margin:-14px 0 0 0;padding:30px 0 0 15px;height:34px}
  #kamaradi h3{font-size:140%}
  
  #novinky h2,#vzkazovnik h2,#kamaradi h2{text-transform: uppercase;}



/* subpage */
.prechod #top{padding:10px 20px 10px}
#left-clmn #crumbs{border-bottom:1px solid #e5e7e6; padding:0 0 16px 15px; font-size:90%}
/* left-clmn subpage */
#left-clmn{width:630px;float:left}
  #top #left-clmn h1{margin:.7em 0}
  .texty h2{margin:.3em 0}
  .texty {font-size:92%}
  .texty p{line-height: 1.3em;}




#rodokmen{background: url(both/bg-rodokmen.png) no-repeat 5px 0;width:627px;min-height:730px;position:relative}
  .rodice{width:127px;height:146px;position:absolute;font-size:90%;height:146px; width:127px}  
    #deda-tata{top:26px; left:5px; background: url(both/bg-deda.gif) no-repeat 0 0}
    #babicka-tata{top:26px; left:167px;background: url(both/bg-babicka.gif) no-repeat 0 0}
    #deda-mama{top:26px; left:333px; background: url(both/bg-deda.gif) no-repeat 0 0}
    #babicka-mama{top:26px; left:495px;background: url(both/bg-babicka.gif) no-repeat 0 0}
    
    #testr-tata{top:259px; left:5px; overflow-y: auto;}
    #testr-mama{top:259px; left:495px; overflow-y: auto;}
    #testr-tata ul,#testr-mama ul{margin:10px 0 0 10px;padding:0;}
      .stryc{background: url(both/bg-stryc.gif) no-repeat 0 0;list-style:none; padding:0 0 0 19px;line-height:2em}
      .teta{background: url(both/bg-teta.gif) no-repeat 0 0;list-style:none; padding:0 0 0 19px;line-height:2em}
      
    #tata{top:259px; left:173px;background: url(both/bg-deda.gif) no-repeat 0 0}    
    #mama{top:259px; left:328px;background: url(both/bg-babicka.gif) no-repeat 0 0}    
    .rodice .ram{float:left; text-align:center; width:127px; height:146px; overflow:hidden;margin-top:3px}
    .rodice .ram div div{display:table-cell; vertical-align:middle; width:127px; height:146px;}
    #ego .ram{height:192px;width:169px;float:left; text-align:center; overflow:hidden;margin-top:3px}
    #ego .ram div div {display:table-cell; vertical-align:middle; width:169px; height:192px;}
    
    .sourozenci{width:97px;height:146px;position:absolute;font-size:90%;}
    .popisek-bratr,.popisek-sestra{position:absolute;top:-26px;height:26px;width:72px;left:12px;background: url(both/bg-bratr.png) no-repeat 0 0}
    .popisek-sestra{background: url(both/bg-sestra.png) no-repeat 0 0}
    .bratr, .sestra{height:111px; width:97px}
    .bratr{background: url(both/bg-bratr.gif) no-repeat 0 0}
    .sestra{background: url(both/bg-sestra.gif) no-repeat 0 0}
    
    .bratr,.sestra{float:left; text-align:center; width:97px; height:111px; overflow:hidden;padding-top:3px}
	  .bratr div div, .sestra div div{display:table-cell; vertical-align:middle; width:97px; height:111px;}
    
    #sourozenec1{top:518px; left:5px}
    #sourozenec2{top:518px; left:117px}
    #sourozenec3{top:518px; left:413px}
    #sourozenec4{top:518px; left:525px}
  #ego{position:absolute;top:518px; left:229px;height:192px;width:169px;}
   
  .rodokmen-jmeno{line-height:1.3em;}
/* right-clmn subpage */
#right-clmn{width:290px;float:right;}
#right-clmn .mtrj{padding:16px 16px 10px 16px}
#right-clmn .mtrj h3{color:#155d94;margin:0 0 .5em; text-transform: uppercase; width:185px}
#right-clmn .mtrj h4{clear:both;margin:0 0 .3em 0}
  .co-je-noveho ul li .new-xpr{float:left;display:block;margin-left:8px;padding:3px 8px;font-size:90%}
  .co-je-noveho ul li strong{float:left;padding:3px 0 3px 0}
  .co-je-noveho ul li {margin:0 0 .5em 0;padding:0 0 .5em 0}
  .co-je-noveho ul li p{margin:0;font-size:90%}
  
  .zazitky-mesicni ul,
  .zazitky-mesicni ul li{margin:0; padding:0}
  .zazitky-mesicni ul li{margin-left:15px;padding-left:16px}
  .zazitky-mesicni ul{margin-bottom:10px}
  .sidebox,.zazitky-mesicni{border:1px solid #cae67c; background:#f4ffd7;margin:0 0 15px 0}
  #right-clmn .sidebox .mtrj h3{text-transform: lowercase;width:100%}
  #right-clmn .sidebox .mtrj h3:first-letter{text-transform: uppercase;}
  .co-je-noveho{border:1px solid #b8e0ff; background:#e9f6ff;margin:15px 0 15px 0}
  .moji-kamaradi{border:1px solid #fbdf5f; background:#fffcdc;margin:15px 0 15px 0}
  .box .mtrj{padding:21px 16px .3em}
  .box .mtrj h3{margin:.5em 0}
  .last{margin-right:0}

#top{padding:23px 33px 30px}

#top .box{width:310px;float:left;margin-right:11px;min-height:275px;font-size:90%}
#top .box .mtrj{padding:10px 16px .3em}
#top #vzkazovnik{margin-left:130px}  
#top #kamaradi strong{color:#155D94}  
  
  #top h1{margin:0;padding:0;font-size:170%}
  .home-kid{padding:6px;float:left;margin-right:30px}
  #home-photo{padding:6px;float:left;margin-right:30px;}  
  #home-photo{position:relative; text-align:center; width:238px; height:182px; padding:0;overflow:hidden;}
  #home-photo div div{display:table-cell; vertical-align:middle; width:238px; height:182px;}
   
  #top p{margin:.5em 0}
  .rustograf{float:left;position:relative;width:489px;padding-top:20px;}
  .rustograf .ukazatel{position:absolute;left:29%;margin-left:-44px;top:5px;width:44px;height:53px}  
  .rustograf .ukazatel{background: url(both/rustograf-dite.gif) no-repeat 0 0;}

/* Forms */
form{margin:0;}
form p{margin:0;}
input,textarea,select,submit{font:100% Arial,Verdana,lucida,sans-serif;}
textarea {width:99%;margin:0}
fieldset,.hledej{padding:10px 20px; margin-bottom:10px;border:1px solid #CCED9D; background:#EDFFDF}
legend{padding:5px 10px; margin-top:10px; background:#CCED9D; border:1px solid #CCED9D;}


/* TABLE */
table{border-collapse: collapse;width:100%}
th,td{background:white;border:1px solid #dfdfdf;padding:5px 15px}
th{border:1px solid #fbdf5f;background: #fffcdc url(both/bg-th.png) repeat-x 0 0;padding:8px 15px}
.dark td{background:#f8f8f8}

table.noborder,table.noborder tr, table.noborder td{border:none;background:none}

/* zuby */
  .zoubky{height:290px;height:240px;padding:0;}
  .zub{position:absolute;font-size:75%;width:269px;height:70px}
  #hl1{left:50px;top:18px;background: url(both/hl1.gif) no-repeat 8px 10px;padding:0}
  #hl2{left:50px;top:20px;background: url(both/hl2.gif) no-repeat 8px 23px;padding:20px 0 0 0}
  #hl3{left:50px;top:41px;background: url(both/hl3.gif) no-repeat 10px 23px;padding:20px 0 0 0}
  #hl4{left:50px;top:63px;background: url(both/hl4.gif) no-repeat 10px 17px;padding:20px 0 0 0}
  #hl5{left:50px;top:86px;background: url(both/hl5.gif) no-repeat 10px 18px;padding:20px 0 0 0}
     
  #hp1{left:295px;top:18px;background: url(both/hp1.gif) no-repeat 13px 10px;padding:0;text-align:right}
  #hp2{left:295px;top:20px;background: url(both/hp2.gif) no-repeat 24px 29px;padding:20px 0 0 0;text-align:right}
  #hp3{left:295px;top:41px;background: url(both/hp3.gif) no-repeat  5px 24px;padding:20px 0 0 0;text-align:right}
  #hp4{left:295px;top:63px;background: url(both/hp4.gif) no-repeat  5px 17px;padding:20px 0 0 0;text-align:right}
  #hp5{left:295px;top:86px;background: url(both/hp5.gif) no-repeat  5px 19px;padding:20px 0 0 0;text-align:right}
     
  #sl1{left:50px;top:225px;background: url(both/sl1.gif) no-repeat 12px 3px;padding:31px 0 0 0}
  #sl2{left:50px;top:201px;background: url(both/sl2.gif) no-repeat 10px 8px;padding:33px 0 0 0}
  #sl3{left:50px;top:183px;background: url(both/sl3.gif) no-repeat 10px 13px;padding:30px 0 0 0;}
  #sl4{left:50px;top:164px;background: url(both/sl4.gif) no-repeat 10px 21px;padding:27px 0 0 0}
  #sl5{left:50px;top:145px;background: url(both/sl5.gif) no-repeat 10px 11px;padding:24px 0 0 0}
     
  #sp1{left:295px;top:225px;background: url(both/sp1.gif) no-repeat 12px 3px;padding:31px 0 0 0;text-align:right}
  #sp2{left:295px;top:201px;background: url(both/sp2.gif) no-repeat 5px 11px;padding:33px 0 0 0;text-align:right}
  #sp3{left:295px;top:183px;background: url(both/sp3.gif) no-repeat 5px 13px;padding:30px 0 0 0;text-align:right}
  #sp4{left:295px;top:164px;background: url(both/sp4.gif) no-repeat 5px 19px;padding:27px 0 0 0;text-align:right}
  #sp5{left:295px;top:145px;background: url(both/sp5.gif) no-repeat 5px 11px;padding:24px 0 0 0;text-align:right}



/* foot */
#foot{margin-top:15px;position:relative;height:2em}
	#foot .matrj{padding-bottom:1em;position:abolute;top:-30px}
	#foot p{float:left; padding:0 2%; margin:0;}
	#foot p.author{float:right;}

/* fotografie v rámečku */
.fotografie{float:left; position:relative; text-align:center; width:168px; height:168px; padding:0; margin:0 20px 5px 0;overflow:hidden;}
.fotografie div div{display:table-cell; vertical-align:middle; width:173px; height:173px;}
.fotografie a.text-foto{position:absolute; left:0; bottom:0; width:153px; padding:3px 10px; text-align:center; background:white;}



.foteckovnik{padding:20px}
.foteckovnik .fotoalbum{float:left;text-align:center; width:168px;margin:0 20px 20px 0;}
.foteckovnik .fotografie{float:left; position:relative; text-align:center; width:168px; height:168px; padding:0; margin:0 20px 5px 0;overflow:hidden;}
.foteckovnik .fotografie div div{display:table-cell; vertical-align:middle; width:173px; height:173px;}
.foteckovnik .fotografie a.text-foto{position:absolute; left:0; bottom:0; width:153px; padding:3px 10px; text-align:center; background:white;}






/*.texty{margin-left:195px}*/

.photogallery{text-align:left;margin-top:15px}
.photo{float:left; position:relative; text-align:center; width:87px; height:87px; padding:0; margin:0 10px 10px 0; overflow:hidden;}
.photo div div{display:table-cell; vertical-align:middle; width:92px; height:92px;}

.polozka{padding:20px}



/* other */
.vis{visibility:hidden;}
.hid{display:none;}
.sml,#foot,.photo a.text-foto{font-size:90%;}
.small{font-size: 80%;}
.big{font-size:120%;}
a img{border:none;}
.c{text-align:center;}
.l{text-align:left;}
.r{text-align:right;}
.just{text-align:justify;}
img.fl, .flimg{margin:0 1em .3em 0;float:left;}
img.flr, .flrimg{margin:0 0 .3em 1em;float:right;}
.fl{float:left;}
.flr{float:right;}
.cl{clear:both;display:block}
.cll{clear:left;}
.clr{clear:right;}
div.cl{font-size:1px; height:1px; padding:0; margin:0; overflow:hidden;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w33{width:33%;}
.w80px{width:80px;text-align:center}
.w45px{width:45px;text-align:center;padding:0}
.nolist{margin:0;padding:0}
.nolist li{list-style:none}

.help{cursor: help; border-bottom:dotted 1px black}	
.rrp{text-align:right;padding-right:30px}	
	
	
	.score{margin:0;padding:0; font-size:90%}
.hodnoceni{font-size:90%;margin:0;padding:0;width:100%;position:absolute;bottom:0;}

.centruj{margin:10px auto 0;text-align: center;width:148px}
textarea{margin-top:1em;width:100%}

.testbig{float:left;position:relative;text-align:center;width:208px;height:205px;padding:0;margin:0 10px 10px 0;overflow:hidden;}
.testbig div{display:table-cell;vertical-align:middle;width:205px;height:135px;}
.three{margin:0 0 10px 0;}

.filtr{padding:6px 10px 0;}

.list{padding:6px 10px; margin-bottom:10px;}
	.list td{width:auto;}
  .list tr:hover{background:none;}
	
	.list td,.list tr:hover td{border:none;}
.input2{width:1.5em;}
.input4{width:2.8em;}
.text{width:125px}

.number span,.number a{display:block; float:left; padding:3px 0; margin-right:6px;}
.number a{width:22px; margin-right:1px; text-align:center;}
.number a.activelist{text-decoration:none;}
.w20{width:20%;}
.w40{width:40%;}
.w50{width:50%;}
.right{text-align:right}
.pnmn{padding:0;margin:0}
#top .zvyrazneno{font-size:110%;margin-top:10px}
.zanoreni{margin-left:40px;margin-top:.5em}
.zanoreni2{margin-left:80px}

#login-both{margin-left:150px}
#login-single{margin:0 auto;width:300px}

.reklama-prava{margin-top:30px}