html { height: 100%; }
body { margin:0; 
       padding:0; 
       height: 100%;
       background-color:rgb(85,50,36);
       font-family: 	"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
       font-size: 12pt;
       text-align:center;
       background-image: url("images/bg3.gif");
       /* background-repeat: repeat-x; */
       color: rgb(61,22,0);
}
/*
c1 #f1ece2;
c2 #dccfb6;
c3 #baa06d;
c4 #95744b;
c5 #430e00;
c6 #cbe61e;
c7 #fde9a4;
c8 #fefefe;
c9 #bcbb95;
*/
img { 
  vertical-align:middle;
  border:none;
}
h1 {
  font-style: italic;
  font-family: Times, serif;
  margin-top:0;
  padding:0.6em 0 0 0.2em;
  font-size: 36pt; 
}
h2 {
  font-style: italic;
  font-family: Times, serif;
  margin-top:0;
  padding:0.6em 0 0 0.2em;
  font-size: 24pt; 
}
h3 {
  font-style: italic;
  font-family: Times, serif;
  margin-top:0;
  padding:0.6em 0 0 0.2em;
  font-size: 16pt; 
}
caption{
  font-style: normal;
  font-family: Verdana, sans-serif;
  font-weight:bold;
  color: #95744b;
  text-align:left;
  border-bottom:1px dotted #95744b;
  padding-top:15px;
}
p {
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0.8em;
  font-size:11pt;
}
td, tr { margin:0; padding:0;}
table { border-collapse:collapse; }
select { font-weight:bold; }
input[type="text"], textarea { border:1px none #95744b; padding: 2px; }
input:focus, textarea:focus {
  background-color:#F4EEB3;
}
.booking_form strong {
  font-weight:bold;
  font-family: Arial, sans-serif;
  
}
.cennik td {  
   border: 1px solid #333; text-align:center;vertical-align:midle;
   font-family: "Trebuchet MS",Verdana;
   font-size:12pt;
   padding:5px 3px 5px 3px; 
}   

#bg{
  background-image: url("images/bgGradientU.png");
  background-repeat: repeat-x;
  min-height: 100%;
}
#header {
   height: 18px;
   min-height: 18px;
   max-height:18px;
   font-size:12px;
   color: #EFB23F;
   padding-top:10px;
   background-image: url("images/header_yellow_grad.png");
   background-position: bottom;
}
#header span {
   padding: 0 10px 0 10px;
}
#header a, #header a:visited {
   text-decoration: none;
   color: #EFB23F;
}
#header a:hover{
   color: #F4EEB3;
}
#header_topline{
  background-image: url("images/yellow_line.jpg");
  height: 3px;
  background-color:#F4EEB3; /*rgb(72,31,1);*/
}
#layout {
   /* height:96%; */
   min-height:96%;
   background-color:#f1ece2; 
   /* background-color: #F4EEB3; */
   /* background-color: rgb(244,238,179); */
   border: 1px solid rgb(61,22,0);  
   position: relative; 
   background-image: url("images/bursztyn_200r.gif");
   background-position: 102% 105%;
   background-repeat: no-repeat;
}
#recepcja_layout {
   min-height:90%;
   background-color:#f1ece2; 
   border: 1px solid rgb(61,22,0);  
   position: relative; 
}
#title {
   margin:0;
   background-color:#EFB23F;
   background-image: url("images/banner4_1000.jpg");
   color: #F4EEB3;
   text-align:left;
   font-size:65px;
   padding: 0 0 0 20px;
   height: 100px;
   min-height: 100px;
   max-height:100px;
   font-family: Times, Serif;
   font-style: italic;
   border-top: 1px solid rgb(61,22,0);
}
h1#title{
   
} 
#language{
   text-align:right;
   float:right;
   color: #EFB23F;
   /* background-color:rgb(72,31,1); */
   opacity:0.6;
   filter:alpha(opacity=60);
   background-image: url("images/br70bg.png");
   margin:0;
   padding:0;
   position: absolute;
   top: 80px;
   right: 0;
}
#language:hover{
   opacity:1.0;
   filter:alpha(opacity=100);
}
#language a, #language a:visited {
   color: #EFB23F;
   /* border: 2px solid rgb(72,31,1); */
   text-decoration:none;
   padding: 2px 4px;
   display:block;
   float:left;
}
#language a:hover{
   color: #F4EEB3;
   /* border-color:#EFB23F; */
}
#mainmenu {
   text-align:left;
   margin:0;
   padding:0;  
   position: relative;
   width: 100%;
}
#mainmenu ul { 
   margin: 0;
   padding:0; 
   list-style-type:none;
   /* background-color: #EFB23F; */
   border-top: 1px solid rgb(61,22,0);
   border-bottom: 1px solid rgb(61,22,0);
   display:block;
   /* width: 100%; */
   height: 23px;
   background-image: url("images/bg_menu.png");
   background-position: left;
   background-repeat: repeat-x

}
#mainmenu li { 
   margin: 0;
   padding: 0; 
   list-style-type:none;
   display:block;
   float:left;
}
#mainmenu a, #mainmenu a:visited {
   color:#B1371D;
   /* background-color: #EFB23F; */
   text-decoration:none;
   text-align:center;
   padding: 3px 10px 0 10px; 
   font-size: 15px; 
   font-variant: small-caps;  
   font-weight:bold;
   /* border: 1px solid #EFB23F; */
   display: block;
   min-height: 20px;
   height: 20px;
}
#mainmenu a:hover{
   /* color:#F4EEB3; */
   color:#F4EEB3;
   background-color: rgb(72,31,1);
 	 

   /* border: 1px solid #000; #54A7B3;*/
}
#page{
  padding:15px 0 15px 0;
  text-align:left;
  min-height:400px;
}
#page_footer{
   text-align:left;
   background-color: transparent;
   clear:both;
   background-image: url("images/yellow_line.jpg");
   height: 6px;
   border-top: 1px solid rgb(72,31,1);
}
#footer {
  font-size:70%;
  color: #EFB23F;
  background-image: url("images/footer_yellow_grad.png");
  height: 48px;
}
#footer a, #footer a:visited{
  color:  #EFB23F;
  text-decoration: none;  
}
#footer a, #footer a:visited{
  text-decoration: underline;  
}

