* {
	margin: 0;
	padding: 0;
}

body {
	background: #0e0e0e url("/img/background-gradient.png") repeat-y 50% 0%;
	font-family: 'Ubuntu', "Verdana", sans-serif;
	font-size: 13px;
	color: white;
}
a {
	text-decoration: none;
	color: #f8c013;
}
a.button, button.button {
	background: url("/img/button-background.png") repeat-x 50% 50%;
	text-align: center;
	font-size: 10px;
	border: #fff solid 0px;
	border-radius: 3px;
	display: inline-block;
	width: 134px;
	height: 23px;
	line-height: 23px;
	color: #d8d8d8;
}
.center {
	width: 1000px;
	margin: auto;
}
.cleaner {
	clear: both;
}
#pocasi .head .title {
	margin-bottom: 10px;
}
#pocasi .head .title h1 {
	background: url("/img/menu/kratkodoba-predpoved-bila.png") no-repeat 0% 10px;
	font-size: 28px;
	font-weight: normal;
	display: inline-block;
	margin: 0 20px 0 0;
	padding-left: 25px;
}
#pocasi .head .title .altitude {
	font-size: 11px;
}
#pocasi .head .region {
	font-size: 19px;
	margin-bottom: 20px;
}
#pocasi .buttons {
	margin-bottom: 30px;
}
#pocasi .buttons .button {
	margin-right: 10px;
}
#pocasi #small-cr {
	position: absolute!important;
	top: 0px;
	right: 20px;
	z-index: 20;
}
#pocasi .big-widgets .big-widget {
	display: inline-block;
	margin: 0 22px 30px 0;
}
#pocasi .big-widgets .big-widget:last-child {
	margin-right: 0;
}
#pocasi .small-widgets .small-widget {
	display: inline-block;
	margin: 0 22px 30px 0;
}
#pocasi .small-widgets .small-widget:last-child {
	margin-right: 0;
}
#pocasi .hourly-forecast h2 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
}
#pocasi .orange-line {
	background-image: url("/img/orange-line-background.png");
	height: 8px;
}
#pocasi .hourly-forecast .meteogram {
	position: relative;
	left: -40px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	left: 40px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .white-line {
	position: absolute;
	background: #fff;
	width: 1px;
	height: 300px;
	top: 0;
	left: 0;
}

#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble {
	position: absolute;
	background: url("/img/meteogram-bubble.png") no-repeat;
	width: 234px;
	height: 222px;
	top: 43px;
	left: -8px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .date {
	position: absolute;
	text-align: center;
	font-size: 14px;
	width: 140px;
	top: 45px;
	left: 46px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .values {
	position: absolute;
	width: 140px;
	top: 75px;
	left: 46px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .quad {
	text-align: center;
	width: 70px;
	height: 58px;
	line-height: 58px;
	float: left;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .state img {
	margin-top: 10px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .temp {
  font-size: 17px;
  font-weight: bold;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .precip {
	background-repeat: no-repeat;
	background-position: 20% 50%;
	margin: 15px 0;
	padding-left: 30px;
	width: 40px;
	height: 28px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .precip .value,
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .precip .unit {
	text-align: center;
	font-size: 11px;
	width: 30px;
	line-height: 12px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .wind {
  background-repeat: no-repeat;
  background-position: 20% 50%;
  padding-left: 30px;
  width: 40px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .wind .direction,
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .wind .speed {
  text-align: center;
  font-size: 11px;
  width: 30px;
  line-height: 12px;
}
#pocasi .hourly-forecast .meteogram .meteogram-bubble .bubble .wind .direction {
	margin-top: 15px;
}
#pocasi .left {
	width: 664px;
	float: left;
}
#pocasi .right {
	width: 315px;
	float: right;
}
#pocasi .right .wrapper {
	position: relative;
	width: 100%;
}
#pocasi .right .wrapper #fiki-4 {
	position: absolute;
	top: 0;
	right: 0;
}
#pocasi .right .favorite-places {
	margin-top: 14px;
	margin-bottom: 20px;
}
#pocasi .detail-forecast .head h3 {
	font-weight: normal;
}
#pocasi .detail-forecast .head h3 .date {
	font-weight: bold;
}
#pocasi .detail-forecast .head h3 + p{
	margin-bottom: 5px;
}
#pocasi .detail-forecast .head .orange-line {
	margin-bottom: 10px;
}
#pocasi .detail-forecast table {
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 100%;
}
#pocasi .detail-forecast table thead th {
	text-align: left;
	font-size: 10px;
}
#pocasi .detail-forecast table tbody td {
	border-bottom: 1px solid #5b5b5b;
	padding: 3px 0;
	color: #cfcfcf;
	font-size: 13px;
}
#pocasi .detail-forecast table tbody td * {
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
}

