html,body {margin:0;padding:0;}

body {padding:10px 0 15px 0;color: #222;font:small/1.5 Arial,Helvetica,sans-serif;background:#F2F2F3 url(../img/css/bkg-alt.jpg) fixed 0 0 repeat;}
body a {color: #4A76BA;}
body .clear {display:block;clear:both;height:0;line-height:0;font-size:0;visibility:hidden;}

#layout-top {width:980px;margin:0 auto;padding-top:10px;}
#layout-bottom {width:980px;padding-bottom:10px;}
#layout-center {width:960px;padding:0 10px;background:url(../img/css/mainb.png) 0 0 repeat-y;}
#main {position:relative;padding-top:144px;}

#main-hp {position:relative;padding-top:602px;}
#main-hp #komandornovinky {position:relative; /*top:-170px;*/ margin-top: -170px; z-index:100;}

#hpimg {position:absolute;left:0;top:144px;z-index:0;}
#hpimg img {display:block;}


#nav {position:absolute;left:0;top:102px;width:960px;height:42px;background:url(../img/css/nav.png) 0 0 repeat-x;}
#nav ul, #nav li {margin:0;padding:0;}
#nav > ul > li {float:left;display:block;margin-left:20px;line-height:42px;}
#nav > ul > li:first-child {margin-left:25px;}
#nav > ul > li:first-child a {height:42px;}
#nav > ul > li:last-child .subnav {width:350px;right:0;}
#nav > ul > li > a {display:block;padding:0 20px;font-size:16px;font-weight:bold;color:#fff;text-decoration:none;text-shadow: 0px 1px 3px #550000;position: relative;z-index: 200;cursor:pointer;}
#nav > ul > li > ul {line-height:2em;display:none;position:absolute;background:#EBEBEB;z-index:1;padding:20px;border: 1px solid #fff; border-top: 0;border-radius: 0 0px 3px 3px;box-shadow: 0 1px 3px #666;z-index: 100;}
#nav > ul > li:hover > ul {display:flex;}
#nav > ul > li:hover > ul.single {display:block;}
#nav > ul > li:hover > a {color:#333;background: #EBEBEB url(../img/css/navhover.png) 0 0 repeat-x;text-shadow: 0 1px 1px #fff;}
#nav > ul > li > ul a.subnadpis {display:block;font-weight:700;margin:0;padding:0;color:#4A76BA;font-size: 15px;border-bottom: 1px solid #ccc;margin: 0 20px 10px 0px; padding: 0px 0px 2px 0px;text-shadow: 0 1px 1px #fff;}
#nav > ul > li > ul a.subnadpis:hover {text-decoration:none;}
#nav > ul > li > ul li {display:block;}
#nav > ul > li > ul a {color:#333;text-decoration:none;text-shadow: 0px 1px 1px #fff;}
#nav > ul > li > ul a:hover {text-decoration:underline;}
#nav > ul > li > ul ul {float:left;width:175px;}
#nav .indent {padding-left:15px;}
#nav > ul > li .subnav.reference-menu {left:287px;}

#head {position:absolute;left:0;top:0;width:960px;height:102px;background:#fff;box-shadow:inset 0 1px 3px 0 rgba(50, 50, 50, 0.15);}
#head h2 {margin:0;padding:0;}
#head h2 a {display:block;position:absolute;left:25px;top:22px;width:358px;height:56px;background:url(../img/css/logo.png) 0 0 no-repeat;}
#head h2 span {display:none;}

#head a.kalkulace {display:block;position:absolute;left:445px;top:28px;width:250px;height:45px;background:url(../img/css/kalkulace.png) 5px 3px no-repeat;}
#head a.kalkulace span {display:none;}

#head .zavolejte {display:block;position:absolute;top:28px;left:755px;background:url(../img/css/kontakt.png) 0 2px no-repeat;padding-left:35px;}
#head .zavolejte a{text-decoration:none;color:#000;cursor:text;}
#head .zavolejte span, #head .zavolejte strong {display:block;}
#head .zavolejte strong {margin:-5px 0 0;font-size:2.2em;}
#head .zavolejte .kdy {color:#777;margin-top:-5px;}

#container {width:960px;}
#main-hp #container {padding-top:7px;background:url(../img/css/container.png) 0 0 no-repeat;}
#container-center {width:960px;background:url(../img/css/container.png) -960px 0 repeat-y;}

#sidebar {float:left;width:270px;padding:5px 5px 25px 5px;text-align:justify;}
#content {float:right;width:640px;padding:25px 20px;text-align:justify;}

#sleva-sidebar2:hover {color:#fff !important;}
#sleva-sidebar2 .prvni-radek {width:232px;padding-top:40px;color: #ffffff;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-weight:100;font-size:23px !important;text-transform:uppercase;}
#sleva-sidebar2 .prvni-radek strong {display:block;font-size:40px;position:relative;left:4px;top:-18px;}
#sleva-sidebar2 .prvni-radek strong span {font-size:52px;}
#sleva-sidebar2 .viceosleve {color:#fff;font-family: 'Open Sans', Arial, Helvetica, sans-serif;text-align:left;padding:0 25px;margin-top:85px;}
#sleva-sidebar2 .viceosleve span {display:block;font-size:21px;}

#sleva-sidebar2 {
    width: 262px;
    height: 298px;
    display: block;
    text-align: center;
    background: url("../img/css/komandor-sleva2.jpg") no-repeat scroll 0 0 transparent;
    padding: 0;
    margin: 4px 3px 10px 3px;
    text-decoration: none;
}

#sleva-sidebar {
    width: 262px;
    height: 298px;
    display: block;
    text-align: center;
    background: url("../img/css/komandor-sleva.jpg") no-repeat scroll 0 0 transparent;
    padding: 0;
    margin: 4px 3px 10px 3px;
    text-decoration: none;
}
#sleva-sidebar:hover {
    text-decoration: none !important;
}
#sleva-sidebar .prvni-radek {
    text-align: left;
    font-family: Arial;
    font-size: 21px;
    line-height: 23px;
    font-weight: bold;
    color: #ffffff;
    padding: 77px 0px 0px 27px;
    text-shadow: 1px 1px 2px #333;
}
#sleva-sidebar .prvni-radek .size-1 {
    font-size: 35px;
    line-height: 24px;
}
#sleva-sidebar .prvni-radek .size-2 {
    font-size: 26px;
    line-height: 24px;
}
#sleva-sidebar .druhy-radek{font-family: Arial; font-size: 18px; color: #d4e1ff; padding-bottom: 10px;}
#sleva-sidebar .treti-radek{font-family: Arial; font-size: 12px; color: #ffffff;  padding: 0 40px 10px;}
#sleva-sidebar .viceosleve{
    text-align: left;
    font-family: Arial;
    font-size: 21px;
    line-height: 20px;
    font-weight: bold;
    color: #403f41;
    padding: 90px 0 0 22px;
    text-shadow: 1px 1px 2px #999;
}

