/** CSS vlastnostni - profivysavace.cz */

body {background: #fff; text-align: center; font-size: 1em; font-family: Arial;}
img {border: 0px; }
a:hover {
	text-decoration: none;\
}

/* Hlavni layout */
#site_out {width:100%; background: url('/images/html_back.png') bottom left repeat-x;}
#site {margin: auto; width: 962px;}

#header {position: relative; width: 962px; height: 262px; background: url('/images/header.jpg') center no-repeat;}
#header a.logo {
	position: absolute;
	width: 343px;
	height: 156px;
	top: 50px;
	left: 20px;
	background: url('/images/header_logo.png') bottom center no-repeat;
}
#header a.main_link {position: relative; display: block; width: 962px; height: 220px; z-index: 1;}
#header a.main_link:hover {position: relative; display: block; width: 962px; height: 220px; z-index: 1;}
#header_links {
	position: absolute;
	top: 2px;
	left: 310px;
	z-index: 2;
}
#header_links a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
	z-index: 3;
    font-size: 14px;
}
#header_links a:hover {
	color: #fff;
}

#banner {float: left; margin-left: -120px; margin-top: -80px;}

/*#up-content {width: 900px; height: 10px; background: url('/images/logo-3.png') no-repeat;}*/
#body {float: left; width: 962px; background: url('/images/body_back.png') center;}
#footer {float: left; width: 962px; height: 51px; background: url('/images/footer_back.png') center no-repeat; text-align: center; color: black;}

#left {float: left; width: 192px; background: url('/images/left_back.png') left top no-repeat; font-size: 1em;}

	#menu, .left_box, .left_text_box {margin-bottom: 15px; float: left;}
	#menu h2, .left_box h2, .left_text_box h2 {width: 180px; height: 20px; padding-top: 3px; padding-left: 12px; font-size: 0.9em; margin-top:0px; margin-bottom: 0px; font-style: italic;} /** original height: 23px; width: 192px **/
	.left_box .telo {width: 192px; font-size: 0.8em; text-align: left;}
	.left_text_box .telo {width: 180px; text-align: left; font-size: 0.8em; padding: 6px;}

	#menu h2, .left_box h2, .left_text_box h2 {background: url('/images/h2_left.png') right no-repeat; color: #fff; font-size: 0.9em;}
	.left_box .telo, .left_text_box .telo {border: 0px solid #c6d8a8; background: #ffee4d;}
	
	#menu {

	}
	#menu ul {
		z-index: 3;
		font-size: 0.75em;
		list-style-type: none;
		color: #ffcfd2;
	}
	#menu ul li {
		font-size: 0.9em;
		padding: 0px;
		margin: 0px;
		display: block;
		position: relative;
		z-index: 4;
		line-height: 31px;
		background: url('/images/menu_li_back.png') top left no-repeat;
		margin-top: 0px; margin-bottom: 4px;
	}
	#menu ul li a {
		text-align: center;
		vertical-align: middle;
		color: #000;
		text-decoration: none;
		z-index: 5;
		display: block;
		height: 31px;
		width: 192px;
	}
	#menu ul li:hover {
		background: url('/images/menu_li_back_2.png') no-repeat; color: #fff;
	}
	#menu ul li:hover a {
		color: #fff;
	}
	#menu ul li.aktivnili {
		background: url('/images/menu_li_back_2.png') no-repeat; color: #fff;
	}
	#menu ul li.aktivnili a {
		color: #fff;
	}
	#menu ul li ul {
		position: absolute;
		z-index: 6;
		display: none;
		left: 192px;
		top: 0px;
		font-size: 1em;
		list-style-type: none;
		color: #000;
	}
	#menu ul li ul li ul {
        display: none;
	}
	#menu ul li:hover ul {
		display: block;
	}
    #menu ul li:hover ul li ul {
        display: none;
	}
    #menu ul li ul li:hover ul {
        display: block;
	}
	#menu ul li ul li {
		z-index: 7;
		margin: 0px;
		padding: 0px;
		height: 35px;
		width: 192px;
		display: block;
		background: #FFE600;
		color: #000;
		margin-top: 0px; margin-bottom: 0px;
	}
	#menu ul li ul li a {
		z-index: 8;
		display: block;
		text-align: center;
		color: #000;
		text-decoration: none;
	}
	#menu ul li ul li:hover {
		background: #FFE600;
		color: #000;
	}
	#menu ul li:hover ul li a {
		color: #000;
	}
	#menu ul li:hover ul li a:hover {
		text-decoration: underline;
	}
	#menu ul li.aktivnili ul li.aktivnili {
		text-decoration: underline;
		background: #FFE600;
		color: #000;
	}

