@media screen,projection {

* {
  margin: 0px;
  padding: 0px;
}

#page {
    padding: 1em 0;
}

#header {
  background: #666 url(img/bg-header.gif) repeat-x bottom;
  text-align: center;
}

#header h1 {
  background: #fff url(img/logo.png) left top no-repeat;
  width: 136px;
  height: 72px;
  margin: 0 auto;
}

#header h1 span {display: none;}

#header h1 a {
	display: block;
  width: 100%;
  height: 100%;
}


#header aside {
	color: #924351;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-right: 150px;
}

div.box {
    border: 1px solid #924351;
    margin-top: 1em;
}

div.box p:first-of-type {margin-top: 0;}

nav {
  font-family: 'Arial CE', Arial, Verdana, sans-serif;
	margin-top: 1em;
}

div.box:first-of-type, nav:first-child {
	margin-top: 0em;
}

#kosik {
    background-color: #E4D0D3;
    padding: 0.5em 1em;
}

#kosik p {
    text-align: center;
}

#kosik small.sDph {
    position: relative;
    left: 15px;
}

#logged {
    background-color: #D8DEDE;
    padding: 0.5em 1em;

}

#logged h3, #logged p {
    text-align: center;
}

nav header {
  border: 1px solid #924351;
  background: #B0566A url(img/bg-nav-header.png) 5px center no-repeat;
  color: #fff;
  text-align: left;

  text-transform: uppercase;
  padding: 7px 7px 7px 40px;
  font-size: 18px;
  margin-bottom: 3px;
}


nav li {
  padding: 0px 0;
  text-align: left;
  list-style-type: none;
  list-style-position: outside;

}

nav > ul > li {
	padding-left: 40px;
  margin-bottom: 1px;
  background: #D8DEDE url(img/bg-nav-li.png) 5px 7px no-repeat;
}

nav li a {
  color: #000;
  text-decoration: none;

}
nav.leftMenu > ul > li {
  border: 1px solid #924351;
  text-transform: uppercase;
  font-size: 14px;
}

/*
li.subsec {
    display: none;
}

li.subsec.diropen {
    display: list-item;
}
*/

li.subsec ul li.subsec ul {

}

li.subsec ul a {
  color: #333;
}

li.subsec ul a:hover, li.subsec li.active a {
  color: #924351;
}

li.subsec li.subsec a {
  color: #924351;
}



li.subsec ul li {
  text-transform: uppercase;
  font-weight: bold;
}

li.subsec ul li li {
  text-transform: none;
  font-weight: normal;
}

ul.menu > li.subsec {
  border-top: none !important;
  background: #F0E9EC;

  position: relative;
  top: -2px;
}

nav li.subsec li.subsec li {
  border: none !important;
  text-transform: none !important;
  background: #F0E9EC url(img/bg-li.png) 0px 6px no-repeat;
  padding-left: 20px;
  margin-bottom: 0;
}

nav li.subsec li.subsec li li {
    background: none;
}

li.diropen + li.subsec {
    background-image: none !important;
}

/*

nav#menuModniZnacky ul, nav#menuInformace ul {
  background-color: #D8DEDE;
  border: 1px solid #924351;
}

nav#menuModniZnacky ul li, nav#menuInformace ul li {
  background: #D8DEDE url(img/bg-li.png) 12px 6px no-repeat;
}

nav#menuModniZnacky li.active, nav#menuInformace li.active,
nav#menuModniZnacky li.subsec, nav#menuInformace li.subsec {
  background-color: #F0E9EC;
}

nav li.subsec li.active {
  font-weight: bold;
}
*/


div.container {
background: #fff;
  margin: 0 auto;
  /* max-width: 1170px;
  padding: 0 15px;*/
}

#upoutavkyNaTitulce {
  overflow: hidden;
}

/* todo při obnově slideru na HP toto smazat */
div.upoutavkaNaHP:nth-of-type(1),
div.upoutavkaNaHP:nth-of-type(2) {
	margin-top: 0;
}

.pager {
    margin: 0 0 0.5em 0;
}

.pagination {
    float: right;
    margin: 0;
	}

.pagination li {
    padding-left: 0;
}

footer {
  clear: both;
  background: #D8DEDE;
  border-top: #637C7A 5px solid;
  padding: 0.5em 1em;
  font-size: 90%;
  margin: 0 -15px;
}

