@import url("inicializace.css");



/* ----------------------------------------------- */

/* ----- Obecné definice pro všechny stránky ----- */

/* ----------------------------------------------- */



/* ----- Definice písma ----- */

body, div, table,

form, fieldset, input, select, textarea,

h1, h2, h3, h4, h5, h6, p, ul, ol, li {

	font-size: 11px;

	font-family: Tahoma;

	color: #222222

}



/* ----- Definice odstavců ----- */

h1 {

	font-weight: bold;

	font-size: 1.2em;

	text-align: left;

	text-transform: uppercase;

	margin: 20px 0px 7px 0px;

}



h2 {

	font-weight: bold;

	font-size: 1.2em;

	text-align: left;

	margin: 0px 0px 7px 0px

}



h3 {

	font-weight: bold;

	font-size: 1em;

	text-align: left;

	margin: 15px 0px 7px 0px

}



p {

	text-align: left;

	margin: 7px 0px 7px 0px

}



ol, ul {

	text-align: left;

	margin: 4px 0px 7px 20px;

	padding: 0px

}



li {

	margin: 3px 0px 0px 0px;

	padding: 0px

}



/* ----- Definice odkazů ----- */

a {

	color: #26A7F7;

	text-decoration: none;

}



a:hover {

  color: #26A7F7;

	text-decoration: underline;

}





/* ----- Definice tabulek ----- */

table {



}

table tr.pozadi {

	background-color: #FBF1B4

}



a.reg {

	color: #ffffff;

	text-decoration: none;

	float:right;

}



a.reg:hover {

	color: #ffffff;

	text-decoration: underline;

}





/* ------------------------------------ */

/* ----- Definice hlavních oddílů ----- */

/* -------------------------------------*/





body {

	background: #fefeff url('../design/poz_body.gif') repeat-x 0 -75px;

}



div.stranka {

	position: relative;

	width: 934px;

	font-size: 0.75em;

	margin-top: 0px;

	padding: 0px 0px 100px 0px;

	background: transparent;

}



/* ----- Definice záhlaví ----- */

div.zahlavi {

	position: relative;

	width: 934px;

	height: 188px;

	text-align: left;

	padding: 0px;

	margin-bottom: 12px;

	padding-top: 10px;

	background: url(../design/meduza_s.gif) no-repeat 340px 0px;

}



div.zahlavi img.logo {

	position: absolute;

	top: 10px;

	left: 0px;

}



div.kosikPrihlaseni{

  position: absolute;

  top: 20px;

  right: 265px;

  width:450px;

}



div.zahlavi div.kosikVyhledavani {

	position: absolute;

	top: 12px;

	right: 0px;

	height: 90px;

}



div.zahlavi div.kosikVyhledavani a {

	color: #2290b4;

	text-decoration: none;

}



div.zahlavi div.kosikVyhledavani a:hover {

	color: #2290b4;

	text-decoration: underline;

}



div.zahlavi div.kosikVyhledavani p.kosik {

	font-size: 11px;

	line-height: 25px;

	color: #08306B;

	text-align: left;

	margin: 0px;

	margin-left: 20px;

}



div.zahlavi div.kosikVyhledavani p.kosik img {

	float: right;

	margin-left: 20px;

}



div.zahlavi div.kosikVyhledavani p.sleva {

	font-size: 11px;

	line-height: normal;

	color: #08306B;

	text-align: right;

	padding: 0px;

	margin: 2px 0px 5px 0px;

}



div.zahlavi div.kosikVyhledavani form.vyhledavani {

	text-align: right;

	margin-top: 10px;

}



div.zahlavi div.kosikVyhledavani form.vyhledavani input.vyhledej {

	position: relative;

  margin-left: 10px;

	width: 100px;

	float: right;

	width: 188px;

	height: 14px;

	border-width: 0;

	padding: 5px;

	color: #999999;

	background-image: url(../design/input_hledej.gif);

}



div.zahlavi div.hlpopis {

  font-family: Times New Roman;

	position: absolute;

	top: 155px;

	right: 0px;

	font-size: 16px;

	color: #1d3c49;

	text-transform: none;

	margin: 0px;

	padding: 0px;

}



div.zahlavi div.hlpopis h1 {

  font-family: Times New Roman;

  font-size: 25px;

  text-transform: none;

  font-weight: normal;

  color: #ffffff;

  padding: 0;

  margin: 0;

}



/* ----- Definice hlavního menu ----- */

div.hlmenu {

	position: relative;

	text-align: center;

	width: 934px;

/*	width: 912px;*/

	height: 36px;

	z-index: 5;

	position: absolute;

	top: 107px;

	left: 0;

}



div.hlmenu ul {

	padding: 0px;

	margin: 0px auto;

}



