/* CSS Document */

* {

	margin: 0;

	padding: 0;

}

html {

	background-color: #3677ae;

	background-image: url('../img/bg.gif');

	background-repeat: repeat;

}

html, body {

	color: #000000;

	font-size: 89%;

	font-family: Verdana, "Geneva CE", lucida, sans-serif;

	text-align: center;

}



img {border: 0;}



h1, h2, h3, h4 {font-weight: bold;}

h1 {font-size: 169%;}

h1 span {display: none;}

h1 a {text-decoration: none; color: #000000;}

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



h2 {font-size: 135%; padding: 1.5em 0 0.5em 0; text-align: left;}

h3 {font-size: 125%; padding: 2em 1em 0.2em 0; line-height: 1em; text-align: left; border-bottom: 1px solid #a9a9a9;}

h4 {font-size: 112%; padding: 1em 1em 0.2em 0; text-align: left;}

h5 {font-size: 89%; padding: 1em 0 0 0; text-align: left; text-transform: uppercase;}



/*

ikonky v nadpisech - vkladaji se jako <span class="info">&nbsp;</span>Text nadpisu

h2*/

h2 .info {

	padding: 0.2em 0 0.1em 1.5em;

	margin: 0;

	background: transparent url('../img/h/h2i.gif') 0 0 no-repeat;

}

h2 .eshop {

	padding: 0.2em 0 0.1em 1.5em;

	margin: 0;

	background: transparent url("../img/h/h2e.gif") 0 0 no-repeat;

}

/*h3*/

h3 .info {

	padding: 0.4em 1em 0.1em 0.5em;

	margin: 0;

	background: transparent url('../img/h/h3i.gif') 0 0 no-repeat;

}

h3 .eshop {

	padding: 0.4em 1em 0.1em 0.5em;

	margin: 0;

	background: transparent url("../img/h/h3e.gif") 0 0 no-repeat;

}

/*h4 eshop*/

h4 .eauta {

	padding: 0.6em 0.5em 0 1em;

	margin: 0;

	background: transparent url('../img/h/h4ea.gif') 0 0 no-repeat;

}

h4 .ebyty {

	padding: 0.6em 0.5em 0 1em;

	margin: 0;

	background: transparent url('../img/h/h4eb.gif') 0 0 no-repeat;

}

/*h4 info*/

h4 .iauta {

	padding: 0.6em 0.5em 0 1em;

	margin: 0;

	background: transparent url('../img/h/h4ia.gif') 0 0 no-repeat;

}

h4 .ibyty {

	padding: 0.6em 0.5em 0 1em;

	margin: 0;

	background: transparent url('../img/h/h4ib.gif') 0 0 no-repeat;

}



a {

	color: #3677b1;

	font-size: 100%;

	font-weight: bold;

	text-decoration: underline;

	background: inherit;

}

a:hover {

	color: #3677b1;

	text-decoration: none;

}



hr {display: none;}



p {

	padding: 0.5em 0;

	text-align: justify;

}



#page {

	width: 782px;

	margin: 0px auto;

	background-color: #ffffff;

}



.spacer1em {

	width: 100%;

	height: 1em;

	background-color: transparent;

}

.spacer2em {

	width: 100%;

	height: 2em;

	background-color: transparent;

}

.cleaner {

	clear: both;

	width: 100%;

	height: 2px;

	font-size: 0px;

	background-color: transparent;

	margin: 0;

	padding: 0;

}



.red {

	color: #c20000;

}

.gray {

	color: #999999;

}





/******************/

/***  Hlavicka  ***/

/******************/

#head {

	width: 778px;

	height: 168px;

	margin: 0px auto;

	background-color: #ffffff;

	border-bottom: 4px solid #c20000;

}

#head .normal {}

#head .auta {}

#head .byty {}

#head .top {

	width: 778px;

	height: 135px;

	margin: 0px auto;

	background-color: #c20000;

}

#head .normal .top .left {

	float: left;

	width: 191px;

	height: 135px;

	margin: 0px;

	background-color: #c20000;

	background-image: url('../img/logo.jpg');

}

#head .auta .top .left {

	float: left;

	width: 191px;

	height: 135px;

	margin: 0px;

	background-color: #c20000;

	background-image: url('../img/logo-auta.jpg');

}

#head .byty .top .left {

	float: left;

	width: 191px;

	height: 135px;

	margin: 0px;

	background-color: #c20000;

	background-image: url('../img/logo-byty.jpg');

}

#head .top .right {

	float: right;

	width: 587px;

	height: 135px;

	margin: 0px auto;

	background-color: #ffffff;

}

#head .top .right .login {

	width: 587px;

	height: 34px;

	background-color: #bed3e4;

	border-bottom: 4px solid #91b4d0;

	font-size: 84%;

	text-align: right;

	color: #2f74ad;

}

