.panel p {margin: 0;}
.panel_float-left {float: left;}
.panel_float-right {float: right;}
.panel__content {padding: 0; margin: 0;}
.panel__content-center {text-align: center;}
.panel__content-justify {text-align: justify;}
.panel__content-left {text-align: left;}
.panel__content-right {text-align: right;}

[class*="panel_width"] {margin: 0 0 1.7% 1.7%;} /*1.694*/
.first,.prvni {margin-left: 0;}
.panel_width-1 {width: 8.3%;}
.panel_width-2 {width: 18.3%;}
.panel_width-3 {width: 28.3%;}
.panel_width-4 {width: 38.3%;}
.panel_width-5 {width: 48.3%;}
.panel_width-6 {width: 48.3%;}
.panel_width-7 {width: 58.3%;}
.panel_width-8 {width: 68.3%;}
.panel_width-9 {width: 78.3%;}
/*.panel_width-1 {width: 11.8%;}
.panel_width-2 {width: 18.64%;}
.panel_width-3 {width: 28.813%;}
.panel_width-4 {width: 38.98%;}
.panel_width-5 {width: 49.152%;}
.panel_width-6 {width: 59.32%;}
.panel_width-7 {width: 69.49%;}
.panel_width-8 {width: 79.66%;}
.panel_width-9 {width: 89.83%;}*/
.panel_width-10 {width: 100%; clear: both; margin-left: 0;}

@media (max-width: 480px) {
	[class*="panel_width"] {float: none; margin-left: auto; margin-right: auto;}
}

.above_header .panel,
.article_guidepost .panel {margin-bottom: 0;}

