body {
  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #fff;
  background: #002239 url(../images/bg.png) repeat center bottom;
}

a {
  color: #56718d;
  text-decoration: none;
}
a:hover {
  color: #364859;
}

sup {
  vertical-align: super;
  font-size: 50%;
}

.text-left, .main .page-thumbs .text-left { text-align: left; }
.main .page-thumbs img.no-padding { padding: 0; }


#pwrap1 {
  background: url(../images/bg_page.png) repeat-y center bottom;
}
#pwrap2 {
  background: url(../images/bg_page_bottom.png) no-repeat center bottom;
}
#pwrap3 {
  padding: 25px 0 0 0;
}
#page {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 118px 40px 40px 40px;
  color: #000;
  background: #fff;
}

.wrapper {
  overflow: hidden;
  width: 960px;
}

#page .logo a {
  position: absolute;
  top: 32px;
  left: 50px;
  overflow: hidden;
  width: 441px;
  height: 54px;
  text-indent: -999px;
  background: url(../images/keramika_soukup_sr.png) no-repeat;
}

#search form {
  position: absolute;
  top: 47px;
  right: 40px;
  font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
  font-size: 13px;
  white-space: nowrap;
}
#search input {
  font-size: 13px;
}
#search input[type="text"] {
  width: 142px;
  height: 22px;
  padding: 0px 10px;
  line-height: 22px;
  color: #888;
  background: #eee;
  border: 1px solid #4d4d4d;
  margin-right: 10px;
  float: left;
}
#search input[type="submit"] {
  height: 24px;
  padding: 0 17px;
  line-height: 24px;
  text-transform: uppercase;
  color: #fff;
  background: #000 url(../images/bg_menu.png) repeat-x left center;
  border: none;
  cursor: pointer;
  float: left;
}
#search input[type="submit"]:hover {
  background-image: url(../images/bg_menu_hover.png);
}

#mainmenu .menu {
  height: 34px;
  font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
  font-size: 13px;
  line-height: 1;
  background: #000 url(../images/bg_menu.png) repeat-x;
}
#mainmenu .menu ul {
  display: none;
}
#mainmenu .menu li {
  float: left;
}
#mainmenu .menu a {
  float: left;
  height: 34px;
  padding: 0 17px;
  line-height: 34px;
  color: #fff;
  text-transform: uppercase;
}
#mainmenu .menu a:hover {
  text-decoration: none;
  background: url(../images/bg_menu_hover.png) repeat-x;
}
#mainmenu .menu li.currentpage a,
#mainmenu .menu li.currentparent a {
  background: url(../images/bg_menu_active.png) repeat-x;
}
#mainmenu .menu li.parent a span {
  padding: 0 10px 0 0;
  background: url(../images/arrow_submenu.png) no-repeat right center;
}
#mainmenu .menu li.parent li a span {
  background: none;
}
#mainmenu .menu li.parent li a.sf-with-ul {
  background: url(../images/arrow_submenu_right.png) no-repeat right center !important;
}

#mainmenu .menu li li a.sf-with-ul:hover {
  background: #272727 url(../images/arrow_submenu_right.png) no-repeat right center !important;
}


/* SUPERFISH MENU */
#mainmenu .menu ul {
  position: absolute;
  top: -999em;
  width: 15em; /* left offset of submenus need to match (see below) */
}
#mainmenu .menu ul li {
  width: 100%;
}
#mainmenu .menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}
#mainmenu .menu li,
#mainmenu .menu a {
  position: relative;
}
#mainmenu .menu li:hover ul,
#mainmenu .menu li.sfHover ul {
  left: 0;
  top: 34px; /* match top ul list item height */
  z-index: 99;
}
#mainmenu .menu li:hover li ul,
#mainmenu .menu li.sfHover li ul {
  top: -999em;
}
#mainmenu .menu li li:hover ul,
#mainmenu .menu li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}
#mainmenu .menu li li:hover li ul,
#mainmenu .menu li li.sfHover li ul {
  top: -999em;
}
#mainmenu .menu li li li:hover ul,
#mainmenu .menu li li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}

.sf-sub-indicator {
  display: none;
}
#mainmenu .menu li li {
  background: #000;
}
#mainmenu .menu li li a {
  float: none;
  display: block;
  background: none !important;
}
#mainmenu .menu li li a:hover {
  background: #272727 !important;
}


#slider-on-top {
  position: relative;
  padding-top: 330px;
}