footer .akah3 {
  text-transform: uppercase;
}

footer p.credentials, footer p.credentials a {
	color: #637C7A;
  text-decoration: none;
  text-align: right;
  font-size: 90%;
}

address {
  font-style: normal;
}

address span {
  font-weight: bold;
}


/* vr start */
h1 {
  font-size: 2.0000em; /* 32px */
  line-height: 1.5000em; /* 48px */
  margin-top: 0.7500em;  margin-bottom: 0.0000em;
}

h2, legend {
  font-size: 1.5000em; /* 24px */
  line-height: 1.0000em; /* 24px */
  margin-top: 1.0000em;  margin-bottom: 0.0000em;
}

h3 {
  font-size: 1.2500em; /* 20px */
  line-height: 1.2000em; /* 24px */
  margin-top: 1.2000em;  margin-bottom: 0.0000em;
}

p, h4 {
  font-size: 1.0000em; /* 16px */
  line-height: 1.5000em; /* 24px */
  margin-top: 1.5000em;  margin-bottom: 0.0000em;
}

h5, small, div.produktCart h4, .anotace {
  font-size: 0.8750em; /* 14px */
  line-height: 1.7143em; /* 24px */
  margin-top: 1.7143em;  margin-bottom: 0.0000em;
}

.s1 {
  font-size: 2.0000em; /* 32px */
  line-height: 1.5000em; /* 48px */
}

.s2 {
  font-size: 1.5000em; /* 24px */
  line-height: 1.0000em; /* 24px */
}

.s3 {
  font-size: 1.2500em; /* 20px */
  line-height: 1.2000em; /* 24px */
}

.s4 {
  font-size: 1.0000em; /* 16px */
  line-height: 1.5000em; /* 24px */
}

.s5 {
  font-size: 0.8750em; /* 14px */
  line-height: 1.7143em; /* 24px */
}

/* vr end */

ul.nav-tabs {
	margin: 1em 0;
}


.marginTopNone {margin-top: 0 !important;}

.marginTopHalf {margin-top: 0.75em !important;}
.marginBottomHalf {margin-bottom: 0.75em !important;}

.marginTop {margin-top: 1.5em !important;}
.marginBottom {margin-bottom: 1.5em !important;}

.marginTop2x {margin-top: 3em !important;}
.marginBottom2x {margin-bottom: 3em !important;}


h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child,
div.produktCart h4:first-child {
	margin-top: 0 !important;
}

.borderBottom {
	border-bottom: 1px solid #e5e5e5;
}

.flipNext, .flip {
	cursor: pointer;
}

iframe {border: none;}

hr {
	border-color: #e5e5e5;
  height: 1px;
}

legend {
  border: none;
  margin-bottom: 1em;
}

caption {
  font-size: 0.8750em; /* 14px */
  line-height: 1.7143em; /* 24px */
  text-align: right;
}


th.varianta {width: 20%;}
th.cena {width: 20%;}
th.dostupnost {width: 20%;}
th.dokose {width: 40%;}

th.dokose, td.dokose {text-align: right;}

table.varianty {
  font-size: 90%;
}

table.varianty small, small.sDph {
	font-size: 0.6em;
  line-height: 90%;
  margin: 0;
  position: relative;
  top: -0.7em;
}

table.varianty td.cena {
 line-height: 130%;
}

table.varianty td.cena, table.varianty td.dostupnost, table.varianty td.varianta {
  padding-top: 13px;
}


#drobecky {
  background-color: #637C7A;
  text-align: left;
  font-size: 0.8em;
}

#drobecky a, #drobecky {
  color: #fff;
  font-family: Helvetica, Arial, 'Open Sans', sans-serif;
}

/*
.box {
    margin-bottom: 20px;
}

.box .box-heading {
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}

.box .box-heading span {
    border-bottom: 2px solid #f12342;
    display: inline-block;
    padding: 0 2em 0 0;
}

.box .heading-title {
  color: #000;
}

.box-body {
  margin-top: 1.5em;
}

.box-body > ul > li, .list-item > li {
    border-top: 1px solid #eee;
    display: block;
    position: relative;
}
.box-body > ul > li:first-child {
    border-top: none;
}
.box-body > ul > li > a {
    color: #303030;
    text-transform: uppercase;
}
.box-body ul li a, .list-item li a {
    display: block;
    padding: 5px 8px;
}

.box .nav-pills > li.active > a {
  background-color: #FFF;
	color: #924351;
}
*/
.btn {
  transition: background-color 1s ease ;
}

