html, body{
	background-image: url(../images/design/page-design.gif);
	background-repeat: repeat;
	height: 100%;
}

* html #container{
	height: 100%; /* Fix for Internet Explorer */
}

form, p, h1, h2, html, body{
	padding: 0px; margin: 0px;
}

h2 { 
    margin: 15px 0px 5px 0px;
    font-size: 1.3em;
}

#body-column1 h2{
	FONT: 20px/20px Georgia, 'Times New Roman', Times, serif bold; COLOR: #A10F20;
	padding-bottom: 10px;
}

#body-column2 h2{
	FONT: 20px/20px Georgia, 'Times New Roman', Times, serif bold; COLOR: #105F97;
	padding-bottom: 10px;
}

#body-column2 p{ font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #5A96C0;}

#body-column1 a{ font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black;}
#body-column1 a:hover{ font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #A10F20}

#ciara { width: 100%; height: 21px; background-image: url(../images/design/blue_spacer_bg.gif); }

#container{
	margin: 0 auto; /* Sets margin top to 0 and the Left & Right Margins to auto, splitting them & creating a centered effect */	
	padding: 0; /* Clears any Browser Default Padding*/
	width: 814px; /* The width of the container element*/
	min-height: 100%; /* Sets the Minimum Height to 100% */
	height: auto; /* Sets the Height to Auto which will fill any further gaps if the page is more than 100% high */
}

#header-wrapper{
	width: 810px;
	height: 325px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: White;
	margin-top: 22px;
}


#body-wrapper{
	width: 810px;
	height: 100%;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
	border-top: 10px solid White;
	border-bottom: 10px solid White;
	background-image: url(../images/design/main-back.gif);
	float: left;
}

#footer-wrapper{
	clear: both;
	text-align: center;
	vertical-align: bottom;
	background-image: url(../images/design/bck-black.png);
	width: 810;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 5px solid #2F2F2F;
	border-bottom: 5px solid #2F2F2F;
	margin: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #807E81;
	font-style: italic;
	}
	
#footer-wrapper a{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #807E81;
	text-decoration: none;
	border-bottom: 1px dashed #807E81;
}

#footer-wrapper a:hover{
	text-decoration: none;
	border-bottom: 1px dashed White;
	color: White;
}

.page-spacer{
	clear: both;
	height: 10px;
}

#header-row1{
	width: 810px;
	height: 70px;
	background-color: White;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#header-row1 h1 {
    margin: 0px; 
    padding: 0px;
    width: 201px;
    float: left;
}

#header-row1 h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 201px;
    height: 70px;
    left: 0px;
    top: 0px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

#header-row1 h1 span {
    width: 201px;
    height: 70px;
    background: url('../images/design/logo.gif') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

#logo{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
}

#header-row2{
	width: 810px;
	height: 45px;
	background-color: White;
}

#header-row3{
	width: 794px;
	height: 12px;
	background-image: url(../images/design/strip-1.jpg);
	border-top: 1px solid White;
	padding: 8px;
	padding-top: 6px;
	
	color: #CACACA;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

#header-row4{
	width: 810px;
	height: 183px;
	background-image: url(../images/design/strip-2.jpg);
}

#kosik-content{
	width: 229px;
	height: 60px;
	background-image: url(../images/design/kosik_background.gif);
	text-align: left;
	position: absolute;
	top: 10px;
	left: 355px;
}

#kosik-text{
	background: url(../images/design/kosik.gif) no-repeat left;   padding-left: 21px; margin-top: 17px; margin-left: 63px;
}

a.link-strip{
	color: #CACACA;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.link-strip:hover{
	color: #CACACA;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}

#select-language{
	color: #105F97;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	padding-top: 22px;
	vertical-align: middle;
}

#select-language img{
	padding-top: -1px;
	vertical-align: middle;
}

#kosik-content a{
	color: #A10F20;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 13px;
	display: block;
}

#jazyky-content{
	width: 210px;
	height: 60px;
	background-image: url(../images/design/jazyky_background.gif);
	text-align: center;
	position: absolute;
	top: 10px;
	left: 596px;
}

#logo{
	margin: 0px;
	float: left;
}

#body-column1{
	width: 570px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: left;
	float: left;
	
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black;
}

#body-column2{
	width: 199px;
	margin: 0px;
	padding-left: 11px;
	padding-right: 10px;
	float: right;
	vertical-align: bottom;
}

