/*------------------------------------------------
           PLEASE DONT'S STEAL,
    JUST TAKE THE INSPIRATION!
------------------------------------------------- */

/*------------------------------------------------
CSS INFO
--------------------------------------------------
FILE: style.css
PROJECT:  Arkotour
URL: www.arkotour.cz
DATE: 05-2009
------------------------------------------------- */

/*------------------------------------------------
 STANDARD HTML TAG RESET 
------------------------------------------------- */
body,
h1, h2, h3, h4, h5,
p, ul, li, ol,
blockquote,
form {
  border: 0;
  margin: 0;
  padding: 0;
}

/*------------------------------------------------
STANDARD HTML TAG DEFINITION
------------------------------------------------- */

body,
form, input, td, th {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}

body {
  background: #e6d1b6 url("strike-hand.jpg") center top no-repeat
}

td, th {
  font-size: 11px;
}

a:link, a:visited{
  color: #155da9;
}

a:hover {
  color: #000;
}

p {
  text-align: justify;
}

p.center, .center {
  text-align: center;
}

p.right, .right {
  text-align: right;
}

p.alleft {
  float: none;
}

p.alright {
  float: right;
}

img {
  border: none;
}

img.alleft {
  float: left;
  margin: 0 5px 5px 0;
}

img.alright {
  float: left;
  margin: 0 0 5px 5px;
}

hr {
  visibility: hidden;
  clear: both;
  height: 0;
  border: 0;
}

.hr {
  clear: both;
  height: 1px;
  background: #ccc;
  font-size: 0;
}



/*------------------------------------------------
WRAP
------------------------------------------------- */

#wrap {
  position: relative;
  width: 976px;
  margin: 37px auto;
  overflow: hidden;
  background: url("shadow.jpg") right 5px no-repeat
}
#wrap2 {
  background: url("bg_center.gif") 220px top repeat-y
}

/*------------------------------------------------
HEADER
------------------------------------------------- */

#header {
  height: 73px;
  overflow: hidden;
  color: #fff;
}

#header h1 {
  float: left;
  width: 186px;
  height: 73px;
  background: url(header_h1.jpg);
}

#header h1 a {
  display: block;
  width: 100%;
  height: 100%
}

#header h1 a span {
  display: none;
}

#header h2 {
  float: left;
  width: 185px;
  margin: 16px 0;
  border-left: 1px solid #fff;
  padding: 5px 50px 5px 25px;
  padding: 5px 20px 5px 25px;
  font-size: 12px;
  font-weight: normal;
}

#header h2 a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}

#header h2 span {
  color: #ffda00;
  font-size: 16px;
  font-weight: bold;
}

#header ul {
  list-style: none;
  padding: 23px 0 0;
}

#header ul li {
  float: left;
}

#header ul li a {
  float: left;
  display: block;
  margin: 0 5px 0 0;
  margin: 0 3px 0 0;
  color: #7f7f7f;
  font-weight: bold;
  text-decoration: none;
}

#header ul li.home a {
  float: left;
  display: block;
  width: 34px;
  height: 36px;
  padding: 0;
  background: url(header_ul_li-home_a.gif);
}

#header ul li.home a span {
  display: none;
}

#header ul li a:hover {
  color: #000;
}

#header ul li a.active {
  color: #000;
}

#header ul li a span.left, #header ul li a span.center, #header ul li a span.right {
  display: block;
  float: left;
  height: 30px;
  padding: 6px 17px 0;
  padding: 6px 16px 0;
}

#header ul li a span.left, #header ul li a span.right {
  width: 5px;
  padding: 6px 0 0;
}

#header ul li a span.left {
  background: url(header_ul_li_a-lr.gif) top left no-repeat;
}

#header ul li a span.center {
  background: url(header_ul_li_a.gif) top repeat-x;
}

#header ul li a span.right {
  background: url(header_ul_li_a-lr.gif) top right no-repeat;
}

#header ul li a:hover span.left, #header ul li a.active span.left {
  background: url(header_ul_li_a-lr-act.gif) top left no-repeat;
}

