@font-face {
font-family: Titillium;
src: url("../fonts/TitilliumWeb-Regular.ttf") format("truetype");
}

@font-face {
font-family: Titillium;
font-weight: 100;
src: url("../fonts/TitilliumWeb-Light.ttf") format("truetype");
}

@font-face {
font-family: Titillium;
font-weight: 700;
src: url("../fonts/TitilliumWeb-Bold.ttf") format("truetype");
}

@font-face {
font-family: Titillium;
font-style: 400;
src: url("../fonts/TitilliumWeb-SemiBold.ttf") format("truetype");
}

#obsah strong {
    color:#5c5c5c;
    font-weight: bolder;
}

#obsah .blue {
	text-shadow: 1px 1px 1px #fff;
    color:#004385;
}

#obsah a strong {
    color:#00468b;
}

#obsah p {
	color: #6B6B6B;
	line-height: 165%;
}

#obsah ol {
	margin: 0 0 15px 0px;
    padding-left:20px;
	font-size: 15px;
    line-height: 160%;
}

#obsah a {
	color: #00468b;
}

.obsah h2 {
	margin-bottom: 10px;
}

.obsah p {
	margin-bottom: 15px;
}

.obsah ul {
	margin-left: 25px;
	margin-bottom: 15px;;
}

.obsah ul ul {
	margin-bottom: 0px;
}


.obsah address {
	font-style: normal;
	font-size: 100%;
	margin-left: 25px;
	margin-bottom: 20px;
	width: 480px;
}

.jednanovinka {
	margin-bottom: 20px;
}

.obsah .jednanovinka h2 {
	margin-bottom: 5px;
}

.obsah .jednanovinka p.datum {
	margin-bottom: 5px;
}

.vypis {
  font-size:90%;
}

.prvnif {
	margin-left: 5px;
	display: block;
}

.prvnif label {
	display: block;
	width: 240px;
	clear: both;
	font-size: 90%;
	float: left;
}

.prvnif table.jina label {
	display: block;
	width: 240px;
	clear: both;
	font-size: 100%;
	float: left;
}

.prvnif table.jina1 label {
	display: block;
	width: 200px;
	clear: both;
	font-size: 100%;
	float: left;
}

.prvnif input {

}

.prvnif input.basic {
	width: 255px;
	height: 18px;
	background-color: #F3F7FB;
	border: 1px solid #C4CCD3;
}

.prvnif input.check {
	width: 15px;
	height: 15px;
	border: 1px solid #C4CCD3;
	float: left;
}

.prvnif select {
	font-size: 11px;
}

.prvnif table.jina1 select {
	width: 300px;
}

.prvnif table.jina select,.prvnif table.jina2 select {
	width: 255px;
}

/*.prvnif textarea{width: 495px;} - zakomentovano, sirku jsem urcil pomoci cols v html, protoze jsem potreboval mit i jinou text area s jinou sirkou - Honza Schenk */
.prvnif textarea {
	background-color: #f3f7fb;
}

.prvnif .submit {
	width: 80px;
}

.prvnif p {
	margin-bottom: 0px;
	font-size: 100%;
}

#obsah .prvnif h2 {
	margin-bottom: 5px;
}

.odsazeni {
	padding-right: 30px;
}

.sekceform {
	margin-bottom: 15px;
}

.sekceform div {
	clear: both;
}

.prvnif .checkboxy label {
	width: 480px;
}

.checkboxy {
	padding-top: 15px;
}

.recovery p {
	margin-bottom: 15px;
}

.recovery h2 {
	margin-bottom: 5px;
	font-size: 120%;
}

.recovery ul {
	list-style-type: lower-alpha;
	margin-bottom: 10px;
	margin-left: 40px;
}

.recovery ul li {
	padding: 0px;
}

.damages p {
	margin-bottom: 15px;
}

.damages table {
	border-collapse: collapse;
	font-size: 90%;
	color: #6B6B6B;
	margin-bottom: 20px;
}

.damages table th,.damages table td {
	padding: 1px 5px 1px 5px;
	border: 1px solid black;
}

.damages table td {
	text-align: left;
	border-bottom: none !important;
}

.damages table th {
	text-align: center;
	white-space: nowrap;
	border-top: none !important;

}


.damages table td, .damages table th{
	border-left: none !important;
}

.damages table tr td:last-child, .damages table tr th:last-child{
	border-right: none !important;
}


.damages thead th {
	background-color: #EAEAEA;
}

.damages tbody th {
	background-color: #F5F5F5;
}

.print table {
	text-align: left;
}

.print table td,.print table th {
	font-size: 100%;
	padding: 2px 0 2px 0;
}

.print table th.sekce {
	font-size: 110%;
	padding-top: 20px;
}

.pageCount {
	text-align: center;
}