.textfield {
	background:#FFFFFF url(../images/design/textfield-bg.gif) repeat-x scroll 0pt 1px;
	border:1px solid #E3EDF5;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #5A96C0;
	padding: 4px;
	width: 189px;
}

.submit {
	width: 199px;
	background-color: #E3EDF5;
	border: 1px solid #5A96C0;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #5A96C0;
}

/*Tabulka s parametrami*/

#product-box, .product-box{
	border: 1px solid #C5C5C5;
	background-color: #E5E5E5;
	width: 568px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #5A5A5A;
}

.product-header, .product-footer{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #D9D9D9 url(../images/design/bg_header.jpg) repeat-x;
	width: 550px;
	clear: both;
}

.product-header{
	border-bottom: 1px solid #C5C5C5;
}

.product-body{
	clear: both;
	padding: 8px;
}

.product-footer{
	border-top: 1px solid #C5C5C5;
}

.product-box img{
	border: 5px solid #C1C1C1;
	float: left;
	vertical-align: middle;
	margin-bottom: 8px;
}

.product-details{
	width: 404px;
	float: right;
	margin-bottom: 8px;
}

.parameter1, .parameter2, .cenaza1, .cenaza2 {
	float: left;
	padding: 3px;
	font-weight: bold;
	width: 246px;
	margin-right: 2px;
}

