/*  
Theme Name: CSM-AGENCY.SK
Description: Vzhled pro prezentaci
Author: Nakóduji.cz
Author URI: http://www.nakoduji.cz
Version: 1.0
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,400italic&subset=latin,latin-ext);
/* @import url(css/changes.css) screen;*/

html {
	background: #ecf4f7;
}
body {
	font-family: 'Open Sans', Arial, sans-serif;
    color: #002663;
	font-size: 15px;
	w
}
#main, .center {
	width: 990px;
	margin: 0 auto;
}
#con-wrap {
	margin-top: 120px;
	width: 100%;
}
.body-hraci #con-wrap {
	margin-top: 167px;
	width: 100%;
}
.body-hraci #content.page {
padding-top:40px;
}
.body-hraci .article {
min-height:380px;
}
#header {
	background: url('img/header.png') left top repeat-x;
	width: 100%;
	height: 120px;
	z-index: 9;
	position: fixed;
	top: 0;
	left: 0;
}
#header .center {
	background: url('img/header-center.png') left top no-repeat;
	height: 150px;
}
.logo {
	width: 115px;
    height: 70px;
	float: left;
	padding: 35px 0 0 22px;
}
.main-menu {
	width: 650px;
	float: left;
	padding:52px 0 0 40px
}
.main-menu ul {
	list-style: none;
}
.main-menu ul li {
	float: left;
	padding-right: 1px;
}
.main-menu ul li a {
    color: #ecf4f7;
	font-size: 16px;
	float: left;
	font-weight: 700;
	padding: 9px 9px 7px;
	text-shadow: 1px 1px 1px #000;
	text-transform: uppercase;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
.main-menu li a:hover{
	background: #cd1719;
	color:#FFF!important;
	-webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,.90);
	-moz-box-shadow: inset 0 3px 3px rgba(0,0,0,.90);
	box-shadow: inset 0 3px 3px rgba(0,0,0,.90);
	border-bottom: 1px solid #ffb8ba;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.main-menu li.current-menu-item a, .main-menu li.current-menu-parent a, .main-menu ul li.current-category-ancestor a, .main-menu ul li.current-post-ancestor a {
	background: #34b6e4;
	color:#FFF!important;
	-webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,.90);
	-moz-box-shadow: inset 0 3px 3px rgba(0,0,0,.90);
	box-shadow: inset 0 3px 3px rgba(0,0,0,.90);
	border-bottom: 1px solid #d4ffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.main-menu li.menu-item-3532 a, .main-menu li.menu-item-3533 a, .main-menu li.menu-item-3534 a {
	color: #6dc6e7;
}
.search {
	width: 150px;
	float: right;
	padding-top: 57px
}
.search-text {
	background: url('img/search-text.png') left top no-repeat;
	width: 103px;
	padding: 7px 10px 9px 10px;
	border: 0;
	float: left;
	font-size: 12px;
	font-style:italic;
	color: /*#979797*/#FFF;
	line-height: 125%;
	outline: none;
}
.search-submit {
	background: url('img/search-submit.png') left top no-repeat;
	width: 27px;
	height: 30px;
	border: 0;
	float: left;
	cursor: pointer;
}
#lang_sel_list {
	float: right;
	width: 95px;
	clear: right;
	padding-top: 4px;
	position: relative;
    top: -90px;
}
#lang_sel_list ul {
	list-style: none;
}
#lang_sel_list ul li a {
	float: left;
	color:#e0eff4;
	text-align:center;
	width: 25px;
	height: 17px;
	font-size: 0px;
	padding: 6px 0 3px;
	margin: 0 0 0 5px;
}
#lang_sel_list ul li a:hover {
	color: #e0eff4;
}
#lang_sel_list ul a.lang_sel_sel {
	/*background: url('img/langs-active.png') left top no-repeat;*/
	width: 26px;
	height: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #cce7f0;
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,.54), inset 0 1px 1px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,.54), inset 0 1px 1px rgba(0,0,0,.5);
	box-shadow: 1px 1px 1px rgba(255,255,255,.54), inset 0 1px 1px rgba(0,0,0,.5);
	color: #e0eff4;
}
#lang_sel_list ul a.lang_sel_other img {
	opacity:0.8;
	filter:alpha(opacity=80)
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

