/*   
Theme Name: Audit-web.cz
Theme URI: http://www.audit-web.cz/
Description: Šablona pro Audit-web.cz
Author: webees, s. r. o.
Author URI: http://www.webees.cz
Version: 1.0
*/

/* general */
html, body { height: 100%; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; background: url(img/bg-bottom.jpg) center bottom no-repeat; }

.in { width: 940px; margin: 0 auto; padding: 0 auto; position: relative; }

p.desc, .phone strong, #footer .menus .menu li.headline, #content .text h1, #content .sidebar h3 { font-family: 'Oswald', sans-serif; }

a { color: #333; text-decoration: underline; }
a:hover { text-decoration: none; }

.clearer { clear: both; height: 0; overflow: hidden; }
/* general */

/* header */
#info { height: 55px; background: url(img/info-bg.png); }
#info ul { float: left; padding-top: 13px; }
#info ul li { display: block; float: left; }
#info ul li a { display: block; float: left; min-width: 70px; height: 34px; margin-right: 3px; border: 1px solid #e6730b; padding: 6px 10px 0 10px; background: url(img/info-button-bg.png) center top repeat-x; font-size: 14px; text-align: center; line-height: 1.3; text-decoration: none; font-weight: 700; color: #fff; }
#info ul li a:hover, #info ul li.current a { background-position: center -40px; border-bottom: 1px solid #fff; color: #333; }
#info ul li a span.domain { display: block; font-size: 11px; font-weight: 400; color: #fff; }
#info ul li a:hover span.domain, #info ul li.current a span.domain { color: #999; }
#info .search { width: 220px; height: 28px; background: url(img/search-bg.png); float: right; margin-top: 12px; }
#info .search input { width: 169px; height: 28px; float: left; background: none; border: none; padding: 0 8px; line-height: 28px; color: #ccc; }
#info .search button { width: 35px; height: 28px; background: none; border: none; cursor: pointer; overflow: hidden; text-indent: -500px; }

#header .in { height: 70px; border-bottom: 1px solid #dcdcdc; }
#header a.logo { display: block; width: 142px; height: 36px; float: left; margin-top: 19px; background: url(img/logo.png); overflow: hidden; text-indent: -500px; }
#header .desc { height: 38px; float: left; float: left; margin-left: 13px; padding: 32px 0 0 26px; background: url(img/header-desc.png) left 11px no-repeat; font-size: 16px; }
#header .phone { float: right; text-align: right; }
#header .phone strong { display: inline-block; margin-bottom: 4px; padding: 19px 0 6px 20px; background: url(img/icon-phone.png) left 18px no-repeat; border-bottom: 1px solid #ccc; }
#header .phone a { border-left: 1px solid #ccc; padding-left: 10px; text-decoration: none; }
#header .phone a:hover { text-decoration: underline; }
/* header */

/* content */
#content { background: url(img/content-bg-top.png) center top no-repeat; padding: 20px 0 10px 0; }
#content .in { background: url(img/content-bg-middle.png) 720px top repeat-y; padding-bottom: 30px; }
#content .text { width: 700px; float: left; line-height: 1.4; overflow: hidden; }
#content .text .categories { width: 750px; padding: 30px 0 15px 0; border-bottom: 1px solid #dcdcdc; }
#content .text .categories .category h2 { margin-top: 8px; }
#content .text .categories .category h2 a { font-weight: 700; font-size: 14px; color: #f4811f; }
#content .text .categories .category { width: 160px; float: left; margin-right: 20px; color: #f4811f; }
#content .text .posts { padding-top: 10px; background: url(img/text-bg-top.png) center top no-repeat; }
#content.archive .text .posts { background: none; }
#content .text .posts .post { padding-top: 10px; }
#content .text .posts .post a.featured img { width: 100px; height: auto; float: left; margin: 10px 20px 0 0; }
#content .text .posts h2 { padding: 0; }
#content .text .posts h2 a { text-decoration: none; font-weight: 700; font-size: 14px; color: #ff6600; }
#content .text .posts h2 a:hover { text-decoration: underline; }
#content .text .posts h3 { padding: 0; }
#content .text .posts h3 a { text-decoration: none; font-weight: 700; font-size: 14px; color: #ff6600; }
#content .text .posts h3 a:hover { text-decoration: underline; }
#content .text .posts p.more { padding: 0; text-align: right; }
#content .text .posts a.more { color: #f4811f; }
#content .text h1 { padding: 5px 0; font-weight: 400; font-size: 16px; color: #333; }
#content .text h1 a { text-decoration: none; }
#content .text h1 a:hover { text-decoration: underline; }
#content .text h2 { padding: 15px 0 5px 0; font-weight: 700; font-size: 14px; color: #ff6600; }
#content .text h3 { padding: 10px 0 4px 0; font-weight: 700; font-size: 13px; color: #ff6600; }
#content .text h4 { padding: 10px 0 3px 0; font-weight: 700; font-size: 12px; color: #ff6600; }
#content .text p { padding: 8px 0; }
#content .text ul { margin: 10px 0 10px 20px; list-style: square; }
#content .text ul.letters { margin-left: 0; list-style: none; }
#content .text ul li { padding: 3px 0; }
#content .text ul.letters li { display: inline-block; padding: 0 5px; }
#content .text ul.letters li a { font-size: 18px; text-decoration: none; }
#content .text ul.letters li a:hover { text-decoration: underline; }
#content .text ul.letters li.current-cat a { color: #F4811E; }
#content .text ol { margin: 10px 0 10px 20px; list-style: decimal; }
#content .text ol li { padding: 3px 0; }
#content .text blockquote { margin: 10px 0 10px 10px; border-left: 2px solid #ff6600; padding-left: 20px; font-style: italic; }
#content .text .alignleft { float: left; margin: 4px 20px 0 0; }
#content .text .alignright { float: right; margin: 4px 0 0 20px; }
#content .text .categories { clear: both; }
#content .text .navigation { height: 20px; margin-top: 25px; line-height: 20px; font-weight: 700; }
#content .text .navigation .left { float: left; }
#content .text .navigation .right { float: right; }
#content .text .button.gform_button { width: 200px; height: 35px; cursor: pointer; font-weight: 700; font-size: 14px; }

#content.single .in { background: url(img/content-bg-middle.png) 220px top repeat-y; }
#content.single .text { float: right; }
#content.single .sidebar { float: left; }

#content .sidebar { width: 200px; float: right; line-height: 1.4; }
#content .sidebar h3 { padding-left: 25px; background: url(img/arrow-right.png) left center no-repeat; font-size: 16px; font-weight: 400; }
#content .sidebar .widget { padding-bottom: 20px; }
#content .sidebar .widget .textwidget, #content .sidebar .widget ul { padding: 10px 0; }
#content .sidebar .widget ul li { padding: 2px 0; }
#content .sidebar .widget ul li a { padding-left: 15px; background: url(img/arrow-right-small.png) left 4px no-repeat; }
#content .sidebar .widget ul li.current-cat a { text-decoration: none; }
#content .sidebar .widget .textwidget p { padding: 8px 0; }
/* content */

/* carousel */
.aTabs{font-family: arial;}
.navigation{margin: 50px 0 0 0 !important;padding: 0;}
.navigation li{font: 11px oswald;display: inline-block;float: left;height: 22px;text-align: center;padding-top: 10px !important;padding-bottom: 5px !important;text-transform: uppercase;width: 115px;}
.navigation li.active{background: #eee;}
.aTabs a{text-decoration: none;}
.aTabs a:hover{text-decoration: underline;}
.navigation a{color: #333;}
.productImg {text-align: center;background: url("img/imgMainPageBorder.png") no-repeat;float: left;height: 77px;overflow: hidden;padding-top: 9px;width: 77px;}
.productImg a{margin: 0 0 0 9px;display: block;height: 59px;width: 59px;background-color: white;background-size: contain; background-position: center;background-repeat: no-repeat;}
.tabsWrapper {background-color: #eaeaea;float: left;width: 700px;height: 180px;}
.tabsWrapper .productName a {color: #ff6600;}
.tabsWrapper h2{font-size: 11px !important; display: block; height: 30px; overflow: hidden;padding: 0 !important}
.product {width: 225px;float: left;margin: 12px 0 0 8px; }
.product .priceWithVat strong{font: bold 12px arial;color: #333;}
.product .priceWithoutVat strong{font: 10px arial;color: #999999;}
.product .annotation{float: left;display: block;color: #666666;font: 11px arial;padding: 5px;}
.link{float: left;width: 660px;margin: 8px 0 0 10px;border-top: 1px dashed #ccc; padding: 6px 0 0 20px;}
.link a{color: #f4811f; }
/* carousel */

/* footer */
#footer .menus { background: url(img/footer-bg.png); padding: 30px 0; }
#footer .menus .menu-o-spolecnosti-container { min-width: 110px; min-height: 120px; border-left: 1px solid #ccc; padding: 0 20px 0 20px; float: left; }
#footer .menus .menu-informace-pro-zakazniky-container { min-height: 120px; border-left: 1px solid #ccc; padding: 0 30px 0 20px; float: left; }
#footer .menus .menu li.headline { padding: 5px 0 20px 0; font-size: 16px; color: #666; }
#footer .menus .menu-o-spolecnosti-container ul li, #footer .menus .menu-informace-pro-zakazniky-container ul li { padding: 5px 0 2px 0; }
#footer .menus .menu-o-spolecnosti-container ul li a, #footer .menus .menu-informace-pro-zakazniky-container ul li a { text-decoration: none; color: #666; }
#footer .menus .menu-o-spolecnosti-container ul li a:hover, #footer .menus .menu-informace-pro-zakazniky-container ul li a:hover, #footer .menus .menu-o-spolecnosti-container ul li.current-menu-item a, #footer .menus .menu-informace-pro-zakazniky-container ul li.current-menu-item a { text-decoration: underline; }
#footer .menus .menu#menu-socialni-site { position: absolute; right: 0; top: 0; }
#footer .menus .menu#menu-socialni-site li { display: block; float: left; padding-left: 8px; }
#footer .menus .menu#menu-socialni-site li a { display: block; float: left; width: 30px; height: 30px; overflow: hidden; text-indent: -500px; }
#footer .menus .menu#menu-socialni-site li.facebook a { background: url(img/icon-facebook.png); }
#footer .menus .menu#menu-socialni-site li.instagram a { background: url(img/instagram_audit_web_cz2.png); }
#footer .menus .menu#menu-socialni-site li.youtube a { background: url(img/icon-youtube.png); }
#footer .menus .menu#menu-mapa-stranek { position: absolute; right: 0; bottom: 0; }
#footer .links { padding: 20px 0 10px 0; font-size: 10px; line-height: 1.2; color: #999; }
#footer .links a { color: #999; }
#footer .footer { padding-bottom: 25px; line-height: 1.5; }
#footer .footer em { display: block; font-style: normal; font-size: 10px; }
#footer .footer a { text-decoration: none; color: #999; }
#footer .footer a:hover { text-decoration: underline; }
/* footer */
