html { font-size: 100%; }

body {
    font-family: arial, tahoma, lucida, sans-serif;
    font-size: 0.6em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #000000;
    background: #FFFFFF url('images/body-bg.png') center top repeat-y;
    overflow: scroll;
}

table {font-size: 1em;}

table.t1
{
	font-size: 1em;
	cellspacing: 2;
	margin-left: 5px;
	background-color:#ffffff;
}

table.t1 tr th
{
	font-size: 1.2em;
	vertical-align: top;
	background-color: #BDE3F1;
	padding: 4px;
}

table.t1 tr td
{
	font-size: 1.2em;
	vertical-align: top;
	background-color: #f7f7f7;
	padding: 4px;
}

/* 
-------------------------------------------------------------------------
  Tabulka - dopsat presny popis
-------------------------------------------------------------------------
*/

table.t2
{
	width: 769px;
	font-size: 1em;
	cellspacing: 2;
	margin-left: -2px;
	background-color:#ffffff;
}

table.t2 tr th
{
	font-size: 1.2em;
	vertical-align: top;
	background-color: #e7e7e7;
	padding: 4px;
	 width:130px;
}

table.t2 tr td
{
	font-size: 1.2em;
	vertical-align: top;
	background-color: #f7f7f7;
	padding: 4px;
}

/* 
-------------------------------------------------------------------------
  Tabulka - dopsat presny popis
-------------------------------------------------------------------------
*/

table.t3
{
	width: 769px;
	font-size: 1.2em; 
	/*margin-left: 5%;
	margin-right: 5%;*/
	/*border: solid 1px green;*/
	background-color:#ffffff;
}

table.t3 tr th
{
	font-size: 1.2em;
	vertical-align: top;
	background-color: #e7e7e7;
	padding: 4px;
	width:130px;
}

table.t3 tr td
{
	font-size: 1.2em;
	vertical-align: top;
	background-color: #ffffff;
	padding: 4px;
	margin-left: auto;
	margin-right: auto;
}

/* 
-------------------------------------------------------------------------
  Tabulka - 9.4.2011
  Slouzi jako tabulka 2, ale odsazeni okolniho textu pred a za tabulkou 
  o 10 pixels 
-------------------------------------------------------------------------
*/

table.t4
{
	width: 769px;
	font-size: 1em;
	cellspacing: 2;
	margin-top: 10px;
	margin-left: -2px;
	margin-bottom: 10px;
	background-color:#ffffff;
}

table.t4 tr th
{
	font-size: 1.2em;
	vertical-align: top;
	background-color: #e7e7e7;
	padding: 4px;
	 width:130px;
}

table.t4 tr td
{
	font-size: 1.2em;
	vertical-align: top;
	background-color: #f7f7f7;
	padding: 4px;
}

/* 
-------------------------------------------------------------------------
  Tabulka - dopsat presny popis
-------------------------------------------------------------------------
*/

td.mytd 
{ 
	width: 769px;
	font-size: 1.2em; 
	vertical-align: top;
}


td.mytd h3 
{
 	font-size:3.2mm;
}

td.mytd ul 
{ 
	list-style-type: none; 
	margin: 10px 0px 10px 0px; 
	padding:0px 0px 0px 10px;  
}

td.mytd ul li 
{ 
	background: url('images/arrow-blue.gif') 0px 2px no-repeat; 
	padding-left:18px; 
}

form {margin: 0px;}

input, textarea {
    border: 1px solid #000000;
    font-family: verdana, tahoma, arial, lucida, sans-serif;
}

a {
    text-decoration: underline;
    color: #0080D0;
}

