@charset "utf-8";
/* CSS Document */
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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
/*font-family: inherit;*/
vertical-align: baseline;
font-family: Arial;
}
:focus {outline: 0;}

body {font:12px Geneva, sans-serif; color:#000; background:#fff url(/images/design/body.png) repeat-x;}

a {color:#ff7e00;}
a:hover {text-decoration:none;}

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

form {}
button {border:0 none; padding:0; cursor:pointer;}
input[type="text"], input[type="email"], input[type="password"], textarea {border:1px solid #000; display:block;}
label {}

h1, h2, h3, h4, h5, h6 {margin:1.2em 0 0;}
h1 {font-size:54px;}
h2 {font-size:46px;}
h3 {font-size:37px;}
h4 {font-size:29px;}
h5, h1 {font-size:23px; color:#ff7e00; font-weight:bold; margin-top:18px;}
h6 {font-size:12px;}

ol, ul {list-style:none;}

p, li {line-height:1.5em; margin:1.5em 0;}

strong {font-weight:bold;}

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

/*---helpers---*/
.border {border:1px solid #000;}

/*---classes---*/
div.block {padding:0 0 6px 0; background:url(/images/design/block.png) no-repeat 0 100%; margin:0 0 9px;}
div.block .fon_top {height:6px; background:url(/images/design/block.png); overflow:hidden;}
div.block .inside, div.block .insideContent  {background:#fff url(/images/design/block_bottom_sidebar.png) repeat-x 0 100%; padding:1px 0; border-left:1px solid #ebe6e6; border-right:1px solid #ebe6e6;}

ul.list {}
ul.list li {background:url(/images/design/green_bird.png) no-repeat 0 0; padding:7px 0 3px 34px;}
ul.list li a {}

ul.nav {margin:0 0 0 15px;}
ul.nav li {background:url(/images/design/nav.png) no-repeat 0 4px; padding:0 0 0 18px; margin:16px 0;}
ul.nav li a {font-weight:bold; color:#000; text-decoration:none;}
ul.nav li a:hover {color:#ff7e00;}

/*---header---*/
#header {width:1000px; height:98px; margin:0 auto;}

#logo {float:left; width:270px; height:60px; background:url(/images/design/logo.png); margin:20px 0 0 19px;}
#logo span {display:none;}

#header .form {float:left; font-size:11px; margin:26px 0 0 94px;}
#header .form div.input {background:url(/images/design/header_input.png); width:122px; height:25px; padding:4px 0 0 6px; margin:0 5px 4px 0; float:left;}
#header .form div.username { float: left; min-height: 23px; width: 240px; padding: 0 12px 0 12px; text-align: right; font-size: 13px; }
#header .form input {font-size:13px; border:0 none; width:114px; background:#fff; line-height: 20px; height: 20px; }
/*#header form button {background:url(/images/design/header_button.gif); width:58px; height:27px; float:left; color:#fff;}*/
#header .form button { background: none repeat scroll 0 0 #FF7E00; padding: 3px; margin-top: 3px; float:left; color:#fff;}
#header .form p {margin:0; clear:left; text-align:right;}
#header .form p a.it_2 {color:#737270; margin:0 0 0 13px;}

#basket {float:left; background:url(/images/design/basket.jpg) no-repeat; padding:0 0 0 60px; margin:24px 0 0 68px;}
#basket h6 {margin:8px 0 0; font-weight:bold;}
#basket p {margin:7px 0; font-size:11px;}

/*---menu---*/
#menu {width:1000px; height:48px; margin:0 auto; position:relative; background:url(/images/design/menu.gif) repeat-x 0 -48px;}
#menu li {float:left; margin:0 0 0 50px;}
#menu li:first-child {background:url(/images/design/menu.gif) no-repeat -6px 0; padding-left:40px; margin-left:0;}
#menu li.last {position:absolute; top:0; right:0; width:6px; height:48px; margin:0; background:url(/images/design/menu.gif);}
#menu li a {float:left; height:48px; line-height:48px; font-weight:bold; color:#000; text-decoration:none;}
#menu li a:hover, #menu li.this a {color:#ff7e00; background:url(/images/design/menu_a.gif) no-repeat 50% 100%;}

/*---banner---*/
#banner {width:1000px; margin:8px auto 0;}
#banner img {margin:0 auto; display:block;}

/*---container---*/
#container {width:1000px; margin:12px auto 0; overflow:hidden;}

#container .sidebar {width:200px; float:left;}
#container .sidebar .block {width:192px;}
#container .sidebar .block .illustra {display:block; margin:-3px auto 0;}
#container .sidebar .block h6 {text-align:center; font-weight:bold; margin:12px 0 7px;}
#container .sidebar .block h6 a {text-decoration:none; color:#000;}
#container .sidebar .block h6 a:hover {color:#ff7e00;}

#container .content {width:795px; float:right;}
#container .content .block {width:792px; background-position:-192px 100%;}
#container .content .block .fon_top {background-position:-192px 0;}
#container .content .block .inside {padding:1px 30px;}
#container .content .block.adv {float:left; width:390px; background-position:-984px 100%;}
#container .content .block.adv .fon_top {background-position:-984px 0;}
#container .content .block.adv.it_2 {margin-left:12px;}
#container .content .block.adv .illustra {float:right; margin:20px 6px 0 0;}
#container .content .block.adv.it_2 .illustra {margin:12px -10px 0 0;}
#container .content .block.adv h5 {color:#000;}
#container .content .block.adv p {color:#787575; font-size:11px;}

/*---footer---*/
#footer {width:960px; height:50px; margin:18px auto 0; padding:1px 20px;}
#footer a.producer {float:right; background:url(/images/design/footer_eurohosting.png) no-repeat 0 0; width:88px; height:22px;}
#footer p {margin:4px 0 0; color:#c1bfbf; font-size:11px;}

/*---form elements---*/

a, p, ul, li, td, input, textarea, label { font-size: 14px; }
.nav a, .nav li, #menu li, #menu a { font-size: 13px; }
/*.content .block .insideContent {  min-height: 467px; padding: 1px 30px; }*/
.content .block .insideContent {  padding: 1px 30px; }
#header p, #header a { font-size: 12px; }
.content p { text-align: justify; }
#content fieldset { padding: 15px; border: thin solid #dcdcdc; margin-bottom: 15px; margin-top: 10px; }
#content legend { padding: 5px; font-weight: bold; }
#content fieldset label { float: left; min-width: 150px;}

#content dd, #product_describe dd { display: block; margin: 1em 0 1em 40px;}
#content ul, #product_describe ul { display: block; list-style-type: disc; margin: 1em 0 1em 40px; }
#content ol, #product_describe ol { display: block; list-style-type: decimal; margin: 1em 0 1em 40px; }
#content li, #product_describe li { display: list-item; -moz-float-edge: margin-box; margin: 0; }
#content button { padding: 5px; background: none repeat scroll 0 0 #FF7E00; color: #FFFFFF; }
#content input[type=text], #content input[type=email], #content input[type=password], #content select { width: 200px; padding: 3px; border: 1px solid #808080; }
#content input[type=radio], #content input[type=checkbox] { float: left; }
#content fieldset .context { color: #808080; font-size: 13px; }

#accountMenu, #loginFormUsername, #cartEmptyText, #kosik, .deliveryAndPaymentMethods { display: none; }
.vop ul li, .vop ol li { text-align: justify; }
#content .vop ol { display: block; list-style-type: decimal; margin: 1em 0 1em 20px; }
#ajax-loader img { width: 16px; height: 16px; }




span.available {font-size:11px; color:#54a102; font-weight:bold; background:url(/images/design/available.png) no-repeat; padding:1px 0 2px 19px; height:16px; }
span.unavailable {font-size:11px; color: #cc0000; font-weight:bold; background:url(/images/design/unavailable.png) no-repeat; padding:1px 0 2px 19px; height:16px; }






div.product_item { }
div.product_item .inside { min-height: 120px; }
div.product_item img.illustra {float:left; padding-top: 20px; padding-bottom: 20px;}
div.product_item div.product_item_inside {overflow:hidden; padding:5px 0 10px 30px; position:relative;}
div.product_item div.product_item_inside span.available {position:absolute; right:0; bottom:17px;}
div.product_item div.product_item_inside span.unavailable {position:absolute; right:0; bottom:17px;}
div.product_item h6 {color:#ff7e00; font-weight:bold; margin-top:0; font-size: 16px; }
div.product_item p {font-size:14px; color:#83817f; line-height:1.7em; margin:5px 0;}
div.product_item p.price {color:#ff7e00; font-weight:bold; font-size:16px; float:left;}
div.product_item p.price small { font-size: small; }
div.product_item .form {float:left; font-size:13px; font-weight:bold; color:#969292; padding:6px 0 0 13px;}
div.product_item .form div.input {background:url(/images/design/product_item_input.png) no-repeat; width:23px; height:22px; padding:3px 0 0 2px; float:left;}
div.product_item .form div.input input {border:0 none; width:20px; height:16px; text-align:center; background:none; font-size:12px; }
div.product_item .form span {float:left; padding:4px 7px 0; color:#000000; font-weight: normal; font-size:12px; }
div.product_item .form div.button {float:left; position:relative; padding:0 5px 0 0;}
div.product_item .form div.button button { background: none repeat scroll 0 0 #FF7E00; color: #FFFFFF; padding: 3px; }
/*div.product_item .form div.button button {height:24px; color:#fff; font-size:11px; font-weight:bold; background:url(/images/design/product_item_button.png) no-repeat; padding:0 1px 0 5px;}*/
/*div.product_item .form div.button span.fon_right {position:absolute; top:0; right:1px; width:6px; height:24px; background:url(/images/design/product_item_button.png) no-repeat 100% 0; padding:0; cursor:pointer;}*/

#kosik {overflow:hidden; padding:10px 0 60px; }
#kosik table {width:100%; font-size:11px; margin:0 0 15px;}
#kosik table th {height:33px; background:url(/images/design/kosik_th.png) no-repeat -6px 0; vertical-align:middle; padding:0 0 0 16px; color:#51504e; font-weight:bold;}
#kosik table th.first {background-position:0 0;}
#kosik table th.last {background-position:100% 0;}
#kosik table td {padding:10px 0 10px 0; color:#6e6b68; vertical-align:middle; text-align:center; border-bottom:1px solid #ebe6e6;}
#kosik table td div.input {background:url(/images/design/kosik_input.png) no-repeat; width:48px; height:22px; padding:3px 0 0 2px; margin:0 0 0 22px;}
#kosik table td div.input input {border:0 none; width:24px; height:16px; text-align:center; background:none; float:left;}
#kosik table td div.input span {width:18px; height:20px; float:right; cursor:pointer; }
#kosik table td.last {}
#container #kosik table td.last span.delete {padding:0; display:block; position:relative;}
#container #kosik table td.last span.delete span {background:url(/images/design/kosik_x.png) no-repeat; width:12px; height:13px; position:absolute; top:0; right:10px; cursor:pointer;}
#kosik table tr.last td {border:0 none; font-size:13px; font-weight:bold; color:#ff7e00;}
#kosik div.button {float:right; padding:0 6px 0 0; position:relative;}
#kosik div.button button {width:96px; height:29px; color:#fff; font-weight:bold; background:url(/images/design/kosik_button.png) no-repeat; padding:0 0 0 6px;}
#kosik div.button div.fon_right {width:6px; height:29px; position:absolute; top:0; right:0; background:url(/images/design/kosik_button.png) no-repeat 100% 0; cursor:pointer;}
#kosik table tr td.vyrobek { text-align: left; padding-left: 10px; }

#product_describe {margin:27px 0 20px 8px;}
#product_describe img.illustra {float:left; }
#container #product_describe .inside {overflow:hidden; border:0 none; background:none; padding:1px 0 0 60px;min-height: 200px;}
#product_describe p {font-size:14px; color:#8c8b89; margin-top:0;}
#product_describe p.price {font-size:12px; float:left; text-align:right; line-height:2em; position:relative; padding:0 46px 0 0;}
#product_describe p.price span {font-size:24px; color:#ff7e00;}
#product_describe p.price a {position:absolute; top:7px; right:0; width:32px; height:32px; background:url(/images/design/product_basket.png) no-repeat;}
#product_describe ul.product_views {clear:left; overflow:hidden; margin:20px 0 0 8px;}
#product_describe ul.product_views li {float:left; margin:0 40px 0 0;}

#product_describe .product_item_detail p { color: #000000; font-size: 14px; }

small { font-size: smaller; }








#accountOrderList { width: 100%; }
#accountOrderList tr { border: 1px solid #999999; }
#accountOrderList tr td { text-align: center; font-size: 12px;  }
#accountOrderList thead tr td { font-weight: bold; padding: 6px; background: none repeat scroll 0 0 #dddddd; }
#accountOrderList tbody tr td { padding: 4px; }
#accountOrderList tbody td a { font-size: 12px; font-weight: bold; }

#accountOrderRekapitulace { float:right; margin: 20px; }
#accountOrderRekapitulace td { padding: 2px 20px 2px 2px; font-size: 12px; text-align: right; }
#accountOrderRekapitulace td.totalAmount { font-size: 15px; font-weight: bold; }

.accountButtonCancel { padding: 10px 10px 10px 10px; float: right; background: none repeat scroll 0 0 #FF0000; color: #FFFFFF; text-decoration: none; margin-left: 20px; }
.accountButtonPay { padding: 10px 10px 10px 10px; float: right; background: none repeat scroll 0 0 #008000; color: #FFFFFF; text-decoration: none; }
.accountOrderCancel { padding: 10px 10px 10px 10px; float: right; border: 2px solid #FF0000; color: #FF0000; font-weight: bold; }
.accountOrderPaid { padding: 10px 10px 10px 10px; float: right; border: 2px solid #008000; color: #008000; font-weight: bold; }


#accountOrderHelp { width: 16px; height: 16px; border: 0px; cursor: pointer; }

#mask, #helpWindow, .hide { display:none; }
#helpWindow .closeHelpWindow { width: 16px; height: 16px; border: 0px; cursor: pointer; float: right; padding: 5px; }
#helpWindow div { margin: 20px; text-align: justify; }
#helpWindow div b { font-size: 15px; }
#helpWindow div p { font-size: 12px; }

#accountPaymentMethods { width: 100%; border: 0px; }
#accountPaymentMethods tr td { text-align: center; vertical-align: middle; }
#accountPaymentMethods img { cursor: pointer; }

p.warning { color: #0000FF; text-align: center; font-size: 12px; }


.accountPaymentMethods { display: none; }
.accountPaymentMethods div { text-align: center; margin-top:50px; margin-bottom: 50px; }
.accountPaymentMethods a { padding: 10px 20px 10px 20px; color: #FFFFFF; background: none repeat scroll 0 0 #FF7E00; text-decoration: none; }
.accountPaymentMethods fieldset { text-align: justify; }

.account { margin-top: 15px; margin-bottom: 15px; }
.account label { float: left; min-width: 150px; font-size: 13px; line-height: 25px; }
.account span { float: left; font-size: 13px; line-height: 25px; }
.account br { line-height: 28px; }
.account input { font-size: 11px; }
.account small { font-size: 11px; }

#faq fieldset { display: none; text-align: justify; font-size: 14px; }

table.engine { width: 100%; }
table.engine td { vertical-align: top; line-height: 25px; }
table.engine td span { background: none repeat scroll 0 0 #333333; color: #FFFFFF; min-width: 20px; float: left; text-align: center; height: 23px; margin-right: 5px; font-weight: bold; }
table.engine td span.engine1 { background: none repeat scroll 0 0 #FFFF00; color: #CCCCCC; }
table.engine td span.engine2 { background: none repeat scroll 0 0 #0000FF; color: #CCCCCC; }
table.engine td span.engine3 { background: none repeat scroll 0 0 #FF0000; color: #CCCCCC; }
table.engine td span.engine4 { background: none repeat scroll 0 0 #00FF00; color: #CCCCCC; }

#socialnetwork { margin-top: 10px; }
.fbIlikeit { margin-top: 20px; }
.social { height: 32px; margin: 20px 0 20px 0; }
.social div { width: 32px; height: 32px; float: left; cursor: pointer; margin: 0 5px 0 5px; border: 1px solid #ebe6e6;}
.social div:hover { border: 1px solid #999999;}
.social .facebook { background-image: url('/images/social.png'); background-position: 0px 0px; }
.social .twitter { background-image: url('/images/social.png'); background-position: -32px 0px; }
.social .acovynato { background-image: url('/images/social.png'); background-position: -64px 0px; }
.social .linkuj { background-image: url('/images/social.png'); background-position: -96px 0px; }
.social .delicious { background-image: url('/images/social.png'); background-position: -128px 0px; }
.social .google { background-image: url('/images/social.png'); background-position: -160px 0px; }

#socialbar { float:right; margin-top:20px; }
#socialbar a { background-image: url('/images/ftw.png'); width: 84px; height: 26px; cursor: pointer; float: right; margin-left: 10px; text-decoration: none;  border: 1px solid #ebe6e6; }
#socialbar a:hover { border: 1px solid #999999; }
#socialbar .fb { background-position: 0px -26px; }
#socialbar .tw { background-position: 0px -52px; }
#socialbar .wl { background-position: 0px 0px; }


#error404 { padding: 100px; }
#error404 img { width: 270px; height: 60px; border: 0; margin-bottom: 50px; }

#recovery { margin: 40px 0; }
#recovery fieldset { text-align: center; }
#recovery fieldset label { float: left; text-align: right; line-height: 25px; width: 190px; }
#recovery fieldset input { margin: 0 10px; float: left; }
#recovery fieldset button { float: left; }

#jobOffer { background: url("/images/design/block_bottom_sidebar.png") repeat-x scroll 0 100% #FFFFFF; border: 2px solid #ff0000; border-radius: 10px 10px 10px 10px; color: #ff0000; height: 100px; text-align: center; }
#jobOffer a { text-decoration: none; }
#jobOffer h4 { color: #ff0000; font-weight: bold; margin: 16px 8px 8px; }
#jobOffer p { color: #0000ff; font-weight: bold; margin: 0; padding: 0; text-align: center; }

#contactUsForm .captcha img { border: none; }