/* =BODY
---------------------------------------------------------------------------------------------------*/
body { margin:0px; padding:0; font-size:14px; text-align:left; font-family:Arial, Helvetica, sans-serif; background:#000 url(http://www.krea.com/images_new/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; font-weight: normal;}
h1 { font-size:27px; color:#000; margin-bottom:15px; }
h2 { font-size:14px; font-weight: bold; line-height:140%; }
h1 a { text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h1.sifr { font-size:60px; color:#323a45; }
.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%; margin-bottom:1.5em; }
.clear {clear:both;}
.float { float:left !important; margin-right: 10px;}
.floatRight { float:right !important; margin-left: 10px; }
.floatRight5 { float:right !important; margin-left: 5px; }
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; }
.mb20 { margin-bottom:20px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.mt15 { margin-top:15px !important; }
.mr0 { margin-right:0 !important; }
.wrap { width:960px; margin-top:17px; padding:30px 10px 0 10px; background:url(http://www.krea.com/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.com/images_new/layout/shadow-top.png) no-repeat top left; }

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

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header { height:39px; padding:0 40px 60px 20px; }
.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.com/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:457px; float:right; }
.main-menu li {float:left;}
.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:75px;}
.main-menu li a.referencie span {background-image:url(http://www.krea.com/images_new/navigation/our-work.gif); }
.main-menu li a.sluzby {width:72px;}
.main-menu li a.sluzby span {background-image:url(http://www.krea.com/images_new/navigation/services.gif); }
.main-menu li a.agentura {width:66px;}
.main-menu li a.agentura span {background-image:url(http://www.krea.com/images_new/navigation/agency.gif); }
.main-menu li a.blog {width:45px;}
.main-menu li a.blog span {background-image:url(http://www.krea.com/images_new/navigation/blog.gif); }
.main-menu li a.kontakt {width:69px;}
.main-menu li a.kontakt span {background-image:url(http://www.krea.com/images_new/navigation/contact.gif); }
.main-menu li a.follow {width:99px;}
.main-menu li a.follow span {background-image:url(http://www.krea.com/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;}

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

/* =SIDE
---------------------------------------------------------------------------------------------------*/
.side { width:275px; float:right; margin-bottom:10px; }
.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.com/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 strong {display:block;}

.equal {  float:left !important; margin-right: 26px; }
.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; }

/* =NEWSLETTER
---------------------------------------------------------------------------------------------------*/
form.newsletter { width:212px; clear:both; padding-top:10px; background:url(http://www.krea.com/images_new/layout/bg-newsletter-top.gif) no-repeat top left; }
form.newsletter fieldset { padding:10px 20px 20px 20px; background:url(http://www.krea.com/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.com/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.com/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.com/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.com/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.com/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:214px; height:123px; padding:107px 0 0 60px; margin-bottom:30px; }
.side .references-front { display:block; width:214px; height:100px; padding:40px 0 0 60px; }
.side a.button { width:151px; height:35px; padding:14px 0 0 0; margin:0 0 5px 0; display:block; font-size:16px; background:url(/images_new/layout/bg-button.png) no-repeat; text-align:center; font-weight:bold; color:#fff; text-decoration:none; }
* html .side a.button { background:url(/images_new/layout/bg-button.gif) no-repeat; }
.side a.button:hover {text-decoration:underline;}

#links-box { width:878px; margin:0 0 30px 0; }
#front-image { width:585px; height:240px; overflow:hidden; background:#323a45; }

/* =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.com/images_new/layout/call-2-action.gif) no-repeat; }
.content .call-2-action.large { width:882px; font-size:13px !important; background:#404752 url(http://www.krea.com/images_new/layout/call-2-action-large.gif) 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.com/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.com/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.com/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; font-weight:bold; max-width:585px; }
.contact-form .row label { font-size:14px; line-height:20px; display:block; }
.contact-form .row-checkbox { 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.com/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.com/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.com/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;}

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
/*.footer-out { background:#C1C439 url(http://www.krea.com/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.com/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:none; }
.footer a:hover {text-decoration:underline;}
.footer form { margin:0 0 15px 0; }
.footer input { float:left; width:108px; 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:0px 0 0 0; display:block; }
.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 { font-weight:bold; padding:2px 0 2px 0; }