/* CSS Document */


body {
  margin: 0;
  padding: 0;
  background: url(img/top_back.jpg) repeat-x top;
  background-position: 0 0px;
  font-family: trebuchet MS, arial;
  font-size: 10pt;
  color: #4b4b4b;
  overflow: visible;
  width: 100%;
}

#page {
  width: 1000px;
  margin: 0 auto;
}



div.pista {
  width: 100%;
  height: 20px;
  background: url(http://www.tomaszdvorily.com/vizitkyzakorunu/img/lista.jpg) repeat-x;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  font-family: Arial;
  font-size:11px;
  font-weight: bold;
}

div.pista img {
  margin-right: 20px;
}

div.pista a {
  padding: 0;
  margin-right: -5px;
  position: relative;
  top: -7px;
  color: #F0F1F1;
  text-decoration: none;
  border-right: 1px solid #4b4b4b;
  font-size: 9pt;
  padding: 1px 10px 1px 10px;  
}

div.pista a:hover, .active {
  padding: 0;
  margin-right: -5px;
  position: relative;
  top: -7px;
  color: #ffffff;
  text-decoration: none;
  border-right: 1px solid #4b4b4b;
  font-size: 9pt;
  padding: 1px 10px 1px 10px; 
  background-color: #222223; 
}

div.pista span
{
  

}

#containerik {
  width: 1200px;
  min-height: 300px;
  margin: 0 auto;
}

.poc {
  color: #081219;
}

.nad {
  background-color: #62a10f;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid #D2CFD4;
}

#pocasko {
  width:150px;
  height: 500px;
  float: left;
  position: relative;
  left: 20px;
  top: 175px;
}

/* HEADER */
#header {
  width: 1000px;
  height: 230px;
  background: url(img/header.jpg) no-repeat;
}

/* SIDEBAR */
#sidebar {
  width: 230px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #CFD1D2;
  border-left: 1px solid #CFD1D2;
  border-right: 1px solid #CFD1D2; 
}

#sidebar li {
  background: url(img/menuli.jpg) repeat;
  height: 36px;
  border-bottom: 1px solid #CFD1D2;
}

#sidebar li:hover {
  background: url(img/menulihover.jpg) repeat;
  height: 36px;
  border-bottom: 1px solid #CFD1D2;
}

#sidebar li a {
  color: #6A6D6A;
  text-decoration: none;
  margin-top: 0px;
  position: relative;
  top: 7px;
  left: 10px;
  display: block;
}

#sidebar li:hover a {
  color: #0D0F0E;
  position: relative;
  top: 7px;
  left: 10px;
}

/* CONTENT */
#content {
  width: 860px;
  background: url(img/back.jpg) repeat-y;
  margin: 0 auto;
}

#rightbox {
  margin-left: 280px;
  width: 522px;
  min-height: 500px;
  padding-bottom: 30px;
  border-top: 1px solid #F2F2F4;
  border-left: 1px solid #F2F2F4;
  border-right: 1px solid #F2F2F4;
  padding-left: 8px;
  padding-right: 8px;
}

#rightbox h1, #rightbox h2 {
  color: #62a10f;
  font-size: 13pt;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  padding-bottom: 8px;
}


#rightbox .table {
  color: #ffffff;
}

#rightbox table a {
  color: rgb(0,0,0);
  text-decoration: underline;
}

#rightbox a {
  color: #37c8d8;
  text-decoration: underline;
}

#rightbox a:hover {
  color: rgb(0,0,0);
  text-decoration: none;
}

.podtrzeni {
  text-decoration: underline;
}

.centered {
  text-align: center;
}

.greene {
  background-color: #37c8d8;
}

.greene2 {
  background-color: #37c8d8;
  color: rgb(0,0,0);
}

.greene2 td
{
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
}


.greene2 th
{
    padding-right: 3px;
    padding-left: 3px;
    text-align: center;
}

.table2
{
  width: 250px;
  background-color: #37c8d8;
  text-align: center;
  border: 1px solid rgb(0,0,0);  
}

.table22
{
  float: right;
  width: 250px;
  background-color: #37c8d8;
  text-align: center;
  border: 1px solid rgb(0,0,0);
}

.blue2 {
  background-color: #62a10f;
  color: rgb(255,255,255);
  font-weight: bold;
  text-align: center;
}

.blue {
  background-color: #62a10f;
}

.red {
  color: #ff0000;
}

.bank tr td {
  border-bottom: 1px solid #53585A;
}

.send {
  background-color: #62a10f;
  color: #ffffff;
}

.ram {
  border-right: 1px solid #F5F2F1;
}

.min {
  color: #4b4b4b;
  font-size: 8pt;
}

.add {
  background-color: #1D1D20;
  color: #ffffff;
  padding: 2px;
}

.table tr td {
  padding: 3px;
}

#headlink
{
  position: relative;
  left: -100px;
  float: right;
  width: 800px;
  height:60px;
}

#leftbox {
  float: left;
  width: 232px;
  min-height: 300px;
  margin-left: 40px;
}

.order {
  background: url(img/objednavka.jpg) no-repeat;
  width: 230px;
  height: 40px;
  margin-top: 30px;
}

.order a {
  color: #ffffff;
  text-decoration: underline;
  position: relative;
  top: 10px;
  left: 75px;
  font-weight: bold;
}

