/* Import ---------------------------------------------------------------------------------------- */ @import "style_ico.css"; @import "style_global.css"; /* Body ---------------------------------------------------------------------------------------- */ body { padding: 41px 0 0 0; } /* Fonts ---------------------------------------------------------------------------------------- */ @font-face { font-family: 'MyriadProBold'; src: url('fonts/myriadpro-bold-webfont.eot'); src: url('fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-bold-webfont.woff') format('woff'), url('fonts/myriadpro-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadProLightBold'; src: url('fonts/myriadpro-semibold-webfont.eot'); src: url('fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-semibold-webfont.woff') format('woff'), url('fonts/myriadpro-semibold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Cover ---------------------------------------------------------------------------------------- */ .cover_main {text-align: center; padding-left:5px; padding-right:5px;} .cover_main .cover_links {font-size: 13px; color: #ffffff;} .cover_main .cover_links a.link1 {font-size: 13px; color: #ffffff;} .cover_main .cover_links a.link2 {font-size: 13px; color: #ffffff;} .cover_main table.cover_table {margin: auto; width: auto;} .cover_main table.cover_table tr td {width: auto;} .cover_main table.cover_table tr td img {border: 0px;} .cover_main table.cover_table tr td.space {font-size: 1px; padding: 0px; line-height: 0px;} /* Links ---------------------------------------------------------------------------------------- */ #layout a {color: #82080c; text-decoration: underline;} #layout a:hover {text-decoration: none;} #layout #forum td a { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } a.button {-moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(../img/bcg_button_red.png) top left repeat-x; border-left: 1px solid #ae1007; border-radius: 5px; border-right: 1px solid #ae1007; box-shadow: 1px 2px 5px #666; color: #fff; font-size: 13px; height: 26px; line-height: 25px; margin: auto; padding: 6px; position: relative; text-align: center; text-decoration: none; width: 120px;} a.button:hover {text-decoration: underline; } a.button.gray {background-image: url("../img/bcg_button_gray.png"); border-left: 1px solid #404040; border-right: 1px solid #404040; } a.out {background: url(../img/ico/outanchor.png) no-repeat 0 4px!important; padding-left: 12px;} a.out.width_60 {background-position: 60px 0px!important;} a.out.width_80 {background-position: 80px 0px!important;} a.out.width_100 {background-position: 100px 0px!important;} a.out.width_120 {background-position: 120px 0px!important;} a.out.width_140 {background-position: 140px 0px!important;} a.out.width_155 {background-position: 155px 0px!important;} a.out_right {background: url(../img/ico/outanchor.png) no-repeat right 4px!important; padding-right: 12px;} a.mail {background: url(../img/ico/ico_mail.gif) no-repeat 3px 0; padding-left: 22px; text-decoration: underline;} a.print {background: url(../img/ico/print.png) no-repeat 1px 0; padding-left: 20px; text-decoration: none;} /* Texts HTMLs ---------------------------------------------------------------------------------------- */ /*em, i,cite {font-style: normal; }*/ #layout p {text-align: left; margin: 10px 0; } code {font-size: 140%; font-weight: bold; } /* Lists ---------------------------------------------------------------------------------------- */ #layout ul {list-style: none; margin: 5px 0 5px 15px; padding: 0; text-align: left;} #layout ol {list-style: none; margin: 5px 0 5px 15px; padding: 0; text-align: left;} /* Images ---------------------------------------------------------------------------------------- */ img {border: 0;} img.border {border: 1px solid #E9E9E9;} img.icon {vertical-align: -3px; margin: 0 3px 0 1px;} img.toleft {margin: 0 15px 0 0;} img.toright {margin: 0 0 0 15px;} /* Indexes ---------------------------------------------------------------------------------------- */ sub, sup {position: relative; vertical-align: baseline;} sub {top: 0.4em;} sup {bottom: 0.4em;} /* Headlines ---------------------------------------------------------------------------------------- */ #layout h1, #layout h2, #layout h3, #layout h4, #layout h5, #layout h6 {color: #82080c; font-size: 1.0em; margin: 8px 0 4px 0; padding: 0;} #layout h1 {font-size: 1.45em; line-height: 1.3em; font-family: 'MyriadProBold', sans-serif; } #layout h2 {font-size: 1.45em; line-height: 1.3em; font-family: 'MyriadProLightBold', sans-serif; } #layout h3 {font-size: 1.1em; line-height: 1.2em; font-family: 'MyriadProLightBold', sans-serif;} #layout h2 span {display: none;} #layout h3 span {display: none;} /* Forms ---------------------------------------------------------------------------------------- */ form {margin: 0; padding: 0;} form .form_padding {padding: 10px;} input, select {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; font-family: sans-serif; padding: 5px 3px;} input {padding: 6px 3px;} input.submit {background: #0480b6; border: 0; color: #fff;} input[type="image"] {border: 0; padding: 0;} input[type="submit"] {background: url("../img/bcg_button_red.png") #f1212a; border: 0; border-left: 1px solid #ae1007; border-right: 1px solid #ae1007; color: #fff;} legend {background: #003f8d; border: 1px solid #eee; color: #fff; font-size: .9em; padding: 3px 25px; margin-left: 10px; } fieldset {border: 1px solid #003f8d;} /* Ads ---------------------------------------------------------------------------------------- */ #ads_show_box {display: none;} #ads_top {display: block; margin: auto; padding: 0; text-align: center; width: 960px;} #ads_top .toleft {width: 730px;} #ads_top .toright {width: 222px;} /* Layout container ---------------------------------------------------------------------------------------- */ #layout {font-size: 12px; letter-spacing: 0; line-height: 16px; margin: 0; padding: 0; width: 100%; word-spacing: normal; text-align: left; } #layout #main {margin: auto; width: 1010px;} /* Left banners ---------------------------------------------------------------------------------------- */ #layout #main #banners-left {float: left; margin: 0; width: 0;} /* Main container ---------------------------------------------------------------------------------------- */ #layout #main-container {float: left; font-size: 1.1em; line-height: 1.5em; margin: 0; padding: 0; width: 1010px;} /* Main content ---------------------------------------------------------------------------------------- */ #layout #content {float: left; font-size: 1.1em; line-height: 1.5em; margin: 10px 0 0 15px; width: 980px; } #layout #content #content-container {background: #fff; } /* Left column ---------------------------------------------------------------------------------------- */ #translate-box{ background-color: #40474c; border: 1px solid black; width: 500px; } #translate-box .button { background-repeat: no-repeat; background-attachment: scroll; background-position: 100% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; float: left; margin-right: 5px; padding-left: 8px; padding-right: 23px; color: #ffffff; } #translate-box a { color: #ffffff; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; text-decoration: none; border-left: 1px solid black; } #text-left {float: right; font-size: 14px; line-height: 1.6em; margin-top: 10px; width: 640px; padding: 2% 1% 0% 0%} #text-left ul {margin: 10px 0 0 0; padding: 0;} #text-left ul li {background: #F6F6F6 url(../img/arrow_right.png) no-repeat 10px 14px; color: #000; margin: 0 0 5px 0; padding: 5px 5px 5px 25px; font-size: 0.9em;} #text-left ul li a {color: #000000;} #text-left ol {margin: 0; padding: 0 0 0 25px;} #text-left ol li {color:#000; list-style: decimal;} #text-left ol li a {color: #000;} #text-left p {padding: 5px 0; line-height: 1.6em; } #text-left h1 {color: #82080c; font-size: 2.1em; font-weight: normal; line-height: 1.1em; margin: 0 0 20px 0; padding: 0;} #text-left h2 {color: #82080c; font-weight: normal; line-height: 1.1em; margin: 0; padding: 20px 0 0 0;} #text-left h2.lite {background: transparent; border-bottom: 0; color: #3675a3; font-size: 1.4em; margin: 0; padding: 10px 0 10px 0;} #text-left h2.actual {background: #3783b9; clear: both; color: #fff; font-size: 1.3em; margin: 0 -20px; padding: 4px 0 3px 20px; text-shadow: 1px 1px #2e62a0; text-transform: uppercase;} #text-left h3 {color: #82080c; font-size: 1.8em; padding: 6px 0 7px 0;} #text-left h4 {color: #82080c; font-size: 1.5em; font-weight: normal; padding: 3px 0 2px 0;} #text-left h2.lite a {color: #3675a3;} #text-left h2 a {color: #00222f;} #text-left h3 a {color: #0487bb;} #text-left h4 a {color: #00222f;} #text-left .author {background: url('../img/bcg_dashed.png') bottom left repeat-x; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #666; font-size: 12px; font-weight: bold; margin: 0; padding: 0 15px 10px 10px; } #text-left .gradient1 {background: #DAE4EE;} #text-left .gradient2 {background: #004C92; color:#fff;} #text-left .gradient3 {background: #DAE4EE;} #text-left .menicko {-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #EEE; color: #747474; font-size: 12px; font-weight: bold; margin: 20px 0 0 0; padding: 10px 15px; } #text-left .menicko a {} .line {background: transparent 0; border-top: 3px solid #3675a3; height: 1px; margin: 10px 0 10px 0;} #text-left .error {border: 1px solid #D3D3D3; color: #950808; font-weight: bold; margin: 10px 0 15px 0; padding: 10px 6px 10px 6px; text-align: center;} #text-left .error a {color:#950808;} #text-left .link {text-align: right;} #text-left .link a {color: #82080c; padding-right: 10px; font-weight: bold;} #text-left table {border-collapse: collapse; margin: 10px 0 15px 0;} #text-left table tr th {background: #82080c; border: 1px solid #eee; color: #fff; font-size: .8em; padding: 8px 5px 8px 8px;} #text-left table tr th a {color: #fff;} #text-left table tr td {background: transparent; padding: 8px 5px; font-size: .8em;} #text-left table tr.zvyraznene td {background: #d6e7f7; color: #000;} #text-left table tr.zvyraznene td a {color: #000;} #text-left .nice-tables table, #text-left table.nice {border-collapse: collapse; margin: 10px 0 15px 0; width: 100%;} #text-left .nice-tables table tr th, #text-left .nice-tables table thead tr td, #text-left table.nice tr th {background: #932424; border: 1px solid #82080c; color: #fff; padding: 8px 5px 8px 8px;} #text-left .nice-tables table tr th a, #text-left .nice-tables table thead tr td a, #text-left table.nice tr th a {color: #fff;} #text-left .nice-tables table tr td, #text-left table.nice tr td {background: transparent; border: 1px solid #d8d8d8; font-size: 0.9em; line-height: 1.4em; padding: 6px 5px;} #text-left table.nice tr td.item {background: #F5EDED; color: #000; font-weight: bold; padding: 5px 5px 5px 8px; width: 180px; text-shadow: 1px 1px 2px #fff;} #text-left table.nice tr td.item.long {width: 250px;} #text-left table.nice tr.bg1 td {background: transparent !important;} #text-left table.nice tr.bg2 td {background: #F5EDED;} #text-left table.nice tr.zvyraznene td {background: #eee; color: #000;} #text-left table.nice tr.zvyraznene td a {color: #000;} #text-left table.partners {border-collapse: collapse; margin: 10px 0 15px 0; width: 100%;} #text-left table.partners tr td {background: transparent; border: 1px solid #e9e9e9; font-size: 0.9em; line-height: 1.4em; padding: 6px 5px;} #text-left table tr td .link {padding: 0;} #text-left table#tabulkaSvetla {border-collapse: collapse; margin: 10px 0 15px 0; width: 100%;} #text-left table#tabulkaSvetla tr th {background: #EFE200; border: 0; color: #000; padding: 6px 4px;} #text-left table#tabulkaSvetla tr th a {color: #000;} #text-left table#tabulkaSvetla tr td {background: transparent; border: 1px solid #eaeaf4; padding: 6px 5px;} #text-left img { max-width: 100%;} #text-left .image_box {padding: 0; width: 250px;} #text-left .image_box.big {margin: 15px 0 5px 0; padding: 0; text-transform: none; width: 650px;} #text-left .image_box.toleft {margin: 5px 15px 5px 0;} #text-left .image_box.toright {margin: 5px 0 5px 15px;} #text-left .image_box .image_desc {background: url('../img/bcg_dashed.png') bottom left repeat-x; color: #82080c; font-size: 1.5em; font-weight: normal; margin-bottom: 5px; padding: 3px 10px 5px 0;} #text-left .image_box img {} #text-left .image_box .image_box_text {} #text-left blockquote {background: #eeeeee; clear: none; color: #747474; display: block; font-size: 0.9em; line-height: 1.3em; padding: 15px 20px; width: 200px;} #text-left blockquote a {color: #F0F0F0;} #text-left blockquote.toleft {margin: 7px 15px 5px 0;} #text-left blockquote.toright {margin: 7px 0 5px 15px;} #text-left blockquote h4 {color: #82080c; font-size: 1.7em; font-weight: normal; margin: 0; padding: 0 0 15px 0;} #text-left blockquote ul {margin: 0; padding: 0;} #text-left blockquote ul li {color: #747474; margin: 0; padding: 0 0 6px 13px;} #text-left blockquote p {padding: 0 0 5px 0; margin: 0;} #text-left #socials {background: url('../img/bcg_dashed.png') top left repeat-x; height: 29px; margin: 20px 0 0 0; padding: 15px 0px;} #text-left #socials #button_facebook {float: left; width: 210px;} #text-left #socials #button_twitter {float: left; width: 105px;} #text-left #socials #button_google {float: left; margin-top: -3px; width: 105px;} #text-left #socials #button_translator { position: relative; display: inline-block; height:25px; margin-top: 5px; margin-left: 0px; width: 100%; overflow: visible; } #text-left #socials #button_translator span{ background-color: #bfbfbf; padding: 3px 0px; border-top: solid 1px #67111a; border-bottom: solid 1px #67111a; border-left: solid 1px #67111a; border-right: solid 1px grey; } #text-left #socials #button_translator a { } #text-left #socials #button_translator a span{ position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; } #text-left #socials #button_print {float: left; margin-top: -3px; width: 105px;} #text-left #socials #button_print a {background: url(../img/ico/ico_printer.png) no-repeat 0 5px; cursor: pointer; display: block; float: right; font-size: 11px; line-height: 29px; padding: 0 0 0 20px;} #text-left #fb-comments .fb_iframe_widget span iframe {width: 640px!important;} #text-left #article_list {font-size: 0.9em; } #text-left #article_list .article {background: url("../img/bcg_dashed.png") bottom right repeat-x; margin: 0 20px; overflow: hidden; padding: 0 0 20px 0; } #text-left #article_list .article p { padding-bottom: 0; margin-bottom: 0; } #text-left #forum_subpage p.right a.small.big { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url("../img/bcg_button_red.png") top left repeat-x #781219; border-left: 1px solid #ae1007; border-radius: 5px; border-right: 1px solid #ae1007; box-shadow: 1px 2px 5px #666; color: #fff; display: block; font-size: 13px; height: 30px; line-height: 30px; margin: auto; position: relative; text-align: center; text-decoration: none; width: 160px; } #text-left #forum_subpage p.right a.small.big:hover { text-decoration: underline; } /* Right column ---------------------------------------------------------------------------------------- */ #content-container #right-column {display: block; float: right; margin: 0; padding: 0 0 0 0; width: 300px;} #content-container #right-column .box-container {float: left; font-size: 12px; margin: 0 0 10px 0; width: 300px;} #content-container #right-column .box-container h2 {background: #932424; color: #fff; font-size: 17px; height: 40px; line-height: 40px; margin: 0 0 0 0; padding: 2px 0 2px 24px; } #content-container #right-column .box-container .box-inner {background: #e6e6e6; overflow: hidden; padding: 10px; } #content-container #right-column .box-container .box-inner ol {margin: 0!important;} #content-container #right-column .box-container .box-inner ol li {border-bottom: 1px solid #bebebe; border-top: 1px solid #fff; padding: 10px 10px 10px 25px;} #content-container #right-column .box-container .box-inner ol li.title {display: none; visibility: hidden; } #content-container #right-column .box-container .box-inner ol li:first-child {border-top: none; } #content-container #right-column .box-container .box-inner ol li:nth-child(2) {border-top: none;} #content-container #right-column .box-container .box-inner ol li:last-child {border-bottom: none; } #content-container #right-column .box-container .box-inner ol li a {font-size: 15px; text-decoration: none; } #content-container #right-column .box-container .box-inner ol li a:hover {color: #ecb600; } #content-container #right-column .box-container .box-inner ol li a.out {padding: 0 10px 0 0!important; background: url(../img/ico/outanchor.png) no-repeat right 2px!important; } #content-container #right-column .box-container .box-inner ul {margin: 0; padding: 0; } #content-container #right-column .box-container .box-inner ul li {border-bottom: 1px solid #bebebe; border-top: 1px solid #fff; padding: 10px 10px 10px 15px; } #content-container #right-column .box-container .box-inner ul li:first-child {border-top: none; } #content-container #right-column .box-container .box-inner ul li:last-child {border-bottom: none; } /* Related articles -------------------------------------------------------------------- */ #content-container #right-column .box-container #related_articles ul {margin: 10px 0 0 0; padding: 0} #content-container #right-column .box-container #related_articles ul li {border: none; font-size: 1em; line-height: 1.2em; margin: 0 0 0 10px; padding: 5px 0 0 0; } #content-container #right-column .box-container #related_articles ul li span {background: #cd0206; color: #fff; display: block; float: left; font-size: 0.95em; font-weight: bold; height: 20px; line-height: 20px; margin-bottom: 5px; padding: 0 6px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100px; } #content-container #right-column .box-container #related_articles ul li span.selected {background: #004088; } #content-container #right-column .box-container #related_articles ul li a {color: #000; line-height: 1.7em; text-decoration: underline; } #content-container #right-column .box-container #related_articles ul li a:hover {text-decoration: underline; } #content-container #right-column .box-container #related_articles ul li p {clear: both; font-size: 1.1em; margin: 5px 0 0 0; padding: 0;} /* Clanky-block */ #content-container #right-column .clanky .box-inner ul li a {text-transform: uppercase; text-decoration: none;} #content-container #right-column .clanky .box-inner ul li a:hover {color: #ecb600;} /* Archiv ---------------------------------------------------------------------------------------- */ #content #text-left #archiv {margin: 0; padding: 0;} #content #text-left #archiv table {width: auto;} #content #text-left #archiv table tr td {border: 0;} #content #text-left #archiv h1 {clear: both; font-size: 1.7em; padding-top: 30px;} #content #text-left #archiv h2 {font-size: 1.7em; padding-top: 30px;} #content #text-left #archiv input[type="checkbox"] {vertical-align: -2px;} #content #text-left #archiv input[type="radio"] {vertical-align: -2px;} #content #text-left #archiv input[type="submit"] {height: auto; padding: 6px 10px;} #content #text-left #archiv #box {border: 1px solid #d6e7f7; background: #fff; clear: none; float: right; font-size: .9em; margin: auto; margin-bottom: 10px; padding: 5px; width: 650px;} #content #text-left #archiv #box form {font-size: 0.9em;} #content #text-left #archiv #box #zpravy {width: 200px!important;} #content #text-left #archiv #box form div {padding-top: 10px;} #content #text-left #archiv #box2 {clear: none; float: right; margin: auto; width: 661px;} #content #text-left #archiv .boxMaly {border: 1px solid #d6e7f7; display: block; height: 32px!important; margin: 0; padding: 5px 10px;} #content #text-left #archiv .boxKde {display: block; float: right; margin-right: 0; padding: 10px 0 10px 10px; width: 230px;} #content #text-left #archiv table.boxy {margin: 3px 0;} #content #text-left #archiv td.boxy {height: 18px; margin: 0; padding: 0; text-align: center; width: 85px;} #content #text-left #archiv td.boxyVelke {width: 120px;} #content #text-left #archiv td.boxy a {-moz-border-radius: 2px; -moz-box-shadow: 1px 2px 2px #ddd; -webkit-border-radius: 2px; -webkit-box-shadow: 1px 2px 2px #ddd; background: #E9E9E9; border-bottom: 1px solid #d6e7f7; border-left: 1px solid #d6e7f7; border-radius: 2px; border-top: 1px solid #d6e7f7; box-shadow: 1px 2px 2px #ddd; color: #000000; display: block; font-weight: normal; font-size: 11px; margin: 0; padding: 1px 0 2px 0; } #content #text-left #archiv td.boxy a.zvyrazneni {background: #001d37; color: #fff;} #content #text-left #archiv td.boxyVpravo a {border-right: 1px solid #D1D1D1;} #content #text-left #archiv td.boxy a:hover {background: #ffbd0a; color: #000; text-decoration: underline;} #content #text-left #archiv table.archiv {font-size:1.0em;} #content #text-left #archiv table.archiv td.datum {text-align: right; vertical-align: top;} #content #text-left #archiv table.archiv td.nadpis_anotace {background: transparent none; padding-right: 15px; text-align: left;} #content #text-left #archiv .highlight {background: #BFECFF;} #content #text-left #archiv .tema {color: #808080; display: block; font-size: 12px; font-style: italic; } #content #text-left #archiv .anotace {background-image: none; background: transparent; color: #000000; display: block; } #content #text-left #archiv .nadpis {display: block; font-weight: bold; font-size: .95em;} #content #text-left #archiv .error {clear: both; color: #ff0000; display: block; font-weight: bold; margin-top: 10px; text-align: center; } #content #text-left #archiv .podpis {color: #808080; font-size: 11px;} /* Strankovani ---------------------------------------------------------------------------------------- */ #content #text-left .strankovani {font-weight: bold; margin: 20px 0 10px 0; text-align: center;} #content #text-left .strankovani a {background: #eff3ff; color: #000000; border: 1px solid #eaeaf4; margin: 3px 0 0 5px; padding: 5px 10px; text-decoration: none; font-size: 12px;} #content #text-left .strankovani a:hover {background: #E9E9E9; color:#000000; text-decoration: none; text-decoration: underline;} #content #text-left .strankovani .strankovaniVyrazne {background: #F1A400; color: #000000;} /* Forum ---------------------------------------------------------------------------------------- */ #content #text-left #forum {margin-top: 10px} #content #text-left #forum span {display: inline;} #content #text-left #forum fieldset {padding: 20px;} #content #text-left #forum #df_form {margin: auto; padding-bottom: 5px; padding-top: 5px; width: 580px;} #content #text-left #forum #df_form #smiles {padding: 2px 0 2px 0;} #content #text-left #forum #df_form #smiles a {cursor: pointer;} #content #text-left #forum #df_form #form_left {float: none; width: 580px; background: blue;} #content #text-left #forum #df_form .border {border: 1px solid #d6ebf7;} #content #text-left #forum #df_form #form_left textarea {height: 100px; width: 575px;} #content #text-left #forum #df_form #form_right {float: none; padding-top: 5px; text-align: right; width: 580px;} #content #text-left #forum #df_form #form_right table {margin: 0; width: 100%;} #content #text-left #forum #df_form #form_right table tr th {background: #003f8d; color: #fff; border: 0;} #content #text-left #forum #df_form #form_right table tr th a {color: #fff} #content #text-left #forum #df_form #form_right table tr td {vertical-align: middle;} #content #text-left #forum #df_form #form_right label {cursor: pointer; font-weight: bold;} #content #text-left #forum #df_form #form_right input {width: 140px;} #content #text-left #forum #df_form #form_right input[type="submit"] {font-size: .9em; margin: 0; width: 110px; vertical-align: -1px;} #content #text-left #forum #df_form #form_right input[type="checkbox"] {vertical-align: -2px;} #content #text-left #forum .strankovani_box {margin: 20px 0 20px 0; text-align: center;} #content #text-left #forum .strankovani_box a.strankovani {background: #F6F6F6; border: 1px solid #eaeaf4; color: #000; margin-left: -1px; padding: 2px 6px 2px 6px; text-decoration: none;} #content #text-left #forum .strankovani_box a.strankovani:hover {background: #E9E9E9; color: #000; text-decoration: underline;} #content #text-left #forum .strankovani_box a.strankovaniVyrazne {background: #F1A400; color: #000; font-weight: bold; margin-left: -1px; padding: 2px 6px; text-decoration: none;} #content #text-left #forum #coments .space {height: 1px;} #content #text-left #forum #coments .comment {padding: 10px 0;} #content #text-left #forum #coments .comment .comment_left {float: left; font-size: 11px; line-height: 1.3em; padding: 0; text-align: center; width: 58px;} #content #text-left #forum #coments .comment .comment_left img.border {border: 1px solid #DEDEDE;} #content #text-left #forum #coments .comment .comment_left img.toleft {margin: 0 0 3px 0; } #content #text-left #forum #coments .comment .comment_left img.toright {margin: 24px 0 0 0;} #content #text-left #forum #coments .comment .comment_left a {color: #000} #content #text-left #forum #coments .comment .comment_left span {cursor: help; display: block;} #content #text-left #forum #coments .comment .comment_right {float: right; padding: 0; width: 573px;} #content #text-left #forum #coments .comment .comment_right .space {height: 0;} #content #text-left #forum #coments .comment .comment_right a.mail span {display: none;} #content #text-left #forum #coments .comment .comment_right .comment_head {background: #e7f7ff; border: 1px solid #DEDEDE; border-bottom: 0; padding: 3px 10px;} #content #text-left #forum #coments .comment .comment_right .comment_head a.karma_minus {background: url(../img/smajly/karma_minus.png) no-repeat 0 0; cursor: pointer; display: block; float: right; height: 18px; width: 18px;} #content #text-left #forum #coments .comment .comment_right .comment_head a.karma_plus {background: url(../img/smajly/karma_plus.png) no-repeat 0 0; cursor: pointer; display: block; float: right; height: 18px; margin: 0 0 0 5px; width: 18px;} #content #text-left #forum #coments .comment .comment_right .comment_head a span {display: none;} #content #text-left #forum #coments .comment .comment_right .comment_text {border: 1px solid #DEDEDE; margin-bottom: 10px; padding: 8px 8px 15px 8px;} #content #text-left #forum #coments .comment .comment_right .comment_text .comment_text_reaction {border-bottom: 5px solid #DEDEDE; color: #7C7A7C; font-size: 0.9em; line-height: 1.6em; margin-bottom: 5px; padding: 0 0 5px 0;} #content #text-left #forum #coments .comment .comment_right .comment_text .comment_text_reaction a {cursor: pointer;} #content #text-left #forum .forum_box {border: 1px solid #DEDEDE; padding: 5px; width: auto;} #content #text-left #forum .forum_box .menicko {margin: 0;} #content #text-left #forum .menicko.functions {font-size: 0.9em;} #content #text-left #forum .menicko.functions table {margin: auto;} #content #text-left #forum .menicko.functions select {font-size: 0.9em; margin-right: 5px;} #content #text-left #forum .menicko.functions input {font-size: 0.9em;} #content #text-left #forum_subpage .forum_box {border: 1px solid #DEDEDE; padding: 5px; width: auto;} #content #text-left #forum_subpage form table.nice {margin: 15px auto; width: 510px;} #content #text-left #forum_subpage form table.nice tr td.item {padding-right: 10px;} #content #text-left #forum_subpage form table.nice tr td input {margin-left: 5px; width: 200px;} #content #text-left #forum_subpage form table.nice tr td select {margin-left: 5px; width: 200px;} #content #text-left #forum_subpage form table.nice tr td textarea {width: 600px;} #content #text-left #forum_subpage form table.nice tr td input.captcha {width: 50px;} #content #text-left #forum_subpage form table.nice tr td input.souhlas {width: auto;} #content #text-left #forum_subpage form table.nice tr td input[type="checkbox"] {vertical-align: -7px;} #content #text-left #forum_subpage #forum_rules {background-color: #fff;border: 1px solid #DEDEDE; color: #000; height: 150px; margin: auto; overflow: auto; padding: 5px; width: 350px;} /* Multimedia ---------------------------------------------------------------------------------------- */ #index-tabs {clear: both; margin: 20px 0 0 0; } #index-tabs #tab-menu {border-bottom: 7px solid #cecece; clear: both; height: 41px; margin: 0; padding: 0; width: 654px; } #index-tabs #tab-menu li {background: none!important; display: block; float: left; height: 50px; line-height: 40px; margin: 0 5px 0 0!important; padding: 0!important; } #index-tabs #tab-menu li:last-child {margin: 0; } #index-tabs #tab-menu li a {-moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; background: #f1f1f1; border-left: 1px solid #f1f1f1; border-radius: 7px 7px 0 0; border-right: 1px solid #f1f1f1; border-top: 1px solid #c2c2c2; color: #82080c; font-size: 15px; display: block; height: 40px; line-height: 40px; padding: 0 10px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: 120px; } #index-tabs #tab-menu li a.short {width: 100px; } #index-tabs #tab-menu li.ui-tabs-selected a {background: #fff; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; } #index-tabs #tab-menu li.ui-tabs-selected a:after {background: #fff; bottom: -7px; content: ''; height: 7px; left: 0; position: absolute; width: 140px; } #index-tabs #tab-menu li.ui-tabs-selected a.short:after {width: 120px; } #index-tabs div.hidden {display: none!important;} #index-tabs div.index-tab {border-bottom: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; padding: 0 0 0 30px; } #index-tabs div.index-tab p.toright {margin-bottom: 30px; } #index-tabs div.index-tab .article {background: url('../../img/bcg-dotted.png') bottom left repeat-x; float: left; padding: 20px 34px 20px 0; width: 310px; } #index-tabs div.index-tab .article.last {margin: 0; background: none;} #index-tabs div.index-tab .article.even {padding-right: 0; width: 310px;} #index-tabs div.index-tab .article h2 {height: 70px; margin: 0 0 10px 0; min-height: 70px; } #index-tabs div.index-tab .article h2 a {color: #06234c; text-decoration: none; } #index-tabs div.index-tab .article h2 a:hover {text-decoration: underline; } #index-tabs div.index-tab .article .article-image {float: left; height: 173px; position: relative; width: 310px; } #index-tabs div.index-tab .article .article-image img {float: left; height: 173px; width: 310px; } #index-tabs div.index-tab .article .article-image .date {background: #254364; border: none!important; bottom: 0; color: #fff!important; float: left; font-size: 12px!important; left: 0; line-height: 18px!important; padding: 0 10px!important; position: absolute; text-align: center!important; z-index: 10; } #index-tabs div.index-tab .article .article-text {float: left; font-size: 13px; height: 130px; min-height: 130px; width: 310px; } #index-tabs div.index-tab .article .article-text p {font-size: 1.1em; line-height: 1.4em; } #index-tabs div.index-tab .article .recommended {background: #0F1C46; margin-bottom: -15px; padding: 6px 10px 11px 10px; width: 290px;} #index-tabs div.index-tab .article .recommended .article-image {height: 161px; width: 290px;} #index-tabs div.index-tab .article .recommended .article-image img {height: 161px; width: 290px;} #index-tabs div.index-tab .article .recommended h2 {color: #fff; font-style: italic; height: 61px; min-height: 61px;} #index-tabs div.index-tab .article .recommended h2 a {color: #fff; font-style: italic;} #index-tabs div.index-tab .article .recommended .article-text {height: 145px; min-height: 145px;} #index-tabs div.index-tab .article .recommended p {color: #fff; font-style: italic; padding: 0 5px!important; width: 290px!important;} #index-tabs div.index-tab .index-fotogalerie div.index-fotogalerie-item {display: block; float: left; margin: 10px 5px; width: 300px;} #index-tabs div.index-tab .index-fotogalerie div.index-fotogalerie-item div.index-fotogalerie-item-image {display: block; float: left; height: 100px; overflow: hidden; width: 150px;} #index-tabs div.index-tab .index-fotogalerie div.index-fotogalerie-item div.index-fotogalerie-item-image img {border: 2px solid #E9E9E9;} #index-tabs div.index-tab .index-fotogalerie div.index-fotogalerie-item div.index-fotogalerie-item-text {display: block; float: right; width: 140px;} #index-tabs div.index-tab p.toright {margin-right: 30px; } /* Fotogalerie ---------------------------------------------------------------------------------------- */ #content #text-left #fotogalerie {margin-top: 10px; width: 650px;} #content #text-left #fotogalerie h3 {border-bottom: 0; color: #000; display: block; float: none; font-family: sans-serif; font-size: 1.4em; margin: 0; padding: 15px 0 5px 0; } #content #text-left #fotogalerie .popis {display: block; clear: both; text-align: center; font-weight: bold;} #content #text-left #fotogalerie .autor {display: block; clear: both; text-align: center; font-style: italic; padding: 15px 0 0 0; } #content #text-left #fotogalerie .navigace {clear: both; display: block; margin: 0 0 10px 0; } #content #text-left #fotogalerie .navigace .prochazeni {display: block; padding-bottom: 15px; width: 150px;} #content #text-left #fotogalerie .navigace .prochazeni .button {width: 100px;} #content #text-left #fotogalerie #formulare {background: #e7f7ff; border: 1px solid #d6ebf7; display: block; font-size: 12px; margin: 0 auto 10px auto; padding: 10px; width} #content #text-left #fotogalerie #formulare #trideniDIV {clear: both; display: block; height: 25px; margin: 5px 0;} #content #text-left #fotogalerie #formulare #trideniDIV .trideni {border-top: 1px solid #9CABCA;} #content #text-left #fotogalerie #formulare #trideniDIV form {margin: 0;} #content #text-left #fotogalerie .menicko {display: none; visibility: hidden;} #content #text-left #fotogalerie table {line-height: 0; margin: 10px auto 10px auto; width: 650px;} #content #text-left #fotogalerie table tr td {height: 80px; margin: 0; padding: 0; width: 133px; } #content #text-left #fotogalerie table tr td a {background-color: #fff; background-position: top center; background-repeat: no-repeat; border: 3px solid #E9E9E9; display: block; height: 100px; margin: 10px 10px 0 0; width: 145px;} #content #text-left #fotogalerie table tr td a:hover {border: 3px solid #82080c; text-decoration: none;} #content #text-left #fotogalerie table tr td a span {display: none;} /* Soupiska ---------------------------------------------------------------------------------------- */ #content #text-left table#soupiska {margin: 10px auto 15px auto; width: 100%;} #content #text-left table#soupiska tr.colored td {background: #f5eded;} #content #text-left table#soupiska tr td.cislo {width: 20px;} #content #text-left table#soupiska tr td.post {width: 40px;} #content #text-left table#soupiska tr td.marodka {width: 15px; text-align: right;} #content #text-left table#soupiska tr td.jmeno a {text-decoration: none;} #content #text-left table#soupiska tr td.jmeno span {color: #333; text-decoration: underline;} #content #text-left table#soupiska tr td.narozen {width: 90px;} #content #text-left table#soupiska tr td.vek {width: 50px;} #content #text-left table#soupiska tr td.vyska {width: 50px;} #content #text-left table#soupiska tr td.vaha {width: 50px;} #content #text-left table#soupiska tr td.hul {width: 30px;} #content #text-left table#soupiska tr td {cursor: pointer; border: 1px solid #d8d8d8;} #content #text-left table#soupiska tr td span {text-decoration: underline;} #content #text-left table#soupiska tr.B {cursor: pointer;} #content #text-left table#soupiska tr.O {cursor: pointer;} #content #text-left table#soupiska tr.S {cursor: pointer; } #content #text-left table#soupiska tr.U {cursor: pointer;} /* Statistika ---------------------------------------------------------------------------------------- */ #content #text-left table.tabStats {margin: 0 auto 15px auto; width: 100%; } #content #text-left table.tabStats tr td {border: 1px solid #d8d8d8} #content #text-left table.tabStats tr th {font-size:0.9em} #content #text-left table.tabStats tr td a {text-decoration: none;} #content #text-left table.tabStats tr td a:hover {text-decoration: underline;} #content #text-left table.tabStats tr td.jmeno a {text-decoration: none;} #content #text-left table.tabStats tr td.jmeno span {color: #333; cursor: pointer; font-weight: bold; text-decoration: underline;} #content #text-left table.tabStats tr.delici_cara td {background: #e7f7ff; height: 5px; font-size: 0; line-height: 0; padding: 0; } #content #text-left table.tabStats tr.colored td {background: #f5eded} #content #text-left table.tabStats tr.O {cursor: pointer;} #content #text-left table.tabStats tr.S {cursor: pointer;} #content #text-left table.tabStats tr.U {cursor: pointer;} #content #text-left table.tabStats tr.B {cursor: pointer;} /* Podrobna tabulka ---------------------------------------------------------------------------------------- */ #content #text-left table.table_fotbal {border-collapse: collapse; margin-bottom: 10px; margin-top: 10px; width: 100%; font-size: 16px;} #content #text-left table.table_fotbal tr th { background: #932424; border: 1px solid #82080c; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; } #content #text-left table.table_fotbal tr td {border: #d8d8d8 solid 1px; padding: 6px 5px; line-height: 1.5em; } #content #text-left table.table_fotbal tr.vysvitit td {background-color: #F5EDED;} #content #text-left table.table_fotbal tr.DUK td, #content #text-left table.table_fotbal tr.DUK td {background-color: #003f8c; color: #ffffff; border-color: #053676; } #content #text-left table.table_fotbal tr td.body {font-weight: bold;} #content #text-left table.table_fotbal tr .poradi {text-align: left; width: 22px;} #content #text-left table.table_fotbal tr .tym {font-weight: bold; text-align: left;} #content #text-left table.table_fotbal tr .zapasy {text-align: left; width: 22px;} #content #text-left table.table_fotbal tr .vyhry {text-align: left; width: 22px;} #content #text-left table.table_fotbal tr .prohry {text-align: left; width: 22px;} #content #text-left table.table_fotbal tr .remizy {text-align: left; width: 22px;} #content #text-left table.table_fotbal tr .body {text-align: left; width: 22px;} #content #text-left table.table_fotbal tr .skore {text-align: center; width: 25px;} #content #text-left table.table_fotbal tr .goly_rozdil {text-align: right; width: 22px;} #content #text-left table.table_fotbal tr .tab_pravdy {text-align: right; width: 22px;} /* Karta hrace ---------------------------------------------------------------------------------------- */ #content #text-left h1.player span.jersey {float: right; height: 47px; margin-top: -10px; padding-top: 8px; ;text-align: center; width: 55px;} #content #text-left #player_card {clear: both; height: 380px; margin: 0;} #content #text-left #player_card #player_foto {float: left; height: 280px; padding: 0; width: 250px;} #content #text-left #player_card table.bio {float: right; margin: 0; width: 330px;} #content #text-left #player_card table.bio tr td {border-bottom: 1px solid #bb8789; font-size: 0.90em; padding: 5px 0;} #content #text-left #player_card table.bio tr td.item {font-weight: bold; white-space: nowrap; width: 150px;} #content #text-left #player_card #hrac_statistiky {float: right; width: 305px; margin: 15px 25px 0 0;} /* Reportaz ---------------------------------------------------------------------------------------- */ #content #text-left .game_date {-moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; background: #fbbd17; border-radius: 7px 7px 0 0; color: #000; font-size: 0.85em; height: 35px; line-height: 35px; padding: 0 10px; } #content #text-left #game_box {border: 1px solid #fbbd17; padding: 0; width: 638px; } #content #text-left #game_box .team_box { border-bottom: 1px solid #fbbd17; float: left; height: 70px; /*line-height: 70px;*/ padding: 10px; text-align: left; width: 251px; } #content #text-left #game_box .team_box tr td strong { color: #97151b; font-size: 1.3em; margin: 0 10px; padding: 0; text-shadow: 1px 1px #eee; vertical-align: 20px; } #content #text-left #game_box .team_box tr td.team_name_left{ text-align: center; } #content #text-left #game_box .team_box tr td.team_name_right{ text-align: right; } #content #text-left #game_box .score_box {background: #97151b; border-bottom: 1px solid #97151b; float: left; height: 90px; margin: 0; padding: 0; text-align: center; width: 136px; } #content #text-left #game_box .score_box .score {color: #fec20a; color: #fff; font-size: 3em; font-weight: bold; margin-top: 25px; } #content #text-left #game_box .score_box .periods {color: #eee; font-size: 0.8em; padding: 5px 0 0 0; } #content #text-left #game_box .goals {font-size: 0.9em; line-height: 1.3em; margin: 10px 10px 0 10px; padding: 0 0 10px 0; } #content #text-left #game_box .roster {background: url('../img/bcg_dashed.png') bottom left repeat-x; font-size: 0.9em; line-height: 1.3em; margin: 0 10px 0 10px; padding: 20px 0; } #content #text-left #article_photo {margin: 0; padding: 0; } #content #text-left #article_photo a {background-color: #fff; background-position: top center; background-repeat: no-repeat; border: 3px solid #1F609B; display: block; float: left; height: 120px; margin: 0 15px 15px 0; padding: 0; text-decoration: none; width: 188px; } #content #text-left #article_photo a:hover {border: 3px solid #82080c; text-decoration: none; } #content #text-left #article_photo span {display: block; height: 125px; width: 180px; } /* Prehled zapasu ---------------------------------------------------------------------------------------- */ #content #text-left table#zapasVypis {margin: 0 auto 15px auto; width: 100%;} #content #text-left table#zapasVypis tr td {border: 1px solid #d8d8d8;} #content #text-left table#zapasVypis tr td a {font-weight: bold;} #content #text-left table#zapasVypis tr td a.vyhra {color: #008000;} #content #text-left table#zapasVypis tr td a.prohra {color: #ff0000;} #content #text-left table#zapasVypis tr td a.remiza {color: #004080;} #content #text-left table#zapasVypis tr td a.vyhra:hover {color: #008000;} #content #text-left table#zapasVypis tr td a.remiza:hover {color: #ff0000;} #content #text-left table#zapasVypis tr td a.prohra:hover {color: #008000;} #content #text-left table#zapasVypis tr.venku td {cursor: pointer; background: #ffffff;} #content #text-left table#zapasVypis tr.doma td {cursor: pointer; background: #f5eded;} /* Ptejte se ---------------------------------------------------------------------------------------- */ #content #text-left #offline .offline_header {background: #e7f7ff; border:1px solid #dedede; height: auto; padding: 3px 10px 3px 10px; } #content #text-left #offline .offline_text {line-height: 1.5em; padding: 8px 8px 20px 8px; margin-bottom: 20px; border: 1px solid #dedede; border-top: 0px;} /* Legendy ---------------------------------------------------------------------------------------- */ #content #text-left ul#legendy {display: inline-block; margin: 0; padding: 5px 5px 5px 10px; } #content #text-left ul#legendy li {background: url('../img/bcg_legendy_box.gif') top left repeat-x #e4c793; display: block; float: left; height: auto; margin: 0 10px 10px 0; padding: 2% 2% 2% 2%; width: 45%; } #content #text-left ul#legendy li img {border: 1px solid #67111a; float: left; height: auto; width: 40%; } #content #text-left ul#legendy li .jmeno {border-bottom: 1px solid #82080c; float: left; padding-left: 2%; } #content #text-left ul#legendy li .jmeno a {text-decoration: none; } #content #text-left ul#legendy li .jmeno span.jmeno_prijmeni {color: #82080c; font-size: 14px; font-weight: bold; display: inline;} #content #text-left ul#legendy li .pozice {float: left; font-size: 11px; margin-top: 10px; padding-left: 2%; width: 40%; } #content #text-left img.legenda {border: 1px solid #82080c; float: right; margin-left: 10px; text-align: right; } /* Bottom banners -------------------------------------------------------------------------------------------*/ .container #bottom-banners {background: #bfbfbf; margin: 0; padding: 15px; width: 950px; } .container #bottom-banners .banner-container {background: #fff; box-shadow: 3px 3px 3px #999; float: left; height: 165px; margin: 0 5px; width: 295px; } .container #bottom-banners .banner-container h2 {background: url('../img/bcg_bottom_banners_h2.png') top left repeat-x; color: #000; font-size: 14px; height: 34px; line-height: 34px; padding: 0 0 0 15px; } .container #bottom-banners .banner-container img {margin: 8px; } .container #bottom-banners h2 {margin: 0;; padding: 0; } /* Bottom ---------------------------------------------------------------------------------------- */ #layout #main #bottom {border-top: 1px solid #1b0302; clear: both; margin: 0 auto; padding: 0; width: 980px; } #layout #main #bottom #bottom-photo {background: url('../img/bcg_bottom_fotogalerie.png') top left repeat-x #222222; margin: 0; padding: 0 0 25px 0; width: 980px; text-align: center;} #layout #main #bottom #bottom-photo #bottom-photo-inner {margin: 15px 0 0 56px;} #layout #main #bottom #bottom-photo h2 {background: url('../img/bcg_fotogalerie_title.png') top left no-repeat; height: 15px; margin: auto; width: 156px; } #layout #main #bottom #bottom-photo h2 span {visibility: hidden; } #layout #main #bottom #bottom-photo a {background-color: #fff; background-position: top center; background-size: cover; border: 1px solid #eee; display: block; float: left; height: 90px; margin: 0 15px 0 0; padding: 0; text-decoration: none; width: 130px; } #layout #main #bottom #bottom-photo a:hover {text-decoration: none; } #layout #main #bottom #bottom-photo span {display: block; height: 90px; width: 130px; } #text-left table.patroni {border-collapse: collapse; width: 98%;} #text-left table.patroni tr td {width:33%; text-align:center;} #text-left table.patroni tr td img{max-width:195px;} #predstavujeme { float: right; margin: 40px 0 0 0; width: auto; height: 85px; background: #fcc826 no-repeat -3px 0px; padding: 5px 15px 0px 77px; position: relative; z-index: 10; } #predstavujeme:hover { padding-right: 18px; } #predstavujeme span { float: right; font-family: "Montserrat", "Arial", sans-serif; font-weight: bold; font-size: 15px; margin: 10px 10px 0px 15px; text-align: center; } #predstavujeme strong { display: block; font-size: 17px; color: #6d1718; margin-bottom: 20px; } #predstavujeme:after { display: block; position: absolute; left: 0; width: 7px; top: 0; height: 100%; background: url(/inc/css/ribbonr-inv.png) repeat-y 0px 0px; content: ""; } #text-left .galerie_tymu{ overflow: hidden; margin-bottom: 20px; } #text-left .galerie_tymu .clen{ float: left; text-align: center; width: 25%; height: 217px; margin: 5px 0px 5px 0; } #text-left .galerie_tymu .clen img{ max-width: 130px } #text-left .galerie_tymu .clen strong{ font-size: 13px; } .head-container .icons{ float: right; margin: 150px -275px 0 0px; position: relative; right: 44px; z-index: 100; } .head-container .icons a{ text-decoration: none; } .head-container .icons span{ color: #fcc826; font-weight:700; } .head-container .icons .newsletter{ background: url(/img/newsletter.png) no-repeat left center; background-size: 30px; padding: 3px 5px 0px 30px; text-decoration: none; } .head-container .icons .fanshop{ background: url(/img/fanshop2.png) no-repeat left center; background-size: 30px; padding: 3px 5px 0px 30px; } @media screen and (max-width: 1024px) { #text-left { padding: 0px 3% !important; } }