@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);


/* Globalni styly */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html {
}

head {
	display: none;
}

body {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 25px;
	overflow-y: scroll;
	color: #666666;
}

a {
	color: #0070b9;
    text-decoration: none;
}

form table {
	width: 100%;
}

form tr.nadpis td {
	font-weight: bold;
}

form td.popis {
	width: 33%;
	padding: 0px 10px 0px 0px;
}

form tr.odesli input,
form tr.modesli input {
	margin: 10px 10px 10px 0px;
	padding: 10px 20px 10px 20px;
}

input, textarea, select {
    border: 1px solid #777777;
}

input, select, label {
	vertical-align: middle;
}

input[type=submit] {
    background: url(Xhtml5/Submit.png) repeat-x scroll center top #000000;
    color: #dddddd;
    padding: 1px 5px 1px 5px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
}

*::-webkit-input-placeholder {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
}

*:-moz-placeholder {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
}

*::-moz-placeholder {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
}

*:-ms-input-placeholder {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
}


/* Ytext */

.prilohaL {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}

.prilohaP {
	display: block;
	float: right;
	margin: 0px 0px 0px 10px;
}

td p:only-child .prilohaL:only-child,
td p:only-child .prilohaP:only-child {
    margin: 0px;
}

.stylBunkaStred .priloha {
	float: none;
	margin: 0px auto 0px auto;
}

.priloha .text {
	display: block;
	text-align: center;
	font-size: 12px;
}

.cistic {
	font-size: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}

table {
	clear: both;
}

table.zakladniTabulka td {
	background: #f0f0eb;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) {
	width: 100%;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) td {
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}

hr {
	border-bottom: 1px solid #7fb6da;
}

h1, h2, p, ul, ol, table, hr {
	margin: 0px 0px 10px 0px;
}

h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
}

h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
}

h3 {
	font-weight: bold;
	font-size: 14px;
}

ul {
    padding-left: 20px;
}

ul li {
    list-style-type: square;
}

ol {
    padding-left: 20px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.stylVerzalky {
	text-transform: uppercase;
}

.stylBunkaVpravo {
	text-align: right;
}

.stylBunkaStred {
	text-align: center;
}

.stylPoznamka,
table td.stylPoznamka {
	font-size: 11px;
}

.stylVelke {
	font-size: 20px;
	line-height: 30px;
}

.stylCervene {
	color: #cc0000;
}

.povinnePolicko,
.upozorneni,
.upozorneni a {
	color: #cc0000;
	font-weight: bold;
}



/* panelTelo */

.panelTelo {
	height: calc(100vh - 423px);
	width: 85%;
	max-width: 1200px;
	margin: 10px auto 10px auto;
}

.panelTelo:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}



/* panelHlavicka */

.panelHlavicka {
	background-image: url(BSReal/HlavickaDomy.png), url(BSReal/HlavickaGradient.png);
	background-repeat: repeat-x, repeat-y;
	background-position: 50% 100%, 0% 0%;
	background-size: auto 66%, contain;
    background-color: #0c6eb4;
	color: #ffffff;
	margin-bottom: 10px;
}

.panelHlavicka header {
	position: relative;
	left: 0px;
	top: 0px;
	width: 85%;
	max-width: 1200px;
	height: 160px;
	margin: 0px auto 0px auto;
}

.slozkaHome .panelHlavicka header {
    animation-name: animaceHlavicka;
    animation-duration: 0.5s;
}

@keyframes animaceHlavicka {
	0% {top: -5px; height: 155px;}
    100% {top: 0px; height: 160px;}
}



/* panelHlavicka .hlavniMenu */

.panelHlavicka .hlavniMenu {
	display: block;
	position: absolute;
	bottom: 26px;
	right: 0px;
	max-width: 50%;
	line-height: 22px;
}

.slozkaHome .panelHlavicka .hlavniMenu {
    animation-name: animaceMenu;
    animation-duration: 1s;
}

@keyframes animaceMenu {
	0% {opacity: 0.33; transform: scale(0.90);}
    50% {opacity: 1; transform: scale(1.03);}
    100% {opacity: 1; transform: scale(1);}
}

.panelHlavicka .hlavniMenu ul {
	display: block;
	margin: 0px;
	padding: 0px;
}

.panelHlavicka .hlavniMenu ul:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelHlavicka .hlavniMenu li {
	display: block;
	float: right;
	font-size: 16px;
	text-transform: uppercase;
}

.panelHlavicka .hlavniMenu li:first-child ~ li a:after {
	content: "|";
	padding: 0px 8px 0px 8px;
	opacity: 0.66;
}

.panelHlavicka .hlavniMenu li a {
	display: block;
	margin: 0px;
	text-decoration: none;
	color: #ffffff;
	opacity: 0.85;
}

.panelHlavicka .hlavniMenu li a:hover {
	opacity: 1;
}



/* .panelHlavicka .pomocneMenu */

.panelHlavicka .pomocneMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.panelHlavicka .pomocneMenu:before {
    content: "\00a0";
}

.panelHlavicka .pomocneMenu > * {
	color: #cccccc;
	text-decoration: none;
}

.panelHlavicka .pomocneMenu > *:hover {
	color: #ffffff;
}

.panelHlavicka .pomocneMenu > *:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelHlavicka .pomocneMenu > *:last-child:after {
    content: "";
}



/* .panelHlavicka .logo */

.panelHlavicka .logo {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 18px;
	width: 308px;
	max-width: 45%;
	height: 104px;
	background: transparent url(BSReal/Logo.png) scroll no-repeat 0% 87.5%;
	background-size: contain;
}

.slozkaHome .panelHlavicka .logo {
    animation-name: animaceLogo;
    animation-duration: 1s;
}

@keyframes animaceLogo {
	0% {opacity: 0.33; transform: scale(0.90);}
    50% {opacity: 1; transform: scale(1.03);}
    100% {opacity: 1; transform: scale(1);}
}


/* .panelHlavicka .rychlyKontakt */