div.hlmenu ul li {

	color: #FFFFFF;

  display: inline-block;

  float: left;

  font-size: 12px;

  font-weight: bold;

  list-style: none outside none;

  margin: 0;

  padding: 0;

  text-align: center;

  width: 12.5%;

  *width: 12.4%;

}



div.hlmenu ul li a {

  background: url("../design/menu.gif") no-repeat scroll center center transparent;

  color: #FFFFFF;

  display: block;

  line-height: 36px;

  padding: 0 0;

  text-decoration: none;

}



div.hlmenu ul li a:hover,

div.hlmenu ul li a.vybrano {

	color: #ffffff;

	background: url(../design/menu_on.gif) no-repeat center center;

}



div.hlmenu ul li.posledni {

	border: none;

}



div.hlmenu ul li.posledni a {

  background-position: right center;

}



div.hlmenu ul li.prvni a {

  background-position: left center;

}



/* ----- Definice levého sloupce ----- */

div.levySloupec {

	position: relative;

  float: left;

	width: 258px;

	min-height: 200px;

	text-align: left;

	/*margin-top: 6px;*/

}



div.levySloupec div {

	position: relative;

	width: 256px;

	_height: 50px;

	padding-bottom: 5px;

}



div.levySloupec div.novinkyL {

  background: url(../design/novinky.gif) no-repeat top;

  min-height: 96px;

}



div.levySloupec div.novinkyL img {

  margin: 0 10px 0 0;

}



div.levySloupec div.novinkyL div.nadpis {

  margin-bottom: 10px;

}



div.levySloupec div.naseNabidka {

  background: #b5d4fb url(../design/m_top.gif) no-repeat top;

  min-height: 292px;

  margin-bottom: 20px;

}



div.levySloupec div.naseNabidka div.d {

  background: #b5d4fb url(../design/m_bottom.gif) no-repeat bottom;

}



div.levySloupec div div {

  width: 248px;

	padding: 0px 5px 0px 5px;

}



div.levySloupec div div div {

  width: auto;

	padding: 0px;

  background: transparent;

}



div.levySloupec div div.nadpis {

	width: 223px;

	height: 27px;

	font-weight: bold;

	line-height: 27px;

	color: #0b4ea2;

	font-size: 14px;

	padding: 0px 15px 0px 20px;

}



div.levySloupec div div.d {

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 256px;

	height: 10px;

	_font-size: 0px;

	_line-height: 0px;

	padding: 0px;

}

div.levySloupec div div ul.U10{

	margin: 0px;

	  width: 229px;

	padding: 4px 0px 7px 20px;

}

div.levySloupec div div ul.U10 li {

  list-style-image: url('../design/produkty_odrazkyU10.gif');

	color: #ffffff;

	margin: 1px 0px 1px 0px;

	padding: 0px;

	font-size: 14px;

	font-weight: bold;

}



div.levySloupec div div ul.U10 li.vybrano {

  list-style-image: url('../design/produkty_odrazkyU10a.gif');

}

div.levySloupec div div ul.U20{

	margin: 0px;

	  width: 229px;

	padding: 4px 0px 7px 0px;

}

div.levySloupec div div ul.U10 li div.U20_top {

  margin: 10px 0px 0px 0px;

  padding: 0px;

  height: 5px;

  width: 229px;

  background: url(../design/pod_top.gif) no-repeat left bottom;

}



div.levySloupec div div ul.U10 li div.U20_bottom {

  margin: 0px 0px 10px 0px;

    padding: 0px;

  height: 5px;

  width: 229px;

  background: url(../design/pod_bottom.gif) no-repeat left top;

}



div.levySloupec div div ul.U10 li ul.U20 {

  padding: 0px;

  margin: -1px 0px -1px 0px;

  background: #4f9af7;

  width: 229px;

}



div.levySloupec div div ul.U10 li ul.U20 li {

  list-style: none inside url();

  font-size: 11px;

  font-weight: normal;

  width: 229px;

}



div.levySloupec a {

  color: #053168;

	text-decoration: none;

}



div.levySloupec a:hover,

div.levySloupec a.vybrano:hover {

  color: #0b4ea2;

	text-decoration: none

}



div.levySloupec a.vybrano {

  color: #0b4ea2;

	text-decoration: none

}









div.levySloupec div div ul.U10 li ul.U20 li a {

  color: #fff;

	text-decoration: none;

	display: block;

	/*width: 200px; */

	margin: 0px;

	padding-left: 19px;

	min-height: 16px;
  _height: 16px;
	line-height: 15px;

	background: url(../design/pod_off.gif) no-repeat left top;

}



div.levySloupec div div ul.U10 li ul.U20 li a:hover,

div.levySloupec div div ul.U10 li ul.U20 li a.vybrano:hover {
  color: #222;
	text-decoration: none;
	background: url(../design/pod_on.gif) no-repeat left 0px;
}