.sideblock {margin-left:5px;margin-bottom:10px;width:260px;padding-bottom:12px;}
.sideblock-inside {padding:15px 15px 8px 15px; width:230px; box-shadow: 1px 1px 5px #D5D2CE;border-radius:3px;background:#ffffff url(../img/css/sideblock.png) repeat-x;}
.sideblock h3 {margin-top:-14px;margin-bottom:10px;line-height:40px;font-size:16px;color: #fff;text-shadow: 0px 1px 3px #333;}

#footblocks {width:900px;padding:30px;color:#625646;background:url(../img/css/foot.png) 50% 0 no-repeat;}
#footblocks .footblock {float:left;width:200px;margin-right:25px;}
#footblocks .footblock.last {margin-right:0;}
#footblocks .footblock h3 {margin:0 0 0.5em 0;}
#footblocks .footblock p {margin:0;}

#footlinks {width:900px;padding:30px 30px 0;color:#625646;background:url(../img/css/footlinks.png) 50% 0 repeat-x;}
#footlinks ul, #footlinks li {margin:0;padding:0;list-style-type:none;}
#footlinks ul {display: inline-block;padding:0 22px 30px;}
#footlinks ul:first-child {padding-left:0;}
#footlinks ul:last-child {padding-right:0;}
#footlinks li {margin-right:1em;}
#footlinks a {color:#625646;text-decoration:none;}
#footlinks a:hover {text-decoration:underline;}
#footlinks a.span {font-size:16px;text-decoration:underline;}


#footcopy {width:900px;padding:0 30px 30px 30px;color:#625646;}
#footcopy a {color:#625646;text-decoration:none;}
#footcopy a:hover {text-decoration:underline;}

#footfb {float: right;}
#footfb a, a.facebook-button {background: url('../img/facebook.png') left center no-repeat;padding: 10px 0px 10px 36px;}

#prockomandor.sideblock ul {margin:0 -5px;padding:0;}
#prockomandor.sideblock li {margin:0 0 0.5em 0;padding:0;display:block; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 10px;}
#prockomandor.sideblock li.proc1 {background:url(../img/css/proc1.png) 0 0px no-repeat;}
#prockomandor.sideblock li.proc2 {background:url(../img/css/proc2.png) 0 0px no-repeat;}
#prockomandor.sideblock li.proc3 {background:url(../img/css/proc3.png) 0 0px no-repeat;}
#prockomandor.sideblock li.proc4 {background:url(../img/css/proc4.png) 0 0px no-repeat;}
#prockomandor.sideblock li.proc5 {background:url(../img/css/proc5.png) 0 0px no-repeat; border: 0; padding: 0; margin: 0;}
#prockomandor.sideblock li strong {display: block;font-size: 16px;padding: 3px 0px 8px 35px;}

#komandornovinky.sideblock .block {padding:14px 0px;border-bottom:1px solid #f0f0f0;}
#komandornovinky.sideblock .block.last {margin-bottom:0;padding-bottom:0;border-bottom:0;}
#komandornovinky.sideblock .block h4 {margin:0 0 4px 0;font-size:16px;color:#BE1B1B; text-align: left;}
#komandornovinky.sideblock .block h4 a {color:#BE1B1B;text-decoration:none; font-size: 14px;}
#komandornovinky.sideblock .block h4 a:hover {text-decoration:underline;}
#komandornovinky.sideblock .block p {margin:0;}
#komandornovinky.sideblock em {color: #888;font-style:normal;margin-right: 5px;}
#komandornovinky.sideblock h3 {margin-bottom:0;line-height:40px;}
#komandornovinky .sideblock-inside {box-shadow: 0 0 0 #D5D2CE;border-radius:0;padding:0 15px; width:230px;background:#ffffff url(../img/css/sideblock.png) 0 0 repeat-x;}

#komandornovinky.sideblock .newsletter {margin:0 -15px 1px -15px;padding:5px 15px 12px;background: #f5f5f5 url('../img/css/newsletter-background.png') bottom repeat-x;}
.sideblock .newsletter p {margin:0 0 5px 0;}
.sideblock .newsletter .email {width:135px;height:20px;border: 1px solid #BE1B1B;border-radius: 3px;color: #fff;font-size: 11px; color:#000;line-height:18px;padding: 1px 5px;background: #fff url('../img/css/input.png') bottom repeat-x;}
.sideblock .newsletter .prihlasit {width:78px;padding: 4px 0px 5px 0px;background:#444 url('../img/css/button.png') repeat-x;background-size:1px 25px;border: 0px;border-radius: 3px;color: #fff;font-weight: bold;font-size:12px;margin-right: 3px;text-shadow: 0px 1px 2px #333;cursor:pointer;}
.sideblock .newsletter .prihlasit:hover {background:#8E8E8E url('../img/css/button-hover.png') repeat-x;background-size:1px 25px;}
.sideblock .newsletter .prihlasit:active {margin-top:1px;margin-bottom:-1px;}
.sideblock .newsletter table {border-spacing:0;}

a.archiv {text-align: center;display: block;padding: 10px 0px;}

.archiv-novinka {margin: 15px 0; border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.archiv-novinka h4 {margin: 0 0 5px;}

#content h1 {font-size:1.8em;margin:0 0 20px 0;color:#BE1B1B;}

#content #carousel {position:relative;top:0;left:-20px;margin:20px 0 25px 0;width:630px;padding:15px 20px;background:#F7F6F2;border:1px solid #EDEBE5;border-left:0;border-right:0;}
#content #carousel #carousel-view {width:630px;height:153px;overflow:hidden;}
#content #carousel ul {position:relative;width:10000px;}
#content #carousel ul, #content #carousel ul li {margin:0;padding:0;}
#content #carousel ul li {float:left;margin-right:15px;background:none;}
#content #carousel ul li img {width:188px;height:141px;padding:6px;background:url(../img/css/carousel-img.png) 0 0 no-repeat;}
#content #carousel-nav {margin-top:15px;text-align:center;height:25px;line-height:25px;color:#8F8D8A;}
#content #carousel-prev {float:left;padding-left:30px;background:url(../img/css/carousel-prev.png) 0 50% no-repeat;}
#content #carousel-next {float:right;padding-right:30px;background:url(../img/css/carousel-next.png) 100% 50% no-repeat;}
#content #carousel-nav a {text-decoration:none;/*color:#BE1B1B;*/}
#content #carousel-nav a:hover {text-decoration:underline;}
#content #carousel-nav a.hidden {visibility:hidden;}

/* poradna Komandor */
.poradna {}
.poradna .hlavni {}
.poradna .hlavni p {margin:0 0 15px 0;}
.poradna .hlavni form {margin-bottom:15px;padding:10px;color:#000;background:#F8F9FA;border:1px solid #DADCE0;}
.poradna .hlavni form div {margin-bottom:10px;}
.poradna .hlavni .submit {margin:0;}
.poradna .hlavni .submit input {border:0;padding:5px 20px;color:#fff;background:#E04549;font-weight:bold;cursor:pointer;}

.poradna .perex {}
.poradna .perex li {list-style:none !important;margin-left:0 !important;font-size:16px;}
.poradna .perex li a {color:#2281d6 !important;}
.poradna .perex .question-mark {margin-right:20px;display:inline-block;width:18px;height:24px;background:url(../img/css/poradna.png) -22px -80px no-repeat;vertical-align:middle;}

.poradna .poradce {display: inline-block;width:200px;border:1px solid #eeeeee;
			border-radius:3px;}
.poradna .poradce .text {
	padding:5px 10px 10px;
	border-bottom:1px solid #bbbbbb;}
.poradna .poradce .text h3 {margin:0 10px !important;
			padding:0;
			font-size:1.1em;
			color:#303030;
			line-height:35px;
			height:35px;
			text-align:center;
			font-weight:100;
			border-bottom:1px solid #D84347;}
.poradna .poradce .text h4 {margin:20px 0 0;padding:0;line-height:18px;color:#000 !important;font-size:18px !important;}

.poradna .poradce .text .designer-icon {width:65px;height:70px;display:block;float:right;background:url(../img/css/poradna.png) 0 0 no-repeat;
	margin-right: -10px;
	margin-top:-25px;}
.poradna .poradce .poradce-kontakt {
	background: #b21817;
	background: linear-gradient(to bottom, #b21817 0%,#c11918 100%);
	color:#fff;
	font-weight:bold;
	font-size:16px;
	padding: 10px 0;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	text-shadow: 0px 1px 1px rgba(100, 100, 100, 1);
}
.poradna .poradce .poradce-kontakt a {
	display: block;
	text-align:center;
	color:#fff !important;
	text-decoration:none !important;
}
.poradna .poradce .poradce-kontakt a:hover {
	text-decoration:underline !important;
}

.poradna .poradce .poradce-kontakt span {
	display: block;
	text-align:center;
	padding-top: 5px;
}

.poradna .vypis .nadpis {display:block;text-transform:uppercase;text-shadow: 0px 1px 1px rgba(200, 200, 200, 1);}
.poradna .vypis .otazka .nadpis {color:#be1b1b;}
.poradna .vypis .odpoved .nadpis {color:#2281d6;}

.poradna .vypis .otazka {margin: 20px 0;}
.poradna .vypis .odpoved {padding: 20px 10px;border-radius:4px;margin-left:75px;width:545px;margin-bottom:10px;}
.poradna .vypis .otazka, .poradna .vypis .odpoved {min-height:70px;}
.poradna .vypis .otazka .background, .poradna .vypis .odpoved .background {width:75px;display:inline-block;float:left;}
.poradna .vypis .otazka .background span, .poradna .vypis .odpoved .background span {display:block;width:65px;height:60px;}
.poradna .vypis .otazka .background span {background:url(../img/css/poradna.png) 0 -110px no-repeat;}
.poradna .vypis .odpoved .background span {background:url(../img/css/poradna.png) 0 -176px no-repeat;}
.poradna .vypis .odpoved {border: 2px solid #2281d6;}
.poradna .vypis .question {margin-left:75px;}

.poradna-button {position:relative;top:40px;margin:0 auto 0;cursor:pointer;display:block;width:144px;height:55px;padding:15px 30px 8px;line-height:24px;font-weight:bold;font-size:20px;color:#fff;background: #4da8f9;background:url("../img/css/poradna-otaznik.png"), linear-gradient(to bottom,  #4da8f9 0%,#1575cb 100%);background-repeat: no-repeat;background-position: 90% 50%;border: 1px solid rgba(18,103,181,0.61);border-radius: 5px;box-shadow: 0 0 2px 0 rgba(150, 150, 150, 0.3);}
.poradna-button.closed {margin-bottom:75px;}
.poradna-button:hover {background:url("../img/css/poradna-otaznik.png"), linear-gradient(to bottom, #1575cb 0%, #4da8f9 100%);background-repeat: no-repeat;background-position: 90% 50%;}
.poradna .poradna-form {padding-top:75px !important;border:2px solid #3390e3;border-radius:5px;}
.poradna .poradna-form input[type="submit"] {position:relative;margin:0 auto;top:17px;cursor:pointer;font-family:Arial,Helvetica,sans-serif !important;line-height:20px !important;display:block;text-align:center;padding:5px 15px !important;font-weight:bold !important;font-size:16px !important;color:#fff !important;background: #4da8f9;background:linear-gradient(to bottom,  #4da8f9 0%,#1575cb 100%);border: 1px solid rgba(18,103,181,0.61);border-radius: 3px;box-shadow: 0 0 2px 0 rgba(150, 150, 150, 0.3);}
.poradna .poradna-form input[type="submit"]:hover {background:linear-gradient(to bottom, #1575cb 0%, #4da8f9 100%);}
.poradna .poradna-form input[type="text"], .poradna .poradna-form textarea {padding:5px !important;border:1px solid #bbbbbb;display:block;width:485px;}
.poradna .poradna-form input[type="text"] {margin:0 auto;}
.poradna textarea {height:75px;margin:20px auto 10px;}
.poradna .newsletter {padding:0 5px;width:500px;margin:0 auto;}

/* poradna Komandor - administrace */
.poradna-admin {margin:15px 0;}
.poradna-admin form {margin:15px 0;}
.poradna-admin form div {margin-bottom:10px;}

.poradna .formlabel {display:block;float:left;}
.poradna .formitem {display:block;margin-left:115px;}
.poradna .vypis {}
.poradna .vypis .dotaz {position:relative;margin-bottom:15px;padding:10px 10px 30px 10px;border:1px solid #BE1B1B;border-radius: 3px;}
.poradna .vypis .dotaz .otazka {}
.poradna .vypis .dotaz .odpoved {display:none;margin-top:10px;padding:10px;border:1px solid #DADCE0;border-radius: 3px;background:#F8F9FA;}
.poradna .vypis .dotaz.otevreno {padding-bottom:10px;}
.poradna .vypis .dotaz.otevreno .odpoved {display:block;}
.poradna .vypis .dotaz.otevreno .cistodpoved {display:none;}
.poradna .vypis .dotaz .cistodpoved {position:absolute;bottom:0;right:0;display:block;font-weight:bold;padding:3px 25px 3px 20px;color:#fff;background:#BE1B1B;cursor:pointer;border-radius: 3px 0 0 0;}
.poradna-odeslano {margin-bottom:15px;padding:10px;background:#F8F9FA;border:1px solid green;}
.poradna-admin-odeslano {margin-bottom:15px;padding:10px;background:#F8F9FA;border:1px solid green;}
.poradna-banner-sb {margin:15px 0;text-align:center;}

#napistenam {width:620px;margin-top:15px;padding-bottom:20px;}
#napistenam .wrap {width:580px;padding:10px 20px 0 20px;}
#napistenam h2 {margin:0 0 15px 0;color:#333;background:none;}
#napistenam p {margin-bottom:1em;}
#napistenam .left {float:left;width:230px;}
#napistenam .left div {margin-bottom:10px;}
#napistenam .left label {float:left;margin-right:10px;width:50px;padding-top:2px;text-align:right;}
#napistenam .left input {width:145px;height:20px;border: 1px solid #BE1B1B;border-radius: 3px;color: #fff;font-size: 11px; color:#000;line-height:18px;padding: 1px 5px;background: #fff url('../img/css/input.png') bottom repeat-x;}
#napistenam .right {}
#napistenam .right textarea {width:335px;height:122px;border: 1px solid #BE1B1B;margin-top:0;border-radius: 3px;color: #fff;font-size: 11px; color:#000;line-height:18px;padding: 1px 5px;background: #fff url('../img/css/input.png') bottom repeat-x;}
#napistenam .submit {clear:both;margin:15px 0 0 233px;}
#napistenam .submit input {width:120px;padding: 3px 0px 4px 0px;background:#407AB9 url('../img/css/input-button.png') bottom repeat-x;border: 0px;border-radius: 3px;color: #fff;font-weight: bold;font-size:12px;margin-right: 3px;text-shadow: 0px 1px 2px #00387a; cursor:pointer;}

#kam-rozcestnik {
    margin: 10px 0px;
}
#kam-rozcestnik a {
    display: inline;
    width: 270px;
    padding: 8px 0px 8px 50px;
    margin: 2px 0px 2px 0px;
    float: left;
    background: url('../img/kam-loznice.png') 7px 7px no-repeat;
    text-decoration: none !important;
    color: #222;
    border-bottom: 1px solid #fff;
}
#kam-rozcestnik a:hover {
    color: #222;
}
#kam-rozcestnik a:hover p {
    text-decoration: underline;
}
#kam-rozcestnik a h3 {
    color: #527dbf;
    font-size: 13px;
    margin: 0;
}
#kam-rozcestnik p {
    margin: 0;
}
#kam-rozcestnik a.kam-detskypokoj {
    background-image: url('../img/kam-detskypokoj.png');
}
#kam-rozcestnik a.kam-obyvacipokoj {
    background-image: url('../img/kam-obyvacipokoj.png');
}
#kam-rozcestnik a.kam-predsin {
    background-image: url('../img/kam-predsin.png');
}
#kam-rozcestnik a.kam-pracovna {
    background-image: url('../img/kam-pracovna.png');
}
#kam-rozcestnik a.kam-podkrovi {
    background-image: url('../img/kam-podkrovi.png');
}
#kam-rozcestnik a.kam-satna {
    background-image: url('../img/kam-satna.png');
}
#kam-rozcestnik a.kam-stul {
    background-image: url('../img/ikony-kancelar/stul.png');
}
#kam-rozcestnik a.kam-zidle {
    background-image: url('../img/ikony-kancelar/zidle.png');
}
#kam-rozcestnik a.kam-skrinka {
    background-image: url('../img/ikony-kancelar/skrinka.png');
}
#kam-rozcestnik a.kam-dekorace {
    background-image: url('../img/ikony-kancelar/dekorace.png');
}
#kam-rozcestnik a.kam-regaly {
    background-image: url('../img/ikony-kancelar/regaly.png');
}
#kam-rozcestnik a.kam-dvere {
    background-image: url('../img/ikony-kancelar/dvere.png');
}


#doplnky {
    padding-left: 35px;
}
#doplnky a {
    float: left;
    width: 100px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding: 14px 20px;
}
#doplnky a:hover img {
    opacity: 0.9;
}



#conversion-buttons {
    margin: 25px -1px;
}
#conversion-buttons a, #conversion-buttons a:hover {
    width: 220px;
    height: 82px;
    float: left;
    margin-right: 18px;
    padding: 16px 20px 0px 72px;
    background: url('../img/css/conversion-button-light.png') no-repeat;
    color: #222;
    text-decoration: none;
}
#conversion-buttons a:hover p {
    text-decoration: underline;
}
#conversion-buttons a h2 {
    margin: 0;
    font-size: 18px;
}
#conversion-buttons a p {
    margin: 5px 0 0;
    line-height: 16px;
}
#conversion-buttons a.red, #conversion-buttons a.red:hover {
    color: #fff;
    text-shadow: 0px -1px 1px #8a1b16;
    background: url('../img/css/conversion-button-red.png') no-repeat;
    margin-right: 0;
    float: right;
}
#conversion-buttons a.red h2 {
    color: #fff;
}




#context-buttons {
    margin: 35px 0px;
}
#context-buttons a {
    display: block;
    width: 180px;
    height: 44px;
    margin: 10px auto;
    padding-left: 50px;
    line-height: 44px;
    background: url('../img/css/button-jakvybrat.png') no-repeat;
    color: #222;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 1px #fff;
}
#context-buttons a:hover {
    color: #222;
}
#context-buttons a.reference {
    background-image: url('../img/css/button-reference.png');
}
#context-buttons a.kontakt {
    background-image: url('../img/css/button-kontakt.png');
}

