/********************************************************************/
/************   benecko-apartman.cz | Created by studio WPJ *********/
/********************************************************************/
* {
   margin: 0;
   padding: 0;
   border:0px;
}
/************************ GENERAL STYLES ****************************/
html{
   background: #4b7809 url(../images/background2.jpg) no-repeat top center;   height:100%;
   height: 100%;
}
body {
   font-family:Arial, Helvetica, sans-serif;
   color:#2c2c2c;
   font-size:14px;
   text-align:left;
   height:100%;
}

a:link {
   color: #2c2c2c;
   font-weight: bold; 
   text-decoration: none;
}
a:visited {
   color: #2c2c2c;
   text-decoration: none;
}
a:hover {
   color: #4b7809;
   text-decoration: none;
}
h1 {
   margin: auto auto 5px; 
   padding: 8px 0 3px; 
   font-size: 2em; 
   font-weight: normal;
}

h2 {
   margin: auto auto 5px;
   padding: 8px 0 3px;
   font-size: 1.5em;
   font-weight: normal;
}

h3 {
   margin: auto auto 5px; 
   padding: 8px 0 3px; 
   font-size:1.2em;   
}
h4 {
   margin: 0;
   padding: 1px 0;
   font-size:1.1em;
}
h5 {
   margin: 0;
   padding: 1px 0;
   font-size:1.2em;
}
p{
   padding: 5px 0;
}
ul, ol {
   list-style: square;
   padding-left: 25px;
}
.main ul li{
  padding: 4px;
}
/* Cleaner */
.cleaner {
   clear:both;
   padding:0;
   margin:0;
   background:none;
   height:0px;
}

/*************************** MAIN LAYOUT *****************************/
.container {
   background-color: #fff;
   padding:10px;
   width: 930px;
   margin: 10px auto;
   min-height:100%;
   position:relative;
   -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.45);
  -moz-box-shadow:    0px 0px 15px 2px rgba(0, 0, 0, 0.45);
  box-shadow:         0px 0px 15px 2px rgba(0, 0, 0, 0.45);
}

.main {
  padding-bottom: 103px; /*velikost footeru*/
  }

.main-left { 
   width: 590px; 
   float: left; 
   padding: 20px
}

.main-right { 
   width: 255px; 
   float: right;
   margin: 30px 0 20px;
   padding: 20px;
   border: #d1d1d1 1px solid;
   background: transparent url(../images/bocni-panel.gif) repeat-y 0 0;
}

.header a.logo {
   display: block;
   width: 170px;
   height: 275px;
}


/*********** MAIN MENU ****************/
#menu {
   width: 930px;
   height: 44px;
   margin: 0 auto;
   background: url(../images/menu.jpg) no-repeat 0 0;
}
#menu ul {
   list-style:none;
   padding-left: 0;
}
#menu li {
   float:left; }
#menu li a {
   display:block; 
   line-height:44px; 
   padding: 0 25px; 
   text-decoration:none; 
   text-align: center;
   font-size: 1.3em;
   font-weight: normal;
   text-transform: lowercase;
   letter-spacing:2px;
   margin-right: 1px;
}
#menu li a:hover,
#menu li a.selected  {
   background-color: #d4d4d4;
   color:#2c2c2c;
}

/*********** MAIN MENU END *************/
/*********** FOOTER CONTENT ****************/
.footer{
   margin:0px auto;
   width:930px;
   color: #666;
   background-color:#e0e0e0;
   border-top: #d1d1d1 1px solid;
   position:absolute;
   bottom:10px;
   height:103px;   /* Height of the footer */
}

.footer a {
   color:  #666;
   font-weight: bolder;
}

.footer .footer-left{
   float:left;
   padding: 12px 18px;
}

.footer .footer-right{
   float:right;
   text-align: right;
   width:410px;
}

/*********** FOOTER CONTENT END **************/
/*********** FOTOGALERIE END **************/
#fotogalerie{
   width: 600px;
   margin-top: 15px;
}

#fotogalerie img {
   border: 3px solid #82b92b;
   margin: 3px;
   display: block;
   float: left;
}

#fotogalerie img:hover {
   border-color: #609709;
}

/*********** FOTOGALERIE END **************/

/*************************** MAIN LAYOUT END *****************************/

/*************************** SIDE CONTENT *****************************/

.news-img {
   margin: auto;
   width: 170px;
   margin-top: 30px;
}

.news-img img {
   border: 3px solid #82b92b;
   margin-top: 10px;
}

.news-img img.wifi {
   margin: 10px auto;
   display: block;
   border: 0;
}

#rezervace { 
  color:#fff;
  font-size:18px;
  display: inline-block;
  padding: 15px 38px 12px;
  text-decoration: none;
  font-weight:bold;
  background-color: #82b92b;
  border-bottom: 3px solid #4b7809;
  margin-bottom:3px;
  text-align:center
}
#rezervace:hover { 
  background-color: #4b7809;
}
/***********************  Ceník ********************************/
.pricelist {
  border-collapse: collapse;
  width: 100%;
  margin: 5px 0 10px;
}