.nimfActive {
	font-size: 124%;
	font-weight: bold;
}

.nimfActive a {
	text-decoration: none;
}

.nimfToFirst,.nimfToLast {
	font-size: 100%;
	font-weight: normal;
}

.nimfDelimiter {
	font-size: 124%;
}

#kontrola {
	border: 1px solid #000;
}

#svozdat p label {
	display: inline-block;
	/*width: 200px;*/
	text-indent:20px;
	cursor:pointer;
}
.svoz_chbx, .ssp_chbox {
  font-size:15px;
}

#obsah.svozba p {
margin-bottom:3px !important;
}

#obsah.svozba #svozdat p {
margin-bottom:10px !important;
}

#obsah.svozba h2 {
margin-top:15px;
}

#svozdat p input[type="text"], #svozdat p select {
	width:360px;
}

.ares-data, .kuryr-data {
  width:100% !important;
}
#partnerY, #partnerN, #kuryrY {
  display:none;
}

#diagnotika-form #partnerY p {
  margin-bottom:0px !important;
}
#diagnotika-form #partnerN p {
  margin-bottom:0px !important;
}
.form #diagnotika-form label {
  font-weight:normal !important;
}

#svozdat p textarea {
	clear: both;
	float: left;
	min-width: 550px;
	min-height: 65px;
	margin-left:20px !important;
}
#dataObnova {
  clear: both;
	float: left;
	min-width: 550px;
	min-height: 65px;
	margin-left:10px !important;
  border:1px solid #FFF;
  border-radius:4px;
  padding:5px;
}

.line {
	display: block;
	border-top: 1px sold #000;
}

#finish {
	float: none;
	text-align: center;
	padding-top:15px;
	clear: both;
	width: 100%;
}

#finish input {
	position: relative;
	left: 0px;
	margin-left: 10px;
}


.infoodeslani {
	float: none;
	clear: both;
}

/*Stylovani formulare prvni kroky*/
.druheRadio {
	margin-left: 10px;
}

.tabulka-mala label {
	width: auto;
}

.tabulka-mala input {
	margin-left: 10px;
	margin-right: 10px;
}

#formular {
	position: relative;
}

#formular .odsazeni label {
	top: 5px;
}

#formular .odsazeni input[type="radio"] {
}

.prvni-kroky #formular em {display:block;font-style:normal;margin-left:25px;margin-top:-17px;}

#formular .odsazeni strong {
	position: relative;
	top: -2px;
}

#svozdat fieldset {
	border: 3px solid #fff;
	padding: 10px;
	padding-right: 35px;
	border-radius: 10px;
}

#formular fieldset {
	padding-right: 35px;
    border: 2px solid #CBCBCB;
    border-radius: 10px;
    width: 100%;
    padding: 13px 0!important;
    background-color: #FBFBFB;
    margin-bottom: 32px;
}

#formular label {
	position: relative;
	bottom: 2px;
	text-align: left;
}

#formular h3 {
	color: #4a8ad1;
}

#formular input {
	background-color: hsl(210, 50%, 97%);
	border: 1px solid #C4CCD3;
}

#formular label, .prvnif label {
	font-weight: bold;
	margin-left: 5px;
}

#formular input[type="text"], #formular input[type="email"], #formular textarea, #formular select, .prvnif input[type="text"], .prvnif textarea {
	border: 2px solid #fff;
	background-color: #FAFAFA;
	color: #585858 ;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	width: 100%;
}

#svozdat input[type="text"], #svozdat input[type="email"], #svozdat p textarea, #svozdat select {
	border: 1px solid #fff;
	background-color: #FAFAFA;
	color: #585858;
	border-radius: 5px;
	padding: 5px;
	margin: 5px 5px 0 5px;
}

#formular input[type="reset"], #formular input[type="submit"], .prvnif input[type="reset"], .prvnif input[type="submit"], #svozdat input[type="submit"], #svozdat input[type="reset"] {
	background: #eee url(../gfx/form-sub.png) 0 0 no-repeat;
	width: 96px;
	height: 38px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	border: 0;
	cursor: pointer;
}

#svozdat #poznamka {
  margin-bottom:20px;
}
.ares-response-error {
  display:none;
  border: 1px solid #FF6666;
  border-radius: 4px;
  background-color: #FFB3B3;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 10px;
}

#formular input[type="reset"]:hover, #formular input[type="submit"]:hover, .prvnif input[type="reset"]:hover, .prvnif input[type="submit"]:hover, #svozdat input[type="submit"]:hover, #svozdat input[type="reset"]:hover {
	background: #eee url(../gfx/form-sub-hover.png) 0 0 no-repeat;
}

#formular input.check {
	width: 15px;
	height: 15px;
	border: 1px solid #C4CCD3;
}

#formular select {
	font-size: 11px;
}