.btn-default:hover, .btn-default:focus {
  background-color: #924351;
  border-color: #924351;
  background-image: none;
}

.btn:hover, .btn:focus, .btn.focus {
	color: #fff;
}
/*
.btn-danger {
    background-image: linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%);
    background-repeat: repeat-x;
    border-color: #b92c28;
} */

/*
#footer::after {
    clear: both;
    content: " ";
    height: 0;
}
*/

main {
  padding: 0 0 2em 0;
}

footer {
  text-align: center;
}

#footer-in {
    margin: 0 auto;
    background: #303030 none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    clear: both;
    max-width: 1170px;
    padding: 1em;

}

#created {
    border-top: 1px solid #444;
    color: #777;
    font-size: 11px;
    height: 50px;
    line-height: 45px;
    margin-top: 15px;
    text-align: right;
}

#created a {color: #777;}

div.productCartInfo {
  margin-top: 1em;
  position: relative;
}

div.produktCart .mainPic img, div.produktCart .smallPics img {
  border:  1px solid #ddd;
  padding: 3px;
	max-width: 100%;
	height: auto;
  border-radius:0px;
}

div.produktCart .smallPics img {
  width: 23%;
  padding: 1%;
}

div.produktCart .smallPics {
  margin-top: 0.5em;
}

div.produktCart p.anotace {
 margin-top: 0;
}

div.varianty td {
  white-space: nowrap;
}

div.produktCart .more {
	background-color: #f0f0f0;
  text-align: right;
  float: right;
  margin: 0 0 1em 1.5em;
}

div.productCartInfoRight div.varianty table.table {
  margin-top: 1px;
  width: 97%;
  border-bottom:  1px solid #ddd;
}

div.productCartInfoRight, div.productCartInfoLeft {

}

div.productCartInfoRight div.varianty + p.anotace {
  margin-top: 2em;
}



.table {
  margin-bottom: 0; /* overwrite bootstrap settings */
  margin-top: 1.5000em;  margin-bottom: 0.0000em;
}

.table thead tr th {
  background-color: #333;
  color: #eee;
  border: none;
}

th:first-child {
	border-top-left-radius:0px;
}

th:last-child {
	border-top-right-radius:0px;
}

th.varianta {width: 20%;}
th.cena {width: 20%;}
th.dostupnost {width: 20%;}
th.dokose {width: 40%; padding-right: 0.75em !important;}


th.dokose, td.dokose {text-align: right;}
th.cena, td.cena {text-align: center;}

table.varianty {
	font-size: 90%;
}

form.variantaHorizontal {
    margin: 0 0 0.5em 0;
    padding: 0.5em;
    background-color: #f5f5f5;
}

form.variantaHorizontal:nth-of-type(odd) {
    background-color: #F0E9EC;
}

span.akaLabel {
    font-weight: bold;
}

form.variantaHorizontal label, form.variantaHorizontal span.akaLabel {
    text-transform: capitalize;
}

/*************** ms dropdown **********************/
td.dokose li, td.dokose span {text-align: left;}
.dd .ddChild li img, .dd .ddTitle .ddTitleText img {height: auto; max-width: 90px;}
.dd .ddChild li {width: auto; }

.table tfoot tr td {
  background-color: #eee;
  border-color: #fff;
}

.table tfoot tr:last-child td:first-child {
	border-bottom-left-radius:0px;
}

.table tfoot tr:last-child td:last-child {
	border-bottom-right-radius:0px;
}

ul.preprava {
  list-style-type: none;
  list-style-position: inside;
}

ul.preprava li {
    background-image: none;
}

.anotace {
  font-weight: bold;
}



.alignC {
  text-align: center;
}



/**/

@media screen and (min-width: 647px) {
	#header div.container {
    background: #fff url(img/bg-header-in.png) right bottom no-repeat;
    height: 115px;
	}

  #header h1 {
    margin: 0;
    position: relative;
		top: 10px;
    left: 30px;
	}

	#header aside {
    text-align: right;
    position: relative;
		bottom: 10px;
	}
}



/* šířku upřesnit */
@media screen and (min-width: 1000px) {
	#page {
    margin: 0 auto;
	}
}/* ěščřžýáíé */