#header ul li a:hover span.center, #header ul li a.active span.center {
  background: url(header_ul_li_a-act.gif) top center repeat-x;
}

#header ul li a:hover span.right, #header ul li a.active span.right {
  background: url(header_ul_li_a-lr-act.gif) top right no-repeat;
}

/*------------------------------------------------
LEFT
------------------------------------------------- */

#left {
  position: relative;
  float: left;
  width: 205px;
  overflow: hidden;
}

#left p.help {
  padding: 24px 0;
  background: #4f8dcf url(left_help.jpg);
  font-size: 16px;
  color: #fff;
}

#left p.help big {
  font-size: 19px;
  color: #ffda00;
}

#left p.phone {
  padding: 12px;
  background: #4f8dcf url(left_phone.jpg);
  font-size: 12px;
  color: #fff;
}

#left p.phone sup {
  font-size: 11px;

}

#left p.phone big {
  font-size: 18px;
  font-weight: bold;
}

#left p.links {
  background: #4f8dcf;
}

#left p.links a {
  display: inline-block;
  float: left;
  width: 150px;
  height: 28px;
  padding: 12px 0 0 55px;
  font-size: 14px;
  font-weight: bold;
  color: #ffda00;
  text-decoration: none;
}

#left p.links a.write {
  background: url(left_links.jpg) top;
}

#left p.links a.call {
  background: url(left_links.jpg) center;
}

#left p.links a.newsletter {
  background: url(left_links.jpg) bottom;
}

#left p.links a.darkovypoukaz {
  background: url(left_links_vou.jpg) top;
}

#left p.links a.najdemezajezd {
  background: url(box-nematecas.gif) top;
  height: 139px;
  padding: 0 0 0 55px;
  margin: 0;
}

#left .box {
  clear: both;
  padding: 15px 20px;
  background: #f0f0f0 url(bg_block-left.gif) left top repeat-x;
  overflow: hidden;
  margin-top: 14px;
}

#left .box a {
  font-weight: bold;
  color: #34B6FA
}

#left .box h3 {
  font-size: 16px;
  font-size: 17px;
  margin-bottom: 15px;
  color: #353535;
  text-transform: uppercase
}

#left .box p {
  padding: 10px 0 0;
  color: #454545;
  font-size: 11px;  
}

#left .box p img {
  float: left;
  margin: 0 10px 0 0;
}

#left .box p strong {
  color: #34B6FA;
  font-size: 14px;
}
#left .weather {
  padding-left: 15px;
  padding-right: 0;
  font-weight: bold
}
#left .weather p {
  font-size: 11px;
  color: #878787
}

#left .weather p strong {
  font-size: 11px;
}

#left .box p.eur, #left .box p.gbp, #left .box p.usd {
  padding: 8px 0 8px 20px;
  margin: 0 0 0 5px;
  color: #155da9;
  font-weight: bold;
}

#left .box p.eur {
  background: url(left_p_eur.gif) center left no-repeat;
}

#left .box p.gbp {
  background: url(left_p_gbp.gif) center left no-repeat;
}

#left .box p.usd {
  background: url(left_p_usd.gif) center left no-repeat;
}

#left .box p span.answ {
  display: block;
  float: left;
  height: 10px;
  margin-top: 2px;
  background: url("bg_anketa.gif") left top repeat-x;
}

/*------------------------------------------------
RIGHT
------------------------------------------------- */

#right {
  position: relative;
  float: right;
  width: 205px;
  border-top: 1px solid #fff;
  overflow: hidden;
}

#right p.inbox {
  padding: 10px;
  color: #fff;
  background: #4f8dcf url(right_inbox.jpg);
  font-size: 11px;  
}

#right p.inbox a {
  text-decoration: none;
  color: #fff;
}


#right p.inbox a big {
  font-size: 16px;
  font-size: 17px;
  color: #ffda00;
  font-weight: bold;
}

#right .box {
  clear: both;
  padding: 15px;
  background: #ededed url(left_box.jpg) top repeat-x;
  overflow: hidden;
  font-size: 11px;  
}

