/* 
Vytvořil Martin Winkler
*/

/* 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, ol, ul, li,
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;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none; }

:focus { outline: 0; }

ins {	 text-decoration: none;}
del {	 text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* Main structure */
	
body {
	font-family: 'Arial';
	font-size: 13px;
	color: #757575;
	background: #fff;
	text-align: center;	
}

#container { width: 960px; margin: 0 auto; text-align: left; position: relative; }
#header { width: 960px; height: 118px; position: relative; }
#teaser { width: 960px; height: 421px; margin: 0 0 8px 0; }

.logo { width: 285px; height: 82px; position: absolute; left: 0; top: 26px; }
.logo span { width: 285px; height: 82px; position: absolute; left: 0; top: 0; display: block; background: transparent url('../img/logo.gif') left top no-repeat; }

#checkout-stat a, #checkout-stat span.empty { font-size: 20px; font-weight: bold; text-decoration: none; color: #a50c00; height: 19px; padding: 2px 0 0 27px; background: transparent url('../img/ico-checkout.gif') left top no-repeat; position: absolute; right: 0; top: 30px; }

div.carousel-gallery { height: 209px; }

#h-menu { position: absolute; right: 0; bottom: 24px; }
#h-menu ul { margin: 0; padding: 0; }
#h-menu ul li { font-size: 12px; line-height: 12px; float: left; background: none; padding: 0; margin: 0; }
#h-menu ul li a { font-size: 12px; text-transform: uppercase; font-weight: bold; text-decoration: none; float: left; color: #a50a01; margin: 0 0 0 20px; }
#h-menu ul li a.active, #h-menu ul li a:hover { float: left; color: #ed5134; }

#sub-menu { width: 960px; height: 34px; background: #a50c00; margin: 0 0 10px 0; }
#sub-menu ul { margin: 0; padding: 0; }
#sub-menu ul li { font-size: 14px; vertical-align: middle; margin: 0 1px 0 0; padding: 0; background: none; float: left; }
#sub-menu ul li a { font-size: 14px; line-height: 14px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; padding: 11px 33px 9px; height: 14px; float: left; border-right: 1px solid #fff; }
#sub-menu ul li a.act, #sub-menu ul li.ui-state-active a, #sub-menu ul li a:hover { background: #ed5134; }