@media aural {
h1, h2, h3,
h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
h1            { pitch: x-low; pitch-range: 90 }
h2            { pitch: x-low; pitch-range: 80 }
h3            { pitch: low; pitch-range: 70 }
h4            { pitch: medium; pitch-range: 60 }
h5            { pitch: medium; pitch-range: 50 }
h6            { pitch: medium; pitch-range: 40 }
li, dt, dd    { pitch: medium; richness: 60 }
dt            { stress: 80 }
pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
dfn           { pitch: high; pitch-range: 60; stress: 60 }
s, strike     { richness: 0 }
i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
u             { richness: 0 }
a:link        { voice-family: harry, male }
a:visited     { voice-family: betty, female }
a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}


@media screen,projection {

body 	{
	font-family: Verdana, 'Arial CE', Arial, sans-serif;
	font-size: 16px;
  background: #ffffff url(img/bg-body.gif) repeat;
	text-align: center;
	line-height: 1.6250em; /* 26px /  160% */
	color: #000000;
}


/*----------------------*/
/*---      wysiwyg      ---*/

dl {
	margin: 0 0 0 20px;
	}

main {
	line-height: 160%;
	font-size: 90%;
    text-align: left;
	}

main ul {
	margin: 1.6250em 0 0 0;
	}

main li ul {
	margin: 0 0 0 0;
	}

main ul li {
	text-align: left;
	list-style-position: outside;
	list-style-type: none;
	background: url('img/bg-li.png') no-repeat left 5px;
	padding-left: 17px;
	margin-left: 0em;
	}

main div.pager ul li {
    background-image: none;
}

main ul li li {
	background: none;
	list-style-type: square;
	padding-left: 0px;
	}

main ul li li li {list-style-type: disc;}
main ul li li li li {list-style-type: circle;}
main ul li li li li li {list-style-type: none;}

main ol li {
	background: none;
	list-style-type: decimal;
	margin: 1em 0 0 0em;
    list-style-position: inside;
	}

main ol li li {
    margin-left: 2em;
}

main ol li li {
 	list-style-type: decimal;
	}

main ol li li li {
 	list-style-type: decimal;
	}

p {
	clear: both;
	text-align: left;
	}

main div.dlazdice p {
	text-align: left;
	}

main p.link {
	text-align: right;
	}

main a {
	color: #924351;
	text-decoration: underline;
	}

main a:hover {
	color: #924351;
	background-color: #ffffff;
	text-decoration: none;
	}

main h2 a {
	text-decoration: none;
	}



div.upoutavka {
	border: #924351 2px solid;
	background-color: #FFE8E8;
	color: #000000;

	margin: 10px auto;
	padding: 5px;


-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
	}

main div.upoutavka p {margin-top: 0;}

div.poznamka {
	border: #924351 1px solid;
	background-color: #FFE8E8;
	color: #000000;
	font-style: italic;
	padding: 5px;

-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
	}

main div.poznamka p {margin-top: 0;}

#podstranky {
    overflow: hidden;
    }

#podstranky h3 {
    margin-top: 0;
    }


div.nudle {
	clear: both;
	margin: 1em 0 0 0;
	min-height: 1em;

    padding: 10px;

    border: #CAE1FF 1px solid;

    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;

    background-color: #D9EAFF;
	}

div.nudle:nth-child(odd) {
    background-color: #D8DEDE;
    border-color: #D9EAFF;
    }

div.nudle div.obr {
	width: 15.360983102919%;
    margin-right: 2.3041474654378%;
	float: left;
	}

div.nudle h3 {
	clear: none;
	margin-top: 0;
	}

main div.nudle h3, main div.nudle p {
 clear: none;
	}

div.dlazdice {
	width: 31.336405529954%;
    margin: 1.5360983102919% 0 0 1.5360983102919%;
	/*height: 200px;*/
	float: left;
	text-align: center;

    padding: 6px 0 6px 0;

    border: #CAE1FF 1px solid;

    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;

    background-color: #D9EAFF;
	}

/*
div.d1 {text-align: left;}
div.d3 {text-align: right;}
*/

div.dlazdice h3 {
	border-left: none;
	text-align: center;
	margin: 0.5em;
	}


