@charset "windows-1250";
/* CSS Document */

@media  (min-width: 600px) {

* {margin: 0; padding: 0;}
html, body {height:100%;}
body {
	color: #333;
	font: 16px/1.5 Arial, Helvetica, sans-serif; background:#fff url(img/body-bg.png) repeat-x 0 0; position:relative; text-align: left;
}
#mother {
	min-height: 100%; position:relative;
}
#header {
	width:900px; height:106px; margin: 0 auto; position:relative; background: url(img/header-bg-2.png) no-repeat 664px 44px;
}
#spc {
	width:920px; margin: 0 auto;  background: #fff url(img/spc-bg.png) no-repeat 0 0; padding-bottom:350px;
}
#main {
	width:884px; padding:8px 18px 0;
}

#footer {
    bottom: 0; left: 0; position: absolute; height: 315px; width: 100%; background: #f3eee7;  
}
#footer .ct {
    width:880px; margin: 0 auto; height: 275px; overflow:hidden;
}
#footer .links {
    width:880px; margin: 0 auto; height: 40px; text-align:center; font-size:14px;
}



#logo {position:absolute; left:29px; top:38px; width:294px; height:40px;}
h1#slogan {width:300px; height:20px; line-height:20px; font-style:italic; position:absolute; top:50px; left:328px; font-size:16px; margin:0;}
#slogan {width:300px; height:20px; line-height:20px; font-style:italic; font-weight:bold; position:absolute; top:50px; left:328px; font-size:16px; margin:0;}

