@font-face {
    font-family: 'neosansce';
    src: url('neosance-webfont.eot?20150616');
    src: url('neosance-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosance-webfont.woff?20150616') format('woff'),
         url('neosance-webfont.ttf?20150616') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'neosansce';
    src: url('neosacei-webfont.eot');
    src: url('neosacei-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosacei-webfont.woff') format('woff'),
         url('neosacei-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'neosansce';
    src: url('neosacem-webfont.eot?20150616');
    src: url('neosacem-webfont.eot?#iefix') format('embedded-opentype'),
         url('neosacem-webfont.woff?20150616') format('woff'),
         url('neosacem-webfont.ttf?20150616') format('truetype');
    font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: 'neosansce';
    src: url('neoscemi-webfont.eot');
    src: url('neoscemi-webfont.eot?#iefix') format('embedded-opentype'),
         url('neoscemi-webfont.woff') format('woff'),
         url('neoscemi-webfont.ttf') format('truetype');
    font-weight: bold;
	font-style: italic;
}

html, body, #body { height: 100% }
html { overflow-y: scroll }
body {
	background: #F9F7F7 url('../images/bg_20let_seda2.png') repeat 125px 35px fixed;
	color: #222;
	font: normal 85% neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
}
body.nobodybg { background: none }
a { color: inherit }
strong { font-weight: bold }
em { font-style: italic }
sup { font-size: 75%; line-height: 1.3em; vertical-align: top }

q { quotes: '"' '"' "'" "'" }
q:before { content: open-quote }
q:after { content: close-quote }

input[type='text'], input[type='number'], input[type='email'], input[type='tel'], textarea { font: normal 85% neosansce,verdana,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif; }
input[type=number] { -moz-appearance:textfield }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }

body > #body { height: auto; min-height: 100% }
#body { background: #FFF url('../images/bg_body.png') 50% 0 repeat-y; margin: 0 auto 0 auto; position: relative; width: 990px }
#body { box-shadow: 0 0 15px rgba(0,0,0,0.5) }

#top_header { background: #F9F7F7 url('../images/bg_body.png') 50% 0 repeat-y; color: #777; font-size: 120%; height: 2em; line-height: 2em; padding: 0 3% }
#top_header nav { font-size: 85% }
#top_header a:hover { color: #222 }
#top_header .separator { margin: 0 0.3em }

#header { background: #ffc20f; border-top: 1px solid #C8C9CB; margin: 0 1px; padding-top: 0px; position: relative }
#header .logo { background: transparent url(../images/bg_20_let_s_usmevem.png) no-repeat 95.5% 50%; font-size: 1em; height: 110px; padding-left: 0px; position: relative }
#header .logo a, #header .logo strong { display: block; height: 63px; left: 0; overflow: hidden; position: absolute; top: 0; width: 124px }
#header .logo a { left: 4%; line-height: 63px; text-align: center; top: 26px  }
#header .logo strong { background: #ffc20f url(../images/bg_header_logo_sting.png) no-repeat 0 0 }
#header .nav-button { display: none }
#page_menu { font-size: 130%; margin: 1em 0 -1em 0; width: 100%; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
#page_menu:after { content: ''; display: inline-block; width: 100%; font-size: 0; line-height: 0 }
#page_menu .page-menu-item { display: inline-block; *display: inline; zoom: 1 }
#page_menu .page-menu-item.active { color: #FFC300 }
#page_menu .page-menu-item.active a { text-decoration: none }
#page_menu a { text-decoration: none }
#page_menu a:hover { color: #FFC300; text-decoration: underline; }

#page_cont { clear: both; width: 94%; padding: 0 3% 150px 3% }
#main { border-top: 1px solid #000; margin-top: 0.5em; overflow: hidden; padding: 2em 0 0 0; position: relative }

#body { padding-bottom: 0px }
#footer {  bottom: 0px; font-size: 100%; position: absolute; width: 100% }
#footer .footer-links { padding: 0 3%; width: 94% }
#footer .footer-links .deploy-cont { border-top: 1px solid #C8C9CB; color: #777; margin-top: 1em; padding: 1em 0 }
#copyright { background: #F9F7F7 url('../images/bg_body.png') 50% 0 repeat-y; border-top: 1px solid #C8C9CB; color: #777; font-size: 95%; height: 25px; padding: 0 3% 10px 3%; width: auto }
#copyright .part { margin-top: 9px; height: 16px; line-height: 16px; padding: 0 }
#copyright .part .social-icon { border: none; display: inline-block; height: 16px; width: 16px; margin: 0 2px 0 7px; text-decoration: none }
.social-icon { background: transparent url('../images/bg_social_icons.png') no-repeat }
.social-icon.facebook { background-position: -16px 0 }
.social-icon.twitter { background-position: -32px 0 }
.social-icon.linkedin { background-position: -48px 0 }
.social-icon.firmy { background-position: -64px 0 }