#head .top .right .login form {

	margin: 0 0.5em;

	padding-top: 7px;

}

#head .top .right .login form .input {

	width: 7em;

	height: 1.3em;

	border: 1px solid #568dba;

}

#head .top .right .login form .button {

	padding: 0 0.2em;

	height: 1.5em;

	background-color: #286ea7;

	border: 1px solid #568dba;

	text-decoration: none;

	color: #ffffff;

	font-weight: bold;

}

#head .top .right .login form a {

	padding: 0.4em 1em 0.1em 1em;

	background-color: #286ea7;

	border: 1px solid #568dba;

	text-decoration: none;

	color: #ffffff;

	font-weight: bold;

}

#head .top .right .login form a:hover {

}

#head .top .right .login .prihlaseny {

	padding: 5px;

}

#head .top .right .login .prihlaseny b {

	color: #000000;

}

#head .top .right .login .prihlaseny a {

	border: 0;

	padding: 0;

	background-color: transparent;

	color: #2f74ad;

	text-decoration: underline;

}

#head .top .right .login .prihlaseny a:hover {

	text-decoration: none;

}



#head .top .right .banner {

	width: 587px;

	height: 97px;

	background-color: #ffffff;

}

#head .bottom {

	width: 778px;

	height: 33px;

	margin: 0px auto;

	background-color: #ffffff;

}

#head .normal .bottom .left {

	float: left;

	width: 163px;

	height: 33px;

	margin: 0px;

	background-color: #c20000;

	background-image: url('../img/logo-2.jpg');

}

#head .auta .bottom .left {

	float: left;

	width: 163px;

	height: 33px;

	margin: 0px;

	background-color: #c20000;

	background-image: url('../img/logo-auta2.jpg');

}

#head .byty .bottom .left {

	float: left;

	width: 163px;

	height: 33px;

	margin: 0px;

	background-color: #c20000;

	background-image: url('../img/logo-byty2.jpg');

}

#head .bottom .right {

	float: right;

	width: 615px;

	height: 33px;

	background-color: #ffffff;

}

#head .bottom .right .spacer {

	width: 615px;

	height: 2px;

	font-size: 0px;

	background-color: #ffffff;

}

#head .bottom .right .menu {

	width: 615px;

	height: 31px;

	background-color: #ffffff;

	background-image: url('../img/topmenu-bg.png');

	background-repeat: repeat-x;

}

#head .bottom .right .menu ul {

	list-style-type: none;

}

#head .bottom .right .menu ul li {

	float: right;

	margin-left: 1px;

}

#head .bottom .right .menu ul li a {

	display: block;

	width: 160px;

	height: 31px;

	line-height: 31px;

	margin: 0px;

	text-decoration: none;

	color: #ffffff;

	background-color: #568dbb;

	background-image: url('../img/topmenu-linky2.png');

	background-repeat: no-repeat;

	background-position: -320px 0;

}

#head .bottom .right .menu ul li a:hover {

	text-decoration: underline;

	color: #ffffff;

	background-color: #2f74ad;

	background-position: -160px 0;

}



#head .bottom .right .menu ul .active a {

	text-decoration: none;

	color: #ffffff;

	background-color: #c20000;

	background-image: url('../img/topmenu-linky2.png');

	background-repeat: no-repeat;

	background-position: 0 0;

}

#head .bottom .right .menu ul .active a:hover {

	text-decoration: underline;

	background-position: 0 0;

}

#head .bottom .right .menu ul .eshop a {

	width: 120px;

	text-decoration: none;

	color: #ffffff;

	background-color: #c20000;

	background-image: url('../img/topmenu-linky.png');

	background-repeat: no-repeat;

	background-position: -360px 0;

}

#head .bottom .right .menu ul .eshop a:hover {

	text-decoration: underline;

	background-position: -120px 0;

}

#head .bottom .right .menu ul .eshopactive a {

	width: 120px;

	text-decoration: none;

	color: #ffffff;

	background-color: #c20000;

	background-image: url('../img/topmenu-linky.png');

	background-repeat: no-repeat;

	background-position: 0 0;

}

#head .bottom .right .menu ul .eshopactive a:hover {

	text-decoration: underline;

	background-position: 0 0;

}





/***************/

/***  Obsah  ***/

/***************/

#main {

	width: 778px;

	margin: 0px auto;

	background-color: #ffffff;

	background-image: url('../img/main-top-bg.png');

	background-repeat: repeat-x;

}

#main .left {

	float: left;

	width: 170px;
	overflow: hidden;
	background-color: #ffffff;

	background-image: url('../img/main-top-bg.png');

	background-repeat: repeat-x;



}