h1, h2, h3, h4, h5, h6, caption {font-weight: bold; margin: 1em 0 0.5em;}
h2 {font-size:26px;}
p {margin-bottom: 1em; margin-top: 0;}
a:link, a:visited {color:#da0c0c;}
a:hover {color:#eb0f0f;}

/* mainmenu */
#main-menu {width:884px; height:32px; padding: 9px 0 7px; background: #2b97d8 url(img/mainmenu-bg.png) no-repeat 0 0; text-align:center;}
#main-menu ul {list-style:none; }
#main-menu ul li {display:inline-block; *zoom:1; *display:inline; *vertical-align: top; margin: 0 28px 0 0; position:relative;}
#main-menu ul li#last {margin: 0 0 0 0;}
#main-menu ul li a {color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; height:32px; line-height:32px; display:block; text-align:center; text-decoration:none;}
#main-menu ul li a:hover {color:#ffe050;}
#main-menu ul li.active a {color:#ffe050;}
#main-menu ul li.active li a {color:#fff;}
#main-menu ul li.active li a:hover {color:#ffe050;}
#main-menu ul li .item0 {width:65px;}
#main-menu ul li .item1 {width:83px;}
#main-menu ul li .item2 {width:69px;}
#main-menu ul li .item3 {width:108px;}
#main-menu ul li .item4 {width:134px;}
#main-menu ul li .item5 {width:118px;}
#main-menu ul li .item6 {width:97px;}

#main-menu ul li .drop {display:none; position:absolute; top:32px; left:-8px; background: url(img/mm-drop-bg-bott.png) no-repeat 0 100%; width:240px; padding: 5px 0 5px 0;}
#main-menu ul li span:hover .drop {display:block;}
#main-menu ul li ul {background:#2793d4;}
#main-menu ul li ul li {width:204px; margin: 0 18px 0; padding:10px 0 6px; border-top:1px solid #80bfe6;}
#main-menu ul li ul li:first-child {border-top:none;}
#main-menu ul li ul li a {font-weight:normal; text-transform:none; height:auto; line-height:1.3125em; text-align:left;}

/* home box */
#home-box {width:894px; margin: 0 -5px 0; padding-bottom:24px; background: url(img/home-box-bg.png) no-repeat 0 100%;}
#home-box .in { padding: 10px 30px 25px; margin: 0 5px 0; background:#f3eee7; width:824px; overflow:hidden;}
#home-box .in .col-l { float:left; width:434px;}
#home-box .in .col-r { float:right; width:346px;}
#home-box .in .col-r .gall {border-left:1px solid #c8c8c8;}
#home-box h2 {font-size:28px; margin: 0.5em 0 0.5em;}
#home-box .in .col-l h2 {color:#c70b0b;}
#home-box .in .col-r h2 {margin-left: 51px;}

#home-box .gall {width:314px; margin: 0 0 0 0; padding: 0 0 0 50px; overflow:hidden; border-left:1px solid #c8c8c8; }
#home-box .gall ul {list-style:none;  width:100%; overflow:hidden;}
#home-box .gall li {width:138px; float:left; margin: 0 19px 17px 0; width:138px; height:104px;}
#home-box .gall li.last {margin-bottom:0;}

.pricelist {width:100%;}
.pricelist ul {list-style:none;}
.pricelist ul li {list-style:none; width:100%; overflow:hidden; border-top:1px solid #c7c3bd; padding:6px 0 5px;}
.pricelist ul li:first-child {border:none;}
.pricelist ul li div {float:left;}
.pricelist ul li .c1 {width:128px; padding: 0 68px 0 0; line-height:30px;}
.pricelist ul li .c2 {width:65px; padding: 0 0 0 27px; text-align:center; font-size:20px; font-weight:bold; padding-top:;}
.pricelist ul li .c3 {width:146px; text-align:right; font-size:20px;}
.pricelist ul .i1 .c1 {background: url(img/prcl-1.png) no-repeat 100% 50%;}
.pricelist ul .i2 .c1 {background: url(img/prcl-2.png) no-repeat 100% 50%;}
.pricelist ul .i3 .c1 {background: url(img/prcl-3.png) no-repeat 100% 50%;}
.pricelist ul .i4 .c1 {background: url(img/prcl-4.png) no-repeat 100% 50%;}
.pricelist .sum {font-size:24px; text-align:right; border-top:2px solid #444240; margin: 7px 0 0; padding:7px 0 0;}
.pricelist .plus {font-size:36px; line-height:1; position:relative; bottom:-3px;}
.pricelist strong {color:#c70b0b;}

/* sbp-ct pricelist */
.sbp-ct .pricelist {width:640px; position:relative; margin-bottom:25px; margin-top:10px;}
.sbp-ct .pricelist ul .i1 .c1 {background: url(img/prcl-wh-1.png) no-repeat 100% 50%;}
.sbp-ct .pricelist ul .i2 .c1 {background: url(img/prcl-wh-2.png) no-repeat 100% 50%;}
.sbp-ct .pricelist ul .i3 .c1 {background: url(img/prcl-wh-3.png) no-repeat 100% 50%;}
.sbp-ct .pricelist ul .i4 .c1 {background: url(img/prcl-wh-4.png) no-repeat 100% 50%;}
.sbp-ct .pricelist ul li .c4 {width:176px; padding: 0 0 0 30px; text-align:center; font-size:20px;}
.sbp-ct .pricelist .no-km {width:202px; padding-right:23px; height:80px; position:absolute; top:-4px; right:-23px; text-align:right; background: url(img/no-km-bg.png) no-repeat 100% 100%; font-weight:bold; line-height:1.25em;}
.sbp-ct .pricelist .sum {text-align:center;}
.sbp-ct .home-ref {width:880px; margin:20px -25px 20px; border:none;}
.sbp-ct .home-ref h2 {text-align:left; margin-left:25px;}

/* centered*/
.sbp-ct .centered .pricelist {margin: 0 auto; margin-bottom:25px; margin-top:10px;}

/* calc box */
.calc-box {width:888px; margin: 0 -4px 0 0;}
.calc-box .bg {width:888px; background:#f3f3f4 url(img/calc-box-bg.png) repeat-y 0 0;}
.calc-box .bg-bott {background: url(img/calc-box-bg-bott.png) no-repeat 0 100%; padding: 0 0 8px 0;}
.calc-box .bg-top {background: url(img/calc-box-bg-top.png) no-repeat 0 0; padding: 6px 34px 0 30px; width:824px; overflow:hidden;}
.calc-box h2 {margin:1.102em 0 0.307em; color:#333 !important;}

.calc-box .col-top {width: 248px; float:left; margin-left:40px;}
.calc-box .col-top:first-child {margin-left:0px;}
.calc-box .col-top label {display:block; width:58px; padding-right:10px; float:left; line-height:32px; font-style:italic;}
.calc-box .col-top .txt {display:block; width:168px; height:24px; float:right; background: #fff url(img/calc-box-text-input-bg.png) no-repeat 100% 0; padding:4px 6px; line-height:24px;}
.calc-box .col-top select, .calc-box .col-l select {display:block; width:180px; height:32px; float:right; border:1px solid #959595; padding:4px; border-radius: 3px; -moz-box-shadow:inset 0 0 4px #e4e4e4; -webkit-box-shadow: inset 0 0 4px #e4e4e4; box-shadow: inset 0 0 4px #e4e4e4;}
.calc-box .col-top p {width:100%; overflow:hidden; margin:0 0 12px;}
.calc-box .col-top h3 {margin-left:68px; font-size:16px;}

.calc-box .col-l {width:438px; float:left;}
.calc-box .col-l p {width:100%; overflow:hidden; margin:0 0 12px;}
.calc-box .col-l label {display:block; width:240px; padding-right:10px; float:left; line-height:32px; font-style:italic; text-align:right;}
.calc-box .col-l .txt {display:block; width:168px; height:24px; float:right; background: #fff url(img/calc-box-text-input-bg.png) no-repeat 100% 0; padding:4px 6px; line-height:24px;}
.calc-box .col-l h3 {margin-left:258px;}

.calc-box .col-l .radio-buttons span.left  {display:block;  width:240px; padding-right:10px; float:left; line-height:32px; font-style:italic;}
.calc-box .col-l .radio-buttons span.right  {display:block; width:180px; overflow:hidden; height:24px; float:right; padding:0; line-height:24px;}
.calc-box .col-l .radio-buttons label {display:block; width:auto; padding-right:10px; float:left; line-height: 32px; font-style:normal;}

.calc-box .col-r {width:345px; float:right;}
.calc-box .col-r textarea {width:333px; height:143px; background: #fff url(img/calc-box-textarea-bg.png) no-repeat 100% 100%; padding: 6px 6px;}

.calc-box input.button {margin: 10px 0 25px 0;}

.home .calc-box {margin-bottom:34px;}
.sbp-ct .calc-box {width:888px; margin: 0 -31px 0 -27px;}
.sbp-ct .calc-box .bg {margin-top:10px;}

/* home cross road */
.crossroad {margin: 0 30px 0 25px;}
.crossroad ul {list-style:none; margin:30px 0 0;}
.crossroad h2 {margin-bottom:0.230769em;}
.crossroad ul li {width:100%; overflow:hidden; margin: 0 0 30px 0;}
.crossroad ul li img {float:left;}
.crossroad ul li h3, .crossroad ul li p {float:right; width:600px;}
.crossroad ul li p {margin-bottom:0.1875em;}
.crossroad ul li span {display:block; float:right; width:600px;}
.crossroad ul li span a {font-weight:; color:#da0c0c; font-size:18px}
.crossroad ul li span a:hover {color:#eb0f0f;}
.crossroad ul li h3 {font-size:26px; color:#619702; margin:0.3076923em 0 0.153846em; line-height:1.2692em}
.sbp-ct .crossroad {margin: 0 30px 0 180px;}
.sbp-ct .crossroad ul li h3, .sbp-ct .crossroad ul li p, .sbp-ct .crossroad ul li span  {float:none; width:600px;}
.reference ul li h3 {font-size:22px;}

/* home bottom refs */
.home-ref {border-top:1px solid #bababa; margin-top:50px;}
.home-ref h2 {margin-top: 0.80769em;}
.home-ref ul {list-style:none; width:100%; overflow:hidden; margin-top:8px;}
.home-ref ul li {display:block; float:left; width:198px; margin:0 0 0 29px; text-align:center; font-weight:bold;}
.home-ref ul li img {display:block;}
.home-ref ul li:first-child {margin-left:0;}
.home-ref ul li span {display:block; margin-top:7px;}
.home-ref ul li span a  {text-decoration:none;}

/* footer ct */
#footer .col-1, #footer .col-2, #footer .col-3 {float:left;}
#footer .col-1 {width:300px;}
#footer p {margin:0;}
#footer .col-1 {width:300px; margin: 20px 0 0 0;}
#footer .col-2 {width:323px; margin:34px  0 22px;}
#footer .col-3 {width:190px; margin:16px 0 0 45px;}
#footer h3 {font-size:21px; margin: 0 0 9px 0;}
#footer .col-1 .ph-no, #footer .col-1 .mail {font-size:18px; font-weight:600; padding: 0 0 0 20px;}
#footer .col-1 .mail a {color:#0f7bbc; text-decoration:none;}
#footer .col-1 .mail a:hover {color:#eb0f0f; text-decoration:none;}
#footer .ph-no {background: url("img/ico-ftr-phone.png") no-repeat 0 50%;}
#footer .mail {background: url("img/ico-ftr-mail.png") no-repeat 0 55%;}
#footer .adress {margin: 13px 0 0;}
#footer .col-3 ul {list-style:none;}
#footer .col-3 ul {list-style:none; font-size:18px; font-style:italic;}
#footer .col-3 ul li {background: url("img/ftr-list-arr.png") no-repeat 2px 50%; padding: 0 0 0 32px;}

/* subpage content */
.sbp-ct {margin:33px 25px 30px;}
.prologue {margin:0; width:100%; overflow:hidden; margin: 0 0 30px;}
.prologue img {float:left;}
.prologue h1 {float:right; width:650px; font-size:32px; margin: 0.28125em 0 0.0625em;}
.prologue p {float:right; width:650px; font-weight:bold;}

.sbp-ct h2 {color:#619702; font-size:22px; margin:0.6666em 0 0.2272em}

/* list */
ul.list {list-style:none; margin-left:13px; margin-bottom:1em;}
ul.list li {padding-left:28px; background: url("img/list-arr.png") no-repeat 0 0.25em;}

/* crumbs */
.crumbs {margin:20px 25px -15px; font-size:14px;}
.crumbs a {text-decoration:none;}

/* enq form */
.enq-form {width:723px; margin: 0 auto; background: url("img/form-bg-bott.png") no-repeat 0 100%; padding: 0 0 10px; }
.enq-form .midd {background: url("img/form-bg-middle.png") repeat-y 0 0; }
.enq-form .top {background: url("img/form-bg-top.png") no-repeat 0 0; padding: 15px 28px 0 25px;}
.enq-form .col-l {float:left; width:322px; margin: 0 0 0.875em !important;}
.enq-form .col-r {float:right; width:322px; margin: 0 0 0.875em !important;}
.enq-form input.inp-text {background: #fff url("img/form-input-txt.png") no-repeat 0 0; border: none; height: 33px; line-height: 33px; margin: 3px 0 0; padding: 3px 2px 2px 5px; width: 315px;}
.enq-form textarea {background: #fff url("img/form-textarea.png") no-repeat 0 0; border: none; height: 110px;margin-top: 3px;padding: 5px; width: 660px;}
.enq-form .req {float:left; font-size:14px; margin: 23px 0 0 !important;}
.enq-form input.button {margin: 24px 3px 20px 0;width: auto;}

/* contact page */
.cp-ct {margin: 0 0 25px 42px; width:792px; overflow:hidden;}
.cp-ct .col-l {float:left; width:566px; border-right:1px solid #333333; font-size:40px; line-height:1.25em;}
.cp-ct .col-r {float:right; width:200px; margin-left:25px; font-size:20px; line-height:1.35em;}
.cp-ct .phone {padding: 0 0 0 50px; background: url("img/ico-phone.png") no-repeat 0 50%;}
.cp-ct .mail {padding: 0 0 0 50px; background: url("img/ico-mail.png") no-repeat 0 70%;}
.cp-ct .mail a {text-decoration:none;}

/* general */
a img {border: 0;}
a {outline:none;}
.thin {font-weight:normal !important;}
.thick {font-weight:bold !important;}
.no-bdr {border:none !important}
fieldset, form input, form textarea {border:none;}
hr.cleaner {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden;}
.rt { text-align: right; }
.lt { text-align: left; }
.center {text-align:center;}
.fr { float: right; }
.fl { float: left; }
.img-r {float:right; margin: 0 0 0 25px;}
.img-l {float:left; margin: 0 25px 0 0;}
.full {width:100%; overflow:hidden;}
.clear {clear:both;}
.small {font-size:14px;}
.dark {color:#333 !important;}
.mobile-only { display:none; }
.ph-no-mobile { display:none; }
.phone-mobile { display:none; }
.order-ph-mobile { display:none; }

}

@media  (max-width: 600px) {

	/* http://meyerweb.com/eric/tools/css/reset/ 
	   v2.0 | 20110126
	   License: none (public domain)
	*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	*{box-sizing: border-box;}


	body{
		font: 16px/1.5 Arial, Helvetica, sans-serif;
	}

	#header{
		background: #F3EEE7;
		padding:15px;
	}

	#slogan{
		font-weight: bold;
		font-style: italic;
		font-size:16px;
	}

	#main-menu{
		background: #2793d4;
	}

	#main-menu a{
		color: #fff;
		text-decoration:none;
		padding: 10px;
		display:block;
	}

	#main-menu ul ul a{
		padding-left: 35px;
	}

	h2{
		color: #c70b0b;
		font-size: 28px;
		font-weight: bold;
		margin-bottom: 15px;
		margin-top: 25px;
		line-height:28px;
	}

	h3{
		font-size:20px;
		margin-bottom: 5px;
		margin-top: 25px;
	}

	p{
		margin:5px 0 15px;;
	}

	label{
		display: block;
		font-weight:bold;
		font-size: 15px;
	}

	input, select, textarea{
		display: block;
		width: 100%;
		padding:5px;
	}

	textarea{
		min-height: 80px;
	}

	input[type="radio"]{
		width:auto;
		display:inline-block;
	}

	input[type="image"]{
		width:auto;
		padding:0;
	}

	.calc-box{padding:0 15px;}

	.gall li{display:inline-block;}

	.crossroad{
		padding:0 15px;
	}

	.crossroad h3{
		font-weight:bold;
		color: #619702;
	}

	.crossroad li{
		margin:50px 0;
	}

	.crossroad p{margin-bottom:5px}

	.home-ref{
		padding: 0 15px;
	}

	.home-ref li{
		margin: 50px 0;
	}

	.home-ref span{
		display:block;
		color: #da0c0c;
	}

	.home-ref a{
		color: #da0c0c;
	}

	.ct{
		padding: 0 15px;
	}

	.ct h3{
		font-weight: bold;
	}

	#footer .col-3 ul {list-style:none; font-size:18px; font-style:italic;}
	#footer .col-3 ul li {background: url("http://www.stehovanibrno.cz/img/ftr-list-arr.png") no-repeat 2px 50%; padding: 0 0 0 32px;}

	.in{padding:0 15px}
	.pricelist li{margin:8px 0;}
	.pricelist div{display:inline-block;}
	.c1{min-width:120px; width:30%;}

	.links{display:none;}

	#footer{
		background: #f3eee7;
		padding:10px 0;
	}

	.sbp-ct{padding:15px;}

	.sbp-ct .calc-box{padding:0;}


	.sbp-ct .crossroad{padding:0;}


	h1{font-size:32px; font-weight:bold;}

	.mobile-only { display:block; }
	.tel-no { font-weight:bold; font-size:20px; }
	.tel-no a { color:#c70b0b; }
	.ph-no { display:none }
	.ph-no-mobile a { color:#c70b0b; }
	.phone-nomobile { display:none; }
	.order-ph-nomobile { display:none; }

}