div.dlazdice_pul, div.dlazdice_pul_l, div.dlazdice_pul_r {
 width: 49.2%;
	float: left;
	text-align: left;
	min-height: 1em;
	}

div.dlazdice_tretina, div.dlazdice_tretina_l, div.dlazdice_tretina_r, div.dlazdice_tretina_m {
 width: 32.26%;
	float: left;
	text-align: left;
	display: table-cell;
	}

div.dlazdice_dve_tretiny, div.dlazdice_dve_tretiny_l, div.dlazdice_dve_tretiny_r {
    width: 66.13%;
	float: left;
	text-align: center;
	}

div.dlazdice_pul_l, div.dlazdice_tretina_l, div.dlazdice_dve_tretiny_l  {
	}

div.dlazdice_pul_r, div.dlazdice_tretina_r, div.dlazdice_dve_tretiny_r  {
	}

div.dlazdice_tretina_m {
	margin-right: 5px;
	margin-left: 5px;
	}

div.dlazdice_petina {
    width: 18.72%;
	float: left;
	min-height: 1em;
}

div.dlazdice_sedmina {
    width: 12.91%;
	float: left;
	min-height: 1em;
}

div.dlazdice_jedna {
    width: 100%;
	min-height: 1em;
}

main div.dlazdice_pul,
main div.dlazdice_tretina,
main div.dlazdice_dve_tretiny {
	/* margin: 5px 10px; */
	}

address {
  text-align: left;
}

h1 {
  font-size: 2.0000em; /* 32px */
  line-height: 1.6250em; /* 52px */
  margin-top: 0.8125em;  margin-bottom: 0.0000em;
}

h2, .akah2 {
  font-size: 1.5000em; /* 24px */
  line-height: 1.0833em; /* 26px */
  margin-top: 1.0833em;  margin-bottom: 0.0000em;
}

h3, p, .akah3, address {
  font-size: 1.0000em; /* 16px */
  line-height: 1.6250em; /* 26px */
  margin-top: 1.6250em;  margin-bottom: 0.0000em;
}

h4 {
  font-size: 0.7500em; /* 12px */
  line-height: 2.1667em; /* 26px */
  margin-top: 2.1667em;  margin-bottom: 0.0000em;
}

h1:first-child {
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6, .akah2, .akah3  {
  font-weight: bold;
  text-align: left;
  clear: both;
  color: #924351;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .akah2 a, .akah3 a {
	color: #924351;
	text-decoration: none;
	}


table {
	border-collapse: collapse;
	width: 100%;
}

th {

	background-color: #D8DEDE;
	color: #000000;
	text-align: center;
	padding: 0.1em 1em;
}

td {

	background-color: transparent;

	text-align: center;
	padding: 0.1em 1em;
}

caption {
	font-weight: bold;
	margin: 1.6250em 0 0 0;
	text-align: left;
	}

main p.obtekaci {
	clear: none;
	}

div.oddelovac {
	width: 100%;
	height: 10px;
	margin: 1.6250em 0;
	}


/*--- tridy a barvy ---*/
.alignL {
  text-align: left;
}
.alignC {
  text-align: center;
}
.alignR, main li.alignR {
  text-align: right;
}

p.alignC {
  text-align: center;
}
p.alignL {
  text-align: left;
}
p.alignR {
  text-align: right;
}
img.alignL {
  float:left;
  margin: 0 0.5em 0.5em 0;
  width: auto;
}
img.alignR {
  float:right;
  margin: 0 0 0.5em 0.5em;
  width: auto;
}
.floatR {
	float: right;
	}
.floatC {
	margin: 0 auto;
	}
p {
	clear: both;
	}

a {
  color: #924351;
  background-color: transparent;
}

a:hover {
  text-decoration: none;
}
a img {
  border: none;
  text-decoration: none;
}


dt {
	font-size: 120%;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 20px;
	}

div.zvyrazneni1, div.zvyrazneni2, div.zvyrazneni3 {
	padding: 10px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
	}

main div.zvyrazneni1 p, main div.zvyrazneni2 p, main div.zvyrazneni3 p {
	text-align: left;
	}

div.zvyrazneni1 h2.zvh {
	background-color: #A4FFA4;
	}

div.zvyrazneni2 h2.zvh {
	background-color: #9BCDFF;
	}

div.zvyrazneni3 h2.zvh {
	background-color: #FFAAAA;
	}


div.zvyrazneni1 {
	background-color: #E1FFE1;
	}

div.zvyrazneni2 {
	background-color: #D2E9FF;
	}

div.zvyrazneni3 {
	background-color: #FFE1E1;
	}

main div.notop ul, div.notop p, p.notop, p.notop a.tip {
	margin-top: 0 !important;
	}

span.bold {
	font-weight: bold;
	}

/*---      wysiwyg      ---*/
/*----------------------*/

.sectionpic {text-align: left;}
.sectionpic h3, .sectionpic p {clear: none;}

/* http://www.responsivegridsystem.com/ */
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */



}

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}

