/*   
Theme Name: b4u.cz
Theme URI: http://www.b4u.cz
Description: Šablona pro web b4u Media&Communication
Author: webees.cz s.r.o.
Author URI: http://www.webees.cz
Version: 1.0
*/

/* obecne definice */
body { background: url(img/bg.jpg) center top repeat-x #0c0c0c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#wrap { width: 980px; margin: 0 auto; }
a { text-decoration: underline; color: #9aa6a9; }
a:hover { text-decoration: none; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
#content { }
.page { background: url(img/talir-hlavni.jpg) 39px 8px no-repeat; }
.page-online-sluzby { background: url(img/talir-online-aktivni.jpg) 39px 8px no-repeat; }
.page-komunikacni-sluzby { background: url(img/talir-komunikacni-aktivni.jpg) 39px 8px no-repeat; }
.page-produkcni-sluzby { background: url(img/talir-produkcni-aktivni.jpg) 39px 8px no-repeat; }
.page-marketing-sluzby { background: url(img/talir-marketing-aktivni.jpg) 39px 8px no-repeat; }
.page-poradenske-sluzby { background: url(img/talir-poradenske-aktivni.jpg) 39px 8px no-repeat; }
/* obecne definice */

/* hlavicka */
#header { height: 146px; overflow: hidden; padding: 60px 0 0 69px; }
#header .star { width: 90px; height: 87px; background: url(img/star.png); position: absolute; margin: 27px 0 0 817px; z-index: 1000; }
#header .star span { display: none; }
#header .desc { font-size: 11px; word-spacing: 1px; color: #fff; height: 13px; padding: 0 0 0 7px; }
#header #pagelist { height: 42px; padding: 19px 0 0 393px; background: url(img/line.png) 3px bottom no-repeat; position: relative; z-index: 1; }
#header #pagelist li { display: block; float: left; }
#header #pagelist li a { display: block; float: left; height: 29px; line-height: 29px; font-size: 12px; color: #4b4b4b; padding: 0 0 0 30px; text-transform: lowercase; text-decoration: none; }
#header #pagelist li.page-item-2 a { background: url(img/button-uvod.png) left top no-repeat; width: 46px; }
#header #pagelist li.page-item-2 a:hover, #header #pagelist li.page-item-2.current_page_item a, #header #pagelist li.page-item-2.current_page_ancestor a { background: url(img/button-uvod-on.png) left top no-repeat; color: #dad765; }
#header #pagelist li.page-item-4 a { background: url(img/button-sluzby.png) left top no-repeat; width: 49px; }
#header #pagelist li.page-item-4 a:hover, #header #pagelist li.page-item-4.current_page_item a, #header #pagelist li.page-item-4.current_page_ancestor a { background: url(img/button-sluzby-on.png) left top no-repeat; color: #dad765; }
#header #pagelist li.page-item-6 a { background: url(img/button-reference.png) left top no-repeat; width: 65px; }
#header #pagelist li.page-item-6 a:hover, #header #pagelist li.page-item-6.current_page_item a, #header #pagelist li.page-item-6.current_page_ancestor a { background: url(img/button-reference-on.png) left top no-repeat; color: #dad765; }
#header #pagelist li.page-item-8 a { background: url(img/button-kontakt.png) left top no-repeat; width: 56px; }
#header #pagelist li.page-item-8 a:hover, #header #pagelist li.page-item-8.current_page_item a, #header #pagelist li.page-item-8.current_page_ancestor a { background: url(img/button-kontakt-on.png) left top no-repeat; color: #dad765; }
#header #pagelist li.page-item-10 a { background: url(img/button-agentura.png) left top no-repeat; width: 42px; }
#header #pagelist li.page-item-10 a:hover, #header #pagelist li.page-item-10.current_page_item a, #header #pagelist li.page-item-10.current_page_ancestor a { background: url(img/button-agentura-on.png) left top no-repeat; color: #dad765; }
#header h1 a { display: block; width: 176px; height: 54px; background: url(img/logo.png); float: left; margin: 19px 0 0 0; text-indent: -300px; overflow: hidden; }
#header h2 { float: right; margin: 19px 103px 0 0; line-height: 53px; font-size: 24px; color: #fff; font-weight: normal; display: inline; }
#header h2 strong { font-weight: normal; color: #dad765; }
/* hlavicka */

/* obsah */
#talire { height: 424px; padding: 0 0 0 30px; text-align: center; color: #252525; font-size: 11px; }
#talire h3 a { text-decoration: none; color: #fff; padding: 309px 0 0 0; display: block; height: 30px; line-height: 30px; font-size: 15px; font-weight: normal; text-align: center; text-transform: uppercase; }
#talire div { float: left; height: 424px; }
#talire div.over h3 a { color: #dad765; }
#talire div.over { color: #fff; }
#talire p { padding: 0 5px; }
#talire .talir1 { background: url(img/talir-online.jpg) left top no-repeat; width: 156px; padding-left: 39px; }
#talire .talir2 { background: url(img/talir-komunikacni.jpg) left top no-repeat; width: 169px; }
#talire .talir3 { background: url(img/talir-produkcni.jpg) left top no-repeat; width: 175px; }
#talire .talir4 { background: url(img/talir-marketing.jpg) left top no-repeat; width: 156px; }
#talire .talir5 { background: url(img/talir-poradenske.jpg) left top no-repeat; width: 185px; padding-right: 8px; }
#talire .talir5 p { padding: 0 11px; }

#main { width: 627px; float: right; margin: 14px 100px 20px 0; display: inline; line-height: 1.5; font-size: 12px; color: #9aa6a9; }
#main-top { height: 26px; background: url(img/main-top.png) left top no-repeat; }
#main-content { background: url(img/main-content.png) left top repeat-y; min-height: 325px; height: auto !important; height: 325px; padding: 0 7px 0 12px; }
#main-bottom { height: 26px; background: url(img/main-bottom.png) left top no-repeat; }
#main .close { margin: -9px 0 0 564px; background: url(img/close.png); display: block; width: 39px; height: 37px; position: absolute; }
#main h2 { color: #dad765; font-size: 24px; font-weight: normal; text-transform: uppercase; padding: 10px 0 5px 24px; }
#main h3 { color: #fff; font-size: 18px; font-weight: normal; margin: 5px 0 20px 0; }
#main p { padding: 7px 0; }
#main img { margin: 12px 0; border: 3px solid #fff; }
#main img.alignleft { float: left; margin: 4px 30px 0 0; }
#main img.alignright { float: right; margin: 4px 0 0 30px; }
#main img.noborder { border: none; }
#main a.point { background: url(img/arrow.png) left center no-repeat; padding: 0 0 0 15px; }
#main a.dot { background: url(img/reference-a.png) left center no-repeat; padding: 0 0 0 15px; line-height: 2; }
#main ul.categories a { background: url(img/arrow.png) left center no-repeat; padding: 0 0 0 15px; display: block; }
#main ul.categories li.cat-item-9 a { margin: 25px 0 0 0; }
#main ul.categories li.current-cat a { color: #fff; }
#main ul.catlist a { background: url(img/arrow.png) left center no-repeat; padding: 0 0 0 15px; display: block; color: #fff; }
#main ul.catlist li.primary a { margin: 25px 0 0 0; text-transform: uppercase; color: #9aa6a9; }

#main .column { float: left; }
#main .agno { background: url(img/sep.png) 306px top repeat-y; }
#main .agno-left { width: 262px; padding: 0 25px 0 24px; }
#main .agno-right { width: 240px; padding: 0 20px 0 34px; }
#main .agno p.novinky a { text-decoration: none; padding: 0 0 0 15px; background: url(img/arrow.png) left 5px no-repeat; }
#main .agno p.novinky a:hover { text-decoration: underline; }
#main .magic { height: 20px; }
#main .reference { background: url(img/sep.png) 217px top repeat-y; width: 100%; }
#main .reference-left { width: 185px; padding: 0 0 0 32px; }
#main .reference-right { width: 341px; padding: 0 20px 0 30px; }
#main .reference h2 { padding: 0 0; }
#main .reference h3 { margin: 0 0 20px 0; }
#main .reference .reference-right h3 { margin: 0; }
#main .reference .post { clear: both; margin: 20px 0 0 0; }
#main .reference .post p { padding: 0; }
#main .reference .post a { display: block; background: url(img/reference-a.png) left center no-repeat; margin: 0 0 7px -10px; padding: 0 0 0 10px; }
#main .reference .post img.alignleft { margin-right: 12px; }
#main .refbox { width: 594px; height: 111px; margin: 20px 0 0 5px; padding: 0 4px 0 0; background: url(img/refbox.png); }
#main .refbox .box { width: 178px; padding: 28px 0 0 0; float: left; line-height: 1.44; font-size: 18px; color: #fff; text-align: center; text-transform: lowercase; }
#main .refbox .box span { color: #dad765; }
#main .refbox img.alignleft { margin: 14px 9px 0 0; }
#main .sluzby-detail { padding: 0 0 0 24px; }
#main .sluzby-detail h2 { padding-left: 0; }
#main .sluzby-detail h2 span { text-transform: lowercase; }
#main .sluzby-detail h3 { color: #6b7a80; margin: 0; background: url(img/arrow.png) left center no-repeat; padding: 0 0 0 15px; }
#main .sluzby-detail img.alignleft { margin-right: 10px; }
#main .sluzby-detail p.ult { display: block; width: 388px; padding: 4px 10px 30px 0; float: left; background: url(img/sep.png) right top repeat-y; }
#main .sluzby-detail .polozka { clear: both; }
#main .sluzby-detail .cena { display: block; color: #fff; background: url(img/bullet_white.png) left center no-repeat; margin: 0 0 0 10px; padding: 0 0 0 20px; }
#main .sluzby-detail .wpcf7 { font-size: 12px; float: left; color: #fff; margin: 0 0 0 7px; }
#main .sluzby-detail .wpcf7 p { padding: 0; }
#main .sluzby-detail .wpcf7 img { border: none; }
#main .sluzby-detail input { width: 158px; height: 16px; background-color: #222324; border: 1px solid #a4a4a4; padding: 2px 4px 0 4px;; color: #a4a4a4; font-size: 11px; margin: 0 0 5px 0; }
#main .sluzby-detail input.odeslat { font-size: 12px; color: #fff; background: url(img/arrow.png) left center no-repeat; height: auto; position: absolute; padding: 0 0 3px 10px; margin: -5px 0 0 0; border: none; width: auto; }
#main .kontakt { background: url(img/sep.png) 209px top repeat-y; }
#main .kontakt-left { width: 161px; padding: 0 24px; }
#main .kontakt-right { width: 350px; padding: 0 24px; }
#main .kontakt .wpcf7 { margin: 35px 0 0 0; }
#main .kontakt .wpcf7 p { padding: 0; }
#main .kontakt .wpcf7 img { border: none; }
#main .kontakt .wpcf7 .inputy { float: left; margin: 1px 0 0 0; }
#main .kontakt input { width: 158px; height: 16px; background-color: #222324; border: 1px solid #a4a4a4; padding: 2px 4px 0 4px;; color: #a4a4a4; font-size: 11px; margin: 0 0 5px 0; }
#main .kontakt textarea { float: right; width: 162px; height: 64px; background-color: #222324; border: 1px solid #a4a4a4; overflow: auto; padding: 2px 4px; color: #a4a4a4; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
#main .kontakt input#odeslat { font-size: 12px; color: #fff; background: url(img/arrow.png) left center no-repeat; height: auto; padding: 0 0 3px 10px; margin: 4px 0 0 0; float: right; border: none; width: auto; }
/* obsah */

/* menu */
#sidebar { width: 215px; float: left; margin: 0 0 20px 38px; display: inline; font-size: 12px; }
#sidebar h3 { font-size: 15px; color: #dad765; font-weight: bold; text-transform: uppercase; text-align: right; margin: 311px 2px 0 0; }
#sidebar ul li.flexipages_widget { padding: 300px 2px 0 0; text-align: right; height: 90px; }
#sidebar ul li.flexipages_widget li { margin: 5px 0; }
#sidebar ul li.flexipages_widget a { color: #6b7a80; text-transform: uppercase; text-decoration: none; }
#sidebar ul li.flexipages_widget a:hover { text-decoration: underline; }
/* menu */

/* paticka */
#box { line-height: 62px; background: url(img/line.png) 3px top no-repeat; color: #626262; padding: 0 0 0 10px; margin: 0 0 0 69px; }
#box a { color: #dad765; }
#news { background: url(img/news.png); width: 161px; height: 127px; position: absolute; margin: -12px 0 0 589px; padding: 31px 12px 0 12px; line-height: normal; font-size: 11px; color: #bd0000; }
#news a { text-decoration: none; color: #bd0000; }
#news a:hover { text-decoration: underline; }
#news p { display: block; height: 55px; }
#news span { display: block; color: #0c0c0c; font-weight: bold; text-align: center; margin: 7px 0 0 0; }
#news span a { color: #0c0c0c; text-decoration: underline; }
#news span a:hover { text-decoration: none; }
#news span.ac { text-align: left; padding: 10px 0 7px 0; margin: 0; }
/* paticka */