#lang_sel_list ul a.lang_sel_other img:hover {
	opacity:1;
	filter:alpha(opacity=100)
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
#slider {
	background: #021e2f;
	width: 100%;
	height: 330px;
	margin-top: -1px;
	position: relative;
	z-index: 1;
}
#slides {
	width: 990px;
	height: 330px;
	position: relative;
	z-index: 7;
	float: left;
}
#slides .slides_container {
	width: 990px;
	height: 330px;
	overflow: hidden;
	position: relative;
	display: none;
}
#slides .slides_container .slide {
	width: 990px;
	height: 330px;
}
#slides .next, #slides .prev, #slides .pagination {
	display: none;
}
#slider .slides img {
	width: 100%;
}
#content {
	border-top: 10px solid #34b6e4;
	width: 100%;
	padding: 40px 0 15px 0;
}
#content.page {
	padding-top: 0px;
}
#content.post-detail {
	border-top: 0;
}
.center-hp .hp-left, .center-hp .hp-right {
margin-top:40px!important;
}
.hp-box {
	background: url('img/hp-box.png') left top no-repeat;
	width: 934px;
	height: 115px;
	padding: 30px 30px 0 30px;
	float: left;
	font-size: 16px;
	margin-bottom: 40px;
}
.hp-box p {
	width: 745px;
	float: left;
	line-height: 130%;
	letter-spacing:-0.5px;
}
.hp-box .more {
	float: right;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-shadow: 1px 1px 1px #093663;
	width: 155px;
	height: 35px;
	margin-top: 12px;
	padding-top: 20px;
	font-size: 16px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #2c2c2c;
	border: solid 5px #ecf4f7;
	background-image: -moz-linear-gradient( 90deg, rgb(152,17,19) 1%, rgb(205,23,25) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(152,17,19) 1%, rgb(205,23,25) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(152,17,19) 1%, rgb(205,23,25) 100%);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.hp-box .more:hover {
	background-color: #2c2c2c;
	border: solid 5px #b8dbf7;
	background-image: -moz-linear-gradient( 90deg, rgb(205,23,25) 1%, rgb(152,17,19) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(205,23,25) 1%, rgb(152,17,19) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(205,23,25) 1%, rgb(152,17,19) 100%);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
.top-a-left {
	float: left;
	width: 484px;
	position: relative;
}
.top-a-left-stamp, .top-a-left-stamp-en, .top-a-left-stamp-it {
	width: 140px;
	height: 140px;
	float: right;
	position: absolute;
	top: -3px;
	right: -3px;
	z-index: 2;
}

.top-a-left-stamp {
	background: url('img/top-a-left-stamp.png') left top no-repeat;
}

.top-a-left-stamp-en {
	background: url('img/top-a-left-stamp-en.png') left top no-repeat;
}

.top-a-left-stamp-it {
	background: url('img/top-a-left-stamp-it.png') left top no-repeat;
}

.top-a-left-stamp a, .top-a-left-stamp-en a, .top-a-left-stamp-it a {
	width: 140px;
	height: 140px;
	float: right;
}
.top-a-left-img {
	width: 484px;
	height: 191px;
}
.top-a-left h2 {
	background: #34b6e4;
	width: 460px;
	height: 35px;
	float: left;
	font-weight: normal;
	padding: 15px 0 0 24px;
}
.top-a-left h2:hover {
background:#65ccf1;
}
.top-a-left h2 a {
	color: #FFF;
	font-weight: 300;
}
.top-a-left h2, .top-a-right h2 {
	line-height: 18px;
	font-size: 16px;
	text-transform:uppercase;
	padding: 14px 9px 12px 15px;
	height:auto!important;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.top-a-left h2 a, .top-a-right h2 a {
	font-weight:700;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.top-a-right {
	float: right;
	width: 484px;
	position: relative;
}
.top-a-right-stamp, .top-a-right-stamp-en, .top-a-right-stamp-it {
	width: 140px;
	height: 140px;
	float: right;
	position: absolute;
	top: -3px;
	right: -3px;
	z-index: 2;
}

.top-a-right-stamp {
	background: url('img/top-a-right-stamp.png') left top no-repeat;
}

.top-a-right-stamp-en {
	background: url('img/top-a-right-stamp-en.png') left top no-repeat;
}

.top-a-right-stamp-it {
	background: url('img/top-a-right-stamp-it.png') left top no-repeat;
}

.top-a-right-stamp a, .top-a-right-stamp-en a, .top-a-right-stamp-it a {
	width: 140px;
	height: 140px;
	float: right;
}
.top-a-right-img {
	width: 484px;
	height: 191px;
}
.top-a-right h2 {
	background: #002663;
	width: 460px;
	height: 35px;
	float: left;
	font-weight: normal;
}
.top-a-right h2:hover {
	background:#003180;
	color:#FFF;
}
.top-a-right h2 a {
	color: #e0eff4;
}
.top-a-right a.more {
	background: #002664;
	color: #34b6e4;
	font-size: 12px;
	text-transform: uppercase;
	padding: 6px 8px 2px 8px;
	height: 15px;
	margin-top: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 3px;
	float: left;
}
.top-a-right a.more:hover {
	color:#FFF;
	background:#003180;
}
.line {
	border-top: 1px solid #8edaf5;
	width: 100%;
	float: left;
	height: 15px;
}
.line-title {
	background: #ecf4f7;
	color: #6dc6e7;
	padding: 0;
	float: left;
	font-weight: 700;
	text-align: left;
	letter-spacing:1px;
	margin: -20px 0 0 0;
	text-transform: uppercase;
	font-size: 16px;
	width:100%;
}
.hp-left {
	float: left;
	width: 736px;
	margin-top: 50px;
}
.article-list {
	width: 759px;
}
.article {
	background: #fff;
	float: left;
	margin: 0 23px 15px 0;
	width: 230px;
	min-height: 462px;
	font-size: 13px;
	position: relative;
	border-bottom:1px solid #FFF;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
.article:hover {
	border-bottom:1px solid #DC291E;
}
.article img {
	width: 230px;
	height: 230px;
	border-bottom: 1px solid #ecf4f7;
}
.article-date {
	position: absolute;
	top: 199px;
	right: 10px;
	background: #002664;
	float: right;
	width: 80px;
	height: 17px;
	padding-top: 4px;
	text-align: center;
	color: #ecf4f7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 2;
}
.article-text {
	width: 200px;
	padding: 15px 15px 20px 15px;
}
.hrac .article-text {
	padding: 15px 15px 30px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
.article h3 {
	width: 100%;
	padding-bottom: 11px;
	border-bottom: 1px dotted #112C7A;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 18px;
	min-height: 37px;
	font-size:16px;
}
.article h3 a {
	color: #112C7A;
	font-size:15px;
	line-height: 120%;
	font-weight: 700;
	letter-spacing:-1px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
.article p {
	color: #343434;
	line-height: 150%;
	font-size: 12px !important;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
.article p:hover {
color:#000;
}
.article .more {
	background: #34b6e4;
	color: #ECF4F7;
	font-size: 10px;
	display: inline-block;
	padding: 3px 5px 2px 5px;
	text-transform: uppercase;
	font-weight: 800;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.article:hover .more {
	background: #CD1719;
	color: #FFF;
}
.article:hover h3 {
	border-bottom: 1px dotted #CD1719;
}
.article:hover h3 a {
	color: #CD1719;
}
.navigation {
	float: left;
	width: 100%;
	text-align: center;
}
.navigation a {
	background: #5EB0E5;
	display: inline-block;
	height: 17px;
	width: 22px;
	padding-top: 5px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #4785AD;
	margin: 0 5px 0 5px;
	font-size: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.navigation a:hover {
	background: #DC291E;
	text-shadow: 1px 1px 0 #9F1E16;
}
#slides-news {
	width: 736px;
	height: 495px;
	position: relative;
	z-index: 7;
	float: left;
}
#slides-news .slides_container {
	width: 759px;
	height: 495px;
	overflow: hidden;
	position: relative;
	display: none;
}
#slides-news .slides_container .slide {
	width: 759px;
	height: 450px;
}
#slides-news .next, #slides-news .prev {
	display: none;
}
#slides-news .pagination {
	float: left;
	width: 100%;
	text-align: center;
	list-style: none;
	margin-top: -19px;
	position: relative;
	z-index: 999;
}
#slides-news .pagination li {
	display: inline-block;
}
#slides-news .pagination a {
	background: #34b6e4;
	display: inline-block;
	height: 17px;
	width: 22px;
	padding-top: 5px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #4785AD;
	margin: 0 5px 0 5px;
	font-size: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#slides-news .pagination a:hover, #slides-news .pagination li.current a {
	background: #cd1719;
	text-shadow: 1px 1px 0 #9F1E16;
}
.hp-right {
	float: right;
	width: 230px;
	margin-top: 50px;
}
.hp-right .line {
	border-top: 1px solid #0031a0;
}
.hp-right .line-title {
	color: #ecf4f7;
	background: none repeat scroll 0 0 #6DC6E7;
	padding: 5px;
	width:220px;
	margin-top:-25px;
}
.hp-right img {
	margin-bottom: 12px;
}
.entry {
	font-size: 13px;
	color: #343434;
	padding-bottom: 55px;
}
.entry p {
	padding-bottom: 20px;
	line-height: 160%;
}
.entry p strong {
	font-weight:600;
}
.entry ul {
	padding: 0 0 15px 35px;
}
.entry ul li {
	padding-bottom: 5px;
	line-height: 145%;
}
.entry .big-blue {
	background: url('img/big-blue.png') left top no-repeat;
	font-size: 24px;
	color: #002663;
	font-weight: 400;
	line-height:30px!important;
	letter-spacing:-1px;
	font-style:italic;
	text-align: left;
	padding: 0 55px 10px 45px;
	margin-bottom: 15px;
}
.entry h2, .d-hrac {
 	color: #002663;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 30px;
    text-transform: uppercase;
	padding: 0 0 20px;
}
.entry h3 {
font-size:18px;
font-weight:700;
margin: 20px 0 20px;
text-transform: uppercase;
color: #002663;
}
.entry a {
	color: #cd1719;
	text-decoration: underline;
}
.entry a:hover {
	text-decoration:none;
}

.entry span.time {text-indent: -9999px; overflow: hidden; width:16px; height:16px; background: url('img/time.png') left top no-repeat;display:inline-block;}
.entry span.date { color: #8CA1C4; display: inline-block; height: 16px; line-height: 16px; margin-left: 5px; position: absolute;}

.post {
	margin:-20px 0 20px;
}

.post h1.post-title {
 	color: #002663;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 30px;
    text-transform: uppercase;
}
.video {
	float: left;
	width: 100%;
}
.sub-right {
	margin-top: 0;
}
.login-box {
	background: #6DC6E7;
	padding: 50px 10px 15px;
	width: 210px;
	float: left;
	margin-bottom: 45px;
	-webkit-border-radius: 0 0 4px 4px!important;
	-moz-border-radius: 0 0 4px 4px!important;
	border-radius: 0 0 4px 4px!important;
}
.login-box .line-title {
	background: #6DC6E7;
	margin-left:-10px;
	padding-left:10px;
	width:210px;
}
.login-box form {
	padding: 0 13px 0 13px;
}
.login-text {
	background: url('img/login-text.png') left 1px no-repeat;
	font-size: 12px;
	color: #919090;
	width: 190px;
	height: 26px!important;
	padding: 3px 10px;
	margin-bottom: 12px;
	margin-left: -15px;
	line-height: 130%;
	border: 0;
	float: left;
	outline: none;
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	border-radius: 4px!important;
	background: #ecf4f7!important;
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,.75), inset 1px 1px 1px rgba(0,0,0,.4)!important;
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,.75), inset 1px 1px 1px rgba(0,0,0,.4)!important;
	box-shadow: 1px 1px 1px rgba(255,255,255,.75), inset 1px 1px 1px rgba(0,0,0,.4)!important;
}
.login-text:focus {
	background: #FFF;
	color: #343434;
	-webkit-box-shadow: 0 0 3px rgba(0,28,109,.6), 1px 1px 1px rgba(255,255,255,.75), inset 1px 1px 1px rgba(0,0,0,.4)!important;
	-moz-box-shadow: 0 0 3px rgba(0,28,109,.6), 1px 1px 1px rgba(255,255,255,.75), inset 1px 1px 1px rgba(0,0,0,.4)!important;
	box-shadow: 0 0 3px rgba(0,28,109,.6), 1px 1px 1px rgba(255,255,255,.75), inset 1px 1px 1px rgba(0,0,0,.4)!important;
}
.login-submit, .logout-submit {
	width: 85px;
	height: 27px;
	padding-top: 0px;
	margin-right:-10px;
	border: 0;
	float: right;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px #1166B7;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #2c2c2c;
	background-image: -moz-linear-gradient( 90deg, rgb(152,17,19) 1%, rgb(205,23,25) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(152,17,19) 1%, rgb(205,23,25) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(152,17,19) 1%, rgb(205,23,25) 100%);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.logout-submit {
	margin-right:5px;
	padding-top: 8px;
	height:19px;
}


.login-submit:hover, .logout-submit:hover {
	background-image: -moz-linear-gradient( 90deg, rgb(205,23,25) 1%, rgb(152,17,19) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(205,23,25) 1%, rgb(152,17,19) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(205,23,25) 1%, rgb(152,17,19) 100%);
}
.hrac-col {
	float: left;
	width: 230px;
	margin-right: 23px;
}
.hrac-col.full {
	width: 100%;
	margin-right: 23px;
}
.hrac-col.full .article.hrac {
	margin-right: 23px;
}
.hrac-col.last, .hrac-col.full .article.hrac:nth-child(4n+0) {
	margin-right: 0;
}
.hrac {
	margin-right: 0;
}
.hrac span {
	float: left;
}
.hrac span.name {
	width: 40px;
	font-weight: 300;
}
.hrac h3 {
	height: auto;
}
.page-hrac {
	border-top: 0 !important;
	margin-top: 0 !important;
}
#blue-hraci {
	/*background: #005195;*/
	width: 100%;
	float: left;
	height: 70px;
	position: absolute;
	top: 120px;
	z-index: 8;
}
#blue-hraci .line {
	border-top: 1px solid #6dc6e7;
}
#blue-hraci .line-title {
	background: #005195;
	color: #6dc6e7;
	font-weight:700;
}
#blue-hraci .hrac-col {
	padding: 55px 10px 0 10px;
	width:210px;
}
#blue-hraci ul {
	list-style: none;
	float: right;
	text-align: right;
	padding-top: 23px;
}
#blue-hraci ul li {
	display: inline-block;
}
#blue-hraci ul li a {
	border: 1px solid #34B6E4;
	background: #005195;
	color: #6dc6e7;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	display: inline-block;
	text-transform: uppercase;
	padding: 0 20px;
	font-weight: 700;
}
#blue-hraci ul li.current-cat a {
	border: 1px solid #002144;
	background: #CD1719;
	color: #ffffff;
}