div.dlazdice_tretina, div.dlazdice_pul, div.dlazdice_dve_tretiny,
div.dlazdice_petina, div.dlazdice_sedmina {
    	width: 100%;
        }
}

figcaption {
  font-size: 0.7500em; /* 12px */
  font-weight: bold;
}

/* upoutávky na titulce */

div.upoutavkaNaHP header a {
  background: #E4D0D3 url(img/but-vice.png) 97% center no-repeat;
  display: block;
  font-size: 90%;
  padding: 0 .8125em;
  font-weight: bold;
  min-height: 36px;
  line-height: 36px;
  margin-bottom: 0.5em;
  color: #000;
  text-decoration: none;
  text-align: left;
}

div.upoutavkaNaHP {
  margin-top: 1.6250em;
  position: relative;
}

div.upoutavkaNaHP article {
  border: 1px solid #C3A8B4;
}

div.upoutavkaNaHP p.note {
 border-top: 1px solid #C3A8B4;
 margin: .8125em;
 padding-top: .8125em;
 clear: both;
}

div.upoutavkaNaHP div.upoutavkaNaHPBody {
    overflow: hidden;
}

div.upoutavkaNaHP figure {
  width: 100%;
  margin: 0;
  float: left;
  text-align: center;
}

div.upoutavkaNaHP figure img {
  max-width: 100%;
  height: auto;
}

div.upoutavkaNaHP aside {
  width: 50%;
  float: right;
}


div.upoutavkaNaHP p.tip {
  margin-top: 3px;
  font-weight: bold;
  padding:  3px 0 3px 10px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
  text-transform: uppercase;
}

.grey {
  background-color: #637C7A;
  color: #fff;
}

.red {
  background-color: #924351;
  color: #fff;
}

.pink {
  background-color: #E4D0D3;
  color: #924351;
}

div.upoutavkaNaHP a.more span {
  display: none;
}

div.upoutavkaNaHP a.more {
  display: block;
  background:  url(img/but-vice.png) center center no-repeat;
  width: 21px;
  height: 21px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@media only screen and (min-width: 480px) {
	div.upoutavkaNaHP {
	  width: 49%;
    margin-right: 1%;
	  float: left;
	}
  div.upoutavkaNaHP:nth-of-type(even) {
    margin-left: 1%;
    margin-right: 0%;
	}
}
/* ěščřžýáíé */
@media print {
* {
  margin: 0px;
  padding: 0px;
}

#kform fieldset, #searchbox {
	display: none;
	}

}
/* ěščřžýáíé */
@media screen,projection {

/*----------------------*/
/*---      kform      ---*/

#kform {
	/* border-top: 1px solid #C20202; */
	border: 1px solid #ffffff;
	background-color: #D8DEDE;
	clear: both;
    margin: 1em auto;
    padding: 10px;

    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;

	}


#kform form {
	}


#kform fieldset {
	border: none;
	padding: 0;
	}

#kform textarea {
	width: 98%;
	}

#kform p {
	text-align: left;
	}

#kform legend {
	display: none;
	}

#kform input.sbm {
	font-size: 120%;
	}

#vcode {
	margin: 5px 0;
	}

img.vcode {
 margin: 0 0 0 36.866359447005%;
}

/*--- dform ---*/

#dform {
	margin: 30px 0 0 0;
	clear: both;
	}

#dform form {
	border: 2px solid  #F7F8F2;
	background-color: #ffffff;
	padding: 2px;
	margin: 30px 0 0 0;
	}


#dform fieldset {
	margin: 0px 0 0 0;
	background-color: #F7F8F2;
	border: none;
	}

#dform textarea {
	width: 100%;
	}

#dform p {
	text-align: left;
	}

