@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.note-maly { font-size: 10px; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }
.slogan { font-style: italic; color: #C23093; }
.red { color: #CC0000; }
.display-block { display:block; }
.orange { color: #F28E00; }

img { border: none; }
object { border: none; background: none;}
a img { border: none; }
a { color: #333333; text-decoration: underline; }
a:hover { color: #F26231; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

.clickable { cursor: pointer; }

.images-indent img.left { margin-right: 15px; margin-bottom: 8px; }
.images-indent img.right { margin-left: 15px; margin-bottom: 8px; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
form * { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #333333; vertical-align: middle; }
form .input, textarea { padding: 2px 5px; }
form .input, select, textarea { border: 1px solid #CCCCCC; border-top-color: #ABADB3; border-right-color: #DBDFE6; border-bottom-color: #E3E9EF; border-left-color: #E2E3EA;  }
form fieldset { border: none; padding: 0px; margin: 0px; }
form strong { vertical-align: bottom; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { color: #3F3F3F; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 19px; background: url(/img/body-bg.png) repeat-x 0px 42px; }
h1 { font-size: 22px; font-weight: normal; line-height: 24px; padding: 17px 0px 15px 0px; }
h2 { font-size: 15px; color: #F28E00; font-weight: bold; padding: 10px 0px 3px 0px; }
h3 { font-size: 13px; font-weight: bold; }
ul { margin-left: 2em; padding-bottom: 1em; }
ol { margin-left: 3em; }
ol p { padding-left: 0px; }
p { padding-bottom: 1em; }
a { color: #3F3F3F; }
a:hover { color: #F28E00; }
dt { font-weight: bold; }
dd { padding-bottom: 10px; }
p.intro { font-size: 15px; line-height: 23px; }
ul.inline li { float: left; padding-right: 20px; }

form legend { color: #F28E00; font-weight: bold; padding-bottom: 3px;}
form button { cursor: pointer; }

address { padding-bottom: 15px; }
.more { color: #F28E00; }
.more a { background: url(/img/ico-more.gif) no-repeat left 1px; padding-left: 16px; color: #F28E00; text-decoration: none; }
.more a:hover { text-decoration: underline; }

.more.in-content a { background-position: left center; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

html, body { height: 100%; }

#page-wrapper { width: 980px; text-align: left; margin: 0px auto; background: url(/img/page-wrapper-bg.gif) no-repeat right bottom; min-height: 100%; position: relative; }

#body { border-top: 5px solid #F28E00; width: 980px; }

#left-column { width: 180px; float: right; padding: 0px 10px; }
#main-content { width: 540px; float: left; margin-right: 11px; padding: 0px 4px; }
#main-content table tr td { padding-right:4px; }
#main-content.coffee-motiv {background: url(/img/coffee.jpg) 100% 0% no-repeat;}
#right-column { width: 208px; float: left; }
#wide { width: 767px;  margin-right: 0px; padding: 0px 0px; }
#wide-img { width: 767px; height: auto; margin: 0px; padding: 0px; line-height: 0px; font-size: 0px; }
.none { display: none; }
#column-wrapper { width: 767px; padding-left: 13px; float: right; }
#column-wrapper.layout-1-column #right-column { display: none; }
#column-wrapper.layout-1-column #main-content { float: none; background: none; width: 759px; }

.layout-2-columns {}
.layout-2-columns .col1,
.layout-2-columns .col2 { width: 260px; float: left; }
.layout-2-columns .col1 { margin-right: 20px; }

.layout-3-columns {}
.layout-3-columns .col1,
.layout-3-columns .col2,
.layout-3-columns .col3 { width: 170px; float: left; }
.layout-3-columns .col1,
.layout-3-columns .col2 { margin-right: 10px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 122px; }

#logo { width: 89px; height: 63px; margin: 0px; padding: 0px; overflow: hidden; position: absolute; left: 19px; top: 49px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { color: #999999; font-size: 11px; padding: 0 5px 0px 5px; }
#footer a { color: #999999; }

#giant { float: right; }
#giant a { text-decoration: none; cursor: default; }
#giant img { vertical-align: middle; }

/*******************************************************************/
/*                                                     BREADCRUMBS */
/*******************************************************************/
#breadcrumbs { color: #999999; font-size: 11px; padding: 30px 6px 0px 6px; }
#breadcrumbs a { color: #999999; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { height: 30px; position: absolute; top: 12px; left: 7px; margin: 0px; padding: 0px; }
#menu li { padding: 0px 25px 0px 11px; float: left; margin: 0px; list-style: none; background: url(/img/menu-separator.gif) no-repeat left bottom; height: 30px; line-height: 30px; font-size: 13px; color: #000000; }
#menu li a { color: #000000; text-decoration: none; }
#menu li a:hover { color: #F28E00; }
#menu #menu-kontakt { padding-right: 0px; }

#menu #menu-homepage { background: url(/img/ico-home-gray.gif) no-repeat left center; padding-left: 25px; padding-right: 0px; width: 254px; color: #BFBFBF; }
#menu #menu-homepage a { color: #BFBFBF; }

#menu-products { position: absolute; top: 42px; left: 286px; background: url(/img/menu-product-left.gif) no-repeat left top; }
#menu-products h2 { font-size: 11px; color: #A4A4A4; font-weight: normal; padding: 5px 0px 0px 21px; display: none; }
#menu-products ul { margin: 0px; padding: 0px; }
#menu-products li { list-style: none; padding: 0px; margin: 0px; width: 168px; float: left; position: relative; overflow: visible; }
#menu-products a, #menu-products span.active {  text-indent: -10000px; color: #BABABA; text-decoration: none; font-size: 14px; display: block; padding: 29px 0px 0px 0px; width: 168px; height: 51px; overflow: visible; }
#menu-products .overlap,
#menu-products .overlap * { overflow: visible; }
#menu-products span.menu { width: 168px; height: 80px; background-image: url(/img/menu-sprite.png); }
#menu-products a:hover { color: #FFFFFF; }
#menu-products strong { font-size: 18px; font-weight: normal; }

#menu-skrine span.menu { background-position: -6px 0px; }
#menu-kuchyne span.menu { background-position: -183px 0px; }
#menu-zidle span.menu { background-position: -364px 0px; }
#menu-nabytek span.menu { background-position: -545px 0px; }

#menu-skrine a:hover span.menu { background-position: -6px -80px; }
#menu-kuchyne a:hover span.menu { background-position: -183px -80px; }
#menu-zidle a:hover span.menu { background-position: -364px -80px; }
#menu-nabytek a:hover span.menu { background-position: -545px -80px; }

.section-skrine #menu-skrine span.menu,
.section-skrine #menu-skrine a:hover span.menu { background-position: 0px -160px; width: 180px; left: -6px; z-index: 10; }
.section-kuchyne #menu-kuchyne span.menu,
.section-kuchyne #menu-kuchyne a:hover span.menu { background-position: -181px -160px; width: 180px; left: -2px; z-index: 10; }
.section-zidle #menu-zidle span.menu,
.section-zidle #menu-zidle a:hover span.menu { background-position: -362px -160px; width: 180px; left: -2px; z-index: 10; }
.section-nabytek #menu-nabytek span.menu,
.section-nabytek #menu-nabytek a:hover span.menu { background-position: -543px -160px; width: 180px; left: -2px; z-index: 10; }

.overlap span.active { position: relative; }

#sortiment-menu { margin: 0; padding: 0; }
#sortiment-menu li { list-style: none; display: inline-block; width: 160px; margin-right: 18px; float: left; position: relative; margin-bottom: 30px; }
#sortiment-menu li img { border: 5px solid #eaeaea; -webkit-transition: border-color 0.1s ease-in; -o-transition: color 0.1s ease-in; }
#sortiment-menu li:hover img { border: 5px solid #F28E00; }
#sortiment-menu li a { padding: 1px 7px 3px; background: #eaeaea; position: absolute; top: 166px; left: 0px; text-decoration: none; font-weight: bold; -webkit-transition: background-color 0.1s ease-in; -o-transition: color 0.1s ease-in; }
#sortiment-menu li:hover a { background-color: #F28E00; color: #fff; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { background: url(/img/left-menu-bg.png) repeat-x left top; }

#left-column h2 { color: #3F3F3F; font-weight: bold; font-size: 14px; padding-top: 23px; padding-bottom: 5px; padding-left: 3px; }

#left-menu { margin: 0px; padding: 0px; }
#left-menu li { list-style: none; padding: 5px 0px 5px 3px; margin: 0px; border-top: 1px dashed #D1D1D1; }
#left-menu li:first-child { border-top-style: solid; }
#left-menu a,
#left-menu span { display: block; background: url(/img/left-menu-li-bg.gif) no-repeat left 4px; padding-left: 18px; text-decoration: none; }
#left-menu a:hover,
#left-menu span,
#left-menu a.active { background-position: 0px -86px; color: #F28E00; }

/* SUBMENU */
#left-menu ul { margin: 0px; padding: 0px; }
#left-menu li li,
#left-menu li li:first-child { padding: 0px; border: none; font-size: 11px; }
#left-menu li li a,
#left-menu li li span { background: url(/img/submenu-bg.gif) no-repeat 18px 7px; padding-left: 28px; color: #3F3F3F; }
#left-menu li li a:hover,
#left-menu li li span { color: #F28E00; background-position: 18px -87px; }



/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column { background: url(/img/right-column-corners-bottom.gif) no-repeat left bottom; padding: 20px 0px 0px 0px; }
#right-column-content { background: url(/img/right-column-corners-top.gif) no-repeat left top; padding: 4px 4px; }

.block { border-top: 1px solid #E8E8E8; padding: 12px 13px 0px 13px; font-size: 11px; line-height: 14px; }
.block h2 { font-size: 14px; font-weight: bold; color: #333333; padding: 0px 0px 5px 24px; background: url(/img/ico-arrow-right.gif) no-repeat left 0px; line-height: 18px; }

/* INFOLINKA */
#block-infolinka { border-top: none; }
#block-infolinka h2 { background-image: url(/img/ico-mobile.gif); }
#block-infolinka strong { font-size: 26px; font-weight: bold; color: #F28E00; display: block; text-align: left; height: 37px; line-height: 37px; }

/* NOVINKY */
#block-news h2 { background-image: url(/img/ico-calendar.gif); }
#block-news h3 { font-size: 13px; color: #333333; display: inline; font-weight: bold; line-height: 18px; padding-right: 5px; }
#block-news .date { color: #F28E00; display: inline; }

/* AKCE */
#block-akce { padding-bottom: 10px; }
#block-akce h2 { background-image: url(/img/ico-hand.gif); }
#block-akce p { padding-bottom: 0px; }

/* INTERIEROVY DESIGNER */
#block-interierovy-designer { padding-right: 0px; }
#block-interierovy-designer p { padding-right: 13px; }
#block-interierovy-designer a { position: relative; display: block; }
#block-interierovy-designer .ad { display: block; width: 7px; height: 35px; background: url(/img/ad.png) no-repeat left top; position: absolute; top: 0px; right: 5px; }

/* FLASH KOULOVACKA */
#flash-koulovacka-podstranky { margin-bottom: 15px; width: 180px; height: 170px;  }
/* #flash-koulovacka-podstranky a { display: block; width: 180px; height: 220px; background: url(/img/flash-bg-koulovacka-s.jpg) no-repeat left top; text-indent: -10000px; overflow: hidden; } */


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content { background: url(/img/main-content-corners-bottom.gif) no-repeat left bottom; padding-bottom: 20px;}
#main-content p { padding-right: 20px; }
#main-content p.refer { padding: 10px 0px 0px 0px; margin: 20px 0px 11px 0px; border-top: 1px solid #f2f2f2; }
#special-column p { margin: 0px 0px 11px 0px; line-height: 22px; }
#special-column a { cursor: pointer; }
#special-column h3 { line-height: 22px; }

#main-content .object-left { width: 192px; height: auto; float: left; margin: 3px 24px 30px 0px; background: #f2f2f2; }
#main-content .object-right { width: 192px; height: auto; float: right; margin: 3px 0px 30px 24px; background: #f2f2f2; }
#main-content .object-right h4, #main-content .object-left h4 { color: #f28e00; margin: 0px 12px 4px 12px; }
#main-content .object-right img, #main-content .object-left img { margin: 0px 0px 10px 0px; }
#main-content .object-right p, #main-content .object-left p { margin: 0px 12px 4px 12px; font-size: 12px; font-style: italic; line-height: 19px; }
#main-content .object-right ul, #main-content .object-left ul { margin: 0px 12px 4px 12px; }
#main-content .object-right ul li, #main-content .object-left ul li { display: inline-block; vertical-align: top; width: 150px; padding: 0px 0px 0px 18px; background: url(/img/li-square-shadow.png) no-repeat left 7px; line-height: 20px; font-size: 12px;  }

#main-content .object-image,
#main-content .object-image2,
#main-content .object-image3 { position: relative; z-index: 1; width: 540px; height: auto; margin: 0px 0px 30px 0px; }
#main-content .object-image p { position: absolute; top: 379px; right: 0px; z-index: 1; width: 360px; height: auto; padding: 17px 20px 17px 20px; margin: 0px; font-style: italic; background: #f2f2f2; font-size: 12px; line-height: 19px; } 
#main-content .object-image2 p { position: absolute; top: 385px; right: 0px; z-index: 1; width: 500px; height: auto; padding: 17px 20px 17px 20px; margin: 0px; font-style: italic; background: #f2f2f2; font-size: 12px; line-height: 19px; } 
#main-content .object-image3 p { position: absolute; top: 336px; right: 0px; z-index: 1; width: 360px; height: auto; padding: 17px 20px 17px 20px; margin: 0px; font-style: italic; background: #f2f2f2; font-size: 12px; line-height: 19px; } 
#main-content .object-image4 { width: 540px; height: auto; margin: 0px; font-size: 0px; } 
#main-content .object-image4 img { margin-bottom: 18px; } 

/* FLASH KOULOVACKA */
#flash-koulovacka-sekce { padding-top: 10px; width: 540px; height: 149px;  }
/*#flash-koulovacka-sekce a { display: block; width: 540px; height: 180px; background: url(/img/flash-bg-koulovacka-m.jpg) no-repeat left top; text-indent: -10000px; overflow: hidden; }*/

.remooz {}
.zvyr {}

blockquote { position: relative; font-style: italic; padding: 0px 44px 0px 31px; }

.bdquo { display: block; width: 29px; height: 23px; position: absolute; left: -8px; bottom: -10px; background-image: url(/img/bdquo.png); }
.rdquo { display: block; width: 29px; height: 23px; position: absolute; right: 8px; top: -5px; background-image: url(/img/rdquo.png); }

#main-content h2#sample-rooms { margin-bottom: 10px; }

#main-content .imgs { padding-right: 0px; padding-bottom: 5px; padding-top: 5px; }
#main-content .imgs img { margin: 0 10px 10px 0; }

.button {}
.button { background: #FC8514 url(/img/button-bg.gif) repeat-x left center; color: #FFFFFF; text-decoration: none; line-height: 40px; padding: 12px 0px; }
.button span { padding: 12px 0px 12px 26px; background: url(/img/button-bg.gif) no-repeat left top; }
.button span span { padding: 12px 17px 12px 0px; background: url(/img/button-bg.gif) no-repeat right bottom; }
.button:hover { color: #FFFFFF; text-decoration: underline; }

.button-strong { position: relative; }
.button-strong { font-size: 15px; font-weight: bold; background: #FC8514 url(/img/button-strong-bg.gif) repeat-x left center; color: #FFFFFF; text-decoration: none; line-height: 40px; padding: 11px 0px 28px 0px; }
.button-strong b { position: absolute; top: 20px; left: 26px; font-size: 12px; font-weight: normal; clear: both; }
.button-strong span { padding: 12px 0px 28px 26px; background: url(/img/button-strong-bg.gif) no-repeat left top; }
.button-strong span span { padding: 12px 27px 28px 0px; background: url(/img/button-strong-bg.gif) no-repeat right bottom; }
.button-strong:hover { color: #FFFFFF; text-decoration: underline; }
.button-strong:hover { color: #FFFFFF; text-decoration: underline; }

.button-wide { }
.button-wide { background: #FC8514 url(/img/button-bg.gif) repeat-x left center; color: #FFFFFF; text-decoration: none; line-height: 40px; padding: 0px; display: block; font-weight: bold; }
.button-wide span { padding: 0px 0px 0px 26px; background: url(/img/button-bg.gif) no-repeat left top; display: block; height: 40px; }
.button-wide span span { padding: 0px 17px 0px 0px; background: url(/img/button-bg.gif) no-repeat right bottom; }
.button-wide:hover { color: #FFFFFF; text-decoration: underline; }

.gallery-button { padding-left: 11px; }

/* GALLERY */
.gallery { padding: 1em 0px; margin-right: -20px; }
.gallery a { display: block; width: 100px; height: 100px; float: left; margin: 0px 11px 20px 11px; border: 5px solid #EAEAEA; }

.gallery-categories { padding: 0px; margin: 0px -40px 0px 0px; width: 560px; }
.gallery-categories li { border: 1px solid #E8E8E8; width: 105px; height: 90px; margin: 0px 20px 15px 0px; padding: 20px 30px 10px 123px; list-style: none; float: left; background-position: 10px 10px; background-repeat: no-repeat; }
.gallery-categories.nofloat li { width: auto; height: auto; float: none; min-height: 100px; padding-top: 10px; }
.gallery-categories a { font-size: 14px; font-weight: normal; line-height: 20px; }

.gallery-caption { padding: 1em 0px; margin-right: -20px; height: 100%; }
.gallery-caption .item { text-align: center; width: 135px; height: 120px; float: left; font-size: 12px; }
.gallery-caption.small-items .item { width: 90px; }
/*.with-border img { border: 1px solid #3F3F3F; }*/

.img-table { width: 100%; font-size: 12px; margin: 1em 0px 7px 0px; }
.img-table td { text-align: center; padding-bottom: 7px; }
.img-table td.left { text-align: left; padding-left: 10px; }
.img-table.top td { vertical-align: top; }

#priklady-vestavby { text-align: center; padding-top: 1em; }
#priklady-vestavby img {/* border: 1px solid #3F3F3F;*/ margin: 10px; }


/* PARTNERI */
#page-partneri table td { padding-bottom: 30px; }

/* POBOCKA */
#branch-list { list-style: none; width: 520px; overflow: auto; margin: 5px 0 20px; padding: 0; font-size: 11px; }
#branch-list li { float: left; width: 160px; background: url(/img/li-arrow.png) 1px 8px no-repeat; padding: 2px 0 2px 13px; }

.pobocka { padding: 10px; overflow: auto; }
.pobocka h3 { font-size: 15px; color: #f28e00; margin: 0 0 8px; }
.pobocka h3.small { font-size: 13px; color: #494949; margin-bottom: 5px; }
.pobocka .foto-prodejna { float: right; margin: 5px 0 5px 10px; }
.pobocka .desc { font-size: 11px; padding-bottom: 0px; }
.pobocka .desc.more { margin-top: 5px; }
.pobocka .desc.more a { text-decoration: underline; }
.pobocka .desc.more a:hover { text-decoration: none; }
.pobocka .note { font-size: 11px; }
.pobocka address,
.pobocka p { padding-bottom: 5px; }
.pobocka .col { display: block; width: 50px; float: left; }
.pobocka h4 { color: #494949; font-size: 12px; margin: 10px 0 5px; }
.pobocka .phone { display: inline-block; background-color: #f6ead9; margin: 4px 0 4px -3px; padding: 0 5px 0 26px; font-size: 14px; line-height: 20px; position: relative; }
.pobocka .phone .ico { width: 16px; height: 16px; display: inline-block; position: absolute; top: 2px; left: 3px; }
.pobocka .phone .ico span { background-image: url(/img/ico-phone.png); }

.pobocka.even { background-color: #F7F7F7; }

/* prodejci */
.pobocka .prodejci { list-style: none; margin: 0; }
.pobocka .prodejci li { float: left; width: 260px; padding: 5px 0 5px 0; font-size: 12px; }
.pobocka .prodejci .foto { float: left; margin: 0 10px 5px 0; border: 1px solid #ddd; }

/* google map */
#google-map { margin: 10px 0; }
#google-map iframe { width: 540px; height: 400px; margin: 0; border: none; }

/* zastupci */
.zastupci { height: 180px; }
.zastupci p { margin-left: 230px; }
.zastupci .more { }
.zastupci .more a { display: block; color: #F28E00; padding-left: 24px; background-image: url(/img/ico-arrow-right.gif); background-position: 0 3px; text-decoration: underline; }
.zastupci a:hover { text-decoration: none; }


/* MAPA */
#main-content #mapa-cr-wrapper { margin: 0px auto 0px auto; width: 422px; height: 259px; background: url(/img/mapa-cr-sprite.png) no-repeat left top; position: relative; z-index: 0; }
#main-content #mapa-cr-wrapper .bubble { padding: 0px 0px 5px 0px; display: block; width: 200px; position: absolute; top: 40px; left: 0px; line-height: 27px; z-index: 0; }
#main-content #mapa-cr-wrapper .bubble span { background-color: #818181; color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 4px 10px; line-height: 18px; white-space: nowrap; display: table-cell; display: inline-block; }
#main-content #mapa-cr-wrapper img { position: relative; z-index: 10; }

/* NOVINKY */
.news-item {}
.news-item .date { font-size: 11px; color: #999999; padding-left: 5px; white-space: nowrap; font-weight: normal; }

/* INTERIEROVI DESIGNERI */
.box-designer { border: 1px solid #e8e8e8; padding: 10px 10px 2px; margin-bottom: 12px; overflow: auto; }
.box-designer img { float: left; }
.box-designer h2 { font-size: 14px; font-weight: normal; margin-left: 115px; padding-top: 0; padding-bottom: 7px; }
.box-designer p { font-size: 12px; line-height: 1.5; margin-left: 115px; padding-bottom: 8px; }
.box-designer strong { color: #515151; }
.box-designer .more { font-size: 11px; }

/**************/
/* BLOCK LIST */
/**************/
.block-list { padding: 0px; margin: 0px -40px 0px 0px; width: 560px; }
.block-list .item { /*border: 1px solid #E8E8E8;*/ margin: 0px 20px 15px 0px; min-height: 100px; padding: 10px 30px 10px 10px; list-style: none; background-position: 10px 10px; background-repeat: no-repeat; }
.block-list h2 { font-size: 14px; font-weight: normal; line-height: 20px; padding: 0px; }
.block-list img { margin: 0px 10px 0px 0px; }

/*********/
/* FORMS */
/*********/
.columns-3 label { display: block; width: 160px; margin-right: 20px; float: left; }
.columns-2 label { display: block; width: 250px; margin-right: 20px; float: left; }

/* FORM ORDER */
#form-order { margin-right: -20px; }
#form-order fieldset { padding-bottom: 20px; border-top: 1px solid #E2E3EA; }
#form-order legend { padding-right: 10px; padding-left: 5px; }
#form-order-dimensions .input { width: 40px; }
#form-order-vyplne .input { width: 40px; }
#form-order-vyplne label { padding-bottom: 3px; }
#form-order-vyplne label span { display: block; width: 100px; text-align: right; float: left; padding-right: 5px; padding-top: 1px; }
#form-order textarea { width: 500px; height: 100px; overflow: hidden; }
#form-order-contact span { width: 70px; display: block; float: left; }
#form-order-contact label { padding-bottom: 3px; }
#form-order-contact p { font-size: 11px; padding-top: 5px; padding-bottom: 0px; }

/* FORM CONTACT */
#form-contact { margin-right: -20px; }
#form-contact fieldset { padding-bottom: 15px; }
#form-contact .file-input { padding: 2px 5px; }
#form-contact .file-input-wrapper { display: block; padding-top: 5px; width: auto; float: none; }
#form-contact .add-button { display: inline-block; background: url(/img/button-add.png) no-repeat left top; height: 23px; line-height: 22px; font-size: 11px; color: #FFFFFF; text-decoration: none; padding: 0px 0px 0px 17px; }
#form-contact .add-button span { background: url(/img/button-add.png) no-repeat right top; padding: 0px 7px 0px 0px; color: #FFF; width: auto; display: inline-block; float: none; margin: 0px; height: 23px; }
#form-contact .add-button:hover,
#form-contact .add-button:hover span { text-decoration: underline; }
#form-contact span { width: 70px; float: left; padding-top: 1px; }
#form-contact textarea { width: 480px; height: 100px; overflow: hidden; }
#form-contact-contact p { padding-bottom: 0px; font-size: 11px; }
#form-contact-contact label { padding-bottom: 3px; }

/* FORM DESIGNER */
#form-designer { margin-right: -20px; padding-top: 5px; }
#form-designer fieldset { padding-bottom: 15px; }
#form-designer .file-input { padding: 2px 5px; }
#form-designer span { width: 70px; float: left; padding-top: 1px; }
#form-designer select { padding-top: 0; }
#form-designer textarea { width: 480px; height: 100px; overflow: hidden; }
#form-designer-contact p { padding-bottom: 0px; font-size: 11px; }
#form-designer-contact label { padding-bottom: 3px; }
#form-designer-contact legend { display: none; }
#form-designer .no-float { float: none; padding-bottom: 5px; }

/*************/
/* LINK LIST */
/*************/
.column-list {}
.column-list { margin: 8px 0px 10px 0px; padding: 0px; }
.column-list li { display: inline-block; vertical-align: top; width: 230px; padding: 0px 30px 12px 14px; background: url(/img/li-square.png) no-repeat left 6px; line-height: 20px; }
.column-list li.even { padding-right: 0px; }
.column-list li strong { display: block; }
.column-list li.more { background-image: url(/img/li-arrow.png); }
.column-list li.more a { background: none; padding: 0px; text-decoration: underline; }


/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#flash { width: 980px; height: 270px; }
/*#flash-replacement { border: 1px solid #F28E00; background: url(/img/flash-bg.jpg) no-repeat left top; width: 978px; height: 268px; }*/
#flash-replacement { width: 980px; height: 270px; }

#flash-replacement a { display: block; width: 980px; height: 270px; overflow: hidden; text-indent: -10000px; background: url(/img/flash-bg-koulovacka.jpg) no-repeat left top; }

#page-content { background: url(/img/page-content-bg.png) repeat-x left top; padding: 10px 0px 0px 10px; }

#page-homepage .block { float: left; margin: 0px 10px 0px 0px; padding: 2px; width: 276px; border: none; }
#page-homepage .block h2 { height: 28px; padding: 0px 0px 0px 27px; background-color: #F0F0F1; background-position: 4px 6px; line-height: 28px; margin-bottom: 4px; }
#page-homepage .block h3 { padding-left: 8px; line-height: 16px; }
#page-homepage .block p { padding: 0px 8px 1em 8px; line-height: 16px; }
#page-homepage .block img { padding-left: 8px; }

#page-homepage #block-news { width: 376px; }
#page-homepage #block-news .more { padding-top: 1em; }

#page-homepage #block-infolinka strong { font-size: 32px; font-weight: normal; }

#page-homepage #block-ona-dnes h2 { background-image: url(/img/ico-percentage.png); }
#page-homepage #block-ona-dnes p { padding: 0px 0px 8px 0px; text-align: center; }
#page-homepage #block-ona-dnes p img { padding: 0px; }

#block-splatky { background: none; }
#block-splatky h2 { background-image: url(/img/ico-kc.gif); }


/* SROTOVNE */
.srotovne-kurziva { font-style: italic; font-size: 11px; }
#srotovne h2 { background: url(/img/palec.gif) no-repeat left 0px; }
#block-srotovne h2 { font-size: 13px }
#srot-logo { display: block; width: 90px; height: 1px; background: url(/img/akce-srotovne-hp.jpg) left top no-repeat; float: left; padding-top: 72px; margin: 5px; overflow: hidden; }
#srot-logo.hover-srot { background: url(/img/akce-srotovne-hp.jpg) scroll 0 -71px no-repeat; }

#block-srotovne #srot-logo { display: block; width: 172px; height: 1px; background: url(/img/akce-srotovne.jpg) left top no-repeat; float: left; padding-top: 137px; overflow: hidden; }
#block-srotovne #srot-logo.hover-srot { background: url(/img/akce-srotovne.jpg) scroll 0 -136px no-repeat; }

/* zastupce */
.upoutavka-zastupce { color: #F28E00; border: 1px solid #F28E00; padding-left: 10px; padding-top: 10px; margin-top: 25px; }

.toggled { float: left; }

/* slevova koulovacka */
#koulovacka { background: #F7A226 url(/velka-slevova-koulovacka/img/koulovacka-bgr.jpg) top left no-repeat; padding-top: 250px; margin-top: 5px; padding-left: 10px; padding-right: 10px; }
#koulovacka h2 { color: #333333; }
#koulovacka a.more-button { display: block; width: 180px; height: 39px; background: #FA7B21 url(/velka-slevova-koulovacka/img/button.gif) top left no-repeat; color: #FFFFFF; padding-left: 25px; line-height: 39px; text-decoration: none; }
.col-wrapper { padding-left: 25px; }
.col-wrapper a:hover { text-decoration: none; color: #333333; }
.col-wrapper .col { float: left; width: 47%; }
.col-wrapper hr { margin-bottom: 5px; border: 0; border-bottom: 1px solid #333333; display: block; color: #F7A226; }
.koulovacka-kontakt .more { color: #333333; }
.koulovacka-kontakt .more a { color: #333333; padding-left: 0; text-decoration: underline; background: none; }
.koulovacka-kontakt .more a:hover { text-decoration: none; }

/* AKCE JARO */
#akce-jaro-container { background: url(/img/akce-jaro-bgr.png) 0 0 no-repeat; padding: 0 10px; padding-top: 265px; }
#akce-jaro-container h1 { font-size: 14px; font-weight: bold; padding-bottom: 2px; }
#akce-jaro-container h2 { font-size: 13px; color: #000000; }
#akce-jaro-container p { padding-bottom: 2em;  }

#akce-jaro-container .green-box { background: #68BD45; color: #FFFFFF; padding: 0px 10px; width: 415px; position: relative; }
#akce-jaro-container .gb-320 { width: 300px; }
#akce-jaro-container .green-box h2 { font-size: 19px; font-weight: bold; color: #FFFFFF; }
#akce-jaro-container .green-box h2 strong { color: #58585A; }
#akce-jaro-container .green-box p { padding-bottom: 1em; }
#akce-jaro-container .gb-320 h2 { font-weight: normal; line-height: 25px; }
table.slevy { margin: 10px; font-weight: bold; font-size: 14px; }
table.slevy td { padding-right: 15px; }
a.poptavka-button { display: block; background: #FE8E09; width: 245px; height: 30px; color: #FFFFFF; text-decoration: none; font-size: 15px; font-weight: bold; line-height: 30px; padding-left: 10px; float: right; margin-bottom: 30px; }

#pribornik { background: url(/jarni-akce/img/pribornik.jpg) 0 0 no-repeat; padding-left: 205px; padding-top: 15px; margin-bottom: 15px; }
#pribornik p.info-text { padding-top: 6px; padding-left: 20px; padding-right: 0; }

#servo { background: url(/jarni-akce/img/servo.jpg) top right no-repeat; padding-top: 40px; margin-bottom: 25px; }
#servo p.info-text { padding-right: 240px; padding-left: 10px; padding-top: 6px; }

.motyl { position: absolute; }
#motyl1 { width: 32px; height: 33px; background: url(/jarni-akce/img/motyl1.png) 0 0 no-repeat; top: -10px; right: -15px; }
#motyl2 { width: 65px; height: 66px; background: url(/jarni-akce/img/motyl2.png) 0 0 no-repeat; bottom: -25px; right: -45px; }
#motyl3-1 { width: 60px; height: 64px; background: url(/jarni-akce/img/motyl3.png) 0 0 no-repeat; bottom: -100px; left: -45px; }
#motyl3-2 { width: 60px; height: 64px; background: url(/jarni-akce/img/motyl3.png) 0 0 no-repeat; bottom: -75px; right: -200px; }

/* clanky */
.news-item img { margin-bottom: 30px; margin-top: 10px; }
.news-item a { text-decoration: none; }
.news-item a:hover { text-decoration: none; }
.news-item .more a { background: url(/img/ico-more.gif) no-repeat scroll left 2px transparent; text-decoration:underline; }
.color-list { margin:5px 0px 0px; }
.color-list li { list-style-type:none; }

/* katalog form */
#form-katalog {}
#form-katalog label { display: block; text-align: right; clear: both; width: 315px; margin-bottom: 5px; }
#form-katalog label span { width: 150px; }
#checks label { width: auto; padding-left: 50px; text-align: left; }
#checks { margin: 30px 0; }
#checks label input { margin-right: 10px; }

/* hp */
#block-katalog h2 { background-image: url(/img/ico-book.gif); }
#block-katalog { background: url(/img/katalog-block-bgr.jpg) 2px bottom no-repeat; }
#block-katalog a { text-decoration: none; }
#block-katalog a:hover { text-decoration: underline; }

#block-designeri h2 { background-image: url(/img/ico-book.gif); }
#block-designeri { background: url(/img/designeri-block-bgr.jpg) 2px bottom no-repeat; }
#block-designeri a { text-decoration: none; }
#block-designeri a:hover { text-decoration: underline; }

/* kalkulace */
.kalkulace-item { padding: 10px; background: #F7F7F7; margin-bottom: 10px; }
/* .kalkulace-item { padding: 10px; background: #F7F7F7; border: 1px solid #999999; margin-bottom: 10px; } */
.kalkulace-item img { border: 1px solid #999999; }
.kalkulace-item h2 { color: #000000; margin-bottom: 10px; }

/* map */

div.map { font-weight: bold; background: url(/img/mapa-cr-small.png) no-repeat left top; height: 136px; position: relative; margin-left: 82px; padding: 0px 0px 11px 0px; }
div.map a.button { position: absolute; top: 43px; left: 137px; padding-top: 0px; padding-bottom: 0px; }

ul.phone-numbers { padding: 15px 0px; margin: 0px; }
ul.phone-numbers li { list-style: none; padding: 0px; margin: 0px; }
ul.phone-numbers span { display: inline-block; background-color: #FEF3E5; border-radius: 5px; padding: 1px 5px; margin: 0px 0px 5px 0px; }

.page-contact { padding-bottom: 50px; }
.page-contact h3 { font-size: 15px; font-weight: bold; line-height: 140%; margin-bottom: 3px; }

.page-contact .col1,
.page-contact .col2 { margin-top: 32px; }
.page-contact .col1 { width: 245px; }
.page-contact .col2 { width: 270px; }
.page-contact .with-separator { border-left: 1px solid #E5E5E5; width: 230px; padding-left: 28px; }

.page-contact a { color: #F28E00; }
.page-contact a.button,
.page-contact a.button-wide { color: #FFFFFF; }
.page-contact a.button-strong { color: #FFFFFF; }


.sale-list { font-size: 14px; padding-left: 0px; margin: 5px 0; }
.sale-list li { background: url(/img/li-arrow.png) no-repeat left 6px; list-style: none; padding: 0px 0px 3px 15px; }

/* akce leto */
#pravidla-souteze ol { margin-left: 25px; }
#pravidla-souteze ol li { margin-bottom: 10px; }
#pravidla-souteze ol li ul { margin: 5px 0 0 15px; padding: 0; }
#pravidla-souteze ol li ul li { margin-bottom: 0px; }

#akce-leto #akce-layout { height: 983px; width: 554px; margin: 17px 0 0 0; position: relative; }
/*#akce-leto #sleva-20, #akce-leto #sleva-30 { display: inline-block; position: absolute; width: 180px; height: 180px; background-repeat: no-repeat; }
#akce-leto #sleva-20 { background-image: url(/akce-leto/img/20procent.png); left: 365px; top: 115px; }
#akce-leto #sleva-30 { background-image: url(/akce-leto/img/30procent.png); left: -13px; top: 86px; }*/
#akce-leto #sleva-20 { float: left; height: 340px; }
#akce-leto #sleva-30 { float: left; height: 340px; }
#akce-leto #cont { margin-left: -4px; height: 458px; }
#akce-leto #pravidla { margin-left: -4px; height: 37px; }
#akce-leto #btm { margin-left: -4px; }


.profile img { float: left; }
.profile-text { margin-left: 115px; min-height: 100px; }
.profile-text p { padding: 0px; }

.profiles h3 { padding: 10px 0px 5px 0px; }