.blue-contact {
	color: #002663;
	font-size: 16px;
}
.contact-box {
	float: left;
	width: 230px;
	background: #D7E5F0;
	margin-right: 27px;
}
.cb-text {
	padding: 15px;
}

.cb-text h2 {
	text-transform:none;
	letter-spacing: 0px;
	font-weight:700!important;
}
.contact-box h2 {
	width: 100%;
	padding-bottom: 11px;
	border-bottom: 1px dotted #002663;
	font-weight: normal;
	margin-bottom: 12px;
	color: #002663;
	line-height: 120%;
	font-weight: 600;
	font-size: 16px;
}
.contact-box p {
	line-height: 150%;
	padding-bottom: 0;
}
.d-hrac-text {
	float: left;
	width: 450px;
}

.wp-pagenavi {
	display: block;
	clear:both;
	text-align:center;
}


.wp-pagenavi span.pages {
	display:none;
}


.wp-pagenavi span.current, .wp-pagenavi a.page, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {
	background: none repeat scroll 0 0 #34B6E4;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
    height: 17px;
    margin: 0 5px;
    padding-top: 5px;
    text-align: center;
    text-shadow: 1px 1px 0 #4785AD;
    width: 22px;
}

.wp-pagenavi span.current {
	background: none repeat scroll 0 0 #CD1719;
    text-shadow: 1px 1px 0 #9F1E16;
}