#main .left .content {

	margin: 0px auto;

	width: 156px;
	overflow: hidden;

	background-color: #c20000;

}

#main .left .content .menu {

	background-color: #ffffff;

}

#main .left .content .menu .endmenu {

	width: 156px;

	height: 8px;

	font-size: 0px;

	background-color: #aa0000;

	border-bottom: 1px solid white;

}

#main .left .content .menu ul {

	list-style-type: none;

}

#main .left .content .menu ul li {

	display: block;

	margin-bottom: 1px;

	width: 156px;

	text-align: left;

	text-indent: 18px;

}

#main .left .content .menu ul .top {
	clear: both;

	width: 156px;

	height: 40px;

	line-height: 40px;

	font-size: 140%;

	color: #ffffff;

	margin-bottom: 1px;

	text-align: center;

	text-indent: 0px;

	font-weight: bold;

	background-color: #c20000;

}

#main .left .content .menu ul .separator {

	width: 156px;

	height: 5px;

	line-height: 5px;

	font-size: 0px;

	margin-bottom: 1px;

	background-color: #aa0000;

}

#main .left .content .menu ul .separator2 {

	width: 156px;

	height: 5px;

	line-height: 5px;

	font-size: 0px;

	margin-bottom: 1px;

	background-color: #3366aa;

}

#main .left .content .menu ul .title {

	width: 156px;

	height: 22px;

	line-height: 22px;

	font-size: 112%;

	color: #ffffff;

	margin-bottom: 1px;

	text-align: center;

	text-indent: 0px;

	font-weight: bold;

	background-color: #c20000;

}

#main .left .content .menu ul .title2 {

	width: 156px;

	height: 18px;

	line-height: 18px;

	font-size: 100%;

	color: #ffffff;

	margin-bottom: 1px;

	text-align: center;

	text-indent: 0px;

	font-weight: bold;

	background-color: #aa0000;

}

#main .left .content .menu ul li a {

	display: block;

	width: 156px;

	margin: 0px;

	font-size: 74%;

	line-height: 18px;

	text-decoration: none;

	color: #ffffff;

	background-color: #165c95;

	background-image: url('../img/leftmenu-linky.png');

	background-repeat: repeat-y;

	background-position: 0 0;

}

#main .left .content .menu ul li a:hover {

	text-decoration: none;

	color: #ffffff;

	background-color: #a70000;

	background-position: -156px 0;

}

#main .left .content .anketa {

	width: 156px;

	background-color: #a70000;

	border-bottom: 1px solid #ffffff;

	text-align: center;

}

#main .left .content .anketa .content {

	width: 154px;

	background-color: #ffffff;

	border-bottom: 4px solid #a70000;

	margin: 0px auto;

}

#main .left .content .anketa h4 {

	color: #ffffff;

	padding: 0.2em 0.5em;

	text-align: center;

	font-size: 100%;

	background-color: #770000;

}

#main .left .content .anketa a {

	color: #000000;

	font-weight: normal;

	text-decoration: none;

}

#main .left .content .anketa a span {

	color: #770000;

	font-weight: bold;

}

#main .left .content .anketa a:hover {

	text-decoration: underline;

}

#main .left .content .anketa ul {

	list-style-type: none;

	width: 90%;

	text-align: left;

	margin: 0px auto;

	padding: 0 0 0.2em 0;

}

#main .left .content .anketa ul li {

	font-size: 89%;

	font-weight: bold;

	color: #ffffff;

	margin: 0.2em 0;

}

#main .left .content .anketa ul .graf {

	font-size: 0px;

	display: block;

	height: 8px;

	line-height: 0px;

	background-color: #aa0000;

}

#main .left .endleft {

	width: 156px;

	height: 5px;

	font-size: 0px;

	margin: 0px;

	background-color: #c20000;

	background-image: url('../img/left-konec-bg.png');

	background-repeat: no-repeat;

}

#main .middle {
	display: inline;
	float: left;

	width: 488px;
	overflow: hidden;
	background-color: #ffffff;

	background-image: url('../img/main-top-bg.png');

	background-repeat: repeat-x;

}

#main .middle .content {
	width: 480px;
	overflow: hidden;
	margin: 0 0 0 1px;
	background-color: transparent;
}

#main .middle .content ul {

	margin: 0.5em 2em;

}

#main .middle .content ol {

	margin: 0.5em 2em;

}

#main .middle .content ol li {

	padding: 0.2em 0;

}

#main .middle .content .spodek {

	width: 100%;

	background-color: transparent;

	text-align: center;

	line-height: 2em;

	font-size: 84%;

	color: #666666;

}

#main .middle .content .spodek .linka {

	width: 100%;

	height: 3px;

	font-size: 0px;	

	background-color: transparent;

	border-top: 1px solid #bbbbbb;

	border-bottom: 1px solid #bbbbbb;

}

