@charset "utf-8";
/*==============================================================================
vykup-autovraku.eu CSS


/* TYPOGRAPHY AND COLORS
==============================================================================*/
@media screen and (max-device-width: 500px){
	body{
		-webkit-text-size-adjust: none;
	}
}
html, body {border: 0; outline: 0;padding: 0; margin: 0;}
html {background: #f9edd9;}
body {font: 300 16px/20px 'Open Sans', Arial; color: #3b3b3b; text-align: center; background: #f9edd9;}
p {margin-bottom: 20px;}
ul {list-style-type: disc;}
li {margin-bottom: 5px;}
ol {padding: 0; margin: 0 0 20px 15px; list-style-type: decimal;}
small {font-size: 0.85em;}
blockquote, q {font: 300 1em/1.384615em 'Open Sans', sans-serif; color: #f7e7c5; background: #fff; padding: 28px 38px 10px 38px; margin: 30px 0 35px 0;}
blockquote span.quote_bottom,
q span.quote_bottom {/*background: url(/css/default/design/quotation-mark-bottom.png) 6px 30px no-repeat; padding: 35px 10px 10px 13px;*/}
address {font-style: 300;}
pre {text-align: left;}
hr {margin: 10px 0px 10px 0px; padding: 0px; height: 1px; background-color: #eeeeee; border: 0px}

/*.blur img {filter: url(/css/default/design/blur.svg#blur); -webkit-filter: blur(3px); filter: blur(3px);	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');}*/
.blur img {-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: url(/css/default/design/blur.svg#blur); filter: blur(3px);  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); -webkit-transition: 0.5s -webkit-filter linear; -moz-transition: 0.5s -moz-filter linear; -o-transition: 0.5s -o-filter linear; transition: 0.5s filter linear;}
.blur:hover img {-webkit-filter: blur(0px);	filter: blur(0px); -o-filter: blur(0px); filter: none; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}

.icon {position: relative; height: 16px; vertical-align: baseline; background: url(/css/default/design/sprite-icons.png) 0 0 no-repeat; padding: 0 8px; margin: 0 12px 0 0;}
.icon__arrow_circle_right {top: 2px; margin: 0 0 0 8px;}

/* LINKS
==============================================================================*/
a {color: #89bdd3; text-decoration: underline; outline: 0;}
a:hover {text-decoration: none; outline: 0;}
p a:hover {color: #9ad3de;}
a.more {float: right; text-align: right; text-decoration: underline; color: #89bdd3; margin: -15px 0 20px;}
a.more:hover {text-decoration: none; color: #b11f07;}
.more:before,.more:after {content: " "; display: table;}
.more:after {clear: both;}
a.simple,
a.noborder {text-decoration: none!important;}
a.gray {color: #5f5e5e; text-decoration: underline;}
a.gray:hover {color: #5f5e5e;}
a.dark_button {font-size: 1.0769em; font-weight: bold; color: #fff; text-decoration: none; background: #412d23; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 6px 20px;}
a.dark_button:hover {color: #fff; text-decoration: none;}
a.download {background: transparent url(/css/default/design/bg-download-arrows.png) left 3px no-repeat; padding: 0 0 0 12px;}
a.download:hover {background-position: left -17px;}
a.button,
p a.button {position: relative; font-size: 20px; line-height: 30px; color: #fff; text-decoration: none!important; text-align: center; background: #a95332 url(/css/default/design/bg-button.png) 0 0 repeat; padding: 12px 17px; margin: 0 10px;}
a.button:hover,
p a.button:hover {}
a.button.next,
p a.button.next {float: right; background: url(/css/default/design/bg-button-next.png) right top no-repeat; margin-top: 6px;}
a.button.prev,
p a.button.prev {font-size: 19px; line-height: 69px; background: url(/css/default/design/bg-button-prev.png) left top no-repeat; padding: 12px 36px; margin-top: 13px;}
a.button.red,
p a.button.red {color: #fff!important; background: #F1373A;}
a img {border: 0px; vertical-align: middle;}

/* HEADERS
==============================================================================*/
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Arial; color: #472518; font-weight: 300; margin: 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #472518; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #472518; text-decoration: underline;}

h1 {font-size: 32px; line-height: 36px; font-weight: 700; text-align: left; margin: 0 0 30px;}
h2 {font-size: 26px; line-height: 30px; font-weight: 500; padding: 0; margin: 0 0 20px;}
h3 {font-size: 1.5em; line-height: 1.16667em; padding: 0; margin: 30px 0 20px;}
h4 {font-size: 1.25em; line-height: 1.2em; padding: 0; margin: 30px 0 20px;}
h5 {font-size: 1.125em; line-height: 1.2222em; padding: 0; margin: 30px 0 20px;}
h6 {font-size: 1em; line-height: 1.25em; padding: 0; margin: 30px 0 20px;}
@media (max-width: 760px) {
	h2 {font-size: 2.76923em; line-height: 1.1111em; margin-bottom: 0;}
}
@media (max-width: 500px) {
	h1 {font-size: 3.230769em!important; line-height: 1.142857em!important; margin-bottom: 22px;}
}

/* TABLES
==============================================================================*/

table {border-collapse: collapse; border-color: #eee; margin-bottom: 30px;}
table.full {width: 100%;}
table th {text-align: center; border-bottom: 2px solid #cacaca; padding-bottom: 6px;}
table th.left {text-align: left;}
table th.right {text-align: right;}
table td, table th {}
table td.right, table th.right {text-align: right;}
table.nopadding td, table.nopadding th {padding: 0;}
table td a {text-decoration: underline;}
table td a:hover {text-decoration: none;}
table.simple td {padding: 5px 10px 5px 0;}
table.simple td a {color: #3e3e3e; text-decoration: none;}
table.simple td a:hover {color: #009ee0; text-decoration: underline;}

table td p, table th p {}
th {text-align: center; font-weight: bold;}
table tbody tr.odd {background: #e1e1e1;}
table tbody tr.even {background: #f0f0f0;}


/* FORMS
==============================================================================*/
form {width: 100%;}
form label, form .textbox, select, textarea, form .container {display: block; float: left; width: 200px; margin: 3px 0; padding: 2px 5px;}
.instructions {padding: 0.5em; margin: 10px 0; border: 1px solid #ededb3; background: #ffffcc;}
form p {margin: 10px 0;}
form .container {width: 70%; margin: 0;}
form .textbox, select, textarea, checkbox {border: 1px solid #aee2fa;}
form span {padding: 5px;}
form input {font-family: Arial;}
form select {width: 214px;}
form textarea {height: 200px;}
form input[type="submit"], input[type="text"], input[type="email"], input[type="password"], textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
form label {width: 120px; padding: 0.3em 20px 0.3em 0; text-align: right;}
form label.require {background: url(/css/default/design/require-star.png) right top no-repeat;}
form .container label {float: left; display: block; width: 80%; padding: 0 1em 0 0; margin-left: 10px; text-align: left;}
form#contactForm label {/*float: right;*/ width: 110px;}
form#contactForm input.textbox {background-color: #fff; color: #677a86; padding-left: 8px;}
form#contactForm input.formbutton {padding: 5px 10px 5px 26px; background: #ed719e /*url(/css/default/design/topmenu-bg.png) left top repeat-x*/; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 1.2em; text-transform: uppercase; cursor: pointer; outline: none;}
form#contactForm .formbutton.loading {background-image: url(/css/default/design/loading_16.gif); background-position: 8px center; background-repeat: no-repeat;}
form#contactForm textarea.textbox {background-color: #fff; color: #677a86; padding-left: 8px;}
form#contactForm textarea.textbox.textbox.wide {width: 350px;}
form .container input {float: left; padding: 0.3em; margin-top: 2px;}
form br {clear: left;}
form input.submit {padding: 1em;}
form fieldset {padding: 10px; margin-bottom: 10px; border: 1px solid #cccccc;}
form fieldset.collapsed {height: 30px; overflow: hidden; padding: 0 0 0 10px; border-width:  1px 0 0 0; margin-bottom: 5px;}
form fieldset.collapsed .inside {display: none;}
form legend {color: gray; font-weight: bold; background: #E8E8E8; padding: 0.5em;}
fieldset.collapsed legend {padding-left: 1.8em; cursor: pointer; background: #E8E8E8 url(../images/collapse-expand-arrows.gif) 9px 9px no-repeat;}
fieldset legend, fieldset.expanded legend {padding-left: 1.8em; cursor: pointer; background: #E8E8E8 url(../images/collapse-expand-arrows.gif) 9px -10px no-repeat;}
form fieldset.noframe {padding: 0; margin-bottom: 0; border: none;}
form input.radio {width: 15px; margin-left: 160px;}
form .formbutton {padding: 0.5em 1em; margin-bottom: 10px; background-position: 5px center; /*background-repeat: no-repeat;*/}
form .formbutton.center {float: none; margin: 5px auto; padding: 0.5em 1em;}
form .readonly{color: #6e6e6e; background: #f0f0f0;}
form .instructions {border: 1px solid #ededb3; background: #ffffcc;padding: 0.5em; margin: 10px 0;}
/* widths and heights inputs */
form .wider {width: 610px;}
form .wide {width: 300px;}
form select.wide {width: 460px;}
form .narrow {width: 110px;}
form select.narrow {width: 120px;}
form .narrower {width: 50px;}
form textarea.short {height: 75px;}
form textarea.long {height: 400px;}
form small {color: #818C9F; padding: 0.3em; margin-top: 2px;}
form .container {padding: 0 0 0 0; /*line-height: 2em;*/}
form small.error_message {background: url(../images/marker-arrow.png) left top no-repeat; padding-left: 15px; margin-bottom: 2px;}
form .noscreen {display: none;}

/* NAVIGATION
==============================================================================*/

/* top menu */
#topmenu {float: right; position: relative; z-index: 15; font-size: 14px; color: #fff; text-align: right; /*background: grey;*/ padding: 0 0 0 10px; margin: 26px 0 0 0;}
#topmenu select {display: none; float: none; width: 100%; font: 300 14px/20px 'Open Sans', Arial; color: #b3712b; text-align: center; background: transparent; border: none; padding: 4px 0 4px 0; margin: 0 auto;}
#topmenu select:focus {outline: 0;}
#topmenu select option {background: #fff;}
#topmenu ul {position: relative; z-index: 20; text-align: left; word-spacing: -1em; list-style-type: none; padding: 0; margin: 0;}
#topmenu ul * {word-spacing: 0;}
#topmenu li {position: relative; float: left; line-height: 14px; text-transform: uppercase; cursor: pointer; padding: 0 0 0 5px; margin: 0;}
#topmenu li.first {background: none; padding-left: 0;}
#topmenu li:hover,
#topmenu li.selected {}
#topmenu li a {color: #fff; text-decoration: none; text-align: center; /*background: blue;*/ padding: 0 0 0; margin: 0;}
#topmenu li a span {position: relative; top: 0; /*background: red;*/ padding: 0 10px 15px;}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#topmenu li a span {padding-bottom: 16px;}
}
/* IE7 */
*:first-child+html #topmenu li a span {padding: 18px;}
/* #topmenu li.expand a span {background: url(/css/default/design/bg-topmenu-expand.png) center bottom no-repeat;} */
#topmenu li.first a {}
#topmenu li.last a span {}
#topmenu li:hover a span,
#topmenu li a:hover span {color: #fff; border-bottom: 3px solid #fff;}
#topmenu li a.selected span,
#topmenu li a.selected:hover span {color: #fff; border-bottom: 3px solid #fff;}

#topmenu div.wrap {position: absolute; z-index: 10000; top: 15px; left: 5px; z-index: 100000; width: auto;  min-width: 152px; font-size: 0.875em; text-align: center; padding: 20px 0 0 0; margin: 0;}
#topmenu li.first div.wrap {left: 0;}
#topmenu div.wrap img {display: none;}
#topmenu div.wrap ul {float: none; text-align: left; background: rgba(255, 255, 255, 1); padding: 15px 0; margin: 0;}
#topmenu div.wrap div.wrap {position: absolute; top: -12px; left: 100%; z-index: 20000; min-width: 152px; background: none; padding: 0;}
#topmenu div.wrap div.wrap ul {background: #f1373a; padding: 15px 0; margin: 0;}
#topmenu div.wrap li {float: none; clear: both; position: relative; display: block; white-space: nowrap; line-height: 1.8889em; background: none; border: none; padding: 0;}
#topmenu div.wrap li.first {border: none; padding: 0; margin: 0;}
#topmenu div.wrap li a {display: block; white-space: nowrap; font-weight: 300; line-height: 1.85714em; color: #4a4a4a; letter-spacing: 1px; text-decoration: none; text-align: left; border: none; padding: 6px 20px;}
#topmenu div.wrap li a span {white-space: nowrap; padding: 0;}
#topmenu div.wrap li.first a {}
#topmenu div.wrap li a.has_descendants span {}
#topmenu div.wrap li a:hover,
#topmenu div.wrap li a.selected {color: #fff; background: #F11618;}
#topmenu div.wrap div.wrap li {}
#topmenu div.wrap div.wrap li a {color: #fff;}
#topmenu div.wrap div.wrap li a:hover,
#topmenu div.wrap div.wrap li a.selected {color: #fff;}

#topmenu div.wrap,
#topmenu li:hover div.wrap div.wrap {display: none;}

#topmenu li:hover div.wrap,
#topmenu div.wrap li:hover div.wrap,
#topmenu div.wrap div.wrap li:hover div.wrap {display: block;}

@media (max-width: 1150px) {
	#topmenu {margin-left: 15px;}
}
@media (max-width: 1110px) {
	#topmenu li {padding-left: 8px;}
	#topmenu li a span {padding-right: 12px;}
}
@media (max-width: 1080px) {
	#topmenu li {padding-left: 6px;}
	#topmenu li a span {padding-right: 10px;}
}
@media (max-width: 920px) {
	#topmenu {padding: 0; margin-left: 10px;}
	#topmenu li {padding-left: 4px;}
	#topmenu li a span {padding-right: 8px;}
}
@media (max-width: 875px) {
	#topmenu {font-size: 1.30769em;}
	#topmenu div.wrap li a {line-height: 2.11764em;}
}
@media (max-width: 830px) {
	#topmenu {position: relative; top: 96px; float: none; text-align: center; margin: 0 auto 0;}
	#topmenu ul {text-align: center;}
	#topmenu li {display: inline; float: none;}
	#topmenu div.wrap ul {padding-top: 15px;}
}
@media (max-width: 580px) {
	#topmenu {font-size: 1.153846em;}
	#topmenu div.wrap {left: 0;}
}
@media (max-width: 535px) {
	#topmenu li {padding-left: 3px;}
	#topmenu li a span {padding-right: 5px;}
}
@media (max-width: 510px) {
	#topmenu {}
	#topmenu ul {display: none;}
	#topmenu select {display: block;}
	/*#topmenu {float: none; clear: both; width: 100%; text-align: center; padding: 8px 0;}
	#topmenu select {float: none; margin: 0 auto;}*/
}
@media (max-width: 430px) {
	#topmenu {top: 114px;}
}

/* side menu */
#sidemenu {width: 100%; font: bold 16px/20px Arial; color: #202020; text-transform: uppercase; text-align: left; padding: 0; margin: 0 0 12px;}
#sidemenu ul {width: 100%; list-style-type: none; padding: 0; margin: 0;}
#sidemenu ul ul {padding-top: 8px;}
#sidemenu ul li {position: relative; line-height: 4.3125em; padding: 0; margin: 0;}
#sidemenu ul li.first {}
#sidemenu ul li a {display: block; line-height: 20px;/*4.3125em;*/ color: #393a42; text-decoration: none; background: #ebebeb url(/css/default/design/bg-vertical-subnav.png) 14px 26px no-repeat; border-left: 6px solid #ebebeb; padding: 24px 10px 24px 34px;}
#sidemenu ul li li a {padding-left: 18px}
#sidemenu ul li.even a {background-color: #d5d5d5; border-color: #d5d5d5;}
#sidemenu ul li:hover, #sidemenu ul li.selected {}
#sidemenu ul li a:hover,
#sidemenu ul li a.selected {color: #fff; background-color: #e01326; background-position: 14px -99px; border-color: #db0000;}
#sidemenu ul li.parent a {color: #fff; background-color: #393a42; background-image: none; border-color: #e01326;}

/* guide-post menu */
#guidepostmenu {padding: 0; margin: 0;}
#guidepostmenu ul {display: block; list-style: none; text-align: left; padding: 0; margin: 0;}
#guidepostmenu div.wrap {display: none; position: absolute; top: 71px; width: 100%;}
#guidepostmenu ul li {position: relative; display: block; float: left; width: 32.21%; overflow: hidden; padding: 0; margin: 0.54%;}
#guidepostmenu ul li.first {}
#guidepostmenu ul li.activities {margin-top: 56px;}
#guidepostmenu ul li.events {margin-top: 43px;}
#guidepostmenu ul li.about_me {margin-top: 32px;}
#guidepostmenu ul li.news {margin-top: 17px;}
#guidepostmenu ul li a {position: relative; display: block; font-size: 1.5em; line-height: 1.16667em; font-weight: 300; color: #fff; text-align: center; text-decoration: none; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0;}
#guidepostmenu ul li:nth-child(2n) a {}
#guidepostmenu ul li a:hover {}
#guidepostmenu ul li a img.pictogram {display: block; max-width: 100%; height: auto; vertical-align: 0; margin: 0 auto;}
#guidepostmenu ul li a:hover img.pictogram {}
#guidepostmenu ul li span.name {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
#guidepostmenu ul li span.name span {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; text-shadow: 1px 1px 2px #7d2f02; margin: 0 10px;}
#guidepostmenu ul ul {background: #480009; padding: 10px 21px 15px 21px;}
#guidepostmenu li li {display: block; float: none; width: 100%; border-top: 1px solid #77000f; padding: 0; margin: 0;}
#guidepostmenu li li.first {border: none;}
#guidepostmenu li li a {font: 300 1.0769em/2.5em 'Open Sans', sans-serif; color: #fff; padding: 0 7px;}
#guidepostmenu li li a:hover {font-weight: bold;}
#guidepostmenu li:hover div.wrap {display: block;}
@media (max-width: 600px) {
	#guidepostmenu ul li a {font-size: 2.352em;}
}
@media (max-width: 520px) {
	#guidepostmenu {padding: 20px 0 0;}
	#guidepostmenu ul li a {font-size: 1.8823em; padding-top: 80px;}
}
@media (max-width: 420px) {
	#guidepostmenu ul li {height: 100px;}
	#guidepostmenu ul li a {font-size: 1.8823em;}
}
@media (max-width: 390px) {
	#guidepostmenu ul li {height: 88px;}
	#guidepostmenu ul li a {font-size: 1.64705em; padding-top: 70px;}
}
@media (max-width: 350px) {
	#guidepostmenu ul li a {font-size: 1.52941em;}
}


/* guide-post menu LITE */
#guidepostmenu_lite {padding: 0; margin: 0 0 46px 0;}
#guidepostmenu_lite ul {list-style: none; padding: 0; margin: 0;}
#guidepostmenu_lite ul li {position: relative; display: block; padding: 0; margin: 10px 0 0 0;}
#guidepostmenu_lite ul li.first {margin-top: 0;}
#guidepostmenu_lite ul li.even {}
#guidepostmenu_lite ul li a {position: relative; display: block; height: 64px; font: 300 1.30769em/1.29412em 'Open Sans', sans-serif; color: #fff; text-decoration: none; background: #c80019; box-shadow: 0 0 6px #aaa; padding: 20px 50px 0 103px; margin: 0;}
#guidepostmenu_lite ul li.first a {}
#guidepostmenu_lite ul li.even a {background: #480009;}
#guidepostmenu_lite ul li.automotive a {background: url(/files/images/piktogramy/automobilovy-prumysl-552x84.png) 0 0 no-repeat;}
#guidepostmenu_lite ul li.home_appliances a {background: url(/files/images/piktogramy/domaci-spotrebice-552x84.png) 0 0 no-repeat;}
#guidepostmenu_lite ul li.research_development a {background: url(/files/images/piktogramy/vyzkum-vyvoj-552x84.png) 0 0 no-repeat;}
#guidepostmenu_lite ul li.long_glass_fiber a {background: url(/files/images/piktogramy/long-glass-fiber-552x84.png) 0 0 no-repeat;}
#guidepostmenu_lite ul li a:hover {color: #fff; background-position: -276px 0;}
#guidepostmenu_lite ul li.automotive a:hover {color: #f39200;}
#guidepostmenu_lite ul li.home_appliances a:hover {color: #005caa;}
#guidepostmenu_lite ul li.research_development a:hover {color: #4daf47;}
#guidepostmenu_lite ul li.long_glass_fiber a:hover {color: #e73331;}
#guidepostmenu_lite ul li a img.pictogram {position: absolute; top: 12px; right: 17px; width: auto; height: 55%;}

.site_guidepost {list-style: none; text-align: left; padding: 0; margin: 0 0 10px 0;}
.site_guidepost li {display: inline-block; width: 32%; text-align: center; margin: 0 1% 20px 0;}
.site_guidepost li:nth-child(2n) {}
.site_guidepost li a {display: block; color: #a40006; text-decoration: none; text-align: center; text-transform: uppercase; box-shadow: 0 0 1px 0 #a40006; padding: 10px;}
.site_guidepost li a.image {display: block; float: left; width: 119px; height: 119px;}
.site_guidepost li a.image img {display: block; border: 3px solid #c1a05a;}
.site_guidepost li a:hover {color: #fff; background: #a40006;}
.site_guidepost li:hover a.image img,
.site_guidepost li a:hover.image img {border-color: #f7e7c5;}
.site_guidepost li div.info {position: relative; float: right; width: 205px; background: url(/css/default/design/bg-site-guidepost-item.jpg) 0 0 no-repeat; padding: 20px 15px 20px 25px;}
.site_guidepost li div.info h3 {height: 40px; font: 300 1.384615em/1.3333em Georgia, sans-serif; color: #ffdb9b; padding: 0; margin: 0 0 18px;}
.site_guidepost li div.info h3 a {color: #ffdb9b; text-decoration: none;}
.site_guidepost li div.info h3 a:hover {color: #ffdb9b; text-decoration: underline;}
.site_guidepost li div.info p {font: 300 0.9231em/1.5em Arial; color: #ba700c; padding: 0; margin: 0;}
.site_guidepost li div.info p img {width: 7px; height: 14px; vertical-align: -3px; background: url(/css/default/design/bg-site-guidepost-arrow.png) 0 0 no-repeat; margin-right: 11px;}
.site_guidepost li div.info p a {color: #ba700c!important; text-decoration: none!important;}
.site_guidepost li:last-of-type {margin-right: 0;}
.site_guidepost li.even {}

/* footer menu */
#footermenu {text-align: left; border: 1px solid #f7be83; border-width: 1px 0; padding: 16px 0; margin: 10px 0;}
#footermenu ul {list-style: none; text-align: center; padding: 0; margin: 0;}
#footermenu li {display: inline; font: 300 0.9231em/2.58333em 'Open Sans', Arial; text-transform: uppercase; border-left: 1px solid #f7be83; padding: 0 16px;}
#footermenu li.first {border: none;}
#footermenu li a {text-decoration: none; white-space: nowrap; padding: 6px 12px;}
#footermenu li.first a {}
#footermenu li a:hover, #footermenu li a.selected {color: #fff; background: #925b21;}
@media (max-width: 480px) {
	#footermenu li {display: block; border: none;}

}

/* breadcrumbs navigation */
#breadcrumbs {position: relative; font: 300 14px/40px Arial; color: #afafaf; text-align: left; padding: 0; margin: 0;}
#breadcrumbs .content {padding: 0; margin: 0 auto;}
#breadcrumbs img.logo {position: absolute; top: 0; right: 0;}
/*#breadcrumbs span.arrow {background: transparent url(/css/default/design/bg-breadcrumbs-arrow.png) center center no-repeat; padding: 0 3px;}*/
#breadcrumbs a {line-height: 40px; color: #393a42; text-decoration: none; padding: 15px 0; margin: 0 8px;}
#breadcrumbs a:nth-of-type(1) {margin-left: 0;}
#breadcrumbs a.active {color: #afafaf;}
#breadcrumbs a:hover,
#breadcrumbs a.active:hover {color: #e01326; text-decoration: underline;}

.editable p {position: relative;}
.textedit__action_button {position: absolute; top: 0; left: 0; display: inline-block; width: 64px; height: 64px; cursor: pointer; background: url(/images/icon-plus-64.png) 0 0 no-repeat;}
.textedit__action_button:hover {text-decoration: none;}
.textedit__fileupload {position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 16px; line-height: 20px; color: #fff; text-align: center; background: url(/css/default/design/bg-black-transparency-90.png) 0 0 repeat; border: 2px dashed #fff;}
.film_strip {position: relative; min-height: 82px; line-height: 82px; padding: 0; margin: 0 -1% 20px;}
.film_strip__item,
.film_strip__button {position: relative; display: block; float: left; width: 18%; padding: 0; margin: 0 1% 10px;}
.film_strip__button {position: relative; top: 10px; height: 64px; /*transform: translateY(50%);*/ cursor: pointer; background: url(/images/icon-plus-64.png) center center no-repeat; margin: 0 1%;}
.film_strip__button:hover {text-decoration: none;}
.film_strip__item img {display: block; max-width: 100%; height: auto; padding: 0; margin: 0;}
.film_strip__item::after {opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; content: ' '; background: grey url(/images/icon-minus-64.png) center center no-repeat;}
.editable .film_strip__item:hover::after {opacity: 0.7!important;}


/* STRUCTURE
==============================================================================*/
#main {position: relative; width: 100%; text-align: left; margin: 0; padding: 61px 0 0 0;}

#above_header_container,
#header_container,
#under_header_container,
#under_header_wide_container,
#above_content_container,
#homepage_container,
#wrapper_container,
#under_content_container,
#datas_container,
#clients_container,
#quick_contact_container,
#above_footer_container,
#footer_container,
#under_footer_container,
.container {text-align: center; padding: 0 20px; margin: 0;}
#under_header_container {position: relative; z-index: 10;}
#under_header_wide_container {padding: 0;}
#above_content_container {clear: both;}
#under_content_container {padding: 0;}
#wrapper_container,

#above_header,
#header,
#under_header,
#under_header_wide,
#above_content,
#homepage_editorial,
#wrapper,
#under_content,
#datas,
#clients,
#quick_contact,
#paging,
#above_footer,
#footer,
#under_footer,
.wrap {position: relative; width: 100%; max-width: 1000px; text-align: left; padding: 0; margin: 0 auto;}
#under_header_wide {max-width: 100%;}
/*#under_header,*/
#under_content,
#above_footer,
#under_footer {text-align: center;}

.wrap {padding: 0;}
.web_content {background: rgba(255, 255, 255, 0.7); padding: 30px; margin: 0 280px 20px 0;}

#above_header_container {background: url(/css/default/design/bg-grey-transparency-14.png) 0 bottom repeat-x, url(/css/default/design/pattern1.png) 0 0 repeat #222222;}
#above_header {padding: 9px 0;}
#above_header .panel .content a {font-size: 0.9231em; line-height: 1.5em; font-weight: 300; color: #f84f4f; text-decoration: none; white-space: nowrap; margin-right: 26px;}
#above_header .panel.right .content a {margin: 0 0 0 26px;}
#above_header .panel .content a:hover {color: #fff; text-decoration: underline;}
@media (max-width: 1100px) {
	#above_header .panel {float: none; width: 100%!important;}
	#above_header .panel:first-child {margin-bottom: 5px!important;}
	#above_header .panel .content {text-align: center!important;}
}
@media (max-width: 690px) {
	#above_header .panel .content a {margin-right: 20px;}
}
@media (max-width: 645px) {
	#above_header .panel .content a {margin-right: 16px;}
}
@media (max-width: 620px) {
	#above_header .panel {margin-bottom: 0!important;}
	#above_header .panel .content a {line-height: 2em; margin-right: 16px;}
}
@media (max-width: 360px) {
	#above_header .panel.links_left {display: none;}
}

#header_container {position: fixed; top: 0; left: 0; right: 0; z-index: 100; min-height: 61px; background: #ec1c24;}
#header {}
#header #logo {position: absolute; top: 0px; left: 0px; z-index: 20; padding: 0; margin: 0;}
#header #logo img {display: block; padding: 0; margin: 0;}
#header #motto {position: absolute; top: 72px; left: 25px; font: 300 0.9231em/1.3333em Arial; color: #add3f0;}
#header #motto a {color: #add3f0; text-decoration: underline;}
@media (max-width: 830px) {
	#header #logo {position: absolute; top: 32px; float: none; margin: 0;}
}
@media (max-width: 430px) {
	#header {height: 160px;}
	#header #logo {top: 23px; display: block; width: 100%; text-align: center;}
	#header #logo img {margin: 0 auto;}
}

#header_image {position: relative; z-index: 5; width: 100%; text-align: center; background: #e3e3e3;}
#header_image img {display: block; max-width: 1600px; height: auto; margin: 0 auto;}

#language_flags {position: absolute; top: 15px; right: 20px; z-index: 2; display: inline; font: 300 0.9231em/1.3333em Arial; color: #add3f0; text-align: right; padding: 0px;}
#language_flags a {color: #5e92a8; text-decoration: none; text-transform: uppercase; padding: 0; margin: 0;}
#language_flags a:hover,
#language_flags a.active {text-decoration: underline;}
#language_flags a img {vertical-align: middle; background: url(../images/icons/flag/png/hover.png) -100px center no-repeat; padding: 10px 7px;}
#language_flags a:hover img,
#language_flags a.active img {background-position: center top;}

#under_header_container {background: #fff;}
#under_header {padding: 0;}
#under_header .panel {margin: 0;}
#under_header .panel_image img {display: block; max-width: 100%; height: auto;}

#above_content {}
#leftcol {float: left; width: 23.636%; padding: 0; margin: 0 1.818% 0 0;}
@media (max-width: 960px) {
	#leftcol {width: 100%;}
	#leftcol .panel {float: left; clear: none!important; width: 48%!important; margin: 0 2% 2% 0;}
	#leftcol .hide_on_mobile {display: none;}
}
#wrapper {padding: 80px 0;}

.container {position: relative; z-index: 10;}
.container--main {}
.container .content {max-width: 800px; padding: 88px 0 0; margin: 0 auto;}
.container .content.text {padding-bottom: 88px;}
@media (max-width: 900px) {
	.container .content {padding-top: 66px;}
}
@media (max-width: 600px) {
	.container .content.text {padding: 46px 0;}
}

.homepage_editorial {clear: both; padding: 0; margin-bottom: 20px;}

.statictext {position: relative; text-align: left;}
.statictext img {max-width: 100%; height: auto;}
.statictext h1 {}
.statictext h2 {}

@media (max-width: 700px) {
	.statictext h2 {font-size: 3.84615em; line-height: 1.12em;}
}
@media (max-width: 600px) {
	.statictext h2 {font-size: 3.384615em; line-height: 1.13636em; margin-bottom: 34px;}
}
@media (max-width: 500px) {
	.statictext h2 {font-size: 2.61538em; line-height: 1.11764em; margin-bottom: 24px;}
}
@media (max-width: 400px) {
	.statictext h2 {font-size: 2.153846em; line-height: 1.21428em;}
	.statictext h3 {font-size: 2em; line-height: 1.153846em; margin-bottom: 14px;}
	.statictext h4 {font-size: 1.84615em; line-height: 1.1667em; margin-bottom: 14px;}
	.statictext h5 {font-size: 1.6923em; line-height: 1.18182em; margin-bottom: 12px;}
	.statictext h6 {font-size: 1.53846em; line-height: 1.2em; margin-bottom: 10px;}
}
.statictext img[align="left"] {margin-right: 38px;}
.statictext .third {width: 33%;}
.statictext p strong {font-weight: 600;}
.statictext p a {color: #a40006; white-space: nowrap}
.statictext a.small_image {position: relative; display: block; float: left; width: 14.51%; margin: 0 2.15% 2.439% 0;}
.statictext a.small_image:nth-of-type(1),
.statictext a.small_image:nth-of-type(7n) {margin-left: 0;}
.statictext a.small_image img {display: block; width: 100%; max-width: 100%; height: auto; vertical-align: baseline;}
.statictext a.small_image span {position: absolute; bottom: 1px; left: 0; width: 100%; font: 300 0.85714em/1.5em Arial; color: #e01326; text-align: center; text-transform: none; text-decoration: underline;}
.statictext a.small_image:hover {box-shadow: 0 0 0 3px #e01326;}
.statictext a.small_image:hover span {text-decoration: none;}
.statictext ul {list-style: none; text-align: left; padding: 6px 0 0 0; margin: 0 0 20px 0;}
.statictext ul li {background: transparent url(/css/default/design/bg-list-dot.png) 0 7px no-repeat; padding-left: 18px; margin: 0 0 5px 0;}
.statictext ul li li {font-size: 1em;}
.statictext ul.dots li {background: url(/css/default/design/bg-list-dot.png) 0 6px no-repeat;}
.statictext ul li a,
.statictext ol li a {text-decoration: underline;}
.statictext ul li a:hover,
.statictext ol li a:hover {text-decoration: none;}
.statictext ol ul {padding-bottom: 0; margin: 10px 0 0 0;}
.statictext ol ul li {padding-bottom: 3px;}
.statictext ol li {margin-bottom: 10px;}
@media (max-width: 500px) {
	.statictext p,
	.statictext ul li,
	.statictext ol li {font-size: 1.230769em; line-height: 1.25em;}
}
.statictext li span.photodocs {display: block; width: 100%; font-size: 0; padding: 5px 0 5px 5px;}
.statictext li span.photodocs a img {border: 1px solid #472518; padding: 1px; margin: 0 5px 0 0;}
.statictext table {font-size: 1.384615em; line-height: 1.3333em; font-weight: 300; color: #4a4a4a;}
.statictext table tr td {vertical-align: top; border-bottom: 1px solid #cacaca; padding: 8px 0 8px 0;}
.statictext table tr td p {padding: 0;}
.statictext table tr td ul {padding: 0; margin: 0;}
.statictext table tr td ul li {padding: 0 0 5px 12px;}
.statictext table.images {float: right; margin-left: 50px;}
.statictext table.images td img {margin-bottom: 8px;}
.statictext table.images td {font-family: Georgia; font-size: 1em; line-height: 1.153846em; font-style: italic; color: #494949; padding: 5px 0 10px 0;}
.statictext table.images td p {font-family: Georgia; font-size: 1em; line-height: 1.153846em; font-style: italic; color: #494949; padding: 0; margin: 0;}

.statictext table.guidepost {}
.statictext table.guidepost tr td {padding: 0 0 0 0;}
.statictext table.guidepost tr td h2 {line-height: 1.125em; font-size: 1.230769em; color: #412d23; margin: 0;}
.statictext table.guidepost tr td ul li {line-height: 1.571428em; font-size: 1.0769em;}
.statictext table.properties {width: 100%;}
.statictext table.properties tr td {font-size: 0.9231em; color: #412d23; background: #f3efda; border-bottom: 1px solid #fff; padding: 12px 21px; margin: 0;}
.statictext table.properties tr.even td {background: #eae4c3;}
.statictext table.properties tr td.label {width: 120px; font-weight: bold; color: #fff; background: #412d23;}
.statictext table.properties tr.even td.label {background: #67574f;}

.statictext div.line {margin: 10px 0 15px 0; clear: both;}
.statictext div.tools a.back_to_top {float: none;}
.statictext .box {float: left; width: 28%; height: auto; min-height: 65px; padding: 0; margin: 0 0 3%;}
.statictext .box.wide {width: 100%; margin: 0 0 3%;}
.statictext .box.middle {width: 41%; margin: 0 0 3%;}
.statictext .box.noborder {padding: 11px; border: none;}
.statictext .box p {margin: 0;}
.statictext .box ul,
.statictext .box ol {padding-bottom: 0; margin-bottom: 0;}
@media (max-width: 620px) {
	.statictext .box p {font-size: 1.230769em; line-height: 1.25em;}
}
@media (max-width: 500px) {
	.statictext .box {width: 140px;}
	.statictext .box.middle {float: none; width: 100%;}
}

.grey_box {clear: both; background: #dbdbdb; padding: 24px 24px 20px 24px;}
.grey_box h3 {font: 600 1.384615em/1.3334em 'Open Sans', sans-serif; color: #4e4d4d; margin: 0 0 25px 0;}
.grey_box h3 strong {font-weight: 700;}

.panel.diskuze {}
.panel.diskuze .content {background: #fff!important; padding: 41px 9.375% 60px!important;}
.panel.diskuze .content h3 {font-size: 1.30769em; line-height: 1.35294em; font-weight: 600; color: #aeb7b9; padding: 0; margin: 0 0 26px;}
.panel.diskuze .content #disqus_thread {margin-top: 34px;}

/* Contact page */
body#contact .statictext {max-width: 750px; text-align: left; margin: 0 auto;}
body#contact .statictext h1 {margin-bottom: 46px;}
body#contact .statictext table {width: 100%;}
body#contact .statictext table th {width: 40px; text-align: left; vertical-align: top;}
body#contact .statictext table th img {margin-top: 4px;}
body#contact .statictext table td {font: 300 1.153846em/1.3em 'Open Sans', sans-serif; color: #828282; vertical-align: top; padding-bottom: 0;}
@media (max-width: 620px) {
	body#contact .statictext p {font-size: 1.230769em; line-height: 1.25em;}
}
@media (max-width: 550px) {
	body#contact .statictext p {font-size: 1.0769em; line-height: 1.285714em;}
}

.statictext div.phone,
.statictext div.email {font-size: 4.461538em; line-height: 1em; font-weight: 500; color: #949494; text-align: center; margin: 0 0 56px;}
.statictext div.phone {margin-bottom: 48px;}
.statictext div.phone a,
.statictext div.email a {color: #949494; text-decoration: underline; -webkit-transition-property:color, text; -webkit-transition-duration: 0.5s, 0.5s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property:color, text; -moz-transition-duration:0.5s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:color, text; -o-transition-duration:0.5s; -o-transition-timing-function: linear, ease-in;}
.statictext div.phone a:hover,
.statictext div.email a:hover {color: #F1373A; text-decoration: none;}
@media (max-width: 700px) {
	.statictext div.phone {font-size: 4.461538em; padding: 0 0 0 44px; margin: 0 0 28px;}
	.statictext div.email {font-size: 4.461538em;  padding: 0 0 0 44px; margin: 0 0 50px;}
}
@media (max-width: 600px) {
	.statictext div.phone {font-size: 3.84615em; background-position: 0 16px;}
	.statictext div.email {font-size: 3.84615em; background-position: 0 22px;}
}
@media (max-width: 530px) {
	.statictext div.phone {font-size: 3.230769em; background-position: 0 10px;}
	.statictext div.email {font-size: 3.230769em; background-position: 0 16px;}
}
@media (max-width: 480px) {
	body#contact .statictext h1 {margin-bottom: 30px;}
}
@media (max-width: 460px) {
	.statictext div.phone {font-size: 2.461538em; background-position: 0 4px; margin-bottom: 16px;}
	.statictext div.email {font-size: 2.461538em; background-position: 0 10px; margin-bottom: 36px;}
}
@media (max-width: 460px) {
	.statictext div.phone {font-size: 2em; background-position: 0 0px;}
	.statictext div.email {font-size: 2em; background-position: 0 6px;}
}

.statictext .address_box {padding: 54px 8.9583% 54px 10%; background: #fff; margin: 0 0 7px 0;}
.statictext .address_box h2 {font-size: 2.61538em; line-height: 1.11764em; color: #4d3628; margin-bottom: 46px;}
.statictext .address_box img.placeholder {position: absolute; top: 3px; left: 0;}
.statictext .address_box p {margin: 0 0 28px 0;}
.statictext .address_box p a {font-weight: 600; color: #4c2918; text-decoration: none;}
.statictext .address_box p img {vertical-align: -2px; margin-right: 20px;}
.statictext .address_box iframe {max-width: 98%;}

.statictext .contacts {float: left; width: 50%; padding: 0; margin: 0 0 20px;}
.statictext .contacts p {margin: 0 0 20px;}
.statictext .contacts iframe {max-width: 98%!important;}

.statictext .map_container {padding: 54px 0 0 0; background: #fff; margin: 0;}
.statictext .map_container h2 {font-size: 2.61538em; line-height: 1.11764em; color: #4d3628; margin: 0 8.9583% 46px 10%;}
.googlemap {padding: 0;}
.googlemap .content {width: 100%; max-width: 100%; padding: 0;}
#map_box {width: 100%; height: 600px; margin: 0;}


.statictext .link_box {padding: 54px 8.9583% 29px 10%; background: #fff; margin: 0 0 7px 0;}
.statictext .link_box h2 {font-size: 2.61538em; line-height: 1.11764em; color: #4d3628; margin: 0 0 46px 0;}
.statictext .link_box img {margin: 0 25px 25px 0;}

.statictext div#map_cr {padding: 25px 0;}
.statictext div#map_cr div#map_data {width: 622px; height: 356px; overflow: hidden; background: #388fa9 url(/css/default/design/map-hover-atlas.png) left 356px no-repeat; margin: auto;}
.statictext div#map_cr div#map_data img,
.statictext div#map_cr div#map_data map#map_area,
.statictext div#map_cr div#map_data map#map_area area {border: none!important;}
.statictext div#map_cr div.info {float: right; width: 178px; line-height: 1.272727em; font-size: 0.84615em; font-style: italic; color: #7f7f7f; text-align: left; background: transparent url(/css/default/design/icon-info.png) left top no-repeat; padding: 2px 0 5px 29px;}
.statictext div#map_cr div.info p {line-height: 1.272727em; padding: 0; margin: 0;}
.statictext div#map_cr div.districts {clear: both; border-bottom: 1px solid #e8e8e8; padding: 24px 0 15px 0; margin: 0;}
.statictext div#map_cr div.districts p {line-height: 1.454545em; font-size: 0.84615em; color: #1e1e1e; padding: 0; margin: 0 0 3px 0;}
.statictext div#map_cr div.districts a {color: #1e1e1e; text-decoration: none;}
.statictext div#map_cr div.districts a:hover,
.statictext div#map_cr div.districts a.selected {text-decoration: underline;}
@media (max-width: 500px) {
	.statictext .address_box,
	.statictext #map_box,
	.statictext .contacts {float: none; width: auto;}
}


/* 404 Not found */
/*#error404 .statictext {padding: 40px 0;}
#error404 .statictext img {width: 100%;}*/

#rightcol {float: right; width: 250px; padding: 0; margin: 0 0 20px;}


#under_content_container {margin-bottom: 30px;}
#under_content {max-width: 1012px;}
#under_content .page_guidepost {margin: 0!important;}
@media (max-width: 700px) {
	#under_content {padding: 66px 0;}
}
@media (max-width: 600px) {
	#under_content {padding: 56px 0;}
}
@media (max-width: 500px) {
	#under_content {padding: 46px 0;}
}

#clients_container {background: #fff;}
#clients {padding: 0 0 90px 0; margin: 0 auto;}
@media (max-width: 480px) {
	#clients {padding: 0 0 40px 0;}
}

#quick_contact_container {background: url(/css/default/design/pattern2.png) 0 0 repeat;}
#quick_contact {font: 300 20px/26px 'Open Sans', sans-serif; color: #fff; padding: 10px 0;}
#quick_contact a {color: #fff; text-decoration: none;}
#quick_contact div.title {width: 100%; font-weight: 300;}
#quick_contact div.phone {margin-top: 20px;}
#quick_contact div.email {margin-top: 20px;}
#quick_contact div.email a {color: #fff; -webkit-transition-property:color, text; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property:color, text; -moz-transition-duration:0.3s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:color, text; -o-transition-duration:0.3s; -o-transition-timing-function: linear, ease-in;}
#quick_contact div.email a:hover {color: #f1373a;}
@media (max-width: 1120px) {
	#quick_contact {font-size: 3.0769em!important; line-height: 1.1em!important;}
	#quick_contact div.phone {background-position: 0 11px;}
	#quick_contact div.email {background-position: 0 17px;}
}
@media (max-width: 990px) {
	#quick_contact {font-size: 2.61538em!important; line-height: 1.1176em!important; padding: 54px 0;}
	#quick_contact div.phone {width: 25.63%; background-position: 0 8px; padding-left: 3.8%;}
	#quick_contact div.email {width: 37.41%; background-position: 0 14px; padding-left: 3.8%;}
}
@media (max-width: 860px) {
	#quick_contact {font-size: 2.153846em!important; line-height: 1.142857em!important; padding: 44px 0;}
	#quick_contact div.phone {width: 25.23%; background-position: 0 5px; padding-left: 4.2%;}
	#quick_contact div.email {width: 37.01%; background-position: 0 10px; padding-left: 4.2%;}
}
@media (max-width: 710px) {
	#quick_contact {font-size: 1.84615em!important; line-height: 1.1667em!important; padding: 34px 0;}
	#quick_contact div.title,
	#quick_contact div.phone,
	#quick_contact div.email {padding-top: 4px; padding-bottom: 4px;}
	#quick_contact div.phone {width: 24.63%; background-position: 0 6px; padding-left: 4.8%;}
	#quick_contact div.email {width: 36.41%; background-position: 0 11px; padding-left: 4.8%;}	
}
@media (max-width: 640px) {
	#quick_contact div.title {float: none; width: 100%; text-align: center; margin-bottom: 20px;}
	#quick_contact div.phone {width: 30%; padding-left: 5%; margin-left: 15%;}
	#quick_contact div.email {float: right; width: 40%; background-position: 0 10px; padding-left: 5%; margin-right: 5%;}
}
@media (max-width: 590px) {
	#quick_contact div.phone {width: 30%; padding-left: 6%; margin-left: 6%;}
	#quick_contact div.email {float: right; width: 45%; padding-left: 6%; margin-right: 3%;}
}
@media (max-width: 500px) {
	#quick_contact div.phone {float: none; width: auto; text-align: center; padding: 4px 0; margin: 0 15% 20px;}
	#quick_contact div.email {float: none; width: auto; text-align: center; padding: 4px 0; margin: 0 15%;}
}
@media (max-width: 415px) {
	#quick_contact div.phone {margin: 0 10% 20px;}
	#quick_contact div.email {margin: 0 10%;}
}
@media (max-width: 370px) {
	#quick_contact div.phone {margin: 0 5% 20px;}
	#quick_contact div.email {margin: 0 5%;}
}
@media (max-width: 330px) {
	#quick_contact {padding: 24px 0;}
	#quick_contact div.phone {margin: 0 3% 20px;}
	#quick_contact div.email {margin: 0 3%;}
}
.article_guidepost .content {padding: 50px 0 0;}
.overview_guidepost {padding-bottom: 60px;}
.overview_guidepost ul {list-style: none; padding: 0; margin: 0;}
.overview_guidepost li {float: left; width: 31.7%; font-size: 1.92307em; line-height: 1.16em; font-weight: 300; color: #4a4a4a; text-transform: uppercase; background: #fff; background-size: contain; box-shadow: inset 0 0 1px 0 #4a4a4a; margin: 0.8%;}
.overview_guidepost li a {display: block; color: #4a4a4a; text-decoration: none; text-align: center; background: none; padding: 24px 0;}
.overview_guidepost li:hover a {color: #fff;}
.overview_guidepost li:nth-child(1) {background: #fff url(/views/ooo/content/articles/css/design/cover-01.jpg) -1000px 0 no-repeat;}
.overview_guidepost li:nth-child(2) {background: #fff url(/views/ooo/content/articles/css/design/cover-02.jpg) -1000px 0 no-repeat;}
.overview_guidepost li:nth-child(3) {background: #fff url(/views/ooo/content/articles/css/design/cover-03.jpg) -1000px 0 no-repeat;}
.overview_guidepost li:nth-child(4) {background: #fff url(/views/ooo/content/articles/css/design/cover-04.jpg) -1000px 0 no-repeat;}
.overview_guidepost li:nth-child(5) {background: #fff url(/views/ooo/content/articles/css/design/cover-05.jpg) -1000px 0 no-repeat;}
.overview_guidepost li:nth-child(6) {background: #fff url(/views/ooo/content/articles/css/design/cover-06.jpg) -1000px 0 no-repeat;}
.overview_guidepost li:hover {color: #fff; background-position: 0 0; box-shadow: none;}
@media (max-width: 530px) {
	.overview_guidepost li {font-size: 1.692307em; line-height: 1.18182em;}
	/*.overview_guidepost li a*/
}
@media (max-width: 480px) {
	.overview_guidepost li {font-size: 1.384615em; line-height: 1.3333em;}
	.overview_guidepost li a {padding: 18px 0;}
}
@media (max-width: 380px) {
	.overview_guidepost li {font-size: 1.230769em; line-height: 1.25em;}
	.overview_guidepost li a {padding: 14px 0;}
}

#above_footer_container {background: #eaeaea url(/css/default/design/bg-container.png) center top repeat-y;}
#above_footer {padding: 70px 0;}
@media (max-width: 660px) {
	#above_footer {padding: 50px 0;}
}
@media (max-width: 500px) {
	#above_footer .panel.half {float: none!important; width: 100%!important; text-align: center!important; margin-bottom: 25px;}
	#above_footer .panel.half .content {text-align: center; margin: 0 auto;}
}

#footer_container {background: #a40006;}
#footer {color: #fff; padding: 34px 0 40px;}
#footer p {padding-top: 0; margin-top: 0;}
#footer .copyright {color: #fff; margin-top: 20px;}
#footer .author {color: #fff; margin-top: 20px;}
#footer .author p {margin-bottom: 2px;}
#footer .author h3 {color: #8f060b;}
#footer .author p a {color: #fff;}
#footer h3 {margin: 0;}
#footer a {text-decoration: none;}
#footer p a:hover {text-decoration: underline;}
@media (max-width: 768px) {
	#footer {width: auto; padding-right: 50px;}
}
@media (max-width: 480px) {
	#footer .panel .content {text-align: center!important;}
}

#under_footer_container {background: #fcd068;}
#under_footer {font-size: 0.8125em; line-height: 1.53846em; color: #000; padding: 18px 0;}
#under_footer a {color: #000; text-decoration: none;}

/* custom pages */
#homepage_editorial {width: 100%; max-width: 840px; text-align: center; padding: 85px 0;}
#homepage_editorial h1 {font: 300 4.30769em/1.10714em 'Open Sans', sans-serif; color: #F1373A; text-transform: none; background: none; padding: 0; margin: 0;}
#homepage_editorial p {font: 300 1.384615em/1.3333em 'Open Sans', sans-serif; color: #4a4a4a; text-align: center; margin: 44px 0 0;}
#homepage_editorial a.button {display: block; float: left; width: 42%; font: 300 1.38888em/1.2em 'Open Sans', sans-serif; color: #4a4a4a; text-align: center; text-transform: uppercase; background: #fff; box-shadow: inset 0 0 1px 0 #282828; padding: 23px 1% 24px; margin: 0 3% 10px;}
#homepage_editorial a.button:hover {color: #fff!important; background: #F1373A; box-shadow: inset 0 0 1px 0 #F1373A;}
@media (max-width: 660px) {
	#homepage_editorial {width: auto; padding: 40px 20px;}
	#homepage_editorial a.button {width: 43.5%; margin: 0 1.5% 10px;}
}
@media (max-width: 630px) {
	#homepage_editorial a.button {width: 42%; font-size: 1.230769em; line-height: 1.375em;  margin: 0 3% 10px;}
}
@media (max-width: 590px) {
	#homepage_editorial a.button {width: 43.5%; font-size: 1.0769em; line-height: 1.571428em; margin: 0 1.5% 10px;}
}
@media (max-width: 500px) {
	#homepage_editorial p {margin-top: 34px;}
	#homepage_editorial a.button {float: none; width: 100%; max-width: 300px; margin: 0 auto 20px;}
}

#our_people h1 {color: #fff; background: #28265b;}

/*.contact_form .content {max-width: 825px; text-align: center; padding: 40px 0;}
.contact_form .content h2 {margin-bottom: 50px;}
.contact_form .content p {font-size: 2.153846em; line-height: 1.142857em; font-weight: 300; color: #4a4a4a; padding: 0; margin: 0 0 10px!important;}
.contact_form .content p strong {font-weight: 700;}*/

[id^="topic"] h1 {color: #fff; background: #28265b;}
[id^="topic"] h2 {font-size: 1.84615em; line-height: 1.16667em; color: #28265b; margin-bottom: 8px;}
[id^="topic"] .statictext {padding-bottom: 30px;}
[id^="topic"] p {font-size: 1.692307em; line-height: 1.36364em; color: #000; margin-bottom: 30px;}

#contact .statictext {background: none; padding: 0; margin: 0;}

input.error, textarea.error {background: white url(../images/error-line.gif) left bottom repeat-x;}
form img.error {color: #aeaeae; margin: 0 0 0 5px; background: transparent url(../images/icons/fam/error.png) left bottom no-repeat; padding: 0 0 0 20px; vertical-align: sub;}
form .formbutton {padding: 0.5em 1em 0.5em 24px; margin: 5px 0; background-position: 5px center; background-repeat: no-repeat;}
form .formbutton.email {background-image: url(../images/icons/fam/email_go.png);}
form .formbutton.loading {background-image: url(../images/loading-16.gif);}

/* GLOBAL
==============================================================================*/
*:focus {outline: none;}
.noscreen, .hidden {display: none;}
.screen {display: block;}
.invisible {visibility: hidden;}
.visible {visibility: visible!important;}
.cleaner {clear: both; line-height: 0px; font-size: 0px;}
.clear,
br.clear {clear: both; line-height: 0;_height: 0px; font-size: 0px; padding: 0; margin: 0;}
.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clear_both {clear: both;}
.floatleft, .float_left {float: left;}
.floatright, .float_right {float: right;}
.nofloat {float: none;}
.textleft {text-align: left;}
.textright {text-align: right;}
.textcenter, .center {text-align: center;}
.textjustify {text-align: justify;}
.marginT10 {margin-top: 10px;}
.marginT20 {margin-top: 20px;}
.marginB10 {margin-bottom: 10px;}
.marginB0 {margin-bottom: 0!important;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.font10pt {font-size: 10px; line-height: 18px !important;}
.font11pt {font-size: 11px; line-height: 16px !important;}
.font12pt {font-size: 12px; line-height: 16px !important;}
.font13pt {font-size: 13px; line-height: 16px !important;}
.font14pt {font-size: 14px !important; line-height: 20px !important;}
.font15pt {font-size: 15px !important; line-height: 20px !important;}
.font16pt {font-size: 16px !important; line-height: 20px !important;}
.font17pt {font-size: 17px !important; line-height: 22px !important;}
.font18pt {font-size: 18px !important; line-height: 24px !important;}
.font19pt {font-size: 19px !important; line-height: 22px !important;}
.font20pt {font-size: 20px !important; line-height: 26px !important;}
.font22pt {font-size: 22px !important; line-height: 27px !important;}
.font24pt {font-size: 24px !important; line-height: 28px !important;}
.font25pt {font-size: 25px !important; line-height: 31px !important;}
.font30pt {font-size: 30px !important; line-height: 34px !important;}
.font32pt {font-size: 32px !important; line-height: 36px !important;}
.font36pt {font-size: 36px !important; line-height: 42px !important;}
.font42pt {font-size: 42px !important; line-height: 48px !important;}
.font45pt {font-size: 45px !important; line-height: 51px !important;}
.font48pt {font-size: 48px !important; line-height: 54px !important;}
.color_gray {color: #969393 !important;}
.color_green {color: #7f9f0e!important;}
.underline {border-bottom: 1px solid;}
.imgborder {border: 2px solid #DC2913;}
.imgwhiteborder {border: 2px solid #FFF;}
.offsetborder {border: 1px solid white;	padding: 2px;}
.nopadding {padding: 0!important;}
.noindent {margin-left: 0; padding-left: 0;}
.nobullet {list-style: none; list-style-image: none; list-style-type: none;}
.nobackground {background: transparent;}
.noborder {border: none!important;}
.hand {cursor: pointer;}
.orange {color: #e64d16;}
.red {color: #f1373a;}
.blue {color: #043c7f;}
.green {color: #40bbaa;}
.yellow {color: #f8b333;}
.brown {color: #4c2918;}
.gray,
.grey {color: #7c7e8a;}
.lightgrey {color: #ebebeb;}
.violet {color: #c25276;}
.turquoise {color: #00b2e7;}
.white {color: #fff;}
.divider {width: 100%; height: 2px; clear: both; line-height: 5px; border-bottom: 1px solid #c4c4c4; padding: 0; margin: 20px 0;}
div.line {width: 100%; height: 2px; clear: both; line-height: 5px; border-bottom: 1px solid #c4c4c4; padding: 0; margin: 20px 0;}
div.dashed_line {width: 100%; height: 2px;	clear: both; border-bottom: 1px dashed #c4c4c4; font-size: 0; padding: 0; margin: 20px 0;}
img.left,
img[align="left"] {float: left; margin: 10px 10px 15px 0;}
img.right,
img[align="right"] {float: right; margin: 10px 0 15px 30px;}
img.alignleft {margin: 0 10px 5px 0;}
img.alignright {margin: 0 0 5px 10px;}
.highlight {background: #ffc;}

/* status massages */
.message-good, .message-bad, .message-info,
p[class^="message-"] {font-size: 1.384615em; font-weight: 300; padding: 15px 10px 15px 45px!important; margin-bottom: 20px!important; background-position: 10px 17px; background-repeat: no-repeat;}
.message-good,
p.message-good {border: 1px solid #cae49c; color: #516f1b!important; background-color: #f3ffd0; background-image: url(/css/default/design/icons/accept-big.png);}
.message-good a {color: #516f1b;}
.message-bad,
p.message-bad {border: 1px solid #ffdede; color: #ce0000!important; background-color: #fff1f1; background-image:  url(/css/default/design/icons/exclamation-big.png);} 
.message-bad a {color: #ce0000;}
.message-info,
p.message-info {color: #4d3628!important; border: 1px solid #ededb3; background-color: #ffffcc; background-image:  url(/css/default/design/icons/information-big.png);}

.dialogbox {position: absolute; z-index: 10010; max-width: 100%; padding: 10px;}
.dialogbox__close {position: absolute; top: 10px; right: 10px; padding: 9px;}
.dialogbox__close img {width: 23px; height: 23px; background: url(/css/default/design/bg-dialogbox-close.png) center center no-repeat;}
.dialogbox__close:hover img {}
.dialogbox__inside {min-width: 100px; min-height: 100px; background: #fff url(/images/ajax-loader.gif) -1000px 0 no-repeat; padding: 0;}
.dialogbox__inside.loading {background-position: center center;}
.dialogbox__content {background: #fff; padding: 34px 40px;}
.dialogbox__content.white {background: #fff;}
.dialogbox__title {white-space: nowrap; font: 900 2.26667em/1.1176em 'Open Sans', sans-serif; color: #369e33; text-align: left; text-transform: none; padding: 34px 120px 34px 55px; margin: 0;}
.dialogbox__title img {width: 32px; height: 32px; vertical-align: -4px; background: url(/css/default/design/sprite-dialogbox.png) -1000px 0 no-repeat; margin-right: 34px;}
.accepted .dialogbox__title img {background-position: 0 0;}
.declined .dialogbox__title img {background-position: 0 -20px;}
.warning .dialogbox__title img {background-position: 0 -40px;}
.info .dialogbox__title img {background-position: 0 -40px;}
.page_overlay {display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10005; background: transparent; /* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 5-7 */filter: alpha(opacity=75); /* Netscape */-moz-opacity: 0.75; /* Safari 1.x */ -khtml-opacity: 0.75; /* Good browsers */opacity: 0.75;}
.page__loading {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10006; background: url(/images/ajax-loader.gif) center center no-repeat;}
.page_overlay {display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 50px; height: 50px; background: #000; -moz-opacity: 0.75; opacity: 0.75;}
.page__loading {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10006; background: url(/images/ajax-loader.gif) center center no-repeat;}

.sharing span[class^="st_"] {padding: 0 2px!important;}
.sharing span.st_facebook_large span.stButton span.stLarge {width: 40px!important; height: 40px!important; background: url(/css/default/design/logo-fejs-38x38.png) 0 0 no-repeat!important; margin: 0;}
.sharing span.st_twitter_large span.stButton span.stLarge {width: 40px!important; height: 40px!important; background: url(/css/default/design/logo-tw-38x38.png) 0 0 no-repeat!important;}
.sharing span.st_googleplus_large span.stButton span.stLarge {width: 40px!important; height: 40px!important; background: url(/css/default/design/logo-g-38x38.png) 0 0 no-repeat!important;}
.sharing span.st_pinterest_large span.stButton span.stLarge {width: 40px!important; height: 40px!important; background: url(/css/default/design/logo-pin-38x38.png) 0 0 no-repeat!important;}
.sharing span.st_linkedin_large span.stButton span.stLarge {width: 40px!important; height: 40px!important; background: url(/css/default/design/logo-linked-38x38.png) 0 0 no-repeat!important;}

img#back_to_top {position: fixed; bottom: 10px; display: none; cursor: pointer; background: url(/css/default/design/back-to-top.png) 0 0 no-repeat; margin-left: -10px;}
img#back_to_top:hover {background-position: -45px 0;}
@media (max-width: 768px) {
	img#back_to_top {margin-left: -40px;}
}

div#ui-datepicker-div {display: none;}

/* ICONS */
.flag-sk {background-image:url(../images/icons/flag/png/sk.png) ! important; ackground-position: center center; background-repeat: no-repeat;}
.flag-cz, .flag-cs {background-image:url(../images/icons/flag/png/cz.png) ! important; background-position: center center; background-repeat: no-repeat;}
.flag-gb, .flag-en {background-image:url(../images/icons/flag/png/gb.png) ! important; background-position: center center; background-repeat: no-repeat;}
.flag-de {background-image:url(../images/icons/flag/png/de.png) ! important; background-position: center center; background-repeat: no-repeat;}
.flag-it {background-image:url(../images/icons/flag/png/it.png) ! important; background-position: center center; background-repeat: no-repeat;}
.flag-hu {background-image:url(../images/icons/flag/png/hu.png) ! important; background-position: center center; background-repeat: no-repeat;}
.flag-ru {background-image:url(../images/icons/flag/png/ru.png) ! important; background-position: center center; background-repeat: no-repeat;}
.flag-fr {background-image:url(../images/icons/flag/png/fr.png) ! important; background-position: center center; background-repeat: no-repeat;}