/**
 * Colors:
 *  - background blue: bce5e9
 *  - links blue: 3689b7
 **/

* {padding: 0px;margin: 0px;}
html {/*overflow-y: scroll;*/}
html,body {height: 100%;}
body { font-family: Tahoma, sans-serif; color: black; font-size: 12px; background-color: #bce5e9; }

a {color: #3689b7;}
a:hover {text-decoration: none; }
a.button { display: inline-block; padding: 2px 10px; text-decoration: none; border: 1px solid #2a7c06; background-color: #2a7c06; color: white; }
a.button.hover:hover { border: 1px solid #2a7c06; background-color: #2a7c06; color: white; }

anchor { border-bottom: black dashed 1px; cursor: help; }
img { border: none; }
.cleaner {clear: both;}
.bold {font-weight: bold;}
.center {text-align: center;}
/* CONTAIN *********************************************************************/

#WholePage {
    width: 100%;
	margin: 0px auto;
    background: #bce5e9 url('../images/background.png') repeat-x top left;
}
#Container {
    width: 988px;
	margin: 0px auto;
    background: white url('../images/page_bg.png') repeat-y top right;
}
#TopPart {
    height: 246px;
}
#CentralPart {
    width: 968px;
    padding: 10px;
}
#Logo { 
    float: left;
    height: 178px; width: 626px; 
    background: white url('../images/head_logo2.png') no-repeat top left; 
}
#Logo a { display:block; height: 178px; width: 300px; float: left; }
#Links { float: right; width: 362px; }
#Links #LogButts { width: 200px; height: 103px; padding: 1px 9px 0px 153px; background: white url('../images/head_top.png') no-repeat top left; text-align: right; }
#Links #LogButts a {
    display: inline-block; text-align: left; width: 100px; height: 39px; line-height: 39px; 
    background: transparent url('../images/head_button.png') no-repeat top left;
    padding: 0px 16px 2px 18px; font-size: 14px;
}
#Links #LogButts a span { display: block; }
#Links #LogButts a.registration span { background: transparent url('../images/butt_edit.png') no-repeat center right; } 
#Links #LogButts a.login span { background: transparent url('../images/butt_key.png') no-repeat center right; } 
#Links .basketInfo { 
    height: 49px; padding-top: 25px; padding-left: 162px; 
    background-color: white; background-repeat: no-repeat; background-position: top left; 
} 
#Links .basketInfo.empty { background-image: url('../images/head_basket_empty.png'); }
#Links .basketInfo.full { background-image: url('../images/head_basket_full.png'); } 
#Links .basketInfo .headline { color: #bc0000; font-size: 16px; font-weight: bold; }

#MainMenu { 
    height: 40px; line-height: 40px; 
    background: white url('../images/main_menu.png') no-repeat top left; 
}
#MainMenu .basketInfo { width: 200px; float: right; }
#MainMenu .basketInfo a { text-decoration: none; color: white; text-transform: uppercase; }
#MainMenu .basketInfo a:hover { text-decoration: underline; }
#MainMenu ul { list-style: none; width: 601px; padding-left: 25px; float: left; }
#MainMenu ul li, #MainMenu ul li a { display: block; float: left; }
#MainMenu ul li a { 
    line-height: 40px; height: 40px; 
    padding: 0px 4px; 
    font-size: 14px; color: white; text-transform: uppercase; 
    text-decoration: none; 
}
#MainMenu ul li a .mm_cont { padding: 0px 7px; background: none; }
#MainMenu ul li a .mm_left, #MainMenu ul li a .mm_right, #MainMenu ul li a .mm_cont { display: block; float:left; background: none; }
#MainMenu ul li a .mm_left, #MainMenu ul li a .mm_right { width: 6px; height: 40px; background: none; }
#MainMenu ul li a:hover .mm_cont, #MainMenu ul li a.active .mm_cont { background: transparent url('../images/mm_active.png') repeat-x top left; }
#MainMenu ul li a:hover .mm_left, #MainMenu ul li a.active .mm_left { background: transparent url('../images/mm_active_left.png') no-repeat top left; }
#MainMenu ul li a:hover .mm_right, #MainMenu ul li a.active .mm_right { background: transparent url('../images/mm_active_right.png') no-repeat top left; }

#Breadcrumbs { 
    height: 28px; line-height: 28px; 
    background: white url('../images/breadcrumbs.png') no-repeat top left; 
}
#Breadcrumbs .menu { padding-left: 42px; float: left; font-size: 11px; }
#Breadcrumbs #Actualize { width: 200px; float: right; font-weight: bold; }

