@import url('hlavni-tags.css');

body {text-align: center; background: #fff url(../images/body.gif) repeat-x}

.font15 {font-size: 15px;}

p.fotoStinCenter {background: url(../images/foto-stin2.jpg) no-repeat right bottom; padding-bottom: 11px!important; margin: 0 auto!important;}
p.fotoStinRight {float: right; background: url(../images/foto-stin2.jpg) no-repeat right bottom; padding-bottom: 11px!important; margin: 5px 10px!important;}
p.fotoStinLeft {float: left; background: url(../images/foto-stin2.jpg) no-repeat right bottom; padding-bottom: 11px!important; margin: 5px 10px!important;}
p.fotoStinCenter img, p.fotoStinRight img, p.fotoStinLeft img {border: 2px solid #e9e9e9; display: block;}

.bold {font-weight: bold;}
.cleaner	{clear: both;}
.left		{text-align: left !important;}
.right	{text-align: right !important}
.center	{text-align: center;}
.fr {float: right;}
.fl {float: left;}
.ibis {color: #55ab26;}
.red {color: #d90339;}
.orange {color:#FF7F27}
a.red, a.red:hover {color: #ed1c24; font-size: 11px;}
.search-result {background-color: yellow; border: 1px solid #efe81e; padding: 0 1px;}
.fotoStin {background: url(../images/foto-stin.jpg) no-repeat right bottom; padding-bottom: 11px; margin: 0 auto;}
.fotoStin2 {background: url(../images/foto-stin.jpg) no-repeat right bottom; padding-bottom: 11px; float: right; margin: 5px 10px;}
.fotoStin img, .fotoStin2 img {border: 2px solid #e9e9e9; display: block;}
hr.oddelitDole {visibility: hidden;}

/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
#web {background-color: #fff; width: 980px; margin: 0 auto; text-align: left; position: relative;}
	#web .vyhledavani {background: url(../images/header-zeleny-pruh.gif) no-repeat; position: absolute; right: 8px; top: 0px; width: 458px; padding-top: 24px}
	#web .vyhledavani a, #web .vyhledavani a:hover {color: #55AB26; margin-left: 4px;}
	#web .vyhledavani .jazyky {position: absolute; left: 135px; top: 24px;}
	#web .vyhledavani img.mapaWebu {position: relative; top: 2px;}
	#web .vyhledavani form {width: 210px; float: right; display: inline;}
	#web .vyhledavani form input {margin: 0; padding: 0;}
	#web .vyhledavani form input.tl-hledat {background-color: #f0f2f3; border: 1px inset #b4b4b4; width: 141px; position: relative; top: -5px; margin-right: 1px;}

#header {background: url(../images/header.jpg) no-repeat left bottom;	height: 235px; width: 980px; position: relative;}
  #logoIbis {position: absolute; left: 50px; top: 22px; width: 141px; height: 80px;}
  #logoIbis a, #logoIbis span {background: url(../images/logo-ibis.gif) no-repeat; width: 141px; height: 80px; display: block; position: relative; overflow: hidden;}
  #logoIbis span {position: absolute; left: 0; top: 0;}
  #logoIbis a, #logoWebconsult a {cursor: pointer;}

  #logoWebconsult {position: absolute; left: 242px; top: 16px; width: 141px; height: 47px; color: #868789;}
  #logoWebconsult a, #logoWebconsult span {background: url(../images/logo-webconsult.gif) no-repeat 0 4px; width: 137px; height: 47px; display: block; position: relative; overflow: hidden;}
  #logoWebconsult span {position: absolute; left: 0; top: 0;}
  #logoWebconsult em {font-style: normal;}

#vnitrek {background: url(../images/vnitrek.gif) repeat-y; width: 980px; border-top: 3px solid #e9e9e9;}
#pravostred {float: right; display: inline; width: 761px;}
#stred {float: left; display: inline; width: 542px; border-top: 1px solid #87888a;}
#pravy {float: right; display: inline; width: 219px;}
#levy {float: left; display: inline; width: 219px;}

#footer {position: relative; height: 78px; font-size: 9px; line-height: 11px; text-align: right;}
	#footer .zeleny {background: #55ab26 url(../images/footer.gif) no-repeat left bottom; height: 56px;}
	#footer .zeleny .bily-pruh {background: url(../images/footer-bily-pruh.gif) no-repeat; height: 9px; font-size: 0;}
	#footer img {position: absolute; top: 9px; right: 16px;}
	#copyright {position: relative; top: -6px;}
	#copyright a.webconsult {color: #3399ff;}
	#copyright span.ibis {background: url(../images/ikona-ibis.gif) no-repeat right center; padding-right: 15px; color: #55ab26;}
	#copyright span.nahlasitChybu, #copyright span.nahlasitChybu a {color: #e2003b;}

/* ----------------- MENU ------------------- */
.bBily {background-color: #fff;}
img.menuNadpis {display: block; width: 213px;}

#menu {background: url(../images/menu-li-cara.gif) no-repeat center bottom; width: 213px; padding: 0; padding-bottom: 1px; margin: 0 0 15px 0px; list-style-type: none;}
#menu .menu2, #menu .menu3, #menu .menu4 {padding: 0; margin: 0; list-style-type: none;}

#menu li {background: url(../images/menu-li-cara.gif) no-repeat center top; padding: 2px 0 1px 0; margin: 0; font-size: 11px; line-height: 13px;}
#menu li.otevrene {padding-bottom: 0;}
#menu li.first {margin-top: 1px;}

#menu li a, #menu li span {background: url(../images/menu.gif) repeat-x left center; display: block; color: #000; text-decoration: none; width: 185px; padding: 4px 8px 6px 20px; position: relative;}
#menu li a:visited {color: #000;}
#menu li a:hover, #menu li span, #menu li a.klikaci {background-image: url(../images/menu-hover.gif); color: #fff;}
#menu li a em, #menu li span em {background: url(../images/menu-kostka.gif) no-repeat; position: absolute; left: 6px; top: 7px; display: block; width: 8px; height: 8px;}
#menu li a:hover em {background-image: url(../images/menu-kostka-hover.gif);}
#menu li span em, #menu li a.klikaci em {background-image: url(../images/menu-kostka-aktivni.gif);}

#menu .menu2 li {background: url(../images/menu-li2-cara.gif) no-repeat 15px top;}
#menu .menu2 li a, #menu .menu2 li span {background-image: url(../images/menu2.gif); width: 175px; color: #616161; margin-left: 10px;}
#menu .menu2 li a:hover {background-image: url(../images/menu2.gif); color: #000;}
#menu .menu2 li span, #menu .menu2 li a.klikaci {background-image: url(../images/menu-hover2.gif); color: #fff;}

#menu .menu3 li {background: url(../images/menu-li3-cara.gif) no-repeat 25px top;}
#menu .menu3 li a, #menu .menu3 li span {background-image: url(../images/menu.gif); width: 165px; margin-left: 20px; color: #000;}
#menu .menu3 li a:hover, #menu .menu3 li span, #menu .menu3 li a.klikaci {background-image: url(../images/menu-hover.gif); color: #fff;}

#menu .menu4 li {background: url(../images/menu-li4-cara.gif) no-repeat 35px top;}
#menu .menu4 li a, #menu .menu4 li span {background-image: url(../images/menu2.gif); color: #616161; width: 155px; margin-left: 30px;}
#menu .menu4 li a:hover {background-image: url(../images/menu2.gif); color: #000;}
#menu .menu4 li span {background-image: url(../images/menu-hover2.gif); color: #fff;}

/* ----------------- editboxy ------------------- */
#levy .levyIn {padding: 0 3px 0 3px;}
.levyIn .box a:visited {color: #9e162a;}
#levy .levyIn h2, #levy .levyIn h2 a {font-size: 12px; color: #e2003b; margin-bottom: 4px; line-height: 14px;}

.bLast {border-bottom: none!important;}
.box, .bBily, .editbox {border-bottom: 3px solid #e9e9e9; width: 213px;}

#stred .box, #stred .bBily, #stred .editbox {border: none; width: auto}



.boxIn {padding: 0 9px 13px 9px;}
.box p.prihlaste {color: #e2003b; font-weight: bold; margin-bottom: 10px; line-height: 12px;}
.box form {margin-bottom: 6px;}
.box form input {vertical-align: middle; margin: 0; padding: 0;}
.box form input.text, .box form textarea {border: 1px inset #b4b4b4; width: 127px; padding: 1px 0 2px 1px; margin-bottom: 5px;}
form input.submit {margin-top: -5px;}
form.fVyhledat input.text, form.fVyhledat textarea {width: 191px;}
form.fVyhledat textarea {height: 80px;}
form.fVyhledat input.submit {margin-top: 5px; width: 60px; float: right; display: inline;}
form.fVyhledat select {border: 1px inset #b4b4b4; margin-top: 3px;}



input.kontaktni {border: 1px inset #b4b4b4; width: 127px; padding: 1px 0 2px 1px; margin-bottom: 5px;}

.editboxAlignLeft {background-color: #fff; text-align: left;}
.editbox {background-color: #fff;}
.editbox div {padding: 0 17px 11px 0px;}
.editbox h3 {font-size: 12px; margin-bottom: 0px;}
.editbox div.sedy {padding: 0;}

.editbox div {padding: 0 10px 13px 12px;}
.anketa {padding: 15px 10px 13px 12px;}

.sedy {background-color: #f4f4f4!important;}

.aktuality {background-color: #fff; width: 213px; border-bottom: 3px solid #e9e9e9;}
.aktuality-obsah {padding: 0px 10px 13px 12px;}
.aktuality span {color: #000; font-weight: bold;}
.aktuality p {line-height: 12px; padding-bottom: 17px;}
.aktuality ul {margin-left: 0; font-weight: bold; font-size: 12px; padding-bottom: 0;}
.aktuality ul li {padding-bottom: 5px; background-position: 0 5px;}
.aktuality ul li a {color: #e2003b;}
.aktuality ul li a:visited {color: #9e162a;}
.aktuality ul li a:hover {color: #e2003b;}

.pravyIn {padding: 0 3px 0 3px;}
.pravyIn h2, .pravyIn h2 a {font-size: 12px; color: #e2003b; margin-bottom: 4px; line-height: 14px;}
.pravyIn a:visited {color: #9e162a;}
.pravyIn h2 a:hover {color: #e2003b;}

.kalendar-akce {margin-bottom: 5px; padding: 1px 10px 11px 12px; border-bottom: 1px solid #868789;}
.kalendar-akce a {line-height: 16px; font-weight: bold; color: #ed1c24;}
.kalendar-akce a:visited {color: #9e162a;}
.kalendar-akce a:hover {color: #ed1c24;}
.kalendar-akce p {font-size: 10px; line-height: 12px; padding-top: 3px; padding-bottom: 0!important;}
.kalendar-akce span.datum {font-weight: bold; font-size: 11px; line-height: 12px;}

.ibis-odkazy {line-height: 20px;}
.ibis-odkazy span.nove {color: #e2003b; font-weight: bold;}
.ibis-odkazy a {color: #000; text-decoration: none;}
.ibis-odkazy a:visited {color: #9e162a;}
.ibis-odkazy a:hover {text-decoration: underline;}
.obalOdkaz {text-align: right; font-weight: bold;}

.galerieSide h2 {padding-left: 13px;}
.galerieSide table {margin: 0 0 6px 13px;}
.galerieSide table td {padding: 0px; padding-top: 3px;}
.galerieSide table td img {padding: 2px; display: block; border: 1px solid #cecece;}
.galerieSide .obalOdkaz {padding-top: 9px;}
#levy .galerieSide h2 a:visited {color: #9e162a;}
#levy .galerieSide h2 a:hover {color: #e2003b;}

/* ----------------- elementy STRED ------------------- */
#drobinky {font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px;}
#drobinky ul {list-style-type: none; margin: 0; padding: 0; padding-top: 10px; font-size: 10px; width: 512px;}
#drobinky ul li {background: url(../images/sipecka.gif) no-repeat 0 5px; float: left; color: #565657; padding: 0; padding-left: 10px; white-space: nowrap; line-height: 14px;}
#drobinky ul li.first {background: none; padding-left: 0;}
#drobinky ul li.zde {height: 16px; padding-left: 0; padding-right: 3px; background: none; color: #000;}
#drobinky ul li a {padding-right: 6px; color: #3399ff;}
#drobinky ul li a:visited {color: #3399ff;}

.stredIn {padding: 0 15px 15px 15px; font-size: 1.2em; line-height: 18px;}
.stredIn p {padding-bottom: 14px;}
.stredIn a:visited {color: #9e162a;}

		/* stránky galerie */
table.galerie {width: 100%; line-height: 13px;}
table.galerie tr td {vertical-align: top; text-align: center; padding: 0; padding-bottom: 5px; width: 33%;}
table.galerie tr.prazdny td {height: 30px; font-size: 0;}
table.galerie tr td a, table.galerie tr td a:hover {font-size: 11px; color: #387822;}
table.galerie tr td a.sFoto {position: relative; display: block; width: 133px; height: 97px; margin: 0 auto;}
table.galerie tr td a img.slozka {position: absolute; left: 4px; bottom: 4px; _bottom: 5px;}
table.galerie tr td p {padding-bottom: 0; width: 140px; margin: 0 auto;}

.cara {font-size: 0!important; border-bottom: 1px solid #014058; padding-top: 8px;}
.caraOdsad {margin-bottom: 10px;}

.galerie-nahledy {width: 100%; margin-bottom: 16px; line-height: 13px;}
.galerie-nahledy table {width: 100%;}
.galerie-nahledy table tr.prazdny td {height: 20px; background: none;}
.galerie-nahledy table tr td {background: url(../images/gSeznam-bg.jpg) no-repeat; vertical-align: top; width: 172px; height: 129px; padding: 2px 0 0 0;}
.galerie-nahledy table tr td a img {margin: 0 auto; display: block;}
.galerie-nahledy table tr td a, .galerie-nahledy table tr td a:hover {font-size: 11px; color: #387822;}
.galerie-nahledy table tr.popisek td {background: none; height: auto; padding: 0;}
.galerie-nahledy table tr td p {padding: 2px 12px;}
.galerie-nahledy table tr td.doplneni {visibility: hidden;}

.gDetail {width: 100%; margin-top: 16px; line-height: 13px;}
.gDetail table {width: 100%; margin: 0; padding: 0;}
.gDetail table tr.prazdny td {height: 20px; background: none;}
.gDetail table tr td {background: url(../images/gDetail-bg.jpg) no-repeat; vertical-align: top; width: 512px; height: 398px; padding: 0;}
.gDetail table tr td img {margin: 0 auto; display: block; padding-top: 4px;}
.gDetail table tr.popisek td {background: none; height: auto; padding: 0; font-size: 12px; color: #387822; border: none;}
.gDetail table tr td p {padding: 2px 8px;}
.gDetail table tr td p.nahled {text-align: right; padding: 0; line-height: 10px; _line-height: 12px;}
.gDetail table tr td p.nahled a {background: url(../images/ikona-lupa.gif) no-repeat 0 1px; font-size: 9px; position: relative; top: -3px; _position: static; padding-left: 15px; padding-right: 2px;}

.strankovani {border-bottom: 1px solid #014058; width: 512px; margin-bottom: 16px;}
  .strankovaniDole {border-bottom: none; border-top: 1px solid #014058; padding-top: 7px;}
table.tStrankovani {margin: 0; padding: 0; float: right; font-size: 11px; margin-bottom: 7px;}
table.tStrankovani td {background: url(../images/strankovani-oddelovac.gif) no-repeat left 6px; padding: 1px 3px 2px 5px;}
table.tStrankovani td a {color: #ed1c24; padding: 0px 3px;}
table.tStrankovani td a:hover {color: #ed1c24;}
table.tStrankovani td span {color: #ed1c24; border: 1px solid #ed1c24; font-weight: bold; padding: 0px 3px;}
table.tStrankovani td.dalsi a, table.strankovani td.zpet a {color: #ed1c24; text-decoration: underline;}
table.tStrankovani td.dalsi a:hover, table.strankovani td.zpet a:hover {color: #ed1c24; text-decoration: none;}
table.tStrankovani td.zpet {background: none;}

		/* diskuze */
/*.diskuzeObal {width: 505px; padding-left: 7px; padding-bottom: 15px; background-color: #f4f4f4; margin-top: 10px;}, RJ, 30.7.2010 */
#diskuze ul {list-style-type: none; margin: 5px 0 5px 0; padding: 0; line-height: 16px;}
#diskuze ul ul {padding: 0 0 0 15px;}
#diskuze ul li {padding: 0; background: none;}
#diskuze ul li h4 {font-size: 11px; padding: 0; margin: 0; margin-bottom: 3px;}
#diskuze ul li .prispevek-obsah {padding: 10px 15px 10px 7px; border-left: 3px solid #f2bec0; _width: 94%;}
#diskuze ul li .prispevek-obsah p {padding-bottom: 10px; line-height: 14px;}
#diskuze ul li .poslal {background: #f2bec0 url(../images/diskuze-levy-roh.gif) no-repeat left bottom; height: 28px; line-height: 28px;}
#diskuze ul li .poslal span.datum {padding-left: 10px;}
#diskuze ul li .poslal a, #diskuze ul li .poslal a:hover {color: #000; font-weight: bold;}
#diskuze ul li .poslal a.reakce, #diskuze ul li .poslal a.reakce:hover {background: url(../images/ikona-diskuze-reagovat2.gif) no-repeat right 10px; float: right; width: 81px; display: inline; color: #ed1c24; font-weight: bold; margin-right: 9px;}
#diskuze ul li .admin .prispevek-obsah {border-left: 3px solid #7dbd5a;}
#diskuze ul li .admin .poslal {background: #7dbd5a url(../images/diskuze-levy-roh-adm.gif) no-repeat left bottom; color: #fff;}
#diskuze ul li .admin .poslal a, #diskuze ul li .admin .poslal a:hover, #diskuze ul li .admin a.reakce, #diskuze ul li .admin a.reakce:hover {color: #fff;}
#diskuze ul li .admin a.reakce, #diskuze ul li .admin a.reakce:hover {background-image: url(../images/ikona-diskuze-reagovat.gif); color: #fff;}


		/* formulář univerzální */
form.fUni {margin: 0; padding: 0px 14px 0px 5px; width: 493px; font-size: 10px; background-color: #f4f4f4; margin-bottom: 15px; border-top: 1px solid #014058;}
form.fUni td.nadpis {padding-bottom: 4px;}
form.fUni td.nadpis .povinneUdaje {float: right;}
form.fUni td.nadpis .prispevek {color: #ed1c24; font-size: 11px; line-height: 14px;}
form.fUni input.text, form.fUni textarea {border: 1px inset #b4b4b4; padding: 1px 0 2px 1px; width: 187px; margin: 0;}
form.fUni textarea {width: 389px;}
form.fUni select {border: 1px inset #b4b4b4;}
form.fUni table {width: auto;}
form.fUni table tr td, form.fUni table tr th {padding: 0; padding-left: 9px; vertical-align: middle; padding-top: 7px; font-weight: normal; text-align: left;}
form.fUni table tr td.middle {vertical-align: middle;}
form.fUni em {font-style: normal; color: red; font-family: Verdana;}

table.fUni {width: auto; margin-left: 20px;}
table.fUni tr td {padding: 0; padding-right: 25px; background: none; vertical-align: middle; padding-top: 7px;}
table.fUni tr td.middle {vertical-align: middle;}
table.fUni tr th {color: #5a9704; font-weight: bold; text-align:left; padding-right:10px; padding-top: 7px;}

form.fUni table.tPrihlaska {font-size: 12px; margin-bottom: 0;}
form.fUni table.tPrihlaska input {position: relative; top: -2px;}
form.fUni table.tPrihlaska th {font-weight: bold; padding-right: 10px; vertical-align: top; }
form.fUni table.tPrihlaska input {vertical-align: middle;}

		/*--novinky--*/
.novinka {font-size: 11px; line-height: 16px; margin-bottom: 10px;}
.novinka h3 {color: #ed1c24; padding: 0; margin: 0;}
.novinka h3 a {color: #ed1c24;}
.novinka h3 .aktuality ul li a {color: #e2003b;}
.novinka h3 .aktuality ul li .aktuality ul li a {color: #e2003b;}
.novinka h3 a:hover {color: #ed1c24;}
.novinka .fotoStin {background: url(../images/foto-stin.jpg) no-repeat right bottom; padding-bottom: 11px; float: left; margin: 2px 13px 0px 0;}
.novinka .fotoStin img {border: 2px solid #e9e9e9; display: block; margin-top: -2px;}
.novinka .datum {font-weight: bold; font-size: 10px; color: #014058; padding-bottom: 2px;}
.novinka ul {font-size: 11px;}
.novinka ul li {background-position: 0 4px; padding-bottom: 5px;}
p.odsadRight {text-align: right; padding-right: 12px;}
div.rss {position: relative; top: -16px;}

		/* kalendář */
.kalendar-levy {float: left; display: inline; width: 197px;}
.kalendar-pravy {float: right; display: inline; width: 302px;}
	.kalendar-pravy h3 {padding-left: 12px; padding-bottom: 3px;}

table.odkazy-kalendar {margin-bottom: 14px; font-size: 9px; width: 197px;}
table.odkazy-kalendar a, table.odkazy-kalendar a:hover {color: #ed1c24;}
table.odkazy-kalendar a.dnes, table.odkazy-kalendar a.dnes:hover {color: #357421;}

.kalendar-stranka {background-color: #f4f4f4; width: 197px; margin-bottom: 16px;}
.kalendar-stranka1 {background: url(../images/kalendar-top.jpg) no-repeat;}
.kalendar-stranka2 {background: url(../images/kalendar-bottom.jpg) no-repeat left bottom; padding-bottom: 10px;}
.kalendar-stranka1 p {color: #357421; font-weight: bold; font-size: 13px; padding: 14px 20px 2px 9px; margin-bottom: 11px;}

.kalendar-stranka table#kalendar {width: 190px; margin: 0px auto; font-size: 11px;}
.kalendar-stranka table#kalendar td {text-align: center!important; width: 14%; height: 22px;}
.kalendar-stranka table#kalendar td a {color: #000; text-decoration: none;}
.kalendar-stranka table#kalendar td a:hover {color: #000; text-decoration: underline;}
.kalendar-stranka table#kalendar tr.bold td.vikend {color: #ed1c24;}
.kalendar-stranka table#kalendar td.akce a {display: block; margin: 0px 2px;}
.kalendar-stranka table#kalendar td.vice-akci a {background-color: #7ac2e5;}
.kalendar-stranka table#kalendar td.dnesni span {display: block; margin: 0px 2px; border: 1px solid #e95d0f;}

.kalendar-legenda {margin-left: 10px; font-size: 11px;}
table.legenda {width: 197px; margin-top: 6px;}
table.legenda td {padding: 0 9px 5px 0;}
table.legenda td.first {width: 22px;}
table.legenda td p {width: 20px; height: 18px; padding: 0!important;}
table.legenda td p.vice-akci {background-color: #7ac2e5;}
table.legenda td p.dnesni {border: 1px solid #e95d0f; width: 18px; height: 16px;}

/* kalendář - detail akce */
.kalendarDetail {font-size: 11px; line-height: 16px;}
.kalendarDetail .zvyrazni {color: #387822;}
.kalendarDetail table {margin: 5px 0 15px 0; width: auto; background-color: #e6f2df;}
.kalendarDetail table td, .kalendarDetail table th {padding: 4px 15px;}
.kalendarDetail table th {background-color: #c7ddba;}
.kalendarDetail table .termin-uplynul {color: #7c7777;}
.kalendarDetail table .termin-dnesni {font-weight: bold; color: #387822;}

/* tabulka barevná */
table.barevna {width: 100%; border: 1px solid #55ab26; line-height: 13px; margin-bottom: 20px; font-size: 11px;}
table.barevna td {padding: 6px 17px 7px 17px; border-bottom: 1px solid #55ab26;}
table.barevna tr.sudy td {background-color: #e5e5e5;}
table.barevna th {background: #56ab28 url(../images/tBarevna-th.jpg) repeat-x; padding: 12px 17px 13px 17px; color: #fff; font-weight: bold; font-size: 13px; text-align: left; white-space: nowrap;}
table.barevna th a {color: #fff!important;}

.detail-foto {border: none;}


.stitky {margin: 0 0 15px 0;}
.stitky .fl {width: 16.7%; color: #8d8d8d; font-size: 11px; position: relative; top: 2px;}
.stitky .fr {width: 83.3%;}
.stitky .fr a {background: url(../images/stitekOdkaz.png) left bottom repeat-x; display: inline-block; padding: 1px 6px; margin: 0 0 4px 0; border: 1px solid #e1e1e1; font-size: 11px; color: #000; text-decoration: none; position: relative; z-index:1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/PIE.php);}
.stitky .fr a:hover {background: url(../images/stitekOdkazHover.png) repeat-x;}

ul.zajimave {background-color: #f4f4f4; border: 1px solid #e1e1e1; display: inline-block; padding: 5px 20px 11px 6px; margin: 0 0 20px 0; position: relative; z-index:1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/PIE.php);}
ul.zajimave li {background: url(../images/sipkaModra.png) no-repeat left 5px; padding: 0 0 0 16px!important; margin: 0;}


/* samorotujici editbox - carousel */
.carousel{
    overflow: hidden;
    height: 420px;
    width: 300px;
}

.carousel ul{
    list-style:none outside none;
}

.carousel ul li{
    height: 420px;
    display: block;
    float: left;
    list-style:none outside none;
    padding: 0;
    background: none;
}

#copyright .prihlaseni {background: url(../images/ikonaPrihlaseni.gif) no-repeat 0 3px; padding-left: 15px; position: absolute; left: 12px; top: 0px; color: #32383d;line-height: 20px;}

#copyright .mapa_webu{
    background: url(../images/ikona-mapa.gif) no-repeat center left; padding-left: 15px; position: absolute; left: 200px; top: 0px; color: #32383d;line-height: 20px;
}

#copyright .mapa_webu a{
    color: #55ab26
}

.anketa .graf{
    width: 90%;
}

.anketa .graf .barva{
    background: #014058;
    height: 8px;

}

.anketa .odpoved {
    padding: 5px 0; font-size: 11px;
}
.anketa p.otazka {font-size: 11px; margin-bottom: 5px;}

.anketa .odpoved strong {font-size: 10px;}

.anketa .odpoved p {padding: 0 0 3px 0;}
.stredIn .anketa .odpoved p {padding: 0;}

.charsLeft {margin-bottom: 10px; margin-top: 3px;}

table.tVizitka{
    border-collapse: collapse;
    table-layout: fixed;
    background: #cccccc;
    border: 1px solid gray;
    margin: 5px;
}

table.tVizitka th, table.tVizitka td{
    padding: 2px;

}

table.tVizitka th{
    width: 60px;
    text-align: right;
    font-weight: normal;
}

table.tVizitka td{
    width: 130px;
    text-align: left;
    font-weight: bold;
}

table.tVizitka td.fotka{
    width: 80px;
}

#telefonni-seznam tr td span, #telefonni-seznam-editbox tr td span{
    display: block;
    height: 100%;
    width: 100%;
}

table#telefonni-seznam tr td span, table#telefonni-seznam-editbox tr td span{
    padding: 6px 17px 7px
}

table#telefonni-seznam tr td, table#telefonni-seznam-editbox tr td{
    padding: 0
}

table#telefonni-seznam tr td span.noPadding{
    padding: 0;
}
table#telefonni-seznam tr td.slFotka{
    text-align: center;
}

table#telefonni-seznam thead tr{
    background: url("../images/tBarevna-th.jpg") repeat-x scroll 0 0 #56AB28;
}

table#telefonni-seznam thead tr th{
    background: none;
    cursor: pointer;
}

table#telefonni-seznam thead tr th.sorting_desc {
    background: url("../images/sort_desc.png") no-repeat scroll right center transparent;
}

table#telefonni-seznam thead tr th.sorting_asc {
    background: url("../images/sort_asc.png") no-repeat scroll right center transparent;
}

table#telefonni-seznam thead tr th.sorting {
    background: url("../images/sort_both.png") no-repeat scroll right center transparent;
}

input#vyraz-editbox{
    width: 120px;
}

table#telefonni-seznam-editbox{
    display: none;
}
table#telefonni-seznam-editbox tr td span{
    font-weight: normal;
}

.nic {display: none;}
.cmdSbalit,
.cmdRozbalit { float: right;  padding: 0 15px 0 0;}
#diskuze ul li h4.vlakno {cursor: pointer; cursor: hand;}

#___plusone_0 {margin-top: 20px!important;}


form.fUni table.tKosik{
    width: 491px;
    margin: 0 -20px;
    border: none;
}

form.fUni table.tKosik tr th, form.fUni table.tKosik tr td{
    padding: 12px 13px 13px 13px;
    border-bottom: none;
}

form.fUni table.tKosik tr th{
    color: #000;
    background: none;
}

form.fUni table.tKosik tr td{
    background: #eae9e9;
}

form.fUni table.tKosik tr.soucet td{
    background: none;
}

input.req, textarea.req {
    background: url("../images/req.gif") no-repeat scroll right top white;
}

.povinneUdaje {
    background: url("../images/req.gif") no-repeat scroll left 9px rgba(0, 0, 0, 0);
    padding: 3px 0 0 10px;
    text-align: left;
}

.tlacitkoObal{
    padding:  10px 0 20px 0;
}

form.fKosik{
    border-top: none;
    background: none;
}

form.fKosik .obal{
    background: #f4f4f4;
    border: 1px solid #55ab26;
    border-radius: 10px;
    margin-bottom: 14px;
    padding: 10px 20px 17px;
}

form.fKosik textarea{
    width: 430px;
}

.chyba{
    color: red;
}

.ok{
    color: green;
}



/* responzivita */

img, table, iframe {max-width: 100%}
.galerie-nahledy table tr td {background-image: none; text-align: center; padding: 0 10px; width: auto; height: auto; vertical-align: middle}
.galerie-nahledy table tr td a {border: 1px solid #C0C0C0; display: inline-block; padding: 2px; box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.2)}
.galerie-nahledy table tr.popisek td a {border: none; box-shadow: none; padding: 0; margin-top: 5px}
.gDetail table tr td {text-align: center; width: auto; height: auto; background-image: none; padding-bottom: 10px}
.gDetail table tr td .box-fotka {border: 3px solid #E9E9E9; padding: 3px; width: auto !important; height: auto !important; display: inline-block}
.gDetail table tr td img {padding: 0}
#lightbox-container-image-box {max-width: 100% !important; height: auto !important; box-sizing: border-box}
#lightbox-container-image-box img {max-width: 100% !important}
#lightbox-container-image-data-box {max-width: 100% !important; box-sizing: border-box}


@media(max-width:1030px){
	#web, #header, #vnitrek {width: 100%; box-sizing: border-box}
	#header, #footer .zeleny {background-size: 100% auto}
	#copyright {padding: 0 20px}
	#drobinky ul {width: auto}
	#fdalsi, #fzpet, #fpredchozi {height: 100% !important; width: 33% !important}
	#fzpet {right: 33% !important; text-align: center}
}

@media(max-width:900px){
	#logoIbis {left: 20px}
	#logoWebconsult {left: 190px}
}

@media(max-width:830px){
	#web .vyhledavani {width: 320px}
	#web .vyhledavani .jazyky {left: 0; top: 50px}
}

@media(max-width:730px){
	#copyright {text-align: center; padding: 10px}
	#copyright .mapa_webu, #copyright .prihlaseni {position: static; display: inline-block; vertical-align: middle; margin: 0 15px}
	#copyright span.nahlasitChybu {display: inline-block; vertical-align: middle}
}

@media(max-width:700px){
	#web .vyhledavani {width: 210px}
	.odkazKosik {position: absolute; left: 0; top: 75px}
}

@media(max-width:600px){
	#header {height: auto; background-image: none; padding: 15px 20px 10px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between}
	#logoIbis, #logoWebconsult, #web .vyhledavani, #logoIbis span, #logoIbis a {position: static}
	#logoIbis span, #logoIbis a {display: inline-block; vertical-align: top}
	#logoIbis {font-size: 0; margin-right: 5px}
	#web .vyhledavani {width: 100%; background-repeat: repeat-x; margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
	#web .vyhledavani .jazyky, .odkazKosik {position: static; display: inline-block; vertical-align: middle}
	#web .vyhledavani form {margin-right: 15px; display: inline-block; vertical-align: middle; float: none}
	.odkazKosik {margin-right: 15px}
	.fb_iframe_widget, .fb_iframe_widget iframe, .fb_iframe_widget > span, .fb_iframe_widget table {width: 100% !important}
}

@media(max-width:420px){
	.novinka .fotoStin {float: none; margin: 0 0 5px 0; width: 150px}
	.galerie-nahledy table tr td {padding: 0 5px}
}


/* dva-sloupce */

#pravy {display: none}
#pravostred {border-left: 3px solid #E9E9E9; box-sizing: border-box; width: calc(100% - 213px); background-color: #FFFFFF; order: 2}
#levy  {width: 213px; order: 1}
#levy .levyIn {padding: 0}
#stred {width: 100%}
#vnitrek {background-image: none; background-color: #F4F4F4; border-left: 3px solid #E9E9E9; border-right: 3px solid #E9E9E9; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: stretch}
#footer .zeleny .bily-pruh {background-image: none; background-color: #FFFFFF; border-top: 3px solid #E9E9E9; box-sizing: border-box; height: 7px}
.strankovani {width: auto}

@media(max-width:700px){
	#pravostred {width: 100%; order: 1; float: none; border: none; border-bottom: 3px solid #E9E9E9}
	#levy {margin: 0 auto; order: 2; float: none; padding: 20px 0}
}