.pricelist,
.pricelist td,
.pricelist th {
  border: 1px solid #d1d1d1;
}
.pricelist td,
.pricelist th {
  padding: 5px;
  text-align: center;
}

.pricelist th {
  background-color: #82b92b;
  color: #fff;
}

.pricelist tr:nth-child(odd) {
  background-color: #efefef;
}

/*********************************  REZERVACE END ******************************************/
#registrace #reservation_content {margin:0; width:100%; padding:0;}

#registrace #reservation_content h3{ padding:10px 20px 0px;}
  #registrace #reservation_content h3.vypocet{
  float: left;
  width: 50%;
  box-sizing: border-box;
}

#registrace #reservation_content h2{ padding:15px 20px 0px;}
#registrace #reservation_content p{ padding:5px 20px;}

#registrace .block {float:left; width: 175px; margin:6px 0 6px 20px;}
#registrace .block label{padding:0 0 5px 0px; font-size:12px; display:inline-block;}

#registrace .block input[type=text], 
#registrace .block select, 
#registrace .block textarea{ 
	padding:10px 8px;
	width:150px;
	border:1px solid #d1d1d1;
}

#registrace .block textarea{ 
	width:540px;
	height:50px;
}
/* Upravy pro polozky */
#registrace .block.field_user-address, 
#registrace .block.field_user-notes{
   width:275px;
}
/* Chyba ve formulari */
#registrace .block.error input[type=text], 
#registrace .block.error select, 
#registrace .block.error textarea{ 
	border:1px solid #eb0000;
}
#registrace .block.error label{ 
	color: #eb0000;
}
#registrace .block.error span{ 
  background-color: #eb0000;
  font-size:11px;
  display:none;
  color:#FFF;
  padding:5px 10px;
  font-weight:bold;
}
/* Chyba ve formulari END */

/* Seznam chybnych udaju */
.ui-widget div.error_list{
	display:inline;line-height:20px;
	padding:5px 10px;
}
/* Seznam chybnych udaju END */

/* Vyzadovane pole */
#registrace .block.required label{position:relative;}
#registrace .block.required label:after{content:" *";color:#e96b1f; font-size:16px; position:absolute; top:5px; top:-3px; right:-10px;}
/* Vyzadovane pole END */

#registrace input[type=submit], 
#submit { 
   float:right;
   color:#fff;
   font-size:18px;
   display:block;
   padding:15px 18px 12px;
   text-decoration: none;
   font-weight:bold;
   background-color: #82b92b;
   border-bottom: 3px solid #4b7809;
   cursor:pointer;
   margin:15px 12px 0 0;
}
#registrace input[type=submit]:hover, #submit:hover{ 
  background-color:#4b7809;
  color:#FFF;
}
#registrace .block ul{ 
	list-style:none;
}
#registrace .block ul li{ 
	display:inline-block;
}

#registrace .field_date-date_from input[type=text],
#registrace .field_date-date_to input[type=text] {
   width: 110px;
}


#registrace .field_date-date_from,
#registrace .field_date-date_to {
   width: 130px;
}

#registrace .field_date-person input[type=text],
#registrace .field_date-child input[type=text] {
   width: 100px;
}

#registrace .field_date-person,
#registrace .field_date-child {
   width: 120px;
}



#registrace .error_message /* Vyplnte povinne udaje */{
  clear: both;
  display: none;
  padding: 8px 10px;
  background-color:#EB0000;
  color:#FFFFFF;
  margin-bottom: 10px;
}
#registrace .error_message ul.errorlist{ /* Seznam neformularovych chyb (napr. Pokoj neni dostupny) */
   color:#FFFFFF;
   margin:5px 0 0;
}
/* VÝBĚR POKOJE */
/* dostupnost */
p.available, p.reservated, p.reservating, p.no_available{
  font-size:12px;
  float:left;
}

#registrace #reservation_content p.reservated, 
#registrace #reservation_content p.available p.reservating, 
#registrace #reservation_content p.available p.no_available {
   padding-bottom:15px;
}

p.available span{
   background-color: #eee;
   height:15px;
   width:15px;
   display:inline-block;
   position:relative;
   margin-right:5px;
   top:4px;
}
p.reservating span{
   background-color:#ff53b8;
   height:15px;
   width:15px;
   display:inline-block;
   position:relative;
   margin-right:5px;
   top:4px;
}
p.reservated span{
   background-color:#C22530;
   height:15px;
   width:15px;
   display:inline-block;
   position:relative;
   margin-right:5px;
   top:4px;
}
p.no_available span{
   background-color:#333333;
   height:15px;
   width:15px;
   display:inline-block;
   position:relative;
   margin-right:5px;
   top:4px;
}
.rooms{
   font-size:12px;
   margin:10px 20px;
   border:1px solid #82b92b;
   cursor:pointer;
   position:relative;
   width:269px;
   float: left;
   box-sizing:border-box;
}