div.levySloupec div div ul.U10 li ul.U20 li a.vybrano {

  color: #3399ff;

	text-decoration: none;

	background: url(../design/pod_on.gif) no-repeat left top;

}







/* ----- Definice hlavního okna ----- */

div.hlokno {

	position: relative;

	float: right;

	width: 665px;

	text-align: left;

	min-height: 250px;

	_height: 250px;

	padding: 0px 0px 20px 0px;

	margin: 0;

}



table, div {

	margin: 0px;

}



div.hlokno div.h,

div.hlokno div.d {

	position: absolute;

	left: 0px;

	width: 645px;

	height: 10px;

	_font-size: 0px;

	_line-height: 0px;

}



div.hlokno div.h {

	top: 0px;

	background: url('../design/poz_hlokno_h.gif');

}



div.hlokno div.d {

	bottom: 0px;

	background: url('../design/poz_hlokno_d.gif');

	

}



div.hlokno h1 {

	font-weight: bold;

	font-size: 1.2em;

	text-align: center;

	text-transform: none;

	color: #042961;

	margin: 0px 0px 7px 0px;

	padding: 0px 0px 2px 0px;

}





/* ----- Definice pravého sloupce ----- */

div.pravySloupec {

    position: relative;

    float: right;

	width: 195px;

	min-height: 200px;

	text-align: left;

	/*margin-top: 6px;*/

}



div.pravySloupec div {

	position: relative;

	width: 195px;

	_height: 50px;

	padding-bottom: 20px;

	background: #FC9D03 url('../design/poz_pravySloupec.gif');

}



div.pravySloupec div div {

    width: 160px;

	padding: 0px 15px 0px 20px;

}



div.pravySloupec div div div {

    width: auto;

	padding: 0px;

	background: transparent;

}



div.pravySloupec div div div.partneri {

	margin: 10px 0px 0px 0px;

}



div.pravySloupec div div div.partneri img {

	margin: 0px 0px 10px 0px;

}



div.pravySloupec p.partneri {

	color: #12499C;

	margin: 0px;

}



div.pravySloupec div div.nadpis {

	width: 160px;

	height: 27px;

	font-weight: bold;

	line-height: 27px;

	color: #FFFFFF;

	padding: 0px 15px 0px 20px;

	background: #FC9D03 url('../design/poz_pravySloupec_nadpis.gif');

}



div.pravySloupec div div.d {

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 195px;

	height: 10px;

	_font-size: 0px;

	_line-height: 0px;

	padding: 0px;

	background: #FC9D03 url('../design/poz_pravySloupec_d.gif');

}



div.pravySloupec a {

    color: #12499C;

	text-decoration: none

}



div.pravySloupec a:hover,

div.pravySloupec a.vybrano {

    color: #FFFFFF;

	text-decoration: underline

}









table.form {

	margin: 0px auto;

}



table.form tr.s {

	display: none;

}



table.form td {

	text-align: left;

	padding: 3px;

}



table.form td.label {

	text-align: right;

	font-weight: bold;

}



table.form td.label span.povinne {

	color: #0773BA;

}



table.form td.submit {

	text-align: center;

	padding-top: 10px;

	border-top: 1px solid #0773BA;

}



table.form td input,

table.form td textarea,

table.form td select {

	width: 300px;

}



table.form td textarea {

	height: 120px;

}



table.form td.submit input {

	width: auto;

}



table.kalkulacka td input {

	width: 70px;

}





div.chyba {

	color: #FFFFFF;

	padding: 0px 10px 0px 10px;

	background: #CD0000;

}



div.chyba p {

	color: #FFFFFF;

}









div.vypisClankuUvod {

	xfloat: right;

	xwidth: 260px;

}



input.tlacitko{

	background: url(../design/button.gif) no-repeat;

	border-width:0px;

	width: 66px;

	height: 17px;

	color: #ffffff;

	font-weight: bold;

	font-size: 11px;

}



div.novinkyakce {

  width: 665px;

  margin-bottom: 10px;

}



div.novinkyakce div.obal{

  margin: 0;

  display: inline;

  float: left;

  width: 322px;

  padding: 5px;

  position: relative;

}



div.novinkyakce div.obal1{

  margin: 0;

  display: inline;

  float: right;

  width: 322px;

  padding: 5px;

  position: relative;

}



div.novinkyakce div.obal div{

  margin-top: 10px;

}



div.novinkyakce div h2{

  margin: 0 10px;

  display: inline;

	font-size: 24px;

	font-family: Times New Roman;

	color: #18313b;

}



div.predstavujeme {

  width: 645px;

  min-height: 258px;

  _height: 258px;

  background: url(../design/predstavujeme.gif) no-repeat;

  margin-bottom: 10px;

  padding: 10px;

}