#slider {
  margin: 21px 0 35px 0;
  position: absolute;
  top: 0;
  left: 0;
}

h1, h2.homepage-heading {
  height: 46px;
  margin: 50px 0 20px 0;
  padding: 0 0 0 10px;
  font-size: 33px;
  font-weight: normal;
  line-height: 46px;
  color: #002d62;
  background: url(../images/bg_h1.png) no-repeat;
}
h1 em, h2.homepage-heading em {
  display: block;
  padding: 0 0 0 14px;
  font-style: normal;
  background: url(../images/bg_h1_dots.png) repeat-x left bottom;
}
h1.area1 {
  color: #a52923;
  background: url(../images/bg_h1_red.png) no-repeat;
}
h1.area1 a {
  color: #a52923;
}
h1.area1 em {
  background: url(../images/bg_h1_dots_red.png) repeat-x left bottom;
}
h1.area2 {
  color: #fdb417;
  background: url(../images/bg_h1_yellow.png) no-repeat;
}
h1.area2 a {
  color: #fdb417;
}
h1.area2 em {
  background: url(../images/bg_h1_dots_yellow.png) repeat-x left bottom;
}
h1.area3 {
  color: #9b843e;
  background: url(../images/bg_h1_brown.png) no-repeat;
}
h1.area3 a {
  color: #9b843e;
}
h1.area3 em {
  background: url(../images/bg_h1_dots_brown.png) repeat-x left bottom;
}
h1.area4 {
  color: #70c2ec;
  background: url(../images/bg_h1_lightblue.png) no-repeat;
}
h1.area4 a {
  color: #70c2ec;
}
h1.area4 em {
  background: url(../images/bg_h1_dots_lightblue.png) repeat-x left bottom;
}
h1.area5 {
  color: #273d93;
  background: url(../images/bg_h1_darkblue.png) no-repeat;
}
h1.area5 a {
  color: #273d93;
}
h1.area5 em {
  background: url(../images/bg_h1_dots_darkblue.png) repeat-x left bottom;
}
h1.area6 {
  color: #1e7d32;
  background: url(../images/bg_h1_green.png) no-repeat;
}
h1.area6 a {
  color: #1e7d32;
}
h1.area6 em {
  background: url(../images/bg_h1_dots_green.png) repeat-x left bottom;
}

#areas {
  overflow: hidden;
  width: 960px;
}
#areas li {
  float: left;
  width: 300px;
}
#areas li.area1 {
  margin: 0 0 30px 0;
}
#areas li.area2 {
  margin: 0 30px 30px 30px;
}
#areas li.area3 {
  margin: 0 0 30px 0;
}
#areas li.area5,
#areas li.middle {
  margin: 0 30px;
}
#areas li a:hover {
  text-decoration: none;
}
#areas li img {
  display: block;
}
#areas li strong {
  display: block;
  height: 45px;
  font-size: 24px;
  line-height: 45px;
  font-weight: normal;
  text-align: center;
  color: #fff;
  background: #a52923 url(../images/bg_title_red.png) repeat-x;
  text-shadow: #444 1px 1px 2px;
}
#areas li.area1 a:hover strong {
  background-image: url(../images/bg_title_red_hover.png);
}
#areas li.area2 strong {
  background: #fdb417 url(../images/bg_title_yellow.png) repeat-x;
}
#areas li.area2 a:hover strong {
  background-image: url(../images/bg_title_yellow_hover.png);
}
#areas li.area3 strong {
  background: #9b843e url(../images/bg_title_brown.png) repeat-x;
}
#areas li.area3 a:hover strong {
  background-image: url(../images/bg_title_brown_hover.png);
}
#areas li.area4 strong {
  background: #70c2ec url(../images/bg_title_lightblue.png) repeat-x;
}
#areas li.area4 a:hover strong {
  background-image: url(../images/bg_title_lightblue_hover.png);
}
#areas li.area5 strong {
  background: #273d93 url(../images/bg_title_darkblue.png) repeat-x;
}
#areas li.area5 a:hover strong {
  background-image: url(../images/bg_title_darkblue_hover.png);
}
#areas li.area6 strong {
  background: #1e7d32 url(../images/bg_title_green.png) repeat-x;
}
#areas li.area6 a:hover strong {
  background-image: url(../images/bg_title_green_hover.png);
}

.content {
  margin-top: 30px;
}

.main {
  float: right;
  width: 683px;
}