#ramecek {
	padding: 10px;
	border: solid 1px;
}

#formular div #jmeno {
	margin-left: 10px;
}

#formular div #mail {
	margin-left: 80px;
	_margin-left: 80px;
}

#formular div #telefon {
	margin-left: 69px;
}

#formular div #adresa {
	margin-left: 73px;
}

#formular div #odkdy {
	visibility: hidden;
}

#formular div #dokdy {
	visibility: hidden;
}

#formular div #odkdylab {
	visibility: hidden;
}

#formular div #dokdylab {
	visibility: hidden;
}

#formular div #adresa {
	visibility: hidden;
}

#formular div #adresalabel {
	visibility: hidden;
}

#formular span#star1,#formular span#star2 {
	visibility: hidden;
}

div.formkontakt {
	position: relative;
	z-index: 10;
}

.active .active {
	text-decoration: none !important;
}

div.centrala {
	margin-bottom: 50px;
	border: 1px solid #6B6B6B;
	padding: 20px 0px 10px 20px;
}

a.mapaLink {
	float: right;
	padding: 0px;
	padding-left: 40px;
	margin: 0px;
}

.img-right {
	float: right;
	padding: 0 0 5px 5px;
}

.predpo {
	padding: 20px 0;
}

/* new */

#umime {
	text-decoration: none;
	font-family: Trebuchet MS,Arial,Verdana,sans-serif;
	_padding-right: 10px;
	&padding-right: 10px;
}

#umime h2 {
	float: left;
	color: #004385;
	position: relative;
	display: block;
	margin-bottom: 0;
	margin-top: 7px;
	padding: 5px 15px 20px 0;
}

#umime td {
	color: #58585A;
	font-size: 14px;
	text-align: left;
	border:none;
	padding: 3px;
}

#umime .hdd a {
	height: 42px;
	width: 40px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') 5px 2px no-repeat;
}
#umime .ssd a {
	height: 42px;
	width: 58px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -28px 3px no-repeat;
}
#umime .sd a {
	height: 42px;
	width: 40px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -86px 4px no-repeat;
}
#umime .win a {
	height: 42px;
	width: 28px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -129px 4px no-repeat;
}
#umime .linux a {
	height: 42px;
	width: 42px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -154px 6px no-repeat;
}
#umime .raid a {
	height: 34px;
	width: 78px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons-v2-new.png') 0 0 no-repeat;
}
#umime .usb a {
	height: 42px;
	width: 57px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -33px -35px no-repeat;
}
#umime .cd a {
	height: 42px;
	width: 40px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -88px -35px no-repeat;
}
#umime .apple a {
	height: 42px;
	width: 28px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -129px -35px no-repeat;
}
#umime .nas a {
	height: 42px;
	width: 34px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons-v2-new.png') -22px -48px no-repeat;
}
#umime table {
	border: 2px solid #CBCBCB;
	border-radius: 10px;
	width: 100%;
	padding: 20px 0!important;
	background-color: #FBFBFB;
	margin-bottom: 20px;
}
/* end of new*/

a#pobocka {
	float: left;
	padding: 0px 20px 30px 0px;
}
a#pobocka img, .centrala img {
	border: 2px solid #aaa;
	padding: 1px;
	margin-right: 10px;
}
.centrala a img {
	margin: 0;
}
a#pobocka:hover img, .centrala a:hover img {
	border-color: #008ac8;
}

p.reference img {max-width:600px;display:block;margin-bottom:10px;}

.bx-wrapper .bxslider2 li {text-align:center;position:relative;}
#reference .bx-wrapper .bx-prev, #reference .bx-wrapper .bx-next {padding-top:36px; padding-bottom:36px; margin-top:-49px; height:26px;}
.bx-wrapper .bxslider2 img {max-width:270px;max-height:90px;display:inline-block;vertical-align:middle;}
.bx-wrapper .bxslider2 img.mid {margin:0 10px;}

#breadcrumb {min-height:20px;color:#6b6b6b;text-align:left;font-family:Trebuchet MS,Arial,Verdana,sans-serif;padding:10px 0;line-height: 20px;font-size: 115%;}
#breadcrumb:after {clear:both;}
#breadcrumb div {float:left;}
#breadcrumb a {color:#00468b;}
#breadcrumb span {padding:0 5px;}
#breadcrumb > div:first-child span {padding:0 5px 0 0;}

#mobile-header {display:none;visibility:hidden;}

.left-floating {
    float: left;
    max-width: 100%;
    height: auto;
    margin-right: 10px;
}

#obsah .faq-obsah p{
	font-size: 15px;
    line-height: 1.75em;
}

#obsah .faq-obsah h2{
	font-size: 17px!important;
	line-height: 1.2em!important;
}

#obsah .vop-obsah h1{
	text-align: center;
	text-transform: uppercase;
}