/*	#menu ul li.aktivnili ul li a {color: #ffcfd2;}
	#menu ul li ul li a {
		display: block; width: 177px; height: 22px;
		padding-left: 12px; padding-top: 5px;
		background: #da5c65; color: #ffcfd2;
		text-decoration: none;
	}
	#menu ul li ul li a:hover {color: #fff;}*/

	.newsletter input.text {
		float: left;
		width: 137px; height: 18px;
		padding-left: 3px; padding-top: 3px; margin-top: 15px; margin-left: 6px;
		background: #ffe600; border: 1px solid #000;
	}
	.newsletter input.submit {
		float: right;
		margin-top: 12px; margin-right: 6px;
	}
	.newsletter .sText {
		padding: 6px;
		margin-top: 6px;
	}

#right {float: right; width: 190px; margin-top: 0px;}

	.right_box {margin-bottom: 15px; float: right;}
	.right_box h2 {width: 177px; height: 19px;
		padding-top: 4px; padding-right: 12px;
		margin: 0px; margin-top:0px; margin-bottom: 0px;
		font-style: italic; font-size: 0.9em;
	} /** original height: 23px; width: 190px **/
	.right_box .telo {width: 190px; font-size: 0.8em}

	.right_box h2 {background: url('/images/h2_right.png') left no-repeat; color: #fff;}
	.right_box .telo {text-align: left;}
	.rk .telo {background: #ffee4d; padding: 6px; width: 176px;}

	#right .kosik h2 {
		background: url('/images/h2_basket.png') left no-repeat;
	}
	#right .kosik .telo {
		width: 176px;
		padding: 6px;
		text-align: center;
	}

	#right .kosik .telo a.price {
		font-weight: bold;
		color: #566143;	
	}

	#right .kosik .telo a {
		color: #566143;
	}
	
	#right .akcni_zbozi h2 {
		background: url('/images/h2_action.png') left no-repeat;		
	}
	#right .akcni_zbozi .telo {
		width: 190px;
		text-align: center;
	}
	#right .akcni_zbozi .telo .produkt {
		background: url('/images/produkt_right_back.png') left no-repeat;
		margin: auto;
		padding: 12px;
		padding-left: 14px;
		padding-right: 14px;
		width: 151px;
		height: 134px;
	}
	#right .akcni_zbozi .telo .produkt h3 {
		font-size: 0.9em;
		display: table;
		height: 25px;
		margin: auto;
		margin-top: 3px;
	}
	#right .akcni_zbozi .telo .produkt h3 a {
		display: table-cell;
		vertical-align: middle;
		color: #000;
	}
	#right .akcni_zbozi .telo .produkt img {
		float: left;
		background: red;
		margin-top: 9px; margin-left: 8px;
	}
	#right .akcni_zbozi .telo .produkt .buy_form {
		float: right;
		
		width: 80px;
		margin-top: 12px;
	}
	#right .akcni_zbozi .telo .produkt .buy_form .koupit{
		margin-top: 3px;
	}

