/* css reset */
	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, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	ul, ul li { margin: 0; padding: 0; list-style: none }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {border-collapse: collapse;border-spacing: 0;}
	th { text-align: left; }
	input, textarea, select, option { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 100%; vertical-align: middle; }
	/* IE stretched buttons fix */
	input.submit {width: 0;overflow:visible;}
	input.submit[class] {width: auto;}
/* css reset end */

/* elements */
body {line-height: 1.4; font-size: 62.5%; text-align: center; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; }
#body { width: 980px; margin: 0 auto; text-align: left; border: 1px solid red; overflow: hidden; }
h1, h2, h3, h4 { line-height: 1.1  }

/* common classes */
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.j { text-align: center; }
.t { vertical-align: top; }
.imgr { float: right; margin: 0 0 0.5em 20px }
.imgl { float: left; margin: 0 20px 0.5em 0 }
.imp { font-weight: bold;  }
div.table { padding: 12px 0 0 0; margin: 0.5em 0 1.5em 0;}
table.table { width: 100%; margin: 0.5em 0 1.5em 0; }
div.table table.table { margin: 0; }
.table td { text-align: center; padding: 0.3em 0.5em; background: #fff; vertical-align: middle; border: 1px solid black }
.table th { font-weight: bold; text-align: center; padding: 0.5em; background: grey; color: #fff; border: 1px solid black  }
.access { display: none; }
.ippi { position: absolute; top: -2000px; }
.date { font-weight: bold; }
.check { width: auto !important; margin-right: 0.6em; border: 0 !important; }

.page, #lang, #nav, .path, #aside, #subnav, #col, #footer ul, #footer .print, .season, #logo, .back, .more, .over, .home-map { display: none !important;}


/* layout */
.center1, .center2 { width: 100%; margin: 0 auto; text-align: left; position: relative; }
#wrap { width: 100%; float: left; }
#theme { width: 100%; overflow: hidden; min-width: 980px; width: }

/* header */
#header { width: 100%; overflow: hidden; }
#header h1 { font-size: 28pt; font-weight: normal; padding: 0 0 0.5em 0; color: black; border-bottom: 1px solid black; margin: 0 0 0.5em 0;}

/* main content */
#section, #col1, #col2 { width: 100%; font-size: 11pt; line-height: 1.6;}
#col1, #col2 { padding-bottom: 1em }
#section h1 { font-size: 24pt; font-weight: normal; padding: 0 0 0.5em 0  }

/* articles */
#validity-summary-container { margin-bottom: 1.5em;  }
.article { padding-bottom: 1.5em; width: 100%; overflow: hidden; clear: both; }
.article h2, .home h2 { font-size: 24pt; font-weight: normal; padding: 0 0 0.6em 0;  }
.article h3, .home-news h3 { font-size: 17pt; font-weight: normal; padding: 0.2em 0 0.6em 0; }
.article h4 { font-size: 15pt; font-weight: normal; padding: 0.2em 0 0.6em 0; }
.article p { padding: 0 0 0.6em 0 }
.article a, .home-news a { color: black }

.article .step { float: right; font-size: 40%; font-weight: bold; position: relative; top: 1.3em; }
.article ul { padding: 0.2em 0 0.6em 0; }
.article ul li { padding: 0 0 0 20px; list-style: square}

.total1, .total2 { width: 100%; text-align: right; overflow: hidden; }
.article .total1 { padding: 10px 0 20px 0; margin: 10px 0 0 0; }
.total1 strong, .total2 strong { float: left;}
.total1 strong { padding: 0 0 0 20px }
.total1 strong span, .total2 strong span { font-size: 100%; font-weight: normal; }
.total1 span, .total2 span { font-size: 160%; font-weight: bold; }
.total1 span { padding: 0 20px 0 0; }

/* photo gallery */
.article .photo { border: 0; padding: 0; }
.article .photo li { float: left; width:150px; overflow: hidden; position: relative; background: none; padding: 0; list-style: none }
.photo li.video{ width:450px; height:335px;}
.photo .thumb { border: 0; margin: 13px 9px 12px 11px;   }

/* news */
.article ul.news, .home-news ul { padding: 0;  }
ul.news { margin-bottom: -20px; }
.article ul.news li, .home-news li { padding: 0 0 12px 0; margin: 0 0 20px 0; background: none; list-style: none }
ul.news li.last { border-bottom: none; padding: 0;}
ul.news h2, .home-news h3 { font-size: 160% }
ul.news .thumb, .news .thumb, .home-news img { margin: 0 15px 5px 0; float: left; }
ul.news .text, .news .text { padding: 3px 0 0 0; }

/* catalogue */
.filter { width: 100%; overflow: hidden; padding: 12px 0 0 0; }
.filter p { float: left; width: 50%; padding: 10px 0 10px 0;}
.filter label { padding: 0 0.5em 0 1em; float: left; }
.filter select { width: 120px; padding: 2px }

.price { font-size: 120%; float: left; }
.price strong { font-size: 120% }
.price strong span { font-size: 80% }

/* catalogue - list */
.item { padding: 0 0 20px 0; width: 100%; overflow: hidden; }
.item img { float: left; padding: 22px 35px 26px 30px; }
.item h2 { font-size: 160%; padding-top: 10px; }
.item ul { padding: 0 0 1em 0 }
.item ul, .item form { width: 220px; clear: right; float: right; }
.item input { float: right; border: 0; margin: 0; color: black; padding:5px 25px 5px 15px; cursor: pointer;  }

/* catalogue - detail */
.detail img { float: left; padding: 29px 40px 30px 35px; }
.article .detail ul { padding: 40px 0 0.5em 0; }
.article .detail li { padding: 0 0 0.8em 0; background: none; list-style: none }
.detail ul, .detail form { width: 130px; clear: right; float: right; }
.detail .price { padding: 0 0 1em 0; float: none; }
.detail button { border: 0; margin: 0; padding: 0; background: transparent; color: black; cursor: pointer; font-size: 140%; font-weight: bold;  }
.detail button span { padding:5px 30px 5px 20px; float: left;  }
.article .links { padding: 0; }
.article .links li { float: left; padding: 0 1em; display: inline; line-height: 1.4; background: none}
.links li.first { padding: 0 1em 0 0; border: 0; }

/* basket */
.article .basket { width: 100%; overflow: hidden; padding: 12px 0 0 0; }
table.basket { width: 100% }
table.basket th { padding: 0.8em; font-weight: normal; }
table.basket td { text-align: left; padding: 0.8em; vertical-align: middle; border: 1px solid black}
table.basket input { width: 40px; text-align: right; }
table.basket .price { float: none; text-align:right; white-space: nowrap;}
table.basket .subtotal { text-align: right; font-weight: bold; }
table.basket .subtotal strong { font-size: 140%; padding-left: 1em }
table.basket tfoot td { border: 0; }
table.basket .trash { float: left; padding: 0.4em 25px 0.4em 1em; text-decoration: none; }
table.basket .recount { float: left; padding: 0.4em 25px 0.4em 1em; width:90px; margin: 0 0 0 5px; text-decoration: none; }

.shipping label { font-weight: bold; }
.shipping select { width: 100%; margin: 5px 0; padding: 3px 0;}

/* eshop categories */
.article .categories { padding: 0; }
.article .categories li { float: left; width: 50%; position: relative; text-align: left; padding: 0 0 20px 0; text-align: center; background: none; list-style: none }
.categories img { display: block; }
.categories .thumb { text-align: left; border: 0; margin: 8px 9px 12px 16px; }
.categories a { font-size: 140%; font-weight: bold; }

/* cams */
#camsnav li { float: left; background: none; padding: 0; margin: 0 2px 0 0; list-style: none }
#camsnav li a { display: none; }
#camsnav li a.activeSlide { display: block; }
#camsnav a { text-decoration: none; float: left; padding: 5px 10px 5px 10px; }
#cams { padding: 0; }
#cams li { background: none; padding: 0; list-style: none  }

/* forms */
fieldset { padding: 0 0 1.5em 0; }
legend { font-weight: bold; padding-bottom: 0.5em }
.form td { padding: 0.2em 0.5em; }
.form input { background: transparent; width: 150px; padding: 0.2em }
.jsok .company, .jsok .address { display: none; }
#note { vertical-align: top; width: 440px; height: 100px; margin: 5px 0 1em 0 }
.article .order { width: 100%; overflow: hidden; padding: 1em 0 0 0; }
.order .submit { float: right; margin: 0; padding: 0; border: 0; padding:5px 30px 5px 20px; color: black }
input#firstname, input#surname, input#email, input#company, input#namesurname, input#email, input#oddo, input#osob, input#chata, textarea#msg, input#typ, input#den, input#vykon, input#zapujceni, input#postava, input#attempt, input#narozen, input#vyuka, input#vybkurz { background: #fff }

.article .error { background: #fff; border: 1px solid #c00; padding: 10px }
.article .error li { color: #c00; font-weight: bold; background: url(../img/error.gif) no-repeat left; padding: 0 0 0 20px  }

/* homepage */

/* nyroModal */
div#nyroModalFull, div#nyroModalFull h1 {font-size: 12px;color: #fff; font-family: sans-serif; font-style: normal;}
div#nyroModalFull div#nyroModalLoading {width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;padding: 0px}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;top: -15px;right: -15px;width: 15px;height: 15px;text-indent: -9999em;outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;	position: absolute;	top: -22px;	left: 5px;	font-size: 11px;color: #fff; font-weight: normal;}


/* nyroModal - nothing to edit here */
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {outline: none;position: absolute;top: 0;height: 100%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}

/*
 * Style used by the label output mode.
 * Applied to the error labels that get positioned after an input.
 */
label.error { color:#f00; margin-left:2px; }

/*
 * Styles used by the modal output mode.
 * '.validity-modal-msg' is applied to the modal boxes
 * and '.validity-modal-msg:hover' is applied to suggest
 * to the user that the boxes are clickable.
 */
.validity-modal-msg { position:absolute; z-index:2; background-color:#999; border:solid 1px #000; padding:4px; cursor:pointer; }
.validity-modal-msg:hover { background-color:#aaa; }

/*
 * Styles used by the summary output mode.
 * '#validity-summary-container' is a container on the page that should contain a UL
 * named '#validity-summary-output', which is the actual summary. The container can hold
 * an extra bit of text (or anything really) that explains what the summary is.
 * '.validity-erroneous' is applied to every input that fails.
 */
#validity-summary-container { display:none; }
#validity-summary-output { }
.validity-erroneous { border:solid 2px #f56600 !important; }