.panel.banner_style_01.clear {clear: both;}
.panel.banner_style_01 .content a {position: relative; display: block; color: #fff; border-bottom: 6px solid #393a42; text-decoration: none; text-align: left;}
.panel.banner_style_01 .content a[href=""] {cursor: default;}
.panel.banner_style_01 .content a img {max-width: 100%; height: auto;}
.panel.banner_style_01 .content a span {position: absolute; top: 7.6923%; left: 8.4615%; width: 91.5%; height: 74%; font: bold 2.30769em/1.1333em Arial; color: #e01326; background: url(/views/ooo/content/panels/css/designbg-banner-title-arrow.png) 0 bottom no-repeat;}
.panel.banner_style_01 .content a:not([href=""]):hover {border-color: #e01326;}
.panel.banner_style_01 .content a:not([href=""]):hover span {color: #e01326; background-position: -472px bottom;}
@media (max-width: 960px) {
	.panel.banner_style_01 .content {max-width: 260px;}
}

.panel.banner_style_02 .content a {position: relative; display: block; color: #fff; text-decoration: none;}
.panel.banner_style_02 .content a[href=""] {cursor: default;}
.panel.banner_style_02 .content a img {max-width: 100%; height: auto;}
.panel.banner_style_02 .content a span {display: block;}
.panel.banner_style_02 .content a span.info {position: absolute; top: 20%; left: 38.846%; width: 58.3846%; font: normal 1.0769em/1.28571em Arial; color: #393a42;}
.panel.banner_style_02 .content a span.title {font-weight: bold;}
.panel.banner_style_02 .content a span.description {padding-bottom: 18px;}
.panel.banner_style_02 .content a span.price {font-size: 1.57142em; line-height: 1.18182em; font-weight: bold; color: #e01326;}

.panel.banner_style_03 .content a {position: relative; display: block; color: #fff; text-decoration: none; border-left: 6px solid #393a42; background: #EBEBEB;}
.panel.banner_style_03 .content a[href=""] {cursor: default;}
.panel.banner_style_03 .content a img {display: block; max-width: 100%; height: auto; padding: 0; margin: 0;}
.panel.banner_style_03 .content a span {display: block;}
.panel.banner_style_03 .content a span.info {position: absolute; top: 30%; left: 2.439%; width: 90%; font: normal 1.0769em/1.28571em Arial; color: #393a42;}
.panel.banner_style_03 .content a span.title {width: 85%; font: bold 1.85714em/1.153846em Arial; color: #e01326; margin-bottom: 8px;}
.panel.banner_style_03 .content a span.description {width: 85%; padding-bottom: 18px;}
.panel.banner_style_03 .content a span.link {position: absolute; top: 20%; right: 0; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; background: #e01326; padding: 6px 12px;}
.panel.banner_style_03 .content a span.link span {display: inline; color: #393a42; margin-left: 5px;}
.panel.banner_style_03 .content a:not([href=""]):hover {border-color: #e01326;}
.panel.banner_style_03 .content a:hover span.link {color: #fff; background: #000;}
.panel.banner_style_03 .content a:hover span.link span {color: #fff;}
@media (max-width: 680px) {
	.panel.banner_style_03 .content a span.info {top: 22%; width: 96%;}
	.panel.banner_style_03 .content a span.title {font-size: 1.42857em; line-height: 1.18182em;}
}
@media (max-width: 580px) {
	.panel.banner_style_03 .content a span.info {top: 19%; width: 94%;}
	.panel.banner_style_03 .content a span.title {font-size: 1.285714em;}
	.panel.banner_style_03 .content a span.description {font-size: 0.85714em; padding-bottom: 0;}
	.panel.banner_style_03 .content a span.link {font-size: 0.85714em; line-height: 1.3333em; padding: 4px 6px;}
}
@media (max-width: 520px) {
	.panel.banner_style_03 .content a span.info {width: 90%; padding-right: 6%;}
	.panel.banner_style_03 .content a span.description {display: none;}
}
@media (max-width: 480px) {
	.panel.banner_style_03 .content a span.title {font-size: 1.285714em; line-height: 1.2222em; margin-bottom: 5px;}
}
@media (max-width: 420px) {
	.panel.banner_style_03 .content a span.title,
	.panel.banner_style_03 .content a span.description {width: 98%;}
	.panel.banner_style_03 .content a span.description {font-size: 0.85714em; line-height: 1.3333em;}
	.panel.banner_style_03 .content a span.link {display: none;}
}

.panel.banner_style_04 .content a {position: relative; display: block; color: #fff; text-decoration: none;}
.panel.banner_style_04 .content a[href=""] {cursor: default;}
.panel.banner_style_04 .content a img {display: block; max-width: 100%; height: auto; padding: 0; margin: 0;}
.panel.banner_style_04 .content a span {display: block;}
.panel.banner_style_04 .content a span.info {font: normal 1.0769em/1.28571em Arial; color: #565761; background: #ebebeb; padding: 14px 2% 14px 5%;}
.panel.banner_style_04 .content a span.title {font: bold 1.35714em/1.21052em Arial; color: #565761; text-transform: uppercase; margin-bottom: 4px;}
.panel.banner_style_04 .content a span.description {}
.panel.banner_style_04 .content a:not([href=""]):hover span.info {background-color: #e01326;}
.panel.banner_style_04 .content a:not([href=""]):hover span.title,
.panel.banner_style_04 .content a:not([href=""]):hover span.description {color: #fff;}
@media (max-width: 1080px) {
	.panel.banner_style_04 .content a span.title {font-size: 1.2857em; line-height: 1.2222em;}
}
@media (max-width: 1020px) {
	.panel.banner_style_04 .content a span.title {font-size: 1.21428em; line-height: 1.23529em;}
	.panel.banner_style_04 .content a span.description {font-size: 0.92857em; line-height: 1.30769em;}
}
@media (max-width: 960px) {
	#contentcol .panel.banner_style_04 {width: 31.3%; margin: 0 1% 20px;}
	#contentcol .panel.banner_style_04.right {float: left!important;}
}
@media (max-width: 770px) {
	#contentcol .panel.banner_style_04 {width: 48.78%; margin: 0 0 20px;}
	#contentcol .panel.banner_style_04.right {float: right!important;}	
}
@media (max-width: 730px) {
	.panel.banner_style_04 .content a span.info {font-size: 1em; line-height: 1.384615em;}
	.panel.banner_style_04 .content a span.title {font-size: 1.230769em; line-height: 1.25em;}
}
@media (max-width: 680px) {
	.panel.banner_style_04 .content a span.title {font-size: 1.0769em; line-height: 1.285714em;}
}
@media (max-width: 530px) {
	#contentcol .panel.banner_style_04 {float: none; width: 100%; text-align: center; margin: 0 0 20px;}
	#contentcol .panel.banner_style_04.right {float: none!important;}
	#contentcol .panel.banner_style_04 .content {max-width: 400px; margin: 0 auto;}
	.panel.banner_style_04 .content a span.title {font-size: 1.384615em; line-height: 1.2222em;}
	.panel.banner_style_04 .content a span.description {font-size: 1.0769em; line-height: 1.285714em;}
}
@media (max-width: 395px) {
	.panel.banner_style_04 .content a span.title {font-size: 1.230769em; line-height: 1.25em;}
}

.panel.banner_style_05 .content .item {position: relative; display: block; color: #393a42; text-decoration: none;}
.panel.banner_style_05 .content .item img {display: block; max-width: 100%; height: auto; padding: 0; margin: 0;}
.panel.banner_style_05 .content .item span {display: block;}
.panel.banner_style_05 .content .item span.title {font: bold 1.53846em/1.2em Arial; color: #fff; text-transform: uppercase; background: #e01326; padding: 5.5%;}
.panel.banner_style_05 .content .item:hover span.title {color: #fff; background: #565761;}
.panel.banner_style_05 .content .item span.title a {color: #fff; text-decoration: none;}
.panel.banner_style_05 .content .item:hover span.title a {color: #fff; text-decoration: underline;}
.panel.banner_style_05 .content .item span.title a[href=""] {cursor: default;}
.panel.banner_style_05 .content .item span.title a:hover {color: #fff; text-decoration: underline;}
.panel.banner_style_05 .content .item span.text {font: bold 1.0769em/1.285714em Arial; color: #393a42; background: #ebebeb; padding: 4% 5.5%;}
.panel.banner_style_05 .content .item span.text p {color: #393a42!important; margin-bottom: 18px;}
.panel.banner_style_05 .content .item span.text a,
.panel.banner_style_05 .content .item span.text p a {color: #e01326!important; text-decoration: underline;}
.panel.banner_style_05 .content .item span.title a:not([href=""]):hover {text-decoration: none;}
@media (max-width: 680px) {
	.panel.banner_style_05 .content .item span.title {font-size: 1.384615em; line-height: 1.2222em;}
}
@media (max-width: 560px) {
	.panel.banner_style_05 .content .item span.title {font-size: 1.230769em; line-height: 1.25em;}
}

.panel.banner_style_06 {margin-top: 11px!important; margin-bottom: 0!important;}
.panel.banner_style_06:nth-child(2) {margin-top: 20px!important;}
.panel.banner_style_06 .content a {position: relative; display: block; color: #fff; text-decoration: none;}
.panel.banner_style_06 .content a[href=""] {cursor: default;}
.panel.banner_style_06 .content a img {display: block; max-width: 100%; height: auto; padding: 0; margin: 0;}
.panel.banner_style_06 .content a span {display: block;}
.panel.banner_style_06 .content a span.info {position: absolute; bottom: 0; left: 0; width: 83.02%; min-height: 84px; font: normal 1.0769em/1.28571em Arial; color: #393a42; padding: 0 9.23% 0 7.69%;}
.panel.banner_style_06 .content a span.title {font: bold 2.142857em/1.1333em Arial; color: #393a42; text-transform: uppercase; margin-bottom: 4px;}
.panel.banner_style_06 .content a span.description {min-height: 48px;}
.panel.banner_style_06 .content a:not([href=""]):hover span.info {}
.panel.banner_style_06 .content a:not([href=""]):hover span.title,
.panel.banner_style_06 .content a:not([href=""]):hover span.description {}
@media (max-width: 950px) {
	.panel.banner_style_06 .content a span.title {font-size: 1.85714em;}
}
@media (max-width: 810px) {
	.panel.banner_style_06 .content a span.title {font-size: 1.571428em;}
	.panel.banner_style_06 .content a span.description {font-size: 0.8571428em;}
}
@media (max-width: 775px) {
	.panel.banner_style_06 .content a span.info {min-height: 20px;}
	.panel.banner_style_06 .content a span.title {font-size: 1.285714em;}
}
@media (max-width: 690px) {
	.panel.banner_style_06 .content a span.title {font-size: 1.571428em; margin-bottom: 10px;}
	.panel.banner_style_06 .content a span.description {display: none;}
}
@media (max-width: 580px) {
	.panel.banner_style_06 .content a span.title {font-size: 2.1428em;}
	.panel.banner_style_06 .content a span.description {display: block; font-size: 1.0769em;}
}

.panel.type_file {max-width: 100%;}
.panel.type_file .content img {max-width: 100%; height: auto;}

@media (max-width: 500px) {
	.panel {margin-bottom: 20px;}
	.panel a.panel_image {width: 100%;}
	.panel a.panel_image img {width: 100%;}
}
/*@media (max-width: 340px) {
	.panel .content {text-align: center!important;}
}*/