*{ margin:0;padding:0;font-family:'Ubuntu',sans-serif }
body{min-width:1074px;font-size:11pt;background:url('/images/263.png') center 5px repeat-x;padding-bottom:0px}

img{vertical-align:middle;outline:none;border:none}

a{text-decoration:none;color:inherit}
a img{border:none;outline:none}
a.external{padding-right:14px;background:url('/images/7t.gif') right center no-repeat}

.front-title{color:#bb1106;height:155px;font-size:26pt;padding-top:15px;background:url('/images/264.png') 100% 100% no-repeat}

.clear{clear:both}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}

.r{float:right}
.l{float:left}

.form-block{margin-bottom:50px}
.form-block .pair{margin-top:8px}
.form-block .pair label{display:block}
.form-block .pair label em{font-size:8pt;position:relative;top:-5px;color:#cf0001}
.form-block .pair .textbox{border:none;font-size:12pt;padding:5px 8px;padding-right:35px;border-bottom:2px solid #bb1106;background:#f4e8d2;color:#000}
.form-block .pair .textarea{border:none;font-size:12pt;padding:5px 8px;padding-right:35px;border-bottom:2px solid #bb1106;background:#f4e8d2;resize:none;color:#000}
.form-block .pair .checkbox{position:relative;top:2px;margin-right:15px}
.form-block .pair .size-m{width:250px}
.form-block .pair .size-l{width:350px}
.form-block .pair .size-s{width:100px}
.form-block .pair .ok{}
.form-block .pair .error{background:#fff5f5 url('/images/224.png') 98% 50% no-repeat;background-size:18px;border-color:#d54545}


.buttons{margin-bottom:100px;margin-top:50px}
.buttons:after{content:'';display:block;clear:both}
.btn{display:inline-block;border:none;border-radius:2px;line-height:normal;vertical-align:middle;padding:10px 15px;cursor:pointer}
.btn em{font-style:normal}
.btn.l{margin-right:3px}
.btn.r{margin-left:3px}
.btn.l em{margin-right:10px}
.btn.r em{margin-left:10px}
.btn-big{font-size:14pt;padding:15px 30px;font-weight:bold}
.btn-big.l em{margin-right:25px}
.btn-big.r em{margin-left:25px}
.btn-green{background:#51a500;color:#fff}
.btn-blue{background:#f4e8d2;color:#bb1106}
.btn-orange{background:#f60;color:#fff}

.uploadify-button{border:none;border-radius:2px}
.uploadify-button span{display:block;text-align:center}

.uploadify-queue-item .cancel a {
	background: url('/textpattern/3rdparty/uploadify/uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.col{width:1074px;margin:0 auto}
.header .col{height:142px;position:relative}

.path .col{background: url('/images/91.png') 0 0 no-repeat;padding:0 25px}
.path{height:35px;line-height:35px;font-size:8pt;text-align:right;text-transform:lowercase;color:#bb1106;margin-bottom:-15px}

.main .col{padding-bottom:25px;background: url('/images/268.png') 23px bottom no-repeat}

.footer{background:#f4e8d2}
.footer .col{background: url('/images/216.png') 0 26px no-repeat}

.order-steps{height:60px;color:#f4e8d2;margin:15px 0;border-bottom:2px solid #f4e8d2;border-top:2px solid #f4e8d2;padding:2px 0}
.order-steps em{font-style:normal;display:block;font-size:12pt;font-weight:bold}
.order-steps li{list-style:none;float:left;width:25%}
.order-steps li a{display:block;text-align:center;height:40px;padding:10px 0}
.order-steps li.active a{background:#f4e8d2;color:#bb1106 !important}
.order-steps li a:hover{color:#bb1106}

.order-delivery li{list-style:none;line-height:50px;height:50px;position:relative}
.order-delivery li input{vertical-align:middle;margin:0 25px}

.order-delivery .suggested{text-transform:uppercase;display:inline-block;line-height:normal;padding:3px 8px;border-radius:3px;vertical-align:middle;background:#f4e8d2;color:#bb1106;font-style:normal;font-size:8pt;margin-left:30px}
.order-payment li{list-style:none;line-height:50px;height:50px;position:relative}
.order-payment li input{vertical-align:middle;margin:0 25px}

.delivery-price{background:#f4e8d2;color:#bb1106;text-align:right;padding:10px 25px;margin:50px 0}
.delivery-price .price{font-weight:bold;font-style:normal}

.sites-bar{height:55px;line-height:55px}
.sites-bar .site-url{float:left;width:250px;font-size:12pt;color:#ff6600;font-style:italic;font-weight:600}
.sites-bar .links{height:55px}
.sites-bar .links a:hover .xtc{text-decoration:underline}
.sites-bar .links .current a .xtc{text-decoration:none}
.sites-bar .links li{margin-top:-1px;list-style:none;float:left;background:url('/images/215.png') 100% 50% no-repeat;}
.sites-bar .links .xtl{display:inline-block;width:20px;height:55px;vertical-align:middle;margin-left:-15px}
.sites-bar .links .xtr{display:inline-block;width:20px;height:55px;vertical-align:middle;margin-right:-10px}
.sites-bar .links .xtc{display:inline-block;height:55px;vertical-align:middle;padding:0 10px;color:#bb1106;text-align:center}
.sites-bar .links .current{background:none}
.sites-bar .links .current .xtl{background:url('/images/212.png') 0 50% no-repeat}
.sites-bar .links .current .xtr{background:url('/images/213.png') 0 50% no-repeat}
.sites-bar .links .current .xtc{background:url('/images/214.png') 0 0 repeat-x;font-weight:bold;color:#fff}
.sites-bar .links .last {background:none}

.menu-bar{margin-left:250px;padding-top:18px;color:#fff}
.menu-bar li{height:55px;padding-left:25px;list-style:none;background:url('/images/210.png') 0 50% no-repeat;text-align:center;float:left}
.menu-bar li a{display:inline-block;height:55px;padding:0 10px}
.menu-bar li a:hover .title{text-decoration:underline}
.menu-bar li .title{display:block;font-weight:bold;font-size:14pt;padding-top:5px}
.menu-bar li .basket{background:url('/images/211.png') 35px 50% no-repeat;padding-left:95px;text-align:right;padding-right:0}

.ads-bar{position:absolute;bottom:0;width:1074px;height:50px;line-height:50px}
.ad{color:#fff;width:1074px;height:50px;line-height:50px;text-align:center;font-size:12pt;font-weight:600;letter-spacing:1px}
.ad strong{font-size:18pt;margin:0 5px;line-height:50px}

.site-logo{position:absolute;top:8px}
.site-logo a{display:block;width:214px;height:95px;overflow:hidden;background:url('/images/209.png') left top no-repeat}
.site-logo a span{visibility:hidden}

.main .col-1{width: 220px; padding-bottom: 335px}
.main .col-2{width: 824px;min-height:640px}

.main .col-1 ul{margin:0;padding:0;margin-bottom:15px;color:#000}
.main .col-1 li{list-style:none;border-bottom:1px dotted #bb1106;line-height:30px}

.main .col-1 .small-reklama{border-top:1px dotted #bb1106;border-bottom:1px dotted #bb1106;margin:10px 0}
.main .col-1 .small-reklama p{margin:6px 0 !important}

.content{position:relative} 
.content p{text-align:justify;margin-top:6px}
.content table p{margin:0;padding:0}
.content h2{line-height: 36px;height:36px;font-size:16pt;color:#bb1106}
.content h3{color: #bb1106;font-size:12pt;margin-top:10px}
.content ul{margin-top:8px}
.content sup{font-size:8px;line-height:8px !important}

#copy{position:absolute;right:25px;bottom:15px;text-align:right;font-size:8pt;color:#000}
#copy a{text-decoration:underline}
#copy a:hover{text-decoration:none}

.region-right { float: right }
.region-left { float: left }

.half-width{width:50%}

.rychle-info { margin-top: 25px }

.sblok { padding: 0 30px; padding-top: 15px }
.sblok h3 { font-size: 10pt !important; color: #000 !important; padding: 0 !important; margin: 6px 0 !important }
.sblok a { color: #000 }
.sblok a:hover { text-decoration: underline }
.sblok li { list-style: none }
.sblok-novorocenky01, .sblok-novorocenky02, .sblok-informace, .sblok-projekty { float: left; width: 25%; overflow: hidden }
.sblok-novorocenky02 h3 { visibility: hidden }


.blok-akce h2 { margin-bottom: 15px }
.blok-akce li { list-style: none }

.titulka-kalkulacky { text-align: center; padding-top: 15px; margin-bottom: -25px }

.prolinacka { text-align: center }

.kalkulace { padding-bottom: 15px }
.kalkulace h3 { margin: 0 30px !important; padding-left: 0; padding-right: 0; color: #bb1106; font-size: 12pt; border-bottom: 1px solid #bb1106; padding-top: 15px }
.kalkulace label { width: 100px !important }

.cool-table{border-collapse:collapse;margin: 6px auto }
.cool-table thead td { border-top: 2px solid #bb1106; background-color: #fff; font-size: 8pt }
.cool-table tbody { }
.cool-table tfoot td { border-top: 2px solid #bb1106; font-size: 8pt; color: #000; text-align: right }
.cool-table td { padding: 3px 5px }
.cool-table tbody tr { background: #fff }
.cool-table tr.barva { background: #f5ddb4 }
.cool-table tr.last td { border-bottom: 2px solid #bb1106 }

.form-blok{padding:5px 0}

.form-blok p{margin:6px 0;padding:0}
.form-info{margin:2px 0;font-size: 8pt;margin-bottom:-55px}
.form-info p {text-align:right !important}
.form-blok a,.form-blok a:hover,.form-info a,.form-info a:hover{color:#000;text-decoration:underline}

.form-row{margin:2px 0;padding:0 10px}
.form-row img{margin-left:4px;vertical-align:baseline;position:relative;top:3px}
.form-row label{display:inline-block;width:200px}

#objednavka_form .form-row label {width:150px}

.form-row input{font-size:12pt;padding:2px 5px;border:none;border-left:3px solid #bb1106;background:#f4e8d2}
.form-row .radio{background:transparent !important;border:none !important;vertical-align:baseline;position:relative;top:2px}
.form-row .checkbox{background:transparent !important;border:none !important;vertical-align:baseline;position:relative;top:2px}
.form-row select{font-size:12pt;padding: 2px 1px;border:none;border-left:3px solid #bb1106;background:#f4e8d2}
.form-row textarea{font-size:12pt;padding:2px 5px;border:none;border-left:3px solid #bb1106;background:#f4e8d2}
.form-buttons{padding:15px 0px;text-align:right}

/*

.form-blok{padding:5px 0;background:#f4e8d2;border-top:2px solid #bb1106;border-bottom:2px solid #bb1106}
.form-blok p{margin:6px 0;padding:0}
.form-info{margin:2px 0;font-size: 8pt;margin-bottom:-55px}
.form-info p {text-align:right !important}
.form-blok a,.form-blok a:hover,.form-info a,.form-info a:hover{color:#000;text-decoration:underline}

.form-row{margin:2px 0;padding:0 10px}
.form-row img{margin-left:4px;vertical-align:baseline;position:relative;top:3px}
.form-row label{display:inline-block;width:250px}
.form-row input{font-size:12pt;padding:2px 5px;border:1px solid #bb1106;background:#fff}
.form-row .radio{background:transparent !important;border:none !important;vertical-align:baseline;position:relative;top:2px}
.form-row .checkbox{background:transparent !important;border:none !important;vertical-align:baseline;position:relative;top:2px}
.form-row select{font-size:12pt;padding: 2px 1px;border:1px solid #bb1106;background:#fff}
.form-row textarea{font-size:12pt;padding:2px 5px;border:1px solid #bb1106;background:#fff}
.form-buttons{padding:15px 0px;text-align:right}


*/

.button{font-weight:bold;text-decoration:none;display:inline-block;zoom:1;*display:inline;width: 160px;height:30px;line-height:30px;color:#fff;text-align:center;background:url('/images/294.png') center center no-repeat;cursor:pointer;cursor:hand;border:none;outline: none}
.button-back{float:left}



.kalkulacka { position: relative }
.kalkulacka .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/images/83.gif') center center no-repeat #ddd; opacity: 0.5; zoom: 1; filter: alpha(opacity=50); display: none }

.kalkulacka #suma_celkem, .kalkulacka #suma_kus { display: inline-block; width: 120px; text-align: right }
.kalkulacka #suma_celkem { font-weight: bold }

.objednavka h3 { padding-left: 0; padding-right: 0; color: #bb1106; font-size: 12pt; border-bottom: 1px solid #bb1106; padding-top: 15px }

.blok-prilohy li { display: inline-block; zoom: 1; *display: inline; width: 50%; line-height: 30px }
.blok-prilohy img { position: relative; top: 3px; margin-right: 10px }
.blok-prilohy a { opacity: 0.5; zoom: 1; filter: alpha(opacity=50) }
.blok-prilohy a:hover { opacity: 1; zoom: 1; filter: alpha(opacity=100) }

.blok-vitejte { width: 49% !important }

.content .article { margin-top: 10px }

.article ul { margin: 6px 20px; padding: 0 15px }
.article ul ul { margin: 6px 10px; padding: 0 15px }

.article .cool-table { width: 824px }

.rounded { /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; *behavior: url('/js/border-radius.htc'); border-radius: 5px*/ }

.bottom-menu{width:824px;height:200px;position:relative;margin-left:auto;}
.bottom-menu a:hover{text-decoration:underline}
.bottom-menu ul, .bottom-menu p{color:#000}


.text-titulka { width: 787px; background: url('/images/91.png') left top no-repeat; padding-top: 25px }
.text-titulka .shade { background: url('/images/95.jpg') center center no-repeat }

.reklama-front { width: 216px; margin-bottom: -25px }

.vypis-kolekce { width: 787px; padding-top: 25px }

.reklama-head { padding-left: 30px }

.footer li{list-style:none}
.footer h3{font-size:10pt;padding:3px 0px;margin-bottom:10px;border-top:1px solid #bb1106;border-bottom: 1px solid #bb1106}
.foot-1,.foot-2,.foot-3,.foot-4{float:left;color:#bb1106;padding-top:28px}
.foot-1{width:300px}
.foot-2{margin-left:10px;width:175px}
.foot-3{margin-left:10px;width:143px}
.foot-4{margin-left:10px;width:175px}
.foot-1 ul{float:left}

#fb-button{position:absolute;right:-20px;top:0}

#novorocenky-rozcesti { border-collapse: collapse !important; margin: 0 auto }
#novorocenky-rozcesti td { padding: 5px 3px; text-align: center }


.products {margin:0 -5px}

.products .product{position:relative;border-bottom:5px solid #f5ddb4;float:left;width:268px; margin:5px; padding-bottom: 5px}

.products .discount { display:block; position:absolute; left:1px; top:10px; width:75px; height:38px }
.products .discount-50 {background:transparent url('/images/261.png') left top no-repeat}
.products .discount-30 {background:transparent url('/images/187.png') left top no-repeat}
.products .discount-20 {background:transparent url('/images/189.png') left top no-repeat}
.products .discount-10 {background:transparent url('/images/190.png') left top no-repeat}
.products .product .image{padding:7px;border:2px solid #f5ddb4;text-align:center}
.products .product .image img{max-width:250px;width:250px}
.products .product h3{padding:3px 3px;margin:0;text-align:center}

.products .product .info em{font-size:10pt;font-style:normal;font-weight:normal}

.products .product p{padding:0 3px;margin:0}
.products .product .info{max-height:70px}
.products .product .info a{color: #bb1106}
.products .product .info a:hover{text-decoration: underline }
.products .product .info .detail{float: left; display: block; height: 20px; line-height: 20px; background: transparent url('/images/139.png') left center no-repeat; padding-left: 22px }
.products .product .info .objednat{ float: right; display: block; height: 20px; line-height: 20px; background: transparent url('/images/140.png') right center no-repeat; padding-right: 22px }

.products .product.hover{border-color:#bb1106}
.products .product.hover .image{border-color:#bb1106}
/*.products .product.hover .image img{width:264px;height:264px}*/

.products-front {margin-top: 25px}
.products-front .product h3{padding:6px 3px;}
.products-front .product .image {padding:0 !important}
.products-front .product .image img{width:264px !important;max-width:264px !important}
.products-front .product{padding-bottom:0 !important}

.products-special-list .product {width:198px !important}
.products-special-list .product h3{padding:6px 3px;font-size:10pt; !important}
.products-special-list .product .image {padding:0 !important}
.products-special-list .product .image img{max-width:194px !important}
.products-special-list .product{padding-bottom:0 !important}


.message-error { margin: 10px auto; padding: 10px; border-width: 1px; border-style: solid; width: 75%; background-color: #fbd3b1; border-color: #f5c69a; color: #ce2700 }
.message-warning { margin: 10px auto; padding: 10px; border-width: 1px; border-style: solid; width: 75%; background-color: #fff4cc; border-color: #f8e3ac; color: #e9990e }
.message-success { margin: 10px auto; padding: 10px; border-width: 1px; border-style: solid; width: 75%; background-color: #e0f2cb; border-color: #ccebac; color: #6da827 }
.message-information { margin: 10px auto; padding: 10px; border-width: 1px; border-style: solid; width: 75%; background-color: #e4edf5; border-color: #d8e1e9; color: #2e74b2 }

#odpocet{color:#bb1106;border-bottom:2px solid #f5ddb4;padding:10px 0;text-align:center;margin-bottom:5px}

.description .short img { display: block; margin: 15px auto; margin-bottom: -10px }

/** rege **/
body { border: none }

img { max-width: 100% !important }

.overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba( 128, 128, 128, 0.5 ) }
.side-menu { transition: left 2s; position: fixed; left: -300px; top: 0; bottom: 0; overflow-x: hidden; width: 225px; background: #fff; padding: 5px 15px 0 60px }
.side-menu.visible { left: 0px }

.rege { height: 60px; line-height: 60px; color: #898989; background: #efefef }
.toggle-menu { color: #898989; text-decoration: none; text-transform: lowercase; font-size: 12px; line-height: 18px; display: inline-block; padding: 15px 0 15px 25px; }

.toggle-menu i { font-size: 20px; display: inline-block; margin-left: 15px; vertical-align: middle }

.rege .toggle-menu i { margin: -3px 20px 0 0px; font-size: 24px }
.rege .toggle-menu img { margin-top: -1px } 
.rege-in { float: left }
.rege-project { float: right; font-size: 12pt; padding-right: 50px; text-transform: lowercase }
.rege-slogan:before { content: '... ' } 
.rege-slogan:after { content: ' ... ' }

.rege-site, .rege-slogan { display: none }
.rege-info { color: #f81; font-size: 18px; padding-left: 20px; font-weight: bold; float: left }
.menu-logo { margin: 40px 0; margin-top: 28px }

.menu { list-style: none; margin-top: -20px }
.menu > li { margin-top: 2px }
.menu > li > a { display: block; position: relative; text-decoration: none; line-height: 38px; font-size: 18px }
.menu > li > a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; background: #ef7f1a; transition: width 5s }
.menu .active > a { font-weight: 700; color: #ef7f1a }
.menu .active > a:after { width: 58px }
.menu li:not(.active) > a:hover:after { animation-name: menu-hover; animation-duration: 0.4s; width: 58px }

.menu .sub { list-style: none; margin: 8px 0; margin-left: 15px }
.menu .sub > li { font-size: 14px; line-height: 22px }
.menu .sub a:hover { text-decoration: underline }

.social { font-size: 28px; color: #898989; margin: 54px 0px }
.social a { margin: 0 8px }

.text-right { text-align: right !important }

@media only screen and (min-width: 576px) {

}
@media only screen and (min-width: 768px) {
  body { border: 10px solid #efefef; border-top: none !important }
  .rege-site { display: inline }
}
@media only screen and (min-width: 992px) {
  body { border: 15px solid #efefef; border-top: none !important }
  .rege-slogan { display: inline }
}
@media only screen and (min-width: 1200px) {
  body { border: 30px solid #efefef; border-top: none !important }
}