#pocasi .detail-forecast table tbody td.state img {
	margin-top: 1px;
	width: 21px;
	height: 21px;
}
#pocasi .detail-forecast table tbody td.temp img {
	width: 10px;
	height: 19px;
}
#pocasi .detail-forecast table tbody td.wind img {
	width: 27px;
	height: 27px;
}



#seznam-vsech-mist h1 {
	font-size: 15px;
}
#seznam-vsech-mist ul {
	margin-bottom: 30px;
}
#seznam-vsech-mist ul li {
	list-style-type: none;
	font-size: 14px;
	line-height: 18px;
}
#kratkodoba-predpoved h1 {
	float: left;
}
#kratkodoba-predpoved .buttons {
	display: none;
	margin-top: 7px;
	float: right;
}
#kratkodoba-predpoved .buttons button {
	background-image: url("/img/control-button-background.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-left: 10px;
	padding: 0 10px;
	width: 50px;
}
#kratkodoba-predpoved .buttons button[name="animate"] {
	background-image: url("/img/control-button-background-animate.png");
	width: 95px;
}
#kratkodoba-predpoved .buttons button:hover {
	box-shadow: 0 0 5px rgb(85, 85, 85);
}
#kratkodoba-predpoved .map {
	position: relative;
	width: 625px;
	height: 359px;
}
#kratkodoba-predpoved .map img.region,
#kratkodoba-predpoved .map .active-region,
#kratkodoba-predpoved .map map {
	position: absolute;
	top: 0;
	left: 0;
}
#kratkodoba-predpoved .map img.region {
	display: none;
}
#kratkodoba-predpoved .map .forecasts .town {
	position: absolute;
	text-align: center;
	font-size: 11px;
	color: #fff;
}
#kratkodoba-predpoved .map .forecasts .town img.state {
	display: inline-block;
	width: 40px;
	height: 40px;
}
#kratkodoba-predpoved .map .forecasts .town .name,
#kratkodoba-predpoved .map .forecasts .town .temp {
	position: relative;
	top: -5px;
}
#kratkodoba-predpoved .slider#short-term-slider .timeline .point .timing {
	position: absolute;
	font-size: 11px;
	top: -20px;
	left: 0px;
	z-index: 2;
}
#kratkodoba-predpoved .l-col .place-forecast-table {
	margin-bottom: 20px;
}
#kratkodoba-predpoved .l-col .small-meteogram img {
	width: 339px;
}
#kratkodoba-predpoved .meteozpravy {
	margin-bottom: 20px;
}
#kratkodoba-predpoved #fiki-15 {
	margin-top: 20px;
}