#bottom_banners { border-top: 1px solid #B2B2B2; margin: 2em 0 0 0; padding: 2em 0 0 0; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
#bottom_banners:after { content: ''; display: inline-block; width: 100%; font-size: 0; line-height: 0 }
#bottom_banners .banner { background: #F9F7F7; border: 1px solid #B2B2B2; display: inline-block; overflow: hidden; padding: 0.5em 1.5%; text-align: left; text-decoration: none; width: 23%; *display: inline; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#bottom_banners a.banner:hover { background: #FFC300 }
#bottom_banners .banner-title { font-size: 120%; font-weight: bold }
#bottom_banners .banner-text { float: left; font-size: 100%; height: 5em }
#bottom_banners img { border: 1px solid #b2b2b2; height: auto; margin: 0.5em 0; max-width: 186px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.main-banner .banner-big { height: auto; margin-bottom: 1em; width: 100% }
.main-banner .banner-call { border: 1px solid #B2B2B2; border-width: 1px 0; clear: both; font-size: 140%; margin-bottom: 2em; padding: 1em 0; text-align: center }
.main-banner .banner-call .deploy-item { margin: 0 2% }
.main-banner .banner-call .deploy-item:first-child { margin-left: 0 }
.main-banner .banner-call .deploy-item:last-child { margin-right: 0 }
.main-banner .banner-call .button { font-size: 84% }
.main-banner .img-part { float: left; text-align: center; width: 45% }
.main-banner .text-part { float: right; text-align: center; padding: 0 5%; width: 45% }
.main-banner .text-part .heading { background: #FFC300; font-size: 200%; font-weight: bold; margin: 0.5em 0 ; padding: 0.2em 0 }
.main-banner .text-part .text { font-size: 200%; text-align: center }

.tpl_default #main { padding-top: 1em }
.tpl_default #dnav { color: #AAA; font-size: 90%; margin-bottom: 2em; width: 100% }
.tpl_default #left_cont { float: left; position: relative; width: 77% }
.tpl_default #right_cont { float: right; width: 20% }
.tpl_default #page_submenu { background: #F7F7F7; border: 1px solid #B2B2B2; padding: 0.5em 10px }
.tpl_default #page_submenu .ul-submenu-item { margin: 0.5em 0; padding-left: 15px }
.tpl_default #page_submenu .ul-submenu-active { background: url('../images/bg_submenu_bullet.png') 0 0 no-repeat }
.tpl_default #page_submenu .ul-submenu-active > .ul-submenu-anchor { color: #FFC300 }

.tpl_wide_page #main { padding-top: 1em }
.tpl_wide_page #dnav { color: #AAA; font-size: 90%; margin-bottom: 2em; width: 100% }

.left_half, .right_half { clear: left; float: left; width: 48.5% }
.right_half { clear: none; float: right }

.left_third, .right_third { clear: left; float: left; width: 31.8% }
.right_third { clear: none; float: right }

.left_2third, .right_2third { clear: left; float: left; width: 65.2% }
.right_2third { clear: none; float: right }

.h1, .h1-1 { background: #FFC300; font-size: 140%; font-weight: bold; margin-bottom: 1em; padding: 0.3em 0.8em }
.h1-1 { background-color: transparent }
.h2, .h2-2, .h2-5 { background: #F6F6F6; font-size: 120%; font-weight: bold; margin: 2em 0 1em 0; padding: 0.3em 0.8em }
.h2-1 { border-top: 1px solid #B2B2B2; font-size: 120%; font-weight: bold; margin: 2.5em 0 0.5em 0; padding: 1em 0.8em 0.3em 0.8em }
.h2-2 { margin-top: 3em }
.h2-3, .h2-4 { background: #F6F6F6; font-size: 120%; font-weight: bold; margin: 0.5em 0 1em 0; padding: 0.3em 0.8em }
.h2-4 { margin-top: 0 }
.h2-5 { background: #FFC300 }
.h3 { font-size: 120%; font-weight: bold; margin: 2em 0 0.4em 0 }
.h3-1 { font-size: 100%; font-weight: bold; margin: 0.4em 0 }
.h3-2 { font-size: 120%; font-weight: bold; margin: 1em 0 1em 0; padding: 0.3em 0.8em }

.text, .text2 { line-height: 1.5em; margin: 0 1em 1em 1em; text-align: justify }
.text2 { font-size: 120% }

.ulist1, .ulist2, .ulist4 { list-style-image: url('../images/bg_bullet01.png'); margin-bottom: 2em }
.ulist2 { margin-bottom: 0.6em }
.ulist1 li { font-size: 120%; margin: 0.4em 2em; padding-left: 0.2em }
.ulist2 li { font-size: 100%; line-height: 1.5em; margin: 0.4em 2em; padding-left: 0.2em }
.ulist4 li { font-size: 112%; margin: 0.7em 1em; padding-left: 0.2em }
.ulist3 { list-style-type: disc; margin-bottom: 1em }
.ulist3 li { font-size: 100%; margin: 0.4em 3em; padding-left: 0.2em }
.ulist1 .ulist3 li, .ulist1 .text { font-size: 83% }
.ulist5 { list-style-type: none; margin-bottom: 2em }
.ulist5 li { margin-left: 1em }

.olist { margin-left: 2em; list-style: decimal; }
.olist .ol-item { margin-bottom: 1em; margin-right: 0px }

.button, .button:visited {
	background: #FFC300;
	border: none;
	cursor:pointer;
	display: inline-block;
	font-family: neosansce,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
	font-size: 120%;
	font-weight: bold;
	margin: 0 auto;
	overflow:visible;
	padding: 0.5em 1em;
	position:relative;
	text-decoration:none;
	width:auto;
}
.button.inline { margin: 0 0.5em; vertical-align: middle }
.button:hover { text-decoration: underline }
.button.small { font-size: 100% }

.button.gray { background-color: #E3E3E2 }


.imagelink { border: none; text-decoration: none; }
.imagelink .image { border: 1px solid #B2B2B2 }
.imagelink:hover .image { border: 1px solid #FFC300 }

.deploy-cont { width: 100%; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.deploy-cont:after { content: ''; display: inline-block; width: 100%; font-size: 0; line-height: 0 }
.deploy-cont .deploy-item { display: inline-block; text-align: left; *display: inline; zoom: 1 }
.deploy-cont .deploy-item.tar { text-align: right }

.row_separator { background: #F6F6F6; height: 2px; margin: 2em 0 }

.nomb { margin-bottom: 0 }
.nomt { margin-top: 0 }

.tac, .c { text-align: center }
.tal, .l { text-align: left }
.tar, .r { text-align: right }
.vam { vertical-align: middle }
.mac { margin-left: auto; margin-right: auto }
.mar { margin-left: auto; margin-right: 0 }

.cb { clear: both }
.cl { clear: left }

.fl { float: left }
.fr { float: right }

.dnone { display: none }

.info-bubble { background: url('../images/bg_info_bubble.png') no-repeat; height: 100px; line-height: 63px; padding: 0 28px 0 70px; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.info-bubble .message { background: url('../images/bg_info_bubble.png') repeat-x bottom left; font-size: 180%; font-weight: bold; text-align: center }
.info-bubble .end { background: url('../images/bg_info_bubble.png') no-repeat top right; height: 63px; position: absolute;  width: 28px; right: 0; top: 0 }
.info-bubble a { text-decoration: none; }
.info-bubble a:hover { text-decoration: underline }

body.alt_look { background: #FFC300 }
.alt_look #body { position: relative }
.alt_look #header { padding-left: 3%; padding-right: 3% }
.alt_look #top_header { background: #FFC300; color: #514301 }
.alt_look #copyright { background: #FFC300; color: #514301 }
.alt_look .alt_banner { display: none; position: absolute; top: 200px }


.side_banner { border: 1px solid #c8c9cb; display: none; font-size: 120%; position: absolute; left: -200px; top: 2em; }
.side_banner .container { font-size: 0 }

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	#header .logo { background: #ffc20f url(../images/bg_20_let_s_usmevem_2x.png) no-repeat 93% 50%; background-size: 267px 37px }
	#header .logo strong { background: #ffc20f url(../images/bg_header_logo_sting_2x.png) no-repeat 0 0; background-size: 124px 63px }
}

@media only screen and (min-width: 1350px) {
	.side_banner { display: block }
}

@media only screen and (max-device-width: 799px) and (min-device-width: 639px) {
	body { background: #fff; font: normal 16px Roboto,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif }
}
@media only screen and (max-width: 799px) and (min-width: 639px) {
	#body { margin: 0; width: auto }
	#top_header { font-size: 100% }
	#header { border: none; padding-top: 0; text-align: right }
	#header .logo { background-position: 80% 50% }
	#header .nav-button:before { border-bottom: 0.125em solid #000; border-top: 0.375em double #000; content: ""; height: 0.125em; left: 0; position: absolute; top: 0.3em; width: 1em; }
	#header .nav-button { display: inline; font-size: 2em; line-height: 55px; margin-right: 0.5em; padding-left: 1.25em; position: relative; }
	#page_menu { display: none; line-height: 1.5em }
	#page_menu .page-menu-item { width: 100% }
	#page_menu { display: none; line-height: 2em; margin-bottom: 0.5em }
	#page_menu .page-menu-item { background: transparent url('../images/icons/carat-r-black.png') 100% 50% no-repeat; background-image: url('../images/icons/carat-r-black.svg'), none; border-bottom: 1px solid #B2B2B2; width: 100% }
	#page_menu .page-menu-item a { display: block }
	#page_menu .page-menu-item:last-child { border-bottom: none }
	#page_menu:after { display: block }
	#main { border-top: none }
	#search_code { display: none }	
	#dnav { display: none }
}

@media only screen and (max-device-width: 639px) {
	body { background: #fff; font: normal 16px Roboto,tahoma,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif }
}
@media only screen and (max-width: 639px) {
	#body { margin: 0; width: auto }
	#top_header { display: none }
	#header { border: none; padding-top: 0; text-align: right }
	#header .logo { background-position: 60% 50%; background-size: auto 20px; height: 65px }
	#header .logo a, #header .logo strong { height: 35px; width: 75px }
	#header .logo a { left: 4%; line-height: 35px; top: 15px  }
	#header .logo strong { background-size: auto 35px }
	#header .nav-button:before { border-bottom: 0.125em solid #000; border-top: 0.375em double #000; content: ""; height: 0.125em; left: 0; position: absolute; top: 15px; width: 1em; }
	#header .nav-button { display: inline; font-size: 2em; line-height: 55px; margin-right: 0.5em; padding-left: 1.25em; position: relative; }
	#top_media { display: none }
	#page_menu { display: none; line-height: 2em; margin-bottom: 0.5em }
	#page_menu .page-menu-item { background: transparent url('../images/icons/carat-r-black.png') 100% 50% no-repeat; background-image: url('../images/icons/carat-r-black.svg'), none; border-bottom: 1px solid #B2B2B2; width: 100% }
	#page_menu .page-menu-item a { display: block }
	#page_menu .page-menu-item:last-child { border-bottom: none }
	#page_menu:after { display: block }
	#main { border-top: none }
	#search_code { display: none }
	
	#bottom_banners { margin: 1em 0 0; padding: 1em 0 0 }
	#bottom_banners .banner { display: block; margin: 1em 0; width: 100% }
	#bottom_banners .banner-title { font-size: 100% }
	#bottom_banners .banner-text { float: none; margin: 0.5em 0; width: 100% }
	#bottom_banners img { float: left; height: auto; margin-right: 3%; width: 30% }
	
	#dnav { display: none }
	.nab-filtr-container .nf-term { float: none; line-height: 1.5em; margin-bottom: 0; width: 100% }
	.nab-filtr-container .nf-data { float: none; margin-bottom: 0.5em; width: 100%}
	.nab-filtr-container .nf-label { display: inline-block; font-size: 1em; min-width: 49%; margin-right: 0 }
	.nab-filtr-container .nf-label:last-child { margin-right: 0 }
	.nab-filtr-container .nf-data.cat1 .nf-label { min-width: 49%; margin-right: 0; width: auto }
	.nab-filtr-container .inp-interval { width: 33% }
	.result-list { clear: both }
	.result-row.result-header { display: none }
	.result-row { font-size: 0.8em }
	.result-row .desc-col .popis { display: none }
	.result-row .loc-col { display: none }
	.result-row .size-col { display: none }
	.result-list .result-row .photo-col { width: 28% }
	.result-list .result-row .desc-col { width: 66%; padding: 0 2% }
	.result-list .result-row .price-col { width: 66%; padding: 0 2% }
	.p-pages-cont:after { content: ""; display: table; float: none; }
	.info-bubble { background: #FFC300; clear: both; height: auto; margin-top: 1em; padding: 0.5em 10% }
	.info-bubble .message { background-image: none; height: auto; line-height: 1.5em; font-size: 100% }
	.info-bubble .end { display: none }
	
	#news .akt-cont { width: 100% }
	
	.tpl_default #left_cont, .tpl_default #right_cont { float: none; width: auto }
	.tpl_wide_page .bc-cont, .tpl_wide_page .left_part, .tpl_wide_page .right_part { float: none; overflow: hidden; width: auto; }
	
	#footer {  bottom: 0px; font-size: 100%; height: auto; overflow: visible; position: absolute; width: 100% }
	#footer .footer-links { display: none }
	#footer .part { float: none; height: auto; padding: 0 1em; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
	#copyright { height: auto }
}