body{background-color: #414D57; padding: 0px 0px 90px 0px; margin: 0px; align: center; text-align: center;font-family: "Gill Sans", "Trebuchet MS", sans-serif; font-size: 13px;}
	div.telo{width: 1212px; background: white; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75); margin: 0px auto; padding-bottom: 30px;}
	div.pata{width: 1212px; height: 13px; margin: 0px auto;}
	
	div.telo div#head{height: 94px; padding-top: 30px;}
	div.telo div#logo{width: 301px;height: 78px; float: left; margin-left: 40px;}
	div.telo div#login{width: 450px;margin-right: 140px; margin-top: 10px; _margin-top: 15px; float: right; padding-top: 3px;}
	div.telo div#login input{padding: 3px; border: 1px solid #7F9DB9; width: 107px; _height: 23px; _margin-bottom: -3px; _padding: 3px; vertical-align: middle;}
	div.telo div#login input#autom{width: 20px;}
	div.telo div#login label{padding-left: 10px; padding-right: 3px; vertical-align: middle;}
	div.telo div#login form{margin: 0px; padding: 0px; white-space: nowrap;}
	div.telo div#login p{padding: 0px; _padding: 0px; margin: 5px 0px 0px 0px; _margin: 10px 0px 0px 0px; font-size: 12px;}
	div.telo div#login p a{color: #5992D7; font-weight: bold;}
	div.telo div#login p a:hover{color: #5992D7; font-weight: bold; text-decoration: none;}
	
	div#line{height: 51px; width: 1152px; _margin-top: -5px; background: url('./img/line.jpg') repeat-x left top;  margin: 0px auto;}
	
	div.telo div#login input#prihlasit{border: 1px solid #4A84CC; background: #6AA1E1; width: auto; height: auto; margin-left: 4px; padding: 5px 16px; border-radius: 4px; color: white; font-weight: bold; font-size: 12px; cursor: pointer; vertical-align: middle;}
	div.telo div#login input#prihlasit:hover{background: #5992D7;}
	div.telo div.cont{width: 1152px; margin: 0px auto;}
	div.telo div.cont div#left{width: 240px; float: left;}
	div.telo div.cont div#right{width: 900px; float: right;}
	div.telo div.cont div#left form{margin: 0px; padding: 0px;}
	div.telo div.cont div#right ul.odbadmin{padding: 0px; margin: 20px 0px 30px 0px; width: 520px; text-align: center; align: center;}
	div.telo div.cont div#right ul.odbadmin li{display: inline; float: left; list-style: none; margin-left: 1px; text-decoration: none;}
	div.telo div.cont div#right ul.odbadmin li#sel a h1{font-size: 13px; padding: 7px 15px; text-decoration: none; font-weight: none; color: white; background-color: #6AA1E1;}