#right .box a {
  font-weight: bold;
}

#right .box h3 {
  font-size: 16px;
  font-size: 17px;
  color: #303030;
}

#right .box p {
  padding: 15px 0 0;
  color: #878787;
}

#right .box p img {
  float: left;
  margin: 2px 10px 0 0;
}

#right .topcountries img {
  width: 16px;
}

#right .bluebox {
  background: #4f8dcf;
}

#right .bluebox h3 {
  padding: 10px 15px;
  background: #317bc8;
  color: #ffda00;
  font-size: 18px;
  font-size: 17px;
}

#right .bluebox ul {
  list-style: square;
  padding: 10px 35px 10px 40px;
  color: #ffda00;
}

#right .bluebox ul li {
  font-size: 12px;
  font-size: 11px;    
  margin-bottom: 0.5em;
}

#right .bluebox ul li span {
  color: #fff;
}

#right .bluebox ul li a {
  color: #fff;
  text-decoration: none;
}


#right span.s, #content .recenze span.s {
  padding: 5px;
  background: #155da9;
  color: #fadd00;
  font-weight: bold;
}

/*------------------------------------------------
CONTENT
------------------------------------------------- */

#content {
  position: relative;
  width: 750px;
  float: left;
  background-color: #fff;
  margin-left: 15px
}



#content .content, #content #info {
  margin: 20px;
}

#content h2 {
  margin: 0 0 10px 0;
}

#content h3 {
  margin: 20px 0 3px 0;
  font-size: 17px;
  color: #3B3939;
}

#content #flash {
  position: relative;
  width: 587px;
  height: 179px;
  border-bottom: 1px solid #fff;
  background: url(flash.jpg);
}

#content .box {
  clear: both;
  background: url(content.gif) top no-repeat;
  overflow: hidden;
}

#content .box h3 {
  padding: 15px 20px 5px;
  padding: 0px 20px 5px;
  font-size: 17px;
  color: #303030;
}

#content .box p {
  padding: 0 20px 20px;
  font-size: 11px;
  color: #555;
  color: #878787;
}

#content .box p.center img {
  border: 1px solid #9d9d9d;
}

#content .box p.line {
  clear: both;
  padding: 10px;
  border-top: 1px solid #f1f1f1;
}

#content .order {
  padding: 20px 0 0;
  font-size: 10px;
}

#content .order p {
  font-size: 10px;
}

#content .order a {
  font-weight: bold;
}

#content #order table.kalkulace { 
  margin: 0 0 20px 0;
}

#content #order table.kalkulace input { 
  width: 60px;
}

#content .nav {
  background: #e4e4e4;
  border-bottom: 1px solid #fff;
}

#content .nav p {
  padding: 10px 20px;
  font-size: 10px;
  font-weight: bold;
  color: #ffea00;
}

#content #search {
  position: relative;
  width: 587px;
}

#content #search ul {
  list-style: none;
  padding: 10px 0 0;
}

#content #search ul li {
  float: left;
}

#content #search ul li a {
  display: block;
  float: left;
  padding: 10px 20px;
  margin: 0 2px 0 0;
  border-top: 1px solid #66a4e6;
  border-left: 1px solid #66a4e6;
  border-right: 1px solid #66a4e6;
  border-top: 1px solid #337CC9;
  border-left: 1px solid #337CC9;
  border-right: 1px solid #337CC9;

  background: #fff;
  text-align: center;
  color: #888;
  font-weight: bold;
}

#content #search ul li.first a:hover, #content #search ul li.first a.active {
/*  background: url(search.gif); */
  background: #337CC9 url(searchbg_li.jpg) no-repeat;
  color: #fff;
  text-decoration: none;
}

#content #search ul li a:hover, #content #search ul li a.active {
  background: #66a4e6;
  background: #337CC9;
  color: #fff;
  text-decoration: none;
}

#content #search form {
  clear: both;
  padding: 15px 0;
