/*
	GLOBAL CONSTANT
	
	#82a8ec
	#e67f11

	#0d0c03
	#0c0c0c
*/


/* global */
body {background: #FFF;color: #000;font-size: 15px;line-height: 22px;font-family: 'Open Sans', sans-serif;}
body a {color: #0d0c03;}
body a:hover {color: #0c0c0c;}
.clear {clear: both;}
.nopadding {padding: 0 !important; margin: 0 !important;}
/* global */

section button {background: #82a8ec;line-height: 80px;  font-size: 30px; text-align: center; color:#0d0c03; border-radius: 0px;}
section button:hover {color:#0c0c0c; transition: all .2s ease-in-out;}
section button.btn-lg {border-radius: 0px;}
section button.btn:hover {color:#e67f11;}

header {}
header .logo img {height: 70px; display: inline-block;}
header .logo {margin-top: 15px;}

header .logo span {font-size: 30px; font-weight: 700; text-decoration: none; line-height: 50px; color: #82a8ec; text-transform: uppercase;}
header .logo span strong {font-size: 40px;}
header .logo a:hover {text-decoration: none; }

header .menu {background: #82a8ec;}
header .nav li a {color: #0d0c03; font-size: 18px; line-height: 35px; }
header .nav li a:hover, header .nav li a:focus, header .nav .open a:focus, header .nav .open a {background: #e67f11; color: #0c0c0c;}
header .nav li a:hover a, header .nav li a:focus, header .nav .open a:focus, header .nav .open a {background: #82a8ec; color: #0d0c03;}
header .nav b {margin-left: 10px;}

header .dropdown-menu li a{background: #82a8ec; color: #000; padding-left: 15px;}
header .dropdown-menu li a:hover{background: #e67f11 !important; color: #FFF; padding-left: 15px;}

@media (max-width: 768px) {
	header .dropdown-menu {background: #FFF !important; border-radius: 0;}
}

header .collapse-button {font-size: 30px; float: none; line-height: 80px; text-align: center;}
header .navbar-toggle {float: none; margin: 0; padding: 0px;}

footer {margin-top: 20px; padding: 20px 0 20px 0; background: #82a8ec; color: #0c0c0c; width: 100%;}
footer .container {padding: 0;}
footer .content p {font-size: 14px !important; line-height: 20px;}
footer a {color: #0d0c03;}
footer a:hover {color: #0c0c0c;}
footer span {font-weight: 800; color: #0c0c0c;}

.menu-sidebar {margin: 20px 0px; padding: 0px;}
.menu-sidebar li{background: #82a8ec; list-style-type: none;  border-bottom: #e67f11 1px solid;}
.menu-sidebar li a{color: #0d0c03; line-height: 35px; font-size: 16px; width: 100%; padding: 0 10px;}
.menu-sidebar li:hover {text-decoration: none; background: #e67f11; color: #0c0c0c;}
.menu-sidebar li a:hover {text-decoration: none; color: #0c0c0c;}

#content {margin-top: 20px;}
.content_right {padding-right: 0px; padding-left: 15px;}
.content-left {padding-left: 0px !important;}

.sidebar .right_column {padding-right: 0px; }
.sidebar h2 {line-height: 50px; font-size: 18px; font-weight: 700; color: #0d0c03;; background: #82a8ec; text-align: center; padding: 0 15px;}
.sidebar h2 a{font-size: 18px; font-weight: 700; color: #0d0c03;}
.sidebar h2 .fa{float: right; line-height: 50px;}

.sidebar .jobs a {display: block; border-bottom: #EEE 1px solid; padding: 5px 0;}
.sidebar .jobs a:last-child {border-bottom: 0;}
.sidebar .jobs img {margin-left: auto; margin-right: auto; width: 100%;}

.sidebar .jizdni-rady img {max-width: 100px; display: inline-block; margin: 5px 20px 5px 0;}
.sidebar .jizdni-rady a {font-size: 25px;}
.sidebar .jizdni-rady tr {border-bottom: #888 1px solid;}
.sidebar .jizdni-rady { width: 100%;}

@media (max-width: 970px) {
	.sidebar .col-md-6{padding-left: 0px; padding-right: 0px; }
}

.sms-zdarma {margin: 15px 0;}

.poslat-banner {background: yellow; height: 55px; width: 100%; margin-top: 20px;}
.poslat-banner .text{text-align: center; font-weight: 700; font-size: 20px; line-height: 55px;}
.poslat-banner img{width: 40px; margin: 10px 0px 0px 0px !important;}

.banner-pujcka {margin-top: 15px; padding: 0px !important;}

#top-comments {}
#top-comments .item {}
#top-comments .item .no {display: block;width: 40px;height: 40px;line-height: 40px;background: #DDD;color: #FFF;text-align: center;float: left;}
#top-comments .item h3 {margin: 0;font-size: 14px;line-height: 20px;padding-left: 50px;}
#top-comments .item p {padding: 0 0 10px 50px;color: #AAA;font-size: 13px;}
#top-comments .item p .fa {padding: 0 10px 0 0;}

section.articles {}
section.articles h2 { font-weight: 700;margin: 0 0 7px 0;font-size: 24px;line-height: 27px;}
section.articles img { float: left; padding: 0 10px 5px 0;}

#top-comments-slider {margin: 0 0 25px 0;}
#top-comments-slider .item {background: #333333;padding-bottom: 20px;}
#top-comments-slider .item img {width: 100%;}
#top-comments-slider .item h2 {font-weight: 700;margin: 10px 40px 10px 15px;font-size: 18px;line-height: 30px;height: 30px;overflow: hidden;color: #FFF;}
#top-comments-slider .item p {font-size: 15px;line-height: 25px;height: 50px;overflow: hidden;color: #FFF;margin: 0 40px 0 15px;}
#top-comments-slider .item a {color: #FFF;}
#top-comments-slider .control {position: absolute;top: 100%;right: 0;width: 30px;height: 60px;background: #0C3062;color: #FFF;display: block;margin-top: -60px;line-height: 60px;text-align: center;font-size: 24px;}
#top-comments-slider .control.left {margin-top: -120px;}

.logos {margin: 0 0 20px 0;}
.logos a {display: block;border-bottom: 1px solid #DDD;padding: 0 0 10px 0;margin: 0 0 10px 0;}
.logos a img {display: inline-block;}
.logos a:last-child {margin-bottom: 0;padding-bottom: 0;border: 0;}

table.rates {width: 100%;margin: 15px 0;max-width: 100%;}
table.rates tr {border-bottom: 1px solid #CCC;}
table.rates h4 {margin: 0;font-size: 14px;line-height: 24px;}
table.rates h4 .fa {padding-left: 10px;color: #CCC;}
table.rates th, table.rates td {padding: 6px 0;vertical-align: top;line-height: 24px;}
table.rates td.text-right {text-align: right;}
table.rates tr.hide-it {}
table.rates tr.hide-it td {text-align: center;}
table.rates tr.hide-it td img {max-width: 260px;}
table.rates .fa-arrow-up {color: #1C670B;}
table.rates .fa-arrow-down {color: #DD0000;}

.phm {margin-top: 20px;}
.phm a {display: inline-block;}
.phm .graybox {background: #DDD; width: 100px; height: 100px;}
.phm .up {color: #1C670B;}
.phm .down {color: #DD0000;}
.phm .col-xs-4 {border-right: #CCC 1px solid;}
.phm .col-xs-4:last-child {border-right: none;}

#news h2 {line-height: 50px; font-size: 18px; font-weight: 700; color: #0d0c03; background: #82a8ec; text-align: center; padding: 0 15px;}
#news a:hover {color: #0d0c03;}
#news {margin: 0 0 25px 0;}
#news ul {list-style: none;margin: 0;padding: 0;}
#news ul li {padding: 0 0 12px 0;}
#news ul li .date {margin: 0;color: #0c0c0c;font-size: 13px;padding: 0 10px 0 0;display: inline-block;}
#news ul li .fa {padding-right: 10px;}



#periodika .vytisk {background: #CCC; aborder: #CCC 1px solid; margin: 10px 0;}
#periodika .vytisk h2 {text-align: center; margin: 0; line-height: 30px; font-size: 25px; color: #FFF;}
#periodika .vytisk img {width: 100%;}

#jobs .job {border-bottom: #EEE 1px solid; margin: 15px 0;}
#jobs .job a {font-weight: 700; font-size: 18px;}

#content table.rates-content {width: 100%;margin: 15px 0;}
#content table.rates-content tr {border-bottom: 1px solid #CCC;}
#content table.rates-content h4 {margin: 0;font-size: 14px;line-height: 24px;}
#content table.rates-content h4 .fa {padding-left: 10px;color: #CCC;}
#content table.rates-content th {font-weight: 700;}
#content table.rates-content th, #content table.rates-content td {padding: 6px 0;vertical-align: top;line-height: 24px;border: 0;background: none;color: #333;}
#content table.rates-content td.text-right {text-align: right;}
#content table.rates-content .fa-arrow-up {color: #1C670B;}
#content table.rates-content .fa-arrow-down {color: #DD0000;}
.date {color: #AAA;}

section.content h1 {color: #AAA;font-size: 30px;margin: 0 0 25px 0;line-height: 30px;}
section.content h1 strong{font-weight: 700;}
section.content h2 {color: #AAA;font-size: 22px;font-weight: 700;margin: 20px 0 15px 0;}
section.content h3 {font-size: 18px;font-weight: 700;color: #222;margin: 15px 0 5px 0;line-height: 26px;}
section.content h4 {font-size: 16px;font-weight: 700;color: #222;margin: 10px 0 5px 0;}
section.content p {font-size: 18px; line-height: 25px;}
section.content p.date {color: #AAA;}
section.content a {text-decoration: underline;}
section.content a:hover {text-decoration: none;}
section.content ul li {font-size: 18px; line-height: 25px;}
section.content ul li a {text-decoration: underline;}


.content img {margin: 15px 0;max-width: 100%;height: auto;}
.content img.banner {margin: 0;}
.content img.no-margin {margin: 0;}
.content img.align-left {float: left;margin: 15px 20px 15px 0;}
.content img.align-right {float: right;margin: 15px 0 15px 20px;}

section.content .pagination {margin: 15px 0;}
section.content .pagination li {background: none;}
section.content .pagination li a {color: #D60A16;text-decoration: none;border-color: #DDD;background: none;border-radius: 0;}
section.content .pagination li a:hover {color: #000;}
section.content .pagination li a.active {color: #FFF;background-color: #D60A16;}


section.contact_form h2 {color: #CCC;font-size: 30px;line-height: 30px; text-transform: uppercase; text-align:center; margin: 20px 0px;}
section.contact_form {padding: 20px 0px; }
section.contact_form .form-group {margin-bottom: 20px;}
section.contact_form .form-group input,
section.contact_form .form-group textarea {padding: 20px;}
section.contact_form .form-group input.form-control {height: auto;}
section.contact_form .form-group textarea.form-control {height: 226px;}
section.contact_form .form-control:focus {border-color: #CCC; box-shadow: none;}
section.contact_form .btn-xl {padding: 20px 40px; border-color: #CCC; border-radius: 3px; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #0d0c03; background-color: #82a8ec;}
section.contact_form .btn-xl:hover {transition: 200ms; background-color: #e67f11; color: #0d0c03;}


section.gallery {margin: 30px 0;}
section.gallery h1{text-align: center; text-transform: uppercase; color: #AAA; font-weight: 600;}
section.gallery h1 a {color:#AAA;}
section.gallery .photo {padding-bottom: 30px;}
section.gallery img {width: 100%;}
section.gallery img:hover {border: #AAA 1px solid;}
section.gallery .show-all-gallery { background: #EEE; text-align: center; font-size: 80px;}
section.gallery .show-all-gallery:hover{ color:#AAA;transition:300ms;}
section.gallery .show-all-gallery i{vertical-align: middle;}

section.full-width{background: #000;}

section.list {background: #000; font-size: 18px; padding: 20px; color:#FFF;}
section.list div.link { text-transform: uppercase;display: inline-block; margin: 5px; border: rgba(255,255,255, 0.4) 1px solid; padding:10px 10px; transition: all .2s ease-in-out;}
section.list div.link:hover {transform: scale(1.08); }
section.list div.link a{color:#FFF;}
section.list div.link a:hover {color:#AAA; transition: 200ms;}

section.bet-bonus img {margin: 0px;}
section.bet-bonus .price {font-weight: 700;}
section.bet-bonus .bonus {color: green;}
section.bet-bonus .last a {line-height: 40px; abackground: #82a8ec; padding: 4px; color: green;}

section.banner {}
section.banner img {margin: 0px 0 10px 0;}

section.report {padding: 20px 0 0 0; margin: 0;}
section.report .alert{margin: 0;}
section.report .container{padding: 0;}

/* forms */
form .form-control {border-radius: 0;}
form .form-control:focus {border-color: #666;}
form button.submit {background: #036BAD;border-radius: 0;color: #FFF;font-weight: 700;border: 0;padding: 0 30px;text-transform: uppercase;margin: 0 12px 0 0;}
/* forms */


.weather {position:relative; width: 160px; height: 236px; overflow: hidden;}
.pocasi-img {position: absolute; top: -45px;}

/*.weather {position:relative;}
.pocasi-img { margin-top: -25px; clip: rect(30px,160px,265px,0px); position:absolute; margin-left: 55px;} */