#main .middle .content .spodek a {

	color: #666666;

	font-weight: normal;

}

#main .middle .content .spodek a:hover {

}

#main .right {

	float: right;

	width: 120px;
	overflow: hidden;
	background-color: #bdbdbd;

	background-image: url('../img/main-right-bg0.png');

	background-repeat: repeat-x;

}

#main .right .content {

	margin: 0 0 0 1px;

	width: 119px;

	font-size: 84%;

	background-color: #f4f4f4;

	background-image: url('../img/main-right-bg.png');

	background-repeat: repeat-x;

}

#main .right .content .akce {

	width: 95%;

	margin: 0px auto;

	text-align: left;

}

#main .right .content .akce h3 {

	color: #707070;

	margin: 2px 5px 0 0;

}

#main .right .content .akce h4 {

	color: #c20000;

	padding-bottom: 0.2em;

}

#main .right .content .akce h4 a {

	color: #c20000;

}

#main .right .content .akce h4 a:hover {

	text-decoration: none;

}

#main .right .content .akce p {

	text-align: left;

	padding-top: 0.2em;

}

#main .right .content .akce span {

	white-space: nowrap;

	font-weight: bold;

}

#kosik {

	font-weight: bold;

	font-size: 84%;

	text-align: center;

	border-bottom: 1px solid #a9a9a9;

}

#kosik .topspacer {

	height: 31px;

	background-color: transparent;

}

#kosik .veci {

	background-color: transparent;

	color: #333333;

	margin: 2px 0;

}

#kosik .veci span {

	white-space: nowrap;

}

#kosik .cena {

	background-color: transparent;

	color: #333333;

	margin: 2px 0;

}

#kosik .cena span {

	white-space: nowrap;

}



#main .endmain {

	clear: both;

	width: 778px;

	height: 10px;

	line-height: 10px;

	font-size: 0px;

	margin: 0px auto;

	background-color: transparent;

}

/*****************/

/***  Paticka  ***/

/*****************/

#bottom {

	clear: both;

	width: 778px;

	height: 50px;

	margin: 0px auto;

	background-color: #bed3e4;

	border-top: 4px solid #91b4d0;

	font-size: 84%;

	line-height: 2em;

	color: #2f74ad;

	text-indent: 4.8em;

}

#bottom a {

	color: #2f74ad;

}

#bottom a:hover {

	color: #2f74ad;

}



/***********************/

/***  Hlavni plocha  ***/

/***********************/



/* výpis novinek, clanku atd... */

.novinka {

	margin-top: 5px;

	padding: 0.5em 0;

	border-bottom: 1px solid #a9a9a9;

}

.novinka h4 {

	float: left;

	width: 60%;

	margin: 0;

}

.novinka .autor {

	float: right;

	width: 35%;

	font-size: 84%;

	padding-top: 1em;

	margin: 0;

	text-align: right;

}

.novinka .autor .pridal {

	font-weight: bold;

}

.novinka .autor .datum {

}

.novinka .autor .cena {

	color: #999999

}

.novinka .autor .cena span {

	font-weight: bold;

	color: #c20000;

}

.novinka .text {

	clear: both;

	width: 100%;

	margin: 0;

	font-size: 100%;

	text-align: justify;

}

.novinka .text ul {

	margin: 0.5em 2em;

}

.novinka .text .obrazek {
	display: inline;
	float: left;
	width: 124px;
	height: 94px;
	margin: 4px 4px 0px 4px;
	text-align: center;
	background-color: #ffffff;
	overflow: hidden;
}

.novinka .text .obrazek a {

	display: inline;
	float: left;
	width: 120px;
	height: 90px;
	margin: 0px;
	padding: 0;
	overflow: hidden;
	text-decoration: none;

	background-color: #ffffff;
	border: 2px solid #d6d6d6;

}

.novinka .text .obrazek a:hover {

	border: 2px solid #3677b1;

}

.novinka .text .obrazek a img {

	border: 0px;
/*
	width: 120px;
	height: 80px;
*/
	margin: 0px;

}

.novinka .paticka {

	clear: both;

	width: 100%;

	margin: 0;

	font-size: 100%;

	text-align: left;

}



/* výpis clanku */

.clanek {

	margin-top: 5px;

}

.clanek h2 {

	padding: 0.3em 0 0.5em 0;

}

/*h2 eshop*/

h2 .eauta {

	padding: 0.3em 0 0 1.5em;

	margin: 0;

	background: transparent url('../img/h/h4ea.gif') 0 0 no-repeat;

}

h2 .ebyty {

	padding: 0.3em 0 0 1.5em;

	margin: 0;

	background: transparent url('../img/h/h4eb.gif') 0 0 no-repeat;

}