a:hover { color:#000000 }

a img {border: 0px;}

ul li a{text-decoration: none;}
ul li a:hover{text-decoration: underline;}

fieldset {border: 0px; clear: left; float: left;}

p {color: #000000;}

h1 {
    margin: 0px;
    padding: 0px;
    float: right;
}

h1 a {
    background-color: transparent;
    display: block;
    visibility: hidden;
    position: absolute;
    width: 164px;
    left: 37px;
    top: 49px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    padding-top: 80px;
}

h1 span {
    width: 164px;
    height: 137px;
    background: url('images/logo-pcprogress.jpg') left top no-repeat;
    cursor: pointer;
    display: block;
    visibility: visible;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h2 {
    font-size: 12px;
    color: #FFFFFF;
    height: 25px;
    line-height: 25px;
    margin: 0px 0px 1px 0px;
    padding-left: 12px;
    position: relative;
    background: #005CAD url('images/h2-bg.png') left top repeat-x;
    clear:both;
}

h2 span {
     display: block;
     position: absolute;
     top: 0px;
     right: 0px;
     width: 18px;
     height: 25px;
     background: #005CAD url('images/h2-corn.png') left top no-repeat;
}

#head {
    width: 1002px;
    height: 237px;
    margin: 0px auto 0px auto;
    position: relative;
    background: #0081BF url('images/head-bg.png') left top repeat-x;
}

#head #lang {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    left: 28px;
}

#head #lang li {float: left;}
#head #lang li a {
    height: 20px;
    float: left;
    color: #0080D0;
    font-weight: bold;
    padding-left: 21px;
    margin: 6px 17px 0px 0px;
}
#head #lang li.en a {background: url('images/en.png') left 1px no-repeat;}
#head #lang li.cs a {background: url('images/cs.png') left 1px no-repeat;}
#head #lang li.de a {background: url('images/de.png') left 1px no-repeat;}
#head #lang li.login a {background: url('images/ico-login.png') left 1px no-repeat;}
#head #lang li.register a {background: url('images/ico-register.png') left 1px no-repeat;}
#head #lang li.lostpass a {background: url('images/ico-lostpass.png') left 1px no-repeat;}
#head #lang li.welcome a {background: url('images/ico-welcome.png') left 1px no-repeat;}
#head #lang li.logout a {background: url('images/ico-logout.png') left 1px no-repeat;}

#head #topMenu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    right: 79px;
}
#head #topMenu li {float: left;}
#head #topMenu li a {
    height: 20px;
    float: left;
    color: #0080D0;
    font-weight: bold;
    padding-left: 21px;
    margin: 6px 17px 0px 0px;
}
#head #topMenu li.site a {background: url('images/ico-sitemap.png') left 0px no-repeat;}
#head #topMenu li.mail a {background: url('images/ico-mail.png') left 0px no-repeat;}
#head #topMenu li.book a {background: url('images/ico-book.png') left 1px no-repeat;}
#head #topMenu li.help a {background: url('images/ico-help.png') left 1px no-repeat;}

#head #mainMenu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    right: 0px;
    top: 200px;
    height: 37px;
    background: url('images/top-menu-bg.gif') left top repeat-x;
}
#head #mainMenu li {float: left;}
#head #mainMenu li a {
    float: left;
    color: #4C5564;
    line-height: 110%;
    font-weight: bold;
    font-size: 1.1em;
    width: 92px;
    height: 37px;
    vertical-align: middle;
    padding-top: 9px;
    text-align: center;
    background: url('images/top-menu-separ.png') left 5px no-repeat;
}
#head #mainMenu li a:hover { color:#000000; text-decoration: none; }

#head #mainMenu li.mid a {padding-top: 15px;line-height:14px;}
#head #mainMenu li.first a {background: url('images/top-menu-left.png') left 5px no-repeat;}
#head #mainMenu li.active.first span.left { border: 0px solid red; background: url('images/top-menu-left-first.gif') left 0px no-repeat;}

#head #mainMenu li.active a {color: #22262D; height: 37px; position: relative; background: url('images/top-menu-a.gif') left top repeat-x;}
#head #mainMenu li.active span.left {float: left; display: block; width: 7px; height: 37px; border: 0px solid red; background: url('images/top-menu-a-left.gif') left top no-repeat;}
#head #mainMenu li.active span.right {display: block; height: 37px; width: 12px; float: right; position: absolute;  top: 0px; right: -9px; background: url('images/top-menu-a-right.gif') right top no-repeat;}
#head #mainMenu li.active.last span.right {display: none;}