#pocasi-kraj {
	margin-bottom: 30px;
}
#pocasi-kraj #content {
	position: relative;
}
#pocasi-kraj #content .map {
	background-repeat: no-repeat;
	width: 100%;
	height: 359px;
	float: left;
}
#pocasi-kraj .right {
	width: 290px;
	float: right;
}
#pocasi-kraj #small-cr {
	position: absolute!important;
	background: url("/img/small-cr-background.png") no-repeat 50% 50%;
	top: -10px;
	right: -10px;
	z-index: 20;
}
#pocasi-kraj .map {
	position: relative;
	margin-bottom: 20px;
}
#pocasi-kraj .map .town {
	position: absolute;
	text-align: center;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
	cursor: pointer;
}
#pocasi-kraj .map .town img.state {
	display: block;
	margin: auto;
	width: 42px;
	height: 42px;
}
#radar .top {
	position: absolute;
	width: 100%;
	z-index: 10;
}
#radar h1 {
	float: left;
}
#radar .buttons {
	display: none;
	margin-top: 7px;
	float: right;
}
#radar .buttons button {
	background: url(/img/prouzek-cudl-3-12-h.png) repeat-x 50% 50%;
	font-size: 10px;
	border-style: solid;
	border-color: #575757;
	border-width: 0px 1px;
	border-radius: 4px;
	display: inline-block;
	width: 57px;
	height: 23px;
	cursor: pointer;


}
#radar .buttons button[name="animate"] {
	background-image: url("/img/control-button-background-animate.png");
	width: 95px;
}
#radar .buttons button:hover {
	box-shadow: 0 0 5px rgb(85, 85, 85);
}
#radar .map {
	position: relative;
	background: url("/img/republic-map-radar.png") no-repeat 109px 86px;
	width: 680px;
	height: 440px;
}
#radar .map .favorite-place {
	position: absolute;
	background: url("/img/radar-point.png") no-repeat 0 0;
	width: 6px;
	height: 6px;
}
#radar .map .favorite-place .name {
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	font-size: 13px;
	border-radius: 4px;
	padding: 3px 17px;
	color: #f8c013;
	top: -8px;
	left: 10px;
}
#radar .map .chmu-logo {
	position: absolute;
	background: url("/img/radar-chmu-logo.png") no-repeat;
	width: 85px;
	height: 34px;
	bottom: 0;
	right: 100px;
	z-index: 20;
}
#radar .map .legenda {
	position: absolute;
	background: url("/img/radar-legenda.png") no-repeat;
	width: 60px;
	height: 149px;
	bottom: 0;
	right: 0;
	z-index: 20;
}
#radar .map .radar-images {
	width: inherit;
	height: inherit;
}
#radar .map .radar-images .radar-image {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: inherit;
	height: inherit;
	top: 0;
	left: 0;
}
#radar .map img.region,
#radar .map .active-region,
#radar .map map {
	position: absolute;
	top: 0;
	left: 0;
}
#radar .map img.region {
	display: none;
}
#radar .map .forecasts .town {
	position: absolute;
	text-align: center;
	font-size: 11px;
	color: #fff;
}
#radar .map .forecasts .town img.state {
	display: inline-block;
	width: 40px;
	height: 40px;
}
#radar .map .forecasts .town .name,
#radar .map .forecasts .town .temp {
	position: relative;
	top: -5px;
}
#radar .l-col .place-forecast-table {
	margin-bottom: 20px;
}
#radar .l-col .small-meteogram img {
	width: 339px;
}
#radar .meteozpravy {
	margin-bottom: 20px;
}
#radar #slider {
	margin: 20px 0 50px;
}
#radar #slider .play button,
#radar #slider .timeline {
	display: none;
}
#radar #slider .play {
	height: 17px;
	width: 51px;
	float: left;
}
#radar #slider .play button {
	background-image: url("/img/slider-button.png");
	background-color: transparent;
	border: none;
	width: 17px;
	height: 17px;
}
#radar #slider .play button[name="play"] {
	background-position: 0px 0px;
}
#radar #slider .play button[name="pause"] {
	background-position: -17px 0px;
}
#radar #slider .timeline {
	position: relative;
	background: gray;
	margin-top: 5px;
	width: 609px;
	height: 4px;
	float: left;
}
#radar #slider .timeline .point {
	position: absolute;
	width: 4px;
	height: 4px;
	top: 0;
	z-index: 1;
}
#radar #slider .timeline .point.orange {
	background: orange;
}
#radar #slider .timeline .point label {
	position: absolute;
	font-size: 9px;
	top: 10px;
	left: -10px;
	z-index: 2;
}
#radar #slider .timeline .cursor-wrapper {
	position: absolute;
	width: 621px;
	height: 20px;
	top: -8px;
	left: -6px;
	z-index: 3;
}
#radar #slider .timeline .cursor {
	position: absolute;
	display: block;
	left: 0;
	z-index: 4;
}
#radar #slider .play button:hover,
#radar #slider .timeline .cursor-wrapper:hover,
#radar #slider .timeline .cursor:hover {
	cursor: pointer;
}
#radar #fiki-25 {
	margin-top: 20px;
}

