/* @override http://www.flaga.cz/css/global/content.css */

/* @group general */

.article-full .img {
	margin: 0 0 16px 0;
}

.article-full .img-one.first-img {
	margin: -10px 0 16px 0;
}

.article-full .img.img-six {
	margin: 16px 0 0 0;
}

.article-full .img img {
	display: block;
	margin: 0;
}

.panel-full .img {
	margin: 8px 0;
}

.panel-full .img.img-one {
	margin: 0 0 8px 0;
}

div.article, div.chapter, div.link {
	margin: 0 0 24px 0;
}

.abstract, .content, .appendix {
	clear: both;
	margin: 0 0 16px 0;
}

.abstract {
	font-style: italic;
}

.article .abstract, .chapter .abstract, .link .abstract {
	font-weight: 400;
	font-style: normal;
}

.appendix {
	margin: 24px 0 0 0;
	font-style: italic;
}

.article .appendix, .chapter .appendix, .link .appendix {
	margin: 16px 0 0 0;
}

.head {
	display: block;
	height: 0;
	min-height: 0;
	clear: both;
	margin: 24px 0 8px 0;
	text-align: left;
}

div[class] .head {
	height: auto;
}

strong.head {
	font-size: 16px;
}

strong.head.with-link {
	height: 16px;
	min-height: 16px;
	line-height: 16px;
	position: relative;
	z-index: 25;
}

div[class] strong.head.with-link {
	height: auto;
}

.head a {
	text-decoration: none;
	color: #000;
}

.article-full h2, .article-full h3, .article-full h4, .article-full h5, .article-full h6 {
	clear: both;
}

.link-more {
	text-align: right;
}

.article .link-more, .link .link-more {
	margin: -8px 0 0 0;
}

.dc-content p, .dc-content pre, .dc-content blockquote, .dc-content address {
	line-height: 18px;
}

.dc-content ol, .dc-content ul {
	line-height: 20px;
}

.dc-content .orange-element .head a, .dc-content .blue-element .head a, .dc-content .green-element .head a {
	color: #000;
}

.dc-content .orange-element h1, .dc-content .orange-element a {
	color: #E6511E;
}

.dc-content .blue-element h1, .dc-content .blue-element a {
	color: #37A8DB;
}

.dc-content .green-element h1, .dc-content .green-element a {
	color: #96BD0D;
}

/*.dc-content .orange-element h1, .dc-content .orange-element h2, .dc-content .orange-element h3, .dc-content .orange-element h4, .dc-content .orange-element h5, .dc-content .orange-element h6, .dc-content .orange-element .head, .dc-content .orange-element a {
	color: #E6511E;
}

.dc-content .blue-element h1, .dc-content .blue-element h2, .dc-content .blue-element h3, .dc-content .blue-element h4, .dc-content .blue-element h5, .dc-content .blue-element h6, .dc-content .blue-element .head, .dc-content .blue-element a {
	color: #37A8DB;
}

.dc-content .green-element h1, .dc-content .green-element h2, .dc-content .green-element h3, .dc-content .green-element h4, .dc-content .green-element h5, .dc-content .green-element h6, .dc-content .green-element .head, .dc-content .green-element a {
	color: #96BD0D;
}*/

.article.button-big {
	margin: 0;
	display: inline-block;
	width: 302px;
	*display: inline;
	*zoom: 1;
}

.article.button-big + .article.button-big {
	margin: 0 0 0 15px;
}

.article.button-big .head {
	margin: 0;
}

.article.button-big .head a {
	display: block;
	height: 62px;
	line-height: 62px;
	padding: 0 45px 0 20px;
	font-size: 15px;
	color: #404040;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(img/specific/button-big.png);
	background-color: transparent;
}

.article.button-big .head a:hover, .article.button-big .head a:focus {
	background-position: 0 50%;
}

.article.button-big .head a:active {
	background-position: 0 100%;
}

/* @end */

/* @group panel-full */

.panel-full .panel {
	margin: 0 0 20px 0;
	background: url(img/specific/menu-box-bottom.png) transparent 0 100% no-repeat;
}

.panel-full .panel.blue-line .indent-vertical {
	padding: 0;
}


.panel-full .header {
	height: 73px;
	min-height: 73px;
	line-height: 45px;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	margin: 0 0 -20px 0;
	position: relative;
	z-index: 10;
	border: none;
	background: url(img/specific/color-menu-headers.png) transparent -1482px 0 no-repeat;
}

div[class] .panel-full .header {
	height: auto;
}

.panel-full .panel.blue-line .header {
	height: 45px;
	min-height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 10px 0 45px;
	color: #37A8DB;
	font-style: italic;
	background: url(img/specific/icn-phone.png) transparent 8px 50% no-repeat;
}

.panel-full .indent-vertical {
	position: relative;
	z-index: 11;
}

.panel-full .indent-banners {
	padding: 0 11px;
}

.panel-full p {
	margin: 0 0 8px 0;
}

.panel-full .head {
	margin: 0;
	line-height: 20px;
	font-size: 14px;
}

.panel-full .head a {
	color: #000;
	text-decoration: none;
}

/* @group intro-banner */

.intro-banner  {
	background: transparent;
	height: 210px;
	width: 225px;
	position: absolute;
	right: 18px;
	top: 110px;
	z-index: 100;
}

.intro-banner .panel-full .link, .intro-banner .panel-full .link .img-one {
	margin: 0;
}

/* @end */

.panel-full .head a:hover {
	text-decoration: none;
}

