/* www.autopneudoprava.cz, media screen */

/* zakladni nastaveni */
html { font-size: 100.01%; }
body { background: url("../img/body.png") repeat-x; color: #707070; font: normal normal normal 1em/normal sans-serif; margin: 0; padding: 0; text-align: center; }
p { margin: 0; padding: 0; }
h1 { margin: 0; padding: 0; }
h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; padding: 0; }
ol, ul { margin: 0; padding: 0; }
ol li, ul li { list-style: none; }
a { color: #0076a3; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }
a img { border: none; }
ins { text-decoration: none; }
fieldset { border: none; margin: 0; padding: 0; }
label { cursor: pointer; }
hr { background: #cccccc; border: none; clear: both; color: #cccccc; height: 1px; }

/* stranka */
div.homepage, div.page { margin: 0 auto 0 auto; position: relative; text-align: left; width: 1000px; }
div.wrapper { clear: both; }
span.ir, span.shadow, span.ico, span.corner, span.beak { overflow: hidden !important; position: absolute; }
span.ir { left: 0; top: 0; }
a span.ir, a span.ico { cursor: pointer; }
* html span.corner, * html span.shadow { display: none; }
span.corner { height: 2px; width: 2px; }
span.corner.lt { left: 0; top: 0; }
span.corner.rt { background-position: -2px 0; right: 0; top: 0; }
span.corner.lb { background-position: 0 -2px; bottom: 0; left: 0; }
span.corner.rb { background-position: -2px -2px; bottom: 0; right: 0; }

/* content */
div.content { background: url("../img/content.png") no-repeat 20px bottom; font-size: 0.75em; padding: 162px 20px 20px 20px; position: relative; width: 960px; }
div.columns { width: 960px; }
div.columns div.left { float: left; width: 293px; }
div.columns div.right { background: url("../img/front.jpg") no-repeat; float: right; margin: -24px 0 50px 0; padding: 339px 0 0 0; position: relative; width: 667px; }
div.right span.supplement.t { background: url("../img/right-supplement.png"); height: 20px; left: 219px; top: 319px; width: 228px; position: absolute; }

/* novinky */
div.news { background: #e0e0e0 url("../img/news.png") no-repeat; height: 247px; padding: 28px 24px 20px 24px; overflow:hidden; }
div.news h3 { background: #e1e1e1 url("../img/news-h3.png") no-repeat 196px 9px; border-bottom: 1px solid #ffffff; color: #a3a9ad; font-size: 1.3em; line-height: normal; margin: 0 0 10px 0; padding: 6px 48px 5px 8px; position: relative; }
* html div.news h3 { height: 1%; }
div.news span.beak { background: url("../img/news-h3-beak.png"); bottom: -15px; height: 15px; left: 198px; width: 17px; }
div.news div.item { padding: 7px 0 7px 0; }
div.news h4 { color: #0076a3; margin-bottom: 5px; }
div.news h4 a { color: #0076a3; }
div.news h4 a:hover { color: #000000; }
div.news ins { color: #acacac; font-weight: normal; }
div.news hr { background: #cfcfcf; border-bottom: 1px solid #ffffff; border-left: none; border-right: none; border-top: none; color: #cfcfcf; height: 2px; }

/* male boxy na hp */
div.smallbox { padding: 28px 24px 18px 24px; }
div.smallbox h3 { color: #a3a9ad; font-size: 1.3em; margin: 0 0 24px 0; padding: 6px 48px 5px 8px; position: relative; }
div.smallbox span.beak { background: url("../img/smallbox-h3-beak.png"); bottom: -14px; height: 14px; left: 198px; width: 17px; }

/* mate dotaz */
div.have-question { padding-bottom: 0; }
div.have-question p { color: #a3a9ad; padding: 0 2px 0 2px; }
div.have-question h3 { background: #e1e1e1 url("../img/have-question-h3.png") no-repeat 197px 10px; }
* html div.have-question h3 { height: 1%; }

/* rychle kontakty */
div.quick-contacts h3 { background: #e1e1e1 url("../img/quick-contacts-h3.png") no-repeat 201px 5px; }
* html div.quick-contacts h3 { height: 1%; }
div.quick-contacts div.container { padding: 0 22px 10px 22px; }
div.quick-contacts h4 { margin-bottom: 3px; text-transform: uppercase; }
div.quick-contacts p { margin: 0 0 8px 0; }
div.quick-contacts strong { background: url("../img/quick-contacts-strong.png") no-repeat 0 0.5em; color: #f09000; margin-left: -15px; padding: 0 0 0 15px; }
div.quick-contacts strong {*margin-left:-17px; *padding-left:15px;}

/* cesta */
div.path { background: #282828 url("../img/path.png") no-repeat; padding: 8px 12px 8px 12px;  }
div.path li { color: #ffffff; float: left; }
div.path a { background: url("../img/path-a.png") no-repeat right center; color: #ffffff; margin-right: 16px; padding-right: 22px; text-decoration: none; }
div.path a:hover { color: #f09000; text-decoration: none; }

/* strankovani */
div.pagination { background: #f79b00; border-bottom: 1px solid #fcc16a; border-left: 1px solid #fcc16a; border-right: 1px solid #fcc16a; bottom: -52px; left: 221px; padding: 10px 18px 10px 18px; position: absolute; }
* html div.pagination { bottom: -51px; }
div.pagination div.container { background: #e1e1e1 url("../img/pagination.png") repeat-x; border: 1px solid #e0e0e0; padding: 7px 38px 6px 38px; position: relative; }
div.pagination span.corner { background-image: url("../img/pagination-cornerns.png"); }
div.pagination span.shadow { background: url("../img/pagination-shadow.png") no-repeat right bottom; bottom: -7px; height: 6px; right: 0; width: 135px; }
div.pagination p { display: inline; }
* html div.pagination p, *+html div.pagination p { margin-right: 5px; }
div.pagination ul { display: inline; }
div.pagination li { display: inline; }
div.pagination a { color: #707070; text-decoration: none; }
div.pagination a:hover { color: #707070; text-decoration: underline; }
div.pagination a.active { color: #707070; font-weight: bold; text-decoration: none; }

/* zaobleny obdelnik */
div.roundedbox, p.roundedbox { background: #333132 url("../img/roundedbox.png") repeat-x; border-bottom: 1px solid #ffffff; color: #ffffff; padding: 4px 10px 3px 10px !important; position: relative; }
* html div.roundedbox, * html p.roundedbox { height: 1%; }
div.roundedbox span.corner, p.roundedbox span.corner { background-image: url("../img/roundedbox-corners.png"); }

/* box nad obsahem */
div.frontbox { background: #e0e0e0 url("../img/frontbox.png") repeat-x; border: 1px solid #e1e1e1; color: #707070; padding: 16px 43px 10px 27px; position: relative; }
div.frontbox span.shadow { background: url("../img/frontbox-shadow.png"); bottom: -6px; height: 6px; left: -7px; position: absolute; width: 674px; }
div.frontbox span.corner { background-image: url("../img/frontbox-corners.png"); }
div.frontbox span.corner.lt { left: -1px; top: -1px; }
div.frontbox span.corner.rt { right: -1px; top: -1px; }
div.frontbox span.corner.lb { left: -1px; bottom: -1px; }
div.frontbox span.corner.rb { right: -1px; bottom: -1px; }
div.frontbox span.ribbon { background: url("../img/frontbox-ribbon.png") no-repeat top right; height: 100%; position: absolute; right: 34px; top: 0; width: 100%; z-index: 1; }
* html div.frontbox { overflow: hidden; }
* html div.frontbox span.ribbon { height: 372px; }
div.frontbox div.container { position: relative; z-index: 2; }
div.frontbox h2 { color: #0076a3; font-size: 1.3em; margin-bottom: 5px; }
div.frontbox h2 a { color: #0076a3; text-decoration: none; }
div.frontbox h2 a:hover { color: #0076a3; text-decoration: underline; }
div.frontbox p { margin-bottom: 5px; }
div.frontbox img { float: left; margin: 0 60px 0 0; }
div.frontbox p.more { float: left; font-size: 0.9em; padding: 0 8px 0 8px; }
div.frontbox p.more a { color: #ffffff; text-decoration: none;}
div.frontbox p.more a:hover { color: #e69509; text-decoration: none; }

/* textovy layer obecne */
div.text p { padding-bottom: 10px; }
div.text h2 { font-size: 1em; margin: 0; padding: 0 0 15px 0; }
div.text h3 { font-size: 1em; margin: 0; padding: 0 0 10px 0; }
div.text h4 { font-size: 1em; margin: 0; padding: 0 0 10px 0; }
div.text h5 { font-size: 1em; margin: 0; padding: 0 0 10px 0; }
div.text h6 { font-size: 1em; margin: 0; padding: 0 0 10px 0; }
div.text ol, div.text ul { margin:0.5em 2em 1.3em 1.6em; }
div.text ol li { list-style: decimal; }
div.text ul li { list-style: square; }
table { font-size: 1em; margin: 5px 0 5px 0; }
td { border-bottom: 1px solid #cccccc; padding: 12px 15px 12px 15px; }
th { background: #282828; color: #ffffff; padding: 12px 15px 12px 15px; }

/* textovy layer homepage */
div.homepage div.text { margin: 40px 0 0 0; }
div.homepage div.text h2 { border-bottom: 2px solid #e69509; color: #2c2c2c; font-size: 1.5em; padding: 0 1px 15px 1px; margin-bottom:15px;}
div.homepage div.text h2 a {text-decoration:none;}
div.homepage div.text h2 a:hover, div.homepage div.text h2 a:focus {color:#0076A3; text-decoration:underline;}  
div.homepage div.text h3 { color: #acacac; }
div.homepage div.text div.container { padding: 13px 4px 3px 4px; }

/* textovy layer page */
div.page div.text { background: #f3f3f3 url("../img/page-text.png") no-repeat right bottom; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 27px 42px 50px 42px; position: relative; }
* html div.page div.text { height: 340px; }
div.page div.text span.supplement.b { background: #f79b00; border-bottom: 1px solid #fcc16a; border-left: 1px solid #fcc16a; border-right: 1px solid #fcc16a; bottom: -26px; height: 24px; left: 221px; position: absolute; width: 218px; }
div.page div.text span.shadow.wrap { background: url("../img/page-text-shadow.png"); bottom: -7px; height: 6px; left: -1px; width: 667px; z-index: 3; }
div.page div.text span.corner.wrap { bottom: -1px; background-image: url("../img/page-text-corners.png"); }
div.page div.text span.corner.wrap.lb { left: -1px; }
div.page div.text span.corner.wrap.rb { right: -1px; }
* html div.page div.text { height: 1%; }
div.page div.text h2 { color: #e69509; font-size: 1.4em; }
div.page div.text h2 a { color: #e69509; text-decoration: none; }
div.page div.text h2 a:hover { color: #e69509; text-decoration: underline; }
div.page div.text h3 { font-size: 1.2em; }
div.page div.text hr { background: #f19200; color: #f19200; height: 2px; }

/* clanky */
div.articles-list, div.article { position: relative; z-index: 2; }
div.articles-list { margin-top: -16px; }
div.articles-list ins, div.article ins { font-weight: bold; }
div.articles-list div.item { padding: 16px 0 16px 0; }
div.articles-list p.more { float: left; font-size: 0.9em; padding: 0 8px 0 8px; }
div.articles-list p.more a { color: #ffffff; text-decoration: none;}
div.articles-list p.more a:hover { color: #e69509; text-decoration: none; }

/* fotogalerie */
div.photo-card { float: left; margin: 3px 18px 18px 0; position: relative; width: 162px; }
div.photo-card div.image { height: 124px; position: relative; }
div.photo-card span.shadow { background: url("../img/photo-card-shadow.png"); bottom: -6px; height: 6px; left: 0; position: absolute; width: 162px; }
div.photogallery { border-top: 2px solid #f19200; margin: 18px 0 0 0; padding: 28px 0 0 0;}
div.photogallery {_border-top:none;}
div.photogallery div.photo-card { margin: 0 47px 30px 0; position:relative; z-index:20;} 
div.photogallery div.last-in-row { margin: 0 0 30px 0; }
div.photo-card a { border: 5px solid #242424; display: block; height: 114px; overflow: hidden; width: 152px;}
div.photo-card div.caption { margin: 7px 0 0 0; padding: 4px 10px 3px 10px; text-align: center; }
div.photo-card div.caption p { padding: 0; }

/* prilohy */
div.attachments { border-top: 2px solid #f19200; margin: 18px 0 0 0; padding: 28px 0 46px 0; }
div.attachment { float: left; margin: 0 46px 0 46px; text-align: center; width: 181px; }
* html div.attachment { display: inline; position: relative;}
div.attachment p.title { border-right: 2px solid #ffffff; font-size: 0.9em; margin-top: 140px; padding: 0; position: relative; text-align: center; }
div.attachment p.title a { color: #ffffff; text-decoration: none; }
div.attachment p.title a:hover { color: #e69509; }
div.attachment p.size-type { color: #e69509; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 0.95em; font-weight: bold; margin-top: -53px; }
div.attachment span.ico { height: 73px; left: 56px; position: absolute; top: -115px; width: 70px; }
div.attachment span.ico.att { background: url("../img/att/ico-att.png"); }
div.attachment span.ico.xls { background: url("../img/att/ico-xls.png"); }
div.attachment span.ico.xlsx { background: url("../img/att/ico-xlsx.png"); }
div.attachment span.ico.doc { background: url("../img/att/ico-doc.png"); }
div.attachment span.ico.docx { background: url("../img/att/ico-docx.png"); }
div.attachment span.ico.ppt { background: url("../img/att/ico-ppt.png"); }
div.attachment span.ico.pptx { background: url("../img/att/ico-pptx.png"); }
div.attachment span.ico.zip { background: url("../img/att/ico-zip.png"); }
div.attachment span.ico.jpg { background: url("../img/att/ico-jpg.png"); }
div.attachment span.ico.pdf { background: url("../img/att/ico-pdf.png"); }
div.attachment span.ico.rtf { background: url("../img/att/ico-rtf.png"); }
div.attachment span.ico.mp3 { background: url("../img/att/ico-mp3.png"); }

/* odpovedni formular */
div.responseform { border-top: 2px solid #f19200; margin: 18px 0 0 0; padding: 28px 0 0 0; }
div.responseform p.status { background: #fbfbfb; font-weight: bold; margin: 0 0 18px 0; padding: 6px 10px 3px 10px; text-align: center;}
p.status.ok { border: 2px solid #00cc00; }
p.status.ko { border: 2px solid #cc0000; }
div.responseform form { margin: 0; padding: 0; }
div.responseform p { line-height: normal; padding-bottom: 18px; }
div.responseform label { color: #a3a9ad; clear: both; float: left; margin-right: 11px; padding-top: 8px; width: 170px; }
div.responseform input.text { background: url("../img/responseform-input-text.png"); border: none; font: normal normal normal 1em/normal sans-serif; height: 15px; padding: 8px; width: 384px; }
div.responseform input.text.captcha { background: url("../img/responseform-input-text-captcha.png"); border: none; font: normal normal normal 1em/normal sans-serif; height: 15px; padding: 8px; width: 104px; }
div.responseform textarea { background: url("../img/responseform-textarea.png"); border: none; font: normal normal normal 1em/normal sans-serif; height: 41px; overflow: auto; padding: 8px; width: 384px; }
* html div.responseform input.text, * html div.responseform textarea, * html div.responseform input.text.captcha { float: left; margin-bottom: 18px; }
span.ui-checkbox { background: url(../img/responseform-input-checkbox.png) no-repeat; cursor: pointer; display: block; float: left; height: 17px; margin: 4px 0 0 0; overflow: hidden; width: 16px; }
span.ui-checkbox-state-checked { background-position: -16px 0; }
span.ui-checkbox-state-checked-hover { background-position: -16px 0; }
span.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -999em; }
div.responseform fieldset.notices p { float: left; }
div.responseform p.required label { font-weight: bold; }
div.responseform img { margin: 0 5px -7px 0;  }
div.responseform img { *float: left; *margin: 7px 5px 0 0; }
div.responseform div.selectbox { color: #000000; cursor: pointer; float: left; margin-bottom: 18px; position: relative; text-align: left; width: 400px; }
div.responseform div.selectbox ul { background: #fefefe; border-bottom: 1px solid #cccccc; display: none; left: 1px; max-height: 245px; margin: 0; overflow: auto; padding: 0; position: absolute; width: 398px; z-index: 9999; }
div.responseform div.selectbox li { color: #000000; padding: 8px; position: relative; }
div.responseform div.selectbox li:hover { background: #eeeeee; }
div.responseform div.selectbox div.current { background: url("../img/responseform-selectbox.png") no-repeat left top; color: #000000; height: 23px; padding-top: 8px; position: relative; width: 400px; }
div.responseform div.selectbox span.title { left: 0; padding-left: 8px; position: absolute; }
div.responseform fieldset.submit { background: #f79b00; border-bottom: 1px solid #fcc16a; border-left: 1px solid #fcc16a; border-right: 1px solid #fcc16a; height: 31px; left: 179px; margin-top: 51px; padding: 10px 18px 10px 18px; position: absolute; text-align: center; }
* html div.responseform fieldset.submit { left: 180px; }
* html div.responseform fieldset.submit p { padding: 0; }
p.notice { color: #a3abaf; padding: 8px 0 0 0; width: 380px; }

/* mapa stranek */
ul.sitemap {margin:0!important;}
ul.sitemap ul { margin:5px 5px 10px 5px!important; }
ul.sitemap li { background: url("../img/sitemap-li.png") no-repeat 0 0; list-style: none !important; padding-left: 15px; margin-bottom:5px;}
ul.sitemap ul li { background: url("../img/sitemap-li-li.png") no-repeat 0 0.6em; list-style: none !important; padding-left: 10px; }
ul.sitemap a { text-decoration: none; }
ul.sitemap a:hover, ul.sitemap a:focus {text-decoration:underline;}

/* tiskova hlavicka */
div.print-header { display: none; }

/* hlavicka */
div.header { font-size: 0.8em; height: 162px; margin: 0 20px 0 20px; position: absolute; top: 0; width: 960px; }

/* rychla navigace */
div.quick-navigation { font-size: 0.85em; position: absolute; right:0; top: 20px; width:auto;}
div.quick-navigation ul { right: -22px; position: relative; }
* html div.quick-navigation ul { position: absolute; }
div.quick-navigation li { border-right: 1px solid #c9c9c9; float: left; margin-right: 10px; padding-right: 10px; position: relative; }
div.quick-navigation li.print {border:none;}
div.quick-navigation a { color: #666666; padding: 0 0 0 20px; text-decoration: none; }
div.quick-navigation span.ico { background-repeat: no-repeat; height: 10px; left: 0; top: 1px; width: 10px; }
div.quick-navigation a:hover { color: #0076a3; text-decoration: underline; }
div.quick-navigation li.homepage span.ico { background-image: url("../img/homepage.png"); }
div.quick-navigation li.print span.ico { background-image: url("../img/print.png"); }
div.quick-navigation li.sitemap span.ico { background-image: url("../img/sitemap.png"); margin-top: 1px; }

/* logo */
div.logo { height: 23px; left: 49px; position: absolute; top: 58px; width: 203px; z-index: 2; }
div.logo h1 { height: 23px; overflow: hidden; position: relative; width: 203px; }
div.logo span.ir { background: url("../img/autopneudoprava.cz.png"); height: 23px; width: 203px; }

/* vyhledavaci formular */
div.searchform { position: absolute; right: 2px; top: 54px; width: 338px; }
div.searchform form { margin: 0; padding: 0; }
div.searchform input.text { background: url("../img/searchform-input-text.png"); border: none; color: #696969; font-size: 0.85em; height: 14px; margin-right: 2px; padding: 5px 11px 2px 11px; width: 236px; }
div.searchform input.image { bottom: 0; position: absolute; right: 0; }
*+html div.searchform input.image { bottom: 1px; }

/* hlavni menu */
div.mainmenu { background: #242424 url("../img/mainmenu.png") repeat-x; bottom: 0; left: 0; position: absolute; }
* html div.mainmenu { left: -21px; }
*+html div.mainmenu { left: -21px; }
div.mainmenu ol { margin-left: 8px; }
div.mainmenu li { background: url("../img/mainmenu-divider.png") no-repeat 0 20px; float: left; font-size: 0.9em; padding: 0 0 0 1px; position: relative; }
div.mainmenu li.first { background: none; padding: 0; }
div.mainmenu a { color: #ffffff; display: block; padding: 20px 20px 16px 20px; text-decoration: none; }
div.mainmenu a:hover { background: url("../img/mainmenu-arrow.png") no-repeat top center !important; color: #f09000 !important; text-decoration: none; }
div.mainmenu a.active { background: url("../img/mainmenu-arrow.png") no-repeat top center !important; color: #f09000 !important; text-decoration: none; }
div.mainmenu ol.subitems { border-bottom: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; border-right: 1px solid #4f4f4f; display: none; left: -8px; position: absolute; width: 160px; z-index: 4; }
div.mainmenu li:hover ol.subitems, div.mainmenu li.hover ol.subitems { display: block; }
* html div.mainmenu li.hover ol.subitems { position: absolute; left: 0; }
li>ol.subitems { left: auto; top: auto; }
div.mainmenu ol.subitems li { background: #242424; font-size: 1em; padding: 0; width: 160px; }
div.mainmenu ol.subitems a { color: #ffffff; padding: 5px 20px 5px 20px; }
div.mainmenu ol.subitems a:hover, div.mainmenu ol.subitems a.active { background: none !important; }

/* paticka */
div.footer { background: #e1e1e1; font-size: 0.75em; margin: 0 20px 0 20px; position: relative; width: 960px; }
div.footer span.shadow { background: url("../img/footer-shadow.png"); height: 4px; left: 0; position: absolute; top: 0; width: 908px; }
div.site-owner { color: #8e9296; float: left; max-width: 45%; padding: 12px 26px 12px 26px; }
div.site-owner strong { color: #2c2c2c; }
div.site-owner span.tld { color: #dd790a; font-weight: bold; }
div.created-by { background: #a4a9ad; color: #ffffff; float: right; max-width: 45%; padding: 12px 26px 12px 26px; text-align: right; }
div.created-by a { color: #ffffff; font-weight: bold; text-decoration: none; }
div.created-by a:hover { color: #ffffff; text-decoration: underline; }