/** PAGE PART *****************************************************************/
#Page {
    float: left;
    width: 759px;
    padding: 10px 0px; padding-right: 4px;
    margin-bottom: 50px;
}
#Footer { height: 142px; background: #dfecc2 url('../images/footer.png') no-repeat top left; text-align: center; }
#Footer .menu { padding-top: 48px; padding-bottom: 40px; color: white; }
#Footer .menu a { color: white; padding: 0px 10px; }
#Footer .menu .separator { color: #62c7c9; }
#Footer .subscribe a { text-decoration: none; color: white }
#Footer .subscribe a:hover { text-decoration: underline; }

/** SIDE MENU *****************************************************************/
#SideMenu {
    width: 195px;
    float: left;
    margin-bottom: 50px;
    padding-right: 10px;
}
#SideMenu .headline { color: #838383; font-size: 12px; font-weight: bold; padding: 0px 10px 3px 10px; }
#SideMenu ul { list-style: none; }
#SideMenu .menu ul { list-style: none; }
#SideMenu .menu ul li a, #SideMenu .menu ul li.active a, 
#SideMenu .menu ul li ul li a, #SideMenu .menu ul li ul li.active a { 
    display: block; width: 173px; line-height: 20px;
    background: #dff3f9 url('../images/menu2.png') no-repeat top left; text-align: center;
    color: #004f73; text-decoration: none; text-align: left;
    padding: 0px 10px;
}
#SideMenu .menu ul li ul li a, #SideMenu .menu ul li ul li.active a { 
    width: 173px;
    background-image: url('../images/submenu_active2.png');
}
#SideMenu .menu ul li a:hover, #SideMenu .menu ul li.active a, 
#SideMenu .menu ul li ul li a:hover, #SideMenu .menu ul li ul li.active a { background-position: -195px 0px; color: white; }
#SideMenu .menu ul li.active a, #SideMenu .menu ul li ul li.active a { text-decoration: none; }
#SideMenu .menu ul li ul li a span, #SideMenu .menu ul li ul li.active span { 
    display: block; padding-left: 15px; 
    background: transparent url('../images/submenu_dot.png') no-repeat 0px 7px;
}
#SideMenu .menu ul li ul li ul li a span, #SideMenu .menu ul li ul li ul li.active span { padding-left: 25px; background-position: 10px 7px; }
#SideMenu .menu ul li ul li ul li ul li a span, #SideMenu .menu ul li ul li ul li ul li.active span { padding-left: 35px; background-position: 20px 7px; }
#SideMenu .menu ul li { margin-bottom: 1px !important; }

#SideMenu .menu ul li a, #SideMenu .menu ul li.active,
#SideMenu .menu ul li ul li a, #SideMenu .menu ul li ul li.active { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#SideMenu .menu ul li a, #SideMenu .menu ul li.active { background-color: #dff3f9; }
#SideMenu .menu ul li a:hover { background-color: #07a1d4; }
#SideMenu .menu ul li ul li a, #SideMenu .menu ul li ul li.active { background-color: white; }
#SideMenu .menu ul li ul li a:hover { background-color: #56c1c3; }

#SideMenu #Search { padding-top: 15px; }
#SideMenu #Search form { 
    width: 169px; height: 91px;
    background: white url('../images/search.png') no-repeat top left; 
    padding: 25px 13px 0px 13px;
    text-align: center;
}
#SideMenu #Search form input.text, #SideMenu #Search form select, #SideMenu #Search form input.submit { 
    width: 166px; height: 20px; line-height: 20px; 
    font-size: 12px;
    margin-bottom: 7px;
    border: 1px #b6b6b6 solid;
}
#SideMenu #Search form select { width: 168px; }
#SideMenu #Search form input.submit { 
    width: 169px; padding-bottom: 7px;
    border-color: #bce5e9; background-color: #4cb7b9; color: white; 
    font-weight: bold; cursor: pointer;
}

/** PAGE CONTAIN **************************************************************/

#Page a { color: #1a5e82; }

