@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: 12px;
	font-family: 'Verdana', 'Tahoma';
	color: #222222;
}

/* ----- Definice odstavců ----- */
h1 {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	margin: 0px;
}

h2 {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	margin: 0px;
}

h3 {
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	margin: 0px;
}

p {
	text-align: left;
	margin: 0px;
}

ol, ul {
	text-align: left;
	margin: 4px 20px 7px 20px;
	padding: 0px
}

li {
	margin: 3px 0px 3px 0px;
}

/* ----- Definice odkazů ----- */
a {
	color: #0d54a3;
}

a:hover {
	color: #f96c0e;
}

/*div.hlokno a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

div.hlokno a:hover {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}  */

/* ----- Definice tabulek ----- */
table {

}

table tr.pozadi {
	background-color: #FBF1B4
}


/* ------------------------------------ */
/* ----- Definice hlavních oddílů ----- */
/* -------------------------------------*/
html {
	background-color: #c5ebfc;
	font-size: 12px;
}
body.body1 {
	background: #c5ebfc url('../design/poz_body1.jpg') no-repeat center 100px;
	min-height: 500px;
	_height: 500px;
}
body.body2, body {
	background: #c5ebfc url('../design/poz_body2.jpg') no-repeat center top;
	font-size: 12px;
}
body.body3 {
	background: #c5ebfc url('../design/poz_body3.jpg') no-repeat center top;
	font-size: 12px;
}

div.stranka {
	position: relative;  
	display: block;
	width: 950px;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	/*background: #FFFFFF;*/
}

div.uvodka {
  position: relative;
	width: 950px;
	min-height: 500px;
  _height: 500px;
}

div.uvodka div.pilniky {
  position: absolute;
  left: 0px;
  top: 187px;
  height: 188px;
  width: 477px;
}

div.uvodka div.cnc {
  position: absolute;
  right: 0px;
  top: 187px;
  height: 188px;
  width: 472px;
}

div.uvodka div.uvod_kontakt {
  position: absolute;
  left: 0px;
  top: 390px;
  height: 188px;
  width: 100%;
  text-align: center;
  font-size: 90%;
  line-height: 175%;
  font-family: verdana;
}

div.uvodka div.uvod_kontakt a {
  text-decoration: underline;
  color: #000;
}

div.uvodka div.uvod_kontakt a:hover {
  text-decoration: underline;
  color: #900
}

div.uvodka div.pilniky a.rozcestnik{
  position: relative;
  display: block;
	width: 432px;
	height: 168px;
	text-align: right;
	padding: 20px 40px 0px 0px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-family: verdana;
}

div.uvodka div.cnc a.rozcestnik{
  position: relative;
  display: block;
	width: 432px;
	height: 168px;
	text-align: left;
	padding: 20px 0px 0px 40px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-family: verdana;
}


/* ----- Definice záhlaví ----- */
div.zahlavi{
	width: 950px;
	position: relative;
	height: 223px;
	text-align: left;
	padding: 0px;
	font-size: 12px;
}

div.zahlavi div.logo {
	position: absolute;
	top: 10px;
	left: -5px;
	width: 251px;
	height: 51px;
}

div.zahlavi div.mini_menu {
	position: absolute;
	top: 10px;
	right: 15px;
	height: 24px;
	font-size: 12px;
}

div.zahlavi div.mini_menu a {
	color: #000;
  margin: 0px 10px;
  text-decoration: none;
  font-size: 12px;
}

div.zahlavi div.mini_menu a:hover {
  text-decoration: underline;
}

/* ----- Definice hlavního menu ----- */
div.hlmenu {
	position: absolute;
	left: 0px;
	bottom: 0px;
	_bottom: -1px;
	text-align: left;
	width: 950px;
	height: 29px;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

div.hlmenu ul {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	list-style-type: none;
	list-style-image: none;
}

div.hlmenu ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	height: 29px;
	font-size: 12px;
	line-height: 29px;
	color: #000;
	text-align: center;
	margin: 0px 0px;
	padding: 0px;
}

div.hlmenu ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 20px;
	font-size: 12px;
}

div.hlmenu ul li a:hover,
div.hlmenu ul li a.vybrano {
	color: #000;
	background: url(../design/menu_sipka.gif) no-repeat center bottom;
}

div.hlmenu ul li.posledni {
	
}

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

div.levySloupec {
	position: relative;
	float: left;
	width: 209px;
	min-height: 200px;
	text-align: left;
	/*background: #EBEAEA;*/
}