.rooms:nth-child(2) {
  margin: 10px 0;
  
}
.rooms:after{
   content:"";
   border:3px solid #82b92b;
   position:absolute;
   top:10%;
   right:4%;
   display:block;
   background-color:#fff;
   height:12px;
   width:12px;
}
.rooms:hover, .rooms.clicked_room{
   border:1px solid #4b7809;
   background-color: #82b92b;
}
.rooms:hover:after,
.rooms.clicked_room:after {
   border-color:#4b7809;
   background-color: #82b92b;
}
.rooms.clicked_room:after{
   background-color:#4b7809;
}

#registrace #reservation_content .rooms h3{
   font-size:16px;
   padding:8px 33px 0 0;
}
#registrace .rooms a.imgbox img{
   display:block;
   float:left;
   margin-right:5px;
   border:none;
   padding:7px;
}

#registrace #reservation_content .rooms .room_content p{
   padding:3px 20px;
}
.rooms.unavailable{
   opacity:0.5;
   cursor:auto;
   border-color: #d1d1d1;
}
.rooms.unavailable:hover, .rooms.unavailable.clicked_room{
   border:1px solid #d1d1d1;
   background-color:transparent;
}
.rooms.unavailable:after{
   display:none;
}
#registrace .field_date-room{ /* skryti vyberu pokoje (select)*/
	display:none;
}
#registrace .block.error.field_date-room span{ /* skryti vyberu pokoje (select)*/
	display:inline-block;
   margin:5px 0 0 6px;
}
/* KALENDÁŘ */
#ui-datepicker-div{
	font-size:11px;
}
/* KALENDÁŘ OBSAZENOSTI */
#calendar{
   width:558px !important;
   background-color:#f3f3f3;
   margin:0px 20px !important;
   font-family: Arial, Helvetica, sans-serif;
   color:#575757;
   font-size:11px;
}
#calendar table.fc-header{
   margin:20px 15px 0;
   width:auto !important;
}
#calendar div.fc-content{
   border:none !important;
}
#calendar table.fc-header td{
   border:none;
   padding-top:25px;
}
#calendar table.fc-header .fc-header-title h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 2px 5px 0;
    color:#1C54A0;
}
#calendar .fc-content table.fc-border-separate{
	border-collapse:collapse;
   margin:0px;
}
/* Bunky */
#calendar .fc-content table.fc-border-separate td{
	border: 1px solid #D6E0EE;
}
#calendar .fc-content table.fc-border-separate td.fc-resourceName{
	padding:3px 5px;
   min-width:110px;
}
#calendar .fc-content table.fc-border-separate th{
	border: 1px solid #c6d5ea;
   background-color:#f4f8fd;
   padding:3px 5px;
   font-weight:bold;
   font-size:11px;
   line-height:16px;
   color:#00627F;
}
#calendar .fc-content td.fc-widget-content {
    padding: 0px 0 0;
}
#calendar .fc-content table.fc-border-separate th.fc-weekend{
   background-color:#dde7f4;
}
#calendar .fc-content div .fc-event {
	border: none; /* default BORDER color */
	background-color: #f7c9cc; /* default BACKGROUND color */
	color: #fff;               /* default TEXT color */
	font-size: 11px;
   padding:5px 2px 3px;
	cursor: default;
   text-align:center;
   font-weight:bold;
}
#calendar .fc-content div .fc-event.status-1 {
	border: none; /* default BORDER color */
	background-color: #FF53B8; /* default BACKGROUND color */
}
#calendar .fc-content div .fc-event.status-2{
	border: none; /* default BORDER color */
	background-color: #C22530; /* default BACKGROUND color */
}
#calendar .fc-content div .fc-event.status-3 {
	border: none; /* default BORDER color */
	background-color: #333333; /* default BACKGROUND color */
}
#calendar .fc-content div .fc-event.new_reservation {
	border: none; /* default BORDER color */
	background-color: #FF53B8; /* default BACKGROUND color */
	color: #fff;               /* default TEXT color */
	font-size: 11px;
   padding:5px 2px 5px;
	cursor: default;
   text-align:center;
   font-weight:bold;
}
.group .choose-day-help{
	font-size:12px;
   padding:3px 11px !important;
}
#calendar .fc-content table.fc-border-separate td.fc-state-highlight, #calendar .fc-content table.fc-border-separate th.fc-state-highlight {
    background: none repeat scroll 0 0 #fff7f3;
}
/* KALENDÁŘ OBSAZENOSTI END */

/***********************************  REZERVACE END **************************************************/