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

body { background:#eef3f7 url("../image/bg/body.png") left top repeat-x; font:normal 0.8em/1.5 "arial", sans-serif; color:#313131; }
table { border-collapse:collapse; text-align:left; }
table tr th { text-align:left; }
table tr td.v-top { vertical-align:top; }

h1, h2, h3, h4, h5, h6 { line-height:160%; font-family:Arial, Tahoma, Verdana, sans-serif; font-weight:normal; color:#313131; }
h1 { font-size:210%; }
h2 { font-size:190%; }
h3 { font-size:170%; }
h4 { font-size:140%; }
h5 { font-size:120%; }

h2.with-ico, h3.with-ico, h4.with-ico { padding-left:30px; background:no-repeat left center; font-size:18px; font-weight:bold; }
#ico-partners { background-image:url("../image/heading-ico/partners.png"); }
#ico-news { background-image:url("../image/heading-ico/news.png"); }
#ico-social-networks { background-image:url("../image/heading-ico/social.network.png"); }

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

.gray, .grey { color:#3b4c55; }
.blue { color:#28a8d7; }
.orange { color:#f16923; }
.black { color:#000000; }
.white { color:#ffffff; }

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

.text, .just-text { line-height:160%; }
.text-center, .t-center { text-align:center !important; }
.text-right, .t-right { text-align:right !important; }
.text-block, .t-block { text-align:justify !important; }
.text-left, .t-left { text-align:left !important; }

.error-paragraph, .success-paragraph, .info-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; }
.info-paragraph, .info-list { border:1px solid #d5d56e; background:#ffffcc; color:#313131; }

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

.error-text { font-weight:bold; color:#cc3333; }
.success-text { color:#99c982; }
.info-list { color:#d5d56e; }

.line { display:block; clear:both; margin:15px 0; width:100%; height:1px; background:#d6eaf4; }
.line hr { display:none; }

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

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

.ajax { display:none; height:11px; line-height:11px; padding-left:50px; background:url("../image/ajax.gif") no-repeat left top; font-weight:bold; font-size:12px; color:#28a8d7; }

/* layout */
#bubble { min-height:546px; background:url("../image/bg/bubbles.png") no-repeat top center transparent; }

#social-network { position:absolute; right:0; top:10px; }
#social-network p, #social-network a { float:left; }
#social-network p { height:29px; line-height:29px; margin-right:3px; font-weight:bold; }
#social-network a { margin-left:4px; }

#main { position:relative; width:850px; margin:0 auto; padding-top:10px; background:url("../image/bg/head.png") left 56px no-repeat; }
#head { height:147px; }
#head-link { position:absolute; width:55px; height:50px; right:25px; top:145px; }
#head-link a { display:block; width:100%; height:100%; }

#logo { width:249px; height:50px; background:url("../image/logo.png"); }
#logo a { display:block; width:100%; height:100%; }

#menu { margin:10px 0 5px 15px; }
#menu ul { list-style-type:none; }
#menu ul li a { display:block; float:left; width:166px; height:29px; line-height:29px; margin-bottom:10px; padding-left:44px; background:no-repeat left top; font-weight:bold; font-size:110%; color:#f16923; }
#menu ul li a.active { text-decoration:none; color:#313131; }
#menu ul li ul { margin:0 0 15px 20px; }
#menu ul li ul li a { width:166px; height:16px; line-height:16px; padding-left:21px; background:url("../image/menu/sub.png") no-repeat left top; font-size:100%; font-weight:bold; text-decoration:none; color:#5dbde1; }
#menu ul li ul li a:hover { color:#313131; }
#menu a#m-homepage { background-image:url("../image/menu/homepage.png"); }
#menu a#m-about-us { background-image:url("../image/menu/about-us.png"); }
#menu a#m-clients { background-image:url("../image/menu/clients.png"); }
#menu a#m-users { background-image:url("../image/menu/users.png"); }
#menu a#m-news { background-image:url("../image/menu/news.png"); }
#menu a#m-partners { background-image:url("../image/menu/partners.png"); }
#menu a#m-advertisement { background-image:url("../image/menu/advertisement.png"); }
#menu a#m-contact { background-image:url("../image/menu/contact.png"); }

#content-border { position:relative; background:#d6eaf4; margin-bottom:20px; padding:10px; }
#content-border #lt, #content-border #lb, #content-border #rt, #content-border #rb { position:absolute; width:2px; height:2px; background:no-repeat left top #ffffff; }
#content-border #lt { background-image:url("../image/bg/corner.lt.png"); left:0; top:0; }
#content-border #lb { background-image:url("../image/bg/corner.lb.png"); left:0; bottom:0; }
#content-border #rt { background-image:url("../image/bg/corner.rt.png"); right:0; top:0; }
#content-border #rb { background-image:url("../image/bg/corner.rb.png"); right:0; bottom:0; }
#content { position:relative; background:#ffffff; /*padding:15px;*/ }
#content #left { float:left; width:250px; }
#content #right { float:left; width:540px; min-height:500px; background:url("../image/bg/vertical.separator.png") repeat-y left top; padding:10px 0 10px 30px; }

#partners-box { margin:5px 0 15px 0; }
#partners-box .top { height:6px; background:url("../image/box/partner/top.png"); }
#partners-box .bottom { height:6px; background:url("../image/box/partner/bottom.png"); }
#partners-box .body { position:relative; height:183px; line-height:183px; border-left:1px solid #d6eaf4; border-right:1px solid #d6eaf4; background:#ffffff; }
#partners-box .body .arrowPrev, #partners-box .body .arrowNext { display:block; position:absolute; top:56px; width:19px; height:70px; background:no-repeat left top; }
#partners-box .body .arrowPrev { background-image:url("../image/box/partner/arrow.prev.png"); left:20px; }
#partners-box .body .arrowNext { background-image:url("../image/box/partner/arrow.next.png"); right:20px; }
#partners-box .body .itself { position:absolute; left:50px; width:750px; height:100px; overflow:hidden; top:60px; }

#footer { height:35px; line-height:37px; background:url("../image/bg/footer.png") repeat-x left bottom; }
#footer .content { position:relative; width:800px; margin:0 auto; font-size:11px; color:#1b9ccc; }
#footer .content .copyright { position:absolute; left:0; top:0; }
#footer .content .links { text-align:right; }
#footer .content .links .separator { padding:0 5px; }

/* dynamic content */
#news-list { margin-top:15px; }
#news-list .item { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #d6eaf4; }
#news-list .item .name { font-size:130%; }
#news-list .item .perex { line-height:160%; font-size:110%; text-align:justify; }
#news-list .item .date { margin-top:5px; font-size:90%; text-align:right; }
#news-list .lastItem { border:0; }

/*
#page-index #content .news { float:left; width:520px; }
*/

#map-canvas { width:100%; height:350px; margin:5px 0; }

#page-static h3.with-ico { margin:15px 0 5px 0; }
#page-static #informace-pro-klienty p.text, #page-static #case-study p.text { margin-bottom:15px; }
#page-static #case-study h3 { font-size:120%; }
#page-static #case-study .slide { margin-bottom:20px; }
#page-static #case-study .slide img { margin-bottom:7px; }

#partneri table { width:500px; margin:15px auto 20px auto; }
#partneri table tr td { height:70px; line-height:70px; padding:30px 0; border:1px solid #d6eaf4; vertical-align:middle; text-align:center; }
#partneri table tr td img { vertical-align:middle; }

#reklama p.info-paragraph { margin:15px 0; }
#reklama p.summary { margin:10px 0; }
#reklama p.item { margin:15px 0; }

p.main { margin-bottom:10px; font-size:120%; font-weight:bold; }

#o-nas .item { margin-bottom:15px; text-align:center; }
#o-nas .item .link { margin-top:3px; font-style:italic; }
#o-nas .item .link a { color:#f16923; }

/*
#o-nas .mobile .item .link a { padding:2px 5px; background:#f16923; text-decoration:none; color:#ffffff; }
#o-nas .mobile .item .link a:hover { background:#ffffff; color:#f16923; }
*/

/*
#mobilni-lokola img { border:1px solid #1f9ecd; }
*/
#mobilni-lokola img { border:1px solid #878787; }

#kontakt .social-networks { margin-top:10px; }
#kontakt .map { margin-top:15px; }
#kontakt .address { width:100%; margin-bottom:20px; }
#kontakt .address tr td.b { width:60px; }
#kontakt .address tr td { padding:2px 0; }
#kontakt .normal-address { float:left; width:200px; }
#kontakt #follow-us { float:left; width:340px; }
#kontakt #follow-us a { margin-bottom:5px; }