/*  background: url(search.gif); */
  background: #66A4E6 url(searchbg.jpg) no-repeat;   
  color: #fff;
  font-size: 11px;
}

#content #search label {
  display: block;
  float: left;
  padding: 3px 3px 0 0;
  width: 120px;
  text-align: right;
/*  color: #ffda00; */ 
  font-weight: bold;
}

#content #search a {
  color: #fff;
}

#content #search p {
  padding: 10px 0;
  padding: 6px 0;
  color: #fff;
/*  color: #ffda00; */ 
  font-weight: bold;
}

#content #search p.line {
  margin: 10px 40px 0;
  padding: 15px 0 10px;
  border-top: 1px solid #b3d0ee;
}

#content #search select {
  width: 100px;
  width: 150px; 
  border: 1px solid #888;
}

#content #search select#zeme, #content #search select#lokality {
  width: 180px;
}

#content #search input {
  width: 94px;
  border: 1px solid #888;  
}

#content #search input.submit  {
  width: 122px;
  height: 38px;
  border: none;
  background: url(search_submit.gif);
  cursor: hand;
  cursor: pointer;
}

#content #search a#link_doprava,
#content #search a#link_strava,
#content #search a#link_typ,
#content #search a#link_uroven,
#content #search a#link_text,
#content #search a#link_cislo
 {
  padding-right: 12px;
  margin-right: 6px;
  background: url('plus.gif') center right no-repeat;
}

#content .item {
  position: relative;
  float: left;
  width: 174px;
  height: 220px;
  height: 250px;
  height: 280px;  
  margin: 0 0 5px 15px;
}

#content .item a {
  display: block;
  padding: 9px;
  border: 1px solid #fff;
  text-decoration: none;
}

#content .item a:hover {
  border: 1px solid #70b4ff;
  background-color: #ffffff;
}

#content .item a img {
  border: 1px solid #9d9d9d;
  width: 155px;
  height: 99px;
  background: url('../img/default-small.jpg') top left no-repeat;
}

#content .item a h4 {
  padding: 5px 0;
  font-size: 14px;
}

#content .item a p {
  padding: 0;
  color: #878787;
}

#content .item a p.alright {
  font-weight: bold;
  font-size:10px;
}

#content .item a p.alright strong {
  color: #da0000;
}

#content .fifty {
  position: relative;
  float: left;
  width: 273px;
  padding: 10px 10px 20px;
}

#content .fifty p {
  padding: 0 0 0 10px;
}

#content .fifty p.alleft, #content .fifty p.alright {
  padding: 5px;
  font-size: 13px;
}
#left .box p.alleft {
  padding-top: 5px
}
#left .box p.alright {
  padding-top: 0
}
#left .box p.alleft a {
  font-weight: normal;
}

#content .fifty p.alright {
  font-weight: bold;
}

#content .fifty p.alright strong {
  color: #da0000;
}

#content .fifty img.full {
  width: 260px;
}

#content .fifty img.th {
  width: 84px;
  height: 56px;
}

#content #order {
  position: relative;
  width: 587px;
  padding: 20px 0;
  background: url(order.gif) top;
  background: #EDEDED url(order.gif) top no-repeat;
  overflow: hidden;
}

#content #order h3 {
  padding: 0 0 15px;
}

#content #order label {
  display: block;
  float: left;
  width: 60px;
  padding: 3px 5px 0 0;
  text-align: right;
  font-size: 11px;
}

#content #order input, #content #order select {
  width: 150px;
}

#content #order input.submit {
  width: 164px;
  height: 28px;
  border: none;
  background: url(order_submit.gif);
  cursor: hand;
  cursor: pointer;
}

#content .recenze {
  margin-bottom: 30px;
  color: #878787;
}

#content .recenze td {
  color: #878787;
}

#content .recenze p {
  margin: 4px 0;
}

#content h6 {
  font-size: 10px;
}

#content #pager {
  clear: both;
  margin-top: 30px;
}