/*h2 info*/

h2 .iauta {

	padding: 0.3em 0 0 1.5em;

	margin: 0;

	background: transparent url('../img/h/h4ia.gif') 0 0 no-repeat;

}

h2 .ibyty {

	padding: 0.3em 0 0 1.5em;

	margin: 0;

	background: transparent url('../img/h/h4ib.gif') 0 0 no-repeat;

}



.clanek .autor {

	font-size: 84%;

	text-align: right;

}

.clanek .autor .pridal {

	color: #666666;

	font-weight: bold;

}

.clanek .autor .datum {

}

.clanek .header {

	font-size: 84%;

	text-align: right;

	color: #666666;

	font-weight: bold;

}

.clanek .text {

	clear: both;

	width: 100%;

	margin: 0;

	font-size: 100%;

	text-align: justify;

}

.clanek .text ul {

	margin: 0.5em 2em;

}

.clanek .text .obrazek a {

	display: block;
	float: left;

	width: auto;

	height: auto;

	margin-right: 5px;

	text-decoration: none;

	text-align: center;

	background-color: #d6d6d6;

}

.clanek .text .obrazek a:hover {

	background-color: #3677b1;

}

.clanek .text .obrazek a img {

	border: none;

	width: auto;

	height: auto;

	margin: 2px;

}

.clanek .dalsi-clanky {

	width: 100%;

	margin: 0;

	padding: 0;

	font-size: 100%;

	text-align: center;

}

.clanek .dalsi-clanky .vnitrek {

	width: 400px;

	margin: 0px auto;

	padding: 5px 0;

	text-align: left;

}



.clanek .dalsi-clanky .vnitrek h4 {

	font-size: 100%;

	color: #3677b1;

	padding: 0;

}

.clanek .paticka {

	clear: both;

	width: 100%;

	margin: 0;

	padding: 3px 0 5px 0;

	font-size: 100%;

	text-align: left;

	text-indent: 1em;

	background-color: #99ccff;

	border-top: 1px solid #a9a9a9;

	border-bottom: 1px solid #a9a9a9;

}

.clanek .paticka a {

	color: #000000;

	text-decoration: none;

}

.clanek .paticka a:hover {

	color: #000000;

	text-decoration: underline;

}



.clanek .produkt-tabulka {

	padding-bottom: 1em;

}

.clanek .produkt-tabulka table {

	background-color: transparent;

}

.clanek .produkt-tabulka table tr {

}

.clanek .produkt-tabulka table th {

	text-align: right;

	white-space: nowrap;

	vertical-align: top;

	font-weight: bold;

	font-size: 89%;

	padding: 0.2em 0;

}

.clanek .produkt-tabulka table td {

	text-align: left;

	font-size: 89%;

	font-weight: normal;

	padding: 0.2em 0;

}





/*Fotogalerie pod článkem a produktem*/

.fotogalerie {

	border-top: 1px solid #a9a9a9;

	border-bottom: 1px solid #a9a9a9;

	text-align: center;

}

.fotogalerie .vnitrek {

	width: 400px;

	margin: 0px auto;

	padding: 5px 0;

}

.fotogalerie .vnitrek h4 {

	font-size: 100%;

	color: #3677b1;

	padding: 0;

}

.fotogalerie a {

	display: block;

	float: left;

	width: 124px;

	height: 94px;

	margin: 4px;

	text-decoration: none;

	background-color: #d6d6d6;

}

.fotogalerie a:hover {

	background-color: #3677b1;

}

.fotogalerie a img {

	border: 0px;

	width: 120px;

	height: 90px;

	margin: 2px;

}

/*formulář pod článkem a produktem*/

.dotaz {

	text-align: center;

}

.dotaz .vnitrek {

	margin: 0px auto;

	padding: 5px 0;

}

.dotaz .vnitrek h4 {

	font-size: 100%;

	color: #3677b1;

	padding: 0;

}

.dotaz fieldset {

	padding: 1em;

	font-size: 84%;

	text-align: left;

	border: 1px solid #a9a9a9;

}

.dotaz label {

	float: left;

	width: 22%;

	margin-right: 0.5em;

	padding-top: 0.2em;

	text-align: right;

	font-weight: bold;

}

.dotaz legend {

	padding: 0.2em 0.5em;

	color: #3677b1;

	font-size: 112%;

	font-weight: bold;

	text-align: right;

}

.dotaz textarea {

	width: 70%;

	height: 100px;

}

.dotaz .buttonky {

	text-align: center;

}

.dotaz .buttonky input {

	padding: 0.2em;

	margin: 0.2em 0.5em;

	color: #ffffff;

	font-weight: bold;

	border: 1px solid #225599;

	background-color: #286ea7;

}



