﻿/*   
Theme Name: AdBees.cz
Theme URI: http://www.adbees.cz
Description: Šablona pro AdBees.cz
Author: webees.cz s.r.o.
Author URI: http://www.webees.cz
Version: 1.0
*/

/* obecne */
html, body { background: url(img/bg.png); color: #000; font-family: 'Ubuntu', sans-serif; font-size: 12px; }
.wrap { width: 990px; margin: 0 auto; padding: 0 5px;position: relative;z-index: 1; }

a { text-decoration: underline; }
a:hover { text-decoration: none; }

#header h1, #sidebar h3, #bottom h4 { font-family: 'Bree Serif', serif; }
input, textarea, select { font-family: 'Ubuntu', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; }

.clear, .wpcolumn-clearfix { clear: both; height: 0; overflow: hidden; }
/* obecne */

/* header */
#header { height: 190px; position: relative;z-index: 2; }
#header h1 a { display: block; padding: 5px 0 10px 52px; position: absolute; top: 36px; text-decoration: none; font-size: 36px; text-transform: uppercase; color: #000; }
#header p.description { position: absolute; left: 52px; top: 82px; font-size: 16px; color: #898989; }
#header .menu-hlavni-menu-container { width: 100%; height: 50px; position: absolute; bottom: 0; line-height: 50px; }
#header .menu-hlavni-menu-container ul li { display: block; float: left; padding-left: 2px; position: relative; }
#header .menu-hlavni-menu-container ul li a { display: block; float: left; padding: 0 30px; text-transform: uppercase; font-weight: 700; text-decoration: none; font-size: 16px; color: #fff; }
#header .menu-hlavni-menu-container ul li:first-child { background: none; }
#header .menu-hlavni-menu-container ul li a:hover, #header .menu-hlavni-menu-container ul li.current-menu-item a, #header .menu-hlavni-menu-container ul li.current-page-ancestor a, #header .menu-hlavni-menu-container ul li.current-menu-ancestor a, #header .menu-hlavni-menu-container ul li:hover a { background-position: left -50px; }
#header .menu-hlavni-menu-container ul li a span { display: block; float: left; cursor: pointer; }
#header .menu-hlavni-menu-container ul li.home a span { padding-left: 24px; background: url(img/icon-home.png) left 17px no-repeat; }
#header .menu-hlavni-menu-container ul ul { display: none; width: 100%; height: auto; float: none; clear: both; position: absolute; left: 2px; top: 50px; z-index: 100; margin-left: -1px; padding-top: 2px; }
#header .menu-hlavni-menu-container ul ul li { float: left; padding: 0;width: 100%; }
#header .menu-hlavni-menu-container ul ul li a { float: none; font-weight: 400; text-transform: none; padding: 0 14px; line-height: 1.2; font-size: 14px; }
#header .menu-hlavni-menu-container ul ul li a span { float: none; padding: 11px 0 11px 16px; }
/* header */

/* reklama */
.links { padding: 6px 13px 0 13px; text-shadow: none; font-size: 11px; color: #919191; }
.links a.url { text-decoration: none; font-weight: 700; color: #1a1a1a; }
.links a.url:hover { text-decoration: underline; }
.ad_468_text { width: 466px; height: 58px; border: 1px solid #f5f5f5; background-color: #fcfcfc; line-height: 2; }
.ad_250_text { width: 248px; border: 1px solid #f5f5f5; background-color: #fcfcfc; line-height: 1.5; }
.ad_250_text .link { padding-top: 7px; padding-bottom: 9px; }
.ad_content_img.size125 a { margin-right: 10px; }
.ad_content_text.size125 { background-color: #fcfcfc; border: 1px solid #f5f5f5; margin-right: 21px; }
.ad_content_text.size125 .links { padding: 10px 0; }
.ad_content_text.size125 .link { display: block; width: 105px; float: left; padding: 0 17px 0 13px; }
.ad_content_text.size125 a { display: block; margin: 2px 0; }
.ad_container { width: 698px; margin: 10px 0 10px -22px; padding: 21px 0 21px 21px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; line-height: 1.5; }
#header .ads { position: absolute; right: 0; top: 39px; }
#bottom .ads { margin: 16px 0 0 16px;}
#bottom .textwidget .ads {margin-left: 0;}
#sidebar .textwidget .ad_250_text { margin: 10px 0 0 -10px; }
#sidebar .textwidget .ad_250_img { margin: 10px 0 0 -10px; }
#content .ad_250_text { float: left; margin: 20px 20px 20px 0; }
#content .ad_250_img { float: left; margin: 20px 20px 20px 0; }
#content .ad_468_text { margin: 20px auto; text-align: center; }
#content .ad_468_img { margin: 20px auto; text-align: center; }
/* reklama */

/* obsah */
#slideshow { height: 350px; overflow: hidden; position: relative;z-index: 1; }
#slideshow #slides { height: 350px; overflow: hidden;z-index: 1; }
#slideshow #slides .slide { width: 990px; height: 350px; overflow: hidden; }
#slideshow #slides .slide .area { width: 326px; height: 335px; float: right; padding: 15px 37px 0 37px; background: url(img/transparent-bg.png); line-height: 1.6; font-weight: 300; font-size: 16px; color: #e0e0e0; }
#slideshow #slides .slide p.headline { padding-bottom: 23px; line-height: 1.1; text-transform: uppercase; font-size: 34px; color: #fff; }
#slideshow #slides .slide p.headline a { text-decoration: none; color: #fff; }
#slideshow #navigation { width: 400px; height: 60px; position: absolute; right: 0; bottom: 0; z-index: 100; }
#slideshow #navigation a.prev, #slideshow #navigation a.next { display: block; width: 60px; height: 60px; overflow: hidden; text-indent: -500px;float: left; }
#slideshow #navigation a.next {float: right;}
#slideshow #navigation a.prev:hover, #slideshow #navigation a.next:hover { background-position: center -60px; }
#slideshow #navigation .bullets { width: 280px; height: 44px; position: absolute; left: 60px; padding-top: 16px; text-align: center; }
#slideshow #navigation .bullets a { display: inline-block; width: 28px; height: 28px; overflow: hidden; margin-left: -2px; text-align: center; line-height: 26px; text-decoration: none; color: #aeaeae; }
#slideshow #navigation .bullets a:hover, #slideshow #navigation .bullets a.activeSlide { text-indent: -500px; background-position: center -28px; }

#static { height: 200px; position: relative; }
#static p.headline { display: block; position: absolute; right: 0; top: 28px; margin-left: 30px; padding: 16px 30px; background: url(img/transparent-bg.png); text-transform: uppercase; font-weight: 300; text-align: right; line-height: 1.1; font-size: 34px; color: #fff; }

#container { padding-top: 4px; background-color: #fff; }
#content { width: 665px; float: left; border-top: 3px solid #ededed; border-right: 1px solid #ededed; padding: 0 32px 20px 22px; line-height: 1.8; font-weight: 300; font-size: 15px; color: #1a1a1a; }
#content h1 { padding: 24px 0 6px 0; font-size: 34px; line-height: 1.1; color: #1a1a1a; }
#content h2 { padding: 20px 0 5px 0; font-size: 25px; font-weight: 500; line-height: 1.1; color: #1a1a1a; }
#content h3 { padding: 20px 0 5px 0; font-size: 21px; font-weight: 500; line-height: 1.1; color: #1a1a1a; }
#content h4 { padding: 20px 0 5px 0; font-size: 17px; font-weight: 700; line-height: 1.1; color: #1a1a1a; }
#content h5 { padding: 15px 0 5px 0; font-size: 15px; font-weight: 700; line-height: 1.1; color: #1a1a1a; }
#content p { padding: 10px 0; }
#content strong { font-weight: 500; }
#content ul { margin: 20px 0 20px 2px; }
#content ul li { padding: 4px 0 4px 20px; }
#content ul ul { margin-top: 0; margin-bottom: 0; }
#content ol { margin: 20px 0 20px 2px; }
#content ol li { position: relative; padding: 4px 0 4px 32px; }
#content ol li span.number { display: block; width: 24px; height: 24px; position: absolute; left: 0; top: 6px; text-align: center; line-height: 24px; font-size: 13px; color: #fff; }
#content .alignleft { float: left; margin: 5px 20px 5px 0; }
#content .alignright { float: right; margin: 5px 0 5px 20px; }
#content .aligncenter { display: block; margin: 0 auto; text-align: center; }
#content blockquote { margin: 13px 27px 13px 33px; padding: 8px 20px; border-radius: 5px; text-align: center; font-weight: 300; font-style: italic; }
#content .wpcolumn { float: left; padding: 20px 0; }
#content .wpcolumn-wrapper-2 .wpcolumn { width: 310px; }
#content .wpcolumn-wrapper-2 .wpcolumn.wpcolumn-first { margin-right: 45px; }
#content .wpcolumn-wrapper-3 .wpcolumn { width: 206px; }
#content .wpcolumn-wrapper-3 .wpcolumn.wpcolumn-first { margin-right: 23px; }
#content .wpcolumn-wrapper-3 .wpcolumn.wpcolumn-last { margin-left: 23px; }
#content .gallery { margin: 20px 0 4px 0; }
#content .gallery .clear { height: auto; overflow: auto; }
#content .gallery .gallery-item { width: 210px; float: left; margin-left: 17px; margin-bottom: 16px; background-color: #f7f7f7; }
#content .gallery .gallery-item:first-child { margin-left: 0; }
#content .gallery .gallery-caption { padding: 6px 10px 13px 10px; text-align: center; line-height: 1.3; font-size: 11px; font-style: italic; color: #747474; }
#content table { width: 100%; margin: 10px 0; }
#content table th { padding: 7px 15px; border-right: 2px solid #fff; border-bottom: 2px solid #241806; font-size: 15px; font-weight: 500; color: #fff; }
#content table td { padding: 7px 15px; background-color: #fcf4e6; border-right: 2px solid #fff; border-bottom: 2px solid #fff; font-size: 15px; font-weight: 300; color: #1a1a1a; }
#content table .left { text-align: left; }
#content table .middle { text-align: center; }
#content table .right { text-align: right; }
#content .wpcf7 { margin: 20px -32px -20px -22px; padding: 10px; background-color: #f7f7f7; }
#content .wpcf7 form { position: relative; padding: 20px; border: 2px dashed #e1e1e1; }
#content .wpcf7 h2 { padding: 0 0 15px 0; }
#content .wpcf7 p { clear: both; padding: 0 0 10px 0; }
#content .wpcf7 p.third { width: 152px; float: left; clear: none; }
#content .wpcf7 label { display: block; float: left; width: 138px; padding: 3px 14px 3px 0; text-align: right; font-size: 15px; font-weight: 500; }
#content .wpcf7 label span { color: #C00; }
#content .wpcf7 input.wpcf7-text { width: 253px; height: 32px; padding: 0 15px; border: 1px solid #d7d7d7; line-height: 32px; }
#content .wpcf7 input.wpcf7-submit { width: 87px; height: 32px; margin-left: 152px; padding-left: 12px; border: none; cursor: pointer; text-align: left; font-size: 13px; font-weight: 500; color: #fff; }
#content .wpcf7 select { width: 285px;padding: 7px 0 7px 12px;border: 1px solid #d7d7d7; }
#content .wpcf7 textarea { width: 418px; height: 88px; padding: 7px 15px; border: 1px solid #d7d7d7; overflow: auto; }
#content .wpcf7 .wpcf7-list-item { line-height: 34px; }
#content .wpcf7 p.third .wpcf7-list-item { display: block; }

#content #posts { width: 720px; margin: -10px 0 0 -22px; line-height: 1.5; }
#content #posts .headline { height: 40px; padding: 0 21px; background-color: #2e2e2e; line-height: 40px; }
#content #posts .headline h3 { float: left; padding: 0; text-transform: uppercase; line-height: 40px; font-size: 18px; font-weight: 300; color: #fff; }
#content #posts .headline a { float: right; font-size: 13px; color: #fff; }
#content .posts .post { width: 195px; float: left; margin: 17px 0 0 0; padding: 5px 21px 20px 22px; min-height: 233px; border-bottom: none; border-left: 1px solid #ededed; }
#content .posts .post:first-child { border: none; }

#content .listing { line-height: 1.5; font-size: 13px; }
#content .listing .post { margin: 0 -32px 0 -22px; padding: 25px 32px 25px 22px; border-bottom: 1px solid #ededed; }
#content .listing .post h2 { padding: 16px 0 2px 0; font-weight: 500; line-height: 1.2; font-size: 24px; }
#content .listing .post h2 a { text-decoration: none; }
#content .listing .post h2 a span.source { display: block; text-decoration: underline; font-size: 15px; }
#content .listing .post h2 a span.rest { text-decoration: underline; }
#content .listing .post h2 a:hover span.source { text-decoration: none; }
#content .listing .post h2 a:hover span.rest { text-decoration: none; }
#content .listing a.featured { float: right; margin: 14px 0 0 40px; }
#content .listing .post p.date { padding: 0 0 0 17px; background: url(img/icon-date.png) left center no-repeat; font-weight: 500; color: #ababab; }
#content .wp-pagenavi { position: relative; padding: 27px 0 7px 0; text-align: center; }
#content .wp-pagenavi a.page, #content .wp-pagenavi span.current { display: inline-block; width: 32px; height: 32px; margin-left: -1px; text-decoration: none; line-height: 32px; color: #aeaeae; }
#content .wp-pagenavi a.page:hover, #content .wp-pagenavi span.current { color: #fff; }
#content .wp-pagenavi a.previouspostslink { height: 32px; position: absolute; left: 0; padding-left: 19px; background: url(img/pagenavi-left.png) left top no-repeat; line-height: 32px; text-decoration: none; font-size: 13px; color: #1a1a1a; }
#content .wp-pagenavi a.previouspostslink span { display: block; padding: 0 13px 0 9px; background: url(img/pagenavi-left.png) right -32px no-repeat; }
#content .wp-pagenavi a.nextpostslink { height: 32px; position: absolute; right: 0; padding-right: 19px; background: url(img/pagenavi-right.png) right top no-repeat; line-height: 32px; text-decoration: none; font-size: 13px; color: #1a1a1a; }
#content .wp-pagenavi a.nextpostslink span { display: block; padding: 0 9px 0 13px; background: url(img/pagenavi-right.png) left -32px no-repeat; }
#content .wp-pagenavi a.nextpostslink:hover, #content .wp-pagenavi a.previouspostslink:hover { text-decoration: underline; }

#content .breadcrumb { margin-top: 13px; }
#content .breadcrumb a, #content .breadcrumb span.nolink { display: block; height: 26px; float: left; margin-right: 4px; padding-right: 11px; background: url(img/breadcrumb-button.png) right -26px no-repeat; font-size: 13px; line-height: 26px; font-weight: 500; color: #ababab; }
#content .breadcrumb a:hover { color: #000; }
#content .breadcrumb a span, #content .breadcrumb span.nolink span { display: block; float: left; background: url(img/breadcrumb-button.png) left top no-repeat; padding: 0 2px 0 11px; }

.posts .post { margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid #ededed; font-size: 13px; }
.posts .post p.date, #content .posts .post p.date { padding: 0 0 0 17px; background: url(img/icon-date.png) left center no-repeat; font-weight: 500; color: #ababab; }
.posts .post h4, #content .posts .post h4 { padding: 14px 0 0 0; line-height: 1.5; font-size: 15px; font-weight: 500; }
.posts .post p { padding-top: 13px; }
/* obsah */

/* menu */
#sidebar { width: 270px; float: right; padding-bottom: 30px; line-height: 1.5; font-size: 13px; }
#sidebar h3 { padding: 11px 10px; border-left: 10px solid #2e2e2e; border-right: 10px solid #ededed; text-transform: uppercase; line-height: 1.1; font-weight: 400; font-size: 18px; color: #2e2e2e; }
#sidebar .widget { padding-bottom: 20px; }

#sidebar .widget.widget_nav_menu ul { padding: 0; }
#sidebar .widget.widget_nav_menu ul li { display: block; margin-bottom: 1px; padding: 0; background: none; border-bottom: 1px solid #ededed; }
#sidebar .widget.widget_nav_menu ul li a { display: block; padding: 0 10px; background: url(img/sidebar-menu-bg.png) center bottom repeat-x; text-decoration: none; line-height: 1.1; font-size: 14px; text-transform: uppercase; font-weight: 700; color: #1a1a1a;position: relative; }
#sidebar .widget.widget_nav_menu ul li a span { display: block; padding: 17px 0; cursor: pointer;  }
#sidebar .widget.widget_nav_menu ul li a span.state {position: absolute;top: 16px;right: 16px;padding: 0;width: 18px;height: 18px;background: url(img/sidebar-menu-sub.png) 0 -15px no-repeat;}
#sidebar .widget.widget_nav_menu ul li a span.state-open {background-position: 0 -64px;}
#sidebar .widget.widget_nav_menu ul li a:hover, #sidebar .widget.widget_nav_menu ul li.current_page_item a, #sidebar .widget.widget_nav_menu ul li.current_page_parent a { color: #fff; }
#sidebar .widget.widget_nav_menu ul li ul { padding: 11px 30px; border-top: 1px solid #ededed; }
#sidebar .widget.widget_nav_menu ul li ul li { margin-bottom: 0; border: none; }
#sidebar .widget.widget_nav_menu ul li ul li a, #sidebar .widget.widget_nav_menu ul li.current_page_item ul li a, #sidebar .widget.widget_nav_menu ul li.current_page_parent ul li a { background: none; padding: 0; text-transform: none; text-shadow: none; font-weight: 400; color: #1a1a1a; }
#sidebar .widget.widget_nav_menu ul li ul li a span { background: none; padding: 7px 0; }
#sidebar .widget.widget_nav_menu ul li ul li a:hover, #sidebar .widget.widget_nav_menu ul li ul li.current_page_item a, #sidebar .widget.widget_nav_menu ul li.current_page_item ul li a:hover, #sidebar .widget.widget_nav_menu ul li.current_page_parent ul li a:hover { background: none; text-shadow: none; }

#sidebar form { padding: 10px 20px 0 20px; }
#sidebar form label { display: none; }
#sidebar form input#s { width: 144px; height: 25px; border: 1px solid #444; padding: 0 8px; line-height: 25px; font-size: 13px; color: #000; }
#sidebar form input#searchsubmit { width: 60px; height: 27px; border: 1px solid #666; background-color: #f1f1f1; font-size: 13px; color: #000; cursor: pointer; }
#sidebar .textwidget { padding: 10px 20px 0 20px; }
#sidebar .widget.widget_ad_block { padding-left: 10px; padding-right: 10px; }
#sidebar .widget ul { padding: 10px 20px; }
#sidebar .widget ul li { display: block; padding: 2px 0 2px 18px; background: url(img/brown/menu-bullet.png) left 8px no-repeat; }
#sidebar .widget .posts { padding: 17px 20px 0 20px; }
#sidebar .textwidget p { padding: 5px 0; }
#sidebar span.rss-date { font-style: italic; color: #ac8e5f; }
#sidebar .rssSummary { padding: 4px 0; }
/* menu */

/* paticka */
#bottom { line-height: 1.5; font-size: 13px; color: #fff; }
#bottom .left { width: 720px; float: left; }
#bottom .right { width: 270px; float: right; }
#bottom h4 { padding-left: 6px; line-height: 40px; font-size: 16px; text-transform: uppercase; }
#bottom .textwidget { padding: 3px 30px 16px 16px; }
#bottom p { padding: 6px 0; }
#bottom ul { padding: 10px 18px 15px 18px; }
#bottom ul li { padding: 2px 0; }
#bottom ul li a { padding-left: 18px; }
#bottom ul ul { padding-top: 5px; padding-bottom: 5px; }
#bottom p a, #bottom ul li a { color: #fff; }
#bottom ul li a:hover, #bottom ul li.current_page_parent a, #bottom ul li.current-menu-item a, #bottom ul li.current-page-ancestor a, #bottom ul li.current-menu-item li a:hover, #bottom ul li.current-page-ancestor li a:hover { text-decoration: none; text-shadow: none; }
#bottom ul li.current_page_parent li a, #bottom ul li.current-menu-item li a, #bottom ul li.current-page-ancestor li a { text-decoration: underline; color: #fff; }
#footer { width: 100%; height: 25px; background: url(img/footer-bg.png) center top no-repeat; padding: 25px 0 0 0; font-size: 13px; color: #7b7b7b; }
#footer .left { float: left; padding-left: 10px; text-transform: uppercase; }
#footer .right { float: right; padding-right: 10px; }
/* paticka */

/* další */
div.wpcf7-response-output { margin-top: 10px; padding: 15px 20px; background-color: #fff; line-height: 1.2; font-size: 13px; }
div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }
div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; }
div.wpcf7-spam-blocked { border: 2px solid #ffa500; }
div.wpcf7-validation-errors { border: 2px solid #f7e700; }
span.wpcf7-form-control-wrap { position: relative; }
span.wpcf7-not-valid-tip { width: 230px; padding: 5px; position: absolute; top: 3px; left: 8px; z-index: 10000; background-color: #fff; border: 1px solid #ff0000; line-height: 1.2; font-size: 12px; }
span.wpcf7-not-valid-tip-no-ajax { display: block; font-size: 13px; width: 280px; padding: 2px 0 2px 120px; color: #f00; font-style: italic; }
.wpcf7-display-none { display: none; }
div.wpcf7 img.ajax-loader { position: absolute; left: 10px; bottom: 10px; }
/* další */