#main-photo {
  width: 750px;
  height: 308px;
  background: url("main_photo.jpg") left top no-repeat
}
.arko-logo {
  width: 209px;
  height: 76px;
  background: url("arko_logo.png") left top no-repeat;
  position: relative;
  top: 90px;
  display: block;
}
h1 {
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 260%;
  background: url("main_photo-h.png") left top repeat-x;
  display: inline-block;
  padding: 10px 50px;
  position: relative;
  top: 90px;
  margin: 0;
  float: left
}
#jsmenu {
  background: url("bg_menu.gif") left top repeat-x;
  float: left;
  width: 100%;
  z-index:99999;
}
#jsmenu li {
  list-style-type: none;
  float: left;
  z-index:99999;
}
#jsmenu li a {
  color: #FFFFFF;
  font-weight: bold;
  padding: 10px 15px;
  display: block;
  text-decoration: none;
  z-index:99999;
}
#jsmenu li a:hover, #jsmenu li a.active {
  background: #FFA800 url("bg_menu-active.gif") left top repeat-x;
  z-index:99999;
}
#jsmenu li ul li {
  float: left;
  clear: left;
  width: 205px;
  display: block;
  z-index: 1;
}
#jsmenu li ul li a {
  background-color: #FFC100;
  border-bottom: 1px solid #FFDA00;
  font-weight: normal;
  z-index:99999;
}
#jsmenu li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  clear: left;
  z-index:99999;
}.map {
  width: 300px;
  height: 190px;
  float: right;
  margin: 70px 30px 50px 30px;
  display: inline
}
.map.bigger {
  width: 485px;
  height: 310px
}
.dest-photos-gal {
  clear: right;
  float: left;
  color: #878787;
  margin: 0 0 30px 15px;
  margin: 0 0 10px 15px;
  display:inline;
  width: 157px;
  height: 119px;  
}

.dest-photos-gal.first {
  margin-left: 40px
}

.dest-photos {
  clear: right;
  float: left;
  color: #878787;
  margin: 0 0 30px 15px;
  margin: 0 0 10px 15px;
  display: inline;
  width: 157px;
  height: 240px;  
}
.dest-photos.first {
  margin-left: 40px
}
.dest-photos a {
  text-decoration: none;
  color: #878787
}
#content .dest-photos a p {
  background-color: #9D9D9D;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px;
  position: relative;
  top: -3px;
  line-height: 1.2em
}
.dest-photos img {
  padding: 1px;
  border: 1px solid #9D9D9D
}
.dest-photos table {
  width: 100%
}
.dest-photos table th {
  text-align: left;
  font-weight: normal;
  color: #878787
}
.dest-photos table td {
  text-align: right;
  font-weight: bold;
  color: #878787
}
.dest-photos table td.price {
  color: #FF0000
}
#content p, #content h3 {
  color: #3B3939;
  padding: 5px 20px 5px 40px
}
#content p {
  line-height: 1.4em;
  padding-bottom: 0px
}
#content h3 {
  clear: left;
  display: inline-block
}
hr.visible {
  visibility: visible;
  height: 1px;
  line-height: 1px;
  background-color: #E3E3E3;
  margin: 0 0 30px 0;
  clear: none
}
ul.clasic {
  padding: 10px 20px 30px 40px;
  margin: 0
}
ul.clasic li {
  list-style-type: none;
  margin-bottom: 8px;
  line-height: 1.3em;
  color: #34B6FA;
  font-weight: bold
}
ul.clasic li a {
  color: #34B6FA !important;
  font-weight: bold
}
.photogallery {
  margin-top: 10px
}
.photogallery .dest-photos {
  margin-bottom: 15px
}
#content .egypt-p {
  padding-right: 40px
}
.contact table {
  margin: 10px 0 10px 40px
}
.contact table td {
  padding: 2px 10px 2px 0;
  font-size: 100% !important
}
.contact-block {
  float: left;
  width: 160px;
  margin: 0 10px 18px 0
}
#content .contact p {
  padding-bottom: 10px
}
.contact form label {
  width: 80px;
  display: inline-block;
  margin-right: 10px;
  text-align: right;
  vertical-align: top;
  color: #666666
}
.contact form input, .contact form textarea {
  width: 200px;
  height: 25px;
  border: 1px solid #C4C4C4
}
.contact form textarea {
  height: 96px;
  color: #000000
}
.contact form .submit {
  width: 109px;
  height: 38px;
  background: url("submit_send.gif") left top repeat-y;
  border: none;
  cursor: pointer;
  cursor: hand;
  margin-left: 95px;
  margin-bottom: 40px;
  color: #FFFFFF;
  font-weight: bold
}
.contact form p {
  padding-bottom: 0 !important
}
.box.weather {
  padding-left: 8px !important
}
.box.weather td.img {
  background: url("bg_weather.gif") left center no-repeat;
  width: 45px;
  height: 41px;
  text-align: center !important;
}
.box.weather td.img p {
  text-align: center;
  margin-right: 7px;
  margin-top: 3px;
  padding-top: 0 !important
}
.box.weather td.img img {
  margin-right: 0 !important;
  float: none !important;
  text-align: center !important
}


