a

{

	color: #ce0C0C;

}

.wdbox {text-align: center;}
.wdbox img {width: 120px;}


a img

{

	border: 0px;

}



form

{

	margin: 0px;

}



body

{

    margin: 0px;

    font-family: Arial, Helvetica, sans-serif;/* Psmo pro celou strnku */

    font-size: 75%;

	color: #000101;

	padding-bottom: 15px;

}



#root

{

	width: 980px;

	height: auto;

	margin: auto;

}



#header

{

	width: 100%;

	height: 218px;

	background: url(../obrazky/header.jpg);

}



#header h1

{

    font-size: 100%;

    margin: 0px;

    padding: 0px;

    font-weight: bold;

}



#header #top-bar

{

	width: 970px;

	height: 16px;

	color: white;

	padding: 4px 5px 0px 5px;

	font-size: 95%;

}



#header #top-bar a

{

	color: white;

	text-decoration: none;

}



#header #menu

{

	width: 730px;

	height: 26px;

	padding-left: 250px;

	font-size: 95%;

}



#header #menu a

{

	display: block;

	width: 103px;

	text-align: center;

	height: 18px;

	color: white;

	text-decoration: none;

	padding-top: 8px;

	float: left;

}



#header #menu a:hover

{

	background-color: #616161;

}



#header #znacka

{

	width: 755px;

	height: 36px;

	padding-left: 225px;

	margin-top: 13px;

}



#header #znacka .polozka

{

	text-align: center;

	float: left;

	color: white;

	font-weight: bold;

	margin-right: 26px;

}



#header #znacka a

{

	color: white;

	font-weight: bold;

	text-decoration: none;

	margin-right: 22px;

	font-size: 110%;

	text-transform: uppercase;

}



#header #znacka .no-right

{

	margin-right: 0px;

}



#header #produkt

{

	width: 755px;

	height: 36px;

	padding-left: 225px;

	margin-top: 10px;

}



#header #produkt a

{

	text-decoration: none;

	color: white;

	font-weight: bold;

	margin-right: 10px;

}



#header #produkt a:hover

{

	text-decoration: underline;

}



#header #shopping-cart

{

	width: 232px;

	height: 64px;

	margin-left: 440px;

	line-height: 140%;

	font-size: 90%;

}



#header #shopping-cart .left-float

{

	margin-right: 5px;

}



#header #hledani

{

	width: 250px;

	height: 50px;

	float: right;

	text-align: right;

	margin-right: 10px;

}



#header #hledani .textbox

{

	width: 90%;

	margin-bottom: 5px;

	text-align: center;

}



#header #hledani .button-link-red

{

	margin-left: 5px;

}



/* obsahuje vsechny 3 sloupce */

#outer-container {

  width: 980px;             /* full window width */

  margin: 0;               /* keep flush with adjacent containers */

}



/* container for just the left and center columns */

#inner-container {

  width: 830px;              /* leaves 24% of window width for right column */

  float: left;             /* left side of window */

  margin: 0;               /* keep flush with adjacent containers */

}



#right {

  width: 150px;              /* a little less than available 24% */

  float: right;            /* right side of window */

  margin: 0;               /* keep flush with adjacent containers */

}



#right .akcni-nabidka

{

	text-align: center;

	padding: 5px 0 5px 0;

}



#right .akcni-nabidka img

{

	width: 150px;

	margin-top: 2px;

	margin-bottom: 2px;

}



#right .akcni-nabidka .left-float, #right .akcni-nabidka .right-float

{

	margin-top: 5px;

}



#content

{

	width: 632px;              /* % of inner-container width */

  	float: right;            /* right side of inner-container */

  	margin: 0;               /* keep flush with adjacent containers */

	padding: 0 10px 0 10px;

	margin-top: 5px;

}



#content h2

{

	color: #ce0c0c;

	font-size: 120%;

	padding: 0px;

	margin: 0px;

	margin-bottom: 10px;

}



#content h3

{

	color: #ce0c0c;

	font-size: 110%;

	padding: 0px;

	margin: 0px;

	margin-bottom: 5px;

}



