a img {border: none;}
table {border-collapse: collapse; margin: 0; padding: 0;}
table tr td {padding: 0;}
form, p, h1, h2, h3, h4, ul, ol, li {margin: 0; padding: 0;}
input, select, option, textarea {font-family: Tahoma, "Lucida Grande", Arial, sans-serif; font-size: 11px;}

/* --------------------- OBECNÉ -------------------------- */
body {text-align: center; background: #cfcdcb url(../images/footer.png) repeat-x left bottom; font-family: Tahoma, "Lucida Grande", Arial, sans-serif; font-size: 62.5%; margin: 0; color: black;}

a	{color: #c41010; text-decoration: underline;}
a:visited {color: #741c1c;}
a:hover {color: #c41010; text-decoration: none;}

.cleaner {clear: both; font-size: 0!important;}
.right {text-align: right;}
.center	{text-align: center;}
.bold {font-weight: bold;}
.fl {float: left;}
.fr {float: right;}
.block {display: block;}

/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
#web {background: #fff; width: 930px; margin: 0 auto; text-align: left; border-top: 4px solid #2b0606;}
#webObal {background: url(../images/body.png) repeat-x; width: 100%; padding-top: 21px;}
#vnitrek {background: url(../images/stinPodHeader.jpg) no-repeat center 301px; width: 930px; margin: 0 auto; min-height: 770px; _height: 770px;}
#header {background: url(../images/headerPrechod.png) repeat-x; width: 914px; height: 175px; padding-top: 80px; position: relative; margin-left: 8px; border-bottom: 1px solid #848584;}
	#header #logo {width: 380px; height: 41px; position: absolute; left: 30px; top: 21px;}
	#header #logo a {display: block; width: 380px; height: 41px;}
	#header .logoAlfa {position: absolute; right: 25px; top: 37px;}
	#header a.headerCities360 {position: absolute; right: 38px; top: 120px; width: 100px; height: 100px;}
#levy {float: left; display: inline; width: 656px; font-size: 1.2em; line-height: 20px;}
#pravy {float: right; display: inline; width: 253px; font-size: 1.2em;}

#footer {height: 84px; font-size: 1.2em;}
	#footer a, #footer a:hover {font-weight: bold;}
	#copyright {margin: 0 auto; width: 905px; padding-left: 25px; text-align: left; padding-top: 38px;}
	#copyright .vyrobil {float: right; width: 220px; text-align: right; padding-right: 25px;}

  .jazyky {position:absolute; top: 33px; right: 15px; width:120px;}
  .jazyky div {margin: 5px 0 0 4px;}
  .jazyky div a {border: 1px solid #ccc;}
  .jazyky div a {background: url(../images/vlajkaHover_cz.gif) no-repeat; width: 22px; height: 16px; display: block; float: left; display: inline; margin: 0 2px;}
  .jazyky div a:hover, .jazyky div.aktivni a {background-image: url(../images/vlajka_cz.gif);}
  .jazyky div.aktivni a {cursor: default;}
  .jazyky div a.en {background-image: url(../images/vlajkaHover_en.gif);}
  .jazyky div a.en:hover, .jazyky div.aktivni a.en {background-image: url(../images/vlajka_en.gif);}

  .jazyky div a.pl {background-image: url(../images/vlajkaHover_pl.gif);}
  .jazyky div a.pl:hover, .jazyky div.aktivni a.pl {background-image: url(../images/vlajka_pl.gif);}
  .jazyky div a.hr {background-image: url(../images/vlajkaHover_hr.gif);}
  .jazyky div a.hr:hover, .jazyky div.aktivni a.hr {background-image: url(../images/vlajka_hr.gif);}


/* ----------------- MENU ------------------- */
ul#menu {background: url(../images/menu.png) repeat-x 0 -47px; height: 47px; list-style-type: none; margin: 0 0px 0px 8px; font-size: 12px; line-height: 13px; width: 914px;} 
ul#menu li {float: left; height: 47px;} 
ul#menu li.liDemo {float: right; text-transform: uppercase;} 
ul#menu li a, ul#menu li span {background: url(../images/menu.png) repeat-x 0 -47px; font-weight: bold; display: block; padding: 17px 24px 16px 24px; color: #fff; text-decoration: none;} 
ul#menu li a:hover, ul#menu li span, ul#menu li a.klikaci {background-position: 0 0;} 


/* levy */
.levyIn {padding: 25px 0px 0px 25px;}
.levyIn p {padding-bottom: 20px;}
.levyIn ul {padding-bottom: 20px; margin-left: 23px; list-style-type: none;}
.levyIn ul li {background: url(../images/odrazka-seznam.gif) no-repeat 0 8px; padding-left: 15px;}
.levyIn ol {padding-bottom: 20px; margin-left: 36px;}
H1 {background: url(../images/H1-bg.gif) no-repeat 0 3px; color: #5d5651; font-size: 15px; margin-bottom: 18px; padding-left: 23px;}
H2 {background: url(../images/H2-bg.gif) no-repeat 0 7px; color: #9c1818; font-size: 13px; margin-bottom: 6px; padding-left: 23px;}
H3 {background: url(../images/H3-bg.gif) no-repeat 0 8px; color: #5d5651; font-size: 12px; margin-bottom: 4px; padding-left: 15px;}

/* úvodní strana */
.uvodniBoxy {border-top: 1px solid #cfcdcb; border-bottom: 1px solid #cfcdcb; padding: 5px 0; margin-bottom: 15px;}
.uvodniBoxy table {width: 100%;}
.uvodniBoxy table td {text-align: center; padding: 3px 0;}
.uvodniBoxy table td p {padding-bottom: 0;}
.uvodniBoxy table td.tdStredni {border-left: 1px solid #cfcdcb; border-right: 1px solid #cfcdcb; width: 230px;}
.uvodniBoxy table td.tdCena {width: 200px;}
.uvodniBoxy table td.tdStredni img {display: block; margin: 0 auto; margin-bottom: 6px;}
.uvodniBoxy table td.tdStredni ul {list-style-type: none; width: 209px; margin: 0 auto; padding-bottom: 0;}
.uvodniBoxy table td.tdStredni ul li {background: url(../images/uvod-duvody.gif) no-repeat; font-size: 12px; font-weight: bold; width: 189px; padding: 0 10px; height: 24px; line-height: 24px; margin-bottom: 4px; text-align: left;}
.uvodniBoxy table td.tdStredni ul li.mensi {font-size:10px; line-height: 12px;}
.uvodniBoxy table td.tdStredni ul li.liZvyrazni {background: url(../images/uvod-duvodyRed.gif) no-repeat; color: #fff;}
.uvodniBoxy table td.tdCena img {display: block; margin: 0 auto; margin-bottom: 4px;}
.uvodniBoxy table td.tdCena p {text-align: left; line-height: 17px; padding: 6px 8px 6px 12px;}

/* reference */
table.tRef {margin-bottom: 10px; border-bottom: 1px solid #cfcdcb; font-size: 11px; line-height: 14px;}
table.tRefFirst {border-top: 1px solid #cfcdcb;}
table.tRef td {vertical-align: top; padding-bottom: 15px; padding-top: 5px;}
	table.tRefFirst td {padding-top: 15px;}
table.tRef td h2 {margin-bottom: 0px; background: none; padding-left: 0;}
table.tRef td.refObsah {padding-left: 6px; width: 457px;}
table.tRef td .datum {float: right; color: #4f4944;}
table.tRef td p {padding-bottom: 4px; padding-top: 1px;}
table.tRef td img {border: 1px solid #b5b2af; margin-right: 8px; display: block;}
table.tRef td img.tlDetail {border: none;}

/* detail reference */
img.prohlidka {display: block; border: 1px solid #cfcdcb;}
table.tVirtualni td {vertical-align: top; }
table.tVirtualni td img {border: 1px solid #b5b2af; margin-right: 8px;}
table.tVirtualni td img.tlDetail {border: none;}

/* kontakty */
 form.fKontaktovat {width: 100%; padding-top: 12px; line-height: 16px; border-top: 1px solid #cfcdcb; margin-bottom: 10px;}
 form.fKontaktovat p {color: #5d5651; line-height: 20px;}
 form.fKontaktovat table {width: 565px; margin: 0 auto;}
 form.fKontaktovat table td {white-space: nowrap; padding-bottom: 5px; padding-right: 3px; vertical-align:top;}
 form.fKontaktovat table td div {background: url(../images/input-bg.png) no-repeat; width: 185px; height: 20px;}
 form.fKontaktovat table td div input.text {width: 175px; padding: 4px 4px 2px 4px; height: 14px; border: none; background: none;}
 form.fKontaktovat table td input.submit {margin-top: 5px;}
 form.fKontaktovat table td textarea {width: 559px; height: 86px; border: none; background: transparent; padding: 2px 3px; margin: 0;}
 form.fKontaktovat table td div.textarea-bg {background: url(../images/textarea-bg.png) no-repeat; width: 565px; height: 90px;}
 form.fKontaktovat table td div input.req {background: url('../images/req.gif') no-repeat right top;}
	
table.barevna {width: 100%; margin-bottom: 20px;}
table.barevna td, table.barevna th {background-color: #ecebea; padding: 5px 15px 7px 15px; border-bottom: 1px solid #fff;}
table.barevna th {background-color: #d7d5d4; font-weight: bold;}


/* pravy */
.pravyIn {padding: 25px 8px 0px 0; color: #000; line-height: 17px;}
.pravyIn H2 a, .pravy H2 a:hover {color: #A41818;}
.pravyIn H2 {font-size: 12px; background: none; padding-left: 0;}

img.aktNadpis {margin-bottom: 4px; padding-left: 19px; display: block;}
.aktuality {width: 233px; padding: 5px; margin-bottom: 6px; background-color: #d4d2d0;}
.aktuality H2 {margin-bottom: 0px; color: #c41010;}
.aktuality-obsah {border: 1px solid #bbbab8; background-color: #EBEAE9;}
.aktualita {padding: 8px 12px 13px 14px;}
.spolupracujeme {padding: 8px 0px 13px 0px;}
	.spolupracujeme img {display: block; margin: 5px auto 2px auto;}
	.spolupracujeme p {padding-bottom: 0px!important;}
	.spolupracujeme p.odsazeni {padding: 0px 12px 0 14px;}
.aktDekorace {padding: 5px 0;}
	.aktDekorace img {display: block; margin: 0 auto;}
.aktualita p.datum {font-size: 11px; font-weight: bold;}

img.refNadpis {display: block; margin: 0;}
.refObal {background: url(../images/refBottom.png) no-repeat 0 bottom; width: 243px; color: #e1d5ce; padding-bottom: 12px; margin-bottom: 6px;}
.refObal .refIn {background: url(../images/ref-repeat.png) repeat-y; width: 243px;}
.refObal .refIn h2, .refObal .refIn p {color: #e1d5ce; padding: 0px 8px; background: none;}
.refObal .refIn h2 a, .refObal .refIn h2 a:hover {color: #e1d5ce!important; font-size: 12px!important;}
.refObal .refIn a, .refObal .refIn a:hover, .refObal .refIn a:visited {color: #fff; font-size: 11px;}
.refObal .ref {padding: 8px 0px 13px 5px; margin: 0 6px; border-bottom: 1px dotted #362d27;}
.refObal .refLast {border-bottom: none;}
.refObal .ref img {border: 1px solid #63605e; display: block; margin-bottom: 2px;}

ul#kategorie {list-style-type: none; margin-left: 7px; padding: 10px 0; width: 229px; font-weight: bold; font-size: 12px;}
ul#kategorie li {width: 229px; list-style-type: none; }
ul#kategorie li a {background: url(../images/odrazka.gif) no-repeat 7px center; display: block; width: 198px; padding: 3px 10px 5px 22px; font-size: 12px;}
ul#kategorie li a.aktivni {cursor: default; color: #fff}
ul#kategorie li a:visited {color: #bab8b6;}
ul#kategorie li a.aktivni:visited, ul#kategorie li a.klikaci:visited {color: #fff!important;}
ul#kategorie li a:hover, ul#kategorie li a.aktivni, ul#kategorie li a.klikaci {background-color: #a51717; text-decoration: none; color: #fff}

table.detailReference {width:100%; font-size: 11px; border-top: 1px solid #CFCDCB; margin-bottom: 15px;}
table.detailReference tr td {width: 50%; text-align: center; padding-bottom:2px;}
table.detailReference tr.tr1 td img {border: 1px solid #B5B2AF; display: block; margin: 0 auto; margin-bottom: 2px;}
table.detailReference tr.tr2 td {padding-top: 11px;}
table.detailReference tr.tr2 p {padding-bottom: 0; width: 250px; font-weight:bold; text-align:left; font-size:12px; margin-left:32px;}
table.detailReference tr.tr3 td img {border: none; display: block; margin: 0 auto;}

a.zpet {float: right; display: inline; font-size: 11px; font-weight: bold;}
/*a.spustitProhlidku {background: url(../images/tl-spustit.gif) no-repeat 0 -54px; display: block; width: 189px; height: 54px; margin: 0 auto; position:relative; top:5px;}
a.spustitProhlidku:hover {background-position: 0 0;}
*/
.referenceUdaje {margin-bottom:10px;}
.spustitCelou {text-align:right;}

.form-chyba {border:2px solid #CE0000; padding:3px 10px; background:white; color: #CE0000; font-weight:bold; width: 420px; margin:5px auto 10px auto;}
.form-ok {border:2px solid #2B7595; padding:3px 10px; background:white; color: #2B7595; font-weight:bold; width: 420px; margin:5px auto 10px auto;}
.skryty {display:none;}

table.tStrankovani {width: 87%; margin: 0 auto; margin-bottom: 5px; font-weight: bold; font-size: 11px;}
table.tStrankovani tr td {width: 29%;}
table.tStrankovani tr td.center {font-family: Verdana; padding: 2px 0px;}
table.tStrankovani tr td.center a, table.gStrankovani tr td.center span {font-weight: bold; padding: 0px 4px;}
table.tStrankovani tr td.center span {background: #C41010; color: #fff; padding: 1px 4px;}

table.kalk {margin: 0 0 15px 0; border: 3px solid #D4D2D0;}
table.kalk tr td {padding: 5px 5px; background: #EBEAE9; vertical-align: top;}
.kalk_ks {width: 50px; height: 18px; font-size: 12px; border:2px solid #BBBAB8;}
#kalk_cena {color: #9C1818; font-weight: bold;}
.kalk_eur {padding-left: 10px; font-weight: normal;}

td.unavailable, td.temporary {opacity: 1 !important;}
td.unavailable span, span.unavailable {background: #CFA8A8 !important;}

.cenaObj {width: 150px; background: none!important; color: #691D1D; font-weight: bold;}
td.casRealizace label {vertical-align: 2px;}

table.gSeznam {width: 100%; line-height: 14px; font-size: 11px; font-weight: bold;}
table.gSeznam tr td {vertical-align: top; text-align: center; padding: 0; padding-bottom: 1px; width: 24%;}
table.gSeznam tr td a img {margin: 0 auto; display: block; border: 1px solid #ccc; padding: 2px;}


.boxPrihlaseni {width: 200px;}
.boxPrihlaseni h3 {font-size: 14px; color: #000; font-weight: normal; padding: 0; margin: 0 0 5px 0; background-image: none;}
.boxPrihlaseni p {padding-bottom: 10px;}
.boxPrihlaseni input.text {width: 167px; border: 1px solid #b6a672; padding: 3px 0 4px 2px; margin-bottom: 8px;}

.boxPrihlaseniStranka {background:#EBEAE9; width: 300px; padding:10px 14px; margin: 0; border: 1px solid #D4D2D0;}
.boxPrihlaseniStranka input.odberPrihlasit {float:none; position:relative; top:8px;}

.ok, .chyba {border: 1px solid; margin: 5px 0px 15px 0; padding: 8px 10px 8px 43px!important; background-repeat: no-repeat; background-position: 15px center;}
.ok {color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/ok.png');

-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #9ea4a7 1px 1px 3px; -moz-box-shadow: #9ea4a7 1px 1px 3px; box-shadow: #9ea4a7 1px 1px 3px; behavior: url(/PIE.php); position: relative; z-index:1;}
.chyba {color: #9F6000; background-color: #FEEFB3; background-image: url('../images/chyba.png');
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #9ea4a7 1px 1px 3px; -moz-box-shadow: #9ea4a7 1px 1px 3px; box-shadow: #9ea4a7 1px 1px 3px; behavior: url(/PIE.php); position: relative; z-index:1;}

ul.carousel2 {margin: 0; padding: 0; width: 243px;}


/* === SAFE Readability patch (mobile-only) === */
img, iframe, video {max-width:100%; height:auto;}
iframe[src*="youtube.com"], iframe[src*="vimeo.com"] {width:100%; aspect-ratio:16/9;}
body {overflow-wrap: anywhere;}
@media (max-width: 767px){
  table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
}
@media (max-width: 900px){
  #levy, #pravy {float:none; width:auto;}
}
@media (max-width: 767px){
  body, p, li {line-height:1.6;}
  .text, .clanek, #obsah, #content {padding-left:12px; padding-right:12px;}
}
/* konec SAFE patch */