.panel-full .article, .panel-full .chapter, .panel-full .link {
	margin: 0 0 16px 0;
}

.panel-full .head, .panel-full .abstract, .panel-full .content, .panel-full .appendix, .panel-full .link-more {
	padding: 0 16px;
}

body.intro .intro-banner .chapter.blue-line {
	position: absolute;
	margin: 0;
	right: -18px;
	top: -139px;
	z-index: 100;
}

body.intro .intro-banner .chapter.blue-line .head {
	margin: 0;
	height: 38px;
	min-height: 38px;
	line-height: 38px;
	padding: 0 18px 0 27px;
	color: #37a8db;
	font-style: italic;
	font-weight: 400;
	background: url(img/specific/icn-phone-small.png) transparent 0 50% no-repeat;
}

body.intro div[class] .intro-banner .chapter.blue-line .head {
	height: auto;
}

/* @end */

/* @group head-text */

body.intro .middle-part h1.head-text {
	width: 260px;
	position: absolute;
	left: 24px;
}

body.intro .middle-part .article-full h1.head-text, body.intro .middle-part .article-full .abstract.head-text {
	width: 260px;
	position: absolute;
	left: 24px;
}

strong.head-text {
	display: block;
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 28px;
	text-transform: uppercase;
	color: #fce900;
	width: 260px;
	position: absolute;
	left: 24px;
	top: 106px;
	z-index: 20;
}

body.intro .middle-part .article-full h1.head-text {	
	top: -260px;
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 28px;
	text-transform: uppercase;
	color: #fce900;
}

body.intro .middle-part .article-full .abstract.head-text {
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	top: -188px;
	color: #fff;
}

body.intro .middle-part .article-full .abstract.head-text p {
	margin: 0;
	line-height: 25px;
}

body.intro .middle-part .article-full .content, body.intro .middle-part .article-full .appendix {
	padding: 0 16px;
}

/* @end */

/* @group panel-intro */

.panel-intro {
     width: 306px;
     float: left;
     margin: 0 9px 0 0;
}

div[class] .panel-intro {
	margin: 0 10px 0 0;
}

.panel-intro.green-element {
	margin: 0;
}

div[class] .panel-intro.green-element {
	margin: 0;
}

.panel-intro .header {
	height: 68px;
	min-height: 68px;
	line-height: 45px;
	margin: 0 0 -16px 0;
	padding: 0 16px;
	color: #fff;
	font-size: 15px;
	position: relative;
	z-index: 9;
	border: none;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(img/specific/header-orange-intro.png)
}

.panel-intro.blue-element .header {
	background-image: url(img/specific/header-blue-intro.png)
}

.panel-intro.green-element .header {
	background-image: url(img/specific/header-green-intro.png)
}

.panel-intro a {
	color: #E6511E;
}

.panel-intro.blue-element a {
	color: #37A8DB;
}

.panel-intro.green-element a {
	color: #96BD0D;
}

.panel-intro .indent-vertical {
	height: 270px;
	min-height: 270px;
	padding: 10px 0 49px;
	position: relative;
	z-index: 10;
}

div[class] .panel-intro .indent-vertical {
	height: auto;
}

.panel-intro p {
	margin: 0 0 8px 0;
}

.panel-intro .head, .panel-intro .head a {
	color: #000;
}

.panel-intro .head {
	margin: 0;
	line-height: 20px;
	font-size: 14px;
}

.panel-intro .head a:hover {
	text-decoration: none;
}

.panel-intro .article, .panel-intro .chapter, .panel-intro .link {
	margin: 0 0 16px 0;
}

.panel-intro .head, .panel-intro .abstract, .panel-intro .content, .panel-full .appendix {
	padding: 0 16px;
}

.panel-intro .link-more {
	margin: 0 16px;
}

.panel-intro .link .abstract {
	margin: 0;
}

.panel-intro .link-intro a.vice {
	height: 40px;
	min-height: 40px;
	line-height: 24px;
	padding: 0 32px 0 0;
	position: absolute;
	right: 16px;
	bottom: 0;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(img/specific/arrows-more-intro.png);
}

div[class] .panel-intro .link-intro a {
	height: auto;
}

.panel-intro.blue-element .link-intro a {
	background-position: 100% -59px;
}

.panel-intro.green-element .link-intro a {
	background-position: 100% -118px;
}

.panel-intro .link-intro a {
	padding: 0;
	background: transparent;
}

/* @end */

/* @group actual */

.actual {
	width: 940px;
	margin: 0;
	padding: 0 0 0 10px;
	border: none;
	position: relative;
	background: transparent;
}

body.intro .actual {
	padding: 0 0 0 20px;
}

.actual .header {
	height: 54px;
	min-height: 54px;
	line-height: 35px;
	padding: 0 16px;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	border: none;
	background: url(img/specific/header-grey.png) transparent 0 0 no-repeat;
}

div[class] .actual .header {
	height: auto;
}

.actual .header a {
	display: block;
	height: 35px;
	min-height: 35px;
	color: #fff;
	text-decoration: none;
}

div[class] .actual .header a {
	height: auto;
}

.actual .header a:hover {
	text-decoration: underline;
}

.actual .header .more {
	text-transform: none;
	position: absolute;
	right: 10px;
	top: 0;
}

.actual .header .more em {
	text-decoration: inherit;
}

.actual .article, .actual .chapter, .actual .link {
	width: 313px;
	float: left;
}

.actual .head {
	font-weight: 400;
}

.actual .indent-vertical {
	padding: 0 0 10px 0;
}

/* @end */