#obsah {float: left; width: 580px; font-size: 0.8em; }
	#up_obsah {
		width: 580px; height: 71px; margin-bottom: -60px; text-align: right;
	}
	#search_box {
		width: 307px;
		float: right;
		padding-right: 18px;
	}
	form.search .text-box {
		background: url('/images/search_input.png') no-repeat;
		border-bottom: 1px solid black;
		width: 236px;
		height: 22px;
		float: left;
	}
	form.search .button-botx {
		float: right;
	}

	form.search input.text {
		float: left;
		margin-left: 40px;
		margin-top: 3px;
		width: 190px;
		height: 19px;
		border: 0px;
	}
	#cont_text {
		width: 570px;
		margin: auto;
		/*color: #5e5e5e;*/
		color: #000;
	}
	#cont_text a:hover {
		text-decoration: none;
	}
	
	#obsah h1 {
		width: 95%;
		font-size: 1.5em;
		font-weight: bold;
		color: #736800;
		margin-top: 12px; margin-bottom: 12px; padding-left: 12px; padding-bottom: 3px;
		border-bottom: 1px solid #fffbd8;
	}
	#obsah h2 {
		width: 95%;
		font-size: 1.2em;
		font-style: italic;
		color: #736800;
		margin-top: 12px; margin-bottom: 6px; padding-left: 12px; padding-bottom: 3px;
		text-align: left;
	}
	
.filtr {
	margin-top: 6px;
	margin-bottom: 6px;
}
.filtr input {
	border: 1px solid  #5e5e5e;
}
.filtr input.sub {
	background: #fff;
	padding: 3px;
	border: 1px solid  #5e5e5e;
}
.filtr .razeni {
	text-align: left;
	margin-bottom: 12px;
}
.zaznamy a {
	color: #d17907;
}
.drobky {
	width: 100%;
	text-align: left;
	margin-bottom: 12px;
}
.drobky a {
	color: #d17907;
}

.submenu {
}
.submenu ul {
	margin-top: 15px;
	display: table;
}
.submenu ul li {
	display: table-cell;
	width: 120px;
	height: 60px;
	vertical-align: middle;
}
.submenu ul li:hover {
	background: #FFF9B5;
}
.submenu ul li a{
	color: #d17907;
}

#obsah .vypis .produkt {
	width: 270px;
	margin: 6px;
	font-size: 0.8em;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 6px;
}
#obsah .vypis .produkt_0 {
	float: left;
}
#obsah .vypis .produkt_1 {
	float: right;
}
#obsah .vypis .produkt h3 {
	height: 28px;
	font-size: 1.3em;
	margin-top: 3px;
}
#obsah .vypis .produkt h3 a {
	color: #d17907;
}
#obsah .vypis .produkt .parametry {
	margin: 6px;
}
#obsah .vypis .produkt .telo a {
	color: #d17907;
}
#obsah .vypis .produkt .obrazek {
	float: left;
	width: 120px;
	height: 140px;
}
#obsah .vypis .produkt .telo {
	float: right;
	width: 150px;
	text-align: justify;
}
#obsah .vypis .produkt .telo .popis {
	height: 140px;
	font-size: 1em;
	line-height: 1.5em; 
}
#obsah .vypis .produkt .cena {
	margin-top: 12px;
	margin-right: 5px;
	float: right;
	font-size: 1.7em;
	color: #d17907;
}
#obsah .vypis .produkt .koupit {
	margin-top: 10px;
	float: right;
}

#obsah .zbozi {
	width: 100%;
	float: left;
}
#obsah .zbozi .detail {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	width: 300px;
	text-align: center;
}
#obsah .zbozi .detail h1 {
	width: 278px;
	color: #ffe600;
	margin: 0px auto 0px auto;
	padding: 12px;
	padding-left: 6px;
	padding-right: 6px;
	background: #545454;
	font-size: 1.2em;
	text-align: left;
}
#obsah .zbozi .detail .popis {
	width: 278px; /* Original width: 290px = 278 + 6px padding-left + 6px padding-right */
	margin: 0px auto 0px auto;
	padding: 6px;
	background: #b0b0b0;
	text-align: left;
	color: #000;
}
#obsah .zbozi .detail .info {
	width: 272px; /* Original width: 290px = 272 + 12px padding-left + 6px padding-right */
	margin: 0px auto 0px auto;
	padding: 8px 6px 3px 12px;
	height: 36px; /* Original height: 47px = 36 + 8px padding-top + 3px padding-bottom */
	background: url('/images/info_back.png') left repeat-x;
	text-align: left;
	font-size: 1.1em;
	color: #000;
}
#obsah .zbozi .detail .info a {
	color: #566143;
}

#obsah .zbozi .obrazek {
	float: right;
	width: 250px;
	margin-top: 20px;
	text-align: center;
}
#obsah .zbozi .obrazek img {
	margin: auto;
}