#obsah .vop-obsah h2{
	text-align: center;
	text-transform: uppercase;
	font-size: 17px!important;
	line-height: 1.2em!important;
}

#obsah .vop-obsah ol li{
	text-align: justify;
	margin-bottom: 5px;
}

.fblikebox {float:right;margin-left:10px;}

/* tablet verze */
@media (min-width: 700px) and (max-width: 1035px) {
.left-floating {
    float: left;
    max-width: 100%;
    height: auto;
    margin-right: 10px;
}
body {background: #eee url('../gfx/mobile/background-tablet.png') 50% 50px no-repeat;}
img {max-width:700px;}
#head {width:700px;top:60px;}


#odsun2 {position:static;}
#head1 {height:80px;padding-top:10px;}
#head1 span {padding-right:20px;}
#head1 .phone {position:absolute;right:168px;top:35px;}
#lang {margin-top:20px;}

#umime{
	padding: 0 20px 10px;
}

#lang a {
    border-top: 0px!important;
}

#topmenu {width:694px;

	height:66px;
	background: #005ca3;
	background: linear-gradient(to bottom,  #005ca3 18%,#00468b 46%,#003469 100%);
	border: 3px solid #fff;
	box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.75);
	border-radius: 10px;
}

#topmenu img {display: none;}

#topmenu #bottom > a {
	background:url('/gfx/mobile/logo.png') 0 0 no-repeat;
	margin:0;
	width:250px;
	height:57px;
	display:block;
	position:absolute;
	top:10px;
	left:10px;
}
#topmenu #bottom > a span {color:#00527b;padding-top:35px;}
#topmenu .menu {margin:0 auto;padding-top:25px;}
#topmenu {background:none;border:none;box-shadow:none;}
#topmenu #top, #topmenu #bottom ul {display:none;}


#page {width:700px;padding-top:190px;}
#odsun {padding:0;}
#odsun2 {width:700px;}
#stranka {float:none;width:700px;margin-top:315px !important;border-top:1px solid #fff;}

#blok-nad-obsahem {width:700px;padding:0;top:150px;}

#help {margin-left:20px;}
#callmedic {margin-top:20px;width:660px;height:130px;padding: 0 20px;}
#callmedic a {float:left;line-height: 1em;}
#callmedic .phone {width:240px;padding-left:81px;margin-right:13px;margin-top:15px;float: left;}
#svoz {margin-right:0;}

#submenu {clear:both;width:694px;
	background: #005ca3;
	background: linear-gradient(to bottom,  #005ca3 18%,#00468b 46%,#003469 100%);
	border: 3px solid #fff;
	box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.75);
	border-radius: 10px;
	height:47px;
	margin-left:0;

}
#submenu ul {padding-top:18px;font-size:14px;padding-left:0;}
#submenu li.spacer {display:none;}
#submenu li {padding:0 4px;border-right: 1px solid #fff;}
#submenu li:last-child {border-right: none;}
#submenu .spacer {padding-right:0;}
#submenu {display:none;}

#obsah {padding:0 20px 10px}

#subdata {float:left;margin-right:55px;}
#galerie + .reset, #subdata + .reset  {clear:none;}

#menu {float:none;margin-top:0 !important;}
#menu .news-bottom, #menu .news-top {display:none;}
#menu #news {width: 664px;
	background: #bbbdbe;
	background: linear-gradient(to bottom,  #bbbdbe 0%,#87888a 100%);
	border: 3px solid #fff;
	box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.75);
	border-radius: 10px;
	padding: 10px 15px 20px;
}


#menu .co-noveho-umime {margin-top:-5px;}




#pata {
	width:696px;
	background: #00468b;
	background: linear-gradient(to bottom,  #00468b 1%,#003469 100%);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	box-shadow: 0 -1px 4px 0 rgba(50, 50, 50, 0.75);
	position: relative;
}
#pata #baze {margin:0;float:none;position:absolute;top:105px;left:45px;}
#pata #zachr {margin:0;position:absolute;top:105px;right:248px;}
#pata #mvz {margin:0;float:none;position:absolute;top:100px;left:145px;}

#pata .footlogo {background:url('/gfx/mobile/logo-footer.png') 0 0 no-repeat;
float:none;
width: 600px;
margin: 10px 0 0 25px;
padding-top: 30px;
padding-left: 55px;
margin-bottom:45px;
}
#pata .footlogo span {background:url('/gfx/mobile/phone-footer.png') 0 0 no-repeat;
padding-left:50px;
padding-top:3px;
float:right;
margin-right:15px;
height: 40px;
margin-top:-25px;
}

#pata .border {width:30px;}

#pata .pr {width:180px;}
#pata .st {width:245px;}
#pata .lv {width: 150px;}
#pata .datacopy {margin-left:25px;margin-top:20px;}
#pata .copy {margin-right:25px;margin-top:20px;}