.panelHlavicka .rychlyKontakt {
	display: block;
	position: absolute;
	right: 0px;
	top: 12px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.panelHlavicka .rychlyKontakt .tel {
	color: #ffffff;
	cursor: text;
}

.panelHlavicka .rychlyKontakt .fb {
	display: inline-block;
	position: relative;
	left: 0px;
	top: 0.15em;
	width: 1.33em;
	height: 1.33em;
	border-radius: 5px;
	background: #ffffff;
	margin-left: 0.5em;
	overflow: hidden;
}

.panelHlavicka .rychlyKontakt .fb:before {
	display: block;
	position: absolute;
	right: 0.25em;
	bottom: 0em;
	content: "f";
	color: #0674bd;
	text-transform: lowercase;
	font-size: 120%;
}

.slozkaHome .panelHlavicka .rychlyKontakt {
    animation-name: animaceRychlyKontakt;
    animation-duration: 1s;
}

@keyframes animaceRychlyKontakt {
	0% {opacity: 0.33; transform: scale(0.90);}
    50% {opacity: 1; transform: scale(1.03);}
    100% {opacity: 1; transform: scale(1);}
}


/* .panelHlavicka .komponentaKosik */

.panelHlavicka .komponentaKosik {
    display: block;
	position: absolute;
	right: 0px;
	top: 32px;
	width: 150px;
	height: 31px;
	line-height: 36px;
	text-align: right;
	background: #8d8d8d url(Xhtml5/Kosik.png) scroll no-repeat 5px center;
	color: #ffffff;
	cursor: pointer;
	padding: 5px 5px 0px 0px;
	font-size: 11px;
	line-height: 13px;
	font-family: Verdana, Geneva, sans-serif;
}

.panelHlavicka .komponentaKosik:hover {
	background-color: #717171;
}

.panelHlavicka .komponentaKosik span {
	display: block;
}

.panelHlavicka .komponentaKosik.prazdnyKosik span {
	margin-top: 6px;
}


/* .panelHlavicka .komponentaHledat */

.panelHlavicka .komponentaHledat {
	position: absolute;
	right: 0px;
	top: 45px;
	width: 250px;
	height: 32px;
	line-height: 32px;
	text-align: right;
}

.slozkaHome .panelHlavicka .komponentaHledat {
    animation-name: animaceHledat;
    animation-duration: 1s;
}

@keyframes animaceHledat {
	0% {opacity: 0.33; transform: scale(0.90);}
    50% {opacity: 1; transform: scale(1.03);}
    100% {opacity: 1; transform: scale(1);}
}

.komponentaHledat .text input {
	background: #318ac5;
	color: #ffffff;
	box-shadow: none;
	border: none;
}

.komponentaHledat .odesli input {
	background: transparent url(Xhtml5/Lupa.png) scroll no-repeat center center;
	width: 16px;
	height: 16px;
	border-radius: 0px;
	text-indent: -9999px;
	position: relative;
	left: 3px;
	top: 1px;
	box-shadow: none;
}


/*
.slozkaHome .panelFotoPodHlavickou,
.slozkaHome .panelRozcestnik
*/

.panelFotoPodHlavickou,
.panelRozcestnik {
	display: none;
}

.slozkaHome .panelFotoPodHlavickou {
	display: block;
	background-image: url(BSReal/FotoPodHlavickou01.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
    background-size: 100% 100%;
	background-color: #ffffff;
    height: 31vw;
	min-height: 18vw;
	max-height: 60vh;
}

.slozkaHome .panelFotoPodHlavickou {
    animation-name: animacePodHlavickou;
    animation-duration: 0.66s;
}

@keyframes animacePodHlavickou {
	0% {transform: translate(0px, -20px);}
	100% {transform: translate(0px, 0px);}
}

.slozkaHome .panelTelo {
	display: none;
}

.slozkaHome .panelRozcestnik {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 85%;
	max-width: 1200px;
	height: 595px;
	margin: 10px auto 10px auto;
}

.slozkaHome .panelRozcestnik .polozka {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 28%;
	height: 210px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
   	border: 1px solid #7fb6da;
	background-position: 50% 100%;
	border-radius: 3px;
	overflow: hidden;
}

.slozkaHome .panelRozcestnik .polozka:nth-child(3) ~ .polozka:after {
	content: " ";
	display: block;
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: -50px;
	width: 100%;
	height: 50px;
	box-shadow: 0px -20px 0px 0px rgba(255,255,255,0.8);
	/*box-shadow: 0px -20px 20px 0px rgba(255,255,255,0.8);*/
}

.slozkaHome .panelRozcestnik .polozka:nth-child(3n+1) {
	left: 0px;
}

.slozkaHome .panelRozcestnik .polozka:nth-child(3n+2) {
	left: 50%; margin-left: -14%;
}

.slozkaHome .panelRozcestnik .polozka:nth-child(3n+3) {
	left: auto; right: 0px;
}

.slozkaHome .panelRozcestnik .polozka:nth-child(3) ~ .polozka {
	top: auto; bottom: 0px;
	height: 355px;
}

.slozkaHome .panelRozcestnik .polozka.prodej {
	background-image: url(BSReal/RozcestnikProdej.jpg);
}

.slozkaHome .panelRozcestnik .polozka.pronajmy {
	background-image: url(BSReal/RozcestnikPronajmy.jpg);
}

.slozkaHome .panelRozcestnik .polozka.sprava {
	background-image: url(BSReal/RozcestnikSprava.jpg);
}

.slozkaHome .panelRozcestnik .polozka.seZbozim {
}

.slozkaHome .panelRozcestnik .polozka.seZbozim .zbozi {
	width: auto;
	padding: 10px;
}

.slozkaHome .panelRozcestnik .polozka.seZbozim .zbozi .nazev {
	font-weight: bold;
}

.slozkaHome .panelRozcestnik .polozka:nth-child(3) ~ .polozka  .viceInformaci {
	display: block;
	position: absolute;
	z-index: 2;
	right: 1px;
	bottom: 1px;
	padding: 3px 10px 3px 10px;
	background: rgba(255,255,255,0.66);
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
}

.slozkaHome .panelRozcestnik .polozka.seZbozim .zbozi img {
	width: 100% !important;
	height: auto !important;
}

.slozkaHome .panelRozcestnik .polozka.seZbozim .zbozi .polozka {
	display: block;
	width: 100%;
	height: auto;
	left: auto;
	margin: 0px;
	border: none;
	background: none;
	box-shadow: none;
    border-radius: 0px;
    overflow: visible;
    position: static;
}

/*.slozkaHome .panelRozcestnik .polozka.novinka .zbozi > .polozka:nth-child(1),
.slozkaHome .panelRozcestnik .polozka.celaNabidka .zbozi > .polozka:nth-child(2) {
	display: block;
}*/

.slozkaHome .panelRozcestnik .polozka .komponentaSlozka {
	padding: 12px 10px 10px 10px;
	font-size: 11px;
	line-height: 15px;
}

.slozkaHome .panelRozcestnik .polozka .komponentaZbozi p {
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
}

.slozkaHome .panelRozcestnik .polozka .komponentaSlozka .nahradah2 {
	display: none;
}

.slozkaHome .panelRozcestnik .polozka .nadpis {
	display: block;
	background-image: url(BSReal/HlavickaDomy.png), url(BSReal/HlavickaGradient.png);
	background-repeat: repeat-x, repeat-y;
	background-position: 50% 100%, 0% 0%;
	background-size: auto 66%, contain;
	background-color: #0c6eb4;
	color: #ffffff;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	overflow: hidden;
}

.slozkaHome .panelRozcestnik .polozka:hover {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.slozkaHome .panelRozcestnik .polozka:hover .nadpis {
	background: #0c6eb4;
}

@media
only screen and (max-width:800px),
only screen and (max-device-width:800px) {

.slozkaHome .panelRozcestnik {
	height: auto;
	width: 100%;
	max-width: 347px;
}

.slozkaHome .panelRozcestnik .polozka {
	position: static;
	top: 0px;
	left: 0px;
	right: auto;
	margin: 0px 0px 10px 0px !important;
	width: auto;
	height: 210px;
}

.slozkaHome .panelRozcestnik .polozka:nth-child(3) ~ .polozka {
	display: none;
}

}


/* komponentaFormular */

.komponentaFormular label[for=idPrvku6],
.komponentaFormular label[for=idPrvku7] {
	display: none;
}

.komponentaFormular > p {
	display: block;
	width: 85% !important;
	max-width: 1000px;
	margin: 0px auto 0px auto;
	text-align: left;
	background: #ffff00;
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 15px;
	font-size: 13px;
	text-transform: uppercase;
	color: #05267f;
	box-sizing: border-box;
}

.komponentaFormular form table:before {
	content: "Kontaktujte nás";
	display: block;
	text-align: left;
	background: rgba(255,255,255,0.5);
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 15px;
	font-size: 13px;
	text-transform: uppercase;
	color: #05267f;
}

.komponentaFormular form table {
	display: block;
	width: 85% !important;
	max-width: 1000px;
	margin: 0px auto 0px auto;
}

.komponentaFormular form table:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.komponentaFormular form table tr {
	display: block;
	width: 33% !important;
}

.komponentaFormular form table td {
	display: block;
	box-sizing: border-box;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	width: 49% !important;
	text-align: left;
}

.komponentaFormular form table colgroup,
.komponentaFormular form table col {
	display: none;
}

.komponentaFormular form table tbody {
	display: block;
	width: 100%;
}

.komponentaFormular form table .captcha td {
	height: 45px;
}

.komponentaFormular form table .text td {
	height: 25px;
}

.komponentaFormular form table .text td input {
	width: 100%;
}

.komponentaFormular form table .textarea {
	float: right;
	width: 65% !important;
}

.komponentaFormular form table .textarea .popis {
	display: none;
}

.komponentaFormular form table .textarea .hodnota {
	text-align: right;
	width: 100% !important;
}

.komponentaFormular form table .textarea .hodnota textarea {
	height: 140px;
	min-height: 140px;
	max-height: 140px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.komponentaFormular form table .sloucene {
	display: none;
}

.komponentaFormular form table .odesli {
	width: 100% !important;
}

.komponentaFormular form table .odesli .popis {
	display: none;
}

.komponentaFormular form table .odesli .hodnota {
	clear: both;
	height: 70px;
	float: right;
	text-align: right;
}

.komponentaFormular form table .odesli input {
	background: rgba(255,255,255,0.8);
	border-radius: 3px;
	margin: 15px 0px 0px 0px;
	font-size: 13px;
	text-transform: uppercase;
	color: #05267f;
}

.komponentaFormular form table .povinnePolicko {
	color: #ffcc00;
}

.komponentaFormular .povinnePolickoInfo {
	display: none;
}

.komponentaFormular {
	position: relative;
	left: 0px;
	top: 0px;
}

.komponentaFormular:after {
	content: "(*) Povinné údaje";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 80px;
	color: #ffcc00;
}

@media
only screen and (max-width:640px),
only screen and (max-device-width:640px) {

.komponentaFormular form table .textarea {
	float: left;
	width: 100% !important;
}

.komponentaFormular form table .text {
	width: 100% !important;
}

}


/* .panelPomocny */

.panelPomocny {
	float: right;
	width: 250px;
	min-height: 500px;
	margin: 0px 0px 0px 10px;
	background: #dddddd;
}

.panelPomocny > * {
	margin: 10px;
}

.panelPomocny p {
	text-align: center;
}


/* .panelNavigace */

.panelNavigace {
	float: left;
	width: 250px;
	margin: 0px 0px 80px 0px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #7fb6da;
	min-height: 120px;
	position: relative;
	right: 0px;
	top: 0px;
}

.panelNavigace ul {
	margin: 0px;
	padding: 0px;
}

.panelNavigace li {
	list-style-type: none;
}



/* .panelNavigace ul */

.panelNavigace ul .polozka {
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 1px 0px;
	background: #ffffff;
	color: #666666;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
}

.panelNavigace .hloubka1 > li:first-child > a {
	background-image: url(BSReal/HlavickaDomy.png), url(BSReal/HlavickaGradient.png);
	background-repeat: repeat-x, repeat-y;
	background-position: 50% 100%, 0% 0%;
	background-size: auto 66%, contain;
	margin-bottom: 10px;
    background-color: #0c6eb4;
	color: #ffffff;
	font-weight: bold;
}

.panelNavigace ul .vybrana .polozka {
	background: #0070b9;
	color: #ffffff;
}

.panelNavigace ul .vybrana ul .polozka {
	background: #ffffff;
	color: #666666;
}

.panelNavigace ul .polozka:hover,
.panelNavigace ul .vybrana .polozka:hover {
	background: #0070b9;
	color: #ffffff;
}

.panelNavigace ul .polozka .pocetPolozek,
.panelNavigace ul .polozka img {
	display: none;
}

.panelNavigace ul ul ul .polozka {padding-left: 25px;}
.panelNavigace ul ul ul ul .polozka {padding-left: 40px;}
.panelNavigace ul ul ul ul ul .polozka {padding-left: 55px;}
.panelNavigace ul ul ul ul ul ul .polozka {padding-left: 70px;}
.panelNavigace ul ul ul ul ul ul ul .polozka {padding-left: 85px;}
.panelNavigace ul ul ul ul ul ul ul ul .polozka {padding-left: 100px;}


/* .panelNavigace - jen prodej nebo jen pronajem */

.panelNavigace .hloubka1 > li.rozbalena:not(.vybrana) .hloubka2 > li:not(.vybrana):not(.rozbalena) {
	display: none;
}

.panelNavigace .hloubka2 > li:not(.rozbalena) > a {
	color: #0070b9;
}

.panelNavigace .hloubka2 > li:not(.rozbalena) > a:after {
	content: " >";
	color: #0070b9;
}

.panelNavigace .hloubka2 > li:not(.rozbalena) > a:hover {
	color: #ffffff;
}

.panelNavigace .hloubka2 > li:not(.rozbalena) > a:hover:after {
	color: #ffffff;
}

.panelNavigace .prepinacProdejPronajem {
	position: absolute;
	right: 5px;
	top: 0px;
}

.panelNavigace .prepinacProdejPronajem a {
	display: inline-block;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	color: #ffffff;
    opacity: 0.66;
}

.panelNavigace .prepinacProdejPronajem a:hover {
    opacity: 1;
}

.panelNavigace .prepinacProdejPronajem a:first-child ~ a:before {
	content: "|\00a0\00a0";
    opacity: 0.5;
}

.panelNavigace .prepinacProdejPronajem a:after {
	content: "\00a0\00a0";
}

.panelNavigace .prepinacProdejPronajem:only-child a {
	color: #0070b9
}


/* .panelNavigace .rychlaNavigace */

.panelNavigace .hloubka1 .rychlaNavigace .roleta,
.panelNavigace .hloubka1 .rychlaNavigace .roleta menu,
.panelNavigace .hloubka1 .rychlaNavigace .roleta ul,
.panelNavigace .hloubka1 .rychlaNavigace .roleta li,
.panelNavigace .hloubka1 .rychlaNavigace .roleta a,
.panelNavigace .hloubka1 .rychlaNavigace .roleta span,
.panelNavigace .hloubka1 .rychlaNavigace .roleta img,
.panelNavigace .hloubka1 .rychlaNavigace .roleta .polozka,
.komponentaHledat .rychlaNavigace .roleta,
.komponentaHledat .rychlaNavigace .roleta div,
.komponentaHledat .rychlaNavigace .roleta .polozka
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	text-align: left;
	color: #666666;
	background: none;
}

.panelNavigace .hloubka1 .rychlaNavigace,
.komponentaHledat .rychlaNavigace {
	position: relative;
	top: 0px;
	left: 0px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta,
.komponentaHledat .rychlaNavigace .roleta  {
	position: absolute;
	top: 0px;
	left: 250px;
	width: 730px;
	overflow: hidden;
	border: 1px solid #cccccc;
	background: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.komponentaHledat .rychlaNavigace .roleta {
    left: 21px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1:after,
.komponentaHledat .rychlaNavigace .roleta .hledejZboziVeSlozkachVnitrek:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 li {
	float: left;
	width: 240px;
	height: 100px;
	overflow: hidden;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 li {
	width: auto;
	height: auto;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 .polozka {
	font-size: 15px;
	padding: 5px 5px 0px 5px;
	white-space: nowrap;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka1 img {
	display: inline;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin: 0px 5px 0px 0px;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 .polozka,
.komponentaHledat .rychlaNavigace .roleta .hledejZboziVeSlozkachVnitrek .polozka {
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	white-space: nowrap;
	color: #999999;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 .polozka:after {
    content: ",";
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta .hloubka2 img {
	display: none;
}


/* .panelObsah */

.panelObsah {
	position: relative;
	left: 0px;
	top: 0px;
	float: right;
	width: calc(100% - 284px);
	padding: 40px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	background: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
   	border: 1px solid #7fb6da;
}

.panelObsah h1:first-of-type {
	position: absolute;
	left: 0px;
	top: 0px;
	width: calc(100% - 20px);
	background-image: url(BSReal/HlavickaDomy.png), url(BSReal/HlavickaGradient.png);
	background-repeat: repeat-x, repeat-y;
	background-position: 50% 100%, 0% 0%;
	background-size: auto 66%, contain;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
    background-color: #0c6eb4;
	color: #ffffff;
    font-size: 12px;
}

.panelObsah h2 {
	color: #0070b9;
    font-size: 14px;
}

.panelObsah:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah a:hover {
	color: #4094cb;
}


/* .panelObsah .pomocnaNavigace */

.panelObsah .pomocnaNavigace {
}

.panelObsah .pomocnaNavigace .drobeckova {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

.panelObsah .pomocnaNavigace .drobeckova a {
	font-weight: normal;
}

.panelObsah .pomocnaNavigace .podslozky {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

.panelObsah .pomocnaNavigace .podslozky a {
	font-weight: normal;
}

.panelObsah .pomocnaNavigace .pocetPolozek {
	display: none;
}

.panelObsah .pomocnaNavigace .podslozky ul {
	display: block;
	padding: 0px;
}

.panelObsah .pomocnaNavigace .podslozky ul:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .pomocnaNavigace .podslozky li {
	display: block;
	float: left;
}

.panelObsah .pomocnaNavigace .podslozky li:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelObsah .pomocnaNavigace .podslozky li:last-child:after {
    content: "";
}

/*.panelObsah .text.editor > * {
    overflow-x: hidden;
}*/

/* .panelObsah .komponentaSlozkyDiskuze */

.panelObsah .text.editor > .komponentaSlozkyDiskuze,
.panelObsah .text.editor > .seznamStranek {
    overflow-x: visible;
}

.panelObsah .komponentaSlozkyDiskuze ul,
.panelObsah .komponentaSlozkyDiskuze li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka {
    border: 1px #dddddd solid;
    margin-bottom: 5px;
    position: relative;
    top: 0px;
    left: 0px;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka .diskuzniPolozka {
    margin: 5px;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka div {
    display: none;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka h2 {
    background: #dddddd;
    color: #000000;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding-left: 3px;
    font-weight: normal;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka .datum {
    display: block;
    color: #000000;
    font-size: 12px;
    width: 100px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: 1px;
    right: 5px;
    text-align: right;
}

.panelObsah .komponentaSlozkyDiskuze .diskuzniPolozka p {
    padding: 3px;
} 

/* komponentaBanner */
.panelObsah .komponentaBanner span {
    display: block; 
    padding: 5px 10px 5px 10px;
    background: #dddddd;   
}

.panelObsah .komponentaBanner span.text1 {
    background: #000000;
    color: #ffffff;
    line-height: 26px;
    font-size: 20px; 
}


/* .panelObsah .formularFiltry */

.panelObsah .formularFiltry {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}

.panelObsah .formularFiltry:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularFiltry .polozka {
	display: block;
	float: left;
}

.panelObsah .formularFiltry .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}

.panelObsah .formularFiltry .polozka.hledej {
	display: none;
}

.panelObsah .formularFiltry .odesli {
	display: none;
}


/* .panelObsah .formularFiltrCena - XPosuvnik */

.panelObsah .formularFiltrCena .filtrCenaXPosuvnikPole
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 320px;
	height: 24px;
	background: transparent;
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
	border-radius: 24px;
}

.panelObsah .formularFiltrCena .filtrCenaXPosuvnikMin,
.panelObsah .formularFiltrCena .filtrCenaXPosuvnikMax
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 64px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	background: #f0f0f0;
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
	border-radius: 24px;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	cursor: default;
}

.panelObsah .formularFiltrCena [data-hodnota-zmenena="1"]
{
	background: #ffffee;
}


/* .panelObsah .formularFiltrCena - standardni varianta */

.panelObsah .formularFiltrCena {
	font-size: 12px;
}

.panelObsah .formularFiltrCena:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularFiltrCena .polozka {
	display: block;
	float: left;
	width: 137px;
	background: #f0f0eb;
	padding: 1px 1px 1px 5px;
	margin: 0px 1px 1px 0px;
}

.panelObsah .formularFiltrCena .polozka:after {
    content: "\00a0\00a0\00a0\00a0";
}


/* .panelObsah .formularRazeni */

.panelObsah .formularRazeni {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
}

.panelObsah .formularRazeni:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .formularRazeni .polozka {
	margin: 0px 5px 0px 0px;
}

.panelObsah .formularRazeni .polozka:first-child ~ .polozka:before {
    content: "\00a0\00a0";
}

.panelObsah .formularRazeni .polozka input {
	display: none;
}

.panelObsah .formularRazeni .polozka label:before {
	content: "\00a0\00a0";
	display: inline-block;
	width: 1em;
	height: 1em;
	border: 1px solid #777777;
	vertical-align: middle;
	margin-right: 0.5em;
}

.panelObsah .formularRazeni .polozka :checked + label:before {
	background: #0070b9;
}


/* .panelObsah .komponentaZobrazeni */

.panelObsah .komponentaZobrazeni {
	margin: 0px 0px 10px 0px;
	display: none;
}


/* .panelObsah .prepinacStranek */

.panelObsah .prepinacStranek {
	margin: 0px 0px 10px 0px;
	font-size: 11px;
}

.panelObsah .prepinacStranek:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .prepinacStranek a,
.panelObsah .prepinacStranek span {
	display: block;
	width: 2em;
	float: left;
	text-align: center;
	margin: 0px 2px 2px 0px;
}

.panelObsah .prepinacStranek a {
    color: #777777;
	border: 1px solid #999999;
}

.panelObsah .prepinacStranek .vybrana,
.panelObsah .prepinacStranek a:hover {
    background: #0070b9;
	border: 1px solid #0070b9;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}


/* .panelObsah .zbozi */

.panelObsah .zbozi {
	width: calc(100% + 20px);
	font-size: 1px;
}

.panelObsah .zbozi:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.panelObsah .zbozi .polozka {
	display: inline-block;
	position: relative;
	left: 0px;
	top: 0px;
	width: calc(25% - 15px);
	margin-right: 10px;
	height: auto;
	font-size: 12px;
	line-height: 13px;
	border: 1px solid #7fb6da;
	overflow: hidden;
	border-radius: 3px;
}

@media
only screen and (max-width:1024px),
only screen and (max-device-width:1024px) {

.panelObsah .zbozi .polozka {
	width: calc(50% - 15px);
}

}

@media
only screen and (max-width:450px),
only screen and (max-device-width:450px) {

.panelObsah .zbozi .polozka {
	width: calc(100% - 20px);
}

}

.panelObsah .zbozi .polozka .stavNovinka {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #fff000;
	color: #000000;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
	line-height: 16px;
	opacity: 0.85;
}

.panelObsah .zbozi .polozka .vlastnostStatus {
	position: absolute;
	right: 3px;
	top: 55px;
	background: #ff0000;
	color: #ffffff;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
	line-height: 16px;
	opacity: 0.85;
}

.panelObsah .zbozi .polozka h2 {
    background-color: #0070b9;
	border-bottom: 5px solid #0070b9;
	color: #ffffff;
	padding: 5px 10px 0px 10px;
	margin: 0px;
	line-height: 15px;
	height: 30px;
	font-size: 12px;
	overflow: hidden;
}

.panelObsah .zbozi .polozka:hover h2 {
    background-color: #338dc7;
	border-bottom: 5px solid #338dc7;
}

.panelObsah .zbozi .polozka h2 a {
	color: #ffffff;
}

.panelObsah .zbozi .polozka p {
	height: 60px;
	line-height: 15px;
	font-size: 12px;
	overflow: hidden;
	margin: 0px 5px 0px 5px;
	color: #777777;
}

.panelObsah .zbozi .polozka .kodZbozi {
	margin: 0px 5px 0px 5px;
	color: #777777;
}

.panelObsah .zbozi .polozka .nahled {
}

.panelObsah .zbozi .polozka .nahled img {
	display: block;
	width: 100% !important;
	height: auto !important;
}

.panelObsah .zbozi .polozka .nahled img[src*="Katalog/Pruzkumnik/Prazdny.gif"] {
	background: #e6f1f8;
	height: 75% !important;
}

.panelObsah .zbozi .polozka .stav {
	position: absolute;
	left: 2px;
	top: 55px;
	width: 25px;
	height: 165px;
}

.panelObsah .zbozi .polozka .stav .neprobihaAkce {
	display: none;
}

.panelObsah .zbozi .polozka .nazevAText {
}

.panelObsah .zbozi .polozka .ceny {
	width: 100%;
	margin: 0px;
}

.panelObsah .zbozi .polozka .ceny td {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
    color: #0070b9;
	padding: 3px 5px 3px 0px;
}

.panelObsah .zbozi .polozka .ceny .cenaBez {display: none;}

.panelObsah .zbozi .polozka .ceny .popis {display: none;}

.panelObsah .zbozi .polozka .ceny .cenaPuvodni {display: none;}

.panelObsah .zbozi .polozka .parametry {display: none;}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail {
	position: absolute;
	left: 10px;
	top: 245px;
	width: 165px;
	height: 20px;
	overflow: hidden;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .mnozstvi {
	display: inline;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vyberVariantu {
	display: none;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .mnozstvi input {
	width: 25px;
	text-align: center;
	vertical-align: middle;
}

.panelObsah .zbozi .polozka .vlozDoKosikuDetail .vlozDoKosiku {
	margin-right: 20px;
}


/* .strankaZbozi */

.strankaZbozi .vyberVariantyRadio label {
	margin: 0px 10px 0px 5px;
}

.strankaZbozi .formularKoupit .cenaVcetne {
	font-size: 20px;
	line-height: 24px;
}

.strankaZbozi .formularKoupit .info {
	color: #000000;
	font-size: 20px;
}


/* .panelObsah .detail */

.panelObsah .detail .cenaVcetne {
	display: none;
}

.panelObsah .detail .obrazek {
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px 10px 0px 10px;
    background-color: #c8dff0;
    background-image: url("BSReal/HlavickaDomy.png"), url("BSReal/HlavickaDomy.png"), url("BSReal/HlavickaDomy.png");
    background-position: 0% 100%, 0% 100%, 0% 100%;
    background-repeat: repeat-x, repeat-x, repeat-x;
    background-size: auto 66%, auto 66%, auto 66%;
	box-shadow: inset 0px 0px 150px 0px rgba(153,191,220,0.2);
}

.panelObsah .detail .obrazek:before {
	content: " ";
	display: block;
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 10px;
	width: 33%;
	max-width: 308px;
	height: 100%;
    background-image: url("BSReal/Logo.png");
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 100% auto;
	opacity: 0.33;
}

.panelObsah .detail .obrazek img {
	position: relative;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 320px !important;
	max-width: 100% !important;
	height: auto !important;
	cursor: pointer;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.panelObsah .detail .prilohy {
	padding: 10px 10px 0px 10px;
}

.panelObsah .detail .prilohy a {
	display: inline-block;
}

.panelObsah .detail .prilohy a img {
	display: block;
}

.panelObsah .detail .prilohy a .text {
	display: none;
}

.panelObsah .detail .formularKoupit {
    border-collapse: collapse;
	margin-bottom: 1px;
}

.panelObsah .detail .formularKoupit td {
	background: #96c4e3;
	color: #333333;
	padding-left: 10px;
}

.panelObsah .detail .formularKoupit .nadpis td {
	display: none;
}

.panelObsah .detail .vlastnosti {
	border-collapse: collapse;
	width: 100%;
}

.panelObsah .detail .vlastnosti td {
	padding: 0px 10px 0px 10px;
}

.panelObsah .detail .vlastnosti .priorita901 td {
	font-size: 22px;
	line-height: 40px;
}

.panelObsah .detail .vlastnosti .priorita902 .popis {
	color: transparent;
	font-size: 1px;
}

.panelObsah .detail .vlastnosti .priorita903 .popis {
}

.panelObsah .detail .vlastnosti tr:nth-child(2n) td {
	background: #ebf4fa;
}

.panelObsah .detail .vlastnosti .priorita701 td {
	background: #ff0000 !important;
	color: #ffffff;
}

.panelObsah .detail .vlastnosti .priorita801 td,
.panelObsah .detail .vlastnosti .priorita802 td,
.panelObsah .detail .vlastnosti .priorita803 td {
	background: #cee3f2 !important;
	color: #333333;
}

.panelObsah .detail .vlastnosti .priorita901 td,
.panelObsah .detail .vlastnosti .priorita902 td,
.panelObsah .detail .vlastnosti .priorita903 td
{
	background: #338fcb !important;
	color: #ffffff;
	font-weight: bold;
}

.panelObsah .detail .vlastnosti .priorita801,
.panelObsah .detail .vlastnosti .priorita901 {
	border-top: 1px solid #ffffff;
}

.panelObsah .detail .vlastnosti .nadpis {
	display: none;
}

.panelObsah .detail .vlastnosti .popis {
	width: 33%;
}


/* .panelObsah .kosik */

.panelObsah .kosik table {
	width: 100%;
}

.panelObsah .kosik .nadpis {
	font-weight: bold;
}

.panelObsah .kosik td {
	background: #f0f0eb;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
}

.panelObsah .kosik .objednej td {
	background: transparent;
}

.panelObsah .kosik .mnozstvi .text {
	width: 25px;
	text-align: center;
}

.panelObsah .kosik .mnozstvi {
	text-align: center;
}

.panelObsah .kosik .zaMnozstviBez,
.panelObsah .kosik .zaMnozstviVcetne {
	text-align: right;
	white-space: nowrap;
}

.panelObsah .kosik .celkem {
	font-weight: bold;
}

.panelObsah .kosik .celkem .mnozstvi input {
	color: #0070b9;
	background: transparent;
	padding: 0px;
	box-shadow: none;
	cursor: pointer;
	font-size: 12px;
}

.panelObsah .kosik .celkem .mnozstvi input:hover {
	text-decoration: underline;
}

.panelObsah .kosik .objednej input {
	margin: 10px 10px 10px 0px;
	padding: 10px 20px 10px 20px;
}

.panelObsah .kosik .nazev .obrazek {
	width: 100px;
	margin: 0px 5px 0px 0px;
	float: left;
}

.panelObsah .kosik .nazev .upresneni {
}

.panelObsah .kosik .nazev .kod {
	display: block;
	color: #777777;
}


/* komponentaKalendar */

.panelPomocny .komponentaKalendar {
    background: #ffffff;
    margin: 1px;
}
.panelPomocny .komponentaKalendar table {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.komponentaKalendar td {
    padding: 3px;
    text-align: right;
    color: #555555;
}
.komponentaKalendar td.nazevMesice {
    text-align: center;
}
.komponentaKalendar .jinyMesic {
    color: #aaaaaa;
}
.komponentaKalendar .maAkci {
    color: #0070b9;
    cursor: pointer;
}
.komponentaKalendar .maAkci:hover {
    text-decoration: underline;
}
.komponentaKalendar .dnes {
    outline: 1px solid #aaaaaa;
}
.komponentaKalendar .komponentaKalendarTlacitko {
    color: #0070b9;
    cursor: pointer;
}
.komponentaKalendar .komponentaKalendarTlacitko:hover {
    text-decoration: underline;
}
.komponentaKalendar .komponentaKalendarPolozka {
    background: #f0f0eb; 
    margin-bottom: 10px;
    padding: 5px; 
}
.komponentaKalendar h2 {
    padding: 5px;
}
.komponentaKalendar .komponentaKalendarPolozka h3 {
    font-weight: bold;
    text-align: left;     
}                                                           
.komponentaKalendar .komponentaKalendarPolozka p {
    margin-bottom: 0px;
    text-align: left;
}
.komponentaKalendar .komponentaKalendarPolozka p a {
    display: block;
}

.komponentaAnketa .komponentaAnketaGrafika {
    display: block;
    float: left;
    height: 10px;
    background: #aaaaaa;
    margin: 8px 10px 7px 0px;
}


/* komponenta animace */

.komponentaAnimace {
    position: relative;
    top: 0px;
    left: 0px;
}
.komponentaAnimace img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.komponentaAnimace .ovladaciPanel {
    position: absolute;
    bottom: 2px;
    left: 2px;
    height: 17px;
    line-height: 15px;
    font-size: 10px;
    overflow: hidden;   
}
.komponentaAnimace .ovladaciPanel .tlacitko {
    border: 1px #555555 solid;
    background: #eeeeee;
    color: #555555;
    float: left; 
    padding: 0px;
    margin: 0px 2px 0px 0px;
    height: 15px;
    width: 15px;
    text-align: center;
    font-weight: normal;
    border-radius: 10px;
    cursor: pointer;
}

.komponentaAnimace .ovladaciPanel .tlacitko span {
    display: block;
    height: 15px;
    width: 15px; 
    text-align: center;
}

.komponentaAnimace .ovladaciPanel .tlacitko.vybrane {
    color: #000000;
    background: #ffffff;
} 


/* panelPaticka */

.panelPaticka {
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 100%;
	clear: both;
	text-align: right;
	margin: 50px auto 0px auto;
	padding: 20px 0px 0px 0px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #eeeeee;
	background-image: url(BSReal/HlavickaGradient.png);
	background-repeat: repeat-y;
	background-position: 0% 0%;
	background-size: contain;
	color: #ffffff;
    background-color: #0c6eb4;
}

.panelPaticka .mapa {
	display: block;
	opacity: 1;
	height: 300px;
	max-height: 50vw;
	background-image: url(BSReal/Mapa.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	box-shadow: inset 0px 0px 150px 0px rgba(213,204,185,0.33);
	border-top: 10px solid #ffffff;
	border-bottom: 10px solid #ffffff;
	margin-bottom: 10px;
}

.panelPaticka .mapa:hover {
	box-shadow: none;
}

.panelPaticka .podMapou {
	background-image: url(BSReal/HlavickaDomy.png), url(BSReal/HlavickaGradient.png);
	background-repeat: repeat-x, repeat-y;
	background-position: 50% 100%, 0% 0%;
	background-size: auto 66%, contain;
}

.panelPaticka .podMapouObsah {
	width: 85%;
	height: 160px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: 0px;
	top: 0px;
}

.panelPaticka .podMapou .logo {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 40px;
	width: 308px;
	max-width: 45%;
	height: 104px;
	background: transparent url(BSReal/Logo.png) scroll no-repeat 0% 87.5%;
	background-size: contain;
}

.panelPaticka .podMapou .copyright {
	display: block;
	position: absolute;
	left: 0px;
	top: 125px;
	opacity: 0.85;
	text-align: left;
	line-height: 16px;
}

.panelPaticka .podMapou .bannery {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 15px;
	opacity: 0.85;
	text-align: left;
	line-height: 16px;
}

.panelPaticka .podMapou .bannery > * {
	display: inline-block;
	height: 60px !important;
	margin-left: 1em;
}

.panelPaticka .podMapou .bannery img {
	display: block;
}

.panelPaticka .podMapou .bannery .hypocentrum {
	width: 171px;
	background: #ffffff url("BSReal/Hypocentrum.png") scroll no-repeat left top;
}

.panelPaticka .podMapou .odkazy a {
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
	opacity: 0.85;
}

.panelPaticka .podMapou .odkazy a:hover {
	opacity: 1;
}

.panelPaticka .podMapou .odkazy a:after {
    content: "\00a0\00a0|\00a0\00a0";
}

.panelPaticka .podMapou .odkazy a:last-child:after {
    content: "";
}

.komponentaCookieSouhlas .komponentaCookieSouhlasVnitrek {
	position: fixed;
	z-index: 999;
	left: 12%;
	bottom: 3px;
	width: 76%;
    padding: 0px;
	font-size: 14px;
	font-weight: normal;
	background: rgba(0, 0, 0, 0.8);
	color: #dddddd;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.komponentaCookieSouhlas p {
	margin: 0px 250px 0px 0px;
	padding: 5px 0px 5px 25px;
	line-height: 20px;
	text-align: left;
}

.komponentaCookieSouhlas .tlacitkoSouhlasim {
	display: block;
	position: absolute;
	right: 25px;
	top: 50%;
	width: 120px;
	height: 20px;
	line-height: 20px;
	background-color: #0070b9;
	color: #ffffff;
    padding: 2px 20px 2px 20px;
    margin: -12px 0px 0px 0px;
	border: none;
	text-align: center;
	border-radius: 3px;
}

/* Tiskarna */

@media only print {

.panelNavigace,
.panelHlavicka,
.panelPaticka,
.panelFotoPodHlavickou,
.panelRozcestnik {
	display: none !important;
}

.panelTelo {
	width: auto !important;
}

.panelObsah {
	float: none !important;
	width: auto !important;
}

body {
	font-family: sans-serif !important;
	font-size: 12pt !important;
	line-height: 20pt !important;
}

* {
	border: none !important;
	background: transparent !important;
	color: #000000 !important;
	box-shadow: none !important;
}

.panelObsah {
	border: 1px solid #cccccc !important;
}

.panelObsah h1 {
	position: static !important;
	background: none !important;
    font-size: 16pt !important;
}

.panelObsah hr {
	border-bottom: 1px solid #cccccc;
}

.slozkaHome:before {
	content: "Realitní kancelář BSreality, spol. s r.o.";
	display: block;
	text-align: center;
    font-size: 24pt;
	padding-top: 256pt;
}

.slozkaHome:after {
	content: "http://www.bsreality.cz";
	display: block;
	text-align: center;
    font-size: 16pt;
	padding-top: 64pt;
	color: #777777;
}

}



/* 1. WIDTH < 1280px ... Odstran panelPomocny */

@media
only screen and (max-width:1280px),
only screen and (max-device-width:1280px) {

.panelTelo {
}

.panelPomocny {
	display: none;
}

.komponentaAnketa .komponentaAnketaGrafika {
    display: none;
}

}



/* 2. WIDTH < 1040px ... Zmensi panelObsah na 75% */

@media
only screen and (max-width:1040px),
only screen and (max-device-width:1040px) {

.panelTelo,
.panelHlavicka header {
}

.panelObsah {
	float: right;
}

.panelObsah .zbozi {
}

.panelHlavicka .hlavniMenu li a {
	font-size: 13px;
}

.panelHlavicka .hlavniMenu li a {
	padding: 0px 0px 0px 20px;
}

.panelHlavicka .hlavniMenu li a:after {
	display: none;
}

.panelNavigace .hloubka1 .rychlaNavigace .roleta {
	display: none !important;
}

}



/* 3. WIDTH < 855px ... Zmensi panelObsah na 50% */

@media
only screen and (max-width:855px),
only screen and (max-device-width:855px) {

.panelTelo,
.panelHlavicka header {
}

.panelObsah {
	float: right;
}

.panelObsah .zbozi {
}

form td.popis {
	width: 50%;
}

table:not(.zakladniTabulka):not(.kalendar):after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

table:not(.zakladniTabulka):not(.kalendar),
table:not(.zakladniTabulka):not(.kalendar) tr,
table:not(.zakladniTabulka):not(.kalendar) td {
	display: block;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
}

table:not(.zakladniTabulka):not(.kalendar) td {
	float: left;
	width: 100% !important;
}

table:not(.zakladniTabulka):not(.kalendar) colgroup,
table:not(.zakladniTabulka):not(.kalendar) col {
	display: none;
}

table:not(.zakladniTabulka):not(.kalendar) tbody {
	display: block;
	width: 100%;
}

.panelObsah .kosik .kod,
.panelObsah .kosik .zaMnozstviBez,
.panelObsah .kosik .celkem .mnozstvi {
	display: none;
}

textarea {
	width: 180px;
}

.komponentaCookieSouhlas {
}

.komponentaCookieSouhlas.rezim1 {
}

.komponentaCookieSouhlas .komponentaCookieSouhlasVnitrek {
    width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.komponentaCookieSouhlas p {
    text-align: center;
    margin-right: 0px;
    padding-left: 0px !important;
}

.komponentaCookieSouhlas .tlacitkoSouhlasim {
    position: relative;
    top: 0px;
    right: auto;
    margin: 0px auto 10px auto;
}

.komponentaCookieSouhlas.rezim1 .tlacitkoSouhlasim {
    padding: 2px 20px 2px 20px;
    margin: 0px auto 10px auto;
}

}



/* 4. WIDTH < 680px ... Odstran panelNavigace */

@media
only screen and (max-width:720px),
only screen and (max-device-width:720px) {

.panelHlavicka {
}

.panelTelo {
	width: 100%;
	height: auto;
	margin: 0px;
}

.panelHlavicka header {
	width: auto;
	margin: 0px 10px 0px 10px;
}

.panelHlavicka .hlavniMenu li {
	float: none;
}

.panelHlavicka .hlavniMenu li a {
	padding: 0px;
	text-align: right;
}

.panelObsah {
	float: none;
	width: auto;
	display: block;
	margin: 10px;
}

.panelNavigace {
	float: none;
	width: auto;
	display: block;
	margin: 10px;
}

.panelHlavicka .komponentaHledat {
	display: none;
}

.panelHlavicka .rychlyKontakt {
	font-size: 14px;
	top: 5px;
}

.panelHlavicka .logo {
	bottom: 10px;
}

.panelHlavicka .hlavniMenu {
	bottom: 18px;
}

.panelPaticka {
	position: static;
	margin: 0px;
}

.panelPaticka .podMapouObsah {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
}

.panelPaticka .podMapouObsah {
	height: auto;
}

.panelPaticka .podMapouObsah .bannery {
	position: static;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

.panelPaticka .podMapouObsah .logo {
	position: static;
	margin: 10px auto 10px auto;
}

.panelPaticka .podMapouObsah .copyright {
	position: static;
	margin: 10px 0px 0px 0px;
	padding-bottom: 10px;
	text-align: center;
}

}



/* 5. WIDTH < 420px ... */

@media
only screen and (max-width:420px),
only screen and (max-device-width:420px) {

.panelHlavicka header {
}

}