.parameter1{ background-color: #D8D8D8; }
.parameter2{ background-color: #E4E4E4; }
.cenaza1 { background-color: #CAE3CA; }
.cenaza2 { background-color: #DBECDB; }

.hodnota1, .hodnota2, .cena1, .cena2 {
	float: right;
	padding: 3px;
	width: 144px;
}

.hodnota1{ background-color: #D8D8D8; }
.hodnota2{ background-color: #E4E4E4; }
.cena1 { background-color: #CAE3CA; }
.cena2 { background-color: #DBECDB; }

.full-detail1, .full-detail2{ float: left; padding: 3px; font-weight: bold; width: 398px; margin-right: 2px; }
.full-detail1{ background-color: #D8D8D8; }
.full-detail2{ background-color: #E4E4E4; }

.kosik-box{
	width: 402px;
	border: 1px solid #C5C5C5;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	float: right;
	text-align: center;
	background: #D9D9D9 url(../images/design/bg_header.jpg) repeat-x;
	margin-bottom: 8px;
}

.kosik-button,  .kosik-submit-button{
	font: normal 10px Verdana;
	color: #000000;
	text-align: center;
}

.kosik-button{ background-color: #E4E4E4; width: 20px; border: 1px solid #C5C5C5; clear: both;}

.kosik-submit-button{ background-color: #CACACA; border: 1px solid #C1C1C1; }

.kosik-input {
	border: 1px solid #C5C5C5;
	font: normal 10px Verdana;
	color: #000000;
	background-color: #E4E4E4;
	text-align: center;
	width: 30px;
}

a.product-menu{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #5A96C0; text-decoration: none; font-weight: bold;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
}

a.product-menu:hover{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #105F97; text-decoration: none; font-weight: bold;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
}

.prislusenstvo-nazev1, .prislusenstvo-cena1, .prislusenstvo-koupit1,
.prislusenstvo-nazev2, .prislusenstvo-cena2, .prislusenstvo-koupit2,
.kosik-rada1, .kosik-typ1, .kosik-mnozstvi1, .kosik-cena1, .kosik-oznacit1,
.kosik-rada2, .kosik-typ2, .kosik-mnozstvi2, .kosik-cena2, .kosik-oznacit2,
.kosik-price-text1, .kosik-price-hodnota1,
.kosik-price-text2, .kosik-price-hodnota2,
.objednavka-rada1, .objednavka-typ1, .objednavka-mnozstvi1, .objednavka-cena1,
.objednavka-rada2, .objednavka-typ2, .objednavka-mnozstvi2, .objednavka-cena2,
.objednavka-price-text1, .objednavka-price-hodnota1,
.objednavka-price-text2, .objednavka-price-hodnota2,
.prislusenstvi-samostatni1, .prislusenstvi-zobrazit1,
.prislusenstvi-samostatni2, .prislusenstvi-zobrazit2
{
	float: left;
	padding: 3px;
	margin-right: 2px;
	vertical-align: middle;
	line-height: 20px;
}

.prislusenstvo-nazev1, .prislusenstvo-nazev2{ width: 288px; font-weight: bold; background-color: #D8D8D8; }
.prislusenstvo-cena1, .prislusenstvo-cena2{ width: 178px; background-color: #D8D8D8; }
.prislusenstvo-koupit1, .prislusenstvo-koupit2{ width: 64px; margin-right: 0px; background-color: #D8D8D8; text-align: center; }

.prislusenstvo-nazev2{ background-color: #E4E4E4; }
.prislusenstvo-cena2{ background-color: #E4E4E4;; }
.prislusenstvo-koupit2{ background-color: #E4E4E4; }

.kosik-rada1, .kosik-rada2{ width: 200px; background-color: #D8D8D8; }
.kosik-typ1, .kosik-typ2{ width: 85px; background-color: #D8D8D8; }
.kosik-mnozstvi1, .kosik-mnozstvi2{ width: 100px; background-color: #D8D8D8; text-align: center; }
.kosik-cena1, .kosik-cena2{ width: 109px; background-color: #D8D8D8; text-align: right; }
.kosik-oznacit1, .kosik-oznacit2{ width: 20px; background-color: #D8D8D8; text-align: center; margin-right: 0px;}

.kosik-rada2{ background-color: #E4E4E4; }
.kosik-typ2{ background-color: #E4E4E4; }
.kosik-mnozstvi2{ background-color: #E4E4E4; }
.kosik-cena2{ background-color: #E4E4E4; }
.kosik-oznacit2{ background-color: #E4E4E4; }

.kosik-price-text1, .kosik-price-text2{ width: 401px; background-color: #DBECDB; text-align: right; font-weight: bold; }
.kosik-price-hodnota1, .kosik-price-hodnota2{ width: 109px; background-color: #CAE3CA; text-align: right; font-weight: bold; }

.checkbox{
	padding: 0px;
	margin-top: 3px;
	margin-bottom: 4px;
}

.submit-center
{
	text-align: center;
	padding-top: 10px;
	clear: both;
}

.textfield-objednavka {
	background:#FFFFFF url(../images/design/textfield-bg.gif) repeat-x scroll 0pt 1px;
	border:1px solid #C1C1C1;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #5A5A5A;
	padding: 4px;
	width: 189px;
}

.order-spacer{
	height: 21px;
	width: 100%;
	background-image: url(../images/design/spacer_bg.gif);
}

.cleaner{
	clear: both;
}

.objednavka-column1{
	width: 50%;
	float: left;
}

.objednavka-column2{
	width: 50%;
	float: left;
}

.objednavka-rada1, .objednavka-rada2{ width: 230px; background-color: #D8D8D8; }
.objednavka-typ1, .objednavka-typ2{ width: 85px; background-color: #D8D8D8; }
.objednavka-mnozstvi1, .objednavka-mnozstvi2{ width: 60px; background-color: #D8D8D8; text-align: center; }
.objednavka-cena1, .objednavka-cena2{ width: 147px; background-color: #D8D8D8; text-align: right; margin-right: 0px; }

.objednavka-rada2{ background-color: #E4E4E4; }
.objednavka-typ2{ background-color: #E4E4E4; }
.objednavka-mnozstvi2{ background-color: #E4E4E4; }
.objednavka-cena2{ background-color: #E4E4E4; }

.objednavka-price-text1, .objednavka-price-text2{ width: 391px; background-color: #DBECDB; text-align: right; font-weight: bold; }
.objednavka-price-hodnota1, .objednavka-price-hodnota2{ width: 147px; background-color: #CAE3CA; text-align: right; font-weight: bold; margin-right: 0px; }

#fotogalerie img{
	border: 3.92pt solid #D8D8D8;
	vertical-align: middle;
	margin-bottom: 13px;
	margin-right: 9px;
	padding: 0px;
}

#fotogalerie img:hover{
	border: 3.92pt solid #C1C1C1;
}

#fotogalerie h2{
	FONT: 20px/20px Georgia, 'Times New Roman', Times, serif bold; COLOR: #D8D8D8;
	padding-bottom: 10px;
}

.prislusenstvi-samostatni1, .prislusenstvi-samostatni2
{
	width: 438px; background-color: #D8D8D8;
}

.prislusenstvi-samostatni2{ background-color: #E4E4E4; }

.prislusenstvi-zobrazit1, .prislusenstvi-zobrazit2
{
	width: 100px; background-color: #D8D8D8; margin-right: 0px; text-align: center; padding-top: 5px; padding-bottom: 5px;
}

.prislusenstvi-zobrazit2{ background-color: #E4E4E4; }

.order-spacer{
	height: 21px;
	width: 100%;
	background-image: url(../images/design/spacer_bg.gif);
}

.refUL{
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}