#Headline { border-bottom: 1px #b2ddde solid; margin-bottom: 8px; }
h1 { font-size: 20px; color: #bc0000; font-weight: normal; padding: 0px 5px; padding-bottom: 2px; }

.contain p { padding: 0px 5px; /*text-align: justify;*/ line-height: 16px; }
.contain img { border: none; }
.contain img.left { float: left; margin: 5px 15px 5px 0px; }
.contain img.right { float: right; margin: 5px 0px 5px 15px; }
.contain .separator.headline a { text-decoration: none; }
.contain .separator.headline { text-align: right; border-bottom: 2px #939393 solid; color: white; font-size: 13px; margin-bottom: 15px; }
.contain .separator.headline.blue { border-color: #1d7eaa; }
.contain .separator.headline span { 
    display: inline-block; background-color: #939393; line-height: 20px; padding: 0px 40px; margin-left: 1px;
    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; 
    border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.contain .separator.headline span.blue { background-color: #1d7eaa; color: white; }
.contain .separator.headline span.green { background-color: #54bfc1; color: white; }
.contain .separator.headline span.front { padding-bottom: 1px; }


table.itemizer { width: 100%; border-collapse: collapse; }
table.itemizer thead th { 
    background-color: #f1e3d1; color: black; font-weight: normal;
    text-align: left; padding: 12px; 
    border-right: 1px white solid; border-left: 1px white solid; 
}
table.itemizer thead th.first { border-left: none; }
table.itemizer thead th.last { border-right: none; }
table.itemizer thead th.name { width: 400px; }
table.itemizer thead th.quantity, table.itemizer thead th.price, table.itemizer thead th.functions,
table.itemizer tbody td.quantity, table.itemizer tbody td.price, table.itemizer tbody td.functions { text-align: center; }
table.itemizer a { color: #1a83b0; }
table.itemizer td { line-height: 18px; }
table.itemizer tbody tr.odd td, table.itemizer tbody tr.even td { border-bottom: 1px #e0e0e0 solid; }
table.itemizer tbody td { padding: 2px 5px; }
table.itemizer tbody td.image { padding: 5px; width:120px;}
table.itemizer tbody td.image img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
table.itemizer tbody td.quantity { text-align: center; }
table.itemizer tbody td.quantity input { 
    width: 21px; height: 21px; line-height: 21px; 
    border: 1px #858585 solid; background-color: #f0f0f0; 
    text-align: right; margin-right: 3px; 
    font-family: Tahoma, sans-serif; color: black; font-size: 12px;
}
table.itemizer tbody td.price.all { color: #c11f1f; }
table.itemizer tbody td.functions a.delete { 
    display: inline-block; width: 22px; height: 22px; 
    background: transparent url('../images/delete.png') no-repeat top left;
}
table.itemizer tbody td.functions a.delete:hover { opacity: 0.8; }
table.itemizer tfoot td.name { font-size: 15px; font-weight: bold; padding: 10px; vertical-align: top; }
table.itemizer tfoot td.price { text-align: right; padding: 10px; }
table.itemizer tfoot td.price .price { color: #c11f1f; padding-bottom: 15px; font-size: 16px; font-weight: bold; }
table.itemizer tfoot td.price .link { font-weight: bold; }
table.itemizer tfoot td.calc { width: 38px; height: 38px; padding: 10px; background: transparent url('../images/calc.png') no-repeat center center; }
table.itemizer tbody tr td.euro { text-align: right; }

table.itemizer tbody tr td { vertical-align: middle }
table.itemizer tbody tr table.doprava tr td, table.itemizer tbody tr table.platba tr td { border: none; }
table.itemizer tbody tr table.doprava, table.itemizer thead tr th.doprava { width: 350px; }
table.itemizer tbody tr table.doprava td.radio, table.itemizer tbody tr table.platba td.radio { width: 10px; }
table.itemizer tbody tr table.doprava td.name, table.itemizer tbody tr table.platba td.name { padding-left: 5px; }

.folders { padding: 0px 20px; }
.folders.columns { padding: 0px; }
.folders ul { list-style: none; }
#LeftCol.folders.columns ul { padding-left: 20px; }
.folders ul li { float: left; display: block; padding-right: 15px; padding-bottom: 5px; }
.folders.columns ul li { float: none; padding-right: 0px; }
.folders ul li a { 
    display: block; height: 19px; line-height: 19px;
    padding-left: 23px; background: transparent url('../images/folder.png') no-repeat top left;
    color: #0e597b; text-decoration: none; 
}
.folders ul li a:hover { text-decoration: underline; }

.paginator { padding: 20px 30px; font-size: 13px; }
.paginator .name { padding-right: 2px; }
.paginator .page { 
    display: inline-block; width: 24px; height: 24px; line-height: 24px;
    color: #1c7fab; background-color: #e3f3f3; text-align: center; 
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.paginator .page.active { color: white; background-color: #41adaf; }

#Page .itemList table { border-collapse: collapse; margin-bottom: 16px; }
#Page .itemList table p { padding: 0px; }
#Page .itemList table td { vertical-align: baseline; }
#Page .itemList table .headlines td, #Page .itemList table .footer td, #Page .itemList table .infos td { 
    background-color: #e9f7f8; width: 169px; background-repeat: no-repeat;  vertical-align: top;
}
#Page .itemList table .headlines td { background-image: url('../images/list_top.png'); background-position: top left; background-repeat: no-repeat; }
#Page .itemList table .footer td { 
    background-image: url('../images/list_bottom.png'); background-position: bottom left; 
    padding-bottom: 8px; vertical-align: top; 
}
#Page .itemList table .headlines .headline { min-height: 30px; padding: 5px; text-align: center; font-size: 14px; }
#Page .itemList table .headlines .headline, #Page .itemList table .headlines .headline a { color: #195b7e; }
#Page .itemList table .infos .image { border: 2px #e9f7f8 solid; background-color: white; margin-bottom: 7px; }
#Page .itemList table .infos .image a { display: table-cell; width: 165px; height: 114px; text-align: center; vertical-align: middle; }
#Page .itemList table .infos .image a img { max-width: 165px; max-height: 114px; }
#Page .itemList table .infos .info { font-size: 11px; line-height: 18px; }
#Page .itemList table .infos .info, #Page .itemList table .footer .info { padding: 0px 12px; }
#Page .itemList table .footer .info table.price { margin: 0px; }
#Page .itemList table .footer .info table.price td { font-size: 12px; vertical-align: baseline; background: none; padding: 0px; }
#Page .itemList table .footer .price span { font-size: 16px; }
#Page .itemList table .footer .price span span { font-weight: bold; color: #b90000; }
#Page .itemList table .footer .info form { padding-top: 5px; }
#Page .itemList table .footer .info form div { text-align: right; font-size: 12px; }
#Page .itemList table .footer .info form input[type="text"], #Product .main .info div.basket .form form input[type="text"] { 
    font-size: 12px; font-family: Tahoma, sans-serif; 
    background-color: white; border: 1px #3facae solid; 
    width: 17px; padding: 2px 3px; text-align: right; 
    margin-right: 3px;
}
#Page .itemList table .footer .info form a,
#Product .main .info div.basket .form form button,
#Product .main .info div.basket .form form a, #Page .itemList table .footer .info form button { 
    display: inline-block; width: 69px; margin-left: 4px;
    background: transparent url('../images/form_button.png') no-repeat top left;
    font-size: 16px; color: white; text-decoration: none;
    vertical-align: baseline; text-align: center;
    border: none; cursor: pointer;
}
#Page .itemList table .footer .info form a, #Product .main .info div.basket .form form a { height: 29px; line-height: 27px; }
#Page .itemList table .footer .info form button { padding: 4px 0px 5px 0px; }
#Page .itemList table td.spacer { background: none; width: 16px; height: 17px; }
#Page .itemList table td.empty { background: none; }

#HomePage {
    float: left;
    width: 517px;
}
#HomePage .sell_out { text-align: right; height: 139px; padding: 8px 0px; }
#HomePage .sell_out div { position: absolute; }
#HomePage .sell_out div.background div { right: 20px; color: white; }
#HomePage .sell_out div.headline { top: 19px; font-size: 18px; font-weight: bold; }
#HomePage .sell_out div.price { top: 49px; font-size: 18px; }
#HomePage .sell_out div.link { bottom: 15px; font-size: 14px; }
#HomePage .sell_out div.link a { color: white; }
#HomePage p.sell_percent { font-size: 13.5px; padding: 0px; padding-left: 5px; }
#HomePage span.sell_percent { 
    display: inline-block; width: 55px; height: 50px; padding-top: 18px;
    color: white; font-size: 30px; font-weight: bold; 
    background: transparent url('../images/sell_percent.png') no-repeat top left;
    vertical-align: middle;
    text-align: center;
}
#HomePage span.sell_percent span { font-size: 15px; font-weight: normal; }
#Page .itemList table td.spacer { background: none; width: 2px; height: 17px; }

#RightItems { float: right; width: 232px; padding-left: 10px; }
#RightItems .item { width: 233px; padding-bottom: 15px; }
#RightItems .item .headline { 
    height: 32px; background: transparent url('../images/right_item_top.png') no-repeat bottom left; 
    color: #bc0000; font-size: 16px; font-weight: bold;
    padding-left: 44px;
}
#RightItems .item .item_bottom { height: 7px; background: transparent url('../images/right_item_bottom.png') no-repeat top left; }
#RightItems .item .item_contain { border-width: 0px 6px; border-color: #bce5e9; border-style: solid; }
#RightItems .item .item_contain .image a { display: table-cell; width: 221px; height: 177px; text-align: center; vertical-align: middle; }
#RightItems .item .item_contain .image a img { max-width: 221px; max-height: 177px; }
#RightItems .item .item_contain .link, #RightItems .item .item_contain .price, #RightItems .item .item_contain .info { padding: 0px 13px; }
#RightItems .item .item_contain .link a { color: #1b688e; font-weight: bold; }
#RightItems .item .item_contain .price { font-size: 16px; line-height: 60px; }
#RightItems .item .item_contain .price span { color: #bc0000; font-weight: bold; }
#RightItems .item .item_contain .info { padding-top: 13px; }
#RightItems .item .item_contain .info img { float: right; }
#RightItems .item .item_contain .corner { 
    height: 60px; margin-bottom: -1px; 
    background-color: transparent; background-position: bottom right; background-repeat: no-repeat; 
}
#RightItems .item .item_contain .corner.red { background-image: url('../images/corner_red.png'); }
#RightItems .item .item_contain .corner.blue { background-image: url('../images/corner_blue.png'); }
#RightItems .item .item_contain .corner.green { background-image: url('../images/corner_green.png'); }


#Kosik .basket { min-height: 300px; }
#Kosik div.sponzor { padding-top: 50px; }
#Kosik div.sponzor img { padding-left: 40px; }

#Product .main .image { float: left; }
#Product .main .image div { display: table-cell; vertical-align: middle; text-align: center; width: 395px; height: 270px; padding: 5px; }
#Product .main .info { float: right; padding: 5px; }
#Product .main .image img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; max-width: 395px; }
#Product .main .info table ,#Product .main .techpar table { width: 340px; border-collapse: separate; border-spacing: 0px 2px; }
#Product .main .info table tr,#Product .main .techpar table tr { border-spacing: 2px; }
#Product .main .info table tr th, #Product .main .info table tr td,#Product .main .techpar table tr th, #Product .main .techpar table tr td { 
    background-color: #f9f9f9; border: 1px #d9d9d9 solid; padding: 10px; padding-left: 15px; text-align: left; 
}
#Product .main .info table tr th { border-right: none; width: 100px; }
#Product .main .info table tr td { border-left: none; padding-top: 0px; padding-bottom: 0px; }
#Product .main .info table tr td.price { color: #bc0000; font-size: 18px; font-weight: bold; }
#Product .main .info div.basket { padding: 25px 15px; }
#Product .main .info div.basket .link { float: left; padding-right: 60px; }
#Product .main .info div.basket .link a, #Kosik .link a {
    display: table-cell; height: 29px; vertical-align: middle; 
    background: transparent url('../images/arrow2.png') no-repeat center left;
     padding-left: 68px;
    font-weight: bold; color: black; 
}
#Kosik .link  {
    margin: 20px;
}
#Product .itemList, #Products .itemList { padding: 0px 16px; }

#Products .filter { background-color: #f9f9f9; padding: 10px 18px; margin-bottom: 10px; font-size: 13px; }
#Products .filter select { font-family: Tahoma, sans-serif; color: black; font-size: 12px; }
#Products .filter .left { float: left; }
#Products .filter .right { float: right; }

#flashContent { padding-bottom: 10px; }
#LeftCol, #RightCol { float: left; width: 50%; }
#LeftCol a, #RightCol a { padding-bottom: 2px; }
#ImageCols { padding: 0px 20px;text-align: center; }
#ImageCols img { border: 0px; }



.bad{ color:red; font-weight:bold; border: 1px dashed red;  padding: 7px; margin: 7px; }
.good{ color:green; font-weight:bold; border: 1px dashed green;  padding: 7px; margin: 7px; }
.bad1{ color:red; font-weight:bold; }
.good1{ color:green; font-weight:bold; }
.popis{ font-size: 11px;margin-top: 12px}
#slide_tab {
	background: #33AAFF url('../images/slide.png') no-repeat left top;
	position: fixed;
	width: 30px;
	height: 100px;
	left: 0px;
	top: 300px;
	z-index: 9;
	border-radius: 0px 15px 15px 0px;
}
#slide_body {
	background: #33AAFF;
	position: absolute;
	    
        width: 196px;
	height: 285px;
       	left: -198px;
	top: 0px;
	padding: 2px 2px 2px 0px;
}
#slide_content {
	background: #FFFFFF;
	position: relative;
	width: 100%;
	height: 100%;
}