/*výpis produktů po 3 na řádek*/

.vypis {

	width: 100%;

	text-align: center;

}

.vypis .cleaner {

	width: 100%;

	height: 10px;

}

.vypis .produkt-okno {

	float: left;

	width: 160px;

	background-color: #ffffff;

	background-image: url('../img/produkt-title-bg.png');

	background-position: 0 0;

	background-repeat: no-repeat;

	text-align: center;

}

.vypis .produkt-okno:hover {

	background-position: -160px 0;

}

.vypis .produkt-okno .title {

	text-align: center;

	background-color: transparent;

}

.vypis .produkt-okno .title h3 {

	color: #000000;

	text-align: center;

	font-size: 89%;

	border: 0;

	padding: 0.5em 0.2em;

	line-height: 1em;

	background-color: transparent;

}

.vypis .produkt-okno .title a {

	color: #000000;

	text-decoration: none;

}

.vypis .produkt-okno .title a:hover {

	color: #000000;

	text-decoration: underline;

}

.vypis .produkt-okno .fotka {

	width: 100%;

	text-align: center;

	background-color: transparent;

}

.vypis .produkt-okno .fotka a {

	display: block;

	width: 120px;

	height: 90px;

	margin: 0px auto;

	text-decoration: none;

	background-color: #ffffff;
	border: 2px solid #d6d6d6;
}

.vypis .produkt-okno .fotka a:hover {

	border: 2px solid #77aaff;

}

.vypis .produkt-okno .fotka a img {

	border: 0px;
/*
	width: 120px;

	height: 90px;
*/
	margin: 0px;

}

.vypis .produkt-okno .cena {

	font-size: 89%;

	line-height: 2em;

	color: #c20000;

	text-align: center;

	font-weight: bold;

}

.vypis .produkt-okno .popis {

	width: 144px;

	margin: 0px auto;

	font-size: 74%;

	text-align: left;

}

.vypis .produkt-okno .do-kosiku {

	width: 144px;

	height: 16px;

	margin: 0px auto;

	font-size: 89%;

	font-weight: bold;

	color: #ffffff;

	text-align: left;

	text-indent: 30px;

	border-bottom: 1px solid #bcd2e4;

}

.vypis .produkt-okno .do-kosiku a {

	display: block;

	width: 144px;

	height: 16px;

	line-height: 16px;

	font-weight: bold;

	text-decoration: none;

	color: #ffffff;

	background-color: #7799dd;

	background-image: url('../img/do-kosiku-bg.gif');

	background-position: left;

	background-repeat: no-repeat;

}

.vypis .produkt-okno .do-kosiku a:hover {

	background-color: #d22222;

	background-position: right;

}

.vypis table {

	width: 100%;

	font-size: 89%;

	background-color: #ceddff;

}

.vypis table .bily {

	background-color: #ffffff;

}

.vypis table .sedy {

	background-color: #eeeeee;

}

.vypis table tr:hover {

	background-color: #ffdddd;

}

.vypis table th {

	background-color: #bed3e4;

	padding: 0.2em 0;

	font-weight: bold;

	text-align: center;

}

.vypis table td {

	text-align: center;

	padding: 0.2em 0;

}

.vypis table a {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

	padding: 0;

}

.vypis table a:hover {

	text-decoration: underline;

	color: #000000;

}

.vypis table img {

	margin: 0;

	padding: 0;

	border: 0;

}

.vypis table .vypis-akce {

	width: 5%;

}

.vypis table .vypis-nazev {

	width: 30%;

}

.vypis table .vypis-vyrobce {

	width: 20%;

}

.vypis table .vypis-lhuta {

	width: 15%;

}

.vypis table .vypis-cena {

	width: 20%;

}

.vypis table .vypis-koupit {

	width: 10%;

}



/*navigační lišta */

.navigace {

	width: 100%;

	margin: 0.5em 0;

	background-color: #ceddff;

}

.navigace .stranky {

	float: left;

	width: 55%;

	text-align: left;

	font-size: 100%;

	line-height: 1em;

	padding: 0.2em;

}

.navigace .stranky a {

	color: #666666;

	font-weight: normal;

	text-decoration: underline;

}

.navigace .stranky a:hover {

	color: #333333;

	text-decoration: none;

}

.navigace .zpusob-vypisu {

	clear: left;

	float: left;

	width: 55%;

	text-align: left;

	font-size: 100%;

	line-height: 1.5em;

	padding: 0.2em;

}

.navigace .zpusob-vypisu a {

	color: #666666;

	font-weight: bold;

	text-decoration: underline;

}

.navigace .zpusob-vypisu a:hover {

	color: #333333;

	text-decoration: none;

}