#rc{
  float: right;
  width: 120px;
  min-width:120px;
  max-width:120px;
  text-align:center;
  /* border-left: 1px solid #ccc; */
  margin-right: 15px;
  padding-left:10px;
  height: 100%;
  min-height: 100%;
  
}
#lc{
  position: relative;
  float:left;
  width: 180px;
  min-width:180px;
  max-width:180px;
  text-align:center;
  /* border-right: 1px solid #ccc; */
  margin: 0 0 0 15px;
  padding: 0 10px 0 0;
  height:100%;      
  min-height:100%;
  
}
#cc{
  width: 618px;
  max-width: 618px;
  /* border:1px solid red; */
  padding: 10px;
  min-height:100%;
  margin: 0 0 0 210px;
  position: relative;
  top: -20px;
}
#room_type span { display: block; }
.booking_form {
   width:100%;
   border: 1px solid #ccc;
   padding: 0 0 0 10px;
   background-color:#dccfb6;
}
.booking_form table{
   margin-left: 35px;
   
}
.footer_left {
   text-align:left;
   float:left;
   padding-right: 40px;
}
#fl1 a, #fl1 a:visited,
#fl2 a, #fl2 a:visited {
   text-decoration:none;
}
#fl1 a:hover, #fl2 a:hover {
   text-decoration:underline;
}

#footer_center {
   text-align:center;
}
#footer_right {
   text-align:right;
   float:right;
}
#footer_right a, #footer_right a:visited{
   text-decoration:none;
}
#footer_right a:hover{
   text-decoration:underline;
}
#wwwadr { display:none;}

