/*

Author: Vojtech Bulant, [bulant.cz]
Project: Jetimodel.cz

Encoding: UTF-8
Media: screen, projection, tv

Latest revision: 18. 11. 2008

*/

/* OBECNE
======================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

body {background: #6ba9df url("img/body.png") repeat-x; padding-bottom: 30px; font: 62.5%/1.7 arial, helvetica, sans-serif; text-align: center; color: black;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

li {list-style-type: none;}

hr {display: none;}

a {color: #116fbe;}
a:hover, a:active, a:focus {color: #d41818;}
a img {border: none;}

acronym {border-bottom: 1px dotted; cursor: help;}

p {margin: 10px 0;}

strong {font-weight: bold;}
em {font-style: italic;}

/* UNIVERZALNI PRVKY
======================================*/

.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}

.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

.bold {font-weight: bold;}
.hand {cursor: hand; cursor: pointer;}

.a-hidden {position: absolute; top: -10000em;}

.error {color: #cc0000;}

/* STRUKTURA
======================================*/

#jump {display: inline; font-size: 1.2em;}
	#jump li {display: inline;}
	#jump a {position: absolute; top: -10000em; left: 0; display: block; width: 100%; overflow: hidden; padding: 10px 0; text-align: center; text-decoration: underline; font-weight: bold; color: white;}
	#jump a:hover,
	#jump a:active,
	#jump a:focus {background: #b20000; top: 0; z-index: 9;}

#container {width: 980px; margin: 0 auto; text-align: left; font-size: 1.2em;}

/* Hlavicka
--------------------------------------*/

#header {background: url("img/header.jpg") no-repeat; position: relative; height: 228px;}
#langs {position: absolute; top: 0; left: 11px;}
#langs li {display: inline;}
#langs a,
#langs span {float: left; margin-right: 5px;}
h1 {position: absolute; top: 91px; left: 10px; overflow: hidden; font-size: 1.2em; font-weight: bold;}
h1,
h1 a {display: block; width: 288px; height: 83px; color: #ffffff;}
h1 span.ir {background: url("img/logo.png");}
#header form {background: url("img/search.jpg"); position: absolute; top: 0; right: 11px; width: 254px; height: 44px;}
#header form input {vertical-align: middle; margin-top: 8px;}
#header form input.text {border: 1px solid #1658a3; background: #ffffff url("img/searchInput.png"); width: 170px; height: 19px; margin-left: 11px;}

/* Menu
--------------------------------------*/

#nav {background: url("img/nav.jpg") no-repeat; float: left; width: 958px; height: 35px; padding: 0 11px; font-size: 1.2em;}
#nav li {display: inline;}
#nav a {background: url("img/navi.png"); position: relative; float: left; width: 136px; margin-right: 1px; text-align: center; text-decoration: none; font-weight: bold; color: #333333;}
#nav a.last {margin: 0;}
#nav a span.in {display: block; height: 35px; line-height: 38px; vertical-align: middle;}
#nav li.active a,
#nav li a:hover,
#nav li a:active,
#nav li a:focus {background: url("img/navih.png"); color: #ffffff;}
#nav li.active span.arrow {background: url("img/nava.jpg"); position: absolute; top: 35px; left: 60px; display: block; width: 15px; height: 9px; overflow: hidden;}

/* Promo pruh
--------------------------------------*/

#promo {background: #d41818 url("img/promo.png") no-repeat; clear: both; font-size: 1.2em; color: #ffdada;}
#promo .inner {background: url("img/promob.png") 0 100% no-repeat; padding: 15px 10px 33px 20px;}
#promo strong#promoHeading {font-size: 1.5em; color: #ffffff;}
#promo p {margin: 3px 0 10px 0;}
#promo a {color: #ffffff;}
#promo a:hover,
#promo a:focus,
#promo a:active {text-decoration: none;}
#promo .eshop {float: right; margin-top: 4px;}

/* Hlavni box – sidebar + content
--------------------------------------*/

#main {background: #ffffff url("img/main.png") repeat-y; width: 100%; overflow: hidden;}

/* Sidebar
--------------------------------------*/

#sidebar {float: left; width: 230px; margin: 3px 0 3px 21px; color: #333333;}
#sidebar h2 {font-size: 1.6em; font-weight: bold;}
#sidebar #sideNews {width: 100%; overflow: hidden; margin-bottom: 15px;}
#sidebar #sideNews .item {width: 100%; overflow: hidden; margin: 15px 0 10px 0;}
#sidebar #sideNews .item em.date {float: left; width: 75px; font-style: normal; color: #666666;}
#sidebar #sideNews .item .inner {float: right; width: 147px; margin: 0;}
#sidebar #sideNews .item .inner h3 {margin: 0 0 5px 0; text-transform: uppercase; font-weight: bold;}
#sidebar #sideNews .item .inner p {margin: 0;}
#sidebar form#newsMail p {margin: 7px 0 9px 0; color: #666666;}
#sidebar form#newsMail label {display: block;}
#sidebar form#newsMail input.text {width: 149px;}
#sidebar ul {margin: 15px 0;}
#sidebar li {background: url("img/li.gif") 0 7px no-repeat; padding: 0 0 0 15px;}
#sidebar li a {color: #333333;}
#sidebar li a:hover,
#sidebar li a:focus,
#sidebar li a:active {color: #b00202;}
#sidebar li.active {background-image: url("img/lia.gif");}
#sidebar li.active strong {color: #b00202;}
#sidebar li em.date {margin-left: 5px; font-size: .9em; font-style: normal; color: #999999;}
/* Kategorie produktu -------------------------*/
#sidebar ul#productsCats {width: 100%; overflow: hidden; line-height: 1.8;}
#sidebar ul#productsCats ul {margin: 0;}
#sidebar ul#productsCats li {background: none; padding: 0;}
#sidebar ul#productsCats li li {padding-left: 15px;}
#sidebar ul#productsCats a {background: url("img/catliplus.gif") 0 6px no-repeat; clear: left; float: left; padding-left: 15px;}
#sidebar ul#productsCats a.opened {background-image: url("img/catlimin.gif");}
#sidebar ul#productsCats a.active {background-image: url("img/catlia.gif"); color: #b00202;}
#sidebar ul#productsCats strong a {text-decoration: none;}
#sidebar ul#productsCats strong a:hover,
#sidebar ul#productsCats strong a:focus,
#sidebar ul#productsCats strong a:active {text-decoration: underline;}
#sidebar ul#productsCats a.old {background: none; color: #666666;}
#sidebar ul#productsCats a.old:hover,
#sidebar ul#productsCats a.old:focus,
#sidebar ul#productsCats a.old:active {color: #b00202;}
#sidebar form#parametric {margin: 10px 0;}
#sidebar form#parametric fieldset {border: 1px solid #e9e9e9; background: #fafafa; padding: 10px 10px 8px 10px;}
#sidebar form#parametric h3 {margin: 0; font-size: 1em;}
#sidebar form#parametric label.check {margin-right: 5px; white-space: nowrap;}
#sidebar form#parametric label.text {display: block; width: 100%; overflow: hidden; margin: 5px 0;}
#sidebar form#parametric label.text input {float: right;}

/* Obsah
--------------------------------------*/

#content {float: right; width: 667px; margin-right: 21px; font-size: 1.1em;}

#content h2 {width: 100%; overflow: hidden; margin: 0 0 9px 0; font-size: 1.8em; font-weight: bold; color: #0b5a9d;}
#content h2 span {float: left;}
#content h2 em {float: right; margin-top: 12px; font-weight: normal; font-size: .6em; font-style: normal; color: #666666;}
#content h2#breadcrumbs a {font-weight: normal;}
#content h2#breadcrumbs small {color: #116fbe;}
#content h3 {margin: 0 0 9px 0; font-size: 1.4em; font-weight: bold; color: #444444;}
#content h4 {margin: 0 0 9px 0; font-size: 1.1em; font-weight: bold; color: #444444;}
#content h5 {margin: 0 0 9px 0; font-size: 1em; font-weight: bold; color: #444444;}
#content h6 {margin: 0 0 9px 0; font-variant: small-caps;}
#content p {width: 100%; overflow: hidden; margin: 9px 0;}
#content p img {float:left;margin-right: 10px;margin-left: 10px;}
#content p img.fl {margin-right: 10px;}
#content p img.fr {margin-left: 10px;}
#content img.ill {border: 1px solid #dddddd; padding: 5px;}
#content a:hover img.ill,
#content a:focus img.ill,
#content a:active img.ill {border-color: #777777;}
#content ul,
#content ol {margin: 9px 0;}
#content ul li {background: url("img/li.gif") 0 7px no-repeat; padding: 0 0 0 15px;}
#content ul ul,
#content ol ol {margin: 0;}
#content ol li {list-style-type: decimal; margin-left: 20px;}
#content table th,
#content table td {padding: 5px 8px;}

#content table th {font-weight: bold; text-align: left;}
#content table tr.even th,
#content table tr.even td {border: solid #eee; border-width: 1px 0; background: #f7f7f7;}
#content table thead th {border-bottom: 1px solid #bbbbbb; background: #dddddd; text-align: center; color: #444444;}
#content table tfoot th,
#content table tfoot td {border-top: 1px solid #cccccc; background: #eeeeee; text-align: center; color: #444444;}
/* Perexy, clanky, staticky obsah -------------------------*/
#content .post {width: 100%; overflow: hidden; margin-bottom: 15px;}
#content .post h2 a {float: left;}
#content .post a.more {font-weight: bold; font-size: 1.1em;}
#content .spotnav {text-align: center;}
#content .spotnav a {background: #6ba9df; margin: 0 5px; padding: 4px 5px; text-decoration: none; color: #ffffff;}
#content .spotnav a:hover,
#content .spotnav a:focus,
#content .spotnav a:active {background: #0b5a9d;}
/*Kontakty*/
address#contacts {display: block; width: 100%; overflow: hidden; margin-bottom: 9px; font-style: italic;}
address#contacts span {float: left; width: 170px; margin-right: 20px;}
a#contactsMap {display: block; margin: 0 0 15px 0;}
/*Tech. podpora*/
#content dt {font-size: 1.3em; font-style: italic;}
#content dd {margin: 5px 0 12px 20px;}
/* Vypisy produktu -------------------------*/
form#parametric {margin: 10px 0;}
form#parametric fieldset {border: 1px solid #e9e9e9; background: #fafafa; padding: 10px 10px 8px 10px;}
form#parametric h3 {margin: 0; font-size: 1em;}
form#parametric label.check {margin-right: 5px; white-space: nowrap;}
form#parametric label.text {display: block; width: 100%; overflow: hidden; margin: 5px 0;}
form#parametric label.text input {float: right;}

form#selection {margin: 0 0 5px 0; color: #444444;}
form#selection fieldset {/*border-bottom: 1px solid #ddd;*/ width: 100%; overflow: hidden; padding: 0 0 10px 0;}
form#selection div.fl {width: 450px;}
form#selection div.fl span.fr {width: 335px;}
form#selection div.fl label {white-space: nowrap; margin: 0 5px 0 0;}
form#selection div.fr {text-align: right;}
form#selection div.tc {position: relative; z-index: 1; top: -11px;}
form#selection div.tc span {background: #ffffff; padding: 0 10px;}
.products .item {margin-bottom: 20px;}
.products .last {margin: 0;}
.products .last p {margin: 0 !important;}
.products .item h3 {font-size: 1.1em !important;}
.products .item h3 a {background: #4b95d7 url("img/itemh.png") 0 100% repeat-x; display: block; padding: 5px 10px; text-decoration: none; color: #ffffff;}
.products .item h3 a:hover,
.products .item h3 a:focus,
.products .item h3 a:active {background-position: -20px 100%; text-decoration: underline;}
.products .item p {border-bottom: 1px solid #bbbbbb; background: url("img/itemgrad.png") 0 100% repeat-x; padding-bottom: 10px;}
.products .item p span.more {clear: both; display: block; padding-right: 10px; text-align: right;}
.products .item p span.more a {background: #6ba9df; padding: 4px 5px; text-decoration: none; color: #ffffff;}
.products .item p span.more a:hover,
.products .item p span.more a:focus,
.products .item p span.more a:active {background: #0b5a9d;}
#content .paging {text-align: center; color: #444444;}
#content .paging a {margin: 0 2px; padding: 4px 7px;}
#content .paging strong {background: #eeeeee; margin: 0 2px; padding: 4px 7px;}
/* Detail produktu -------------------------*/
#product {width: 667px; overflow: hidden;}
#product div.fl {margin-right: 20px;}
#product #gallery {width: 687px; margin: 15px 0 0 0;}
#product #gallery img {margin: 0 20px 15px 0;}
/* Vysledky vyhledavani -------------------------*/
#content ul#sResultsPages span {margin-left: 10px; font-size: .9em; color: #777777;}
#content ul#sResultsPages span em,
#content #sResultsProducts p em.srp {background: #fffdcc; padding: 3px;}
/* Bannery -------------------------*/
.advertising {margin-bottom: 15px; text-align: center;}

/* Paticka
--------------------------------------*/

#footer {background: #9abad6 url("img/footer.png"); height: 50px; overflow: hidden; padding: 28px 0 0 0; color: #e3f2ff;}
#footer p {float: left; width: 890px; height: 50px; margin: 0 0 0 20px; line-height: 50px; vertical-align: middle;}
#footer a#toTop {position: relative; float: right; width: 51px; height: 50px; overflow: hidden;}
#footer a#toTop span.ir {background: url("img/footer.png") 100% 100%;}
#footer a#toTop:hover span.ir,
#footer a#toTop:focus span.ir,
#footer a#toTop:active span.ir {background-image: url("img/footerh.png");}
#footer a {color: #ffffff;}
#footer a:hover,
#footer a:focus,
#footer a:active {text-decoration: none;}