div.levySloupec ul.U10 {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
}

div.levySloupec ul.U10 li {
	list-style-type: none;
	list-style-image: none;
	width: 209px;
	min-height: 24px;
	font-size: 12px;
	color: #000;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

div.levySloupec ul.U10 li a {
	display: block;
	width: 199px;
	min-height: 24px;
	_height: 24px;
	line-height: 24px;
	color: #000;
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	border-bottom: 1px #999 dashed;
}

div.levySloupec ul.U10 li a:hover,
div.levySloupec ul.U10 li a.vybrano {
	color: #000;
	background: url('../design/menu.gif') repeat-y;
}

div.levySloupec ul.U10 li ul.U20 li a {
	height: auto;
	min-height: 20px;
	line-height: 20px;
	margin: 0px 0px 1px 0px;
	padding-left: 40px;
	background: #8F8F8F;
}

div.levySloupec ul.U10 li ul.U20 li a:hover,
div.levySloupec ul.U10 li ul.U20 li a.vybrano {
	color: #000;
	background: #B1AFAF;
}

/* ----- Definice prostredniho sloupce ----- */


div.prostredniSloupec {
float:left;
padding-bottom:10px;
padding-left:13px;
padding-right:0;
position:relative;
text-align:left;
width:520px;
}

div.prostredniSloupecIE7 {
float:left;
padding-bottom:10px;
padding-left:13px;
padding-right:0;
position:relative;
text-align:left;
width:520px;
}

div.prostredniSloupec div.uvod_ram {
	text-align: center;
	width: 100%;
	background: url(../design/uvod_ram.gif) no-repeat center top;
	padding-top: 8px;
	margin-top: 20px;
	min-height: 70px;
	_height: 70px;
}

/* ----- Definice praveho sloupce ----- */

div.pravySloupec {
	position: relative;
	float: right;
	width: 195px;
	min-height: 200px;
	text-align: left;
	/*background: #EBEAEA;*/
}

div.pravySloupec div {
	position: relative;
	width: 100%;
}

div.pravySloupec div div.nadpis {
	position: relative;
	height: 23px;
	line-height: 23px;
	padding-left: 10px;
	width: 185px;
	font-weight: bold;
	font-size: 110%;
	background: url(../design/nadpis_strana.gif) no-repeat center top;
}

div.pravySloupec div div.text {
	position: relative;
	text-align: center;
	padding: 5px;
	min-height: 10px;
	_height: 10px;
	width: 185px;
	font-size: 90%;
}

div.pravySloupec div div.text input.vyhledej {
	width: 120px;
	height: 18px;
	line-height: 18px;
	color: #000;
	border: 1px solid #999;
}

div.pravySloupec div div.text input.submit {
	width: 50px;
	height: 18px;
	color: #fff;
	vertical-align: middle;
	background: url(../design/hledat.gif) no-repeat center center;
	border-width: 0px;
	margin-top: -4px;
	font-size: 90%;
}


/* ----- Definice hlavního okna ----- */
div.hlokno {
	position: relative;
	z-index: 10;
	float: right;
	width: 950px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background: #fff url(../design/poz_hlavni.gif) repeat-y center;
	margin-bottom: 40px;
}

div.clear{
  width: 100%;
  height: 1px;
  line-height: 1px;
  clear: both;
}

div.clear5{
  width: 100%;
  height: 5px;
  line-height: 5px;
  background-color: #fff;
  clear: both;
}

div.clear5a{
	position: relative;
  width: 100%;
  height: 5px;
  line-height: 5px;
  background-color: #fff;
  clear: both;
}

table, div {
	margin: 0px;
}

div.hlokno h1 {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	text-transform: none;
	color: #DA251D;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 2px 0px;
}

/* ----- Definice zápatí ----- */
div.zapati {
	position: absolute;
	z-index: 5;
  left: -8px;
	bottom: 0px;
	height: 176px;
	width: 965px;
	text-align: center;
	background: url(../design/spodni_cara.gif) no-repeat center top;
}

div.zapati div {
	position: absolute;
  left: 0px;
	bottom: 0px;
	height: 20px;
	width: 965px;
	text-align: center;
}

a.webrex {
  font-size: 90%;
	color: #11457e;
	text-decoration: none;
}

a.webrex:hover {
	text-decoration: underline;
}

/* další definice */
div.uvodVypisClanku {
	
}

div.uvodBannery {
	float: right;
	width: 339px;
	height: 220px;
	margin: 0px 0px 20px 20px;
}

div.uvodBannery img.prvni {
	margin-bottom: 20px;
}

div.uvodWifi {
	clear: both;
	height: 85px;
	text-align: center;
	margin-top: 20px;
}

div.uvodWifi img {
	margin: 0px 10px 0px 10px;
}



/* formy ve stránce */
div.formular {
	margin: 20px 0px 0px 0px;
}

table.form {
	margin: 0px auto;
}

table.form tr.s {
	display: none;
}

table.form td {
	text-align: left;
	padding: 3px;
}

table.form td.labelPole {
	width: 130px;
	text-align: right;
}

table.form td.labelPoleSamotne {
	text-align: left;
}

table.form td.labelPole span.povinne {
	color: #AB2030;
}

table.form td.submit {
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid #DA251D;
}

table.form td input,
table.form td textarea,
table.form td select {
	width: 250px;
}

table.form td input.male,
table.form td textarea.male,
table.form td select.male {
	width: 90px;
}

table.form td input.velke,
table.form td textarea.velke,
table.form td select.velke {
	width: 385px;
}

table.form td textarea {
	height: 90px;
}

table.form td.submit input {
	width: auto;
}

p.vysledekAkce {
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 3px;
	background: #407F00;
}

p.vysledekZaporny {
	background: #CD0000;
}

/* //formy ve stránce */









div.chyba {
	color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	background: #CD0000;
}

div.chyba p {
	color: #FFFFFF;
}
div.vypisClankuUvod {
	float: left;
	width: 100%;
}
div.uvodFlash{
  	float: left;
	width: 100%;
	margin: 15px 0px;
}
div.vypisClankuProduktu {
	float: left;
	width: 556px;
}




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 p {
	margin: 7px 0px 7px 0px;
}

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;
	margin: 20px 0px 10px 0px;
}

