body{background-color: #CBCBCB; 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: 1200px; background: white;  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); margin: 0px auto; padding-bottom: 30px;}

	
	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; 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; 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: 22px;}
	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#left div#hledano input.hld{width: 200px;}

	div.telo div.cont div#right h4{text-align: left; font-family: Impact; border-bottom: 1px solid #c7c7c7; color: #c7c7c7; font-size: 20px; margin: 0px; padding: 5px 0px 10px 15px;}
	div.telo div.cont div#right ul.obsah{margin: 10px 0px 20px 5px; width: 950px; 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; height: 250px;}
	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: #ecf5aa;}
	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; max-height: 65px; overflow: hidden;}
    
	
	div.telo div.cont div#right p{text-align: left; margin: 5px 0px; padding: 0px; line-height: 20px;}
	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; width: 790px;}
	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 img.maxGalDet{max-height: 270px; max-width: 260px; border: 0px;}
    div.telo div.cont div#right img.maxGalVyp{max-height: 150px; max-width: 160px; border: 0px;}
    div.telo div.cont div#right img.maxFotDet{max-height: 420px; max-width: 365px; border: 0px;}

    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;
    }


	p.pata{color: #898989; font-weight: normal; margin-top: 10px; 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;}


    @media (min-width: 1520px) {
    div.telo{width: 1500px;}
    div.telo div.cont{width: 1452px;}
    div#line {width: 1452px;}
    div.telo div.cont div#right{width: 1200px;}
    div.telo div.cont div#right ul.obsah{width: 1250px;}
    div.telo div.cont div#right ul.obsah li div{width: 215px;}
    div.telo div.cont div#right .grid-container {max-width: 1200px;}
    div.telo div#login{width: 750px;}
    div.telo div.cont div#right p.zpet-odkaz{width: 1452px;}

    }

/* Řádky vyhledávacího formuláře. Dřív to byly inline styly v index.php. */
#hledano p.hledano-radek{text-align: center; padding: 5px;}

/* 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;}
span.fotka-popis{font-size: 11px; font-weight: normal;}
/* 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 (šířka se pro
   širší obrazovky přebíjí v media query níže, odsazení 252 px zůstává
   stejné v obou případech). */
div.telo div.cont div#right p.zpet-odkaz{ margin-left: -252px; margin-top: 20px; 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;}
img.pointer{cursor: pointer;}
div.admin-obsah{clear: both; margin-top: 20px;}
strong.zeleny-text{color: green;}
table.tabulka-prehled{width: 670px;}
th.bunka-odsazena{padding: 10px;}