.left {
    float: left;
}
.right {
    float: right;
}
.center {
    text-align: center;
}
p.less-margin {
    margin: 5px 0px;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.clearfix {
    clear: both;
}

#breadcrumb {margin:0px;margin-top:-15px;margin-bottom:25px;padding:0px;}
#breadcrumb div {display:inline;}
#breadcrumb a {font-size:12px;text-decoration:underline;}
#breadcrumb span {font-size:12px;}

#hpimg #katalog-promo {background: rgb(255,255,255);background:rgba(255,255,255,.7);box-shadow: 2px 3px 20px #505050;border-radius:5px;position:absolute;top:-345px;left:-334px;}
#hpimg #katalog-promo a {display:block;text-decoration:none;padding:30px 45px;}
#hpimg #katalog-promo a h2 {text-align:left;color: #505050;text-shadow:0px 0px #505050;font-size: 1.8em;}
#hpimg #katalog-promo a p {text-align:left;font-size:1.5em;line-height:1.3em;margin:0;font-weight:bold;text-shadow:0px 0px #BE1B1B;color:#BE1B1B;}

#katalog-promo-medium {background: rgb(255,255,255);background:rgba(255,255,255,.7);box-shadow: 2px 3px 20px #505050;border-radius:5px;padding: 17px 40px;position:absolute;top:65px;left:0;}
#katalog-promo-medium h2 {text-align:left;color:#505050;text-shadow:0px 0px #505050;font-weight:700;font-size: 1.8em;line-height:1.2em;margin:0;padding:0;}
#katalog-promo-medium-link {height:30px;width:85px;display:block;text-align:center;background: url('../img/css/button.png') repeat-x;background-size:1px 30px;border-radius:3px;position:absolute;top:217px;}
#katalog-promo-medium-link:hover {background: url('../img/css/button-hover.png') repeat-x;background-size:1px 30px;}
#katalog-promo-medium-link:active {margin-top:1px;margin-bottom:-1px;}
#katalog-promo-medium-link a {font-weight:bold;display:block;padding-top:5px;padding-bottom:5px;color:#fff;text-decoration:none;}
#katalog-promo-medium-link a:hover {color:#fff;text-decoration:none;}

#katalog-promo-side a {color: #222;font-size: 19px; font-weight:bold;line-height:25px;text-decoration:none;}
#katalog-promo-side a:hover {text-decoration:none;}

.nivo-caption p.vizualizace-hp {font-size:24px;line-height:29px;border-left:1px solid #7C7C7C;border-top:1px solid #7C7C7C;border-bottom:1px solid #7C7C7C;padding:15px 30px !important;width:350px;text-align:left;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:100px !important;margin-right:-26px !important;margin-bottom:90px !important;background-color:#fff;color:#000;display:inline-block;font-weight:700;}
.nivo-caption div.vizualizace-hp {border-left:1px solid #7C7C7C;border-top:1px solid #7C7C7C;border-bottom:1px solid #7C7C7C;padding:15px 30px !important;width:350px;text-align:left;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:100px !important;margin-right:-31px !important;margin-bottom:90px !important;background:rgba(255,255,255,0.8);color:#000;display:inline-block;}
.nivo-caption div.vizualizace-hp p {font-size:20px;line-height:24px;font-weight:400;}
.nivo-caption div.vizualizace-hp p span {color:#BE1B1B;font-weight:700;}
.nivo-caption div.vizualizace-hp h2 {font-size:26px !important;text-transform:uppercase;text-shadow:0 0 0 !important;color:#BE1B1B;margin-top:10px !important;}

.nivo-caption h2.akce33procent {text-shadow: 0 0 0 #000 !important;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-weight:100;font-size:23px !important;text-transform:uppercase;position:absolute;right:227px;top:-295px;}
.nivo-caption h2.akce33procent strong {display:block;font-size:49px;position:relative;left:23px;margin-top:10px;}
.nivo-caption h2.akce33procent strong span {font-size:58px;}
.nivo-caption #sdeleni.akce33procent {background:rgba(255,255,255,0.8);position:absolute;left:-334px;top:-310px;text-align:left;font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.nivo-caption #sdeleni.akce33procent h3 {margin-bottom:10px;}
.nivo-caption #sdeleni.akce33procent h3 a {color:#0089e3;text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.6);font-size:28px;}
.nivo-caption #sdeleni.akce33procent p {line-height:26px;}
.nivo-caption #sdeleni.akce33procent p a {color:#3e3d40;}
.nivo-caption #sdeleni.akce33procent p a strong {color:#3e3d40 !important;}

#conversion-vizualizace {background: url('../img/css/vizualizace.png') no-repeat;height:110px;padding-top:9px;padding-left:30px;}
#conversion-vizualizace a {text-decoration:none;color:#fff;}
#conversion-vizualizace a span {text-decoration:underline;}
#conversion-vizualizace a:hover span {text-decoration:none;}
#conversion-vizualizace a h2 {color:#fff;font-size:18px;}
#conversion-vizualizace a p {font-size:15px;margin-top:15px;}
#conversion-vizualizace a:hover {color:#fff;}
#sdeleni-top.vizualice-grafika {width:550px;top:-150px;}

#content div.fatboy a {display:block;}
#content div.fatboy div {width:190px;float:left;padding:10px;}

.sideblock.tablety .sideblock-inside {padding:15px 0 0;width:260px;background:#ffffff url(../img/css/sideblock-big.png) repeat-x;}
.sideblock.tablety a {background:url('../img/akce-tablet-maly.jpg') no-repeat;height:294px;display:block;text-decoration:none;}
.sideblock.tablety h3 {padding-top:7px;line-height:20px;text-align:center;}
.sideblock.tablety a .horni {display:block;float:left;position:relative;top:40px;color:#BE1B1B;font-size:18px;width:140px;padding:8px 15px;text-align:left;background:rgba(255,255,255,0.8);line-height:22px;font-weight:700;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.sideblock.tablety a .dolni {display:block;float:left;position:relative;top:200px;color:#000;font-size:18px;left:30px;text-shadow:1px 1px 2px #888;}
.sideblock.tablety a .sipky {display:block;width:66px;height:66px;position:relative;background:url('../img/css/sipka.png') no-repeat;left:170px;top:210px;}
.sideblock.tablety a:hover .dolni,
.sideblock.tablety a:hover .horni {text-decoration:underline;}

div.submit {padding-top:15px;}
div.galerie img {display:block;}
div.galerie h3 {float:left;padding-right:20px !important;}
div.galerie.special a {float:left;width:140px;height:140px;padding:10px;text-decoration:none !important;}
div.galerie.special a:hover {text-decoration:underline !important;}
div.galerie.kurt a {float:left;padding:10px;height:150px;}
#content .popisekobrazku{text-decoration:none;}
div.akcni-vyprodej {text-align:center;max-width:110px;float:left;}
textarea.poradna-admin {width:100%;}
div.vyplne-galerie img {margin-right:7px;}
#adresa{
    float: left;
}
#googleMap{
    width:60%;
    height:205px;
    float: right;
    margin-top: 20px;
}
#foto{
    float: right;
    margin-top: 10px;
}
#foto img{
    max-width: 384px;
}

.akce33procent_button {
	background: url('/img/akce33procent.jpg') 0 50% no-repeat;
	display:block;
	width:100%;
	height:118px;
	text-align:center;
	width:680px;
	margin-left:-20px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-decoration: none !important;
	font-size:20px;
}

.akce33procent_button span {
	text-transform: uppercase;
	display:block;
	font-weight:700;
	font-size:23px;
	padding-top:30px;
}

.akce33procent_button:hover { text-decoration: underline !important;}

@media (min-width: 700px) and (max-width: 980px) {
	#layout-top, #layout-bottom, #layout-center {width:700px;}
    #layout-center {padding:0;background: rgba(255, 255, 255, 0.5); }
	#container, #container-center, #head {width:700px;}
	#sidebar {display:none;}
    #content {float:left;}
    #container-center {background: #fff;}
    #footlinks, #footcopy {width:640px;}
    #footfb {margin-top:15px;float:none;}
	#hpimg .nivoSlider {height: 334px !important;width: 700px !important;}
	#hpimg .nivoSlider img {height: 334px !important;width: 700px !important;}
	#main-hp {padding-top: 472px;}
	#nav {width:700px;}
	#nav > ul > li {margin-left:8px;}
	#nav > ul > li:first-child {margin-left:8px;}
	#nav > ul > li > a {padding:0 10px;}
    #nav > ul > li > ul {line-height:2.5em;}
	#nav > ul > li .subnav.reference-menu {left:133px;}
    #footlinks ul:nth-child(3) {padding-right:0;}
    #footlinks ul:nth-child(4) {padding-left:0;}
    #footlinks ul:nth-child(5) {padding-left:95px;}
	#doplnky-top {width:700px; height:267px;}
	#materialy-top {width:700px; height:267px;}
    #hpimg .nivo-caption {font-size: 16px !important;}
    #hpimg .nivo-caption h2 {font-size: 34px !important;margin-bottom:0 !important;}
    #sdeleni-top {left:-74px;top:-160px;line-height:5px;}
    #sdeleni strong {line-height:46px;}
    .nivo-caption p.vizualizace-hp {font-size:21px;width:300px;margin-bottom:30px !important;}
    #head .zavolejte {left:470px;top:16px;}
    #head .zavolejte span.kdy {display:none;}
    #head a.kalkulace {top:48px;}
	#sdeleni-top.vizualice-grafika {top:-120px;}
    #sdeleni-top-big {left:-74px;top:-230px;}
	#sdeleni-top.vizualice-grafika #sdeleni {padding:0 22px 16px;}
    #content .korpus .bx-next {right:40px}
    .tablet-hidden {display:none !important;}

	#hpimg .nivo-caption h2.akce33procent {font-size:21px !important;right:151px;top:-202px;}
	.nivo-caption h2.akce33procent strong {display:block;font-size:36px;left:13px;margin-top:3px;}
	.nivo-caption h2.akce33procent strong span {font-size:48px;}
	.nivo-caption #sdeleni.akce33procent {left:-74px;top:-210px;}
	.nivo-caption #sdeleni.akce33procent h3 {margin-bottom:10px;}
	.nivo-caption #sdeleni.akce33procent h3 a {font-size:22px;}
	.nivo-caption #sdeleni.akce33procent p {line-height:26px;}
	.nivo-caption #sdeleni.akce33procent p strong {line-height:26px;}
	.akce33procent_button {margin-left:-10px;}
}

@media (max-width: 699px) {
	#sidebar, #hpimg {display:none;}
	#container, #container-center, #head {width:360px;}
    #layout-top{width:360px;padding-top:44px;}
    #layout-bottom{width:360px;padding-bottom:0;}
	body {padding:0;}
    #container {padding-top:0 !important;}
    #main-hp, #main {padding-top:165px;}
    #layout-center {padding:0;background: rgba(255, 255, 255, 0.5); width:360px;}
    #footlinks, #footcopy{width:320px;padding-left:20px;padding-right:20px;}
	#content {width:320px;float:left;}
    #container-center {background: #fff;}
    #footlinks ul {padding:0 0 30px;}
    #footfb {margin-top:15px;float:none;}
    #head {height:165px;box-shadow:0 0 0 0;}
    #head h2 a {top:15px;left:20px;width:320px;height:50px;background:url(../img/css/logo_mobile.png) 0 0 no-repeat;}
	#head .zavolejte {top:75px;left:90px;background:url(../img/css/kontakt.png) 0 2px no-repeat;padding-left:35px;}
    #head .zavolejte span.kdy {display:none;}
	#head a.kalkulace {left:65px;top:114px;width:231px;height:43px;background:url(../img/css/kalkulace.png) 0 0 no-repeat;}
    #nav {top:165px;width:0;}
    .mean-nav a.home img {display:none;}
    .mean-nav a.home:before {content:"Domů";}

	#doplnky-top {width:360px; height:137px; background-size:360px 137px;}
	#materialy-top {width:360px; height:137px; background-size:360px 137px;}
    #doplnky-top #top-content, #materialy-top #top-content {display:none;}
    #conversion-buttons a.red, #conversion-buttons a.red:hover {float:left;}
    a#button-reference {line-height:18px;background:#F0EDE8;border:1px solid #DFDCD5;border-radius:3px;padding:10px 12px;}
	div.f-row select#f_vyplne_typ {width:295px !important;}
    div.f-row input#f_vyplne_pocet {margin-left:0 !important;margin-top:15px;}
	div.f-row textarea#f_pripominky {width:295px !important;}

    form#napistenam {width:297px;}
    form#napistenam .wrap {padding:0;width:295px;}
    form#napistenam .left {width:auto;}
    form#napistenam .left, form#napistenam .right {float:none;}
    form#napistenam .left input {width:213px !important;}
    form#napistenam .right textarea {width:273px !important;}
	form#napistenam div.submit {margin:0; text-align:center;}
    .content-box-top {background:none;padding-top:62px;}
    .content-box-title {background-color:#000;left:0;padding:5px 10px;width:300px;line-height:25px;}
    .content-box-title .content-box-title-phone {position:relative;right:0;text-align:left;}
    #main-hp .content-box-title-right {position:initial;background:none;text-align: left; padding-left:0;}
    #main-hp .content-box-content {padding:12px 7px 9px;}
    #main-hp .bx-prev {top:125px;}
    #main-hp .bx-next {top:125px;}
    #content img {max-width:320px !important;}
	#form input, #form textarea {width:100%;}
	#form td {padding:5px 0;}
	.poradna .hlavni {float:none;width:320px;}
	.poradna .poradce {float:none;width:320px;}

	#content div.fatboy div {width:300px;text-align:center;}

	#content .thumbs {width:300px;margin-left:15px;}
	#content .thumbs .bx-controls a {background-size:20px 80px;width:20px;}
	#content .thumbs .bx-prev {margin-left:-30px;}
	#content .thumbs .bx-next {right:-4px;}
	#content .thumbs .bx-viewport {left:-10px;padding-left:7px;}
	#content .thumbs .bx-viewport li {margin:0 !important;width:90px !important;}
    #content .thumbs img {box-shadow:0 0 0 0;border-radius:0;}
	div.vyplne-galerie img {margin-right:8px;}

    #hp-duvody {border-radius:0;padding:0;box-shadow:0 0 0 0;margin:0;}
    #hp-duvody ul li {list-style-image:none;margin-left:0;background-size:320px 127px;}
    #hp-duvody .frame-content {width:245px;padding-top:150px;padding-right:20px;}
    #hp-duvody .frame-content h3 {display:none;}
    .mobile-hidden {display:none;}

	#conversion-vizualizace {height:auto;padding:10px;border-radius:5px; background: #e34743;background: linear-gradient(to bottom, #e34743 0%,#ce403a 49%,#b9251d 51%,#b9251d 100%);}
    #conversion-vizualizace h2 {margin-top:0;}

	#content .sub-block h2 {line-height:20px;padding:10px;background: #ffffff;background: linear-gradient(to bottom, #ffffff 0%,#e7e7e5 100%);}
	.caste-dotazy #content .faq.header {height:140px;width:320px;background:none;}
	.caste-dotazy #content .faq.header .arrow.red {left:240px;top:35px;}
    .caste-dotazy #content .faq.header p {width:190px;}

    #reference a.lightbox {padding-right:10px;float:right;max-width:90px;}

    div.mezera {height:30px;clear:both;}
    img.otto {float:right;margin-top:10px;}
    h1 {text-align:center;}

	#content div#dopl-map, #content div#kovani-map, #content div#vypl-map, #content div#mats-map {background:none;height:auto;width:auto;margin-top:15px;}
	#content div#dopl-map a, #content div#kovani-map a, #content div#vypl-map a, #content div#mats-map a {position:initial;width:auto;height:auto;float:none;}
	#content div#dopl-map a img, #content div#kovani-map a img, #content div#vypl-map a img, #content div#mats-map a img {display:none;}
	#content div#dopl-map a span, #content div#kovani-map a span, #content div#vypl-map a span, #content div#mats-map a span {position:initial;}
    #content div#vypl-map #vypl-map-mrizka {display:none;}

    #content div.after-dopl-map, #content div.after-kovani-map, #content div.after-vypl-map, #content div.after-mats-map  {position:initial;}

	#content #mapa {background:none;width:auto;position:initial;height:auto;}
	#content #mapa img {display:none !important;}
    #content #mapa span {display:block;}
    .content-box-top.mobile .nivo-controlNav.nivo-thumbs-enabled, .content-box-top.mobile .nivo-caption {display:none !important;}
    .mobile .theme-inspirace .nivoSlider {width:320px;height:150px;}
    .mobile.content-box-top {padding-top:35px;}
    .mobile .content-box-galerie-wrapper {padding-bottom:0; background:none;}
	.mobile .theme-inspirace .nivo-directionNav a, .mobile .theme-inspirace .nivo-directionNext a {margin-top:-15px;}
	div.detail-news p {font-size:120%;}
	#footlinks li {font-size:110%;margin-top:0.5em;margin-bottom:0.5em;}
	.poradna .vypis .odpoved {width:265px;margin-left:30px;}
    .poradna .vypis .otazka .background {transform:scale(0.5);margin-top:-15px;width:30px;}
    .poradna .vypis .odpoved .background {transform:scale(0.5);margin-top:-15px;width:10px;}
    .poradna .vypis .otazka {margin-left:-15px;}
    .poradna .vypis .odpoved {}
    .poradna .vypis .question {margin-left:45px;}
	.poradna input[type="text"], .poradna textarea {width:265px;}
	.poradna .newsletter {width:280px;}
	.poradna .poradna-form {padding-top:60px !important;}

	.menu_title {
	    display: block;
	    position:relative;
	    float:right;
	    bottom:1em;
		top:-18px;
		width: 42px;
	    margin-right:2em;
	    font-size: 16px;
	    display: block;
	}
	.akce33procent_button {
	background: url('/img/akce33procent_mobile.jpg') 0 50% no-repeat;width:360px;}
}