#small-cr {
	position: relative;
	width: 178px;
	height: 135px;
}
#small-cr img.small-map {
	position: absolute;
	width: 150px;
	height: 86px;
	top: 14px;
	left: 14px;
}
#small-cr a.show-cr {
	position: absolute;
	background: url("/img/lupicka-cela-cr.png") no-repeat 0% 50%;
	font-size: 12px;
	display: block;
	padding-left: 28px;
	line-height: 20px;
	color: #7f7f7f;
	top: 106px;
	right: 23px;
}
#small-cr img.place {
	position: absolute;
}

.towns-in-region {
	width: 100%;
}
.towns-in-region .place-forecast-table {
	width: 320px;
	float: left;
}
.towns-in-region .place-forecast-table .town-weather {
	width: inherit;
}
.towns-in-region .place-forecast-table:last-child {
	float: right;
}

.place-forecast-table .town-weather {
	border-collapse: collapse;
	width: 100%;
}
.place-forecast-table .town-weather thead tr,
.place-forecast-table .town-weather tbody tr {
	border-bottom: gray solid 1px;
	height: 33px;
}
.place-forecast-table .town-weather thead tr th.forecast {
	text-align: center;
	width: 61px;
}
.place-forecast-table .town-weather thead tr th.forecast .day-name,
.place-forecast-table .town-weather thead tr th.forecast .day-date {
	font-size: 10px;
}
.place-forecast-table .town-weather thead tr th.forecast .day-date {
	font-weight: normal;
}
.place-forecast-table .town-weather tbody tr td.name {
	position: relative;
}
.place-forecast-table .town-weather tbody tr td.name span[name="hide"] {
	position: absolute;
	background: url("/img/hide-place.png") no-repeat 50% 50%;
	display: none;
	width: 20px;
	height: 100%;
	top: 0px;
	left: -20px;
}
.place-forecast-table .town-weather tbody tr:hover td.name span[name="hide"] {
	display: block;
	cursor: pointer;
}
.place-forecast-table .town-weather tbody tr td.name a:hover {
	text-decoration: underline;
	cursor: pointer;
}
.place-forecast-table .town-weather tbody tr td.day {
	text-align: center;
	padding-top: 1px;
	color: #cfcfcf;
}
.place-forecast-table .town-weather tbody tr td.day img {
	display: inline-block;
	margin: 0 5px 0 5px;
	width: 21px;
	height: 21px;
	float: left;
}
.place-forecast-table .town-weather tbody tr td.day .temp {
	display: inline-block;
	line-height: 21px;
	height: 21px;
	float: left;
}