#content p

{

	line-height: 160%;

	font-size: 95%;

	margin: 0px;

	padding: 0px;

	margin-bottom: 5px;

	margin-top: 5px;

}



#content h4

{

    margin: 0px;

    padding: 0px;

    font-size: 100%;

    margin-bottom: 5px;

}



#content .caption

{

	background-color: #cccccc;

	width: 612px;

	height: 22px;

	margin-top: 7px;

	margin-bottom: 5px;

	font-weight: bold;

	padding: 5px 10px 0 10px;

}



#content .caption .right-float

{

	font-size: 95%;

	padding-top: 2px;

}



#content .caption .right-float .button-link-black

{

	padding: 2px 4px 2px 4px;

	display: inline;

}



#content .caption .right-float .button-link-black:hover

{

	background-color: #921F1F;

}



#content .item

{

	width: 200px;

	float: left;

	line-height: 170%;

	margin-right: 7px;

}



#content .item img

{

	margin-top: 8px;

	margin-bottom: 5px;

}



#content .item .button-link-red, #content .item .button-link-black

{

	width: 60px;

}



#content .box-align

{

	display: block;

	width: 621px;

	height: auto;

	margin-bottom: 35px;

	border-bottom: 1px solid #B0B2B4;

	padding-bottom: 15px;

}



#content .item .right-float a

{

	margin-bottom: 5px;

	height: 18px;

}



#content #compare-table

{

	width: 100%;

	height: auto;

	overflow-x: scroll;

}



#content #compare-table table tr td

{

	width: 200px;

	padding: 0 5px 0 5px;

	vertical-align: top;

	border-right: 1px solid grey;

}



#content #compare-table table tr td .button-link-black

{

	margin-bottom: 5px;

}



#content #compare-table table tr td .center-align

{

	margin-bottom: 7px;

	font-size: 95%;

}



#left

{

	width: 178px;              /* % of inner-container width is ~same width as right column */

  	float: left;             /* left side of inner-container */

  	margin: 0;               /* keep flush with adjacent containers */

}



#left .caption

{

	width: 178px;

	height: 21px;

	background: url(../obrazky/bg_caption.gif) repeat-x;

	color: white;

	font-weight: bold;

	padding-top: 6px;

	text-align: center;

}



#left ul

{

	margin: 0px; padding: 0px;

	margin-left: 0px;

	margin-top: 10px;

	margin-bottom: 10px;

	list-style-type: none;

}



#left ul li

{

	margin-bottom: 3px;

}



#left ul li a

{

	color: black;

	text-decoration: none;

	font-weight: bold;

}



#left ul li a:hover

{

	text-decoration: underline;

}



#left p.novinka

{

	margin: 0px;

	padding: 0px;

	font-size: 95%;

	font-weight: bold;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-left: 10px;

	padding-right: 10px;

	line-height: 140%;

}



#left p.novinka span

{

	color: #ce0c0c;

}



#left #kontakt

{

	padding: 10px;

	font-weight: bold;

	font-size: 95%;

	line-height: 150%;

}



#left #kontakt img

{	

	vertical-align: middle;

}



#right .caption

{

	width: 150px;

	height: 21px;

	background: url(../obrazky/bg_caption.gif) repeat-x;

	color: white;

	font-weight: bold;

	padding-top: 6px;

	text-align: center;

}



#right #prihlaseni

{

	margin-top: 10px;

	margin-bottom: 10px;

}



#right #prihlaseni .button-link-black

{

	margin-left: 5px;

}



#right #prihlaseni .bold

{

	margin-bottom: 5px;

	font-size: 95%;

}



#right #prihlaseni .button-odhlasit

{

	width: 50px;

	margin-top: 4px;

	margin-left: 70px;

}



#right #prihlaseni .textbox

{

	width: 90%;

	font-size: 90%;

	margin-bottom: 3px;

}



#right #newsletter

{

	margin-top: 10px;

	margin-bottom: 10px;

	font-size: 95%;

	text-align: center;

}



