html {
  font-family: 'Verdana','Arial', sans-serif;
  background: #565656 url('/web/img/pozadi.gif') 0 -50px repeat-x;
  color: black;
  font-size: 12pt;
  padding: 0;
  margin: 0;  
}
body {
  padding: 0;
  margin: 0;
  text-align: center;
}
small {
  font-size: 65%;
}
big {
  font-size: 150%;
}
img {
  border: none;
  margin: 0;
}

div.text a img, div.text img {
/*	border: 1px solid #CCC;*/
  border: 1px solid #DAB692;
	padding: 2px;
  background: white;  	
	margin: 5px;
}
div.text b, div.text strong {
  color: #353535;
}

div.text a {
  color: #86412D;  
}
div.text a:hover, div.text a:focus, div.text a:active {
  color: #C2884E;
  text-decoration: none;
}

div.text p {
  text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
  color: maroon;
  margin: 0;
  margin-top: 20px;
  padding: 0px 20px;  
}



div#body {
  position: relative;
  width: 762px;
  margin: 0 auto;
  margin-top: 64px;
  text-align: left;
}

div#zahlavi {
  background: #F2E5D8 url('/web/img/zahlavi.gif') no-repeat;
  padding: 6px 6px;
  height: 70px;
  margin-bottom: 8px;  
}
* html div#zahlavi {
  height: 82px;
}
a.logo {
  float: left;
  margin: 10px 20px; 
}
div#zahlavi div.menu {
  margin: 0;
  padding: 0;  
  margin-left: 250px;
  height: 70px;
}
div#zahlavi div.menu a, div.lista a {
  font-weight: bold;
  margin: 0;  

  
  color: black;
  display: block;
  
  text-decoration: none;

  border: 1px solid #F2E5D8;
/*
  border-left: 1px solid #F2E5D8;
  border-right: 1px solid #F2E5D8;
 */  
}
div#zahlavi div.menu a {
  border-top: none;
  border-bottom: none;
  float: left;
  padding: 0 16px;
  padding-top: 26px;
  margin: 0 2px;
  height: 44px;
  width: auto;      
}

div.lista a {
  border-left: none;
  border-right: none;
  margin: 2px 0px;
  padding: 5px 0px;
  padding-left: 15px;
}

div#zahlavi div.menu a.aktivni, div.lista a.aktivni {
  background: #E4CBB1;
  border-color: #DAB692;  
}

div#zahlavi div.menu a:hover,
div#zahlavi div.menu a:focus,
div#zahlavi div.menu a:active,
div.lista a:hover,
div.lista a:focus,
div.lista a:active {
  background: #F9F2EC;
  border-color: #DAB692;  
}

* html div#zahlavi div.menu a {
  height: 70px;
}












div#zahlavi div.menu a {
  list-style: none;
  font-weight: bold;
  margin: 0;  
  margin-left: 10px;
  
  color: black;
  display: block;
  float: left;  
  width: auto;
  text-decoration: none;

  padding: 0 16px;
  margin: 0 2px;
  padding-top: 26px;
  border-left: 1px solid #F2E5D8;
  border-right: 1px solid #F2E5D8;
  height: 44px;  
}

div#zahlavi div.menu a.aktivni {
  background: #E4CBB1;
  border-color: #DAB692;  
}

div#zahlavi div.menu a:hover,
div#zahlavi div.menu a:focus,
div#zahlavi div.menu a:active {
  background: #F9F2EC;
  border-color: #DAB692;  
}

* html div#zahlavi div.menu a {
  height: 70px;
}







div#zapati {
  background: #F2E5D8 url('/web/img/zapati.gif') no-repeat;
  padding: 0px 30px;
  padding-top: 21px;
  color: #444444;
  height: 41px;
  margin-top: 8px;
}
* html div#zapati {
  height: 62px;
}
div#zapati a {
  color: #444444;
  text-decoration: none;
}
div#zapati a:hover,
div#zapati a:focus,
div#zapati a:active {
  color: #C2884E;
}
div#zapati span {
  float: right;
}

div.siroky, div.uzky, div.stredni, div.lista {
  background: #F2E5D8 url('/web/img/siroky-prostredek.gif') repeat-y; 
}
div.siroky div.vrsek, div.uzky div.vrsek, div.prilipek div.vrsek, div.stredni div.vrsek, div.lista div.vrsek {
  background: transparent url('/web/img/siroky-vrsek.gif') no-repeat;
  padding-top: 6px;  
} 
div.siroky div.spodek, div.uzky div.spodek, div.prilipek div.spodek, div.stredni div.spodek, div.lista div.spodek {
  padding: 6px 20px;
  padding-top: 0px;
  background: transparent url('/web/img/siroky-spodek.gif') 0 bottom no-repeat;
}