#header {
	margin-bottom: 15px;
	padding-top: 3px;
}
#header .top {
	/*margin-bottom: 1px;*/
}
#header a.logo {
	background: url("/img/meteoskop-logo.png") no-repeat 0% 50%;
	margin: 1px;
	display: block;
	width: 128px;
	height: 50px;
}
#header .col {
	float: left;
}
#header .col:nth-child(1) {
	width: 313px;
}
#header .col:nth-child(2) {
	width: 337px;
}
#header .search {
	position: relative;
}
#header .search input[name="query"] {
	background: #606060 url("/img/search-input-background.png");
	border: none;
	margin: 13px 0;
	width: 222px;
	height: 30px;
	float: left;
	color: white;
	text-indent: 10px;
}
#header .search ::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
#header .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff;
   opacity: 1;
}
#header .search ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff;
   opacity: 1;
}
#header .search :-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #fff;
}
#header .search button[name="search-button"] {
	background: url("/img/search-submit-button.png");
	border: none;
	display: block;
	margin: 14px 10px;
	width: 44px;
	height: 29px;
	line-height: 29px;
	float: left;
}
#header .search ul.results {
	position: absolute;
	list-style-type: none;
	border: #4d4d4d solid 1px;
	border-left: none;
	border-right: none;
	display: none;
	top: 43px;
	z-index: 100;
}
#header .search ul.results li {
	background: #fff;
	border-bottom: #4d4d4d solid 1px;
}
#header .search ul.results li:last-child {
	border-bottom: none;
}
#header .search ul.results li a {
	font-size: 13px;
	display: block;
	padding: 3px;
	width: 420px;
	color: #4d4d4d;
}
#header .search ul.results li a:hover {
	background: #d9d9d9;
}
#header .search ul.results li a .region {
	font-size: 11px;
	color: #9a9a9a;
	float: right;
}
#header .facebook {
	margin: 8px 0 5px;
	width: 130px;
	height: 21px;
}
#header .orange-line {
	background: url("/img/orange-line-background.png") repeat-x;
	width: 100%;
	height: 7px;
}
#header .info {
	text-align: right;
	float: right;
}
#header .info .date,
#header .info .favorite-place,
#header .info .updates {
	line-height: 18px;
}
#header .info .date {
	font-size: 11px;
}
#header .info .date .day-name:after,
#header .info .favorite-place .date:after {
	content: "|";
	margin: 0 5px;
}
#header .info .favorite-place {
	font-size: 11px;
}
#header .info .favorite-place .date,
#header .info .favorite-place .temp {
	color: #fff;
}
#header .info .date .day-name:after {
	content: "|";
	margin: 0 5px;
}
#header .info .updates {
	font-size: 9px;
}
#header .menu {
	border-bottom: #4b4b4b solid 1px;
}
#header .menu ul li {
	list-style-type: none;
	display: inline-block;
	float: left;
}
#header .menu ul li a {
	position: relative;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	border-width: 0;
	border-color: #4b4b4b;
	border-style: solid;
	border-width: 0 0 0 1px;
	display: block;
	padding-right: 7px;
	height: 23px;
	line-height: 23px;
	color: #b2b2b2;
}
#header .menu ul li:last-child a {
	border-width: 0 1px 0 1px;
}
#header .menu ul li a .icon {
	background-image: url("/img/menu.png");
	background-repeat: no-repeat;
	margin: 3px 7px 0 7px;
	width: 18px;
	height: 16px;
	float: left;
}
#header .menu ul li.short a .icon {
	background-position: 0px -32px;
}
#header .menu ul li.long a .icon {
	background-position: -18px -32px;
}
#header .menu ul li.radar a .icon {
	background-position: -36px -32px;
}

#header .menu ul li a:hover {
	color: #fff;
}
#header .menu ul li.short a:hover .icon {
	background-position: 0px 0px;
}
#header .menu ul li.long a:hover .icon {
	background-position: -18px 0px;
}
#header .menu ul li.radar a:hover .icon {
	background-position: -36px 0px;
}
#header .menu ul li a.active {
	background-color: rgba(255, 255, 255, 0.08);
	color: #e0932f;
}
#header .menu ul li.short a.active .icon {
	background-position: 0px -16px;
}
#header .menu ul li.long a.active .icon {
	background-position: -18px -16px;
}
#header .menu ul li.radar a.active .icon {
	background-position: -36px -16px;
}
#header ul li a .arrow {
	position: absolute;
	background: url("/img/menu-arrow.png") no-repeat;
	display: none;
	width: 10px;
	height: 5px;
	bottom: -1px;
	left: 11px;
}
#header .menu ul li.short a .arrow {
	background-position: 0px 0px;
}
#header .menu ul li.long a .arrow {
	background-position: -10px 0px;
}
#header .menu ul li.radar a .arrow {
	background-position: -20px 0px;
}
#header .menu ul li a.active .arrow {
	display: block;
}
.big-widget {
	position: relative;
	background: url("/img/big-widget.png") no-repeat 50% 100%;
	margin-top: 10px;
	padding: 1px;
	width: 142px;
}
.big-widget .date {
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}
.big-widget .date .day-name,
.big-widget .date .day {
	font-size: 15px;
}
.big-widget .quad {
	text-align: center;
	width: 70px;
	height: 70px;
	float: left;
}
.big-widget .quad.state img {
	display: block;
	margin: 14px auto;
	width: 42px;
	height: 42px;
}
.big-widget .quad.temp {
	font-size: 17px;
	font-weight: bold;
	line-height: 70px;
}
.big-widget .quad.precip {
	background-repeat: no-repeat;
	background-position: 20% 50%;
	margin: 23px 0;
	padding-left: 30px;
	width: 40px;
	height: inherit;
}
.big-widget .quad.precip .value,
.big-widget .quad.precip .unit {
	text-align: center;
	font-size: 11px;
	width: 30px;
	line-height: 12px;
}
.big-widget .quad.wind {
	background-repeat: no-repeat;
	background-position: 20% 50%;
	margin: 23px 0;
	padding-left: 30px;
	width: 40px;
	height: inherit;
}
.big-widget .quad.wind .direction,
.big-widget .quad.wind .speed {
	text-align: center;
	font-size: 11px;
	width: 30px;
	line-height: 12px;
}
.big-widget .probability {
	position: absolute;
	font-size: 8px;
	width: 100%;
	bottom: -4px;
}
.big-widget .probability .bar {
	position: relative;
	background: url("/img/probability-background.png") repeat-x 50% 50%;
	text-align: center;
	margin: auto;
	width: 60px;
	height: 10px;
	line-height: 10px;
}
.big-widget .probability .bar .progress-cleaner {
	background-image: url("/img/probability-light-background.png");
	position: absolute;
	height: 8px;
	right: 1px;
	top: 1px;
}
.big-widget .probability .bar .value {
	position: absolute;
	width: 100%;
	top: 1px;
	left: 0;
}

