/* =BODY                                                   
---------------------------------------------------------------------------------------------------*/
body { margin:0px; padding:8px 0 0 0; font-size:13px; text-align:left; font-family:Arial, sans-serif; background:#000 url(http://www.krea.sk/images/marketing/images/layout/bg.jpg) no-repeat; color:#323A45; }
input, label, select, textarea { font-size:12px; font-family:Arial, sans-serif; }

/* =DEFAULT
---------------------------------------------------------------------------------------------------*/
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { font-size:56px; color:#323A45; font-weight:normal; margin-bottom:25px; letter-spacing:-1px; line-height:1; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
h1.small-h1 { font-size:40px; line-height:110%; }
h2 { font-size:20px; color:#323A45; font-weight:normal; line-height:1; margin-bottom:10px; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
h3 {font-size:12px;}
a { color:#0A6EC7; text-decoration:none; outline:none; }
a:hover {text-decoration:underline;}
img { border:none; padding:0; margin:0; }
fieldset { border:0; margin:0; padding:0; }
p {line-height:146%;}
p.desc { line-height:130%; font-size:20px; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
strong.neon { background: #fff9cc; font-weight:normal; padding:3px 2px;}
.clear {clear:both;}
.float { float:left !important; }
.floatRight { float:right !important; }
ul li { list-style:none; line-height:130%; }
ul li.rear { margin-right:0 !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.ml10 { margin-left:10px !important; }
.mt20 { margin-top:20px !important; }
.fullwidth { width:100% !important;}
.about-us-text { width:430px; float:right; font-size:18px; padding-top:1px; line-height:1.3em; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
.redlabel {background-color:red; font-size:10px; text-transform:uppercase; padding:3px; color:#FFF; }

/* =WRAP
---------------------------------------------------------------------------------------------------*/
.wrap { width:960px; margin:0 auto; padding:0 10px; background:url(http://www.krea.sk/images/marketing/images/layout/shadow-wrap.png) repeat-y; }
.wrap-in { width:880px; padding:40px; float:left; background-color:#fff; background-repeat:no-repeat; background-position:right top; position:relative; }
.wrap-in.wrap-home {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-home.jpg); }
.wrap-in.wrap-krea-home {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-wrap-krea-home.jpg); }
.wrap-in.wrap-pr  {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-pr.jpg); }
.wrap-in.wrap-komplexne-sluzby {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-komplexne-sluzby.jpg); }
.wrap-in.wrap-seo {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-seo.jpg); }
.wrap-in.wrap-reklama-na-internete {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-reklama-na-internete.jpg); }
.wrap-in.wrap-konzultacie {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-konzultacie.jpg); }
/*.wrap-in.wrap-clanky {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-articles-background.jpg); }*/
.wrap-in.wrap-objednavka {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-wrap-dopyt.jpg); }
.wrap-in.wrap-cms {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-cms.jpg); }
.wrap-in.wrap-app {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-app.jpg); }
.wrap-in.wrap-design {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-design.jpg); }
.wrap-in.wrap-dsupport {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-designsupport.jpg); }
.wrap-in.wrap-specialne {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-espec.jpg); }
.wrap-in.wrap-na-mieru {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-na-mieru.jpg); }
.wrap-in.wrap-ehome {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-euvod.jpg); }
.wrap-in.wrap-eservis {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-eservis.jpg); }
.wrap-in.wrap-boxed {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-ebox.jpg); }
.wrap-in.wrap-webdesign-home {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-webdesign-home.jpg); }
.wrap-in.wrap-webdesign {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-webdesign.jpg); }
.wrap-in.wrap-eriesenia {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-eriesenia.jpg); }
.wrap-in.wrap-error {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-error.jpg); }
.wrap-in.wrap-branding-home {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-branding-home.jpg); }
.wrap-in.wrap-branding-sluzby {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-branding-sluzby.jpg); }
.wrap-in.wrap-b-tvorba-loga {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-branding-tvorba-loga.jpg); }
.wrap-in.wrap-b-firemna-identita {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-branding-firemna-identit.jpg); }
.wrap-in.wrap-b-obalovy-design {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-branding-obalovy-design.jpg); }
.wrap-in.wrap-b-tvorba-tlacovin {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-branding-tvorba-tlacovin.jpg); }
.wrap-in.wrap-sluzby {background-image:url(http://www.krea.sk/images/marketing/images/layout/wrap/bg-krea-sluzby.jpg); }

.wrap-in .tab-twitter { width:28px; height:48px; position:absolute; top:25px; right:-28px; background:#4CBFE7 url(http://www.krea.sk/images/marketing/images/layout/tab-twitter.gif) no-repeat top left; overflow:hidden; text-indent:-999px; }
.wrap-in .tab-facebook { width:28px; height:65px; position:absolute; top:75px; right:-28px; background:#657FCB url(http://www.krea.sk/images/marketing/images/layout/tab-facebook.gif) no-repeat top left; overflow:hidden; text-indent:-999px; }
.wrap-in .tab-facebook:hover,
.wrap-in .tab-twitter:hover { background-position:bottom left; }
.wrap-in a.small-link { font-size:9px; text-transform:uppercase; color:#3A434B; text-decoration:underline; }
.wrap-in a.small-link:hover { color:#0A6EC7; text-decoration:none; }
.wrap-in h2 a { color:#323A45; font-weight:normal !important; text-decoration:none !important; line-height:130%; }
.wrap-in h2 a:hover { color:#0A6EC7; text-decoration:underline !important; }

/* =TOP-BOX
---------------------------------------------------------------------------------------------------*/
.top-box { width:880px; height:18px; line-height:14px; font-size:12px; padding:2px 40px 2px 40px; margin:0 auto; text-align:right; }
.top-box a { font-size:10px; color:#fff; text-transform:uppercase; padding:0 10px; display:inline-block; border-right:1px solid #444546; }
.top-box a.last { border:0; padding-right:0; }

.top-box2 { width:880px; height:32px; padding:8px 40px 0 40px; font-size:10px; text-transform:uppercase; text-align:right; margin:0 auto; }
.top-box2 .ml { margin-left:4px !important; }
.top-box2 a { color:#fff; float:right; display:inline-block; height:32px; line-height:28px; background:url(http://www.krea.sk/images/marketing/images/layout/bg-top-tab-right.png) no-repeat top right; }
.top-box2 a span { display:block; float:left; height:32px; line-height:28px; padding:0 0 0 10px; margin:0 10px 0 0; background:url(http://www.krea.sk/images/marketing/images/layout/bg-top-tab-left.png) no-repeat top left; }
.top-box2 a:hover { background-position:center right; text-decoration:none; }
.top-box2 a:hover span { background-position:center left; }

.top-box2 a.tab-facebook:hover {background:url(http://www.krea.sk/images/marketing/images/layout/bg-top-tab-right-facebook.png) no-repeat top right; }
.top-box2 a.tab-facebook:hover span {background:url(http://www.krea.sk/images/marketing/images/layout/bg-top-tab-left-facebook.png) no-repeat top left; }
.top-box2 a.tab-twitter:hover {background:url(http://www.krea.sk/images/marketing/images/layout/bg-top-tab-right-twitter.png) no-repeat top right; }
.top-box2 a.tab-twitter:hover span {background:url(http://www.krea.sk/images/marketing/images/layout/bg-top-tab-left-twitter.png) no-repeat top left; }

.top-box2 a.active,
.top-box2 a.active:hover { color:#000; background:url(http://www.krea.sk/images/marketing/images/layout/bg-top-tab-right-active.png) no-repeat top right; }
.top-box2 a.active span,
.top-box2 a.active:hover span { padding-left:14px; margin-right:14px; background:url(http://www.krea.sk/images/marketing/images/layout/bg-top-tab-left-active.png) no-repeat top left; }

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header { width:880px; float:left; margin:0 0 40px 0; position:relative; z-index:50; }
.header .logo { width:205px; height:38px; margin:0; float:left; position:relative; overflow:hidden; font-weight:bold; color:#3C454E; font-weight:bold; font-size:22px; }
.header .logo img { position:absolute; top:0; left:0; }
.header .logo span { color:#C6C8CB; font-size:18px; font-weight:normal; }
.header form { width:138px; float:right; padding:10px 0 0 0; margin:0 0 0 15px; }
.header form .field { width:113px; height:17px; float:left; padding:1px; background:url(http://www.krea.sk/images/marketing/images/layout/bg-field-head-search.png) no-repeat top left; }
.header form .field input { width:108px; height:15px; padding:1px 5px 1px 0; border:0; background:transparent; font-size:11px; }
.header form .field input:focus {outline:none;}
.header form input.float {padding:0;}

/* =BREADCRUMB
---------------------------------------------------------------------------------------------------*/
.breadcrumb { font-size:10px; text-transform:uppercase; margin:0 0 10px 0; clear:both; }
.breadcrumb a {color:#969BA0;}

/* =NAVIGATION
---------------------------------------------------------------------------------------------------*/
ul.navigation {float:right;}
ul.navigation li { float:left; line-height:38px; border-right:1px solid #EDEDED; position:relative; }
ul.navigation li.rear {border:0;}
ul.navigation li.sluzby {width:72px;}
ul.navigation li.nocursor a {cursor:default;}
ul.navigation li.nocursor ul li a {cursor:pointer;}
ul.navigation li.riesenia {width:85px;}
ul.navigation li.riesenia:hover, ul.navigation li.riesenia.hover,
ul.navigation li.sluzby:hover, ul.navigation li.sluzby.hover { background:#fff url(http://www.krea.sk/images/marketing/images/layout/bg-border-menu.gif) no-repeat top left; }
ul.navigation li.roll:hover, ul.navigation li.roll.hover { background:#fff url(http://www.krea.sk/images/marketing/images/layout/bg-border-menu-top.gif) repeat-x top left; }
ul.navigation li a { padding:0 14px; font-size:15px; line-height:33px; height:38px; display:block; float:left; color:#454C57; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
ul.navigation li a:hover { color:#000; text-decoration:none; }
ul.navigation li.active { background:#EDEDED !important; }
ul.navigation li.active a {color:#000;}

ul.navigation li .sub-navigation {display:none;}
ul.navigation li:hover .sub-navigation, ul.navigation li.hover .sub-navigation { display:block; position:absolute; top:37px; left:-1px; padding:15px; background:#fff url(http://www.krea.sk/images/marketing/images/layout/bg-border-submenu.gif) no-repeat top left; border:1px solid #EDEDED; border-top:0; }
ul.navigation li:hover .sub-navigation.first-sub, ul.navigation li.hover .sub-navigation.first-sub {left:0;}
ul.navigation li.active:hover .sub-navigation, ul.navigation li.hover.active .sub-navigation {background:#EDEDED;}
ul.navigation li ul.sub-navigation li { width:100%; line-height:25px; border:0; clear:both; border-top:1px solid #EBEBED; }
ul.navigation li.active ul.sub-navigation li { border-top:1px solid #DBDBDD; }
ul.navigation li ul.sub-navigation li.top-border {border-top:0;}
ul.navigation li ul.sub-navigation li a { font-size:11px; line-height:25px; height:auto; white-space:nowrap; padding:0 10px; font-family:Helvetica, Arial, sans-serif; }
ul.navigation li ul.sub-navigation li a:hover {text-decoration:underline;}
ul.navigation li.riesenia ul.sub-navigation { width:110px; background:#fff url(http://www.krea.sk/images/marketing/images/layout/bg-border-submenu2.gif) no-repeat top left; }

ul.navigation li .sub-navigation.extraSub {width:510px;}
ul.navigation li .sub-navigation.extraSub ul { width:115px; float:left; margin:0 15px 0 0; }
ul.navigation li .sub-navigation.extraSub ul.rear {margin-right:0;}
ul.navigation li .sub-navigation.extraSub ul li { width:100%; line-height:25px; padding:0; border-right:0; border-top:1px solid #EBEBED; position:relative; z-index:1; }
ul.navigation li .sub-navigation.extraSub ul li a { width:105px; line-height:25px; height:auto; font-size:11px; padding:0 0 0 10px; font-family:Helvetica, Arial, sans-serif; }
ul.navigation li .sub-navigation.extraSub ul li a:hover {text-decoration:underline;}
ul.navigation li .sub-navigation.extraSub ul li.sectionIcon { background:#EBEBED; border:0; z-index:2; }
ul.navigation li .sub-navigation.extraSub ul li.sectionIcon img { position:absolute; top:-8px; }
ul.navigation li .sub-navigation.extraSub ul li.sectionIcon img.section-design {right:5px;}
ul.navigation li .sub-navigation.extraSub ul li.sectionIcon img.section-eshopy { right:2px; top:-6px; }
ul.navigation li .sub-navigation.extraSub ul li.sectionIcon img.section-marketing {right:2px;}
ul.navigation li .sub-navigation.extraSub ul li.sectionIcon img.section-branding { right:3px; top:-5px; }
ul.navigation li.active .sub-navigation.extraSub ul li { border-top:1px solid #DBDBDD; }
ul.navigation li.active .sub-navigation.extraSub ul li.sectionIcon {background:#DBDBDD;}

/* =CONTENT
---------------------------------------------------------------------------------------------------*/
.content { width:580px; float:left; }
.content p { margin:0 0 15px 0; }
.content .display-none {display:none;}
.editor-box ul { margin:0 0 15px 40px; }
.editor-box ul li { list-style:disc; list-style-position:outside; line-height:150%; }
.editor-box ol li { margin:0 0 5px 0; line-height:150%; }

/* =MESSAGE
---------------------------------------------------------------------------------------------------*/
.message { width:560px; height:20px; line-height:20px; font-size:14px; background:#C7C941 url(http://www.krea.sk/images/marketing/images/layout/bg-message.gif) no-repeat top left; padding:10px; color:#fff; margin-bottom:20px; }

/* =PAGINATION
---------------------------------------------------------------------------------------------------*/
.pagination { text-align:center; margin:0 0 10px 0; }
.pagination a { display:inline-block; font-size:12px; height:20px; line-height:20px; padding:0 0 0 8px; }
.pagination a span {  float:left; display:block; height:20px; line-height:20px; padding:0 8px 0 0; }
.pagination a.active {background:url(http://www.krea.sk/images/marketing/images/layout/bg-paginate-left.gif) no-repeat top left; }
.pagination a.active span { color:#323A45; background:url(http://www.krea.sk/images/marketing/images/layout/bg-paginate-right.gif) no-repeat top right; }

/* =HOME-HEADLINE
---------------------------------------------------------------------------------------------------*/
.home-headline { width:880px; height:332px; font-size:25px; float:left; position:relative; overflow:hidden; }
.home-headline h1 { font-size:46px; color:#003148; margin-bottom:10px; }
.home-headline p { font-size:23px; line-height:1.2em; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
.home-headline .gift1 { width:93px; height:80px; position:absolute; top:205px; left:107px; }
.home-headline .gift1 img { left:20px; top:0px; position:absolute; z-index:1; }
.home-headline .gift1 span { width:93px; height:42px; position:absolute;  top:25px; left:0px; background:url(http://www.krea.sk/images/marketing/images/layout/vlnky1.png) no-repeat top left; z-index:2; }
.home-headline .gift2 { width:102px; height:80px; position:absolute; top:175px; left:305px; }
.home-headline .gift2 img { left:22px; top:0px; position:absolute; z-index:1; }
.home-headline .gift2 span { width:102px; height:45px; position:absolute;  top:35px; left:0px; background:url(http://www.krea.sk/images/marketing/images/layout/vlnky2.png) no-repeat top left; z-index:2; }
.home-headline .eye { width:34px; height:45px; display:block; position:absolute; top:218px; left:692px; background:url(http://www.krea.sk/images/marketing/images/layout/eye.gif) no-repeat top left;  }

/* =HOME-BOX
---------------------------------------------------------------------------------------------------*/
.home-box { width:880px; float:left; padding-bottom:6px; margin-bottom:20px; background:#f4f4f4 url(http://www.krea.sk/images/marketing/images/layout/bg-home-box-shadow.gif) no-repeat bottom left; }
.home-box.eshop-hh {margin-bottom:10px;}
.home-box li { float:left; height:157px; padding:27px 0 0 20px; cursor:pointer; }
.home-box li h2 {font-size: 18px;}
.home-box li h2 a {line-height:1.15;}
.home-box li:hover h2 a { color:#0A6EC7; text-decoration:underline !important; }
.home-box li.krea1 { width:195px; background:url(http://www.krea.sk/images/marketing/images/layout/home-krea1.jpg) no-repeat top left; }
.home-box li.krea2 { width:206px; background:url(http://www.krea.sk/images/marketing/images/layout/home-krea2.jpg) no-repeat top left; }
.home-box li.krea3 { width:205px; background:url(http://www.krea.sk/images/marketing/images/layout/home-krea3.jpg) no-repeat top left; }
.home-box li.krea4 { width:194px; background:url(http://www.krea.sk/images/marketing/images/layout/home-krea4.jpg) no-repeat top left; }
.home-box li.design1 { width:195px; background:url(http://www.krea.sk/images/marketing/images/layout/home-design1.jpg) no-repeat top left; }
.home-box li.design2 { width:206px; background:url(http://www.krea.sk/images/marketing/images/layout/home-design2.jpg) no-repeat top left; }
.home-box li.design3 { width:205px; background:url(http://www.krea.sk/images/marketing/images/layout/home-design3.jpg) no-repeat top left; }
.home-box li.design4 { width:194px; background:url(http://www.krea.sk/images/marketing/images/layout/home-design4.jpg) no-repeat top left; }
.home-box li.eshopy1 { width:195px; background:url(http://www.krea.sk/images/marketing/images/layout/home-eshopy1.jpg) no-repeat top left; }
.home-box li.eshopy2 { width:206px; background:url(http://www.krea.sk/images/marketing/images/layout/home-eshopy2.jpg) no-repeat top left; }
.home-box li.eshopy3 { width:205px; background:url(http://www.krea.sk/images/marketing/images/layout/home-eshopy3.jpg) no-repeat top left; }
.home-box li.eshopy4 { width:194px; background:url(http://www.krea.sk/images/marketing/images/layout/home-eshopy4.jpg) no-repeat top left; }
.home-box li.branding1 { width:195px; background:url(http://www.krea.sk/images/marketing/images/layout/home-branding1.jpg) no-repeat top left; }
.home-box li.branding2 { width:206px; background:url(http://www.krea.sk/images/marketing/images/layout/home-branding2.jpg) no-repeat top left; }
.home-box li.branding3 { width:205px; background:url(http://www.krea.sk/images/marketing/images/layout/home-branding3.jpg) no-repeat top left; }
.home-box li.branding4 { width:194px; background:url(http://www.krea.sk/images/marketing/images/layout/home-branding4.jpg) no-repeat top left; }
.home-box li.marketing1 { width:195px; background:url(http://www.krea.sk/images/marketing/images/layout/home-marketing1.jpg) no-repeat top left; }
.home-box li.marketing2 { width:206px; background:url(http://www.krea.sk/images/marketing/images/layout/home-marketing2.jpg) no-repeat top left; }
.home-box li.marketing3 { width:205px; background:url(http://www.krea.sk/images/marketing/images/layout/home-marketing3.jpg) no-repeat top left; }
.home-box li.marketing4 { width:194px; background:url(http://www.krea.sk/images/marketing/images/layout/home-marketing4.jpg) no-repeat top left; }

/* =INFORMATION-BOX
---------------------------------------------------------------------------------------------------*/
.information-box { width:850px; padding:10px 15px; float:left; background:url(http://www.krea.sk/images/marketing/images/layout/bg-information-box.gif) repeat-y top left; }
.information-box ul li { width:190px; float:left; line-height:1.5em; margin:0 20px 0 5px; }
.information-box ul li.first { width:180px; margin-right:30px; }
.information-box ul li.rear {margin-left:15px;}
.information-box ul li div { display:block; font-size:10px; color:#323A45; text-transform:uppercase; line-height:1.5em; margin-bottom:3px; }
.information-box ul li div .date { display:inline-block; border-right:1px solid #DCDCDC; padding-right:5px; margin-right:5px; }
.information-box ul li div .date.no-border {border:0;}
.information-box ul li a {font-weight:bold;}
.information-box .social-menu { width:180px; padding-top:5px; overflow:hidden; }
.information-box .social-menu a { display:block; float:left; padding-top:45px; text-align:center; margin-right:10px; font-size:10px; color:#323A45; text-transform:uppercase; }
.information-box .social-menu a.link-facebook { width:60px; background:url(http://www.krea.sk/images/marketing/images/layout/social-facebook.gif) no-repeat top left; }
.information-box .social-menu a.link-twitter { width:50px; background:url(http://www.krea.sk/images/marketing/images/layout/social-twitter.gif) no-repeat top left; }
.information-box .social-menu a.link-rss { width:43px; margin-right:0; background:url(http://www.krea.sk/images/marketing/images/layout/social-rss.gif) no-repeat top left; }
.information-box .social-menu a:hover { background-position:top right; }

/* =SOCIAL-BOX
---------------------------------------------------------------------------------------------------*/
.social-box { width:580px; margin:0 0 20px 0; color:#3A434B; font-size:11px; background:url(http://www.krea.sk/images/marketing/images/layout/bg-social-box-top.gif) no-repeat top left; }
.social-box .social-box-in { padding:15px; background:url(http://www.krea.sk/images/marketing/images/layout/bg-social-box-bottom.gif) no-repeat bottom left; }
.social-box span { width:78px; line-height:16px; display:inline-block; }
.social-box a { line-height:16px; padding:0 0 0 20px; margin:0 5px 0 0; display:inline-block; background-position:left top; background-repeat:no-repeat; }
.social-box a.icon-Facebook {background-image:url(http://www.krea.sk/images/marketing/images/layout/icons/icon-facebook.gif); }
.social-box a.icon-Vybralisme {background-image:url(http://www.krea.sk/images/marketing/images/layout/icons/icon-vybralisme.gif); }
.social-box a.icon-Twitter {background-image:url(http://www.krea.sk/images/marketing/images/layout/icons/icon-twitter.gif); }
.social-box a.icon-delicious {background-image:url(http://www.krea.sk/images/marketing/images/layout/icons/icon-delicious.gif); }
.social-box a.icon-Digg {background-image:url(http://www.krea.sk/images/marketing/images/layout/icons/icon-digg.gif); }
.social-box a.icon-email {background-image:url(http://www.krea.sk/images/marketing/images/layout/icons/icon-email.gif); }
.social-box a:hover { background-position:left bottom; }
.social-box .iframe-facebook { clear:both; margin:10px 0 0 80px; }

/* =REFERENCIE-LIST
---------------------------------------------------------------------------------------------------*/
.referencie-list { margin:0 0 17px 0; float:left; }
.referencie-list li { width:210px; height:130px; margin:0 13px 13px 0; float:left; position:relative; overflow:hidden; color:#fff; }
.referencie-list li.rear {margin-right:0;}
.referencie-list li a {color:#fff;}
.referencie-list li h2,
.referencie-list li h2 a { font-size:13px; color:#fff; font-weight:bold !important; }
.referencie-list li span.border { width:210px; height:130px; position:absolute; top:0; left:0; z-index:45; background:url(http://www.krea.sk/images/marketing/images/layout/border-referencie-item.png) no-repeat top left; }
.referencie-list li span.label-studia { width:66px; height:66px; position:absolute; bottom:0; right:0; z-index:40; background:url(http://www.krea.sk/images/marketing/images/layout/label-pripadova-studia.png) no-repeat top left; }
.referencie-list li div { width:180px; height:100px; padding:15px 10px 15px 20px; position:absolute; top:0; left:0; display:none; z-index:50; background:#AAB91F url(http://www.krea.sk/images/marketing/images/layout/bg-referencie-green.gif) repeat-x top left; }
.referencie-list li div ul { margin:0 0 5px 0; }
.referencie-list li div ul li { width:160px; padding:0 0 0 10px; margin:0 0 0 -10px; height:auto; float:none; background:url(http://www.krea.sk/images/marketing/images/layout/bullet-referencie.gif) no-repeat 0 8px; }
.referencie-list li div a.blank { width:170px; line-height:20px; display:block; text-decoration:underline; background:url(http://www.krea.sk/images/marketing/images/layout/arrow-referencie.gif) no-repeat right; }
.referencie-list li div a.blank:hover {text-decoration:none;}

/* =SIDE
---------------------------------------------------------------------------------------------------*/
.side { width:280px; float:right; margin-top:13px; }
.side .side-box { width:280px; margin:0 0 10px 0; clear:both; background:url(http://www.krea.sk/images/marketing/images/layout/bg-side-box-top.gif) no-repeat top left; }
.side .side-box .side-box-in { width:250px; padding:20px 15px 10px 15px; background:url(http://www.krea.sk/images/marketing/images/layout/bg-side-box-bottom.gif) no-repeat bottom left; }
.side .side-box .side-box-in .title { display:block; margin-bottom:15px; line-height:17px; font-size:17px; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
.side .side-box .side-box-in h2 { font-size:17px; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
.side .side-box .side-box-in p {margin-bottom:10px;}
.side .side-box .side-box-in a.bold-name { font-weight:bold; display:inline-block; margin-bottom:5px; }
.side .side-box .side-box-in .slovnik-form select { width:250px; margin-bottom:10px; }
.side ul li { margin:0 0 10px 0; }
.side ul.default-list li { margin:0; line-height:150%; }
.side ul.side-menu li { font-size:17px; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
.side ul.side-menu li a { color:#323A45; font-size:17px; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; text-decoration:none; }
.side ul.side-menu li a:hover { color:#0A6EC7; text-decoration:underline; }
.side ul.side-menu li.active a {color:#000;}
/*.side ul.side-menu li.divider {border-top: 1px solid #EDEDED; padding-top: 10px; margin-top: 18px;}*/

.side a.button-pripadova-studia { display:block; float:left; font-size:17px; color:#fff; text-decoration:none; text-align:center; background:#AAB210 url(http://www.krea.sk/images/marketing/images/layout/button-pripadova-studia-top.gif) no-repeat top left; }
.side a.button-pripadova-studia span { width:280px; float:left; display:block; height:60px; line-height:57px; cursor:pointer; background:url(http://www.krea.sk/images/marketing/images/layout/button-pripadova-studia-bottom.gif) no-repeat bottom left; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
.side a.button-pripadova-studia:hover {text-decoration:underline;}

.side a.button-pripadova-studia.button-live-website { color:#0A6EC7; background:url(http://www.krea.sk/images/marketing/images/layout/bg-side-box-top.gif) no-repeat top left; }
.side a.button-pripadova-studia.button-live-website span {background:url(http://www.krea.sk/images/marketing/images/layout/bg-side-box-bottom.gif) no-repeat bottom left; }

.side .referencia-image { width:250px; height:130px; position:relative; display:block; margin-bottom:10px; }
.side .referencia-image span { width:250px; height:130px; display:block; position:absolute; top:0; left:0; background:url(http://www.krea.sk/images/layout/border-referencie.png) no-repeat top left; }

.side ul.banners li { width:280px; height:93px; overflow:hidden; }
.side ul.banners li.last {margin-bottom:0;}
.side ul.banners li a {clear:both;}

.side ul.twitter-messages li a { font-size:10px; text-decoration:underline; }
.side ul.twitter-messages li a:hover {text-decoration:none;}
.side ul.twitter-messages li span { display:block; line-height:140%; }
.side ul.twitter-messages li span a { font-size:13px; text-decoration:none; }
.side ul.twitter-messages li span a:hover {text-decoration:underline;}

.side .rss-box li { float:left; padding:0 8px; border-right:1px solid #EDEDED; }
.side .rss-box li.rear {border:0;}
.side .rss-box li.rss { padding-left:20px; background:url(http://www.krea.sk/images/marketing/images/layout/icons/icon-rss.gif) no-repeat left; }
.side .rss-box li a { color:#5E5E5E; font-size:9px; text-transform:uppercase; text-decoration:none; }
.side .rss-box li a:hover {text-decoration:underline;}

.side.kontakt-side { margin-top: 90px; }
.side.kontakt-side p {margin-bottom:20px;}
.side.kontakt-side strong {display:block;}
.side.kontakt-side .maps-box { width:280px; height:147px; line-height:144px; color:#fff; text-align:center; display:block; font-size:15px; background:url(http://www.krea.sk/images/layout/krea-maps.jpg) no-repeat top left; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
.side.kontakt-side a.maps-box { text-decoration: none; }

/* =HEADLINE
---------------------------------------------------------------------------------------------------*/
.headline { color:#323A45; clear:both; }
.headline.headline-welcome { width:625px; padding:0 255px 35px 0; }
.headline.headline-error { width:575px; padding:0 305px 35px 0; }
.headline.headline-cols-3 { width:585px; padding:0 295px 35px 0; }
/*.headline.headline-cols-4 { width:670px; padding:0 210px 35px 0; }*/
.headline.headline-cols-4 { width:645px; padding:0 235px 35px 0; }
.headline.headline-extra-padding { width:615px; padding:0 265px 35px 0; }

/* =REFERENCES-BOX
---------------------------------------------------------------------------------------------------*/
.references-box { width:301px; height:106px; padding:47px 0 0 129px; margin-bottom:25px; float:left; background:#a4a4a4 url(http://www.krea.sk/images/layout/bg-referencie-new.gif) no-repeat top left; }
.references-box a { width:183px; height:53px; color:#fff; display:block; line-height:50px; text-align:center; font-size:18px; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }

/* =META-TAG
---------------------------------------------------------------------------------------------------*/
.meta-tag { width:100%; float:left; margin:0 0 10px 0; }
.meta-tag .date { float:left; height:23px; margin:0 25px 0 0; background:#323A45 url(http://www.krea.sk/images/marketing/images/layout/bg-date.gif) no-repeat top left; color:#fff; font-size:15px; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
.meta-tag .date span { line-height:18px; height:23px; float:left; padding:0 8px; background:url(http://www.krea.sk/images/marketing/images/layout/bg-date.gif) no-repeat top right; }
.meta-tag .iframe-box {float:left;}

/* =BOXES
---------------------------------------------------------------------------------------------------*/
ul.boxes { width:880px; float:left; margin:0 0 35px 0; }
ul.boxes li { float:left; margin:0 20px 0 0; }
ul.boxes li.clear { width:880px; float:none; height:1px; line-height:1px; font-size:1px; }
ul.boxes li img { float:left; margin:0 0 10px 0; }
ul.boxes li a { font-weight:bold; text-decoration:underline; }
ul.boxes li a:hover {text-decoration:none;}
ul.boxes li a.normal {font-weight:normal;}
ul.boxes li p {line-height:19px;}
ul.boxes.cols-2 {width:600px;}
ul.boxes.cols-2 li { width:280px; line-height:1.5em; }
ul.boxes.cols-3 li { width:280px; line-height:1.5em; }
ul.boxes.cols-4 li { width:205px; line-height:1.5em; }

ul.boxes li ul li { padding:7px 0; line-height:140%; border-top:1px solid #E6E7E8; }
ul.boxes li ul li.last { border-bottom:1px solid #E6E7E8; margin:0 0 6px 0; }
ul.boxes li ul li a { font-weight:normal; text-decoration:none; }
ul.boxes li ul li a:hover {text-decoration:underline;}

.boxes ul.list-style li { list-style:disc; line-height:1.5em; margin-left:17px; }

ul.boxes li ul.normal {overflow:hidden;}
ul.boxes li ul.normal li {padding:0;margin-left:20px;border:none;list-style:disc;line-height:19px;}
/* Hell: Ak sa ma pouzit ul.normal, treba upravit horizonal sync */

ul.boxes li a.button-vyziadat-ponuku { width:180px; height:55px; line-height:50px; margin:0 0 10px -5px !important; font-size:18px; font-weight:normal; display:block; float:left; text-decoration:none; text-align:center; color:#fff; text-shadow:1px 1px 1px #25292e; background:#25292e url(http://www.krea.sk/images/marketing/images/layout/button-vyziadat-ponuku.gif) no-repeat top left; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
ul.boxes li a.button-vyziadat-ponuku:hover { background-position:bottom left; }

/* =INFO-BOX
---------------------------------------------------------------------------------------------------*/
.info-box { width:236px; padding:20px 22px 164px 22px; margin-bottom:25px; position:relative; float:right; background:url(http://www.krea.sk/images/marketing/images/layout/bg-info-box.gif) repeat-y top left; }
.info-box .info-box-top { width:280px; height:10px; display:block; float:left; position:absolute; top:0; left:0; background:url(http://www.krea.sk/images/marketing/images/layout/bg-info-box-top.gif) no-repeat top left; }
.info-box p {margin-bottom:20px;}
.info-box h3, .info-box h3 a { font-size:16px; color:#323A45; font-weight:normal; line-height:1.2em; margin-bottom:5px; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; }
.info-box h3 a:hover {color:#0A6EC7;}
.info-box ul li { width:166px; min-height:80px; padding-left:70px; margin-bottom:10px; position:relative; }
.info-box ul li img { position:absolute; top:0; left:0; }
.info-box .referencie-small { width:280px; height:113px; padding:51px 0 0 0; position:absolute; bottom:0; left:0; text-align:center; float:left; background:url(http://www.krea.sk/images/marketing/images/layout/referencie-small-box.gif) no-repeat top left; }
.info-box .referencie-small a { width:134px; height:53px; display:inline-block; line-height:53px; font-size:16px; color:#fff; }

/* =BANNER-BOX
---------------------------------------------------------------------------------------------------*/
ul.banner-box li {float:left;}
ul.banner-box.two-banner li { width:430px; height:93px; margin:0 20px 0 0; background:#262E39; overflow:hidden; }
ul.banner-box.three-banner li { width:280px; height:93px; margin:0 20px 0 0; background:#262E39; overflow:hidden; }

ul.banner-box.call-to-action { width:880px; color:#fff; clear:both; background:#323A45 url(http://www.krea.sk/images/marketing/images/layout/bg-call-to-action-top.gif) no-repeat top left; }
ul.banner-box.small-call-to-action { width:580px; background-image:url(http://www.krea.sk/images/marketing/images/layout/bg-call-to-action-top-small.gif); }
ul.banner-box.call-to-action li { width:840px; padding:20px; float:none; text-align:center; font-weight:bold; font-size:20px; background:url(http://www.krea.sk/images/marketing/images/layout/bg-call-to-action-bottom.gif) no-repeat bottom left; }
ul.banner-box.small-call-to-action li { width:540px; background-image:url(http://www.krea.sk/images/marketing/images/layout/bg-call-to-action-bottom-small.gif); }
ul.banner-box.call-to-action span { display:block; font-weight:normal; font-size:16px; }
ul.banner-box.call-to-action a { color:#fff; text-decoration:underline; }
ul.banner-box.call-to-action a:hover {text-decoration:none;}

/* =BUTTONS-OBJEDNAVKA
---------------------------------------------------------------------------------------------------*/
.buttons-objednavka li {float:left;}
.buttons-objednavka li.or { line-height:72px; width:50px; color:#B1B4B8; text-align:center; }
.buttons-objednavka li a { width:263px; height:55px; padding:17px 0 0 0; display:block; float:left; text-align:center; color:#fff; font-size:14px; background:#A0AF19 url(http://www.krea.sk/images/marketing/images/layout/buttons/bg-button-objednavka.jpg) no-repeat top left; font-family: 'HelveticaNeueCELight', Helvetica, Arial, sans-serif; text-shadow:#6374AB 2px 1px 1px; }
.buttons-objednavka li a span { font-size:18px; display:block; margin:0 0 5px 0; }
.buttons-objednavka li a:hover { background-position:bottom left; background-color:#93A111; text-decoration:none; }

/* =FORM
---------------------------------------------------------------------------------------------------*/
form label { float:left; font-size:14px; }
form .field {float:left;}
form .row { width:100%; clear:both; float:left; padding:0 0 10px 0; }
form.send-email-form { width:640px; padding:20px 0 0 0; background:url(http://www.krea.sk/images/marketing/images/layout/bg-form-top.gif) no-repeat top left; }
form.send-email-form label.error { top:7px !important; }
form.send-email-form fieldset { padding:0 20px 20px 20px; background:url(http://www.krea.sk/images/marketing/images/layout/bg-form-bottom.gif) no-repeat bottom left; }
form.send-email-form label { width:120px; line-height:35px; }
form.send-email-form .field { width:461px; height:31px; padding:2px; background:#fff url(http://www.krea.sk/images/marketing/images/layout/bg-field-465.gif) no-repeat left top; }
form.send-email-form .field input { width:441px; height:15px; padding:8px 10px; border:0; background:transparent; }
form.send-email-form .submit {margin-left:120px;}

form .field.error,
form .field.error1 {position:relative;}
form .field.error label,
form .field.error1 label { font-size:1px; text-indent:-999px; }
form .field.error label.error { width:80px !important; height:20px !important; right:5px; top:4px; position:absolute; background:#ff0000 url(http://www.krea.sk/images/marketing/images/layout/icons/icon-povinny-udaj.gif) no-repeat top left; overflow:hidden; }
form .field.error1 label.error { width:80px !important; height:20px !important; right:5px; top:4px; position:absolute; background:#ff0000 url(http://www.krea.sk/images/marketing/images/layout/icons/icon-zly-format.gif) no-repeat top left; overflow:hidden; }

form select.error {background-color:#FFCCCC;}

form .form label { width:580px; float:left; font-size:13px; line-height:180%; }
form .form .field { float:left; margin:0 0 5px 0; }
form .form .field input { width:370px; padding:5px; }
form .form textarea { float:left; width:565px; padding:5px; margin:0 0 10px 0; }
form .form .button { float:left; clear:both; }

form.kontakt-form textarea {width:560px;}
form.kontakt-form label.error { top:6px !important; }
form.kontakt-form .row,
form.kontakt-form label {width:560px;}
form.kontakt-form .large-row input { width:560px; font-size:16px; }
form.kontakt-form .row.small-row { width:280px; clear:none; }
form.kontakt-form .row.small-row label {width:280px;}
form.kontakt-form .row.small-row input {width:260px;}
form.kontakt-form .row.small-row select {width:276px;}
form.kontakt-form .row-checkbox { width:320px; float:left; }
form.kontakt-form .row-checkbox input { width:14px; height:14px; float:left; clear:none; padding:0; margin:0 5px 0 0; line-height:1; }
form.kontakt-form .row-checkbox label { width:270px; clear:none; float:left; line-height:110%; }

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer { width:880px; padding:0 40px; margin:0 auto; clear:both; color:white; font-size:11px; }
.footer li { float:left; margin:30px 40px 0 0; padding-bottom:30px; line-height:150%; }
.footer li ul li { float:none; margin:0; padding:0; }
.footer li .title { font-size:13px; margin:0 0 5px 0; font-weight:bold; display:block;color:white; }
.footer li p { margin:0 0 15px 0; }
.footer a { color:white; text-decoration:underline; }
.copy a:hover,
.footer a:hover {text-decoration:none;}
.footer .f-cols-1 {width:190px;}
.footer .f-cols-2 {width:200px;}
.footer .f-cols-2 form { width:205px; float:left; margin:0 0 15px 0; }
.footer .f-cols-2 form .field {padding:0;}
.footer .f-cols-2 form .field input { width:115px; height:15px; padding:2px 3px; margin:0; color:#777676; font-style:italic; }
.footer .f-cols-2 form .field.write input { color:#000; font-style:normal; }
.footer .f-cols-3 { width:140px; margin-right:20px; }
.footer .f-cols-4 { width:120px; margin-right:20px; }
.footer .f-cols-5 { width:105px; margin-right:0; }
.footer .f-cols-5 img { float:left; margin:2px 5px 0 0; }

/* =COPY
---------------------------------------------------------------------------------------------------*/
.copy { width:960px; margin:0 auto; padding:0 0 50px 0; text-align:center; clear:both; color:/*#7D7E7F*/#81878f; font-size:11px; line-height:140%; }
.copy a { color:#81878f; text-decoration:underline; }

/* =OBJEDNAVKA
---------------------------------------------------------------------------------------------------*/
.objednavka-item { width:580px; float:left; margin:0  0 20px 0; }

.objednavka-item .ikona { display:none; float:left; margin:0 10px 0 0; }
.objednavka-item .ordering { width:535px; float:left; }
.objednavka-item .checkbox { width:14px; height:14px; float:left; padding:0; margin:0 5px 0 0; line-height:1; }
.objednavka-item label { float:left; cursor:pointer; font-size:15px; font-weight:bold; margin:0 5px 5px 0; }
.objednavka-item .prize { float:right; font-size:15px; }
.objednavka-item p {clear:both;}
.objednavka-item .form_list { width:535px; float:left; }
.objednavka-item .form_list a {display:inline-block;}

.objednavka-status-box { width:250px; float:left; background:#323A45; }

.objednavka-status { width:280px; float:left; background:#323A45 url(http://www.krea.sk/images/marketing/images/layout/bg-objednavka-status-top.gif) no-repeat top left; color:#fff; }
.objednavka-status-in { width:250px; padding:15px; float:left; overflow:hidden; background:url(http://www.krea.sk/images/marketing/images/layout/bg-objednavka-status-bottom.gif) no-repeat bottom left; }
.objednavka-status h2 { font-size:17px; color:#fff !important; }
.objednavka-status .no-results,
.objednavka-status .v_prehlade { width:250px; float:left; display:none; border-bottom:1px solid #7A7F86; }
.objednavka-status .leftsp,
.objednavka-status .leftspa { float:left; line-height:22px; font-size:11px; }
.objednavka-status .rightsp,
.objednavka-status .rightspa { float:right; line-height:22px; font-size:11px; }
.objednavka-status .leftsp,
.objednavka-status .rightsp { font-weight:bold; font-size:11px; }

.objednavka-status-results { width:250px; float:left; border-top:3px solid #fff; }

/* =MAPA-STRANOK
---------------------------------------------------------------------------------------------------*/
ul.mapa-stranok li {line-height:150%;}
ul.mapa-stranok li ul { margin:0 0 15px 15px; }
ul.mapa-stranok li ul li { list-style:disc; list-style-position:outside; }

/* =ITEM
---------------------------------------------------------------------------------------------------*/
.item.referencie { padding:10px 0 0 0; margin:0; display:block; float:left; }
.item.referencie li { float:left; width:210px; height: 161px; padding:0 8px 0 4px; margin:0; position:relative; list-style:none; position:relative; }
.item.logos li {height:145px;}
.item.referencie li p { font-size:13px !important; color:#323A45; }
.item.referencie li.rear {padding-right:0;}
.item.referencie li img {display:inline;}

.item.referencie li span em { margin-left: 5px; padding: 3px 3px 2px 3px; font-style: normal; font-size: 8px; background-color: #323a45; color: #FFF; }
.item.referencie li span em.services { margin:0; padding:0; background: none; color: #8e8e8e; font-style: normal; text-transform: uppercase; font-size: 10px; }
.item.referencie li a { /*color: #323A45 !important;*/ font-weight:bold !important; text-decoration:none; }
.item.referencie li a:hover {text-decoration:underline;}
.item.referencie li .zoom {background:url(http://www.krea.sk/images_new/layout/icon-zoom.png) no-repeat; position:absolute; top:-8px; left:-8px; width:25px; height:25px; }
.item.referencie li img {display:inline;}

/* =404
---------------------------------------------------------------------------------------------------*/
.options404 { padding: 20px 0; }
.options404 li { list-style:disc; margin-left:40px; line-height:1.5em; }

/* Mega.sk banner */
.banner-mega { margin:0 0 10px 0; display:block; }

/* Overlay */
.pnk { position:fixed; z-index:55; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#DA048C url(http://www.krea.sk/images_new/layout/ovl.gif) top center no-repeat; }
.ovl-big {display:block; overflow:hidden; height:0; padding:196px 0 0 0; line-height:2em; width:960px; background:#DA048C url(http://www.krea.sk/images_new/layout/ovl-big.gif) top center no-repeat; position:absolute; z-index:60; left:50%; top:50%; margin-left:-480px; margin-top:-98px; }
.ovl-sml {display:block; overflow:hidden; height:0; padding:50px 0 0 0; line-height:2em; width:340px; background:#DA048C url(http://www.krea.sk/images_new/layout/ovl-sml.gif) top center no-repeat; position:absolute; z-index:58; left:50%; bottom:25px; margin-left:-170px; }