#dform legend {
	font-size: 150%;
	color: #3F8812;
	margin-left: -0.7em;
	padding-left: 0;
	background-color: #F7F8F2;
	}

#dform input.sbm {
	font-size: 120%;
	background-color: #438B13;
	border-color: #4f4f4f;
	}

#dform label span {
	width:90px;
	}

#dform textarea {
	width: 70%;
	}


/*---      kform      ---*/
/*----------------------*/


}/* ěščřžýáíé */
@media screen,projection {

/*----------------------*/
/*---      diskuze      ---*/

#diskuze_pan {
	background-color: #F7F8F2;
	padding: 10px;
	margin: 10px 0;
	/*min-height: 1em;*/
	}

#diskuze_pan_zpr {
	background-color: #ffffff;
	padding: 10px;
	margin: 10px 0;
	/*min-height: 1em;*/
	}

#diskuze_pan h3, #diskuze_pan h4 {
	border: none;
	margin: 0;
	padding: 0;
	color: #C70004;
	color: #3F8812;

	font-weight: normal;
	}

#diskuze_pan h3 span, #diskuze_pan h4 span {
	font-weight: bold;
	}

#diskuze_pan h4 {
	margin: 0.5em 0 0 0;
	color: #851C19;
	}

#diskuze_pan_info {
	min-height: 1em;
	color: #C70004;
	color: #4f4f4f;
	color: #3F8812;
	}

*html #diskuze_pan_info {
	height: 1em;
	}

#diskuze_pan_info a {
	color: #C70004;
	}

#diskuze_pan_info li {
	list-style-type: none;
	float: left;
	width: 27%;
	background: none;
	padding-left: 0px;
	}

#diskuze_pan_info li.alignC {
	width: auto;
	}

#diskuze h2 {
	border: none;
	margin: 0;
	padding: 0;
	}

#diskuze {
	/*width: 800px;*/
	/* border: 1px solid blue; */
	}

div.dfhead {
	background-color: #FFFFFF;
	padding: 3px;
	border: 3px solid #F7F8F2;
	}

div.dfheadin {
	background-color: #F7F8F2;
	padding: 5px;
	}

div.dfmess {
	background-color: #FFFFFF;
	padding: 5px;
	border: 3px solid #F7F8F2;
	border-top: none;
	}



.dfp-main, .dfp {
	margin: 0px 0 0 0;
	/*padding: 10px 0 0 10px;*/
/*	border-left: 1px solid #DEBE94;
	border-bottom: 1px solid #DEBE94;*/

	}

.dfp-main {
	margin: 10px 0 0 0;
	/*padding: 0px 0 0 10px;*/

	}


p.odpovedet {
	text-align: right;
	margin: 10px 0;
	}

#textin p.switch_fora {
	margin: 10px 0;
	text-align: right;
	}


/*---      diskuze      ---*/
/*----------------------*/


}/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
/*	margin: 0 auto 60px;*/
	margin: 0 auto 1em;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
  height: auto;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
/*	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
 */
	border: 1px solid transparent;  /* korekce nutná ve vzhledu Apala, jinak tam je 1px proužek volný vlevo a vpravo. */
	background: #fff;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-pager-item, .bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(img/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/**************************/
/* weto's css starts here */
/**************************/

div.bx-upoutavka {
    margin: 0 auto;
    overflow: hidden;
    visibility: hidden;
}

ul.bxnahledy {
    /* protože jinak v řádku dělaly mezery mezi sebou řešení buďto dát všechny
		li za sebe bez mezer a nebo toto a v případě potřeby pak dát li nenulový
		font-size. Tady ale zatím nepředpokládám, že se v li bude něco vypisovat,
		tak to necháme zatím na poděděné nule i tam.
	*/
    font-size: 0;
}


ul.bxnahledy li {
    list-style-type: none;
    list-style-position: inside;
    display: inline-block;
    margin-left: 1%;
    font-size: 16px;
}

ul.bxnahledy li a {
	cursor: pointer;
	cursor: hand;

}

ul.bxnahledy li:first-child {margin-left: 0%;}