.main h2 {
  margin: 0 0 16px 0;
  padding: 0 3px 8px 3px;
  font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  background: url(../images/bg_underline.png) repeat-x left bottom;
}
.main h2 em {
  padding: 0 0.45em;
  font-size: 75%;
  font-style: normal;
  text-transform: uppercase;
  color: #f00;
}

.content .main ul, .content .main p, .content .main h3, .content .main table {
  margin: 0 0 1em 0;
}

.content .main li {
  list-style-type: square;
  margin-left: 20px;
}

.main .thumbs li, .main .thumbs-3col li {
  float: left;
  width: 160px;
  margin: 0 0 12px 14px;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.main .thumbs li.first, .main .thumbs-3col li.first {
  margin-left: 0;
  clear: both;
}
.main .thumbs img, .main .thumbs-3col img {
  display: block;
  padding: 4px 6px 6px 4px;
  background: url(../images/bg_thumb.png) no-repeat;
}

.main .thumbs-3col li {
  width: 218px;
}
.main .thumbs-3col img {
  background: url(../images/bg_thumb_3col.png) no-repeat;
}
.main .thumbs-3col li p {
  margin: 0.5em 0;
}


.main .thumbs a.novinka {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background: url(../images/bg_thumb_novinka.png) no-repeat left top;
  width: 77px;
  height: 77px;
  position: absolute;
  left: 0;
  top: 0;
}
.main .thumbs a.jesenna-kolekcia {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background: url(../images/bg_thumb_jesenna_kolekcia.png) no-repeat left top;
  width: 77px;
  height: 77px;
  position: absolute;
  left: 0;
  top: 0;
}


.main .page-thumbs li {
  float: left;
  width: 329px;
  margin: 0 0 20px 25px;
  text-align: center;
  list-style-type: none;
}
.main .page-thumbs li.first {
  margin-left: 0;
}
.main .page-thumbs img {
  display: block;
  padding: 4px 6px 6px 4px;
  background: url(../images/bg_thumb_page.png) no-repeat;
}
.main .page-thumbs img.landscape {
  background: url(../images/bg_thumb_page_landscape.png) no-repeat;
}


.main a.download-pdf, .main a.download-zip {
  display: block;
  clear: both;
  margin-left: 4px;
  margin-right: 7px;
  margin-bottom: 1em;
  width: 261px;
  height: 30px;
  padding-top: 13px;
  padding-left: 58px;
  background: url(../images/bg_download_pages_pdf.png) no-repeat;
  color: white;
  text-shadow: #3b3b3b 1px 1px 0;
}

.main a.download-zip {
  background: url(../images/bg_download_pages_zip.png) no-repeat;
}

.main a.download-pdf:hover, .main a.download-zip:hover {
  background-position: 0 -43px;
}

.main table.table-3col {
  border: 0;
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%;
}

.main table.table-3col td.first {
  width: 34%;
}

.main table.table-3col td {
  width: 33%;
}

.main p.page-desc {
  padding: 0 20px 10px 20px;
}


.main .leftcol {
  float: left;
  width: 329px;
  margin: 0 0 20px 0;
}

.main .rightcol {
  float: right;
  width: 329px;
  margin: 0 0 20px 25px;
}

.main img.image-2col-width {
  display: block;
  padding: 4px 6px 6px 4px;
  background: url(../images/bg_thumb_page.png) no-repeat;
}
.main img.image-2col-width-landscape {
  display: block;
  padding: 4px 6px 6px 4px;
  background: url(../images/bg_thumb_page_landscape.png) no-repeat;
}


ul.space-between-li li {
  margin-bottom: 0.7em;
}


.sidebar {
  float: left;
  width: 230px;
}

.sidebar .menu li {
  padding: 12px 0 0 0;
  font-size: 17px;
  font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
}
.sidebar .menu li:first-child {
  padding-top: 2px;
}
.sidebar .menu li li {
  padding-top: 0;
  font-family: "Arial CE", "Helvetica CE", Arial, lucida, sans-serif;
  font-size: 15px;
}
.sidebar .menu li li li {
  font-size: 12px;
}
.sidebar .menu a {
  display: block;
  padding: 8px 0 5px 11px;
  line-height: 1;
  background: url(../images/bg_underline.png) repeat-x left bottom;
}
.sidebar .menu li li li a {
  padding-left: 25px;
}
.sidebar .menu .currentparent a {
  color: #000;
}
.sidebar .menu .currentparent li a {
  color: #56718d;
}
.sidebar .menu .currentpage a {
  color: #000 !important;
}
.sidebar .menu .currentpage li a {
  color: #56718d !important;
}
.sidebar .menu a:hover,
.sidebar .menu .currentparent a:hover,
.sidebar .menu .currentpage a:hover {
  color: #364859 !important;
  text-decoration: none;
}
.sidebar .menu li li span {
  display: block;
  line-height: 1.2em;
  padding-left: 14px;
  background: url(../images/bg_submenu1.png) no-repeat 0 7px;
}
.sidebar .menu li li span em, .sidebar .menu li span em {
  padding: 0 0.5em;
  font-size: 9px;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.2px;
  color: #f00;
}
.sidebar .menu li li.currentpage span {
  background: url(../images/bg_submenu1_active.png) no-repeat 0 7px;
}
.sidebar .menu li li li span {
  display: block;
  line-height: 1.2em;
  padding-left: 14px;
  background: url(../images/bg_submenu2.png) no-repeat 0 5px !important;
}
.sidebar .menu li li li.currentpage span {
  background: url(../images/bg_submenu2_active.png) no-repeat 0 5px !important;
}

#areas-line {
  overflow: hidden;
  width: 960px;
  margin-top: 50px;
}
#areas-line li {
  float: left;
  width: 160px;
  padding: 20px 0 0 0;
  overflow: hidden;
}
#areas-line li.currentparent1 {
  background: url(../images/bg_nav_red_active.png) no-repeat;
}
#areas-line li.currentparent2 {
  background: url(../images/bg_nav_yellow_active.png) no-repeat;
}
#areas-line li.currentparent3 {
  background: url(../images/bg_nav_brown_active.png) no-repeat;
}
#areas-line li.currentparent4 {
  background: url(../images/bg_nav_lightblue_active.png) no-repeat;
}
#areas-line li.currentparent5 {
  background: url(../images/bg_nav_darkblue_active.png) no-repeat;
}
#areas-line li.currentparent6 {
  background: url(../images/bg_nav_green_active.png) no-repeat;
}
#areas-line a {
  float: left;
  width: 160px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #a52923 url(../images/bg_nav_red.png) repeat-x left bottom;
}
#areas-line a:hover {
  background-image: url(../images/bg_nav_red_hover.png);
}
#areas-line .area2 a {
  background: #fdb417 url(../images/bg_nav_yellow.png) repeat-x left bottom;
}
#areas-line .area2 a:hover {
  background-image: url(../images/bg_nav_yellow_hover.png);
}
#areas-line .area3 a {
  background: #9b843e url(../images/bg_nav_brown.png) repeat-x left bottom;
}
#areas-line .area3 a:hover {
  background-image: url(../images/bg_nav_brown_hover.png);
}
#areas-line .area4 a {
  background: #70c2ec url(../images/bg_nav_lightblue.png) repeat-x left bottom;
}
#areas-line .area4 a:hover {
  background-image: url(../images/bg_nav_lightblue_hover.png);
}
#areas-line .area5 a {
  background: #273d93 url(../images/bg_nav_darkblue.png) repeat-x left bottom;
}
#areas-line .area5 a:hover {
  background-image: url(../images/bg_nav_darkblue_hover.png);
}
#areas-line .area6 a {
  background: #1e7d32 url(../images/bg_nav_green.png) repeat-x left bottom;
}
#areas-line .area6 a:hover {
  background-image: url(../images/bg_nav_green_hover.png);
}

