a {
	color: black;
}

a:hover {
  	color: blue;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: sans-serif;
}

h1 {
  	margin: 0px;
  	margin-bottom: 1ex;
  	padding: 0px;
  	font-size: 130%;
}

h1.model {
	margin: 0px;
	padding: 3px 4px 0px 4px;
	font-size: 130%;
	border: 1px solid #000 ;
	text-align: center;
}
h1 a.link_button {
	font-size: 77%;
	font-weight: normal;
}

td {
	text-align: left;
}

th {
	text-align: left;
	border-bottom: dashed 2px #333333;
}

table.b
{
	border: solid #000 ;
	border-width: thin ;
}

td.b, th.b
{
	border: solid #bbb ;
	border-width: thin ;
	padding: 2px ;
}

table.header { width: 100%; border: solid #008; border-width: 0 0 4px 0; padding: 0 20px; background: url('modr.jpg'); }

table.content { width: 100%; border: none; }


td.contentl { vertical-align: top; width: 155px; padding: 15px 30px 20px 15px;}
td.contentr { vertical-align: top; padding: 20px 20px 0 0; }

table.footer { width: 100%; border: solid #008; border-width: 4px 0 0 0; background: url('modr.jpg'); }

div.diely-head { width: 100%; border: 0 }
div.modely { margin: 0 0 0 20px; font-size: 80%; font-style: italic; color: #808080 }
h1.diely-head-mark { padding: 0 0 0 1em; }
h1.diely-head-model { padding: 0 0 0 2em; }
table.diely-head { width: 100%; border: 0 }


/*tr.dielyh { background-color: #AAFFAA; }*/          /* zelena  */
tr.dielyh { background-color: #D5D5FF; }          /* modra  */
/*tr.dielyh { background: url('modr.jpg'); }*/          /* modre pozadie  */
/*tr.dielyh { background-color: #D4D4D4; }*/          /* siva    */
tr.diely0 { margin: 5px 0; }
/*tr.diely1 { background-color: #DDFFDD; }*/      /* zelena  */
tr.diely1 { background-color: #EEEEFF; }      /* modra  */
/*tr.diely1 { background-color: #EEEEEE; }*/      /* siva    */
td.dielr, th.dielr { padding: 3px 20px 3px  0px; border-bottom: 0px; }
td.diel,  th.diel  { padding: 3px  0px 3px  0px; border-bottom: 0px; }
td.diell, th.diell { padding: 3px  0px 3px 20px; border-bottom: 0px; text-align: right; }
td.dielf, th.dielf { padding: 3px  0px 3px  5px; border-bottom: 0px; text-align: right; }
td.o1, th.o1 { font-weight: bold; }
td.o2, th.o2 { text-align: justify; }
img.diely {
	border: 0;
	vertical-align: middle;
}


img.dielyram {
	border: 1px solid #888;
	vertical-align: middle;
}



span.opis { font-weight: bold; }
span.opisakcia { font-weight: bold; color: #f00 }
span.opisakciaeur { font-weight: bold; color: #f6f }
span.akcia { color: #f00 }
span.eur { color: #66f }
span.akciaeur { color: #f6f }
div.opis { margin: 0 0 0 30px; }
table.opis { margin: 0 0 0 30px; }
td.opis { padding-right: 10px; margin: 0 0 0 30px; vertical-align: top; }
td.ceny { padding: 0 0.5em 0 1.5em; text-align: right; }
td.kurz { padding: 0 0.5em 0 1.5em; text-align: left; }


hr
{
	height: 2px;
	color: #008;
	background-color: #008;
	border: 0px solid #008;
}

.hint {
  	font-size: 80%;
}

.link_button a:link {
	color: black;
	text-decoration: none;
}

.link_button:hover {
	background: #d3d3d3 url('graystripe.png');
	color: blue;
}

.link_kat {
	font-weight: bold;
	text-decoration: none;
}

.link_kat:hover {
	background: #e3e3e3 url('graystripe_light.png');
	color: blue;
}

.link_diel {
	text-decoration: none;
}

.link_diel:hover {
	background: #e3e3e3 url('graystripe_light.png');
	color: blue;
}

.navigation {
	left: 0px;
	width: 155px;
	color: black;
}

.navigation a {
	color: black;
	display: block;
	font-weight: bold;
	width: 100%;
	border: solid #008 1px;
	margin: 0 0 2px 0;
	padding: 4px;
	background: url('modr.jpg');
	text-decoration: none;
}

.navigation a:hover {
	background: url('modr2.jpg');
	border: solid #008 2px;
	padding: 3px;
	color: black;
}

.navigation form {
	color: black;
	display: block;
	width: 100%;
	border: solid #008 1px;
	margin: 0 0 2px 0;
	padding: 4px;
	background: url('modr.jpg');
	font-size: 75%;
	text-decoration: none;
}

.pager {
	width: 2em;
}

.panel {
  	display: block;
  	position: relative;
  	background: #DDDDDD url('graystripe.png');
  	width: 105px;
  	height: 140px;
  	padding: 5px;
  	border: solid white 1px;
  	text-align: center;
  	float: left;
  	font-size: 80%;
  	color: black;
  	text-decoration: none;
}

.panel:hover {
  	color: blue;
  	background: #D6D6d6 url('graystripe_dark.png');
}

.panel span {
  	text-decoration: underline;
}

.panel img {
  	width: 100px;
  	height: 75px;
  	margin-left: auto;
  	margin-right: auto;
  	margin-bottom: 0px;
  	border: solid white 1px;
}

.panel .corner {
	display: block;
  	width: 10px;
  	height: 10px;
	background: url('corner.png');
	background-position: bottom;
	position: absolute;
	right: -1px;
	bottom: -1px;
	background-repeat: no-repeat;
}

.reserve {
	width: 13em;
	font-size: 80%;
}

.submit {
  	background: #cc0000 url('onepx_left_bottom.png');
  	background-position: 0px -8px;
  	color: white;
}

.submit:hover {
  	background: url('graystripe.png');
  	color: black;
}

.submit-disabled {
  	background: #cccccc url('graystripe.png');
  	background-position: 0px -8px;
}

.text {
	max-width: 30em;
}

.textparts {
	mmargin-left: 20px; 
	text-align: justify;
	max-width: 50em;
}

.top {
  	padding-top: 0px;
  	margin-top: 0px;
}

#description {
	border-top: dashed 2px #333333;
	border-bottom: dashed 2px #333333;
	background: url('graystripe.png');
	width: 22em;
	font-size: 90%;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
}
	
#description td {
	width: 11em;
}

.value {
	text-align: right;
	background: white;
	width: 11em;
}
	
#photo {
	text-align: center;
	border-top: dashed 2px #333333;
	border-bottom: dashed 2px #333333;
	background: url('graystripe.png');
	padding-top: 4px;
	padding-bottom: 4px;
}

#photo img {
	border: solid 2px #aaaaaa;
}

#header {
	position: relative;
	padding-top: 10px;
	padding-bottom: 15px;
	background: url('background_top.png');
	background-repeat: no-repeat;
	background-position: 0px -10px;
}

#logo {
	position: absolute;
	left: 0px;
	top: 25px;
	color: #17165e;
}

#newsletter {
	width: 100%;
	border: solid #008 1px;
	margin: 5px 0px;
	padding: 3px 5px 5px 5px;
	font-size: 75%;
	background: url('modr.jpg');
}

#newsletter form {
	margin: 0px;
}

#right-panel {
 	margin-left: 170px;
 	margin-top: 10px;
	padding-left: 30px;
	background: white;
	border: none;	
/* 	border: solid green 1px;	 */
	color: black;
	font-size: 100%
}

.selector{
	float: right;
	width: 5.5em;
	text-align: center;
	color: black;
}

.selector img{
	border: solid 1px black;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.selector a {
	color: black;
}