@media screen, projection, tv{
html,body{ color: #08365E; background: white;  margin: 0; padding: 0;  }
html{ background: White url(../img/back1.gif) repeat-x 0 0; }
body{ background: transparent url(../img/back2.gif) no-repeat 0 1px; }
#index{ background: White url(../img/back4.gif) repeat-x 0 0; }
#index body{ background: transparent url(../img/back3.gif) no-repeat 0 1px; }
html,body, input, textarea, select, table{font-family: "Trebuchet MS","Tahoma CE", Tahoma, "Arial CE", "Helvetica CE", Arial, "Lucida Grande CE", lucida, sans-serif;}
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/


hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
h2, h1{ font-size: 1.2em;  margin: 1.4em 0 .6em 0;  text-transform: uppercase; line-height: 1em; color: #08365E; background-color: white;  padding: 0 1px;  }
h2.hlavni, h1.hlavni{ border-bottom: 10px solid #08365E; margin-top: 5px; font-size: 1.4em; }
h3{ font-size: 1.2em; margin: 2em 0 .6em 0; line-height: 1.2em; color: #08365E; }
h4{ font-size: 1.1em;  margin: 2em 0 .6em 0; line-height: 1.2em;color: #08365E; }
a{ color: #08365E; }
adrress{ font-style: italic; }
.obr2{ border: 2px solid #ADA693; }
#plocha input, #plocha textarea, #plocha select{ border: 1px solid #ADA693; }
input.btn{ background-color: #ADA693; color: White; font-weight: bold; border: 1px solid #ADA693; padding: 0 20px; cursor: pointer; }
a.btn {  border: 0px; text-decoration: none; font-weight: bold; background-color: #ADA693; color: white; padding: 3px 2.2em; }

#base{ font-size: .75em; position: relative;  margin: 0 auto; text-align: left; width: 981px; line-height: 1.4em; border-top: 1px solid white; }

#top{ padding-bottom: 103px; background: #08365E url(../img/top.jpg) no-repeat 0 100%; width: 981px; }
#index #top{ background: #08365E none; padding-bottom: 0; }
#head{ width: 224px; background: white url(../img/top.gif) no-repeat;width: 981px;}
#head p{ color: black; background-color: #DEDBD2; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head p span, #head p{ width: 224px; height: 102px; }
#head a{ background-color: #DEDBD2; color: black; text-decoration: none; }
#head p span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/b-group.jpg) no-repeat; color: black; }

#main{ width: 981px; background: White none repeat-y; }
#index #main{ background-image: none; }
#stred, #left{ float: left; display: inline; overflow: hidden; }
#left{ width: 246px; margin-left: -981px;  font-size: 1.1em; }
#stred{ margin-left: 0; width: 981px; }
#mutace{ position: absolute; top: 122px; left: 27px; }
#plocha{ padding: 10px 22px 10px 19px; }

.archiv2{ margin: 10px 22px 0px 19px; padding-bottom: 5px; border-bottom: 5px solid #08365E; }

#drobky{ margin: 0; background: white url(../img/drobky.jpg) no-repeat; padding: 5px 0 5px 17px; font-weight: bold; line-height: 1.2em; font-size: .9em; }
#drobky a{ color: #08365E; background: transparent url(../img/dr.gif) no-repeat 100% .45em; padding-right: 18px; margin-right: 10px; }

#hledani{ width: 981px; background: White url(../img/hledani.gif) repeat-y 28px 0; }
.search{ background: transparent url(../img/n1.gif) no-repeat; padding: 15px 0 0 28px; background-color: #ADA693;  }
.search fieldset{ background: transparent url(../img/l.gif) no-repeat 100% 100%; padding: 0 10px 23px 23px; }
.search label{ color: white; font-weight: bold; display: block; line-height: 1.2em; padding-top: 3px; }
.search select{ width: 151px; font-size: .9em; }
.search input{ font-size: .9em; padding: 0 2px; }
.search button{ color: White; font-weight: bold; background: #C3BEAF url(../img/btn.gif) no-repeat; width: 132px; line-height: 1.2em; padding: 6px 0 7px 0; font-size: .9em; margin: 15px 0 0 0; }
#index .search fieldset{ padding: 0; background-image: none; }
#index .search{ padding: 15px 10px 0 51px; }

.boxik, .boxik2{ background: transparent url(../img/l.gif) no-repeat 35px 100%; width: 246px; }
.boxik{padding: 10px 10px 23px 51px; width: 185px; }
.boxik2{ padding: 10px 10px 35px 28px; width: 208px;}
#left ul{ font-weight: bold; list-style-type: none; line-height: 1.5em; margin: 0; }
#left ul a{ color: White; text-decoration: none; background: transparent url(../img/li.gif) no-repeat 0 .5em; padding-left: 13px; }
#left h2{ color: #9C4419; background: transparent; line-height: 1.1em; text-transform: none; margin: 0 0 10px 23px; font-size: 1.2em; font-weight: bold; }
#left .kmape{ font-weight: bold; color: White; margin: .4em 27px; font-size: .9em; background: transparent url(../img/xx.gif) no-repeat 0 2px; padding-left: 20px; }

#index .search{ float: left; width: 185px; padding-bottom: 10px; }
#index #plocha{ padding: 10px 21px 0 27px; width:933px;  }
#index h2.hlavni{ font-size: 1.4em; }

#news{ padding:  1px 0 0 658px; color: White; height: 392px; overflow: hidden; background: #093A65 url(../img/index.png) no-repeat 0 0%;  }
#news img.obr{ float: left; margin: 4px 5px 2px 0;  border: 2px solid #D5D9E5; }
#news p{ line-height: 1.3em; font-size: 1.1em; margin: 0; padding-right: 10px; }
#news p.datum{ background: #ADA693 url(../img/datum.gif) no-repeat; float: left; width: 37px;  margin: 0;font-weight: bold; font-size: .85em; text-align: center; padding: 5px 0 4px 0;  }
#news a{ color: White;text-decoration: none; }
#news h3, #news h1{ font-size: 1em; text-transform: uppercase; padding: .3em 0; margin: 0 0 0 50px; }
.new{ margin: 1.2em 0 1em 0; background: transparent url(../img/new.gif) no-repeat 100% 100%; padding-bottom: 18px;}
#news p.right{ line-height: 1.2em; padding-top: 4px; }
#news p.archiv{ padding-top: 0em; margin: -1.2em 0 0 0; }
#news .archiv a{ font-weight: bold; color: #D3DBEC; text-decoration: underline; }
#news .lomic{ margin-top: -1px; }

#flash{ position: absolute; top: 160px; left: 7px; }
#date{ color: #ADA693; font-weight: bold; font-size: .9em; position: absolute; top: 108px; left: 485px; z-index: 10; line-height: 1.2em; }
#hledani td{ vertical-align: top; }
#hledani .td3 h2{ color: #9C4419; background: transparent; line-height: 1.1em; text-transform: none; margin: 20px 27px 12px 27px; font-size: 1.3em; font-weight: bold; }
#hledani .td3 p{ font-weight: bold; color: White; margin: .4em 27px; background: transparent url(../img/xx.gif) no-repeat 0 2px; padding-left: 20px; }
#find{ position: absolute; top: 0; right: 35px; width: 130px;  text-align: right; }
#find h2{ text-transform: none; font-size: 1.3em; background-color: transparent; margin-top: 20px; }
#find a{ display: block; font-weight: bold;  text-decoration: none;}
#find a span{ margin-left: 2px; text-decoration: underline; }

#menu{ position: absolute; top: 20px; left: 244px; width: 735px; z-index: 100; }
#menu ul{ margin: 0 27px 0 0; list-style-type: none; float: left; }
#menu a { display: block; _display: inline-block; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; background: #DEDBD2 url(../img/m1.gif) no-repeat 0 .25em; padding: 2px 0 2px 19px; }
#menu .spec a{ background-image: url(../img/m2.gif); } 

#down{ border-top: 1px solid #08365E; margin: 9px 21px 0 27px; padding-bottom: 5px; }
#down a{ font-weight: bold; font-size: 1.1em; text-decoration: none; }
#down a.d1, #down a.d2, #down a.d3{ background: White url(../img/faq2.gif) no-repeat; padding: 4px 0 7px 30px; display: block; float: left; margin-right: 15px; margin-top: 10px; }
#down a.d2{ background-image: url(../img/site_map.gif); }
#down a.d3{ background-image: url(../img/newsx.gif); }


#pata{ font-size: .75em;  clear: both;  background: #08365E url(../img/pata.gif) repeat-x; color: #ADA693; border-bottom: 1px solid white;  }
#pata-in{ width: 981px; margin: 0 auto; background: transparent url(../img/pata.jpg) no-repeat 100% 0; }
#pata p{ margin: 0; padding: 15px 0 38px 0; line-height: 1.2em; font-weight: bold; padding-left: 27px; }
#pata p.netservis{ float: right; width: 20em; text-align: right; padding-right: 21px; }
#pata .netservis a{text-decoration: none; color: #ADA693; margin: 0; }
#pata a span{ text-decoration: underline; color: #ADA693; font-weight: bold;}
#pata .netservis{ float: left; width: 222px; text-align: left; margin: 0; }
#pata a{ color: #ADA693; margin: 0 2px; }

.nabidka{ width: 220px; float: left; border-bottom: 10px solid #ADA693; display: inline; padding-bottom: 1px; margin-right: 17px; }
.nabidka h3{ font-size: 1em; margin: 0 0 8px 0; }
.nabidka img{ float: right; border: 2px solid #ADA693; margin-top: 4px; }
.nabidka .cena{ color: #9B3D10; font-size: 1.2em; font-weight: bold; }
.nabidka .spec{ color: #9B3D10; font-style: italic; font-weight: bold; margin-top: 0; }
.nabidka p{ margin-top: 0; }
.nabidka p.vice{ margin-bottom: 0; }
.nabidka a.vice{ color: #ADA693; font-weight: bold; text-decoration: none; background: transparent url(../img/vice2.gif) no-repeat 100% .5em; padding-right: 18px; }

.hotel{ border-bottom: 1px solid #DEDBD2; padding-bottom: 5px; padding-top: 20px; }
.hotel h3{ margin: 0 0 5px 0; font-size: 1em; }
.hotel img{ border: 2px solid #ADA693; display: block; }
.hotel .foto{ float: left; width: 140px; overflow: hidden; }
.hotel address{ display: block; width: 135px; font-style: italic; line-height: 1.3em; padding: 0; margin: 0 0 .3em 0; }
.hotel .spec{ color: #9B3D10; font-style: italic; font-weight: bold; margin-top: 0; float: right; width: 10em; text-align: right; }
.hotel p.text{ margin-top: 0; margin-left: 142px; }
.hotel .protabulku{ margin-left: 140px; }


.info{ border-top: 3px solid #DEDBD2; border-bottom: 3px solid #DEDBD2; margin-top: 4px; }
.info td, .info th{ background-color: #DEDBD2; padding: 0px 0 0 10px; }
.tsirka{ width: 7.5em; }
.sort{ background-color: #ADA693; margin: 4px 0; color: White; padding: 0 10px; }
.sort strong{ text-transform: uppercase; font-size: 1.1em; margin-right: 42px; }
.sort a{ font-weight: bold; color: White; line-height: 1.3em; text-decoration: none; margin: 0 4px; }

div.info{ background-color: #DEDBD2; margin: 1.5em 0; padding: 3px 10px; }

ul.seznam{margin-left: 1.3em; list-style-type: square;}
ul.seznam li{padding: .2em 0;}

.navigace{ font-weight: bold; text-align: right; line-height: 1.1em; }


div.potvrzeni{ width: 230px;  padding-bottom: 10px; background-color: #08365E; z-index: 100; top: 200px; left: 35%; color: white; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 0; margin: 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }

table.tab{ font-size: 1em; border: 1px solid white; border-collapse: collapse; margin: 12px 0; width: 546px; line-height: 1.2em; }
table.tab th{ color: #08365E; background-color: #DEDBD2; padding: 4px 11px; font-weight: bold; text-align: left; border-right: 1px solid white; }
table.tab td{ border: 1px solid white; padding: 3px 11px; background-color: #F0ECDE; }
table.tab tr.sec td{ background-color: #D7D5C3; }
table.tab a, table.tab strong{ color: #9B3D10; font-weight: bold; }
table.tab a{ font-size: .9em; }
th.last{ border-right:  1px solid white !important ; }
.formik th{ text-align: right; padding: 2px 10px 2px 0; border: 0; }
.formik td{ padding: 2px 20px 2px 0px; border: 0;  }

#calendar { display: none; position: absolute; top: 260px; left: 180px; background-color: #08365E; border: 1px solid #08365E;  font-size: .9em; color: white;}
#calendar th{ padding: 0 1px; width: 18px; text-align: right;}
#calendar td{ text-align: right; padding: 0 1px; }
#calendar button{ color: White; padding: 0; margin: 0; line-height: 1.2em; font-size: .9em !important ; }

img.flag { border: solid 1px black; margin: 0 2px; height: 12px; }
table.collapse { border-collapse: collapse }
table.collapse td { padding-right: .4em; }
div.address { float: right; width: 270px; padding: 4px 8px; }


  div#popik{ position: absolute; top: 200px; left: 260px; border: 1px solid #D1D1D1; border-bottom: 2px solid gray;  border-right: 2px solid gray; display: none; text-align: center; font-size: 1em; width: 350px; background-color: #DEDBD2; text-align: left; }
  div#popik a .obr3{ border: 0; margin: 0 0 0 11px; float: none;}
  div#popik p{ margin: 8px; }
  a#closebtn{  cursor: pointer; float: right; /*display: block; padding: 0px 3px; font-weight: bold; background-color: #A92F00; border: 1px solid gray; border-right: 0; border-top: 0; color: white; text-align: center; width: 10px;*/}
  a#closebtn:hover{text-decoration: none; background-color: transparent; color: black;}

.file{ background: transparent url(/img/i-blank.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;  line-height: 2em;}
.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.doc, .txt, .rtf{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.zip, .rar{ background: transparent url(/img/i-archiv.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.jpg, .peg, .png, .gif, .bmp, .tif{ background: transparent url(/img/i-pic.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.avi, .mpg, .mov, .asf, .ram{ background: transparent url(/img/i-video.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.mp3, .wav, .mid{ background: transparent url(/img/i-audio.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}

}