#obsah .zbozi .detail .cena {
	margin-top: 6px;
	float: left;
	font-size: 1.8em;
	color: #d17907;
}
#obsah .zbozi .obrazek .koupit {
	margin-top: 40px;
}
#obsah .zbozi .obrazek .koupit input.ks {
	text-align: right;
	border: 1px solid #566143;
	padding: 4px;
	margin-top: 6px;
}
#obsah .zbozi .obrazek .koupit .button_koupit {
	float: right;
}

#obsah .zbozi .parametry {
	margin-bottom: 12px;
}
#obsah .zbozi .parametry .pnazev {
	font-weight: bold;
	color: #d17907;
}
#obsah .zbozi .parametry .phodnota {
	padding-left: 6px;
	color: #d17907;
}



.noprint {
	text-align: center;
	margin-top: 12px;
	margin-bottom: 6px;
}
.noprint a {
	color: #d17907;
}
.register {
	
}
.register label {
	float: left;
	width: 140px;
	text-align: right;
}
.register input {
	float: left;
	margin-left: 6px;
	margin-bottom: 6px;
	width: 200px;
	background: #f7f7f7;
	border: 1px solid #c6d8a8;
}
.register div.submit {
	text-align: center;
}
.register div.submit input {
	float: none;
	margin: auto;
	margin-top: 18px;
	width: 100px;
}
.register fieldset {
	margin-bottom: 6px;
	border: 0px solid black;
	border-right: 1px solid #c6d8a8; 
}
.ok {
	background: #e2eece;
	color: black;
}

.kosik-tabulka {
	text-align: left;	
}
.kosik-tabulka thead th {
	font-size: 0.9em;
	background: #fff7b0;
	padding: 6px;
	text-align: center;
}
.kosik-tabulka tbody td {
	padding-top: 4px;
	padding-bottom: 4px;
}
.kosik-tabulka tfoot td {
	font-size: 0.9em;
	background: #fff7b0;
	padding: 3px;
}
.sou a {
	color: #d17907;
}

.sou table.adresa input, .sou table.adresa textarea {
	float: left;
	margin-left: 6px;
	margin-bottom: 12px;
	width: 200px;
	background: #fff;
	border: 1px solid #736800;
}
.sou table.adresa textarea {
	width: 300px;
	height: 100px;
}
.sou h2 {
	margin-top: 24px;
	margin-bottom: 6px;
}
.sou div.dodani {
	margin: 12px;
	margin-top: 0px;
	padding: 6px; 
	padding-top: 0px;
}
.sou .button {
	background: #fff7b0;
	border: 1px solid #000;
	padding: 5px;
	color: #000;
}
table.revize tr td {
	text-align: left;
	padding: 6px;
}

#footer div {
  width: 500px;
  margin: auto;
}

#footer ul {
	list-style: none;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}
#footer ul li {
	display: inline;
	padding-left: 5px;
	padding-right: 6px;
	border-right: 1px solid #000;
}
#footer ul li.last {
  border-right: 0px;
}
#footer ul li a {
	font-size: 0.7em;
	text-decoration: none;
	letter-spacing: 0.5pt;
	color: #000;
}
#footer ul li a:hover {
	text-decoration: underline;
}
.copy {
	text-align: center;
	margin-top: 6px;
	font-size: 0.7em;
}
.copy a {
	color: black;
}
.copy a:hover {
	text-decoration: none;
}

.jqmWindow .jqmText {
	font-size: 0.8em;
}
.jqmWindow .jqmText table {
	margin-bottom: 12px;
}
.jqmWindow .jqmPat a {
	font-size: 0.8em;
}

.stranka {
	padding-left: 12px;
	padding-right: 12px;
}
.stranka .text {
	line-height: 1.5em;
	text-align: justify;
}
.stranka ul, .stranka ol {
	margin-left: 20px;
}
.stranka p {
	margin-top: 3px;
	margin-bottom: 3px;
}
.other_pictures a {
    color: #d17907;   
}

.doplnujici_obrazky {float: left; margin-left: 16px; font-style: italic;}
.doplnujici_obrazky img {margin-bottom: 6px;}