/* MAIN */
BODY {margin: 0; font-family: Source Sans Pro;}
H1 {font-size: 30px; margin: 0px 0px 15px 0px;}
H2 {color:#3D3C3F;}
.wrapper {width: 980px; margin: 0 auto;}
DIV, INPUT {box-sizing: border-box;}
DIV A {color: inherit; text-decoration: none;}
UL {padding-left: 0;}
B {color: #3D3C3F;}
P {line-height: 1.5; text-align: justify;}
.specialHeading {font-size: 20px; color: #3D3C3F;}
.specialHeading SPAN {font-weight: 100;}
.hidden {visibility: hidden; position: absolute;}
.contentDiv {float:left; box-sizing: border-box; -moz-box-sizing: border-box;}
.halfDiv {width:50%}
.fullDiv {width:100%}
.contentDiv h2, .contentDiv h3, .contentDiv h4, .contentDiv h5, .contentDiv h6 {float:left; width: 100%;}
.silverHeading {color: #4a4a4a; font-size: 20px; margin: 30px 0px 10px 0px;}
.list {padding-left: 30px; list-style: square; color: #008000; text-decoration: underline; line-height: 25px; float: left; width: 100%; margin: 0;}
.imgFrame {float: right; margin: 0px 0px 10px 20px;}
.button {background: #0C8A2D; padding: 10px 31px; width: 262px; border-radius: 5px;color: white;font-size: 18px;font-weight: 600;}
.center {margin: auto; width: 162px; margin-bottom: 22px; }
.error {color: #F00; font-weight: 900;}
span.success {color: #13C052; font-weight: 900;}
div.success {padding: 5px 0; font-size: 16px;margin: 0 0 10px 0;}
div.error {padding: 5px 0;font-size: 16px;margin: 0 0 10px 0;}
/* HEADER-BLOCK */
#block-header {float: left; width:100%; margin-top: 70px; margin-bottom: 40px;}
#block-header #logo {float: left;}
#block-header #main-nav UL {float: right; font-size: 20px; margin: 0; color: #3D3C3F; font-weight: 500;}
#block-header #main-nav UL LI {list-style: none; display: inline;}
#block-header #main-nav UL LI A {color: #4a4a4a;}
#block-header #main-nav UL LI A:HOVER {color: #0C8A2D; text-decoration: underline;}


/* LEFT BLOCK */
#block-left {float: left; width: 316px; min-height: 520px;margin-right: 20px;}
#block-left .leftHeading {position: absolute; top: 58px; left: 31px; color: #FFF; font-weight: 600;font-size: 30px;}
#block-left .leftHeading SPAN {font-weight: 100;}
#block-left #most-read-articles {position: relative; float: left; width: 100%; margin-bottom: 25px; background: url(../img/grafika_pozadi.png); background-repeat: no-repeat;}
#block-left #most-read-articles #graphic-elem {width: 279px; float: left; height: 43px; margin-top: 138px; margin-left: 14px; background: url(../img/grafika_top.png);}
#block-left #most-read-articles #graphic-elem-bottom {background: url(../img/grafika_spodek.png); height: 25px; background-repeat: no-repeat; margin-left: 17px;float: left;width: 100%;}
#block-left #most-read-articles #shadow-text {background: url(../img/grafika_body.png); width: 279px;  margin-top: 0px; margin-left: 14px; background-repeat: repeat-y; padding: 0 25px 0 28px;float: left;}
#block-left #most-read-articles #shadow-text .mostReadLine {float: left; width: 100%; margin-bottom: 30px;}
#block-left #most-read-articles #shadow-text .mostReadLine .labels {font-size: 14px; margin: 3px 0px 0px 0px; color: #4a4a4a;}
#block-left #most-read-articles #shadow-text .mostReadLine .labels A {color: #0C8A2D; text-decoration: underline;}
#block-left #most-read-articles #shadow-text .mostReadLine .labels A:HOVER {text-decoration: none;}
#block-left #most-read-articles #shadow-text .mostReadLine .labels .date {color: #7a7a7a;}
#block-left #most-read-articles #shadow-text .mostReadLine h2 {font-size: 18px; color: #3D3C3F; margin:0;}
#block-left #labels-and-rubrics {position: relative; float: left; width: 100%; min-height: 315px; background: url(../img/grafika2_pozadi.png); background-repeat: no-repeat;}
#block-left #labels-and-rubrics #graphic-elem2 {width: 265px; float: left; height: 30px; margin-top: 142px; margin-left: 14px; background: url(../img/grafika2_top.png);}
#block-left #labels-and-rubrics #shadow-text2 {background: url(../img/grafika2_body.png); width: 268px; min-height: 150px; padding: 0 15px 0 18px; margin-left: 14px; background-repeat: repeat-y; color: #FFF; float: left;}
#block-left #follow-us {float: left; width:100%; margin-left: 35px;}
#block-left #newsletter {position: relative; float: left; width: 75%;font-size: 13px; margin-left: 35px; margin-bottom: 20px;}
#block-left #newsletter input[type=email] {background: #E7E7E7; border: 1px solid #C0C0C0; padding-left: 15px; /*padding: 6px 10px;*/box-sizing:inherit; width: 197px; height: 26px;}
#block-left #newsletter input[type=submit] {position: absolute; right: 19px; height: 30px; border: 1px solid #272727; /*margin-top: 2px;*/ width: 49px; background: #3B3A3D;font-size: 24px;line-height: 27px;color: white;font-weight: 700;}


/* CENTER BLOCK */
#block-center {float: left; width: 644px; min-height: 579px; }
#block-center .articleLine , #block-center #text-content {float: left; width: 100%; padding: 20px; border: 1px solid #C0C0C0; border-radius: 4px; margin-bottom: 30px;}
#block-center .articleLine H2, .greenHeading {color: #0C8A2D; margin: 0; float: left; width: 100%;}
#block-center .articleLine H2 A {color: #0C8A2D; text-decoration:none; }
#block-center .articleLine P {color:#7e7e7e;/*float: left;*/margin: 0;width: 100%;}
#block-center .articleLine IMG {float: left; margin: 6px 20px 20px 0;}
#block-center .articleLine .labels, #block-center .articleDetail .labels {float: left; width: 100%; margin: 10px 0;}
#block-center .articleLine .labels A {text-decoration: underline;}
#block-center .articleLine .labels .articleInfo {float: right; font-size: 16px;}
#block-center .articleLine .labels .stitky {color: #7E7E7E; font-size: 16px;}
#block-center .articleLine .labels .stitky A {color: #0C8A2D;}
#block-center .articleLine .labels .articleInfo A {color: #0C8A2D; text-decoration: underline;}
#block-center .articleLine .labels .articleInfo A:hover {text-decoration: none;}
#block-center .articleLine .labels .articleInfo .date {color: #7a7a7a;}
#block-center .articleLine .labels .stitky A:HOVER {text-decoration: none;}
#block-center .articleLine .read {float: right;position: relative;background: url(../img/read.png);background-position: right;padding-right: 44px;background-repeat: no-repeat;font-size: 20px;font-weight: 600;color: #3d3c3f; margin-top: 10px;}
#block-center .articleLine .read:hover {text-decoration: underline;}
#block-center .articleLine .read a {color: #3D3C3F;}
#block-center .articleDetail {float: left; min-height: 285px; width: 100%; padding: 20px; border: 1px solid #C0C0C0; border-radius: 4px; margin-bottom: 30px;}
#block-center .articleDetail H1 {color: #0C8A2D; margin: 15px 0 0 0; float: left; width: 100%;}
#block-center .articleDetail IMG.foto {max-width: 602px; width:auto;}
#block-center .articleDetail .green SPAN {}
#block-center .articleDetail .labels {color: #7E7E7E; font-size: 16px;}
#block-center .articleDetail .green SPAN A{color: #008000; font-weight: 600; font-size: 16px; text-decoration: underline;}
#block-center .articleDetail #networks-service {float: left; width: 100%; margin: 22px 0 0 0;}
#block-center .articleDetail .date {color: #9C9E9F;}
#block-center .articleDetail P {font-size: 15px; color: #4a4a4a;}
#block-center .authorDetail {margin: 0 0 30px 0; padding: 20px; border: 1px solid #C0C0C0; border-radius: 4px;}
#block-center .authorDetail H1 {color: #4a4a4a;}
#block-center .authorDetail P {float: left; margin: 0; width: 380px;}
#block-center .articleDetail A {color: #0C8A2D; text-decoration: underline;}
#block-center .articleDetail A:HOVER {text-decoration: none;}
#block-center #comments .line {float:left; width:100%;border-top: 1px solid #D8D8D8;padding: 5px 0;font-size: 13px; margin-top: 5px;}
#block-center .line.last {margin-bottom:20px;}
#block-center #comments .line .date {float: right; margin: 0 0 10px 10px; color: #C0C0C0;}
#block-center #comments .line p {line-height: 1; margin: 0; text-align: left;}
#block-center #comments TEXTAREA {padding: 12px 10px; width: 100%; height: 120px; float: left; box-sizing: border-box; border: 1px #ccc solid;}
#block-center #comments {margin: 0 0 25px 0;}
#block-center #comments IMG {float: left; margin: 2px 25px 0 0;}
#block-center #error-area {margin: 0 0 5px 0; font-weight: 900;}
#block-center #souvisejici-clanky A {text-decoration: underline; color: #008000;}
#error-block { padding: 28px; border: 1px solid silver; border-radius: 5px;}
#error-block H2 {border-bottom: 1px dotted;}
#paginator-list {float: left; width: 100%; margin-bottom: 30px; border-top: 1px solid silver; padding-top: 5px;}
#paginator-list a {float: left; margin: 0 2px; background: #0C8A2D; padding: 5px 10px; border-radius: 3px; color: #FFF; text-decoration: none;}
#paginator-list a:hover {background: #3D3C3F; transition: 0.3s}
#paginator-list a.on {background: #3D3C3F;}
#submit-wrap {float: left; width: 100%; margin-top: 10px;}
#submit-wrap input[type=submit] {float: right; border: 1px solid #ccc; background: #F1F1F1; color: #C0C0C0; padding: 10px 15px; border-radius: 4px; font-size: 20px; font-weight: bold; cursor: pointer;}
.captcha {width: 450px; height: 42px; float: left;}
#block-center #comments .captcha input[type=text] {width:200px; padding: 9px; border: 1px #ccc solid;}
.captcha IMG {height: 32px; float: left; border: 1px #ccc solid;}
#drobeckova-navigace {margin: 0 0 10px 0; color: #9C9E9F; font-size: 13px;}
#drobeckova-navigace A {color: inherit; text-decoration: underline;}
/*#text-content {border: 1px solid #C0C0C0; border-radius: 5px; padding: 20px;}*/
#text-content ul {padding-left: 40px; list-style: square; color: #008000;}

/* FOOTER BLOCK */
#block-footer {float: left; width:100%; color: #FFF; background: url(../img/footer_background.png); min-height: 223px;background-repeat: no-repeat;}
#block-footer H2 {font-size: 18px; color: #FFF;}
#block-footer .left {width: 256px;/*width: 193px;*/ height: 223px; float: left;  background: url(../img/footer_left.png); padding: 66px 35px;font-size: 13px;}
#block-footer .left H3 {float: left; width: 100%; margin: 0;}
#block-footer .middle {float: left; width: 411px; height: 168px; margin: 31px 0; border-right: 1px solid #FFF;padding: 0 55px 0 50px;}
#block-footer .right {float: left; width: 306px; height: 168px; margin: 31px 0; padding: 0 25px 0 70px;}
#block-footer .middle UL, #block-footer .right UL {font-size: 14px; list-style: none;}