/* SIDEBAR */
#X_sidebar_visitUs {}

#X_sidebar_store .address {padding-left: 50px; background: transparent url(/img/icons/map.png) left top no-repeat;}
#X_sidebar_store_banner {display: block; width: 260px; height: 170px; background: url(/img/gui/X_sidebar_visitUs_banner.jpg) no-repeat;}


#X_sidebar_personalMessage {}
#X_sidebar_download_common {}
#X_sidebar_quickContact {width: 100%; height: 170px; background: url(/img/gui/X_sidebar_quickContact.jpg) no-repeat;}
#X_sidebar_quickContact p.phone {margin-top: 30px;}
#X_sidebar_quickContact p.button {margin-top: 20px;}


/* CONTENT */
#X_companyIntro .slider {position: relative; width: 560px; height: 170px; background: transparent url(/img/gui/loading.gif) no-repeat center center;}
#X_companyIntro .slider img {position: absolute; top: 0px; left: 0px; display: none;}
#X_companyIntro .item {float: left; margin-right: 40px; width: 260px;}
#X_companyIntro .item .visual {position: absolute; top: -6px; right: 0px; display: block; width: 32px; height: 32px; background: transparent url(/img/icons/tick_handdrawn.png) center center no-repeat;}
#X_companyIntro .item h4 {position: relative;}
#X_companyIntro .item.active h4 {color: #E62E2E;}
#X_companyIntro .item.active h4 .visual {}


#X_tichylaminat_banner {display: block; width: 100%; height: 170px; background: url(/img/gui/X_tichylaminat_banner.jpg) no-repeat;}
#X_terasy_banner {display: block; width: 100%; height: 170px; background: url(/img/gui/X_terasy_banner.jpg) no-repeat;}
#X_Dextura_logo {display: block; width: 100%; height: 170px; background: url(/img/gui/X_Dextura_logo.jpg) no-repeat; margin-top: -10px;}

#X_portfolio_common .gallery .item {margin-right: 24px;}

#X_storeTeaser {clear: both; margin: 30px -50px 0px -50px; display: block; width: 960px; height: 140px; background: transparent url(/img/gui/X_storeTeaser.png) no-repeat; position: relative;}
#X_storeTeaser .matryoshka {position: absolute; left: 65px; top: 20px; width: 265px; height: auto; color: #FFFFFF;}
#X_storeTeaser .matryoshka h3 {margin-top: 0px; color: #FFFFFF;}
#X_storeTeaser a {font-weight: bold; position: absolute; left: 180px; bottom: -8px; color: #FFFFFF;}

.product h5 {margin-top: 20px; position: relative; }
.product h5 a {position: absolute; right: 0px; top: 0px; font-size: 12px;}

#X_clients p.description {height: 60px;}
#X_clients p.action {text-align: right;}
#X_clients p.action:before {content: "→ "}

body.uvod #title a.relative {position: absolute; right: 0px; top: 5px; font-weight: bold;}

#X_sadrokarton .grid {height: 175px;}

#X_introduction {min-height: 240px; background: url(/img/gui/X_getintouch.jpg) right bottom no-repeat; position: relative;}
#X_introduction .text {padding-right: 270px;}
#X_introduction .contact {position: absolute; bottom: -4px; left: 0px;}
#X_introduction .contact .phone {margin-left: 100px; font-weight: bold; font-size: 16px;}
#X_introduction .contact .mail {margin-left: 100px;}

#X_address {height: 360px;}
#X_address .map {float: right;}
#X_address .text > h4 {margin-top: 0px;}