#content, #product { border-bottom: 1px solid #a50c00; padding-bottom: 27px; margin: 20px 0 14px 0; }
#product { border-bottom: none; }
.news .cell .text { margin: 0 0 0 60px; }
.news .cell { position: relative; margin: 0; }
.news .cell .date { font-size: 10px; float: left; position: relative; left: 6px; top: 2px; }
.news .cell .date span { font-size: 12px; color: #fff; background: #a50c00; width: 41px; padding: 0 0 1px 5px; display: block; position: relative; left: -6px; }

.product-list { margin-right: -18px; }
.product-list .cell { float: left; margin: 0 18px 18px 0; width: 226px; height: 269px; position: relative; }
.product-list .cell img { display: block; }
.product-list .cell h2 { font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; width: 226px; }
.product-list .cell h2 a { text-align: center; display: table-cell; vertical-align: middle; text-decoration: none; width: 206px; padding: 0 10px; height: 46px; z-index: 20; position: relative; }
.product-list .cell h2 a:hover,
.product-list .cell h2 a.hover { color: #fff; background: #a50c00; }
.product-list .last { margin: 0 0 18px 0; }

.product-img { text-align: center; margin: 0 0 30px 0; }
.product-text { margin: 0 0 50px 0; }
.product-gallery { margin-left: -30px; }
.product-gallery a { margin: 0 0px 20px 30px; width: 100px; display: block; float: left; }
.switch { margin: 0 0 30px 0; position: relative; height: 25px; }
.switch a { font-weight: bold; text-transform: uppercase; text-decoration: none; height: 18px; }
.switch .prev a { position: absolute; left: 0; top: 0; background: transparent url('../img/arr-l.gif') left top no-repeat; padding: 7px 0 0 27px; }
.switch .next a { position: absolute; right: 0; top: 0; background: transparent url('../img/arr-r.gif') right top no-repeat; padding: 7px 27px 0 0; }

.switch .prev a:hover { color: #ed5134; background: transparent url('../img/arr-l.gif') left -25px no-repeat; }
.switch .next a:hover { color: #ed5134; background: transparent url('../img/arr-r.gif') right -25px no-repeat; }

.price { font-size: 14px; color: #a50c00; line-height: 24px; height: 49px; border-bottom: 7px solid #a50c00; padding-bottom: 12px; width: 240px; }
.price span { font-size: 22px; font-weight: bold; display: block; line-height: 24px; margin-top: 3px; }
.price span span { font-size: 14px; font-weight: normal; display: inline; }
.buy { color: #757575; vertical-align: bottom; }
.buy p { margin: 0 0 9px 0; }
.discount-price { margin-bottom: 25px; }
.td-price { width: 270px; vertical-align: bottom; }
input.btn-buy { font-size: 14px; text-decoration: none; font-weight: bold; text-transform: uppercase; color: #fff; background: #ed5134; width: 173px; padding: 8px 12px; border: 0; display: block; text-align: center; }
input:hover.btn-buy { color: #fff; background: #a50c00; }
select { border: 1px #757575 solid; padding: 2px 0; }

#footer { height: 60px; margin: 0 0 50px 0; position: relative; }
#footer ul { margin: 0; padding: 0; }
#footer li { background: transparent url('../img/li-more-light.gif') left 4px no-repeat; float: left; margin: 0 14px 0 0; padding: 0 0 0 17px; }
#footer .porta { width: 97px; height: 15px; position: absolute; right: 18px; top: 3px; }
#footer .porta a { text-decoration: none; }
#footer .porta span { width: 97px; height: 15px; display: block; position: absolute; left: 0; top: 0; background: transparent url('../img/logo-porta.gif') left top no-repeat; cursor: pointer; }

#teaser .col-1 { width: 285px; height: 421px; margin: 0 9px 0 0; background: transparent url('../img/box-teaser.png') left top no-repeat; color: #fff; position: relative; }
#teaser .col-2 { width: 666px; height: 421px; }

#teaser .col-1  p {  width: 285px; text-transform: uppercase; text-align: center; margin: 0; }
#teaser .col-1  p.first { font-size: 24px; line-height: 24px; margin: 0 0 20px 0; }
#teaser .col-1  p.sec { font-size: 50px; line-height: 50px; font-weight: bold; margin: 0 0 10px 0; }
#teaser .col-1  p.third { font-size: 19px; line-height: 19px; }
#teaser .col-1  p.fourth { font-size: 26px; line-height: 30px; }
#teaser .title { position: absolute; top: 190px; }
#teaser .col-1 a { color: white; text-decoration: none; }
#teaser .col-1 a:hover { text-decoration: underline; }

dd.csc-textpic-caption { line-height: 20px; }

/* Cols */

.col-1, .col-2, .col-3, .col-4 { float: left; }

.col2-set { margin: 0 0 10px 0; }
.col2-set .col-1 { width: 490px; margin: 0 30px 0 0; }
.col2-set .col-2 { width: 440px; }

.col3-set .col-1 { width: 284px; margin: 0 54px 0 0; border-top: 8px solid #a50c00; padding: 13px 0 0 0; }
.col3-set .col-2 { width: 284px; margin: 0 54px 0 0; border-top: 8px solid #a50c00; padding: 13px 0 0 0; }
.col3-set .col-3 { width: 284px; border-top: 8px solid #a50c00; padding: 13px 0 0 0; }

.col3-set .col-1 li { padding: 0 0 0 18px; }

/* Headers */

h1 { font-size: 26px; line-height: 30px; font-weight: bold; color: #a50c00; margin: 0 0 38px 0; }
h2 { font-size: 22px; line-height: 30px; font-weight: bold; color: #a50c00; margin: 0 0 10px 0; }

#content h1 { margin: 25px 0 25px 0; }
#content h2 { margin: 25px 0 30px 0; }
#content h3 { font-size: 16px; font-weight: bold; color: #a50c00; margin: 15px 0 10px 0; }
#content h4 { font-size: 13px; font-weight: bold; color: #a50c00; margin: 15px 0 10px 0; }

#product h1 { margin: 0 0 8px 0; }
#product h2 { margin: 0 0 10px 0; }

#content .product-list h2 { margin: 0 0 10px 0; }

#content .col3-set h2 { margin: 0 0 20px 0; }
#content .news h3 { font-weight: normal; margin: 0 0 6px 0; }

.head { font-size: 18px; color: #a50c00; font-weight: normal; margin: 0 0 33px 0; }

/* Tables */

.order { margin: 30px 0 0 20px; }
.order h1 { font-size: 24px; line-height: 30px; font-weight: bold; color: #a50c00; margin: 0 0 40px 0; }
.order-table { width: 385px; margin: 0 0 26px 0; }
.order-table td { height: 21px; padding: 0 0 3px 0; vertical-align: middle; }
.order-table input.text { font-family: 'Arial'; border: 1px solid #757575; padding: 2px 5px; width: 230px; }
.order-table textarea { font-family: 'Arial'; border: 1px solid #757575; padding: 5px; width: 230px; }
.order-table label { line-height: 18px; padding-right: 10px; }
.order input.submit { font-family: 'Arial'; font-size: 14px; font-weight: bold; width: 212px; height: 34px; background: #ed5134; color: #fff; text-transform: uppercase; border: none; cursor: pointer; position: relative; left: -20px; text-align: center; }
.order input:hover.submit { color: #fff; background: #a50c00; }
.order input.text { border: 1px #757575 solid; }

.checkout-table { font-size: 14px; width: 700px; margin: 0 0 24px 0; }
.checkout-table th { font-size: 12px; font-weight: bold; height: 35px; text-align: left; vertical-align: top; }
.checkout-table td { height: 24px; vertical-align: top; }
.checkout-table td:first-child + td, .checkout-table th:first-child + th { text-align: center; }
.checkout-table .remove { padding-left: 18px; font-size: 12px; color: #757575; background: transparent url('../img/remove.gif') left 2px no-repeat; }

.checkout { margin-bottom: 30px; display: block; }
.checkout span { font-size: 18px; display: block; font-weight: bold; }

table.contenttable td, table.contenttable th  { padding: 12px 10px; border-bottom: 1px #a50c00 solid; }

a.button { font-family: 'Arial'; font-size: 14px; font-weight: bold; padding: 9px 20px; background: #ed5134; color: #fff; text-transform: uppercase; border: none; cursor: pointer; position: relative; margin-right: 20px; top: -1px; text-align: center; text-decoration: none; }
a:hover.button { color: #fff; background: #a50c00; }


/* Standard classes */

p,ul { line-height: 18px; margin: 0 0 18px 0; }
li { margin: 0 0 12px 0; padding: 0 0 0 33px; background: transparent url('../img/li-dot.gif') left 6px no-repeat; }
#product li { margin: 0 0 18px 0; padding: 0 0 0 22px; }
p.offset { padding: 0 0 0 18px; }

a { color: #9a1d20; text-decoration: underline; }
a:hover { color: #9a1d20; text-decoration: none; }
.more { background: transparent url('../img/li-more.gif') left 2px no-repeat; padding: 0 0 0 18px; }
a.more, a.more-light { margin: 0; line-height: 24px; }
a.bold { color: #9a1d20; }
.more-light { background: transparent url('../img/li-more-light.gif') left 2px no-repeat; padding: 0 0 0 18px; }

/* Various classes */

.nowrap,
.nobr { white-space: nowrap !important; }
.bold { font-weight: bold; color: #505050; }
.capital { text-transform: uppercase; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }

/* Clearfix */

.clearfix:after,
.col2-set:after,
.col3-set:after,
.product-list:after,
.switch:after,
.gallery:after,
#footer:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}

.clearfix, .col2-set, .col3-set, .switch, .product-list, .gallerym,  #footer { zoom: 1 }

/* tabs */
.ui-tabs .ui-tabs-hide {  position: absolute; left: -10000px; }

/* content elements */
div.csc-default { margin-bottom: 45px; }

/* photos */
.csc-textpic-image .csc-textpic-caption { padding: 5px 0 10px; font-size: 0.9em;  }