#before-footer {
	background: #fff;
	width: 100%;
	height: 68px;
	padding-top: 22px;
	text-align: center;
}
#before-footer img {
	margin: 0 12px 0 12px;
}
#footer {
	background: #021e2f;
	width: 100%;
	height: 142px;
	font-size: 14px;
	color: #c9c9c9;
	border-top:solid 10px #34b6e4;
}
.footer-top {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: 600;
	border-bottom: 1px solid #00aad2;
	height: 35px;
}
.footer-top a, .footer-menu a {
	color: #c1d8e0;
	font-weight:700;
}
.footer-top a:hover, .footer-menu a:hover {
	color: #fff;
	text-decoration: none;
}
.footer-menu ul {
	list-style: none;
}
.footer-menu ul li {
	float: left;
	text-transform: uppercase;
	border-left: 1px solid #c1d8e0;
	padding: 0 9px 0 9px;
}
.footer-menu ul li:first-child {
	border-left: 0;
	padding-left: 0;
}
.footer-bottom {
	color: #FEFEFE;
	font-size: 12px;
	padding-top: 8px;
	width: 100%;
	float: left;
	position: relative;
}
.footer-bottom a {
	color: #FEFEFE;
}
.footer-bottom p {
	float: left;
	width: 450px;
}
.footer-bottom .copy {
	float: right;
	width: 450px;
	text-align: right;
}
#footer .ontop {
	background: url('img/ontop.png') left top no-repeat;
	width: 49px;
	height: 49px;
	float: right;
	position: fixed;
	bottom: 0;
	right: 0;
	border-radius: 5px;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#footer .ontop:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.copy a {
	font-size:10px;
	color:#C9C9C9;
	margin-top:3px;
}
.copy a:hover {
	color:#FFF;
}
#clear, .clear {clear: both;}
img {
	border: 0;
}
a {
	text-decoration: none; color: #333333;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.article img, #before-footer img, .hp-right img {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.article:hover img, #before-footer img:hover, .hp-right img:hover {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.hp-right .wp-socializer-buttons, #before-footer .wp-socializer-buttons, .video .wp-socializer-buttons,
.hp-right .loginRadiusHorizontalSharing, #before-footer .loginRadiusHorizontalSharing, .video .loginRadiusHorizontalSharing {
display:none!important;
}