#breadcrumb {padding:10px 20px;}

#umime table td:nth-child(odd) {max-width:85px;}
}

/* mobilní verze */
@media (max-width: 699px) {
body {background: #eee url('../gfx/mobile/background.png') 50% 40px no-repeat;}
.m-image {float: none;}
.m-description {padding: 10px 10px 15px 10px;}
img {max-width:300px;height:auto!important;}
#head {width:300px;}
#topmenu {width:300px;border: none;}
#topmenu img {display: none;}
#page {width:300px;}
#odsun {padding:0;}
#odsun2 {width:300px;}
#subdata {width: 300px !important;}
#submenu {display:none;width:0;visibility:hidden;margin:0;}
#stranka {float:none;width:300px;margin-top:100px !important;}

#obsah ul {font-size: 15px;}
#breadcrumb {padding: 10px 0 20px;}

.left-floating {
    margin-bottom: 5px;
    max-width: 100%;
    height: auto;
}

.mean-bar{
	position: fixed!important;
}

#head1 {margin-top:55px;}
#head1 span {display:block;text-align:left;}
#head1 .phone {padding:0;}
#lang {margin-top:-40px;}
#topmenu {background:url('/gfx/mobile/logo.png') 0 0 no-repeat;margin:40px 25px 0;width:250px;}
#topmenu span {color:#00527b;padding-top:35px;}
#topmenu #top, #topmenu #bottom ul {display:none;}

#blok-nad-obsahem {width:300px;position:static;height:auto;}

#help, #svoz {float:none;width:290px;margin-bottom:15px;}
#callmedic {float:none;margin-top:0;width:300px;}
#callmedic .phone {background:url('/gfx/mobile/hotline.png') 0 0 no-repeat;
border: 5px solid #fff;
border-radius: 10px;
height:68px;
width:220px;
padding-left:70px;
margin-bottom:20px;
font-size: 22px;
}
#callmedic .phone span {display:block;margin-top:-5px;}
#callmedic .phone .number {font-size:30px;margin-left:2px;}
#callmedic .instahelp {margin-left:0;width:300px;}

#umime td {display:block;height:42px;line-height:46px;}
#umime td:nth-child(even) {
	position:absolute;
	left:120px;
	margin-top:-45px;
}

#galerie, #menu #reference {float:none;left:0;width:295px !important;}
#galerie .bx-wrapper {margin-left:5px;}
#menu #reference h2 {margin-left:0;}
#reference .bx-wrapper {left:-40px;max-width:220px !important;}

#menu {float:none;margin-top:5px !important;}

#menu .news-bottom, #menu .news-top {display:none;}
#menu #news {width: 264px;
	background: #bbbdbe;
	background: linear-gradient(to bottom,  #bbbdbe 0%,#87888a 100%);
	border: 3px solid #fff;
	box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.75);
	border-radius: 10px;
	padding: 10px 15px 20px;
}

#obsah.homepage {width: 300px !important;}
#umime table {width: 300px;padding:20px;}
#umime table td:nth-child(odd) {max-width:85px;}
#obsah.refer div {width: 300px;}
#pata {
	width:296px;
	background: #00468b;
	background: linear-gradient(to bottom,  #00468b 1%,#003469 100%);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	box-shadow: 0 -1px 4px 0 rgba(50, 50, 50, 0.75);
	position: relative;
}
#pata #baze {margin:0;float:none;position:absolute;top:100px;left:32px;}
#pata #zachr {margin:0;position:absolute;top:405px;left:32px;}
#pata #mvz {margin:0;float:none;position:absolute;top:100px;left:32px;}

#pata .footlogo {background:url('/gfx/mobile/logo-footer.png') 0 0 no-repeat;
float:none;
margin:0 auto;
width: 196px;
padding-top: 30px;
padding-left: 55px;
}
#pata .footlogo span {background:url('/gfx/mobile/phone-footer.png') 0 0 no-repeat;
padding-left:50px;
padding-top:3px;
margin-left:-40px;
height: 40px;
margin-top:20px;
}

/* radenie div v paticke na mobile */
#footerDiv {
  display: flex;
  flex-direction: column;
}
#footerDiv1 {
  order: 3;
}
#footerDiv2 {
  order: 2;
}
#footerDiv3 {
  order: 1;
}

#pata .border {display:none;}
#pata .block {
  float:none;
  margin:0 32px;
  width:236px;
}
#pata .block.lv {
  margin-top:30px;
}
#pata .block.pr {
  border-bottom: 1px solid #92a0b6;
  margin-top:35px;
}
#pata .block.st {
  border-bottom: 1px solid #92a0b6;
  margin-top:35px;
}
#pata .datacopy {float:none;margin:20px 0;text-align:center;}
#pata .copy {float:none;text-align:center;margin:0;}
#pata .copy img {margin:0;}