ul.bxnahledy li a img {
	width: 100%;
	height: auto;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

ul.bxnahledy li a.active img, ul.bxnahledy li a:hover img {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

div.bx-pager-vpravo div.bx-pager-type-navesti ul.bxnahledy li {
    display: block;
}

div.bx-pager-vpravo div.bx-pager-type-navesti div.bx-wraper-pager {
	text-align: center;
}

div.bx-pager-vpravo div.bx-pager-type-obrazky ul.bxnahledy li {
	/* dělalo to takhle samo od sebe, ale nevím proč a tak kvůli
	dopředné kompat. v případě, že by to bylo chybou v prohlížeči,
	tak to raději definujeme */
    max-width: 100px;

	width: 24%;
}


div.bx-wraper-slides {
    width: 100%;
    margin-right: 250px;
    float: left;
}

div.bx-wraper-pager {
    width: 240px;
    float: right;
    padding-left: 0.2%;
}

div.bx-pager-dole div.bx-wraper-slides,
div.bx-pager-dole div.bx-wraper-pager {
    width: 100%;
    float: none;
    padding-left: 0;
}

div.bx-pager-vpravo .bx-pager-item {display: block;}
div.bx-pager-vpravo div.bx-wraper-pager {text-align: right;}
div.bx-pager-vpravo div.bx-wraper-pager a {text-align: center;}

div.bx-pager-vpravo div.bx-pager-type-full div.bx-wraper-slides,
div.bx-pager-vpravo div.bx-pager-type-cisla div.bx-wraper-slides,
div.bx-pager-vpravo div.bx-pager-type-ctverce div.bx-wraper-slides,
{width: 86.8%;}
div.bx-pager-vpravo div.bx-pager-type-full div.bx-wraper-pager,
div.bx-pager-vpravo div.bx-pager-type-cisla div.bx-wraper-pager,
div.bx-pager-vpravo div.bx-pager-type-ctverce div.bx-wraper-pager,
{width: 13%;}

div.bx-pager-vpravo div.bx-pager-type-obrazky div.bx-wraper-slides
{width: 100%;}
div.bx-pager-vpravo div.bx-pager-type-obrazky div.bx-wraper-pager
{width: 240px;}


div.bx-pager-vpravo div.bx-pager-type-short div.bx-wraper-slides
{width: 80.8%;}
div.bx-pager-vpravo div.bx-pager-type-short div.bx-wraper-pager
{width: 19%;}



div.bx-auto-pager a {
    background: none repeat scroll 0 0 #666;
    border-radius:0px;
    display: inline-block;
    height: 10px;
    margin: 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 10px;
}

div.bx-auto-pager a.active {
    background-color: #000;
}

div.bx-pager-type-ctverce div.bx-auto-pager a {
    border-radius:0px;
}

div.bx-pager-type-cisla div.bx-auto-pager a {
    text-indent: 0px;
	width: 1em;
    padding: 0.1em 0.3em;
    height: auto;
	color: #fff;
}

main ul.bxslider li {
	margin: 0;
  padding: 0;
  border:  1px solid #924351;
}

main ul.bxslider {
  margin: 0;
}/* ěščřžýáíé */

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#imageContainer img {
	/*padding: 3px;
	border: 1px solid red;*/
	}


#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(modry/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(modry/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #D9EAFF;
	}


#leftColumn a.tip {
  margin-top: 3px;
  padding:  3px 0 3px 10px;
  text-transform: uppercase;
  text-align: left;
  font-size: 120%;
  text-decoration: none;

  border:  1px solid [odkazy];
  display: block;
  height: 52px; /* 58 - 6px paddingy */
  line-height: 52px;

  /*background: url(img/bg-leftTip-grey.gif) right center no-repeat; */
	background-image: url(img/bg-leftTip-grey.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

#leftColumn a.tip:hover {
  text-decoration: underline;
}


#leftColumn a.red {
	background-image: url(img/bg-leftTip-red.gif);
}

#leftColumn a.pink {
  background-image: url(img/bg-leftTip-pink.gif);
}

div.dd li {
    background-image: none;
}

.filters {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 15px;
    margin-bottom: 1em;
}

.filters h2 {
	margin-bottom: 1em;
    font-size: 95%;
    color: #333;
}

main a.btn {
    text-decoration: none;
}

.btn-primary {
    border: none ;
}

h1 + div.popis p {
    margin-top: 0em;
}

#searchForm {
    margin: 0em auto 1em auto;
}

#search {
	border: none;
}

a.red:hover, a.red:focus {
	color: #ffcccc;
}

#search:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 67, 81, 0.6);
}