#depart_day,
#arive_day {
   width: 250px;
} 
#room_type,
#room_no {
   width: 300px;

}
.select_date {
}
.select_room_type {
  
}
.label {
   margin-bottom: 10px;
}
.rcc {
   margin-bottom:10px;
}
.lcc{
  text-align:left;
  margin-bottom:10px;
  font-size:80%;
  background-color: #dccfb6;
  border-radius: 0 0 6pt 6pt; 
  /* #f8b920; */
  /* border:1px solid #8c8c8c; */
  
  background-repeat: no-repeat;
  min-height: 100px;
}
.ccc{
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Sans-serif;
  font-size: 12pt;
  line-height:150%;
  text-align: justify;
}
.lcc div.booking {
   text-align:center;
   padding:0;
   margin:0;
   font-size:150%;
   color:#B1371D;;
   font-weight:bold;
   
}
.lcc div.booking a, .lcc div.booking a:visited {
  text-decoration: none;
  color:#B1371D;;
}
.lcc div.booking a:hover,
.lcc div.booking:hover {
   color:#FF0000;
   background-color: rgb(72,31,1);
}
.lcc > div:first-child {
   color: #F4EEB3;
   background-color:#95744b; /* #8c8c8c; */
   text-align:center;
   font-size:110%;
   font-weight: bold;
   padding: 3px;
   background-image: url("images/yellow_line.jpg");
   
   background-position: center;
   background-repeat: repeat-y
   /* border-bottom: 1px solid #aaa; */
   /* border-top: 1px solid #666; */
   
}
.layout {
   width:1000px;
   margin: 0 auto;
   text-align:right;
}
.center { text-align:center;}
.error {
   color: #f00;
   margin: 5px;
   font-weight: bold;
}
.day_details {
   font-size:80%;
}
/*  login  */
form.login_form{
margin:10% 0 0 0;
padding:0;
text-align:center;
}
.thumbnail {
  margin:5px 2px 15px 2px;
  padding: 1px;
  float:left;
  background-color:rgb(202,174,124);
  
}
.thumbnail img { 
  border:1px solid #555;
}
.thumbnail a, .thumbnail a:visited{
  width:100%;
  text-decoration:none;
  color:#B1371D;
  padding: 5px 0 10px 0; 
  
}
.thumbnail a:hover{
  color:red;
}
.thumbnail .caption{
  width:295px;
  background-image: url("images/bg_menu.png");
  padding: 0 0 0 5px;
  margin: 0 0 0 1px;
  border-bottom: 1px solid #555;
  border-top: 1px solid #000;
}

#booking_confirmation table{ 
   width:100%; 
   border-collapse:collapse;
   font-size:12pt;
   }
#booking_confirmation .label {
   text-align:right;
   vertical-align:top;
   width:30%;
   padding: 0.4em 1em;
   border-right: 1px solid #555;
}
#booking_confirmation .value {
   text-align:left;
   vertical-align:top;
   padding: 0.4em 1em;
   font-weight:bold;
}
#recepcja {
   text-align:left;
   margin:0;
   padding:5px;
   font-size:12pt;
   
} 

.sp_offer {
  font-size: 10pt;
  margin: 5px;
  padding: 10px;
  border: 1px solid #f00;
  background-color: #fff;
  
}
.sp_offer h1{
  font-size: 14pt;
  text-align:center;
  font-family: 	"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
}
.sp_offer p{
  font-size: 10pt;
  text-align:left;
  
}
a.button { 
  border: 1px solid #333;
  padding: 6px 10px 3px 10px;
  background-color: #ddd;
  color:red;

   background-image: url("images/bg_menu.png");
   background-position: left;
   background-repeat: repeat-x

}
a.button:hover { 
   color:#F4EEB3;
   background-color: rgb(72,31,1);
   border: 1px solid #aaa; 
   background-image:none; 
}
.center { text-align:center; }
.special_offer_form {
  font-size: 80%;
}
.special_offer_form h1,
.special_offer_form h2,
.special_offer_form h3 {
  text-align:center;
  font-size: 28pt;
  line-height: 100%;
} 
.special_offer_form h2 {
  font-size: 20pt;
}
.special_offer_form h3 {
  font-size: 14pt;
  text-align:left;
  margin-top: 30px;
  margin-bottom: 5px;
}

.red { color:red; }
.blue { color: blue; }  

@media print {

.noprint {
   display:none;
}

#language,
#rc, #lc, #mainmenu,
#footer_right   
{ display:none; }
#title { margin-top: 12pt; padding-top: 48pt; color:#000; }
#cc { margin: 1em auto;
      padding: 1em; 
    }
#fl1, #fl2 {
   color: #888;
   float:none;
   text-align:center;
}
#fl2 a, #fl2 a:visited{
   text-decoration:none;
   color:#888;
}    
#header, #header a, #header a:visited { color: #888;}
#wwwadr { float:left; display: block; }
          
}