.navigace .razeni {

	float: right;

	width: 40%;

	text-align: right;

	font-size: 100%;

	line-height: 1em;

	font-weight: normal;

	padding: 0.2em;

}

.navigace .razeni select {

	height: 15px;

	font-size: 100%;

	background-color: #eeeeee;

	border: 0;

}

.navigace .zobrazeni {

	clear: right;

	float: right;

	width: 40%;

	text-align: right;

	font-size: 100%;

	line-height: 1em;

	font-weight: normal;

	padding: 0.2em;

}	

.navigace .zobrazeni select {

	height: 15px;

	font-size: 100%;

	line-height: 1em;

	background-color: #eeeeee;

	border: 0;

}



/*vypis nakupniho kosiku*/

.nakupni-kosik {

	width: 100%;

}

.nakupni-kosik .obrazek {

	float: left;

	width: 200px;

	height: 200px;

	background-color: #fff;

}

.nakupni-kosik fieldset {

	float: right;

	width: 250px;

	padding: 1em;

	font-size: 84%;

	text-align: left;

	border: 1px solid #a9a9a9;

}

.nakupni-kosik label {

	float: left;

	width: 36%;

	margin-right: 0.5em;

	padding-top: 0.2em;

	text-align: right;

	font-weight: bold;

}

.nakupni-kosik legend {

	padding: 0.2em 0.5em;

	color: #3677b1;

	font-size: 112%;

	font-weight: bold;

	text-align: right;

}

.nakupni-kosik table {

	clear: both;

	padding-top: 10px;

	width: 100%;

	font-size: 89%;

}

.nakupni-kosik table .bily {

	background-color: #ffffff;

}

.nakupni-kosik table .sedy {

	background-color: #eeeeee;

}

.nakupni-kosik table tbody tr:hover {

	background-color: #ffdddd;

}

.nakupni-kosik table tfoot tr {

	background-color: #ceddff;

}

.nakupni-kosik table th {

	background-color: #bed3e4;

	padding: 0.2em 0;

	font-weight: bold;

	text-align: center;

}

.nakupni-kosik table td {

	text-align: center;

	padding: 0.2em 0;

}

.nakupni-kosik table a {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

	padding: 0;

}

.nakupni-kosik table a:hover {

	text-decoration: underline;

	color: #000000;

}

.nakupni-kosik table img {

	margin: 0;

	padding: 0;

	border: 0;

}

.nakupni-kosik table .vypis-nazev {

	width: 30%;

}

.nakupni-kosik table .vypis-vyrobce {

	width: 15%;

}

.nakupni-kosik table .vypis-lhuta {

	width: 15%;

}

.nakupni-kosik table .vypis-pocet {

	width: 10%;

}

.nakupni-kosik table .vypis-cena {

	width: 20%;

}

.nakupni-kosik table .vypis-koupit {

	width: 10%;

}

.nakupni-kosik .nakupni-kosik-info {

	text-align: center;

	margin: 0px auto;

	margin-top: 10px;

	padding: 5px;

	background-color: transparent;

	border: 1px solid #a9a9a9;

}

.nakupni-kosik .nakupni-kosik-info select {

	height: 15px;

	font-size: 89%;

	background-color: #eeeeee;

	border: 1px solid #aaaaaa;

}

.nakupni-kosik .nakupni-kosik-tlacitka {

	padding: 10px;

}

.nakupni-kosik .nakupni-kosik-tlacitka input {

	padding: 0.2em;

	margin: 0.2em 0.5em;

	color: #ffffff;

	font-weight: bold;

	border: 1px solid #990000;

	background-color: #c20000;

}

.nakupni-kosik .nakupni-kosik-tlacitka input:hover {

	padding: 0.2em;

	margin: 0.2em 0.5em;

	color: #000000;

	font-weight: bold;

	border: 1px solid #990000;

	background-color: #c20000;

}



/* mapa webu */

.sitemap {

}

.sitemap ul {

	text-align: left;

}

.sitemap ul .inner {

	margin-left: 2em;

	list-style-type: circle;

}

/* chybova stranka */

.chybova-stranka ul {

	text-align: left;

	margin: 0.5em 2em;

}

.chybova-stranka fieldset {

	padding: 1em;

	font-size: 84%;

	text-align: left;

	border: 1px solid #a9a9a9;

}

.chybova-stranka label {

	float: left;

	width: 22%;

	margin-right: 0.5em;

	padding-top: 0.2em;

	text-align: right;

	font-weight: bold;

}

.chybova-stranka legend {

	padding: 0.2em 0.5em;

	color: #3677b1;

	font-size: 112%;

	font-weight: bold;

	text-align: right;

}

.chybova-stranka textarea {

	width: 70%;

	height: 100px;

}

.chybova-stranka .buttonky {

	text-align: center;

}