div.administrace p.vysledekAkce {
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
	background: #407F00;
}

div.administrace p.vysledekZaporny {
	background: #CD0000;
}

div.uvodka div.jazyky {
  width: 22px;
  position: absolute;
  top: 108px;
  right: 0px;
}

div.uvodka div.jazyky img{
  margin: 2px 0px;
}

div.zahlavi div.jazyky {
  width: 22px;
  position: absolute;
  top: 90px;
  right: 0px;
}

div.zahlavi div.jazyky img{
  margin: 5px 0px;
}



input.nezlob{
	width: 0px;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
}


div.uvod_novinky {
  font-family: tahoma;
  font-size: 12px;
  width: 100%;
  margin-top: 20px;
}
div.uvod_novinky div.nov_nadpis{
  width: 500px;
  padding: 10px;
  background-color: #3c6ca0;
  display: block;
  color: #fff;
  font-weight: bold;
}
div.uvod_novinky div.nov_text{
  width: 508px;
  padding: 5px;
  display: block;
  border: 1px #ccc solid;
  border-width: 0px 1px 1px 1px;
}
div.uvod_novinky div.nov_text p span{
	color: #3c6ca0;
}

div.uvod_novinky div.nov_text p.vice{
	text-align: right;
}

div.uvod_novinky div.nov_text p.vice a{
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

div.uvod_novinky div.nov_text p.vice img{
  vertical-align: text-bottom;
}

div.pravySloupec div div.rus{ font-size: 90%; }
.rus{ font-size: 90%; }

table.fs10 { font-size: 10px; }
table.fs10 td { font-size: 10px; }
table.fs10 td.bordervlhor { font-size: 9px; }
table.fs10 td.bordervlhorvpr { font-size: 9px; }


table.vypispoptavek {
	width: 100%;
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 10px;
}

table.vypispoptavek td {
	padding: 2px 1px;
}

table.vypispoptavek th {
	background-color: #ddd;
}

table.vypispoptavek tr.sude {
	background-color: #eee;
}

.TAcenter {
  text-align: center;
}

.Cgreen {
  color: #00cc00;
}

.Cred {
  color: #cc0000;
}

div.odeslano_ok {
  display: block;
  background-color: #00cc00;
  color: #fff;
  width: 100%;
  font-weight: bold;
  margin: 10px 0px;
  padding: 5px 0px;
}

div.odeslano_no {
  display: block;
  background-color: #cc0000;
  color: #fff;
  width: 100%;
  font-weight: bold;
  margin: 10px 0px;
  padding: 5px 0px;
}