#footerwrap {
  background: url(../images/bg_footer.png) no-repeat center bottom;
}
#footer {
  width: 1040px;
  margin: 0 auto;
  padding: 40px 0 0 0;
  font-size: 11px;
  color: #fff;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #bababa;
}

#footer .menu {
  overflow: hidden;
  width: 1010px;
  height: 177px;
  margin: 0 auto;
  font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  text-transform: uppercase;
}
#footer .menu ul {
  margin: 0.5em 0 0 0;
  font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-transform: none;
}
#footer .menu li {
  float: left;
  padding: 0 25px;
}
#footer .menu ul li {
  float: none;
  padding: 0;
}
#footer .menu ul a {
  color: #bac4ce;
}
#footer .menu ul a:hover {
  color: #8c949c;
}

#footer .wrapper {
  width: 1040px;
}
#footer .wrapper p {
  float: left;
  margin: 0 0 0 110px;
}
#footer .wrapper p.logo {
  margin: 0;
}

#footer .wrapper p strong {
  font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

#footer .logo a {
  float: left;
  overflow: hidden;
  width: 520px;
  height: 127px;
  text-indent: -999em;
  background: url(../images/keramika_soukup_sr2.png) no-repeat;
}



/* SWITCH OFF SPECIFIC SUBMENUS */