#head img {
    float: right;
    margin: 37px 89px 0px 0px;
}

#main {
    width: 1002px;
    margin: 0px auto 0px auto;
    background: url('images/main-bg.png') left top repeat-y;
}

#left {
    width: 203px;
    float: left;
    text-align: left;
}

#left #form {
    position: relative;
    top: -35px;
    left: 0px;
    width: 203px;
    padding: 20px 0px 0px 16px;
    text-align: left;
    background: url('images/left-top.png') left top no-repeat;
}

#left #form label {
    font-size: 12px;
    color: #4C5564;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    padding-left: 18px;
    background: url('images/arrow-blue.gif') 2px 2px no-repeat;
}

#left #form input {border: 0px; vertical-align: middle; background: transparent;}
#left #form div {
    font-size: 12px;
    margin-top: -4px;
    float: left; 
    height: 27px; 
    width: 148px;
    background: url('images/search-bg.png') 0px 0px no-repeat;
}
#left #form input.input {width: 130px; margin: 4px 0px 0px 5px;}
#left #form a {margin-top: 2px; clear: both; display: block; color: #0080D0; font-weight: bold; font-size: 1.1em;}

#left p 
{
    position: relative;
    top: -18px;
}

#left ul 
{
    position: relative;
    top: -18px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: 200px;
    clear: both;
}

#left ul li {width: 200px; display: inline;}
#left ul li a {
    height: auto;
    margin: 0px;
    padding: 0px;
    display: block;
    padding-left: 35px;
    line-height: 22px;
    font-size: 1.2em;
    color: #4C5564;
    font-weight: bold;
    background: url('images/arrow-blue.gif') 18px 6px no-repeat;
}
#left ul li a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: url('images/left-menu-li.png') 0px 0px no-repeat;
}
#left ul li.sub a {
    font-weight: normal;
    line-height: 1em;
    padding: 4px 0px 4px 50px;
    height: auto;
    background: url('images/arrow-orange.gif') 35px 5px no-repeat;
}
#left ul li.sub a:hover {
    color: #4C5564;
    text-decoration: underline;
    background: url('images/arrow-orange.gif') 35px 5px no-repeat;
}

#left ul li.sub2 a { font-weight: normal; line-height: 1.1em; padding: 4px 5px 0px 63px; height: auto; background: url('images/arrow-silver.gif') 50px 6px no-repeat; font-size: 1.1em; }
#left ul li.sub2 a:hover { color:#000000; background: url('images/arrow-silver.gif') 50px 6px no-repeat; text-decoration: underline; }

#left ul li.sub3 a { font-weight: normal; line-height: 1.1em; padding: 4px 5px 0px 76px; height: auto; background: url('images/arrow-silver.gif') 63px 5px no-repeat; font-size: 1.1em; }
#left ul li.sub3 a:hover { color:#000000; background: url('images/arrow-silver.gif') 63px 5px no-repeat; text-decoration: underline; }

#left ul li a.active { color:#0080D0; }

#right {
    width: 768px;
    float: right;
    margin: 17px 17px 0px 0px;
    display: inline;
    text-align: left;
}

.col1 {
    width: 241px;
    float: left;
    background: url('images/col1-bg.png') 0px 26px repeat-x;
}

.col1 p {
    margin: 8px auto 0px 10px;
    font-size: 1.2em;
    line-height: 1.4em;
    width: 224px;
    padding-bottom: 6px;

}

a.base {
    color: #0080D0;
    font-weight: bold;
    padding-left: 18px;
    background: url('images/arrow-blue.gif') 0px 2px no-repeat;
}

a.base:hover {
    color: #000000;
}

.col1 p img {float: left; position: relative; left: -10px;border: solid #ffffff 1px; border-left:0px;}

.col2 {
   margin-left: 17px;
   background: none;
   background: url('images/col1-bg.png') 0px 26px repeat-x;
}

.col3 {
    float: right;
    width: 254px;
}
.col3 a {float: right; margin-bottom: 5px;}

#footer {
    width: 1002px;
    margin: 0px auto 0px auto;
    height: 36px;
    color: #FFFFFF;
    line-height: 36px;
    font-weight: bold;
    background: #005EAE url('images/footer-bg.png') 0px 0px repeat-x;
}
#footer a {color: #FFFFFF;}

