@charset "utf-8";
/* CSS Document */

/* Open Sans - R/B/I/BI
--------------------------------------------------- */

@font-face {
	font-family: 'Open Sans';
	src: url('fontface/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fontface/OpenSans-Regular-webfont.woff') format('woff'),
	     url('fontface/OpenSans-Regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fontface/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/OpenSans-Bold-webfont.woff') format('woff'),
         url('fontface/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fontface/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/OpenSans-Italic-webfont.woff') format('woff'),
         url('fontface/OpenSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fontface/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fontface/OpenSans-BoldItalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* Open Sans ExtraBold
--------------------------------------------------- */

@font-face {
    font-family: 'Open Sans ExtraBold';
    src: url('fontface/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fontface/OpenSans-ExtraBold-webfont.ttf') format('truetype');
}

/* Open Sans ExtraBoldItalic
--------------------------------------------------- */

@font-face {
    font-family: 'Open Sans ExtraBoldItalic';
    src: url('fontface/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fontface/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype');
}

/* Open Sans Light
--------------------------------------------------- */

@font-face {
    font-family: 'Open Sans Light';
    src: url('fontface/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/OpenSans-Light-webfont.woff') format('woff'),
         url('fontface/OpenSans-Light-webfont.ttf') format('truetype');
}

/* Open Sans LightItalic
--------------------------------------------------- */

@font-face {
    font-family: 'Open Sans LightItalic';
    src: url('fontface/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fontface/OpenSans-LightItalic-webfont.ttf') format('truetype');
}

* { margin: 0; padding: 0; }
body { padding: 0; margin: 0; background: #FFF url(/pozadi_skate.jpg) center center no-repeat; }
body,
h1, h2, h3, h4, h5, h6,
address, blockquote, div, hr, iframe, object, p,
dl, dt, dd, ul, ol, li,
table, caption, col, colgroup, thead, tfoot, tbody, tr, th, td,
form, fieldset, legend, label,
img,
a {
	border: none;
	margin: 0;
	padding: 0;
}
body, input, textarea, select {
	font-family: "Open Sans", sans-serif;
}
body {
	background-color: white;
	font-size: 80%;
	line-height: 1.6;
}
a { color: #666; }
a:hover {color: #666; text-decoration: none; }
a.red { color: #C00; }
a.red:hover { color:#C00; text-decoration: none; }
a img { border: 0; }
fieldset { border: 0; border-top: 3px solid #E8E8E8; margin-top: 25px; }
legend { color: #FF6600; padding: 10px 15px 10px 0; font-size: 130%; }
textarea {  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: small; }

.hr { padding: 15px 0; }
.hr hr { color: #E8E8E8; background: #E8E8E8; border: none; height: 1px; }

.orange { color: #FF6600; }
.red { color: #F00; }
.blue { color: #0099FF; }
.grey { color: gray; }
.white { background: #fff; }
.clear { height: 0; overflow: hidden; line-height: 0; clear: both; }

#page { width: 950px; margin: 20px auto; padding: 15px 30px; border: 2px solid #FF6600; background: #fff; }

#header { border-bottom: 1px solid #E8E8E8; padding: 10px 0; position: relative; overflow: hidden; }
#header a { text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header .logo { float: left; width: 375px; padding: 5px 0; }
#header .menu { float: left; width: 210px; border-left: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; height: 57px; }
#header .menu ul { list-style: none; padding-left: 30px; margin: 10px auto; }
#header .menu ul li { width: 50%; float: left; padding: 0 0 3px 0; }
#header .user { float: left; width: 363px; color: #666; }
#header .user p.login { text-align: right; padding: 0 0 5px 0; }
#header .user table { float: right; padding-top: 5px; }
#header .user td { text-align: right; }
#header .user td.price { text-align: right; font-size: 160%; padding: 0 10px 0 0; }
#header .user span.menu1 { padding: 0 0 0 10px; }
#header .user td.cart { width: 45px; height: 31px; padding-left: 4px; }

#menu { padding: 15px 0 0 0; border-bottom: 1px solid #E8E8E8; height: 36px; }

#menu #nav { list-style: none; width: 700px; float: left; height: 23px; }
#menu form.search-form { float: right; width: 245px; }
#menu form.search-form input.text { border: 1px solid #EF9B1E; padding: 2px 5px; line-height: 16px; width: 170px; }

#path { font-size: 90%; color: #ccc; padding: 10px 0 7px 0; border-bottom: 1px solid #E8E8E8; }
#path span { color: #FF6600; }
#path a { color: #ccc; text-decoration: none; }
#path a:hover { color: #ccc; text-decoration: underline; }

#sidebar { float: left; width: 200px; background: #F8F8F8; padding: 20px 10px; margin-top: 20px; }
#sidebar h2 { color: #FF6600; font-size: 130%; }
#sidebar ul { list-style: none; padding: 15px 0 0 0; }
#sidebar ul.list li { padding: 3px 0 3px 15px; }
#sidebar ul.menu li { font-weight: bold;  }
#sidebar ul li a { color: #000; display: block; text-decoration: none; padding: 7px 5px 7px 15px; background: url(../images/bullet.png) 3px 1.15em no-repeat; }
#sidebar ul li a:hover { color: #F60; background: #E8E8E8 url(../images/bullet.png) 3px 1.15em no-repeat; }
#sidebar p { padding: 7px 0; }
#sidebar p a { color: #000; text-decoration: none; }
#sidebar p a:hover { color: #000; text-decoration: underline; }
#sidebar h3 { font-size: 100%; font-weight: bold; color: #999; }
#sidebar .news { padding-top: 15px; }
#sidebar .news p { font-size: 90%; }
#sidebar .news .date { font-size: 85%; font-weight: bold; padding: 0; margin: 0; }

#content { float: right; width: 700px; padding-top: 20px; }
#content h1 { font-size: 210%; font-family: "Open Sans ExtraBold", sans-serif; color: #FF6600; }
#content h2 { font-size: 120%; color: #000; }

#content-article { float: right; width: 690px; padding-top: 20px; }
#content-article h1 { font-size: 210%; font-family: "Open Sans ExtraBold", sans-serif; color: #FF6600; }
#content-article h2 { font-size: 140%; color: #000; margin: 20px 0 7px 0; }
#content-article h3 { font-size: 110%; color: #000; margin: 10px 0 0 0; color: #FF6600; }
#content-article p { padding: 7px 0; line-height: 1.5em; }
#content-article ul { margin: 7px 25px; }
#content-article ul li { padding: 0; }

ul.list { list-style-type: none; }
ul.list li { background: url(../images/bullet.png) 0 0.85em no-repeat; padding: 2px 0 2px 12px; }

#ordering { padding: 20px 0 10px 0; }

/* Stránkování */
.pager { background: #F8F8F8; padding: 7px 5px 5px 5px; border-bottom: 40px solid #fff; }
.pager-1 { float: left; width: 48%; }
.pager-1 p { padding: 2px 0 0 0; margin: 0; }
.pager-2 { float: right; width: 48%; text-align: right; }
.pager-2 table { float: right; }
.pager-2 .pagenumber { font-weight: bold; color: #FF6600; }
.pager-2 a { padding: 0 3px; }

.form1 { margin: 20px 0; }
.form1 label { width: 100%; font-weight: bold; }
.form1 input.text { border: 1px solid #868789; padding: 4px 8px; }
.form1 textarea { border: 1px solid #868789; padding: 4px 8px; }
.form1 select { border: 1px solid #868789; padding: 4px 1px 4px 5px; }
.form1 td { padding: 2px; }
.form1 td.name { width: 150px; }
.form1 td.top { vertical-align: top; }

.tbl-form { margin: 0 auto; }
.tbl-form td { width: 250px; padding: 8px 10px 0 0; }

.login-table { width: 350px; float: left; }
.login-info { width: 300px; float: right; }

/* Výpis produktů */
#product-content { float: right; width: 690px; margin-top: 20px; background: url(../images/bg_product.png); }
#product-content h1 { font-size: 210%; font-family: "Open Sans ExtraBold", sans-serif; color: #FF6600; }
#product-content .product { float: left; width: 230px; text-align: center; padding: 10px 0; }
#product-content .product p.image { height: 180px; vertical-align: middle; }
#product-content .product p.producer { color: #ccc; padding: 0 10px 10px 10px; text-transform: uppercase; }
#product-content .product p.product-name { font-weight: bold; padding: 10px 10px 0 10px; height: 30px; }
#product-content .product p.price {  padding: 10px 10px 0 10px; }
#product-content .line { background: #fff url(../images/bg_line.png) repeat-x; height: 30px; clear: both; }
#product-content hr { color: #E8E8E8; background: #E8E8E8; border: none; height: 1px; clear: both; }
.cat-picture { height: 200px; vertical-align: middle; }

/* Detail produktu */
#product-img { float: left; width: 420px; text-align: center; padding-top: 15px; }
#product-desc { width: 250px; float: right; background: #F8F8F8; }
#product-desc .content { padding: 10px 10px 25px 10px; }
#product-desc h2 { font-size: 120%; margin: 0 0 5px 0; }
#product-desc ul { margin: 7px 15px; }
#product-desc ul li { padding: 0; }
#product-desc table { width: 100%; margin: 0 auto; }
#product-desc table td.price { text-align: right; }
#product-desc table td.price1 { color: #FF0000; font-weight: bold; text-align: right; }
#product-desc table td.text { font-weight: bold; }
#product-desc p.link { text-align: center; padding: 7px 0 0 0; }
#product-desc p.link a { color: #F60; text-decoration: none; text-transform: uppercase; }

.preview { float: left; width: 150px; margin-right: 30px; }

#product-linked { float: right; width: 690px; margin-top: 20px; background: url(../images/bg_product.png); }
#product-linked h1 { font-size: 210%; font-family: "Open Sans ExtraBold", sans-serif; color: #FF6600; }
#product-linked .product { float: left; width: 230px; text-align: center; padding: 10px 0; }
#product-linked .product p.producer { color: #ccc; padding: 0 10px 10px 10px; }
#product-linked .product p.product-name { font-weight: bold; padding: 10px 10px 0 10px; }
#product-linked .product p.price {  padding: 10px 10px 0 10px; }
#product-linked .line { background: #fff url(../images/bg_line.png) repeat-x; height: 30px; clear: both; }
#product-linked hr { color: #E8E8E8; background: #E8E8E8; border: none; height: 1px; clear: both; }

/* Tabulka košíku */
.list { width: 100%; }
.list td hr { border: 0; color: #E8E8E8; background: #E8E8E8; height: 1px; }
.list th { background: #F8F8F8; padding: 7px; text-align: left; }
.list th.center { text-align: center; }
.list th.right { text-align: right; }
.list td { padding: 7px; text-align: left; }
.list td.right { text-align: right; }
.list .count { width: 50px; border: 1px solid #EF9B1E; padding: 2px 5px; text-align: right; }
.list .count-price { color: #FF6600; font-weight: bold; font-size: 130%; text-align: right; }

/* Tabulka velikostí */
.size { width: 100%; }
.size th { background: #F8F8F8; text-align: left; padding: 7px; }
.size td { border-bottom: 1px solid #F8F8F8; border-right: 1px solid #F8F8F8; text-align: center; padding: 7px 3px; }
.size td.left { text-align: left; }

.list1 { width: 100%; }
.select { float: right; padding-top: 9px; }
.select td { padding-left: 5px; }
.range td { padding-right: 5px; }

#footer { text-align: center; margin-top: 20px; border-top: 1px solid #E8E8E8; color: #999; }
#footer p { padding-top: 10px; }
#footer a { text-decoration: none; color: #999; }
#footer a:hover { text-decoration: underline; color: #999; }

/* Reklamy */
.advert { padding: 20px 0; text-align: center; }
.heureka { text-align: center; margin-top: 20px; }

.center { text-align: center; }
.right { text-align: right; }
.invisible { display: none; }
.missing-entry { color: #C30; font-weight: bold; }
.info { text-align: left; background: #F8F8F8 url(../images/information.png) 20px center no-repeat; padding: 20px 20px 20px 60px; margin: 30px 0 10px 0; }
.error { text-align: left; background: #FFDFDF url(../images/exclamation.png) 20px center no-repeat; padding: 20px 20px 20px 60px; margin: 30px 0 10px 0; }
.img-left { float: left; padding: 3px 7px 0 0; }

/* ********** helpers ********** */
.splitter1{clear:both;display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter5{clear:both;display:block; font-size:1px; line-height:1px; padding-top:5px}
.splitter10{clear:both;display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15{clear:both;display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20{clear:both;display:block; font-size:1px; line-height:1px; padding-top:20px }
.splitter30{clear:both;display:block; font-size:1px; line-height:1px; padding-top:30px }

/* Colorbox - prohlížení obrázků v detailu */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}