/* referencie = node61 */
#mainmenu .menu li.node61 a span {
  padding: 0;
  background: none;
}
#mainmenu .menu li.node61 ul,
#footer .menu li.node61 ul {
  display: none !important;
}

/* sortiment = node57 */
#footer .menu li.node57 ul {
  display: none !important;
}

/* kontakty vo footeri = node60 */
/* pretoze hned pod tym su klikatelne adresy a otvaracie hodiny ziliny a bratislavy */
#footer .menu li.node60 {
  display: none !important;
}



/* HOMEPAGE - System zliav - tabulka */

table.system-zliav {
  width: 100%;
}

table.system-zliav th {
  color: #2282f2;
  padding: 10px;
  border: 1px dotted #2282f2;
}

table.system-zliav th.th2 { color: #186ac9; border-color: #186ac9; }
table.system-zliav th.th3 { color: #0d4d99; border-color: #0d4d99; }
table.system-zliav th.th4 { color: #03356f; border-color: #03356f; }

table.system-zliav td {
  background-color: #2282f2;
  color: white;
  font-size: 60px;
  text-shadow: 1px 1px 1px #444;
  text-align: center;
  border: 1px solid #2282f2
}

table.system-zliav td.td2 { background-color: #186ac9; border-color: #186ac9; }
table.system-zliav td.td3 { background-color: #0d4d99; border-color: #0d4d99; }
table.system-zliav td.td4 { background-color: #03356f; border-color: #03356f; }



/* PARTNERI */

.row-partneri {
  overflow: hidden;
}

.row-partneri div {
  float: left;
  width: 211px;
  margin: 0 0 25px 25px;
}
.row-partneri div.first {
  margin-left: 0;
}

.row-partneri p {
  padding: 0 0 0 4px;
}



/* AKCIE */

div.akcie-obklady-link-dax-diplomatic-yaiza-201101 {
  background: url(../uploads/images/akcie/akcie-link-dax-diplomatic-yaiza-zlavy.jpg) no-repeat;
  width: 680px;
  height: 840px;
  position: relative;
  clear: both;
}

div.akcie-obklady-link-dax-diplomatic-yaiza-201101 h2 {
  display: none;
}

div.akcie-obklady-link-dax-diplomatic-yaiza-201101 a {
  font-weight: bold;
  position: absolute;
}

div.akcie-obklady-link-dax-diplomatic-yaiza-201101 a.abk-link { top: 352px; left: 9px; }
div.akcie-obklady-link-dax-diplomatic-yaiza-201101 a.dax { top: 352px; left: 239px; }
div.akcie-obklady-link-dax-diplomatic-yaiza-201101 a.diplomatic { top: 352px; left: 469px; }
div.akcie-obklady-link-dax-diplomatic-yaiza-201101 a.yaiza { top: 782px; left: 9px; }


/* NOVINKY */

div.novinky-rako-2011 {
  width: 683px;
  height: 269px;
  position: relative;
  margin-bottom: 10px;
}

div.novinky-rako-2011 h2 {
  display: none;
}

div.novinky-rako-2011 a {
  font-weight: bold;
  position: absolute;
  display: block;
  width: 317px;
  padding-top: 232px;
  text-align: right;
}

div.novinky-rako-2011 a.novinka-vlavo { top: 0; left: 0; }
div.novinky-rako-2011 a.novinka-vpravo { top: 0; left: 345px; }

div.novinky-zen-wenge-2011 { background: url(../uploads/images/novinky/novinky-zen-wenge.jpg) no-repeat; }
div.novinky-vanity-concept_plus-2011 { background: url(../uploads/images/novinky/novinky-vanity-concept_plus.jpg) no-repeat; }
div.novinky-unistone-fashion-2011 { background: url(../uploads/images/novinky/novinky-unistone-fashion.jpg) no-repeat; }
div.novinky-wax-wood-2011 { background: url(../uploads/images/novinky/novinky-wax-wood.jpg) no-repeat; }
div.novinky-terracotta-2011 { background: url(../uploads/images/novinky/novinky-terracotta.jpg) no-repeat; }