.slider {
	margin: 20px 0 50px;
}
.slider .play button,
.slider .timeline {
	display: none;
}
.slider .play {
	height: 17px;
	width: 51px;
	float: left;
}
.slider .play button {
	background-image: url("/img/slider-button.png");
	background-color: transparent;
	border: none;
	width: 17px;
	height: 17px;
}
.slider .play button[name="play"] {
	background-position: 0px 0px;
}
.slider .play button[name="pause"] {
	background-position: -17px 0px;
}
.slider .timeline {
	position: relative;
	background: gray;
	margin-top: 5px;
	width: 629px;
	height: 4px;
	float: left;
}
.slider .timeline .point {
	position: absolute;
	width: 4px;
	height: 4px;
	top: 0;
	z-index: 1;
}
.slider .timeline .point.orange {
	background: orange;
}
.slider .timeline .point label {
	position: absolute;
	font-size: 9px;
	top: 10px;
	left: -10px;
	z-index: 2;
}
.slider .timeline .cursor-wrapper {
	position: absolute;
	width: 641px;
	height: 20px;
	top: -8px;
	left: -6px;
	z-index: 3;
}
.slider .timeline .cursor {
	position: absolute;
	display: block;
	left: 0;
	z-index: 4;
}
.slider .play button:hover,
.slider .timeline .cursor-wrapper:hover,
.slider .timeline .cursor:hover {
	cursor: pointer;
}

.block-head {
	background: url("/img/orange-line-background.png") repeat-x 0% 100%;
	padding-bottom: 15px;
}
.block-head h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

.small-meteogram {
	
}
.meteonews .block-head {
	margin-bottom: 15px;
}
.meteonews .box {
	margin-bottom: 20px;
	width: 312px;
	float: left;
}
.meteonews .box:nth-child(2n) {
	margin-right: 36px;
}
.meteonews .box img {
	width: inherit;
}
.meteonews .box h4, 
.meteonews .box p {
	font-size: 13px;
	color: #fff;
}
.meteonews .box h4 {
	font-weight: normal;
	font-size: 15px;
	margin: 6px 0;
}
.meteonews .box .more {
	float: right;
}
#facebook {
	overflow: hidden;
	border: none;
	margin-top: 10px;
	width: 300px;
	height: 258px;
}
#facebook iframe {
	width: 100%;
	height: 100%;
}
#footer {
	background: #575757 url("/img/footer-background.png") repeat-x;
	border-top: 1px solid #696969;
	width: 100%;
	min-height: 128px;
}
#footer .top ul li {
	list-style-type: none;
	background: url("/img/footer-divider.png") no-repeat 100% 50%;
	display: inline-block;
	padding: 0 30px;
	height: 108px;
	float: left;
}
#footer .top ul li:last-child {
	background: none;
}
#footer .top ul li .label {
	font-size: 12px;
	display: block;
	line-height: 108px;
	float: left;
}
#footer .top ul li .label:after {
	content: ":";
	margin-right: 2px;
}
#footer .top ul li.capsa {
	padding-left: 69px;
}
#footer .top ul li.meteocentrum {
}
#footer .top ul li a {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: inline-block;
	height: 100%;
}
#footer .top ul li.capsa a {
	background-image: url("/img/partneri/capsa.png");
	width: 90px;
}
#footer .top ul li.meteocentrum a {
	background-image: url("/img/partneri/meteocentrum.png");
	width: 144px;
}
#footer .top ul li.uschovna a {
	background-image: url("/img/partneri/uschovna.png");
	width: 125px;
}
#footer .top ul li.seznam-mist a {
	background-image: url("/img/footer-list-button-background.png");
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	display: block;
	margin-top: 35px;
	width: 147px;
	height: 37px;
	line-height: 37px;
	color: #fff;
}
#footer .bottom {
	text-align: center;
}
#footer .bottom .disclaimer,
#footer .bottom .mail {
	font-size: 9px;
	display: inline-block;
	clear: left;
	padding-bottom: 10px;
}
#footer .bottom .disclaimer {
	margin-right: 3px;
}

