@media screen, projection, tv{
html,body{ font-family: "Tahoma CE",  "Helvetica CE", Tahoma, "Arial CE",Arial, "Lucida Grande CE", lucida, sans-serif; height: 100%; }
/*    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;
*/
body{
	background: transparent url(../img/back2.jpg) no-repeat center 0;
}

hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
input, textarea, select{ font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif; border: 1px solid #939393;  margin: 2px 0; vertical-align: middle;}
input, textarea{ padding: 3px; }
input.btn, .btn{ border: 1px solid #0C6297; background: #0B90E5 url(../img/btn.gif) repeat-x; color: White; font-weight: bold; padding: 4px 10px; }
form{ background-color: #F1F1F1; padding: 10px; }
h1{ font-size: 1.5em; margin: .8em 0; }
h2{ font-size: 1.25em; margin: .8em 0; color: #004483; }
h2.hlavni{ border-left: 5px solid #A2A400; padding: 10px 13px; margin-left: -18px; margin-top: 0; }
h3{ font-size: 1.1em; margin: 1.5em 0 .5em 0;  color: #004483;}
h4{ font-size: 1em; margin: .8em 0; }
a{ color: #004483; }
a:hover{ color: #757600; }
.obr, .obr2, .obr3{ border: 5px solid #F1F1F1; }
ul.seznam{ margin-left: 20px; list-style-type: square; }
ol li, .seznam li{ padding: .6em 0; }
.formik th{ text-align: right; font-weight: bold; vertical-align: top; }

#cont{ position: relative; height: 100%; min-height: 100%; }
html>body #cont{ height: auto; }
#base{ margin: 0 auto; text-align: left; width: 997px; font-size: .7em; position: relative; background: White url(../img/mainback.jpg) no-repeat 0 0; padding-bottom: 2em; }
#head{ padding: 37px 0 0 67px; }
#head h1{ color: White; background-color: #0182E0; position: relative; overflow: hidden; line-height: 1.2em; margin: 0; }
#head h1 span, #head h1{ width: 185px; height: 67px; }
#head a{ background-color: transparent; color: White; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/atlantida.jpg) no-repeat; color: White; }

#left{ position: absolute; top: 175px; left: 137px; width: 146px; background-color: transparent; }

#menu ul{ list-style-type: none; margin: 0; }
#menu li{ background: transparent url(../img/tecky.gif) no-repeat 100% 100%; padding-bottom: 1px; }
#menu a{ padding: 2px 22px 2px 5px; text-align: right; text-decoration: none; display: block; color: #004483; width: 119px; background: transparent url(../img/sip.gif) no-repeat 100% .55em; }
#menu a:hover{ color: #757600; }

#main{  width: 997px; padding-top: 162px; }

.index #main{ padding-top: 293px; }
#plocha{  padding: 5px 20px 20px 30px; margin-left: 283px; margin-right: 109px; height: 30em; }
html>body #plocha{ height: auto; min-height: 30em; }
#pata{ background-color: #939393; position: absolute; bottom: 0; left: 0; width: 100%; }
#pata-in{ width: 997px; margin: 0 auto; }
#pata p{ margin: 0; font-size: .7em; padding: 2px 127px 2px 10px; text-align: right; color: White; }
#pata a{ color: White; }
#pata a:hover{ color: #CECDCD; }

#flash{ position: absolute; top: 40px; left: 284px; }
#mutace{ position: absolute; top: 15px; left: 592px; width: 30em; color: #66B2FD; }
#mutace ul{ list-style-type: none; margin: 0; }
#mutace li{ float: left; background: transparent url(../img/mut.gif) no-repeat 100% 3px; padding-right: 1px; }
#mutace a, #mutace span{ display: block; color: white; text-decoration: none; padding: 2px 10px; line-height: 1.3em; }
#mutace a:hover, #mutace span{ color: #66B2FD; }

.gal{ margin-left: -13px; }
.gal p{ margin: 0 4px 14px 0; float: left; background-color: #F1F1F1; padding: 5px; width: 175px; display: inline; }
.gal a{ text-decoration: none; font-weight: bold; color: Black; display: block; }
.gal img{ display: block; margin-bottom: 5px; }
.gal img.plus{ float: right; margin: 0; }
.gal span{ line-height: 2em; margin: 0 5px; display: block; line-height: 1.2em; padding-top: 6px; }

.novinka h3{ margin: 0; font-size: 1em; }
.novinka p{ margin: 0; }
.novinka{ border-bottom: 1px solid #D4D4D4; padding: 0 0 10px 0; margin-bottom: 10px; }
.novinka img{ border: 5px solid #F1F1F1; float: left; margin: .3em .7em .2em 0; }

.rezerv th{ text-align: right; padding: 0 7px 0 0; vertical-align: middle; }
.rez textarea{ width: 527px; }

div.potvrzeni{ width: 230px;  padding-bottom: 10px; background-color: #87CEFA; top: 425px; left: 45%; color: black; 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-collapse: collapse; margin: 12px 0; width: 100%; line-height: 1.2em; }
table.tab th{ color: White; background: #32C3FA url(../img/th.gif) repeat-x; padding: 4px 7px; font-weight: bold; text-align: left; border-right: 1px solid white; border-bottom: 1px solid #32C3F8; }
table.tab th.last{ border-right: 0; }
table.tab td{ border: 1px solid #CDCDCD; padding: 4px 7px; background-color: #F1F1F1; }
tr.sec td{ background-color: white; color: black; }
tr.sec td a{ background-color: transparent; }

#pata a{text-decoration: none; }
#pata a span{ text-decoration: underline; }

  div#popik{ position: absolute; top: 230px; left: 260px; border: 1px solid #D1D1D1; border-bottom: 2px solid gray;  border-right: 2px solid gray; display: none; text-align: center; font-size: .8em; width: 260px; background-color: white; text-align: left; color: #3B3000; }
  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: white; color: black;}

.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 30px; line-height: 2.3em; }
.doc{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 30px; line-height: 2.3em; }
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 30px; line-height: 2.3em; }
.zip{ background: transparent url(/img/i-archiv.gif) no-repeat 0% 0; padding: 4px 0 4px 30px;  line-height: 2.3em;}
}