/*  CSS document  */

#header, #section, #footer {width:640px;height:auto;margin:0px auto;background:#ffffff;}
body {background:#ffffff;}
 
.share .fb_iframe_widget span {
 margin-top:25px;
 vertical-align: inherit;
}
.mainshare {margin-left:15px;}
.share > div {
 margin-right: 30px;
}
.share .fb-like iframe {margin-top:-3px;}

.register {
  margin-top: 30px;
  font-size: 10pt;
  padding-left: 45px;
  background-image: url('../images/contact/register.gif');
  background-repeat: no-repeat;
  background-position: left center;
}
.register a {
  text-decoration: underline;
}
 
.bg_A {background-color:#dae3e6;}
.bg_B {background-color:#e0e3e6;}
.bg_C {background-color:#d7e5f6;}
.clr_A {color:#32599c;}
.clear {width:auto;height:auto;clear:both;}
.right {text-align:right;}
.left {text-align:left;}
.to_right {float:right !important;}
.to_left {float:left;}
.top {margin-top:15px;}
.top_more {margin-top:45px;}
.top_extra80 {margin-top:80px;}
.top_extra100 {margin-top:100px;}
.bottom {margin-bottom:15px;}
.bottom_more {margin-bottom:45px;}
.more_bottom {padding-bottom:25px;}
.no-top {padding-top:0!important;margin-top:0!important;}
.no-left {padding-left:0 !important}
.no-right {padding-right:0 !important}
.no-bottom {padding-bottom:0 !important}
.double-left {padding-left:40px !important}
.nothing {padding:0 !important;}
.big {font-size:14pt;font-weight:normal;}
.big_A {font-size:28pt;font-weight:normal;}
.big_B {font-size:30pt;font-weight:bold;text-align:center;}
.border {margin:15px 0 15px 0!important;border-bottom:1px dotted #cdcece;}
.border_nomargin {border-bottom:1px dotted #cdcece;}
.border_A {padding-bottom:20px;border-bottom:1px solid #cdcece;}
.border_katalog {border-top:20px solid #f7f7f7;}
.dotted {border-bottom-style:dotted;}
.more {color:#0b6fc7;}
.bold {font-weight:bold !important;}
.center {width:100%;text-align:center;}
.center img {float:none;display:inline-block;}

h1 {padding:25px 0 20px 103px;font-size:24pt;}
h1.logo {padding:0;margin:0;float:left;font-size:12pt;}
h2 {font-size:18pt;font-weight:bold;}
h2.extra {width:350px;padding-top:380px;padding-left:20px;font-weight:bold;font-size:36pt;line-height:20pt;}
h2.extra span {font-weight:normal;font-size:18pt;}
h2.sekce {text-transform:uppercase;font-size:30pt;font-weight:normal;padding:40px 0 0 17px;margin:0;clear:both;}
#header {height:77px;margin-top:5px;}
#header p {width:400px;height:73px;float:left;}
#header p strong {height:30px;padding:15px 0 0 25px;display:block;color:#2b2a29;font-weight:normal;font-size:18pt;letter-spacing:1px;}
#header p span {display:block;text-align:left;padding-left:25px;color:#6c6c6c;font-size:10pt;letter-spacing:0.5px;}
#header img {float:left;} 

a.logo {width:102px;height:0px;padding-top:73px;overflow:hidden;display:block;float:left;background-image:url('../images/contact/logo.png');}
a.logo_page {width:72px;height:0px;padding-top:52px;overflow:hidden;display:block;float:left;background-image:url('../images/contact/logo_page.gif');}
a.small {font-size:12pt;}
a.novy_dum:hover {text-decoration:none;}

/* this bulletin */
span.program {display:block;float:left;padding:10px 0 0 15px;font-weight:normal;}
/* this bulletin */

div.main_motiv {width:640px;height:500px;margin-top:10px;position:relative;background:url('../images/contact/chotikov_up.jpg?1') top center no-repeat;color:#5b5b5b;}
h2.main_motiv {width:auto;/*padding:265px 40px 20px 0;*/position:absolute;bottom:15px;right:35px;margin:0 auto;color:#ffffff;font-size:48pt;text-align:right;font-weight:300;font-family:'Roboto', sans-serif;-webkit-transition: font-size 1s;transition: font-size 1s;}
h2.main_motiv span {padding-left:50px;padding-top:70px;display:block;}
div.main_motiv p {padding:245px 30px 20px 50px;color:#fff;font-size:35pt;text-align:center;} 
img.main_motiv {position:absolute;top:0;right:20px;}

div.mid {width:100%;height:7px;padding:0;border-top:30px solid #ffffff;clear:right;}
div.blog {width:535px;padding:0 0 0 105px;float:left;}
div.blog ul {width:535px;padding:0;}
div.blog ul li {width:auto;padding:0;}
div.blog ul li.full {width:100%;}
div.blog ul li.blog_L {width:315px;padding-top:13px;padding-bottom:10px;}

p.motto {font-size:14pt;padding:15px 0;text-align:justify;}
p.bonus {height:430px;padding:55px 20px 0 170px;margin:0;font-size:14pt;background:url('../images/contact/motto.gif') top center no-repeat;color:#2e63b3;}
p.actual {font-style:italic;}
p.actual a {float:right;font-style:normal;color:#0b6ec7;}
p.kupon {width:200px;margin-top:75px;}
p.sleva {padding:20px 0 40px 250px;font-size:14pt;color:#5b5b5b;clear:left;}
p.sleva strong {font-size:20pt;color:#000000;}
p.sleva strong span {font-size:23pt;color:#e31e24;}
p.sleva em, p.video em {font-weight:bold;font-style:normal;}
p.video {width:335px;padding:15px 0 35px 15px;font-size:12pt;border-top:1px solid #b7b8b8;color:#6a6a6a;}
p.video span {color:#000000;}
p.video strong {padding:8px 0 12px 0;display:block;font-size:14pt;color:#000000;}
p.novy_dum {width:320px;height:75px;padding:35px 0 45px 35px;font-size:12pt;color:#2d2d2d;}
p.novy_dum strong {padding:8px 0 25px 0;display:block;font-size:30pt;}
p.novy_dum span.splatka {width:220px;height:60px;padding:15px 0 12px 15px;margin-right:10px;font-size:9pt;background-color:#fcd40c;color:#000000;position:absolute;}
p.novy_dum span.splatka strong {width:115px;overflow:hidden;float:left;font-size:17pt;display:block;}
p.novy_dum span.splatka em {width:105px;overflow:hidden;height:15px;float:left;padding:0;margin-top:-1px;font-style:normal;display:block;font-weight:bold;font-size:8pt}
p.novy_dum span.splatka em.first {margin-top:6px;}
p.comment_dum {width:280px;padding:35px 0 0 0;font-size:11pt;color:#2d2d2d;color:#2d2d2d;}
p.comment_dum a {font-weight:bold;font-style:italic;}
p.more {width:255px;padding:35px 25px 45px 5px;font-size:12pt;border-top:1px solid #b7b8b8;color:#2d2d2d;}
p.more a {color:#919191;}
p.another {width:280px;padding:20px 10px;clear:both;}

img.line_mid {margin-left:-50px;}
img.katalog {margin-bottom:30px;}
img.bordered {border:1px solid silver;}
a.button_more {box-sizing:border-box;padding:10px 50px 10px 20px;margin:50px 0;display:block;color:#fff;float:right;clear:both;font-weight:normal!important;font-style:inherit!important;text-transform:uppercase;cursor:pointer;}
a.button_more {background: url("../images/contact/button_more.png") #cc3333 100% 50% no-repeat;background-image: url("../images/contact/button_more.svg"),none;}
a.button_more:hover {text-decoration:none;color:#cdcdcd;}

ul.target {width:640px;float:left;color:#3b3a3a;}
ul.target li {width:320px;padding:20px 20px;float:left;list-style-type:none;box-sizing:border-box;}
ul.target li.clear {width:100%;height:1px;padding:0;margin:0;clear:both;}
ul.target li.obsah {width:220px;height:260px;padding:35px;float:left;list-style-type:none;}
ul.target li.obsah ul {width:auto;height:auto;padding-left:15px;}
ul.target li.obsah ul li {width:auto;height:auto;margin-left:0.3em;padding:0;list-style-type:square;float:none;}
ul.target li.obsah p {font-size:14pt;}
ul.target li.obsah_right {width:320px;}
ul.target li.target_right {float:right;}
ul.target li.target_left {float:left;}
/*ul.target li.text {padding:25px 0 25px 0!important;}*/
ul.target li.image {padding:25px 0 25px 0!important;}
ul.target li.target_right.image img {float:right;}
ul.target li.target_left.image img {float:left;}
ul.target li.target_left.full img {width:620px;}
ul.target li.target_left.full img.not_full {width: auto;}
ul.target li.target_right.text {padding-right:0;}
ul.target li.wide {width:300px;}
ul.target li.relative {position:relative;}
ul.target li.extra {width:275px;height:240px;border-right:10px solid #ffffff;}
ul.target li.extra_no {height:240px;}
ul.target li.extra img, ul.target li.extra_no img {margin-top:-30px;}
ul.target li h2 {padding-bottom:8px;color:#2b2a29;font-size:19pt;font-weight:normal;}
ul.target li h2.small {font-size:14pt;}
ul.target li a {font-style:italic;font-weight:bold;}
ul.target li a.normal {font-style:normal;font-weight:bold;}
ul.target li h2 a {font-style:normal;font-weight:normal;color:#2b2a29;}
ul.target li h2 a:hover {color:#808080;text-decoration:none;}
ul.target li span.center {width:100%;display:block;text-align:center;}
ul.target li.mid {width:100%;height:2px;padding:0;border-top:8px solid #ffffff;border-bottom:8px solid #ffffff;}
ul.target li.little {width:100%;height:2px;padding:0;border-top:8px solid #ffffff;border-bottom:8px solid #ffffff;}
ul.target li.little_A {width:100%;height:2px;padding:0;border-bottom:8px solid #ebecec;}
ul.target li.little_B {width:100%;height:2px;padding:0;border-top:8px solid #ebecec;}
ul.target li.full {width:640px;}
ul.target li.fullwidth {width:640px;}
ul.target li.full_min {width:600px;padding-top:0;padding-bottom:0;}
ul.target li.no-bottom {margin-bottom:0;padding-bottom:0;}
ul.target li.no-top {margin-top:0;padding-top:0;}
ul.target li.auto {width:auto;}
ul.target li.videoprohlidka {width:270px;}
ul.target li img.house {margin-bottom:5px;}
ul.bordered {background:url('../images/contact/line_target1.gif') bottom left no-repeat;}
ul.up_bordered {background:url('../images/contact/line_target1.gif') top left no-repeat;}
ul.normal {width:auto;height:auto;padding-left:15px;}
ul.normal li {width:auto;height:auto;padding:5px 0;list-style-type:none;}
ul.important li p a {font-weight:normal;}

ul.nove_domy {clear:both;}
ul.nove_domy li {width:217px;margin-bottom:50px;text-align:left;list-style-type:none;float:left;}
ul.nove_domy li.third {width:206px;}
ul.nove_domy li h2 {padding:5px 0 0 15px;}

ul.main {float:left;margin:8px 0;}
ul.main li {padding:0 10px 10px 0;float:left;list-style-type:none;color:#2b2a29;}
ul.main li:nth-of-type(odd) {width:260px;}
ul.main li:nth-of-type(even) {width:240px;padding-left:20px;}
ul.main li h2 {padding-bottom:8px;}
ul.main li h2 a {font-style:normal;font-weight:normal;color:#2b2a29;}
ul.main li h2 a:hover {color:#808080;text-decoration:none;}

ul.navi {padding:35px 0 35px 15px;float:left;}
ul.navi li {float:left;list-style-type:none;text-transform:uppercase;}
ul.navi li a {padding:0 20px 0 5px;color:#444444;background:url('../images/contact/navi.gif') center right no-repeat;}
ul.navi li a:hover {color:#074d8a;text-decoration:none;}
ul.navi li span {padding:0 20px 0 5px;color:#074d8a;}

ul.odkazy li {padding:20px 15px 20px 15px;list-style-type:none;background-color:#ebecec;color:#6a6a6a;}

ul.firma {padding:30px 15px 15px;margin-top:30px;background-color:#f7f7f7;float:left;}
ul.firma li {width:180px;height:80px;padding:0 0 15px 0;margin-right:10px;float:left;list-style-type:none;font-size:9pt;color:#2d2d2d;border-right:1px solid #b8b9b9;}
ul.firma li:first-child {width:100%;height:auto;font-size:12pt;border-right:none;} 
ul.firma li:last-child {width:225px;margin:0;border-right:none;}

ul.seznam {margin-left:50px;list-style-position:inside;}
ul.eticky_kodex {width:620px;padding:0 10px;border-top:1px solid #c5c7c6;border-bottom:1px solid #c5c7c6;background:url('../images/contact/bg_ek.gif') top center repeat-y;}
ul.eticky_kodex li {width:270px;padding:20px;}
ul.page {margin-left:70px;list-style-position:outside;}
ul.page li {font-size:14pt;padding:15px 0 0 0;}
div.main.page img {width:100%;} 

#section {position:relative;}
#section.main {width:560px;padding:0px 40px 50px;}
#section.main h1 {padding-left:0px;}
#section.main h2 {color:#2b2a28;padding-top:35px;}
#section.main img {margin:10px auto;}
#section.main img.nothing {margin:0 auto;}
#section.main p {padding:5px 0 15px 0;color:#5b5b5b;font-size:16pt;}
#section.main p.delimiter {height:1px;padding:0;border-bottom:1px dotted #cdcdcd;}
#section.main p.actual {padding-top:35px;font-style:italic;font-size:12pt;}
#section.main p.actual a {float:right;font-style:normal;color:#0b6ec7;}
#section.main p.motto {color:#005ec5;}
#section.main p.center {text-align:center;}
#section.main p.comment {font-style:italic;font-size:13pt;}
#section.main p.quote {padding:10px 20px;margin:15px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:right;font-size:13pt;}
#section.main p.quote.no_top_border {border-top:none;}
#section.main p.quote.no_bottom_border {border-bottom:none;}
#section.main p.quote em {margin-bottom:5px;display:block;text-align:left;font-weight:bold;color:#005ecb;font-size:15pt;}
#section.main p.quote span {margin-bottom:5px;display:block;text-align:left;font-weight:bold;font-size:15pt;}
#section.main p a {font-style:italic;font-weight:bold;}
#section.main p.no-top {margin-top:0;padding-top:0;}
#section.main p.no-bottom {margin-bottom:0;padding-bottom:0;}
#section.main p.gallery {margin:20px 5px 20px 10px;padding-left:17px;float:left;}
#section.main p.gallery a {width:175px;display:block;float:left;color:#9d9f9e;}
#section.main p.gallery a:hover {text-decoration:none;}
#section.main p.gallery img {margin:10px 3px 5px 3px;float:left;}
#section.main div.info {padding:10px 0;margin:25px 0;border-top:1px solid #dcdcdc;text-align:left;font-size:13pt;}
#section.main div.info img {float:left;margin-right:10px;}
#section.main div.info p {padding-top:70px;}

table {border-collapse:collapse;margin:20px 30px 20px 30px;font-size:12pt;}
table.full {width:450px;}
table.full_A {width:590px;margin:25px 0;}
table th, td {border:none;padding:2px 5px;color:#5b5b5b;text-align:left;}
table th {background:#2a77bc;color:#ffffff;}
/*table tr:nth-of-type(odd) {background:#f6f6f6;}
table tr:nth-of-type(even) {background:#efefef;}*/
table tr {border-bottom:1px solid #cdcdcd;}
table td.light {color:#b0b0b0;}
table td ul li {list-style-type:none;font-size:13pt;}

#footer a {width:640px;padding:5px 0;font-size:20pt;display:block;background:#0071b9;color:#ffffff;text-align:center;text-decoration:none;}
#footer a.page {background:#9d9f9e;}
#footer a:hover {text-decoration:none;color:#ffffff;}

/*  CSS document  */

div.main_motiv {
	height: 375px;
}

div.main_motiv h2.extra {
	width: 100%;
	padding: 0;
	margin: 0;
	padding-top: 30px;
	font-size: 39pt;
	text-align: center;
	float: left;
	color: #0557a0;
	text-transform: uppercase;
	line-height: 39pt;
}	
  
div.main_motiv h2.extra span {
	font-size: 34pt;
	text-transform: lowercase;
}

p.big {
	font-size: 18pt;
	color: #000000;
	padding: 40px 0 0 0;
}

ul.target li div.adresa {
	padding-top: 30px;
}

ul.target li div.adresa p {
	width: 450px;
	font-size: 20pt;
	font-weight: bold;
	float: left;
	display: inline-block;
}

ul.target li div.before_address {
	width: 75px;
	height: 40px;
	display: inline-block;
	background: url('../images/contact/before_address.gif') right center no-repeat;
	float: left;
}
ul.target li div.after_address {
	width: 75px;
	height: 40px;
	display: inline-block;
	background: url('../images/contact/after_address.gif') left center no-repeat;
	float: right;
}
ul.target li div.before_gps {
	width: 35px;
	height: 40px;
	display: inline-block;
	background: url('../image/wlc/before_gps.gif') right center no-repeat;
	float: left;
}

ul.target li h2.gps {
	width: auto;
	float: left;
	line-height: 40px;
	text-align: left;
	font-size: 18pt;
}

ul.target li span.gps {
	width: 300px;
	height: 40px;
	display: block;
	float: left;
	font-size: 16pt;
	padding-top: 0;
}
ul.target li span.gps_value {
	width: 300px;
	padding-bottom: 30px;
	display: block;
	float: right;
	font-weight: bold;
	font-size: 18pt;
}
ul.target li p.welcome {
	padding-bottom: 15px;
	font-size: 20pt;
	font-style: italic;
}



/* 650px */
@media only screen and (max-width: 40.625em) {
  
  	div.main_motiv {
    	height: auto!important;
    	
  	} 	
  	
  	div.main_motiv h2.extra {
    	float: left;
    	padding-top: 70vw!important;
    	padding-right: 20px!important;
    	padding-bottom: 0!important;
    	padding-left: 17px!important;    	
    	line-height: 16pt;
    	box-sizing: border-box;
  	}	
  
  	div.main_motiv h2.extra {
  		font-size: 30pt!important;
  		font-weight: bold;
  		line-height: inherit;
  	}
  	div.main_motiv h2.extra span {
  		font-size: 20pt!important;
  		font-weight: bold;
  	}
  
}

/* 650px */
@media only screen and (max-width: 40.625em) {

  #header, #section, #footer {
    width: 100%;
  }
  #header {
    height: auto;
  }
  
  #header p {
    display: none;                  
  }
  
  #header img {
    float: right;
  }
  
  #header.page img {
    float: left;
  }
  
  #section.main {
    width: 100%;
    /*padding: 20px;*/
    padding: 0;
    box-sizing: border-box;
  }  
  
  #section.main h1,
  #section.main h2,
  #section.main p,
  #section.main div.share,
  #section.main div.register {
    padding: 20px;
  }
  
  #section p {
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  
  #section img {
    width: 100%;
  }
    
  p.novy_dum strong {
    font-size: 2em;
  }  
    
  div.main_motiv {
    width: 100%;
    height:calc(100vw * 0.66);
    background-size: contain;
  }
  
  div.main_motiv h2,
  div.main_motiv h2.extra {
    width: 100%;
    padding: 0;
    font-size: 18pt;
  }
  
  div.main_motiv h2 span,
  div.main_motiv h2.extra span {
    font-size: 18pt;
  }
  
  h2.main_motiv {
    font-size: 2.2em;
  }
  
  ul.target,
  ul {
    width: 100%!important;
    box-sizing: border-box;
    height: auto;
  }
  
  ul.target,
  ul.target li,
  ul.target li p,
  ul.target li img {
    width: 100%!important;
    box-sizing: border-box;
  }
  
  /*
  ul.target, ul.target * {
    width: 100%!important;
  }
  
  ul.target, ul.target li {
    width: 100%;
    padding: 0;
    box-sizing: border-box;  
  }
  */

  ul.target li.image,
  p.actual {
    padding-left: 20px!important;
    padding-right: 20px!important; 
  }
  
  ul.firma li, 
  ul.firma li:last-child {
    width: 100%;
    font-size: 1em;
    border-right: none;
    margin: 0 0 20px 0;
  }
  
  #footer img,
  #footer a,
  #section > img {
    width: 100%;
  }
  
  #section ul.firma img {
    width: auto;
  }
  
  div.register {
    padding-left: 0;
    font-size: 1em;
    background: transparent;
  }
  
  ul.target li.no-left {padding-left:20px;}
  ul.target li.no-right {padding-right:20px;}
  ul.target li.nothing {padding-left:20px;padding-right:20px;}
}