.cleaner {clear: both;}
.cleanerpx {clear: both; font-size: 0px;}
.noBg {background: none;}

.colmain {
    width: 765px;
    float: left;
    background: url('images/col1-bg.png') 0px 26px repeat-x;
}




.colmain ol {text-align: left; list-style-type: decimal; margin:10px 0px 10px 0px; padding:0px 0px 0px 40px;}

.colmain ol li {padding-left:0px; font-size:3.2mm; padding-bottom:5px;}

.colmain p {
    margin:10px;
    font-size: 1.2em;
    text-align: justify;
}


.colmain ul {text-align: left; list-style-type: none; margin:10px 0px 10px 0px; padding:0px 0px 0px 10px;}

.colmain ul li {background: url('images/arrow-blue.gif') 0px 2px no-repeat; padding-left:18px; font-size:3.2mm; padding-bottom:5px;}

.colmain p {
    margin:10px;
    font-size: 1.2em;
    text-align: justify;
}

.colmain p img {
    border:solid #DEE2E6 1px;
}

.imgright {
  float: right; margin: 0px 0px 0px 10px;clear:right;
}

p#path {
  color:#000000;
  font-size: 1em;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  position:relative;
  top:-10px;
}

span.small { font-size: 0.9em; }
td.subform { font-size: 1.1em; font-weight: bold; color:#0080D0; padding-left: 12px; background-color: #BDE3F1; border-bottom: 1px solid white; }
td.formlabel { padding-left: 12px; width:150px; text-align: right; padding-right: 10px; padding-top: 7px; }
td.formlabel label { font-size: 1.1em; font-weight: bold; }
td.formlabel label.red { color: #CC0000; }
table.formtable { width: 100%; }
table.formtable tr td { font-size: 1.1em; vertical-align: top; }

select.formselect { font-size: 1.1em; border: 1px solid #666666; padding-left: 3px; font-family: arial, tahoma, lucida, sans-serif; }
input.forminput { font-size: 1.1em; padding-left: 3px; border: 1px solid #666666; font-family: arial, tahoma, lucida, sans-serif; }
textarea.formtextarea { font-size: 1.1em; border: 1px solid #666666; padding-left: 3px; font-family: arial, tahoma, lucida, sans-serif; }

input.formbutton { font-family: Arial, Tahoma, Lucia; font-weight: bold; border: 1px outset #005CAD; color:#ffffff; background-color: #005CAD; font-size: 1.1em; padding: 5px 10px 5px 10px; cursor: pointer; }
input.formbuttonclear { font-family: Arial, Tahoma, Lucia; font-weight: bold; border:1px outset #BDE3F1; color:#0080D0; background-color: #BDE3F1; font-size: 1.1em; padding: 5px 10px 5px 10px; cursor: pointer; }

.noborder {border: 0px; }

span.picture { clear:right; float: right; margin-left: 10px; background-color: #EEEEEE; margin-bottom: 10px;}
span.picture img { display: block; border: 1px solid white; }
span.picture span { color:#666666; margin: 8px; font-size: 0.9em; line-height: 2em; }

span.menupicture { clear:left; float: left; margin-left: 18px; margin-bottom: 10px; width: 100%; }
span.menupicture img { display: block; border-bottom: 1px solid white; }
span.menupicture span { color:#666666; margin: 8px 8px 8px 0px; font-size: 0.9em; line-height: 2em; }

h3 { font-size: 1.3em; font-weight: bold; color:#0080D0; padding: 5px 12px 5px 10px; background-color: #BDE3F1; border-bottom: 1px solid white; margin: 0px; clear:both; }
h4 { color: #000000; font-size: 1.3em; padding-left: 10px; color: #0080D0; margin: 0px; clear:left; }
h5 { color: #000000; font-size: 1.1em; padding-left: 10px; color: #0080D0; margin: 0px; clear:left; }