div.telo div.cont div#right ul.odbadmin li#sel a:hover h1{font-size: 13px; padding: 7px 15px; text-decoration: none; font-weight: none; color: white; background-color: #6AA1E1;}
	div.telo div.cont div#right ul.odbadmin li a{text-decoration: none;}
	div.telo div.cont div#right ul.odbadmin li a h1{font-size: 13px; padding: 7px 15px; text-decoration: underline; background-color: #f0f0f0;}
	div.telo div.cont div#right ul.odbadmin li a:hover h1{font-size: 13px; padding: 7px 15px; text-decoration: none; font-weight: none; color: white; background-color: #6AA1E1;}
	
	div.telo div.cont div#left h4{color: #5994D8; font-size: 19px; font-weight: normal; text-align: left; padding: 0px; margin: 0px;}
	div.telo div.cont div#left ul.menu{margin: 16px 0px 20px 0px; _margin: 16px 0px 20px -9px; padding: 0px;}
	div.telo div.cont div#left ul.menu li{list-style: none; text-align: left; text-decoration: none;width: 210px;_width: 229px; margin-top: 1px;}
	div.telo div.cont div#left ul.menu li a{text-decoration: none;color: #292121;}
	div.telo div.cont div#left ul.menu li a div{width: 210px;_width: 229px; height: 26px; _height: 33px; cursor: pointer; background: url('./img/menu.jpg') no-repeat left top; font-size: 14px; padding: 7px 0px 0px 20px;}
	div.telo div.cont div#left ul.menu li a:hover div{width: 210px; _width: 229px; height: 26px; _height: 33px; background: url('./img/menusel.jpg') no-repeat left top; color: white;}
	
	div.telo div.cont div#left ul.menu li a div#sel{width: 210px;_width: 229px; height: 26px; _height: 33px; background: url('./img/menusel.jpg') no-repeat left top; color: white; text-decoration: none;}
	
	div.telo div.cont div#left p{text-align: Left; margin: 0px; line-height: 20px;}
	div.telo div.cont div#left p a{color: #5994D8; text-decoration: underline;}
	div.telo div.cont div#left p a:hover{color: #5994D8; text-decoration: none;}
	div.telo div.cont div#left div#hledano{padding: 6px; margin: 10px 0px 14px 0px; background-color:#F5F5F5; width: 216px; _width: 210px; _margin-left: -15px;}
	 
	
	div.telo div.cont div#right h4{text-align: left; _font-weight: normal;font-family: Impact; border-bottom: 1px solid #c7c7c7; color: #c7c7c7; font-size: 20px; margin: 0px; padding: 5px 0px 10px 15px; width: 880px; _width: 890px;}
	div.telo div.cont div#right ul.obsah{margin: 10px 0px 20px 5px; width: 950px; _width: 895px; padding: 0px 0px 0px 0px; clear: both;}
	div.telo div.cont div#right ul.obsah li{float: left; display: inline; margin-top: 10px; margin-left: 5px; list-style: none; }
	div.telo div.cont div#right ul.obsah li div{padding: 8px; cursor: pointer; width: 198px; _width: 210px; height: 250px;}
    div.telo div.cont div#right ul.obsah li div img.tnb{max-width: 150px; max-height: 160px;}
	div.telo div.cont div#right ul.obsah li a{text-decoration: none;}
	div.telo div.cont div#right ul.obsah li a div{text-decoration: none;}
	div.telo div.cont div#right ul.obsah li a:hover div{text-decoration: none; padding: 8px; background: #EEF1B4 url('./img/bgsel.jpg') no-repeat left top;}
	div.telo div.cont div#right ul.obsah li a:hover div p{color: #3a3a3a;}
	div.telo div.cont div#right ul.obsah li a:hover div h2{text-decoration: none; }
	div.telo div.cont div#right ul.obsah li a:hover div img{border: 0px solid white;}
	
	div.telo div.cont div#right ul.obsah li h2{font-size: 14px; color: #1b7c95; text-decoration: underline; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	div.telo div.cont div#right ul.obsah li p{font-size: 11px; padding-top: 7px; font-weight: normal; text-align: center; color: gray; text-decoration: none; padding: 0px; margin: 0px;}
    
	
	div.telo div.cont div#right p{text-align: left; margin: 5px 0px; padding: 0px;}
	div.telo div.cont div#right p a{text-decoration: underline; color: #5992D7; font-weight: bold;}
	div.telo div.cont div#right p a:hover{text-decoration: none; color: #5992D7;}
	div.telo div.cont div#right p.info{font-style: italic;}
	div.telo div.cont div#right h1{text-align: left; font-size: 22px; font-weight: normal;color: #373737; margin: 0px;}
	
	div.telo div.cont div#right table.detail-foto{color:#252525; margin-top: 10px; font-size: 13px;}
	div.telo div.cont div#right table.detail-foto tr td{padding: 10px;}
	div.telo div.cont div#right table.detail-foto tr td a{color: #5992D7; font-weight: bold; text-decoration: underline;}
	div.telo div.cont div#right table.detail-foto tr td a:hover{color: #5992D7; text-decoration: none;}
	
	div.telo div.cont div#right table.detail-foto tr td span.cena{color: green; float: right; font-weight: bold;}
	div.telo div.cont div#right table.detail-foto tr td#tdweb{cursor: pointer; background-color: #F0F0F0;}
	div.telo div.cont div#right table.detail-foto tr td#tdtisk{cursor: pointer; background-color: #F0F0F0;}
	div.telo div.cont div#right table.detail-foto tr td#tdexclus{cursor: pointer; background-color: #F0F0F0;}
	div.telo div.cont div#right table.detail-foto tr td span.hnadpis{font-size: 17px;color: #5992D7; font-weight: normal;}
	div.telo div.cont div#right table.detail-foto tr td span.hnadpis2{font-size: 17px;line-height: 35px;color: #5992D7; font-weight: normal;}
	div.telo div.cont div#right table.detail-foto tr td.detinf{line-height: 23px;}

	div.telo div.cont div#right table.vypis-fotek{color:#4b4b4b; margin-top: 20px; font-size: 12px; font-weight: bold;}
	div.telo div.cont div#right table.vypis-fotek tr td{padding-top: 10px;}
	div.telo div.cont div#right table.vypis-fotek tr td a{text-decoration: underline; color: #5992D7; font-weight: bold;}
	div.telo div.cont div#right table.vypis-fotek tr td a:hover{text-decoration: none; color: #5992D7;}

    div.telo div.cont div#right table.vypis-fotek img.tnb2{max-width: 260px; max-height: 270px;}

	p.pata{color: #728696; font-weight: normal; padding: 15px 0px 0px 0px; margin-top: 0px; font-size: 12px;}
	p.pata a{color: #616161; text-decoration: underline;}
	p.pata a:hover{color: #616161; text-decoration: none;}
	
	div.cleaner{clear: both; height: 5px;}
	
	/* REGISTRACE */
	div.telo div.cont div#right table.tablea{margin: 20px auto 10px auto; width: 600px;}
	  
	 div.telo div.cont div#right table.tablea tr th{background-color:#EEF1B4; color: #121212; font-size: 12px; padding-left: 15px;}
	div.telo div.cont div#right table.tablea tr td{font-size: 13px; background-color:#F3F5CF;}
	div.telo div.cont div#right table.tablea tr td a{color: #5992D7; text-decoration: underline;}
	div.telo div.cont div#right table.tablea tr td a:hover{color: #5992D7; text-decoration: none;}
	
	div.telo div.cont div#right p.regform{margin: 0px 0px -10px 0px; text-align: left; padding: 15px 0px 0px 67px; color: #5992D7; font-size: 13px; font-weight: bold; }   div.telo div.cont div#right p.odberadmin{margin: 0px; padding: 0px 0px 8px 0px; text-align: left; color: #5992D7; font-size: 13px; font-weight: bold; }
	 div.telo div.cont div#right table.tablea tr td input, textarea{border: 1px solid #D9DF57;}
	
	
	div.telo div.cont div#right ul.pager{margin: 0px; _margin: 0px 0px 0px 10px; padding: 0px;}
	div.telo div.cont div#right ul.pager li{float: left; display: inline; list-style:none; margin-left: 1px;}
	div.telo div.cont div#right ul.pager li div{padding: 10px;}
	div.telo div.cont div#right ul.pager li a{text-decoration: none;}
	div.telo div.cont div#right ul.pager li strong div{background-color: #f2f2f2;}
	div.telo div.cont div#right ul.pager li a div{text-decoration: underline; color: black;}
	div.telo div.cont div#right ul.pager li a:hover div{background-color: #f2f2f2; text-decoration: none;}
	
	div.cleaner{clear: both; height: 5px;}
	
	div.telo div#login p #logout{font-weight: normal; color: red;}

	img.pointer{cursor: pointer;}

/* ==========================================================================
   Bloky doplněné při refaktoru 23. 10. 2026
   ========================================================================== */

/* Nadpis sekce. Dřív to byl <h4>, kvůli SEO je z něj <h1> - vzhled zůstává
   shodný s h4 ve pravém sloupci. */
div.telo div.cont div#right h1.sekce-nadpis{text-align: left; font-weight: normal; font-family: Impact; border-bottom: 1px solid #c7c7c7; color: #c7c7c7; font-size: 20px; margin: 0px; padding: 5px 0px 10px 15px; width: 880px;}

/* Záložky administrace odběratele. Dřív v nich byly <h1>, teď <span>. */
div.telo div.cont div#right ul.odbadmin li#sel a span{display: block; font-size: 13px; padding: 7px 15px; text-decoration: none; color: white; background-color: #6AA1E1;}
div.telo div.cont div#right ul.odbadmin li#sel a:hover span{display: block; font-size: 13px; padding: 7px 15px; text-decoration: none; color: white; background-color: #6AA1E1;}
div.telo div.cont div#right ul.odbadmin li a span{display: block; font-size: 13px; padding: 7px 15px; text-decoration: underline; background-color: #f0f0f0;}
div.telo div.cont div#right ul.odbadmin li a:hover span{display: block; font-size: 13px; padding: 7px 15px; text-decoration: none; color: white; background-color: #6AA1E1;}

/* Mřížka fotek. Dřív to byla tabulka s neuzavřenými <tr>. */
div.telo div.cont div#right .grid-container{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; width: 100%; max-width: 900px; margin: 0 auto;}
div.telo div.cont div#right .grid-item{padding: 10px 5px 20px 5px; text-align: center; width: 290px; color: #4b4b4b; font-size: 12px; font-weight: bold;}
div.telo div.cont div#right .grid-item a{text-decoration: underline; color: #5992D7; font-weight: bold;}
div.telo div.cont div#right .grid-item a:hover{text-decoration: none; color: #5992D7;}
div.telo div.cont div#right .grid-item img{border: 0px;}
/* object-fit: cover - fotka se ořízne na stejný poměr stran pro všechny
   náhledy (max-width/max-height samo o sobě nechávalo portrétové fotky
   užší než landscape, takže v mřížce vedle sebe vypadaly "špatně široké"). */
div.telo div.cont div#right img.tnb2{width: 260px; height: 270px; object-fit: cover;}
div.telo div.cont div#right img.maxFotDet{max-height: 400px; max-width: 333px; border: 0px;}
div.telo div.cont div#right span.fotka-popis{font-size: 11px; font-weight: normal;}

/* Vyhledávací formulář v levém sloupci. Dřív inline styly v index.php. */
#hledano p.hledano-radek{text-align: center; padding: 5px;}
#hledano input.hld{width: 210px;}

/* Popisek viditelný jen pro čtečky obrazovky. */
label.skryty-popis{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}

/* Zaškrtávátko v přihlašovacím bloku. Dřív inline styl v inc_login.php. */
#login input.bez-ramecku{border: 0px;}

/* Bloky převedené z inline stylů v šablonách inc_*.php. */
img.kontakt-foto{float: left; margin: 5px 10px 0px 0px;}
div.form-blok{clear: both;}
span.form-napoveda{font-size: 10px;}
input.btn-odeslat{width: auto; height: auto; padding: 8px 24px; cursor: pointer; border: 1px solid #9CAA3E; border-radius: 4px; background: #D9E577; color: #585818; font-weight: bold; font-size: 13px; text-transform: uppercase;}
input.btn-odeslat:hover{background: #C7D65D;}
/* div#right (900px) je v div.cont (1152px) zarovnaný float:right, tedy
   začíná až na 252 px zleva (1152-900) - samotné text-align: center proto
   odkaz centrovalo jen v rámci pravého sloupce, ne na celé stránce.
   Záporný margin-left ho roztáhne přes celou šířku div.cont. */
div.telo div.cont div#right p.zpet-odkaz{width: 1152px; margin-left: -252px; text-align: center;}
tr.skryta-varianta{display: none;}
input.skryty-radio{display: none;}
span.vlevo{float: left;}
span.garance-text{color: #585858; font-size: 11px;}
td.vyzva-prihlaseni{background-color: #F4F5C9; line-height: 22px;}
div.admin-obsah{clear: both; margin-top: 20px;}
strong.zeleny-text{color: green;}
table.tabulka-prehled{width: 670px;}
th.bunka-odsazena{padding: 10px;}