/* specialni podstranky */
#fotogalerie td {padding:5px;display:inline-block;}
.sekceform td {display:block;}
.prvnif .checkboxy label {max-width:300px;}
.prvnif textarea {width:276px;}
.checkboxy td {display:table-cell;}
.prvnif .checkboxy label {max-width:250px;margin-bottom:20px;}
.img-right {float:none;padding:0;}
div.text-button {float:none !important;padding: 20px;}
div.text-button.bezpecnost a {height:48px;line-height:20px;padding-top:8px;}
div.text-button.nas-uloziste a {padding:0 12px;}
div.text-button.zachrana-z-disku a {padding:0 12px;}
.pevny-disk table td {display:block;}
.pevny-disk #formular .odsazeni {padding:0;}
.pevny-disk #formular input[type="text"] {width:94%;}

.prvni-kroky table td {display:block;}
.prvni-kroky #formular .odsazeni {padding:0;}
.prvni-kroky #formular input[type="text"] {width:94%;}

.prvni-kroky #formular .odsazeni label:nth-child(7) input {top:-6px;}
.prvni-kroky #formular em {width:190px;}


#svozdat fieldset {padding:10px;}
#svozdat p input[type="text"], #svozdat p select {display:block;width:220px;}
#svozdat p select {width:232px !important;}
#svozdat p textarea {margin-left: 5px !important;float:none;width:220px;max-width:220px;min-width:220px;}

.obsah div.centrala {padding:20px;margin-bottom:10px;}
.obsah address {margin:0;width:238px;}
.obsah address > img {margin-bottom:20px;}
.obsah address > img:after {clear:both;}

#fancybox-img {max-width:100% !important;}


/* mobile header redesign */

#topmenu #bottom > a {
    background: #ffffff url('/gfx/mobile/logo.png') 7px 14px no-repeat;
    background-size: 100%;
    width: 135px;
    height: 49px;
    position: fixed;
	top: -8px;
	left:20px;
    /*left: 0px;*/
    z-index: 9999999;
    border-radius: 10px;
    background-size: 90%;
}

#topmenu #bottom > a span {
    padding-top: 31px;
    font-size: 12px;
    width: 128px;
    letter-spacing: 1px;
}

#topmenu {
    margin: 0;
    background: none;
}

#head {
    height: 50px;
}

#head1 {
    margin-top: 0px;
}

#head1 #lang {
    display: none;
}

#blok-nad-obsahem {
    top: 70px;
}

/*@media only screen and (max-width: 699px) {
	#blok-nad-obsahem {
		margin-top:1800px !important;
	}
}*/

#head1 .phone {
    padding: 0;
    z-index: 9999999999;
    display: block;
    position: fixed;
    color: #fff;
    left: 50%; /*155px;*/
    font-size: 13px;
    top: 10px;
}
#head1 .phone img{
	display:block;
	float: left;
	margin: 0!important;
	width:30px;
}

#head1 .phone a {
	float: right;
    font-size: 16px;
    padding-left: 5px;
    color: #eee;
}

html:not(.hppage) #help {
    position: absolute;
    top: -150px;
    right: 0;
    width: 145px;
    margin: 0;
    border-radius: 5px;
    height: 100px;
}

html:not(.hppage) #svoz {
    position: absolute;
    top: -150px;
    left: 0;
    width: 145px;
    margin: 0;
    border-radius: 5px;
    height: 100px;
}

.hppage #odsun2 {
    margin-top: 640px;
}

#pata #baze {
    top: 515px;
}

#pata #zachr {
    top: 145px;
}

#pata #mvz {
    top: 335px;
}

#lang {
    margin-top: 10px;
}

#lang a {
    border-top: 0px;
    padding: 10px;
}
#lang .prvni {
	margin-left: 10px;
}
#obsah h2{
	padding-top: 60px;
	margin-top: -60px;
}

}


#lang-en #topmenu span {padding-right:0;margin-left:-10px;letter-spacing:2px;}
#lang-en #pata {
	background: #00468b;
	background: linear-gradient(to bottom,  #00468b 1%,#003469 100%);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	box-shadow: 0 -1px 4px 0 rgba(50, 50, 50, 0.75);
	position: relative;
}

#lang-en #pata .footlogo {background:url('/gfx/mobile/logo-footer.png') 0 0 no-repeat;
float:none;
margin: 10px 0 0 25px;
padding-top: 30px;
padding-left: 55px;
margin-bottom:45px;
letter-spacing:2px;
}
#lang-en #pata .footlogo span {background:url('/gfx/mobile/phone-footer.png') 0 0 no-repeat;
padding-left:50px;
padding-top:3px;
float:right;
margin-right:15px;
height: 40px;
margin-top:-25px;
}