/*------------------------------------------------
 FOOTER
------------------------------------------------- */

#footer {
  position: relative;
  clear: both;
  width: 100%;
  overflow: hidden;
  color: #FFFFFF;
  font-size: 10px;
}

#radkovyblok {
position:absolute;
right:0;
text-align:right;
top:20px;
}

#footer .in {
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

#footer a {
  color: #FFFFFF;
}

#footer p.alleft {
  padding: 20px 0 20px 0;
}

#footer p.alleft a {
  font-weight: bold;
}

#footer p.alright {
  padding: 20px;
}



/* forms */
#content .content form {

  margin: 0 0 40px;

}



#content .content form p {

  margin: 0 0 10px;

}



#content .content form p label {

  display: block;

  float: left;

  width: 110px;

  padding: 2px 15px 0 0;

  margin: 0;

  text-align: right;

  font-size: 11px;

  color: #666;

}



#content .content form p input {

  width: 191px;

  height: 18px;

  padding: 4px 3px 3px;

  border: 1px solid #c4c4c4;

  background: url(content_form_item_bg.html) top left;

  font-size: 12px;

}


#content #fm input {
  width: 60px;
}

#content .content form p input.submit, #content #fm input.submit {

  width: 135px;

  height: 30px;

  padding: 0 0 5px;

/*  border: none; */

  font-weight: bold;

  font-size: 14px;

/*  color: #fff; */

  cursor: hand;

  cursor: pointer;

}



#content .content form p textarea {

  width: 191px;

  height: 89px;

  padding: 4px 3px 3px;

  border: 1px solid #c4c4c4;

  background: url(content_form_item_bg.html) top left;

  font-size: 12px;

}

p.clear {
  clear: both;
  margin: 20px;
}
.fix {
  clear: both;
}

#content .zajezdpopis {
margin: 20px;
}

#content .zajezdpopis h3, #content .zajezdpopis h4, #content .zajezdpopis p {
margin-left: 0px;
padding-left: 0px;
}

#content .zajezdpopis li, #content .zajezdpopis ul {
margin-left: 5px;
padding-left: 5px;
}

.hidden { 
  display:none;
} 














/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #ECECEC url("normal-bg.html");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
  border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("title-bg.html") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("menuarrow.html") no-repeat 100% 100%;
}

.calendar thead tr { background: url("title-bg.html") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("title-bg.html") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("hover-bg.html");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("active-bg.html"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("dark-bg.html");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("dark-bg.html");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("rowhover-bg.html");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("hover-bg.html");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("active-bg.html"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("status-bg.html") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("normal-bg.html"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("hover-bg.html"); color: #000;
}

.calendar .combo .active {
  background: url("active-bg.html"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("dark-bg.html");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("normal-bg.html"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("hover-bg.html"); color: #000;
}

.calendar td.time span.active {
  background: url("active-bg.html"); color: #fff;
}

.hidden {
    display:none;
}

.pocasi {
   width:63px;
  
}

.cena {
    font-size: 12px;
}