div.predstavujeme div.nadpis,

div.partneri div.nadpis {

	font-weight: bold;

	color: #2290b4;

	font-size: 14px;

}



div.predstavujeme div.predstav_blok {

	width: 215px;

  float: left;

}



div.predstavujeme div.predstav_blok div {

	margin: 3px;

	min-height: 100px;

	_height: 100px;

	text-align: center;

}



div.predstavujeme div.predstav_blok div div {

	min-height: 1px;

	_height: 1px;

}



div.predstavujeme div.predstav_blok div h3 {

	font-size: 120%;

	font-weight: bold;

 	color: #0b4ea2;

	margin: 5px 0 5px 0;

}



div.predstavujeme div.predstav_blok div img {

	border: 2px #0099ff solid;

}



div.predstavujeme div.predstav_blok div div {

	text-align: left;

	margin: 0;

	font-size: 100%;

	color: #333333;

}



div.partneri {

  width: 645px;

  min-height: 120px;

  _height: 120px;

  background: url(../design/partneri.gif) no-repeat;

  margin-bottom: 10px;

  padding: 10px;

	_margin-right: -10px;

	position: relative;

}



div.partneri div.partneri_flash {

  width: 645px;

  height: 66px;

  position: absolute;

  top: 42px;

  left: 10px;

}





div.ukonceni_webu {

  text-align: center;

  position: absolute;

  bottom: 0;

  left: 0;

  color: #ffffff;

  width: 100%;

  height: 92px;

  background: #0d4fa3 url(../design/meduzka.gif) no-repeat right bottom;

}



div.ukonceni_webu div{

  text-align: left;

  width: 900px;

  margin: 0 auto;

}



div.ukonceni_webu div table{

  color: #ffffff;

  margin: 0;

}

div.ukonceni_webu div table tr{

  color: #ffffff;

}

div.ukonceni_webu div table tr td{

  color: #ffffff;

}



div.blocek {

	padding: 10px;

	background: transparent url(../design/predstavujeme.gif) no-repeat scroll 0 0;

	min-height: 200px;

	_height: 200px;

}



div.blocek_k {

	padding: 10px;

	background: transparent url(../design/partneri.gif) no-repeat scroll 0 0;

	min-height: 120px;

	_height: 120px;

}



div.blocek_k1 {

	padding: 10px;

}



div.ukonci_blocek {

  clear: both;

  width: 100%;

  height: 1px;

}



div.blocek a{

  color: #2290B4;

  text-decoration: underline;

}



div.blocek a:hover{

  color: #eeeeee;

}





.er_ok{

	color: #009900;

}



.er_info{

  color: #0000cc;

}



.er_error{

  color: #cc0000;

}







div.administrace fieldset {

	padding: 10px;

	border: 1px solid #C0C0C0;

}



div.administrace fieldset legend {

	color: #C0C0C0;

}



div.administrace table.admin {

	width: 100%;

}



div.administrace table.admin tr.s {

	display: none;

}



div.administrace table.admin td {

	text-align: left;

	padding: 2px 0px 2px 0px

}



div.administrace table.admin td.labelPole {

	width: 130px;

	text-align: right;

	vertical-align: top;

	padding: 2px 7px 0px 0px;

}



div.administrace table.admin td.labelPole span.povinne {

	font-weight: bold;

}



div.administrace table.admin td.submit {

	text-align: center;

	padding-top: 3px;

	border-top: 1px solid #C0C0C0

}



div.administrace table.admin td input.velke,

div.administrace table.admin td textarea.velke,

div.administrace table.admin td select.velke {

	width: 380px;

}



div.administrace table.admin td textarea.velke {

	height: 60px;

}



div.administrace table.admin td input.stredni,

div.administrace table.admin td textarea.stredni,

div.administrace table.admin td select.stredni {

	width: 200px;

}



div.administrace table.admin td input.male,

div.administrace table.admin td textarea.male,

div.administrace table.admin td select.male {

	width: 100px;

}





div.administrace table.vypis {

	width: 100%

}



div.administrace table.vypis tr.pozadi {

	background: #FFFFFF

}



div.administrace table.vypis td {

	text-align: center;

	padding: 2px 1px 2px 1px;

}



div.administrace h2 {

	font-weight: bold;

	font-size: 14px;

	line-height: 22px;

	color: #ed1c24;

	text-transform: uppercase;

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 4px 5px;

	border-bottom: 1px solid #ed1c24;

}



div.administrace h3 {

	color: #ed1c24;

}



div.administrace p.vysledekAkce {

	font-weight: bold;

	color: #FFFFFF;

	padding: 3px;

	background: #407F00;

}



div.administrace p.vysledekZaporny {

	background: #CD0000;

}