@media (min-width: 700px) and (max-width: 1035px) {
	#lang-en #subdata {margin-right:0;float:none;width:100% !important;}

}


@media (max-width: 699px) {
	#lang-en #pata .footlogo span {margin-top:20px;}
	div.text-button {padding: 0;}
}

/* Interaktivní formulář (okamžitá pomoc) */

.interactive .nas {
	background-position-y: 5px!important;
	background: url('/gfx/icons/nas.png');
}

.interactive .pc-notebook {
	background-position-y: 5px!important;
	background: url('/gfx/icons/pc.png');
}

.interactive .telefon-iphone {
	background-position-y: 5px!important;
	background: url('/gfx/icons/apple.png');
}

.interactive .telefon-android {
	background-position-y: 5px!important;
	background: url('/gfx/icons/android.png');
}

.interactive .pevne-a-externi-disky {
	background-position-y: 5px!important;
	background: url('/gfx/icons/hdd.png');
}

.interactive .usb-disk {
	background-position-y: 5px!important;
	background: url('/gfx/icons/usb.png');
}

.interactive .raid-pole {
	background-position-y: 5px!important;
	background: url('/gfx/icons/raid.png');
}

.interactive .pametove-karty {
	background-position-y: 5px!important;
	background: url('/gfx/icons/karty.png');
}

.interactive .vyber input {display: none;}

.interactive .vyber > label {
    padding-top: 50px;
    float: left;
	margin-left: 20px!important;
    margin-right: 20px;
    margin-bottom: 0px;
    height: 40px;
    width: 110px;
    text-align: center !important;
    background-repeat: no-repeat;
    background-position: top center;
    border: 2px solid transparent;
}

.interactive .vyber > label:hover {
    border: 2px solid #004385;
    border-radius: 10px;
    background-position: 33px -3px;
}

.interactive .vyber .show {
    display: none;
    text-align: center;
}

.interactive .vyber .show .show2{
    display: none;
    text-align: center;
}



.interactive .vyber .show input {
    display: inline-block;
    margin-right: 10px;
}

.interactive .vyber .show label {
    bottom: auto !important;
    margin-right: 3px;
}

.interactive .vyber input:checked + .show {
    display: block;
    position: absolute;
    top: 287px;
    left: 0;
    border: 2px solid #CBCBCB;
    border-radius: 10px;
    width: 100%;
    padding: 20px 0 30px!important;
    background-color: #FBFBFB;
    margin-bottom: 0;
}

.interactive .vyber .highlight {
    border: 2px solid #004385;
    border-radius: 10px;
}


.interactive .vyber .show input:checked + .show2 {
    display: block;
    position: absolute;
    top: 136px;
    width: calc(100% - 33px);
    padding: 15px;
    left: 0;
    border: 2px solid #CBCBCB;
    border-radius: 10px;
    background-color: #FBFBFB;
    margin-bottom: 32px;
}

.interactive .vyber .show h2,
.interactive .vyber .show2 h2 {
    margin-top: 10px;
}

.interactive .form {
    display: none;
    position: absolute;
    top: 777px;
    width: calc(100% - 36px);
    border: 3px solid #fff;
    padding: 5px 15px 15px 15px;
    border-radius: 10px;
    left: 0;
    margin-top:30px;
}

.interactive .form input[type=text],
.interactive .form input[type=email],
.interactive .form textarea {
    margin-left: 10px !important;
    max-width: 95%;
}

@media (max-width: 699px) {
    body {
        overflow-x: hidden;
    }
    .interactive .vyber > label {
        width: 100px;
        margin-right: 5px;
    }

    .interactive .vyber input:checked + .show {
        top: 468px;
    }

    .interactive .vyber .show input:checked + .show2 {
        top: 214px;
    }

    .interactive .form {
        top: 1120px;
    }

    .prvni-kroky {
		    min-height: 3645px !important
    }
    #dataObnova {
        min-width: 95% !important;
    }

    .interactive .vyber > label:hover {
        background-position: 28px 0px;
    }

    .interactive .vyber .show label {
        display: inline-block;
        width: 85%;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #b7bcb5;
    }

    .interactive .vyber .show input {
        display: inline-block;
        margin-right: 10px;
        width: 5%;
    }
}

.prvni-kroky {
    min-height:4020px;
}

.prvni-kroky h2 {
    color: #004385 !important;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px !important;
}

.prvni-kroky .bluefont {
    color: #004385 !important;
    font-weight: bold;
	font-size: 120%!important;
}

.prvni-kroky .bold-font{
	font-size: 115%;
    text-decoration: none;
    font-weight: 600;
}

