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

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { font-size:27px; color:#000; margin-bottom:15px; }
h2 { font-size:14px;  line-height:140%; }
h3 { font-size:18px;  font-weight: normal; line-height:140%; margin-bottom:5px; }
h1 a { text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h1.sifr { font-size:60px; color:#323a45; }
h1.width700 { width:700px; overflow:hidden; }
.title { font-size:18px; font-weight:bold; margin-bottom:5px; display:block; }
a { color:#2A6FCE; text-decoration:underline; outline:none; }
a:hover {text-decoration:none;}
img { border:none; padding:0; margin:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
p {line-height:140%;}
.clear {clear:both;}
.float { float:left !important; margin-right: 10px;}
.floatRight { float:right !important; margin-left: 10px;}
ul li { list-style:none; line-height:130%; }
.m0 { margin:0px !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.mt15 { margin-top:15px !important; }
.mr20 { margin-right:20px !important; }
.mr40 { margin-right:40px !important; }
.wrap { width:960px; margin-top:17px; padding:30px 10px 0 10px; background:url(http://www.krea.sk/images_new/layout/shadow-wrap.png) repeat-y top left; }
.wrap-out { width:980px; padding-top:0px; margin:0 auto; background:url(http://www.krea.sk/images_new/layout/shadow-top.png) no-repeat top left; }
.gray {color:#969696;}

h1.title-font,
h1.title-font a {  color:#323A45 !important; font-size:55px; font-weight: normal; font-style: normal; line-height:100%; font-family: 'HelveticaNeueCELight', sans-serif;}
h1.title-font a:hover { color:#0094d6  !important; text-decoration:none; }

h2.title-font,
h2.title-font a { color:#323A45 !important; font-size:26px; font-weight: normal; font-style: normal; line-height:100%; font-family: 'HelveticaNeueCELight', sans-serif;}

.content p.descr { font-size:20px; font-weight:normal; line-height:125%; font-family: 'HelveticaNeueCELight', sans-serif; }

@font-face { font-family: 'HelveticaNeueCELight'; src: url('http://www.krea.sk/fonts/helvncel-webfont.eot'); 	src: local('☺'), url('http://www.krea.sk/fonts/helvncel-webfont.woff') format('woff'), url('http://www.krea.sk/fonts/helvncel-webfont.ttf') format('truetype'), url('http://www.krea.sk/fonts/helvncel-webfont.svg#webfontfpwwP0v8') format('svg'); font-weight: normal; font-style: normal; }


/* =TOP
---------------------------------------------------------------------------------------------------*/
.top { width:885px; height:37px; padding-right:30px; line-height:37px; color:#fff; float:right; background:url(http://www.krea.sk/images_new/layout/top-shadow.gif) no-repeat bottom right; }

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header { height:39px; padding:0 40px 60px 20px; background:#fff; }
.header img { float:left; margin-right:123px; }
.header form { float:right; padding-top:8px; }
.header form .row { width:143px; height:20px; padding:3px 3px 0 5px; background:#fff url(http://www.krea.sk/images_new/layout/bg-search-input.gif) no-repeat; }
.header form .row input { width:136px; float:right; padding:1px 1px 1px 8px; border:0; background:transparent; font-size:13px; color:#A3A3A3; }

/* =MAIN-MENU
---------------------------------------------------------------------------------------------------*/
.main-menu { width:599px; float:right; }
.main-menu li { float:left; position:relative; z-index:50; }
.main-menu li a { font-size:14px; text-decoration:none; margin:0 7px; padding:10px 0 0 0; height:29px; float:left; color:#fff; text-align:center; position:relative; }
* html .main-menu li a {display:inline;}
.main-menu li a:hover {color:#C8C8C8;}

.main-menu li a span { display:block; position:absolute; z-index:10; top:0; left:0; width:100%; height:39px; cursor:pointer; background-position:bottom; background-repeat:no-repeat; }
.main-menu li a.referencie {width:85px;}
.main-menu li a.referencie span {background-image:url(http://www.krea.sk/images_new/navigation/referencie.gif); }
.main-menu li a.sluzby {width:58px;}
.main-menu li a.sluzby span {background-image:url(http://www.krea.sk/images_new/navigation/sluzby.gif); }
.main-menu li a.agentura {width:75px;}
.main-menu li a.agentura span {background-image:url(http://www.krea.sk/images_new/navigation/agentura.gif); }
.main-menu li a.kariera {width:62px;}
.main-menu li a.kariera span {background-image:url(http://www.krea.sk/images_new/navigation/kariera.gif); }
.main-menu li a.blog {width:45px;}
.main-menu li a.blog span {background-image:url(http://www.krea.sk/images_new/navigation/blog.gif); }
.main-menu li a.kontakt {width:69px;}
.main-menu li a.kontakt span {background-image:url(http://www.krea.sk/images_new/navigation/kontakt.gif); }
.main-menu li a.follow {width:99px;}
.main-menu li a.follow span {background-image:url(http://www.krea.sk/images_new/navigation/follow-us.gif); }

.main-menu li a.active { height:29px; color:#000; }
.main-menu li a.active span,
.main-menu li a.active:hover span { background-position:top; color:#000; height:39px; }
.main-menu li a:hover span {background-position:top;}

.main-menu li .submenu-in {display:none;}
.main-menu li:hover .submenu-in { width:185px; display:block; position:absolute; top:39px; left:-9px; }
.main-menu li:hover .submenu { width:175px; padding:10px 0 10px 10px; float:left; }
.main-menu li:hover .submenu.sub1 { background:url(/images_new/layout/submenu1-top.png) no-repeat top left; }
.main-menu li:hover .submenu.sub2 { background:url(/images_new/layout/submenu2-top.png) no-repeat top left; }
.main-menu li:hover .submenu li a { width:160px; height:22px; line-height:22px; font-size:12px; padding:0; color:#8e8e8e; text-align:left; }
.main-menu li:hover .submenu li a:hover {color:#323a45;}
.main-menu li:hover .sub-bottom { width:185px; height:6px; clear:both; display:block; background:url(/images_new/layout/submenu2-bottom.png) no-repeat top left; }

/* =BREADCRUMB
---------------------------------------------------------------------------------------------------*/
.breadcrumb { font-size:9px; color:#3E4650; text-transform:uppercase; clear:both; margin-bottom:5px; }
.breadcrumb a { color:#989A9D; text-decoration:none; }
.breadcrumb a:hover {text-decoration:underline;}

/* =MAIN
---------------------------------------------------------------------------------------------------*/
.main { padding:0 40px 30px 40px; background:#fff; }
* html .main { width:880px; overflow:hidden; }
.main.career { padding:0 40px 30px 20px; }

/* =HEADLINE
---------------------------------------------------------------------------------------------------*/
.headline {height:421px;}
.headline h1 {margin-left:260px;}
.headline .h1-o { height:60px !important; overflow:hidden; }
.headline h2 { margin:0 0 10px 262px; }

/* =WELCOME-HEADLINE
---------------------------------------------------------------------------------------------------*/
.welcome-headline { width:880px; height:240px; float:left; margin-bottom:25px; overflow:hidden; }
.welcome-headline .welcome-banner { float:left; width:585px; height:240px; overflow:hidden; }
.welcome-headline .welcome-text { float:left; padding: 20px; width:255px; height:200px; overflow:hidden; background:url('http://www.krea.com/images_new/layout/bg-frontcorner.gif') top right no-repeat; }
.welcome-headline .welcome-text ul li {line-height:160%;}
.welcome-headline h2,
.welcome-box h2,
.welcome-headline .welcome-text ul li a {font-size:14px;}
.welcome-headline #front-image { width:585px; height:240px; overflow:hidden; background:#323a45; }
.welcome-box .box { width:298px; margin-right:5px; float:left; font-size:14px; }
.welcome-box .box ul li {line-height:170%;}
.welcome-box .box.rear { width:274px; margin-right:0; }
.welcome-box .box ul#twitter_update_list li { float:none; display:block; font-size:14px; margin-bottom:17px; line-height:140%; color:#323A45; }
.welcome-box .box ul#twitter_update_list li a { color: #8e8e8e;  font-style: italic; text-decoration: none; }
.welcome-box .box ul#twitter_update_list li span a { font-style: normal; text-decoration: underline; color: #2A6FCE; }
.welcome-box .box p { line-height:140%; font-size:14px; margin-bottom:10px; }
.welcome-box .box p strong {display:block;}

/* =SIDE
---------------------------------------------------------------------------------------------------*/
.side { width:275px; float:right; margin-bottom:10px; font-size:14px; }
.main.career .side { width:242px; float:left; }
.side.small-side {width:200px;}
.side ul.sub-navigation { width:242px; display:block; float:left; margin-bottom:20px; }
.side ul.sub-navigation li { float:left; position:relative; left:-30px; line-height:130%; }
.side ul.sub-navigation li a { display:block; float:left; width:212px; padding-left:30px; height:52px; line-height:50px; color:#323A45; font-size:14px; text-decoration:none; }
.side ul.sub-navigation li a.active,
.side ul.sub-navigation li a.active:hover {background:url(http://www.krea.sk/images_new/layout/sub-navigation.png) no-repeat; text-decoration:none; cursor:default; }
.side ul.sub-navigation li a:hover {text-decoration:underline;}
.side .blog-box {margin-bottom:25px;}
.side ul li {line-height:160%;}
.side ul#twitter_update_list li { float:none; display:block; font-size:14px; margin-bottom:10px; line-height:140%; color:#323A45; }
.side ul#twitter_update_list li a { color: #8e8e8e;  font-style: italic; text-decoration: none; }
.side ul#twitter_update_list li span a { font-style: normal; text-decoration: underline; color: #2A6FCE; }
.side p {margin-bottom:20px;}
.side p strong {display:block;}


/* =NEWSLETTER
---------------------------------------------------------------------------------------------------*/
form.newsletter { width:212px; clear:both; padding-top:10px; background:url(http://www.krea.sk/images_new/layout/bg-newsletter-top.gif) no-repeat top left; }
form.newsletter fieldset { padding:10px 20px 20px 20px; background:url(http://www.krea.sk/images_new/layout/bg-newsletter-bottom.gif) no-repeat bottom left;; }
form.newsletter p { margin-bottom:10px;  font-size:13px; color:#000; }
form.newsletter strong {display:inline;}
form.newsletter input { width:151px; padding:2px; margin-bottom:5px; color:#7D7D7D; font-style:italic; }
form.newsletter input.odoberat { width:139px; padding:0; }
form.newsletter .note { font-size:11px; margin-bottom:0; }
form.newsletter .note a {color:#000;}

form.newsletter-green { width:275px; background:#C1C439 url(http://www.krea.sk/images_new/layout/bg-newsletter-green-top.gif) no-repeat top left; color:#000; }
form.newsletter-green fieldset { padding:20px; background:url(http://www.krea.sk/images_new/layout/bg-newsletter-green-bottom.gif) no-repeat bottom left;; }
form.newsletter-green p { font-size:13px; margin-bottom:10px; }
form.newsletter-green input {margin-bottom:10px;}
form.newsletter-green .row input { font-size:13px; width:130px; margin-right:5px; font-style:italic; color:#7D7D7D; padding:4px 5px; float:left; margin-bottom:10px; }

/* =CONTENT
---------------------------------------------------------------------------------------------------*/
.content { width:569px; float:left; color:#323A45; font-size:14px; }
.content.medium-content {width:640px;}
.content.large-content {width:887px;}
.main.career .content { width:640px; float:right; }
.content p.descr { font-size:20px; font-weight:normal; line-height:125%; }
.content p { margin-bottom:20px; font-size:14px; }
.content a.border-img { position:relative; float:right; width:243px; height:171px; margin-left:30px; }
.content a.border-img span.border {background:url(http://www.krea.sk/images_new/layout/border-img.gif) no-repeat; position:absolute; top:0; left:0; width:243px; height:171px; }
.content a.border-img span.zoom {background:url(http://www.krea.sk/images_new/layout/icon-zoom.png) no-repeat; position:absolute; top:-5px; left:-5px; width:25px; height:25px; }
.content ul {margin-bottom:20px;}
.content ul li { list-style:disc; list-style-position:inside; line-height:140%; }
.content ul li.nostyle {list-style:none;}
.content p.blog-author { color:#8E8F91; font-style:italic; margin-bottom:0; }

code { margin:0 0 20px 35px; display:block; font-size:12px !important; color:#323A45 !important; font-family: ‘Lucida Console’, ‘Monaco CE’, fixed, monospace; }
ul.list { margin:0 0 20px 35px; text-indent: -1em; }

ul.sub-nav { width:880px; margin-bottom:1em; float:left; font-size:20px; font-weight:normal;  line-height:125%; color:#DDDEDF; }
ul.sub-nav a { text-decoration: none; }
ul.sub-nav a:hover { text-decoration: underline; }
ul.sub-nav a.active { color: #323a45; }
ul.sub-nav a.active:hover { text-decoration: none;}
ul.sub-nav li { float:left; margin:0; list-style:none; padding-right:20px; background:url(http://www.krea.sk/images_new/layout/divider-sub-nav.gif) no-repeat right top; } 
ul.sub-nav li.last { background:none; padding:0; }

.side .references-small { display:block; width:251px; height:123px; padding:107px 0 0 23px; margin-bottom:30px; }

.welcome-box .references-front { display:block; width:214px; height:100px; padding:40px 0 0 60px; background:url(http://www.krea.sk/images_new/content/client-logos.gif) no-repeat; }
.welcome-box .references-front a.button { width:151px; height:35px; padding:14px 0 0 0; margin:0 0 5px 0; display:block; font-size:16px; background:url(http://www.krea.sk/images_new/layout/bg-button-new.png) no-repeat; text-align:center; font-weight:bold; color:#fff; text-decoration:none; }

.side a.button { width:229px; height:35px; padding:14px 0 0 0; margin:0 0 5px 0; display:block; font-size:16px; background:url(/images/_layout/bg-button.png) no-repeat; text-align:center; font-weight:bold; color:#fff; text-decoration:none; }

* html .side a.button { background:url(/images/_layout/bg-button.gif) no-repeat; }
.welcome-box a.button:hover ,
.side a.button:hover {text-decoration:underline;}

#links-box { width:878px; margin:0 0 30px 0; }

/* =SLOVNIK
---------------------------------------------------------------------------------------------------*/
ul.slovnik-last-list { width:615px; margin:0 0 20px 0; float:left; }
ul.slovnik-last-list li { float:left; width:195px; margin:0 0 5px 0; padding:0 10px 0 0; list-style:none; }
ul.slovnik-last-list.one-row li {float:none;}
a.button-slovnik-vyrazov { width:95px; height:34px; padding:0 0 0 35px; position:relative; margin:-13px 0 0 0; line-height:34px; display:block; float:right; color:#fff; text-decoration:none; background:#323a45 url(http://www.krea.sk/images_new/layout/button-slovnik-vyrazov.gif) no-repeat; }
a.button-slovnik-vyrazov:hover {text-decoration:underline;}

.slovnik-form { width:492px; height:35px; padding:30px 0 30px 30px; margin:0 0 20px 0; float:left; position:relative; background:url(http://www.krea.sk/images_new/layout/bg-search-slovnik.gif) no-repeat; }
.slovnik-form label { font-size:14px; font-weight:bold; float:left; margin:0 10px 0 0; line-height:34px; color:#323a45; }
.slovnik-form .field { width:212px; height:32px; padding:2px; float:left; margin:0 10px 0 0; background:url(http://www.krea.sk/images_new/layout/bg-input-slovnik.gif) no-repeat top left; }
.slovnik-form .field input { width:196px; height:18px; padding:7px 8px; border:0; }
.slovnik-form input.submit { width:122px; height:34px; margin:0; padding:0; background:none; }

.LSResult { position: absolute; top:64px; left:144px; width:213px; background:url(http://www.krea.sk/images_new/layout/bg-white.png); z-index: 45; padding:0; overflow:visible; border:1px solid #EDEDED; border-left:1px solid #ACA899; border-top:0; }
* html .LSResult {background:#fff;}
.LSResult .LSShadow li { list-style:none; float:left; clear:both; margin:0; padding:0; font-size:12px; }
.LSResult li.LSRow a { width:193px; height:25px; line-height:25px; padding:0 10px; overflow:hidden; float:left; display:block; font-size:13px; color:#323A45; text-decoration:none; }
.LSResult #LSHighlight,
.LSResult #LSHighlight a,
.LSResult li.LSRow a:hover { background:#323A45; color:#fff; }
.LSResult .LSShadow li#LSHighlight.no-result { background:#fff; color:#000; }
.LSResult .LSShadow li.no-result { padding:0 10px; font-style:italic; }

/* =CALL-2-ACTION
---------------------------------------------------------------------------------------------------*/
.content .call-2-action { width:640px; height:71px; padding-top:21px; display:block; float:left; color:#fff; text-align:center; text-decoration:none; font-weight:bold; font-size:23px; background:#404752 url(http://www.krea.sk/images_new/layout/call-2-action.gif) no-repeat; }
.content .call-2-action.large { width:882px; font-size:13px !important; line-height: 1.5em; background: url(http://www.krea.sk/images_new/layout/call-2-action-large.png) no-repeat; }
.content .call-2-action.large span { font-size:23px !important; }
.content .call-2-action.small { width:564px; font-size:13px !important; background:#404752 url(http://www.krea.sk/images_new/layout/call-2-action-small.gif) no-repeat; }
.content .call-2-action.small span { font-size:23px !important; }
.content .call-2-action span { font-size:13px; display:block; padding:4px 0; }
.content .call-2-action a {color:#fff;}
.content img.blog-img { margin:0 0 25px 0; }

/* =BOXES
---------------------------------------------------------------------------------------------------*/
.content .boxes li { list-style:none; margin-bottom:40px; }

/* =CONTACT-FORM
---------------------------------------------------------------------------------------------------*/
.contact-form { padding-top:10px; background:url(http://www.krea.sk/images_new/layout/bg-corner-box-top.gif) no-repeat top left; }
.contact-form fieldset { padding:20px 30px 30px 30px; background:url(http://www.krea.sk/images_new/layout/bg-corner-box-bottom.gif) no-repeat bottom left; }
.contact-form .row input { font-size:18px; width:265px; font-weight:bold; color:#323A45; padding:2px 5px; float:left; margin-bottom:15px; }
.contact-form .row select { width:280px; margin-bottom:15px; }
.contact-form .row input.name { width:565px; font-size:26px; }
.contact-form .row input.file {font-size:14px;}
.contact-form .row textarea { width:565px; height:130px; padding:5px; margin-bottom:15px; font-size:18px; max-width:585px; }
.contact-form .row label { font-size:14px; line-height:20px; display:block; }
.contact-form .row-checkbox { width:350px; margin-top:15px; margin-bottom:15px; float:left; }
.contact-form .row-checkbox input { float:left; width:14px; height:14px; margin-right:10px; }
.contact-form .row-checkbox label { width:325px; float:right !important; line-height:15px; font-size:14px; }
.contact-form .box-left {float:left;}
.contact-form .box-right {float:right;}

/* =SEARCH-FORM
---------------------------------------------------------------------------------------------------*/
form#search-form { width:569px; padding-top:20px; background:url(http://www.krea.sk/images_new/layout/bg-search-top.gif) no-repeat top left; }
form#search-form fieldset { padding:0 0 21px 60px; background:url(http://www.krea.sk/images_new/layout/bg-search-bottom.gif) no-repeat bottom left; }
form#search-form label { font-weight:bold; float:left; line-height:30px; margin-right:10px; }
form#search-form .row { float:left; margin-right:5px; }
form#search-form .row input {padding:5px;}
form#search-form input {float:left;}

/* =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 9px 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;}

.item.services { padding:0 0 0 0; margin:0; display:block; float:left; }
.item.services li { float:left; width:190px; padding:0 29px 0 4px; margin:0; position:relative; list-style:none; position:relative; }
.item.services li p { margin-bottom: 0; }
.item.services li.rear {padding-right:0;}
.item.services li.clear { width:887px; height:1px; line-height:1px; font-size:1px; float:none; list-style:none; }
.item.services li h2 a {text-decoration:underline;}
.item.services li h2 a:hover {text-decoration:none;}

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
/*.footer-out { background:#C1C439 url(http://www.krea.sk/images_new/layout/bg-footer-green.gif) repeat-x top left; }*/
.footer { width:920px; padding:40px 30px 30px 30px; margin:0 auto; font-size:11px; color:#FFF; background:url(http://www.krea.sk/images_new/layout/bg-footer.png) no-repeat top left; }
.footer strong { margin:0 0 5px 0; font-size:13px; font-weight:bold; display:block; }
.footer a { font-size:11px; color:#FFF; text-decoration:underline; }
.footer a:hover {text-decoration:none;}
.footer form { margin:0 0 15px 0; }
.footer input { float:left; width:106px; font-style:italic; color:#7D7D7D; padding:2px; }
.footer input.submit { width:67px; height:25px; float:right; padding:0; border:0; }
.footer .boxes { width:460px; margin:0 0 15px 0; float:left; }
.footer .boxes.rear {width:420px;}
.footer .boxes p { margin:0 0 5px 0; }
.footer .boxes .box { width:190px; padding-right:40px; float:left; }
.footer .boxes.rear .box { width:120px; padding-right:30px; }
.footer .boxes.rear .box img { margin:2px 5px 0 0; float:left; }
.footer .boxes .box.rear {padding-right:0;}

.copyright-box { font-size:11px; padding:10px 0 0 0; display:block; text-align:center; color:#6a707b; line-height:1.3em;}
.copyright-box p.float { margin:5px 0 0 0; }
.copyright-box span { margin:5px 5px 0 0; float:left; font-weight:normal; }
.copyright-box img { margin:5px 0 0 2px; float:left;}
.copyright-box a { padding:2px 0 2px 0; color:#a0a6ae; }

/* =OUTSOURCE
---------------------------------------------------------------------------------------------------*/
.outsource table { border: 0; margin: 0; padding: 0; }
.outsource td { padding: 7px 0; border-bottom:1px solid #EEE; }
.outsource thead { text-transform: uppercase; font-size: 10px; }
span.invert { padding:5px 10px; background:#000; color:#FFF; }

.outcomment { background:#EEE; color:#000; padding: 10px; margin-bottom:10px;}
.outcomment p {margin:0;}

.outsourcec2a { width:212px; clear:both; padding-top:10px; background:url(http://www.krea.sk/images_new/layout/bg-newsletter-top.gif) no-repeat top left; margin-top: 0px; }
.outsourcec2a fieldset { padding:10px 30px 20px 20px; background:url(http://www.krea.sk/images_new/layout/bg-newsletter-bottom.gif) no-repeat bottom left;; }
.outsourcec2a p { margin-bottom:10px;  font-size:13px; color:#000; }
.outsourcec2a strong {display:inline;}
.outsourcec2a textarea { width:151px; padding:2px; margin-bottom:5px; color:#7D7D7D; font-style:italic; }
.outsourcec2a .note { font-size:11px; margin-bottom:0; }
.outsourcec2a .note a {color:#000;}

/* =3COLUMNS
---------------------------------------------------------------------------------------------------*/
.content .three { float:left; width:260px; }
.content .one-large { float:left; width:530px; }

/* =PAGINATE
---------------------------------------------------------------------------------------------------*/
.paginate { width:100%; clear:both; height:28px; text-align:center; }
.paginate a { font-size:10px; color:#8E8E8E !important; display:inline-block; text-align:center; text-decoration:none; line-height:28px; padding-left:10px; background:#303946 url(http://www.krea.sk//images_new/layout/bg-paginate-left.gif) no-repeat top left; }
.paginate a:hover {text-decoration:underline;}
.paginate a span { display:block; float:left; line-height:28px; height:28px; padding-right:10px; background:url(http://www.krea.sk//images_new/layout/bg-paginate-right.gif) no-repeat top right; }
.paginate a.active { background-position:bottom left; background-color:#fff; color:#fff !important; }
.paginate a.active span { background-position:bottom right; }

/* =BLOG LAYOUT
---------------------------------------------------------------------------------------------------*/
.content .blog-left { float:left; width:647px; }
.content .blog-left a {color:#0094d6;}
.content .blog-left h2 { font-size: 25px; font-weight: normal; line-height:1.1em; margin-bottom:10px; }
.content .blog-left h2 a { color: #0094d6; text-decoration: none; }
.content .blog-left h2:hover a { color: #0094d6; text-decoration: underline; }
.content .blog-left li.tag { float: left; background: #ededed url(/images_new/layout/blog-tag-1.gif) no-repeat left top; list-style:none; margin: 0 5px 3px 0; height:23px; font-size:11px; color:#878c93; padding-left:10px;  text-transform: lowercase; }
.content .blog-left li.tag a { text-decoration: none; color:#878c93; background: #ededed url(/images_new/layout/blog-tag-2.gif) no-repeat right top; padding: 4px 10px 0 0; height:19px; display:block; float:left; }
.content .blog-left li.tag a:hover {color:#323a45;}
.content .blog-left li.comm { float: left; background: url(/images_new/layout/blog-comm-1.gif) no-repeat left top; list-style:none; height:31px; font-size:11px; color:#bfe4f5; padding-left:10px;  }
.content .blog-left li.comm a { text-decoration: none; color:#bfe4f5; background: url(/images_new/layout/blog-comm-2.gif) no-repeat right top; padding: 4px 10px 0 0; height:27px; display:block; float:left; }
.content .blog-left li.comm a:hover {color:#FFF;} 
.content .blog-left .headline { width:647px; height:243px; }
.content .blog-left .headline span { background:url(/images_new/layout/blog-headline.png); display:block; width:647px; height:243px;}
.content .blog-left .headline span.zoom { background:url(/images_new/layout/blog-headline-zoom.png); display:block; width:647px; height:243px;}

.content .blog-left .column { float: left; /*width: 313px;*/ width:159px; margin-bottom:20px; }
* html .content .blog-left .column {overflow:hidden;}

/* .content .blog-left .column .item { width:139px; height:112px; float:left; margin-right:15px; text-align:right; } */
.content .blog-left .column .item { width:139px; height:112px; margin-right:15px; position:relative; text-align:right; position:relative; }
.content .blog-left .column .item .corner-column { width:33px; height:115px; background:url(http://www.krea.sk/images_new/layout/blog-comm.png) no-repeat; position:absolute; cursor:pointer; top:-6px; left:0px; display:block; padding-left:126px; padding-top:3px; text-align:center; }
* html .content .blog-left .column .item .corner-column { left:-139px; top:-118px; }
* html .content .blog-left .column .item a.comment-bubble {right:1px;}
.content .blog-left .column .item a.comment-bubble { color:#bfe4f5; font-size:11px; text-decoration:none; width:20px; height:20px; display:block; text-align:center; position:absolute; top:-1px; right:-13px; }
.content .blog-left .column .item a.comment-bubble:hover {color:#FFF;}
/* .content .blog-left .column h2.small { font-size:16px !important; line-height:1.1em; padding:25px 0 2px 0; margin:0 0 5px 0; width:155px; display:block; overflow:hidden; background:none; } */
.content .blog-left .column h2.small { font-size:14px !important; line-height:1.2em; padding-top:5px; margin:0 0 5px 0; width:155px; display:block; overflow:hidden; background:none; text-align: left;}
.content .blog-left .column h3.small { font-size:14px !important; line-height:1.2em; padding-top:5px; margin:0 0 5px 0; width:155px; display:block; overflow:hidden; background:none; text-align: left;}
.content .blog-left .column h2.small a { color: #0094d6; text-decoration: none; display:block; }
.content .blog-left .column h2.small a:hover { text-decoration: underline; }
.content .blog-left .column ul.categories-tags { width:158px; float:right; }

.content .blog-right { float:right; width:212px; padding:4px 0 0 0; }
.content .blog-right h2 { font-size: 10px; text-transform: uppercase; margin-bottom:10px; padding: 0 0 0 15px; line-height: 1em; }
.content .blog-right ul { width:212px; margin: 0; padding: 0; float:left; }
.content .blog-right li { width:187px; font-size: 10px; float:left; list-style:none; text-transform: uppercase; padding: 10px 0 10px 15px; border-bottom:1px solid #ededed; line-height: 1em; }
.content .blog-right li span { color: #969696; }
.content .blog-right li a { color: #323a45; text-decoration: none; }
.content .blog-right li a:hover { text-decoration: underline; }

.content .blog-right li.trends { width:68px; height:68px; float:left; margin: 0 4px 4px 0; padding: 0; border: none; }
.content .blog-right li.trends a { width:68px; height:68px; display:block; position:relative; text-decoration:none; }
.content .blog-right li.trends a span { display: none; text-transform: lowercase; }
.content .blog-right li.trends a:hover span { display:block; position:absolute; color:#FFF; text-decoration:none; background: url(/images_new/layout/blog-trends.png) no-repeat; width:70px; height:31px; text-transform:none; font-size: 11px; padding-left:10px; line-height: 23px;}
.content .blog-right li.trends.frm { background:url(/images_new/layout/blog-trend-frm.gif) no-repeat; }
.content .blog-right li.trends.too { background:url(/images_new/layout/blog-trend-too.gif) no-repeat; }
.content .blog-right li.trends.esh { background:url(/images_new/layout/blog-trend-esh.gif) no-repeat; }
.content .blog-right li.trends.bkg { background:url(/images_new/layout/blog-trend-bkg.gif) no-repeat; }
.content .blog-right li.trends.p404 { background:url(/images_new/layout/blog-trend-404.gif) no-repeat; }
.content .blog-right li.trends.ban { background:url(/images_new/layout/blog-trend-ban.gif) no-repeat; }
.content .blog-right li.trends.app { background:url(/images_new/layout/blog-trend-app.gif) no-repeat; }
.content .blog-right li.trends.typ { background:url(/images_new/layout/blog-trend-typ.gif) no-repeat; }
.content .blog-right li.trends.nav { background:url(/images_new/layout/blog-trend-nav.gif) no-repeat; }
.content .blog-right li.trends.rear {margin-right:0;}

.content .blog-right .search { background: #ededed url(/images_new/layout/blog-search.gif) no-repeat; width: 192px; height: 22px; padding:9px 10px 10px 10px; overflow:hidden; }
.content .blog-right .search form input { width:155px; float:left; padding:3px 5px 2px 5px; font-size:12px; }
.content .blog-right .search form input.submit-hladat { width:19px; float:right; padding:0; }

.content .blog-right .twitter { background:url(/images_new/layout/blog-twitter-1.gif) no-repeat left top; width:212px; padding-top:15px; overflow:hidden; }
.content .blog-right .twitter #twitter_update_list li { font-size: 12px; text-transform:none; border:none; padding-top:0; padding-bottom:10px; }
.content .blog-right .twitter #twitter_update_list li span { color:#323a45; line-height:1.3em; }
.content .blog-right .twitter #twitter_update_list li span a { color:#004cb4; text-decoration: underline; }
.content .blog-right .twitter p {padding-bottom:15px;}
.content .blog-right .twitter p a { color:#004cb4; text-decoration: underline; font-size:12px; margin-left:15px; }
.content .blog-right .twitter .twbottom { display:block; background:#e0fbff url(/images_new/layout/blog-twitter-2.gif) no-repeat left bottom; width: 212px; padding:0; margin-bottom:10px; }

.comment-box { width:590px; float:left; margin-bottom:0; }
.comment-box li { width:590px; float:left; padding:0; margin-bottom:0; list-style:none !important; background:#EDEDED url(http://www.krea.sk/images_new/layout/bg-comment-bottom.gif) no-repeat bottom left; }
.comment-box li .comment-author { width:560px; height:26px; line-height:23px; font-size:11px; color:#8E8E8E; padding-left:30px; display:block; background:url(http://www.krea.sk/images_new/layout/bg-comment-top.gif) no-repeat top left; }
.comment-box li .comment-author strong a { color:#303946; text-decoration:none; }
.comment-box li .comment-author strong a:hover {text-decoration:underline;}
.comment-box li p { width:550px; margin:10px 20px 15px 20px; font-size:13px; color:#303946; }
.comment-box li.admin-comment { background:#C6D30E url(http://www.krea.sk/images_new/layout/bg-comment-bottom-green.gif) no-repeat bottom left; }
.comment-box li.admin-comment .comment-author { padding:0 30px 0 0; text-align:right; background:url(http://www.krea.sk/images_new/layout/bg-comment-top-green.gif) no-repeat top left; }

.add-comment-form .title { width:560px; height:26px; line-height:24px; margin:0; padding-left:30px; color:#303946; font-size:11px; font-weight:bold; background:#fff url(http://www.krea.sk/images_new/layout/bg-add-comment-form-top.gif) no-repeat bottom left; }
.add-comment-form form { width:550px; padding:20px 20px 0px 20px; overflow:hidden; background:#EDEDED url(http://www.krea.sk/images_new/layout/bg-add-comment-form.gif) no-repeat bottom left; }
.add-comment-form form .row { width:297px; float:left; }
.add-comment-form form label { float:left; display:block; font-size:13px; color:#303946; font-weight:bold; margin:0 0 3px 0; }
.add-comment-form form label span { font-style:italic; font-weight:normal; }
.add-comment-form form .row input { width:284px; padding:5px; margin:0 0 10px 0; float:left; }
.add-comment-form form .row textarea { width:530px; height:100px; padding:5px; margin-bottom:10px; }
.add-comment-form form .note { width:415px; float:left; padding:5px 0; font-size:10px; color:#303946; }
.add-comment-form form .submit-comment { float:right; margin:0; }

/* =DROP DOWN MENU
---------------------------------------------------------------------------------------------------*/
.drop_menu { width:887px; position:relative; }

#drop_down_holder { position:absolute; top:-13px; right:0px; width:166px; height:34px; background:url(/images_new/layout/bg-holder-144.gif) top right no-repeat; z-index:100; }
a.top { position:absolute; display:none; /*Shown by javascript*/ width:151px; height:34px; padding:0 0 0 15px; color:#323a45; font-size:12px; text-decoration:none; }
a.top:hover{ color:#323a45; text-decoration:underline; }

#drop_down { display:none; position:absolute; left:0px; top:27px; width:164px; padding-top:10px; background:url(/images/_layout/bg-holder-menu.png) repeat; border:1px solid #DEDFE0; border-top:0; }
* html #drop_down { background:#fff; background-image:none; }
#drop_down span.overlay { position:absolute; left:0; top:0; width:164px; height:10px; z-index:501; }
#drop_down ul { position:relative; width:164px; z-index:500; overflow:auto; }

#drop_down ul li {cursor:pointer;}
#drop_down ul li a { display:block; width:134px; padding:6px 15px; color:#323a45; font-size:11px; text-decoration:none; margin:0; }
* html #drop_down ul li a {width:134px;}
#drop_down ul li a:hover{ background:#323a45; color:#fff; }

/* =LOGOS-BOX
---------------------------------------------------------------------------------------------------*/
.logos-box { width:482px; height:80px; padding:15px 10px 0 10px; margin:0 20px 20px 0; float:left; position:relative; background:url(http://www.krea.sk/images_new/layout/logos-box.gif) no-repeat top left; }
.logos-box .gallery-logos li {float:left;} 
.logos-box .marquee { height:60px; overflow:hidden; }
.logos-box .marquee span {height:60px;} 
.logos-box .effect-left { width:20px; height:60px; position:absolute; top:16px; left:10px; background:url(http://www.krea.sk/images_new/layout/effect-left.png) no-repeat top left; }
.logos-box .effect-right { width:20px; height:60px; position:absolute; top:16px; right:10px; background:url(http://www.krea.sk/images_new/layout/effect-right.png) no-repeat top left; }

/* =FACEBOOK
---------------------------------------------------------------------------------------------------*/
.facebook { width:140px; height:103px; padding:30px 0 0 10px; text-align:center; overflow:hidden; position:fixed; right:-150px; top:290px; background:url(http://www.krea.sk/images_new/layout/bg-facebook.png) no-repeat; }
.facebook strong { font-size:13px; margin:0 0 2px 0; }
.facebook p { font-size:11px; margin:0 0 7px 0; }
* html .facebook { position:absolute; background:url(http://www.krea.sk/images_new/layout/bg-facebook.gif) no-repeat; }

/* =BLOG NEW
---------------------------------------------------------------------------------------------------*/
.content .blog-left.news-blog-left { width:590px; overflow:hidden; }
.content .blog-left.news-blog-left h2 { color:#323A45; font-size:14px; font-weight:bold; margin:0 0 5px 0; }
.content .blog-left.news-blog-left ul.tags { width:590px; height:31px; }
.content .blog-left.news-blog-left ul.tags li { float:left; list-style:none; margin: 0 5px 0 0; padding-left:10px; font-size:11px; }
.content .blog-left.news-blog-left ul.tags li a { color:#323A45; text-decoration: none; padding:0 10px 0 0; display:block; float:left; line-height:26px; }
.content .blog-left.news-blog-left ul.tags li a:hover { color:#323A45; text-decoration:underline; }
.content .blog-left.news-blog-left ul.tags li.tag { background: #fff url(/images_new/layout/bg-blog-tag-left.gif) no-repeat left top;  height:26px; margin-bottom:3px; color:#878c93; text-transform: lowercase; }
.content .blog-left.news-blog-left ul.tags li.tag a { background: #fff url(/images_new/layout/bg-blog-tag-right.gif) no-repeat right top; height:26px;  }
.content .blog-left.news-blog-left ul.tags li.comm { background: #ededed url(/images_new/layout/bg-blog-comments-left.gif) no-repeat left top; height:31px; color:#bfe4f5; }
.content .blog-left.news-blog-left ul.tags li.comm a { background: #ededed url(/images_new/layout/bg-blog-comments-right.gif) no-repeat right top; height:31px; }
.content .blog-left.news-blog-left ul.tags li.author { padding:0 5px 0 0; font-size:13px; line-height:26px; color:#323A45; }
.content .blog-left.news-blog-left ul.tags li.author span { font-style:italic; color:#8E8E8E; }

.content .blog-left.news-blog-left .headline-blog { width:590px; height:300px; }
.content .blog-left.news-blog-left .headline-blog span { cursor:default; background:url(/images_new/layout/bg-blog-headline.png); display:block; width:590px; height:300px;}
.content .blog-left.news-blog-left .headline-blog span.zoom { background:url(/images_new/layout/blog-headline-zoom.png); display:block; width:590px; height:300px;}
.content .blog-left.news-blog-left p.desc { font-size:21px; line-height:110%; }
.content .blog-left.news-blog-left .paginate-blog { width:590px; float:left; }
.content .blog-left.news-blog-left .paginate-blog a { width:127px; height:50px; line-height:50px; color:#323A45; font-size:10px; display:inline-block; text-transform:uppercase; text-align:center; text-decoration:none; background:url(/images_new/layout/bg-blog-paginate.gif); }
.content .blog-left.news-blog-left .paginate-blog a:hover {text-decoration:underline;}
.content .blog-left.news-blog-left .paginate-blog .new-article {float:left;}
.content .blog-left.news-blog-left .paginate-blog .old-article {float:right;}

.content .blog-left.news-blog-left .blog-list-category-articles li { float:none; list-style:none; }
.content .blog-left.news-blog-left .blog-list-category-articles li a { font-size:14px; text-decoration:underline; line-height:140%; }
.content .blog-left.news-blog-left .blog-list-category-articles li a:hover {text-decoration:none;}
.content .blog-left.news-blog-left .blog-list-category-articles li h2 { font-size:14px; padding:0; margin:0; }

.content .blog-left.news-blog-left .gallery-blog { widht:590px; float:left; margin:0 0 15px 0; }
.content .blog-left.news-blog-left .gallery-blog li { float:left; width:135px; height:135px; padding:7px 6px 0 0; margin:0 8px 10px 0; list-style:none; position:relative; }
.content .blog-left.news-blog-left .gallery-blog li.rear {margin-right:0;}
.content .blog-left.news-blog-left .gallery-blog li a { display:block; float:left; }
.content .blog-left.news-blog-left .gallery-blog li a img {float:left;}
.content .blog-left.news-blog-left .gallery-blog li span { width:141px; height:142px; cursor:pointer; display:block; background:url(/images_new/layout/border-gallery-blog.png) no-repeat top left; position:absolute; top:0; left:0; }
* html .content .blog-left.news-blog-left .gallery-blog li span {top:-7px;}

.content .blog-left.news-blog-left .social-box { width:550px; height:51px; line-height:51px; font-size:12px; float:left; padding:0 20px; margin:0 0 20px 0; background:url(/images_new/layout/bg-social-box.gif) no-repeat top left; }
.content .blog-left.news-blog-left .social-box strong {padding-right:5px;}
.content .blog-left.news-blog-left .social-box .mail { line-height:16px; padding:1px 0 1px 25px; background:url(/images_new/layout/icon-preposlat-clanok.gif) no-repeat left; }
.content .blog-left.news-blog-left .social-box span { padding:0 5px; color:#8E8E8E; font-style:italic; }
.content .blog-left.news-blog-left .social-box .float { margin:0 5px 0 0; }
.content .blog-left.news-blog-left .social-box .social-right { width:120px; float:left; }
.content .blog-left.news-blog-left .social-box .social-right a { float:left; margin:0 2px 0 1px; }
.content .blog-left.news-blog-left .social-box .social-right a img {float:left;}
.content .blog-left.news-blog-left .social-box .social-right { padding:18px 0 0 0; }

.content .blog-right.news-blog-right { width:250px; float:right; overflow:hidden; }
.content .blog-right.news-blog-right .category-list { width:210px; float:left; border-bottom:1px solid #EDEDED; padding:20px 20px 0 20px; background:url(/images_new/layout/bg-blog-category-list.gif) no-repeat top left; }
.content .blog-right.news-blog-right .category-list li { width:100px; border:0; padding:0 5px 0 0; margin:0 0 10px 0; }
.content .blog-right.news-blog-right .category-list li a { float:left; line-height:13px; padding:0 5px 0 0; }
.content .blog-right.news-blog-right .category-list li img {float:left;}

.content .blog-right.news-blog-right .search-form { width:210px; float:left; padding:15px 20px; margin:0 0 15px 0; background:url(/images_new/layout/bg-blog-search-form.gif) no-repeat bottom left; }
.content .blog-right.news-blog-right .search-form .field { width:204px; height:15px; padding:2px; background:url(/images_new/layout/bg-blog-field-search.gif) no-repeat; overflow:hidden; }
.content .blog-right.news-blog-right .search-form .field input { width:175px; height:13px; padding:1px 5px; float:right; border:0; font-size:11px; background:transparent; }

.content .blog-right.news-blog-right .twitter.large-twitter { width:250px; padding-bottom:0; background:#D9FBFE url(/images_new/layout/bg-blog-twitter-top.gif) no-repeat left top; }
.content .blog-right.news-blog-right .twitter.large-twitter .twbottom { width:250px; margin-bottom:0; background:#e0fbff url(/images_new/layout/bg-blog-twitter-bottom.gif) no-repeat left bottom; }
.content .blog-right.news-blog-right .twitter.large-twitter p {margin:0;}
.content .blog-right.news-blog-right .twitter.large-twitter #twitter_update_list li {width:220px;}

.content .blog-right.news-blog-right .newsletter-box { width:250px; margin:0 0 15px 0; background:url(/images_new/layout/bg-blog-newsletter-top.gif) no-repeat top left; }
.content .blog-right.news-blog-right .newsletter-box fieldset { width:210px; padding:20px; background:url(/images_new/layout/bg-blog-newsletter-bottom.gif) no-repeat bottom left; }
.content .blog-right.news-blog-right .newsletter-box h2 { margin:0 0 10px 0; padding:0; }
.content .blog-right.news-blog-right .newsletter-box p { font-size:12px; margin:0 0 10px 0; }
.content .blog-right.news-blog-right .newsletter-box input.odoberat { width:75px; margin:0 10px 0 0; float:left; }
.content .blog-right.news-blog-right .newsletter-box .field { width:151px; height:15px; padding:2px; margin:0 0 5px 0; background:url(/images_new/layout/bg-blog-field-newsletter.gif) no-repeat; overflow:hidden; }
.content .blog-right.news-blog-right .newsletter-box .field input { width:141px; height:13px; padding:1px 5px; float:right; border:0; font-size:11px; background:transparent; }
/* .content .blog-right.news-blog-right .newsletter-box input { width:150px; margin:0 0 5px 0; padding: 3px; font-size:12px; color:#AEAEAE; } */
.content .blog-right.news-blog-right .newsletter-box a.last-newstletter { line-height:24px; display:inline-block; font-size:10px; }
.content .blog-right.news-blog-right .button-back-page { width:250px; height:40px; line-height:40px; float:left; display:block; margin:0 0 15px 0; font-size:10px; text-transform:uppercase; text-align:center; color:#000; text-decoration:none; background:#C8CB41 url(/images_new/layout/button-back-page.gif) no-repeat; }
.content .blog-right.news-blog-right .button-back-page:hover {text-decoration:underline;}

/* =FORM
---------------------------------------------------------------------------------------------------*/
.form label { font-size:13px; line-height:30px; margin:0 0 5px 0; font-weight:bold; float:left; width:120px; padding-right:10px; text-align:right; }
.form .field { float:left; margin:0 0 5px 0; }
.form .field input { width:460px; padding:7px 5px; font-size:13px; }
.form .field textarea { width:460px; height:90px; padding:7px 5px; font-size:13px; }
.form .mand { margin:0 0 0 130px; font-size:11px; display:block; }