.order a:hover {
  color: #0D0F0E;
  text-decoration: underline;
}

#tel {
  background: url(img/telefon.jpg) no-repeat;
  width: 230px;
  height: 40px;
  margin-top: 30px;
}

#tel span {
  color: #ffffff;
  position: relative;
  top: 10px;
  left: 72px;
  font-weight: bold;
}

#mob {
  background: url(img/mobil.jpg) no-repeat;
  width: 230px;
  height: 40px;
  margin-top: 30px;
}

#mob span {
  color: #ffffff;
  position: relative;
  top: 10px;
  left: 72px;
  font-weight: bold;
}

#email {
  background: url(img/mail.jpg) no-repeat;
  width: 230px;
  height: 40px;
  margin-top: 30px;
}

#email a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
  position: relative;
  top: 10px;
  left: 72px;
}

#email a:hover {
  color: #0D0F0E;
  text-decoration: underline;
}

.nahled {
  text-decoration: none;
  border: none;
  position: relative;
}

.button {
  font-size: 9pt;
  background-color: #37c8d8;
  border: 1px solid #62a10f;
}

.typ {
  width: 140px;
  color: #244D00;
  overflow: visible;
}

.tisk {
  width: 140px;
  color: #244D00;
  overflow: visible;
}

.rohy {
  width: 100px;
  color: #244D00;
  overflow: visible;
}

.pocet {
  width: 80px;
  color: #244D00;  
 }

.bbb {
  font-size: 15pt;
  text-align: center;
  color: #000D00;
}



/* FOOTER */
#footer {
  width: 1000px;
  height: 140px;
  background: url(img/footer.jpg) no-repeat;
  background-position: bottom;
  margin: 0 auto;

}

#vymena
{
    padding: 0 200px 20px 200px;
    text-align:center;
    width: 800px;
    margin:-30px auto 0 auto;
    background-color: rgb(231,231,231);
    font-size: 9pt;
}

#vymena a
{
  color:  #4b4b4b;
  text-decoration: underline; 
  font-size: 10px;
}

#vymena a:hover {
  color:  #0D0F0E;
  text-decoration: underline; 
}

#container {
  width: 1200px;
  background: url(img/bottom.jpg) repeat-x;
  background-position: bottom;
  padding: 0;
  margin: 0 auto;
}

#copy {
  font-size: 9pt;
  text-align: center;
  position: relative;
  top: 55px;
}

#copy a {
  color:  #4b4b4b;
  text-decoration: underline; 
}

#copy a:hover {
  color:  #0D0F0E;
  text-decoration: underline; 
}

.reglog
{
  position: absolute; 
  left: 800px; 
  top: 230px; 
  width: 190px; 
  height: 62px;
  padding: 8px 8px 8px 8px;
  text-align: left;
  color: #888888;
  font-size: 11px;
  border: 1px solid #F2F2F4;
  background-color: rgb(255,255,255);  

}

.reglog a { font-weight: bold;
            font-size: 13px;  }


.toolTip {
   position:absolute;
   display:none;
   padding:6px 12px;
   background: rgb(221,221,241);
   border:1px solid #888;
   color:#222;
   z-index: 30000;
}

.center
{
    text-align:center;
    font-weight: bold;
}

.help { margin-left: 8px; vertical-align: top  }

.select { width: 240px;  }

.sel2 { width: 234px;  }

.clear  { clear: both;  }


.linky
{
    width: 550px;
    margin-top: 20px;
    font-size: 11px;
}

.linky p
{
  float: left;
  width: 160px;
  margin-left: 15px;
  text-align:center;
  font-size: 11px;
  
}

#rightbox .linky a
{
  color:  #4b4b4b;
  text-decoration: none;
  font-size: 11px;
}

#rightbox .linky a:hover
{
  color:  #0D0F0E;
  text-decoration: underline; 
}

a.active
{
  font-weight: bold;
}

.osa
{
  float: left;
  width: 110px;
  margin-right: 40px;
}

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

span.tlacitka
{
    position: relative;
    height: 40px;

    border: 1px solid rgb(200,200,200);
}

td.tlacitka img, td.nahrat img, td.vybrat img
{
    border: none;
}

td.nahrat
{
    text-align:left; 
    padding-top:3px;
}

td.vybrat
{
    text-align:right;
}

span.tlacitka a
{
    margin-right: 12px;
}

.krok4
{
  width: 600px;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(http://www.vizitkyzakorunu.cz/img/krok4.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.krok3
{
  width: 600px;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(http://www.vizitkyzakorunu.cz/img/krok3.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.krok2
{
  width: 600px;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(http://www.vizitkyzakorunu.cz/img/krok2.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.krok1
{
  width: 600px;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(http://www.vizitkyzakorunu.cz/img/krok1.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.podklad
{
  margin-top: 40px;
  margin-left: 10px;
  font-size: 11px;
}

#fileQueue {
	width: 250px;
	height: 170px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	margin-bottom: 10px;
}


.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 210px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

.kratke
{
    height: 30px;
    
}

.konpad
{
  margin-left: 140px;
  padding-left: 10px;
}

.dokoncit
{
  float:right;
  margin-right: 100px;
}

.zpet
{
  float:left;
  margin-left: -500px;
}

.dph
{
  font-size: 10px;
  margin-top: 2px;
}

.dlouhe
{


}