.diagnostika-button {
    height: 42px;
    display: inline-block;
    color: #fff !important;
    line-height: 42px;
    padding: 0 15px;
    margin: 0;
    border-radius: 10px;
    border: 3px solid #fff;
    font-weight: bold;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.75);
    background: #0663cd;
    background: -moz-linear-gradient(top, #0663cd 0%, #064582 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0663cd), color-stop(100%,#064582));
    background: -webkit-linear-gradient(top, #0663cd 0%,#064582 100%);
    background: -o-linear-gradient(top, #0663cd 0%,#064582 100%);
    background: -ms-linear-gradient(top, #0663cd 0%,#064582 100%);
    background: linear-gradient(to bottom, #0663cd 0%,#064582 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0663cd', endColorstr='#064582',GradientType=0 );
}

.diagnostika-button:hover {
    background: #ff9d00;
    background: -moz-linear-gradient(top, #ff9d00 0%, #ff9d33 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d00), color-stop(100%,#ff9d33));
    background: -webkit-linear-gradient(top, #ff9d00 0%,#ff9d33 100%);
    background: -o-linear-gradient(top, #ff9d00 0%,#ff9d33 100%);
    background: -ms-linear-gradient(top, #ff9d00 0%,#ff9d33 100%);
    background: linear-gradient(to bottom, #ff9d00 0%,#ff9d33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d00', endColorstr='#ff9d33',GradientType=0 );
}



.show2 h2{
	padding-top: 0!important;
	margin: 28px 0 10px!important;
}


.proces-zachrany .item {
    width: 46%;
    float: left;
    padding-right: 20px;
    margin-bottom: 10px;
}

.proces-zachrany p {
    height: 100px;
}

@media (max-width: 699px) {
    .proces-zachrany .item {
        width: 100%;
        float: none;
    }

    .proces-zachrany p {
        height: auto;
	}
	.show2 h2{
		margin: 0 0 10px!important;
	}
	.diagnostika-button{
		padding: 0;
    	width: 240px;
	}

}

/* Related articles on page. */
.related-articles {
  padding: 0 20px 15px 0;
  text-align: left;
  color: #6b6b6b;
  font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
}

.related-articles h2 {
  margin-bottom: 10px;
  font-size: 135%;
}

.related-articles h2#souvisejici{
	margin-top: 15px!important;
}

.related-articles .article {
  margin-bottom: 20px;
}

.related-articles .article h3 {
  margin-bottom: 5px;
  font-size: 125%;
}

.related-articles .article h3 a {
  text-decoration: none;
  color: #004385;
}

.related-articles .article h3 a:hover {
  color: #ff9d00;
}

.jednanovinka .datum {
  margin-top: 20px;
}
.jednanovinka .rubrika {
  margin-top: 3px;
}

#diagnostika-form .df-input {
  margin-bottom:0px !important;
  margin-left:0px !important;
}
.ares-loader {
  border: 4px solid #fff;
  border-radius: 50%;
  border-top: 4px solid #164679;
  width: 12px;
  height: 12px;
  -webkit-animation: spin 0.5s linear infinite;
  animation: spin 0.5s linear infinite;
  display:none;
  margin-bottom:-3px;
  margin-left:10px;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.rz-icon {
  margin-left:10px;
  margin-bottom:-2px;
}
.rz-icon {
  margin-left:5px;
  margin-bottom:-2px;
}

.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.puw-st {
  display:none;
  border:1px solid #BFBFBF;
  background-color:#BFBFBF;
  padding:2px 15px;
  border-radius:4px;
  color:#000;
  margin-left:10px;
  cursor:context-menu;
}

.tooltip {
  position: relative;
  display: inline-block;
  font-size:115%;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 350px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 5px;
  margin-left:10px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tlbl {
  font-weight:normal !important;
}

.cennik-nt {
  min-width:100%;
  font-size:100% !important;
  line-height:1.5;
  border-collapse:collapse;
  border-radius: 1em !important;
  box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.75);
  overflow: hidden;
}
.cennik-nt th{
  background-color: #0F60A0;
  padding: 12px 8px;
  color: #fff;
  font-size: 1.2em;
  font-weight: 500;
  border:1px solid lightgrey !important;
  border-top: none !important;
}
.cennik-nt td {
  border:1px solid lightgrey !important;
  border-bottom: none !important;
  padding:5px !important;
  background: #fff;
}
.cennik-nt td, .cennik-nt th{
	border-left: none !important;
}

.cennik-nt tr td:last-child, .cennik-nt tr th:last-child{
	border-right: none !important;
}


.cennik-nt-bta {
  font-weight:bold;
  color:#0F60A0;
}
.cennik-nt-mta {
  color:#00468B;
}
.cennik-fs {

}
.cennik-ss {

}
.cennik-fl {
  background-color:#0F60A0;
  color:#FFF;
  text-align:center !important;
}
.cennik-lps {
  text-align:center !important;
}
 .cennik-tp {
   text-align:justify;
 }