.chybova-stranka .buttonky input {

	padding: 0.2em;

	margin: 0.2em 0.5em;

	color: #ffffff;

	font-weight: bold;

	border: 1px solid #225599;

	background-color: #286ea7;

}



.diskuze {

  background: #ffffff;

}

.diskuze table {

  margin: 0 0 5px 0;

  background: #CFE3FF;

  padding: 0;

  border-bottom: 3px solid #aaaaaa;

  border-top: 3px solid #aaaaaa;

  color: #333333;

}

.diskuze table th, 

.diskuze table td {

  margin: 0;

  padding: 0;

  line-height: 1.4em;

  font-size: 110%;

}

.diskuze table td {

  border-bottom: 1px solid #aaaaaa;

  text-align: left;

}

.diskuze table .autor td {

  border: none;

  font-style: italic;

}

.diskuze table .datum td {

  border: none;

  font-size: 90%;

  line-height: 1.2em;

  font-style: italic;

}

.diskuze table .predmet td {

  font-weight: bold;

  line-height: 1.2em;

}

.diskuze table .text_diskuze td {

  border: none;

  line-height: 1.2em;

}
.left form.searchform {
	border: none;
	height: 21px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #c20000;
}

.left .searchform label {
	display: none;
}
.left .searchform input {
	display: inline;
	float: left;
	width: 100px;
	height: 11px;
	font-size: 9px;
	border: 1px solid #777777;
	padding: 2px 5px;
	margin: 2px 2px 2px 5px;
	background: #ffffff;
	color: #555555;
}
.left .searchform button {
	display: inline;
	float: left;
	width: 29px;
	height: 17px;
	border: none;
	overflow: hidden;
	padding: 0;
	text-indent: 29px;
	margin: 2px;
	background: url('../img/searchbutton.png') no-repeat left top;
	color: #ffffff;
	cursor: pointer;
}
.middle .searchform {
	text-align: left;
	margin: 10px;
}


.default_size {
	width: auto !important;
	height: auto !important;
}

.clanek .produkt-tabulka tr.cenaSDph {
}
.clanek .produkt-tabulka tr.cenaBezDph {
}

.clanek .produkt-tabulka th.cenaSDph_th {
	font-size: 100%;
	vertical-align: middle;
}
.clanek .produkt-tabulka th.cenaBezDph_th {
	font-size: 100%;
	vertical-align: middle;
}

.clanek .produkt-tabulka td.cenaSDph_cena {
	font-size: 120%;
	color: #b50000;
	font-weight: bold;
}
.clanek .produkt-tabulka td.cenaBezDph_cena {
	font-size: 100%;
	color: #b50000;
	font-weight: bold;
}
.clanek .produkt-tabulka td.cenaSDph_predSlevou {
	font-size: 100%;
	text-decoration: line-through;
	font-weight: normal;
}
.clanek .produkt-tabulka td.cenaSDph_poSleve {
	font-size: 120%;
	font-weight: bold;
	color: #b50000;
}

.clanek .produkt-tabulka a, 
.clanek .produkt-tabulka a.tlacitkoDoKosiku {
	display: block;
	width: 93px;
	height: 28px;
	line-height: 28px;
	padding: 0 10px 0 40px;
	overflow: hidden;
	background: url('../img/dokosiku.png') no-repeat left top;
	color: #ffffff;
	text-decoration: none;
}
.clanek .produkt-tabulka a:hover, 
.clanek .produkt-tabulka a.tlacitkoDoKosiku:hover {
	background: url('../img/dokosiku.png') no-repeat right top;
}


.odkaz-vygenerovat{
  display: block;
  background: #c20000;
  border: 1px solid #000;
  padding: 5px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.odkaz-vygenerovat:hover{
  text-decoration: underline;
  color: #fff;
}
.report-z-xml{
  background: #eee;
  border: 1px solid #333;
  font-size: 0.9em;
  padding: 5px;
  margin-top: 5px;
}

.vypis-spacer{
  width: 5%;
}
.vypis-nazevvyrobce{
  width: 70%;
}
.vypis-pocetproduktu{
  width: 25%;
}


form.addToCart input.ks{
  width:    30px;
  height:   21px;
  padding-top:  6px;
  
}
form.addToCart input.add{
  width:    125px;
  height:   28px;
  background:url("../img/dokosiku.png");
  text-align: right;
  font-weight: bold;
  padding-right: 10px;
  border:     0px;
  color:      #fff;
  cursor:     pointer;
}

#main td.neplatnaCenaInfo a {
	padding: 0px;
	background: white;
	color: rgb(54, 119, 177);
	display: inline;
	height: auto;
	line-height: 13px;
	width: auto;
	text-decoration: underline;
}
#main td.neplatnaCenaInfo a:hover {
	text-decoration: none;
}