.hidden {display: none;}

.alignleft {float: left; margin: 0 18px 0 0;}
.alignright {float: right; margin: 0 0 0 18px;}
.aligncenter {margin: 0 auto; text-align: center;}

.gallery {margin-bottom: 20px!important;}
.gallery-columns-5 img {width: 142px; height:142px; border:0px!important;}
.gallery-item {margin-top: 4px!important;}
.gallery-icon a {opacity:0.8;	filter:alpha(opacity=80);}
.gallery-icon a:hover {opacity:1;	filter:alpha(opacity=100);}

* {margin: 0; padding: 0; line-height: 100%;}

@media screen and (max-width: 520px) { 
	.body-hraci #content.page, #content.post-detail .hp-left {
		min-height: 1300px;
	}
}
@media screen and (max-width: 400px) { 
	body {
		width: 1050px;
	}
	#header {
		position: relative;
		top: auto;
		left: auto;
	}
	#con-wrap {
		margin-top: 0px !important;
	}
	#blue-hraci {
		position: relative;
		top: 0px !important;
		left: auto;
		margin-bottom: 25px;
	}
	#content.page {
		min-height: 1065px;
	}
	#fancybox-overlay {
		width:1050px!important;
	}
	#fancybox-wrap {
		width: 870px !important;
		height: 500px !important;
	}
	#fancybox-content {
		width: 100% !important;
		height: 100% !important;
	}
	#fancybox-content img {
		height: auto !important;
	}
}