* { margin:0; padding:0; }
a img, img { border:0; }
a { text-decoration:underline; color:#000000; }
a:hover { text-decoration:none; }

html, body { min-height:100%; }
body { background:url('/image/bg/body.jpg') no-repeat center bottom #000000; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:82%; color:#000000 }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#2b488a; }
h1, h2, h3, h4, h5, h6 { font-family:Arial, Tahoma, Verdana, sans-serif; color:#2b488a; }
h1, h2, h3, h4, h5, h6, p { line-height:150%; }
h1 { font-size:230%; }
h2 { font-size:200%; }
h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:110%; }

label { cursor:pointer; }
table { border-collapse:collapse; width:100%; text-align:left; }
table tr th { text-align:left; }

.cleaner { clear:both; }
.cleaner hr { display:none; }
.none { display:none; }
.no-border { border:0; }

.t-center { text-align:center; }
.t-right { text-align:right; }
.t-block { text-align:justify; }
.t-left { text-align:left; }

.b, .bold { font-weight:bold; }
.i, .italic { font-style:italic; }
.u, .underline { text-decoration:underline; }

.black { color:#000000; }
.white { color:#ffffff; }
.purple { color:#2b488a; }
.light-blue { color:#19a8f1; }

.error-paragraph, .success-paragraph { padding:5px 10px; margin:5px 0; }
.error-paragraph, .error-list { border:1px solid #de223e; background:#fe8799; color:#000000; }
.success-paragraph, .success-list { border:1px solid #99c982; background:#c5eeb1; color:#313131; }

.error-list, .success-list { list-style-position:outside; list-style-type:square; margin:5px 0; padding:8px 0 8px 25px; }
.error-list li, .success-list li { padding:3px 0; }

.error-text { color:#cc3333; }
.success-text { color:#99c982; }

.envelope { height:37px; line-height:37px; background:url('/image/ico/envelope.png') no-repeat right bottom; }
.bird { height:24px; line-height:24px; background:url('/image/ico/bird.png') no-repeat 205px bottom; }
.expressive-text { line-height:160%; font-weight:bold; font-size:130%; color:#2b488a; }

a.link-fullarticle { display:block; height:16px; line-height:16px; margin-top:8px; padding:1px 0 1px 20px; background:url('/image/small-ico/article.png') no-repeat left; }
a.link-arrow-left, a.link-arrow-right { display:block; padding-left:25px; background:url('/image/pagination/left.png') no-repeat left top; color:#2b488a; }
a.link-arrow-right { padding:0; padding-right:25px; background:url('/image/pagination/right.png') no-repeat top right; }

a.ico-facebook, a.ico-twitter { display:block; width:26px; height:26px; background:no-repeat left top; }
a.ico-facebook:hover, a.ico-twitter:hover { background-position:bottom; }
a.ico-facebook { background-image:url('/image/ico/facebook.png'); }
a.ico-twitter { background-image:url('/image/ico/twitter.png'); }

a.mini-ico-print { display:block; padding-left:20px; background:url('/image/small-ico/print.gif') no-repeat left top; }
a.mini-ico-send { display:block; padding-left:21px; background:url('/image/small-ico/send.gif') no-repeat left center; }

a.play-button { display:block; width:39px; height:37px; background:url('/image/our-work/play.gif') no-repeat; }
a.play-button span { display:none; }

a.button-presvedcte-se { display:block; width:111px; height:28px; background:url('/image/button/presvedcte-se.png') no-repeat; }
a.button-presvedcte-se:hover { background-position:bottom; }

a.button-facebook, a.button-twitter { display:block; height:24px; line-height:24px; padding-left:74px; background:url('/image/button/facebook.png') no-repeat left top; }
a.button-twitter { background-image:url('/image/button/twitter.png'); }

a.fb-connect { display:block; height:16px; line-height:16px; background:url('http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_small_short.gif') no-repeat left center; padding-left:20px; color:#3b5998; }

#leftArrow a { position:absolute; display:block; top:150px; left:0; width:28px; height:73px; background:url('/image/arrow/left.png') no-repeat left top; }
#rightArrow a { position:absolute; display:block; top:150px; right:0;width:28px; height:73px; background:url('/image/arrow/right.png') no-repeat left top; }
#leftArrow a:hover, #rightArrow a:hover { background-position:left bottom; }

#work #leftArrow a, #work #rightArrow a { top:240px; }

a.button-kontaktujte-nas { display:block; width:181px; height:45px; background:url('/image/button/kontaktujte-nas.png') no-repeat; }
a.button-prohlednete-si-reference { display:block; width:262px; height:45px; background:url('/image/button/prohlednete-si-reference.png') no-repeat; }
a.button-prohlednete-si-reference:hover, a.button-kontaktujte-nas:hover { background-position:bottom; }

.fb-like { float:left; padding-bottom:25px; }

/* -- */
#main { position:relative; width:840px; margin:20px auto 25px auto; padding:0 37px 33px 37px; background:url('/image/bg/footer.png') no-repeat left bottom #ffffff; }
#header { height:146px; margin:0 -37px; padding:0 37px; background:url('/image/bg/header.png') no-repeat; }
#header h1 { width:272px; height:80px; padding-top:5px; }
#header h1 a { display:block; width:100%; height:100%; background:url('/image/logo/used.png') no-repeat left bottom; }
#header h1 a span { display:none; }

/*
#header ul { margin-top:17px; list-style-type:none; }
#header ul li { display:inline; }
#header ul li a.first { margin-left:0; }
#header ul li a { display:block; float:left; height:34px; line-height:34px; margin:0 15px; text-align:center; text-decoration:none; font-size:110%; font-weight:bold; color:#ffffff; }
#header ul li a:hover { color:#a1c0ff; }
#header ul li a span { display:none; }
#header ul li a.active { margin:0 5px; background:url('/image/menu/active/bg.gif') repeat-x; color:#305195; }
#header ul li a.active span { display:block; margin:0; padding:0; width:17px; height:100%; background:no-repeat left top; }
#header ul li a.active span.l { float:left; background-image:url('/image/menu/active/left.gif'); }
#header ul li a.active span.r { float:right; background-image:url('/image/menu/active/right.gif'); }
*/

#menu { width:615px; height:37px; margin-top:18px; }
#menu span { display:none; }
#menu a { display:block; float:left; height:37px; margin-right:3px; background:no-repeat left top; }
#menu a:hover { background-position:left center; }
#menu a.active { background-position:left bottom; }
    #menu a#mitem-1 { width:65px; background-image:url('/image/menu/uvod.png'); }
    #menu a#mitem-2 { width:78px; background-image:url('/image/menu/sluzby.png'); }
    #menu a#mitem-3 { width:98px; background-image:url('/image/menu/reference.png'); }
    #menu a#mitem-4 { width:87px; background-image:url('/image/menu/projekty.png'); }
    #menu a#mitem-5 { width:84px; background-image:url('/image/menu/novinky.png'); }
    #menu a#mitem-6 { width:85px; background-image:url('/image/menu/kontakt.png'); }

#header form { position:absolute; top:28px; right:37px; width:203px; height:32px;  }
#header form p { position:relative; width:100%; height:100%; background:url('/image/input/search.png') no-repeat; }
#header form input.search { width:163px; margin:8px 0 0 8px; border:0; background:transparent; }
#header form input.submit { position:absolute; right:5px; top:6px; }

#header p.connect { position:absolute; top:107px; right:37px; line-height:24px; }
#header p.connect strong, div#header p.connect a { float:left; display:block; }
#header p.connect strong { margin-right:7px; font-size:13px; color:#96b0e3; }
#header p.connect a { margin-left:5px; }

#fb-connect { position:absolute; top:28px; right:37px; }

#keynote { height:135px; margin:0 -37px 15px -37px; padding:6px 0 0 37px; background:url('/image/bg/google.png') no-repeat left bottom #ffffff; }
#keynote h2 { font-weight:normal; font-size:270%; }
#keynote p { margin-bottom:8px; font-size:110%; }
#keynote p strong { color:#19a8f1; }

#navbar { margin:0 -37px; margin-bottom:15px; padding:0 37px; height:44px; line-height:44px; border-top:1px solid #e8eaee; border-bottom:1px solid #e8eaee; background:url('/image/bg/navbar.png') repeat-x left top; }
#navbar a, #navbar span.arrow, #navbar strong { display:block; float:left; }
#navbar span.arrow { width:7px; height:100%; margin:0 8px; background:url('/image/small-ico/arrow.png') no-repeat left center; }

#content h2, #content h3, #content h4 { margin-top:15px; }
#section { margin:15px 0 0 0; }

#left, #right { float:left; }
#left { width:540px; padding-right:20px; }
#left h2, #right h2 { margin-bottom:10px; font-size:140%; }

#ref { position:relative; padding:10px 0; border:1px solid #dfdfdf; border-bottom:none; text-align:center; }
#ref div { width:419px; margin:0 auto; }
#ref ul { overflow:hidden; width:419px; height:400px; list-style-type:none; }
#work { position:relative; height:553px; border:1px solid #d8dde4; border-bottom:none; background:#ffffff; text-align:center; }
#work div { width:740px; margin:0 auto; }
#work ul { overflow:hidden; width:740px; height:552px; list-style-type:none; }

#work-player { height:37px; line-height:37px; border-right:1px solid #cccccc; background:url('/image/our-work/player.gif') repeat-x; }
#work-player a.play-button { float:left; margin-right:8px; }

#right { width:280px; }

#news-box { width:247px; height:237px; margin-bottom:20px; padding:17px; padding-top:12px; background:#b0e0fe url('/image/bg/news.png') no-repeat;  }
.news-items dt { width:100%; height:17px; overflow:hidden; padding-top:10px; border-top:1px solid #ffffff; margin-bottom:5px; }
.news-items dt.first { border:none; }
.news-items dt strong a { color:#147fc0; }
.news-items dt strong a:hover { color:#009fff; }
.news-items dd { width:100%; line-height:150%; padding-bottom:10px; border-bottom:1px solid #9cd8fd; }
.news-items dd.last { border:none; }

#twitter-news { position:relative; width:280px; height:151px; margin-top:-7px; background:url('/image/bg/twitter.png') no-repeat; }
#twitter-news p { overflow:hidden; padding:17px; padding-top:20px; height:62px; line-height:150%; }
#twitter-news small { position:absolute; display:block; right:17px; bottom:40px; font-size:11px; color:#9099aa; }
#twitter-news a.cleevio-tw { position:absolute; display:block; left:17px; bottom:12px; color:#788092; }
#twitter-news a.cleevio-tw:hover { color:#515969; }

#clients { height:97px; margin-top:15px; background:url('/image/bg/clients.png') no-repeat; }
#clients h2 { padding-left:28px; margin:0 80px 0 0; line-height:97px; font-size:140%; }
#clients h2, #clients img { float:left; }
#clients img { margin:5px 15px 0 0; }

#footer { position:relative; width:837px; margin:0 auto; margin-bottom:50px; color:#5a5f68; }
#footer h3, #footer a:hover { color:#f8991d; }
#footer h3 { margin-bottom:8px; }
#footer a { color:#ffffff; }
#footer p.address { color:#ffffff; }
#footer p.menu { position:absolute; right:0; top:25px; }
#footer p.menu a { padding:0 5px; }
#footer p.copyright { position:absolute; right:0; top:60px; background:#000000; }

/* -- */
.perex { color:#6d7a94; }

div.news-detail-bar { position:relative; margin:15px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:13px 0; font-size:85%; }
div.news-detail-bar p.following img { vertical-align:middle; }
div.news-detail-bar p.right { position:absolute; right:0; top:13px; }
div.news-detail-bar p.right a { display:block; float:left; margin-left:15px; }
div.news-detail-bar .social-box { width:228px; height:18px; position:relative; }
/*
div.news-detail-bar .social-box .item { float:right; height:24px; line-height:24px; margin-right:10px; vertical-align:middle; }
div.news-detail-bar .social-box .item img { vertical-align:middle; }
*/
div.news-detail-bar .social-box .social-google { position:absolute; left:0; top:-4px; }
div.news-detail-bar .social-box .social-twitter { position:absolute; left:100px; top:0; }
div.news-detail-bar .social-box .social-facebook { position:absolute; left:165px; top:0; width:100px; }

#add-comment-fb .user-picture { float:left; margin-right:10px; }
#add-comment-fb form { position:relative; float:left; width:448px; border:1px solid #cccccc; background:#f7f7f7; padding:15px; }
#add-comment-fb form p { margin-bottom:15px; }
#add-comment-fb form p.submit { margin:0 0 -5px 0; }
#add-comment-fb form input.textfield { width:120px; padding:3px 5px; background:#ffffff; border:1px solid #bdc7d8; font-size:11px; color:#777777; }
#add-comment-fb form textarea { float:none; background:#ffffff; border:1px solid #bdc7d8; width:435px; height:50px; padding:3px 5px; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11px; color:#777777; }
#add-comment-fb form .fb-connect { position:absolute; right:17px; top:90px; }
#add-comment-fb form .fb-connect p { float:left; }
#add-comment-fb form .fb-connect p.or { padding-top:15px; font-weight:bold; font-size:130%; color:#333333; }
#add-comment-fb form .fb-connect p.do-it { width:170px; margin-left:45px; font-size:11px; }

blockquote.ref { margin-top:8px; line-height:180%; }
blockquote.ref span span { display:none; }
blockquote.ref span { display:block; width:12px; height:11px; background:url('/image/other/quote.gif') no-repeat left top; }
blockquote.ref span.left { float:left; margin:3px 5px 0 0; }
blockquote.ref span.right { float:right; margin:0 0 0 5px; }
p.quoted { margin:10px 0 25px 0; text-align:right; }

#clients-ref { width:100%; border-collapse:collapse; border:1px solid #e3e3e3; margin:10px 0 25px 0; }
#clients-ref tr td { border:1px solid #e3e3e3; }

#our-work { padding:15px 36px 20px 36px; margin:0 -37px; border:1px solid #e8ecf1; border-bottom:none; background:url('/image/our-work/body.png') repeat-x left top #e0e3e7; }
#our-work h2 { margin-bottom:15px; }

#reference #main { background-image:url('/image/our-work/footer.png'); padding-bottom:18px; }

#news-to-mail { width:250px; height:137px; background:url('/image/bg/right-news.png') no-repeat; padding:15px; margin:10px 0 25px 0; }
#news-to-mail p.textfield { margin-top:10px; width:100%; height:32px; line-height:32px; background:url('/image/input/text.png') no-repeat right top; }
#news-to-mail p.textfield input { width:178px; margin-left:19px; border:0; background:transparent; }
#news-to-mail p.submit { margin:10px 0 0 53px; }

#news #left .item h3 { border-top:1px solid #e6e6e6; padding-top:20px; }
#news #left .item h3.first { border:0; padding-top:0; }
#news .vertical-navigation { margin:-5px 0 10px 0; text-align:right; font-size:12px; font-weight:bold; }
.news-content { line-height:160%; }

.pagination { width:100%; margin-top:15px; border-top:1px solid #e6e6e6; padding-top:20px; }
.pagination strong { color:#2b488a; }
.pagination span.arrows { display:block; float:right; }
.pagination span.arrows a { float:left; font-weight:bold; }
.pagination span.arrows .separator { display:block; float:left; margin:0 10px; color:#c6cdd6; }

#contact #left { width:483px; padding:0; }
#contact #right { float:right; width:343px; }
#map-canvas { width:480px; height:300px; }
#social-networks { margin-top:15px; }
#social-networks a { margin-bottom:5px; }
table.cleevio-contact { margin-top:15px; }
table.cleevio-contact tr td { padding:5px 0; line-height:150%; }
.contact-form { width:827px; height:216px; padding:15px; padding-right:0; background:url('/image/bg/form.png') no-repeat; }
.contact-form table tr td { padding:2px 5px; }
.contact-form table tr td input.text { width:182px; height:16px; background:url('/image/input/text.png') no-repeat; border:none; padding:8px; font-size:12px;}
.contact-form table tr td.textarea { width:757px; height:102px; background:url('/image/input/textarea.png') no-repeat 5px 2px; }
.contact-form table tr td.textarea textarea { width:741px; height:86px; margin-left:7px; border:0; font-family:Arial, Tahoma, Verdana, sans-serif; }
.contact-form table tr.submit td { padding-top:10px; }

.contact-way form { margin:0 0 15px 15px; }
.contact-way form input.from { width:350px; padding:2px 4px; }
.contact-way form input.submit { padding:1px 8px; }
.contact-way form p.info { margin-top:8px; font-style:italic; font-size:90%; }

#sluzby .info { line-height:165%; font-size:110%; }

.e-tips { margin:20px 0 10px 0; }
ul.custom { list-style-type:none; }
ul.custom li { padding:4px 0 4px 12px; background:url('/image/other/li.gif') no-repeat left center; }

.grad1 { min-height:52px; margin:0 -37px; padding:10px 37px; background:url('/image/bg/gradient.gif') repeat-x top left #dee2ed; border-top:1px solid #e8eaed; border-bottom:1px solid #ced4dd; }

#case-study-preview { margin-bottom:25px; }
#case-study-preview h3 { margin:5px 0 10px 0; }
#case-study-preview dl { margin-bottom:15px; line-height:160%; font-size:90%; }
#case-study-preview dl dt { border-top:1px solid #ffffff; padding-top:10px; }
#case-study-preview dl dd { border-bottom:1px solid #c7d4e1; padding-bottom:10px; }
#case-study-preview dl dt.first { margin:0; border:0; padding:0; }
#case-study-preview dl dd.last { padding:0; border:0; }
#case-study-preview dl dt a { color:#147fc0; }
#case-study-preview dl dt a:hover { color:#009fff; }

#are-you-interested strong, #are-you-interested a { float:left; display:block; height:45px; line-height:45px; }
#are-you-interested strong { margin-right:25px; font-size:150%; }
#are-you-interested a { margin-right:5px; }

.related-heading { margin:30px 0 10px 0; }
#related-news-top, #related-news-bottom { display:block; width:280px; height:9px; background:url('/image/box/light-blue/top.gif') no-repeat; }
#related-news-bottom { height:10px; background:url('/image/box/light-blue/bottom.gif') no-repeat; }
#related-news { border-left:1px solid #e1e7ee; border-right:1px solid #e1e7ee; background:#edf1f6; }
#related-news ul { list-style-type:none; padding:2px 18px 2px 17px; }
#related-news ul li { padding:2px 0; background:url('/image/box/light-blue/separator.gif') no-repeat right bottom; }
#related-news ul li.last { background:none; }
#related-news ul li a { display:block; margin:8px 0; line-height:150%; background:url('/image/small-ico/article.png') no-repeat left top; padding-left:20px; color:#2b488a; }

#mapa-stranek { list-style-type:none; margin-top:15px; }
#mapa-stranek li { margin-bottom:10px; border-bottom:1px solid #cacaca; padding-bottom:10px; font-size:130%; }
#mapa-stranek li ul.sub { list-style-type:square; margin:7px 0 0 25px; }
#mapa-stranek li ul.sub li { margin:0; border:0; padding:0; padding:4px 0; font-size:90%; }
#mapa-stranek li.last { margin:0; border:0; }

#contact .face { float:left; width:400px; margin-top:8px; border:1px solid #e5e5e5; padding:5px; }
#contact .face img { float:left; margin-right:20px; }
#contact .face p.name { padding:15px 0 10px 0; font-size:120%; }
#contact .face table { width:250px; }
#contact .face table tr td { padding:3px 0; }
#contact .first-face { border-right:0; }