#right #newsletter .textbox

{

	width: 90%;

	font-size: 95%;

	margin-bottom: 3px;

	margin-top: 3px;

}



#right #newsletter .button-link-black

{

	font-size: 90%;

	width: auto;

	border: 0px;

	padding: 2px 4px 2px 4px;

}



#right #odkazy

{

	text-align: center;

	padding: 10px;

}



#footer

{

	width: 970px;

	height: 39px;

	border-top: 10px solid #9C9DA6;

	background-color: #B0B2B4;

	padding-top: 6px;

	font-size: 95%;

	color: white;

	line-height: 140%;

	padding-left: 5px;

	padding-right: 5px;

}



#footer a

{

	color: white;

	text-decoration: none;

}



#footer a:hover { text-decoration: underline; }



#footer .left-float, #footer .right-float

{

	width: 50%;

}



#doporucujeme

{

	text-align: center;

	color: #666666;

	margin-top: 5px;

	font-size: 90%;

}



#doporucujeme a

{

	color: #666666;

	text-decoration: none;

}



#doporucujeme a:hover { text-decoration: underline; }



.left-float

{

	float: left;

}



.button-link-red

{

	display: block;

	height: 16px;

	color: white;

	font-weight: bold;

	text-align: center;

	background-color: #921F1F;

	padding-top: 2Px;

	text-decoration: none;

	padding-left: 10px;

	padding-right: 10px;

}



.button-link-black

{

	display: block;

	width: auto;

	height: 16px;

	color: white;

	font-weight: bold;

	text-align: center;

	background-color: #242424;

	padding-top: 2Px;

	text-decoration: none;

	padding-left: 10px;

	padding-right: 10px;

}



#porovnat-link, #koupit-link

{

	width: 80px;

}



.bold {font-weight:bold;}



.red { color: #ce0c0c; }



.textbox

{

	border: 1px solid #bfbfbf;

	padding: 2px 5px 2px 5px;

}



.right-float

{

	float: right;

}



.left-align { text-align: left; }

.right-align { text-align: right; }

.center-align { text-align: center; }



.clear {

  clear: both;

  margin: 0;               /* keep flush with adjacent containers */

  padding: 0;

  height: 0;

  overflow: hidden;

}



/* registrace */

#register-form table td input

{

	width: 500px;

	border: 1px solid #F6AFAD;

}



#register-form table td .nepovinne

{

	border: 1px solid #CCCCCC;

	font-weight: normal;

}



#register-form table

{

	width: 100%;

}



#register-form table th

{

	width: 20%;

	text-align: left;

}



#register-form table td

{

	width: 80%;

}



#infobox

{

	width: 450px;

	border: 1px solid #ce0c0c;

	background-color: white;

	padding: 10px;

	margin: auto;

	margin-bottom: 15px;

	margin-top: 10px;

	font-weight: bold;

	color: #ce0c0c;

	text-align: center;

}



/* KOSIK */

#cart-table {

	width: 620px;

	margin: auto;

	margin-top: 10px;

}



#cart-table .tr-underline

{

	border-bottom: 1px solid #999999;

}



#cart-table tr th {

	font-size: 110%;

}



#cart-table tr td

{

	padding-bottom: 3px;

	padding-top: 3px;

	color: #A92424;

}



#cart-table tr td.nazev

{

	font-weight: bold;

}



#cart-table tr td.nazev span

{

	font-weight: normal;

}



#cart-table tr td input

{

	font-size: 90%;

	width: 50px;

	text-align: right;

}



#cart-table #sum

{

	font-weight: bold;

}

#controls

{

	margin-bottom: 20px;

	margin-top: 10px;

}



#controls input

{

	font-size: 90%;

}



/* DETAIL */

#detail-img

{

	max-width: 630px;

}



.line-space

{

	line-height: 160%;

}

#wdbox{
	font-size: 95%;
	font-weight: bold;
	line-height: 150%;
	padding: 10px;
}

#wdbox a{
	color:gray;
	font-family:sans-serif;
	text-decoration: none;
}