div.uzky {
  margin-left: 300px;
  width: 462px;
  background-image: url('/web/img/uzky-prostredek.gif'); 
}
div.uzky div.vrsek {
  background-image: url('/web/img/uzky-vrsek.gif');  
} 
div.uzky div.spodek {
  background-image: url('/web/img/uzky-spodek.gif'); 
}

div.lista {
  position: absolute;
  top: 90px;
  width: 192px;
  background-image: url('/web/img/lista-prostredek.gif'); 
}
div.lista div.vrsek {
  background-image: url('/web/img/lista-vrsek.gif');  
} 
div.lista div.spodek {
  background-image: url('/web/img/lista-spodek.gif');
  padding: 20px 6px; 
}






div.stredni {
  margin-left: 200px;
  width: 562px;
  background-image: url('/web/img/stredni-prostredek.gif'); 
}
div.stredni div.vrsek {
  background-image: url('/web/img/stredni-vrsek.gif');  
} 
div.stredni div.spodek {
  background-image: url('/web/img/stredni-spodek.gif'); 
}

div.ctverec {
  background: #F2E5D8 url('/web/img/ctverec.gif') no-repeat;
  padding: 6px;
  width: 130px;
  height: 130px;
  position: absolute;
  top: 150px;
  left: 150px;    
}
div.ctverec p {
  color: #444444;
  padding: 0 15px;
  margin: 38px 0;
  text-align: center;
}
div.ctverce {
  position: absolute;
  top: 90px;
  height: 284px;
  width: 284px;  
}
div.ctverce-vnitrek {
  position: relative;
}
a.ctverec {
  background: #F2E5D8 url('/web/img/ctverec.gif') no-repeat;
  display: block;
  text-align: center;
  padding: 6px;
  padding-top: 86px;
  color: maroon;
  text-decoration: none;
  font-weight: bold;
  width: 130px;
  height: 50px;
  position: absolute;  
}


a.ubytovani {
  background-image: url('/web/img/ubytovani.jpg');
  left: 150px;
}
a.ubytovani:hover, a.ubytovani:focus,  a.ubytovani:active, a.ubytovani-aktivni {
  background-image: url('/web/img/ubytovani-aktivni.jpg');
}
a.sluzby {
  background-image: url('/web/img/sluzby.jpg');
}
a.sluzby:hover, a.sluzby:focus, a.sluzby:active,  a.sluzby-aktivni {
  background-image: url('/web/img/sluzby-aktivni.jpg');
}
a.eshop {
  background-image: url('/web/img/eshop.jpg');
  top: 150px;  
}
a.eshop:hover, a.eshop:focus, a.eshop:active, a.eshop-aktivni {
  background-image: url('/web/img/eshop-aktivni.jpg');
}

* html div.ctverec, * html a.ctverec {
  width: 142px;
  height: 142px;    
}




fieldset {
  border: 1px solid #DAB692;
  margin: 5px 5px;
  padding: 10px;
}
* html fieldset {
  padding-top: 0px;
}
fieldset legend {
  color: #DAB692;
   
}





div.GLine {
  padding: 3px 0;
}

label {
  color: #444444;
}
label.GFirstOnLine {
  display: block;
  width: 180px;
  float: left;
  text-align: right;
  margin-right: 6px;

}
div.GMultiSelect, div.GSelect {
  margin-left: 186px;
}
div.GMultiSelect div.GMultiSelectCheckList {
  overflow: scroll;
}
div.GMultiSelect label, div.GSelect label {
  color: black;
}
div.GSelect label.GDisabled, div.GMultiSelect label.GDisabled {
  color: gray;
}
div.GMultiSelect div.GQuickSelect {
  font-size: 8pt;
  color: gray;
  padding: 3px 10px;
  text-align: right;
  padding-top: 1px;
  background: #F9F2EC;
  border-bottom: 1px solid #DAB692; 
}
/*div.GSelect {
  padding: 3px 1px;
} */
input.GText, input.GPassword, select.GSelect, textarea.GTextArea,
div.GMultiSelect, input.GFileInput {
  font-family: sans-serif, Arial, Verdana, Geneva, Helvetica;
  font-size: 10pt;
  border: 1px solid #DAB692; 
}
input.GText:hover, input.GPassword:hover, select.GSelect:hover,
textarea.GTextArea:hover, div.GMultiSelect:hover, input.GFileInput:hover {
  border-color: #1173CC;
  background: #F5FAFE; 
}
input.GFirstOnLine, textarea.GFirstOnLine, select.GFirstOnLine, div.GMultiSelect, div.GSelect {
  width: 250px;
}
textarea.GTinyMCE {
  width: 100%;
}
input.GCheckBox {
  width: auto;
}
input.GCheckBox.GFirstOnLine {
  margin-left: 186px;
}