.small-widget {
	background: url("/img/small-widget.png") no-repeat 50% 100%;
	margin-top: 10px;
	padding: 1px;
	width: 65px;
}
.small-widget .date {
	text-align: center;
	font-size: 13px;
	margin-bottom: 5px;
}
.small-widget .date .day {
	font-size: 10px;
}
.small-widget .half {
	text-align: center;
	width: inherit;
	height: 43px;
}

.small-widget .half.state img {
	margin-top: 6px;
	width: 32px;
	height: 32px;
}
.small-widget .half.temp {
	font-size: 14px;
	font-weight: bold;
	line-height: 43px;
}


#dlouhodoba-predpoved .map {
	position: relative;
	background: url("/img/republic-map.png") no-repeat;
	margin-bottom: 30px;
	width: 625px;
	height: 359px;
}
#dlouhodoba-predpoved .map .strip {
	position: absolute;
	background: url("/img/longterm-strip-gradient.png") repeat-x 0 40px;
	width: 630px;
	height: 200px;
	top: 79px;
}
#dlouhodoba-predpoved .map .strip .day {
	font-size: 13px;
	margin-top: 60px;
	width: 70px;
	height: 100px;
	color: #bcbcbc;
	float: left;
}
#dlouhodoba-predpoved .map .strip .day .date,
#dlouhodoba-predpoved .map .strip .day .state,
#dlouhodoba-predpoved .map .strip .day .temp {
	text-align: center;
}
#dlouhodoba-predpoved .map .strip .day .state {
	margin-top: 5px;
}
#dlouhodoba-predpoved .map .strip .day .state img {
	width: 42px;
	height: 42px;
}
#dlouhodoba-predpoved #fiki-35 {
	margin-top: 20px;
}
#seznam-vsech-mist h1 {
	font-size: 15px;
}
#seznam-vsech-mist ul {
	margin-bottom: 30px;
}
#seznam-vsech-mist ul li {
	list-style-type: none;
	font-size: 14px;
	line-height: 18px;
}
#content {
	position: relative;
}
.page h1 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 37px;
}
.page h1 .klikev {
	position: relative;
	background: url("/img/klikev.png") no-repeat;
	display: inline-block;
	margin: 0 5px;
	width: 1px;
	height: 21px;
	top: 4px;
}
.page #content {
	width: 680px;
	float: left;
}
.page #right {
	float: right;
}
.page .l-col,
.page .r-col {
	width: 314px;
}
.page .l-col {
	float: left;
}
.page .r-col {
	float: right;
}

#fiki-1, #fiki-2, #fiki-3, #fiki-3, #fiki-5,
#fiki-11, #fiki-12, #fiki-13, #fiki-14, #fiki-15,
#fiki-21, #fiki-22, #fiki-23, #fiki-24, #fiki-25,
#fiki-31, #fiki-32, #fiki-33, #fiki-34, #fiki-35 {
	margin-bottom: 20px;
}
#fiki-1, #fiki-2, #fiki-4,
#fiki-11, #fiki-12, #fiki-14,
#fiki-21, #fiki-22, #fiki-24,
#fiki-31, #fiki-32, #fiki-34 {
	text-align: right;
}
#fiki-3, #fiki-5,
#fiki-13, #fiki-15,
#fiki-23, #fiki-25,
#fiki-33, #fiki-35 {
	width: 100%;
	min-height: 92px;
}