/* =BODY
---------------------------------------------------------------------------------------------------*/
body { margin:10px 0 10px 0; padding:0px; font-size:12px; text-align:left; font-family:Helvetica, Arial, sans-serif; background: #000 url(http://www.krea.sk/images/layout/bg-5.jpg) no-repeat fixed; color:#323A45; }
body.seven { background: #000 url(http://www.krea.sk/images/_layout/bg-7.jpg) no-repeat fixed; }
body.eight { background: #000 url(http://www.krea.sk/images/_layout/bg-8.jpg) no-repeat fixed; }
body.nine { background: #000 url(http://www.krea.sk/images/_layout/bg9.jpg) no-repeat fixed; }


/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { padding: 0; font-size:55px; font-weight: normal; letter-spacing: -2px; line-height: 1em; margin:0 0 10px 0; }
h2 { font-size:17px; color:#323A45; font-weight: normal;  margin:0 0 10px 0; }
h2.nomarg { margin:0 0 5px 0; }
h3 { font-size:12px; font-weight:bold; display:block; line-height:170%; margin-top:3px; }
a { color:#94982f; text-decoration:underline; outline:none; }
a:hover {text-decoration:none;}
img { border:none; padding:0; margin:0; }
fieldset { border:0; margin:0; padding:0; }
p {line-height:145%;}
p.desc { font-size:17px; font-weight:normal; line-height:23px; margin:0 0 30px 0; }
p.center { text-align: center; }
.legend { color: #666; font-size: 11px; }
.clear {clear:both;}
.float {float:left;}
.floatRight {float:right;}
.h1-box { width:670px; overflow:hidden; }
.h1-box.large { width:880px; overflow:hidden; }
.h1-box.small { width:400px; overflow:hidden; }
.h1-box.small550 { width:550px; overflow:hidden; }
ul li { list-style:none; line-height: 130%; }
ul.styled li { list-style: disc; margin: 0 0 1em 1.3em; }
ul.styled2 li { list-style: disc; margin: 0 0 0 1.3em; }
span.inverted { background-color: #323a45; }

.wrap { width:960px; margin:0 auto; padding:5px; background:url(/images/_layout/bg-wrap.png); }
strong.neon { background-color: #fcffce; font-weight: normal; padding: 3px; }
#links-box {margin-bottom:27px;}

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;}

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;}

@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; }

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header { width:920px; height:48px; padding:20px; position:relative; background:#fff; }
.header a.logo { width:117px; float:left; left:20px; top:5px; display:block; position:relative; color:#fff; }
.header img { position:absolute; top:0; left:0; }

/* =MAIN-MENU
---------------------------------------------------------------------------------------------------*/
.right { width:630px; float:right; }
.main-menu {float:right;}
.main-menu li { float:left; border-right:1px solid #eee; height:35px; }
.main-menu li.last {border:0;}
.main-menu li a { font-size:14px; text-decoration:none; margin:0 5px; height:33px; padding:10px 0 0 0; height:13px; float:left; color:#fff; text-align:center; position:relative; }
.main-menu li a:hover {color:#C8C8C8;}
.main-menu li a .menu {display:none;}

.main-menu li a span { display:block; position:absolute; z-index:10; top:0; left:0; width:100%; height:35px; cursor:pointer; background-position:top; background-repeat:no-repeat; }
.main-menu li a.referencie {width:94px;}
.main-menu li a.referencie span {background-image:url(http://www.krea.sk/images/layout/nav-work.png);}
.main-menu li a.sluzby {width:73px;}
.main-menu li a.sluzby span {background-image:url(http://www.krea.sk/images/layout/nav-services.png);}
.main-menu li a.agentura {width:87px;}
.main-menu li a.agentura span {background-image:url(http://www.krea.sk/images/layout/nav-agency.png);}
.main-menu li a.kariera {width:75px;}
.main-menu li a.kariera span {background-image:url(http://www.krea.sk/images/layout/nav-jobs.png);}
.main-menu li a.blog {width:58px;}
.main-menu li a.blog span {background-image:url(http://www.krea.sk/images/layout/nav-blog.png);}
.main-menu li a.kontakt {width:78px;}
.main-menu li a.kontakt span {background-image:url(http://www.krea.sk/images/layout/nav-contact.png);}

.main-menu li a.active { height:25px; color:#323A45; }
.main-menu li a.active span { background-position:bottom; color:#323A45; height:35px; }
.main-menu li a.active:hover span { background-position:bottom; color:#323A45; height:35px; }
.main-menu li a:hover span {background-position:bottom;}

/* =FORM
---------------------------------------------------------------------------------------------------*/
.right form { float:right; width:127px; margin:8px 0 0 10px; }
.right form input { border:0; width:100px; height:17px; padding:2px 0 0 5px; font-size:11px; float:left; font-style:italic; color:#444; background:#fff url(/images/_layout/input-search.gif) no-repeat; }
.right form .search-icon-box { float:left; width:22px; height:19px; background:url(/images/_layout/input-search-left.gif) no-repeat; }
.right form .search-icon-box a {color:#323A45;}
.right form .detail-pop { float:left; width:92px; padding:10px 10px 8px 10px; background:url(/images/_layout/bg-input-hover-box.gif) no-repeat bottom; }

/* =SUBNAVIGATION
---------------------------------------------------------------------------------------------------*/
.sub-navigation-out { width:880px; padding:0 40px; background:#fff; }
.sub-navigation { height:34px; background:url(http://www.krea.sk/images/_layout/bg-subnav.gif) no-repeat top; }
.sub-navigation li { float:left; cursor:pointer; border-left:1px solid #E8E9EA; height:34px; }
.sub-navigation li.first { display:block; background:url(http://www.krea.sk/images/_layout/bg-sub-first.gif) no-repeat top left; border:0; }
.sub-navigation li.first a.active { background:#343D48 url(http://www.krea.sk/images/_layout/bg-sub-first-hover.gif) no-repeat top left; }
.sub-navigation li.two {border:0;}
.sub-navigation li a { color:#323a45; font-size:12px; float:left; text-decoration:none; display:block; padding:10px 12px 8px 12px; }
.sub-navigation li a:hover {text-decoration:underline;}
.sub-navigation li a.active { background:#343D48 url(http://www.krea.sk/images/_layout/bg-sub-active.gif) repeat-x top left; color:#fff; }
.sub-navigation li a.active:hover {text-decoration:none;}
.sub-navigation li #drop_down { border:1px solid #E8E9EA; }
.sub-navigation li a.next { padding-right:25px; background:url(http://www.krea.sk/images/_layout/icon-next.gif) no-repeat right; }
.sub-navigation li a.prev { padding-left:40px; background:url(http://www.krea.sk/images/_layout/icon-prev.gif) no-repeat 15px; }
.sub-navigation li.last-nav { width:250px; padding-right:10px; float:right; border:0; }
.sub-navigation li.last-nav li {border:0;}

/* =MAIN
---------------------------------------------------------------------------------------------------*/
.main { padding:30px 40px 10px 40px; background:#fff /*url(/images/_layout/bg-main.jpg) repeat-x*/; position:relative; z-index:1; }
.main.prehlad { background:#fff url(/images/_layout/bg-sub-prehlad.jpg) no-repeat top right; }
.main.emprehlad { background:#fff url(/images/_layout/bg-sub-emprehlad.jpg) no-repeat top right; }

/* =BREADCRUMB
---------------------------------------------------------------------------------------------------*/
.breadcrumb { width:600px; color:#8E8E8E; font-size:9px; margin:0 0 10px 0; text-transform:uppercase; }
.breadcrumb a {color:#939393;}
.breadcrumb b { color:#323A45; font-weight:normal; }
.breadcrumb.large { width:880px !important; }
.breadcrumb.referencie { width:275px; margin:0; }
.breadcrumb.referencie a { font-size:9px !important; color:#8E8E8E !important; text-decoration:none; }
.breadcrumb.referencie a:hover {text-decoration:underline;}

/* =WIDE BOX
---------------------------------------------------------------------------------------------------*/
.wide { margin:0 0 30px 0; background:none; }
.wide.prehlad { height:332px; font-size:14px; margin:0 0 35px 0; }
.wide.prehlad span { float:left; margin:15px 0 0 0; }
.wide.prehlad b { margin:0 15px 0 10px; font-weight:normal; }
.wide.prehlad a {font-weight:bold;}
.wide.prehlad a.vyziadat { width:337px; height:31px; padding:15px 0 0 0; float:left; color:#FFF; text-align:center; text-decoration:none; background:#999e2f url(/images/_layout/button-vyziadat.gif); }
.wide.prehlad a.vyziadat:hover {text-decoration:underline;}
.wide.nomargin { margin: 0; }
.wide.smaller { height: 300px; }

/* =CONTENT
---------------------------------------------------------------------------------------------------*/
.content { width:880px; overflow:hidden; font-size:12px; }
.content .right-box { width:305px; float:right; }
.content .right-box-in { margin:0 0 30px 30px; }
.content .left-box { width:545px; float:left;  }
.content .left-box .headline { display:block; margin-bottom:25px; line-height:130%; }
.content .left-box p { margin-bottom:20px; font-size:13px; }
.content .left-box h2 {margin-bottom:7px;}
.content .silver-box { width:275px; padding:26px 30px 30px 30px; margin-bottom:30px; background:#F2F2F2; }
.content .silver-box-in {  height:333px; overflow:hidden;  }
.content .silver-box p { font-size:17px; line-height:130%; float:left; }
.content li { line-height: 140%; font-size: 13px; }
.content .big {font-size:31px;}
.content.two-box .box { width:420px; margin-right:40px; }
.content.three-box .box { width:269px; margin-right:20px; padding-right:15px;  }
.content.five-box .box { width: 162px; margin-right:20px; }
.content.four-box .box { width:189px; margin-right:40px; }
.content.two-box .floatRight { margin:0 0 5px 10px; }
.content.two-box .box.small { width:340px; margin-right:40px; }
.content.two-box .box.large { width:500px; margin-right:0; }
.content.two-box .box.rezerv-form { float:right; width:480px; margin-right:0; }
.content.two-box .large p.desc { font-size:17px; font-weight:normal; line-height:23px; margin:0 0 10px 0; }
.content .box.small.bg { width:300px; height:425px; padding:85px 40px 0 0; font-size:17px; margin-bottom:20px; text-align:center; background:url(/images/_layout/bg-alebo.gif) no-repeat top right; }
.content .box.bg a { /* color:#0F4ABE; */ }
.content .box { float:left; position:relative; }
.content .box p a { /* color:#0C5DCC; */ }
.content .box.rear { margin-right:0px; padding-right:0; border:0; }
.content .box p { font-size:13px; margin:0 0 10px 0; }
.content .box a.link { font-weight:bold; background:url(/images/_layout/bullet.gif) no-repeat right; padding:2px 25px 2px 0; }
.content .box .item { margin:0 0 35px 0; }

.calltoaction { background: url(/images/_layout/calltoaction.gif) no-repeat; width:878px; height:83px; padding-top:15px; margin-bottom:10px; text-align:center; color:#000; font-size:13px; line-height:2.0em; font-weight:bold; }
.calltoaction span.big { font-size: 20px; }
.calltoaction a { color: #fff; font-weight: bold; }
.calltoaction strong { color: #fff; }

.calltoaction.small { background: url(/images/_layout/banner-mam-zaujem3.gif) no-repeat; width:546px; height:83px; padding-top:15px; margin-bottom:10px; text-align:center; color:#b5b5b5; font-size:13px; line-height:2.0em; font-weight:bold; }

/*.content .banner-box { width:524px; height:66px; padding:17px 21px 0 0; margin-bottom:30px; float:left; text-align:center; background:url(http://www.krea.sk/images/_layout/banner-mam-zaujem2.gif) no-repeat; }
.content .banner-box a { width:156px; height:48px; line-height:48px; color:#40454C; font-size:14px; text-decoration:none; font-weight:bold; display:block; float:right; background:url(http://www.krea.sk/images/_layout/banner-mam-zaujem-button.gif) no-repeat; }
.content .banner-box a:hover {text-decoration:underline;}*/

.content .logo-small { display:block; float:left; width:240px; height:104px; padding:65px 0 0 30px; background:url(/images/_content/logo-small.jpg) no-repeat; }
.content .logo-medium { display:block; float:left; width:330px; height:123px; padding:40px 0 0 90px; margin:0 0 20px 0; background:url(/images/_content/logo-medium.jpg) no-repeat; }
.content .logo-large { display:block; float:left; width:240px; height:195px; padding:109px 0 0 30px; margin:0 0 20px 0; background:url(/images/_content/logo-large.jpg) no-repeat; }
.content .references-small { display:block; width:251px; height:123px; padding:107px 0 0 23px; margin-bottom:30px; }
.content 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 .content a.button { background:url(/images/_layout/bg-button.gif) no-repeat; }
.content a.button:hover {text-decoration:underline;}

/* =CONTENT logo-referencie
---------------------------------------------------------------------------------------------------*/
.content.four-box li { float:left; width:200px; height:120px; margin: 0 25px 26px 0; position:relative; text-align:center; }
.content.four-box li.rear {margin-right:0;}
.content.four-box li span {display:none;}
.content.four-box li strong { display:block; margin:0; }
.content.four-box li a { color:#fff; text-decoration:none; }
.content.four-box li:hover span { display:block; font-size:12px; color:#fff; width:174px; height:43px; padding:10px 0 0 0; position:absolute; top:32px; left:13px; background:url(/images/_layout/bg-mam-zaujem.png); text-decoration:none; }
* html .content.four-box li.hover span { display:block; font-size:12px; color:#fff; width:174px; height:43px; padding:10px 0 0 0; position:absolute; top:32px; left:13px; background:url(/images/_layout/bg-mam-zaujem.gif); text-decoration:none; }
.content.four-box li.hover:hover a:hover {text-decoration:underline;}

.content.four-box.referencie li { float:left; width:218px; padding:0; margin:0; position:relative; text-align:center; border-right:1px solid #DEDFE0; border-top:1px solid #DEDFE0; }
.content.four-box.logos li { width:210px !important; height:145px !important; margin-right:10px; margin-bottom:0px  !important; border:0; }
.content.four-box.referencie li.rear {border-right:0;}
.content.four-box.referencie li.first {border-top:0;}
.content.four-box.referencie li img {display:inline;}

.content.five-box.referencie li { float:left; width:162px; height: 175px; overflow: hidden; padding:5px; margin:0; position:relative; }
.content.five-box.referencie li span em { margin-left: 5px; padding: 3px 3px 2px 3px; font-style: normal; font-size: 8px; background-color: #323a45; color: #FFF; }
.content.five-box.referencie li span em.services { margin:0; padding:0; background: none; color: #8e8e8e; font-style: normal; text-transform: uppercase; font-size: 10px; }
.content.five-box.referencie li span a { color: #323a45; }
.content.five-box.referencie li span a:hover { color: #8e8e8e; text-decoration: none; padding: 2px 0; }
.content.five-box.referencie li.rear {border-right:0;}
.content.five-box.referencie li.first {border-top:0;}
.content.five-box.referencie li img { display:inline; border: 1px solid #eee; }

.content .left-box blockquote { margin: 0 0 20px 0; padding-left: 60px; background: url(http://www.krea.sk/images/_layout/blockquote.gif) no-repeat; }
.content .left-box blockquote p { margin:0 0 5px 0; font-size:18px; font-family:Times; line-height: 1.3em;  }
.content .left-box blockquote p .author { font-size:11px; font-style:normal; text-transform:uppercase; }

.content.referencie-website { padding:10px 0 0 0; }
.content.referencie-website li { float:left; width:210px; height:180px; padding:0; margin:0 10px 0 0; position:relative; text-align:left; }
.content.referencie-website li a { font-size:17px; color:#323A45; text-decoration:none; margin:0; }
.content.referencie-website li a:hover {text-decoration:underline;}
.content.referencie-website li div { margin-bottom:10px; display:block; }
.content.referencie-website li p { line-height:130%; font-size:13px; margin-top: 5px; }
.content.referencie-website li.rear {margin-right:0;}
.content.referencie-website li img { display:inline; margin-bottom:5px; }

.content.referencie-logo { padding:10px 0 0 0; }
.content.referencie-logo li { float:left; width:210px; height:214px; padding:0; margin:0 10px 0 0; position:relative; text-align:left; }
.content.referencie-logo li a { font-size:17px; color:#323A45; text-decoration:none; margin:0; }
.content.referencie-logo li a:hover {text-decoration:underline;}
.content.referencie-logo li div { margin-bottom:10px; display:block; }
.content.referencie-logo li p { line-height:130%; font-size:13px; margin-top: 5px; }
.content.referencie-logo li.rear {margin-right:0;}
.content.referencie-logo li img { display:inline; margin-bottom:5px; }

/* =FORM
---------------------------------------------------------------------------------------------------*/
form box.large {float:right;}
form input.field { width:280px; float:left; height:20px; font-size:12px; line-height:20px; padding:0; margin:5px 0; }
form select.field { width:285px; float:left; height:24px; font-size:12px; line-height:24px; padding:0; margin:5px 0; }
form label.field { width:150px; float:left; font-size:13px; text-align:right; font-weight:bold; margin:10px 10px 10px 0; }
form textarea { width:276px; height:200px; padding:2px; font-size:12px; margin-bottom:10px; }
form .submit {margin-left:160px;}

/* =TABLE
---------------------------------------------------------------------------------------------------*/
.table {width:100%;}
.table tr.last td {border-bottom:0px;}
.table tr td { padding:3px 0; border-bottom:1px solid #DEDFE0; }
.table .c1 {padding:0px;}
.table .c2,
.table .c3 { text-align:right; padding-right:5px; }

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer { width:880px; padding:20px 40px 20px 40px; margin:10px 0 0 0; font-size:11px; color:#fff; }
.footer strong { margin:0 0 5px 0; font-size:12px; font-weight:bold; display:block; }
.footer span {font-weight:bold;}
.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:110px; font-size:11px; font-style:italic; height:17px; padding:3px 0 0 2px; border:1px solid #C8C8C8; }
.footer input.submit { width:67px; height:22px; float:right; padding:0; border:0; margin:0; }
.footer .boxes { width:460px; margin:0 0 15px 0; float:left; }
.footer .boxes.rear {width:420px;}
.footer .boxes p { margin:0 0 15px 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; }
.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;}

#tooltip { position: absolute; z-index: 3000; width:217px; color:#fff; background:url(http://www.krea.sk/images/_layout/roh.png) right top no-repeat; font-size:11px; }
#tooltip div {background:url(http://www.krea.sk/images/_layout/roh-bottom.png) right bottom no-repeat; width:169px; padding:15px 8px 15px 40px; }

* html #tooltip {background:url(http://www.krea.sk/images/_layout/roh-ie.gif) right top no-repeat; }
* html #tooltip div {background:url(http://www.krea.sk/images/_layout/roh-bottom-ie.gif) right bottom no-repeat; }