* html input.GCheckBox.GFirstOnLine {
  margin-left: 0px;
}
input.GErrorField, textarea.GErrorField, select.GErrorField {
  border-color: #F58989;
}
label.GErrorField {
  color: #CC1111;
}

ul.GInfoMessages, ul.GErrorMessages, ul.GOKMessages {
  padding: 0;
  margin: 5px 10px;
}
ul.GInfoMessages li, ul.GErrorMessages li, ul.GOKMessages li {
  font-size: 10pt;
  font-weight: bold;
  padding: 2px 10px;
  padding-left: 30px;
  margin: 5px 0;
  color: #2669A6;
  background: #F0F8FF url('/web/img/btn/informace.png') 5px center no-repeat;
  list-style: none;
  list-style-image: none;  
  border-top: 1px solid #89C1F5;  
  border-bottom: 1px solid #89C1F5;  
}

ul.GErrorMessages li {
  background-image: url('/web/img/btn/chyba.png');
  background-color: #FFF0F0; 
  border-color: #F58989;
  color: #CC1111;  
}
ul.GOKMessages li {
  background-image: url('/web/img/btn/potvrzeni.png');
  background-color: #F0FFF0; 
  border-color: #11D011;
  color: #0C8B0C; 
}

div.GSubmitPanel, div.tlacitka {
  text-align: right;
  border-top: 1px dotted #8B1518;
  padding: 5px 10px;
  padding-bottom: 0;
  margin: 5px 0px;
  margin-bottom: 0; 
}
div.GSubmitPanel div.GFormLegend {
  float: left;
  font-size: 8pt;
  color: gray;
}
form {
  margin: 0;
  padding: 0;
}




div.text table img, div.text table a img {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}



table {
  margin: 10px 5px;
  border-collapse: collapse;
  border-top: 1px solid #DAB692;  
  border-bottom: 1px solid #89C1F5;    
}
table th, table td {
  padding: 1px 5px;
}
table th img, table td img {
  margin: 5px;
}
table td, table th {
  border-bottom: 1px solid #DAB692;  
}
table td.drobne {
  font-size: 8pt;
  color: gray;
}
div.text table th a, div.text table td a {
  text-decoration: none;
  color: #86412D;
}
table th a:hover, table td a:hover {
  color: #C2884E;
}
table th {
  color: gray;
  background: #E4CBB1;
  text-align: center;  
}
table thead th {
  border-bottom: 1px solid #DAB692;
  
}
table.GSimpleLister thead th:hover {
  background: #F9F2EC;
   
}
table tfoot th {
  border-top: 1px solid #D3E0ED;
  color: gray;
  font-size: 8pt;

  font-weight: normal;  
}

table tfoot th b {
  color: gray;
}
table img {
  border: none;
}
table tr.GNoItems td {
  font-style: italic;
  font-size: 8pt;
  color: #8B1518;
  text-align: center;
  padding: 3px 5px;
}


table tr.GListControls th {
  text-align: right;
  padding: 2px 3px;
}
table tr.GFooter th {
  border-top: none;
}
table span.GQuickSelect {
  float: left;
}
table tr.GEven td {
  background: #F9F2EC;
}
table td.GSortedBy {
  background: #D9F2D9;
}
table th.GSortedBy {
  background: #B1E4B1;
}
table tr.GEven td.GSortedBy {
  background: #ECF9EC;
}

a.btn-odstranit, a.btn-pridat, a.upravit-stranku {
  background: transparent url('/web/img/btn/odstranit.png') 0px center no-repeat;
  padding: 2px 0;
  margin: 0 5px;
  padding-left: 20px;  
}

a.btn-pridat {
  background-image: url('/web/img/btn/pridat.png');  
}

a.odhlasit, a.administrace, div.text a.upravit-stranku {
  position: absolute;
  right: 20px;
  top: 80px;
  
  padding: 2px 5px;
  background: #F2E5D8 url('/web/img/btn/upravit.png') 5px center no-repeat;
  padding-left: 25px;
  border: 1px solid #DAB692;
  color: black;
  text-decoration: none;
  font-weight: bold;
}
a.administrace {                                 
  top: -10px;
  right: 150px; 
  background-image:  url('/web/img/btn/administrace.png');
}
a.odhlasit {                                 
  top: -10px;
  background-image:  url('/web/img/btn/zamknout.png');
}
a.odhlasit:hover,
a.administrace:hover,
div.text a.upravit-stranku:hover,
a.odhlasit:focus,
a.administrace:focus,
div.text a.upravit-stranku:focus,
a.odhlasit:active,
a.administrace:active,
div.text a.upravit-stranku:active {
  background-color: #F9F2EC;
}
div.GImageInput a.GImage {
	display: block;
  border: 1px solid #DAB692;
	padding: 2px;
  background: white;
  margin-left: 186px;    
}
div.GImageInput a.GImage img {
  border: none;
  padding: 0;
  margin: 0;
}