/*

Hotele w Londynie - 2007 - Wszelkie Prawa Zastrzezone.

*/

/* --- Body --- */
body
{
margin: 0;
padding: 0;
background-image: url('img/hwlbg.gif');
background-repeat: repeat;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
}

p {
margin: 0;
padding: 0 5px 5px 5px; 
}

h3 {
margin: 3px;
font-size: 12px;
font-weight: bold;
}

img {
border: 0;
}

a 
{
font-weight: bold;
color: #003399;
}

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
margin: 0 15px 0 0;
padding: 0;
color: #000000;
vertical-align: middle;
}


/* --- Entire Page --- */
div.page
{
margin: 10px 0px 0px 10px;
padding: 0;
background-image: url('img/mmhead.png');
background-repeat: no-repeat;
width: 770px;
}

/* --- Header --- */
div.head
{
margin: 0;
padding: 0;
}

/* --- Logo Section --- */
div.branding
{
float: left;
margin: 10px;
padding: 0;
}

/* --- Primary Nav --- */

div.primaryNav 
{
float: left;
font-size: 12px;
height: 25px;
padding: 55px 20px 0 10px;
}

div.primaryNav ul 
{
margin: 0;
padding: 0;
}

div.primaryNav li 
{
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

div.primaryNav a 
{
display: block;
text-align: center;
height: 25px;
text-decoration: none;
line-height: 25px;
font-weight: normal;
}

div.primaryNav a:hover 
{
text-decoration: underline;
}

.taboff 
{
background: url(img/tab-off.gif) no-repeat bottom;
width: 125px;
}

.taboff:link, .taboff:visited 
{
color: #000;
}

.taboff:hover, .taboff:visited:hover 
{
color: #003399;
font-weight: bold;
}

.tabon
{
background: url(img/tab-on.gif) no-repeat bottom;
width: 125px;
}

.tabon:link, .tabon:visited 
{
color: #FFFFFF;
}

.tabon:hover, .tabon:visited:hover 
{
color: #FFFFFF;
font-weight: bold;
}

/* --- Secondary Nav --- */
div.secnav
{
margin: 0;
padding: 0;
background-image: 
url('img/secnavbg.gif');
background-repeat: repeat-x;
width: 770px;
height: 15px;
clear: both;
}

div.secnav img
{
vertical-align: middle;
}

div.secnav p
{
padding: 4px 0 0 10px;
color: #FFFFFF;
font-weight: bold;
}

/* --- Main window --- */
div.maincol
{
float: left; 
margin: 0px;
padding: 0px 0px 20px 0px;
background: #FFFFFF;
width: 770px;
}

div.spacer
{
margin: 10px 10px 0px 10px;
padding: 0px;
width: 750px;
}

div.col320
{
float: left;
margin: 0px;
padding: 0px;
width: 300px;
}

div.col450
{
float: right;
margin: 0px;
padding: 0px;
width: 440px;
}

div.col770
{
float: left;
margin: 0px;
padding: 0px;
width: 750px;
}

div.col770 h1
{
margin: 0;
color: #003399;
font-size: 18px;
font-weight: bold;
margin: 0px 10px 0px 0px;
}

div.col770 div h2
{
color: #003399;
font-size: 15px;
margin: 0px 0px 5px 0px;
text-align: left;
}

div.col770 span.dates
{
color: #999999;
}

div.col770 span.dates a
{
font-weight: normal;
color: #999999;
}

/* --- Rounded corners Container --- */
b.rtop, b.rbottom{display: block; background: #FFFFFF}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #FF9900}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}

div.container
{
background-color: #FF9900;
font-weight: bold;
}

/* --- Widget --- */
div.widget
{
font-size: 12;
font-weight: bold;
margin: 5px 5px 0px 5px;
}

div h1
{
margin: 5px;
color: #003399;
font-size: 18px;
text-align: center;
}

table.widget
{
font-size: 12;
font-weight: bold;
margin: 5px;
}

table.widget td
{
padding: 5px;
}

table.widget td.cal
{
vertical-align: top;
padding: 2px 5px 2px 5px;
}

span.calendar
{
vertical-align: bottom;
}

span.helptxt
{
font-size: 10px;
margin: 0px 0px 0px 3px;
color: #666666;
font-weight: normal;
}

table.widget input
{
margin: 0 5px 0 0;
}

/* --- Home --- */
div.infobox
{
border: 1px dotted #CCCCCC;
background-color: #F7F7F7;
padding: 5px;
margin: 10px 0px 0px 0px;
}

div.infobox img
{
float: left;
margin: 0px 10px 0px 0px;
}

p.extra
{
font-size: 13;
color: #003399;
font-weight: bold;
}

p.klienci
{
font-size: 13;
font-style: italic;
color: #003399;
font-weight: bold;
}

p.legalnote
{
font-size: 10;
color: #003399;
margin: 10px 3px 0px 3px;
}

table tr td.neutral
{
font-size: 13;
color: #003399;
font-weight: bold;
padding: 3px 3px 0px 3px;
text-align: right;
}

table tr td.good
{
font-size: 13;
color: #009900;
font-weight: bold;
padding: 3px 3px 0px 3px;  
}

table tr td.bad
{
font-size: 13;
color: #FF0000;
font-weight: bold;
padding: 3px 3px 0px 3px;  
}

/* --- Mapy --- */
#map
{
margin: 10px 0px 0px 0px;
}

div.mapa-londynu
{
text-align: center;
float: left;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
line-height:20px;
margin: 5px 0px 0px 8px;
}

div.mapa-londynu img
{
margin: 9px 0px 10px 0px;
}


/* --- Legal --- */
p.legal
{
font-size: 13;
margin: 10px 0px 0px 0px;
}

h2.legal
{
font-size: 15;
}

/* --- Kontakt --- */

div.kontakt
{
border: 1px dotted #CCCCCC;
background-color: #F7F7F7;
padding: 5px;
margin: 10px 0px 0px 0px;
}

div.kontakt h4
{
margin: 5px 0px 5px 0px;
}

div.kontakt form input
{
margin: 0px 0px 5px 0px;
}

div.kontakt form select
{
margin: 0px 0px 5px 0px;
}

div.kontakt form textarea
{
margin: 0px 0px 10px 0px;
}

/* --- Interstitial --- */
div.inter
{
font-size: 15;
font-weight: bold;
color: #003399;
margin: 20px;
text-align: center;
}

div.inter p
{
margin: 10px;
}

div.inter img
{
margin: 20px;
}

/* --- Validation --- */
div.validation
{
border: 1px solid #993300;
background-color: #F7F7F7;
padding: 10px 5px 10px 5px;
margin: 5px 0 10px 0;
}

div.validation table tr td.img
{
width: 25px;
text-align: left;
vertical-align: middle;
}

div.validation table tr td.err
{
color: #993300;
font-weight: bold;
font-size: 12;
text-align: left;
vertical-align: middle;
}

/* --- Sort box --- */
div.sort
{
border: 1px dotted #CCCCCC;
background-color: #F7F7F7;
color: #003399;
font-weight: bold;
padding: 5px;
margin: 10px 0px 10px 0px;
}

div.sort input
{
margin: 0 0 0 5px;
width: 12px;
height : 12px;
}

div.sort label
{
margin: 0 10px 0 0;
font-weight: normal;
vertical-align: middle; 
}

div.sort span
{
margin: 0 10px 0 0; 
vertical-align: middle; 
}

/* --- Result Unit --- */ 
div.result
{
border: 1px dotted #CCCCCC;
background-color: #F7F7F7;
color: #003399;
font-weight: bold;
padding: 5px;
margin: 10px 0 10px 0;
}

div.result table tr td.hname
{
height: 15px;
color: #003399;
font-weight: bold;
padding: 0 0 5px 0;
}

div.result table tr td.hprice
{
width: 166px;
vertical-align: top;
text-align: right;
}

div.result table tr td.desc
{
width: 520px;
font-size: 12;
vertical-align: top;
padding: 0 0 0 5px;
}

div.result table tr td.himg
{
width: 64px;
vertical-align: top;
}

div.result table tr td.resultbut
{
vertical-align: bottom;
text-align: right;
}

div.result table tr td.dead
{
height: 40px;
}

div.result table tr td.hprice div.regprice
{
color: #003399;
font-size: 15;
font-weight: bold;
}

div.result table tr td.hprice div.regpricex
{
color: #003399;
font-size: 15;
font-weight: bold;
text-decoration: line-through;
}

div.result table tr td.hprice div.pricelabel
{
color: #003399;
font-size: 12;
font-weight: normal;
}

div.result table tr td.hprice div.promo
{
color: #090;
font-size: 15;
font-weight: bold;
}

/* --- Details --- */ 

div.detailscoll
{
float: left;
margin: 10px 5px 0px 0px;
padding: 0;
width: 250px;
}

div.detailscolr
{
float: left;
margin: 10px 0px 0px 0;
padding: 0;
width: 495px;
}

div.details
{
border: 1px dotted #CCCCCC;
background-color: #F7F7F7;
color: #003399;
font-weight: bold;
padding: 5px;
margin: 0px 0px 5px 0px;
}

div.details span
{
color: black;
font-weight: normal;
line-height: 18px;
}

div.details span img
{
margin: 0px 0px 5px 0px;
}

div.images
{
border: 1px dotted #CCCCCC;
background-color: #F7F7F7;
color: #003399;
font-weight: bold;
padding: 5px;
margin: 0px 0px 5px 0px; 
text-align: left;
}

div.images img
{
margin: 5px;
}

div.rates
{
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
margin: 5px 0px 5px 0px;
padding: 5px;
}

div.rates table tr td.name
{
color: #003399;
font-size: 12;
font-weight: bold;
vertical-align: top;
width: 250px;
}

div.rates table tr td.price
{
color: #003399; 
font-size: 13;
font-weight: bold; 
text-align: center;
vertical-align: middle;
width: 110px;
}

div.rates table tr td.butcell
{
text-align: right;
vertical-align: middle;
width: 110px;
}

div.rates table tr td.info
{
vertical-align: top;
font-size: 10;
line-height: 13px;
}

div.rates table tr td.opispok
{
vertical-align: top;
font-size: 10;
line-height: 13px;
width: 475px;  
}

div.opis
{
border: 1px dotted #CCCCCC;
background-color: #F7F7F7;
padding: 5px;
margin: 0px 0px 15px 0px; 
line-height: 16px;
}

div.opis ul
{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 20px;
text-align: left;
}

div.opis p
{
margin: 0px 0px 10px 0px;
padding: 0px;
}

/* --- Purchase --- */
div.purchase
{
border: 1px dotted #CCCCCC;
background-color: #F7F7F7;
color: #003399;
font-weight: bold;
padding: 0px 0px 5px 0px;
margin: 10px 0px 0px 0px;
width: 750px;
}

div.purchase h1
{
font-size: 16;
font-weight: bold;
margin: 5px 0px 10px 5px;
padding: 0px;
}

div.purchase h1 img
{
margin: 0px 5px 0px 0px;
vertical-align: text-bottom;
}

table.ratesum
{
color: black;
font-weight: normal;
font-size: 12;
padding: 0px;
margin: 0px 0px 0px 20px;
width: 700px;
}

table.ratesum tr td
{
padding: 3px;
vertical-align: bottom;
}

table.ratesum tr td.label1
{
width: 180px;
font-weight: bold;
}

table.ratesum tr td.label2
{
width: 120px;
font-weight: bold;
}

table.ratesum tr td.labelroom
{
font-weight: bold;
}

table.ratesum tr td.labelform
{
width: 70px;
font-weight: bold;
}

table.ratesum tr td.labelformcc
{
width: 130px;
font-weight: bold;
}

table.ratesum tr td.content1
{
width: 250px;
color: #090;
font-weight: bold;
}

div.notes
{
margin: 10px;
font-weight: normal;
color: black;
font-size: 11;
}

div.purbutton
{
text-align: center;
margin: 15px 0px 10px 0px;
}

.errorFlag {
background: #FCC;
border: 2px solid #C00;
}

span.errtxt
{
color: #993300;
font-weight: bold;
font-size: 12;
}

span.status
{
color:#009900;
font-weight: bold;
font-size: 14px;
}

/* --- Paging --- */
div.paging
{
border: 1px dotted #CCCCCC;
background-color: #F7F7F7;
color: #003399;
font-weight: bold;
padding: 5px;
margin: 10px 0px 10px 0px;
text-align: center;
}    

/* --- Buttons --- */

.buttonPrimary, .buttonSecondary 
{
margin: 0;
padding: 4px 15px 5px 15px;
font-weight: bold; 
font-size: 14px;  
text-align: center;
text-decoration: none;
line-height: 25px;
}

.buttonPrimary 
{
background: #090 url(img/bgButtonPrimary.gif) repeat-x;
}

.buttonSecondary 
{
background: #00C url(img/bgButtonSecondary.gif) repeat-x;
}

.buttonPrimary:link, .buttonPrimary:visited, .buttonPrimary:active, .buttonSecondary:link, .buttonSecondary:visited, .buttonSecondary:active 
{
color: #FFF;
text-decoration: none;
}

.buttonPrimary:hover, buttonSecondary:hover 
{
color:#DF6;
text-decoration:none;
}

.buttonPrimary:active, buttonSecondary:active 
{
color: #FFF;
text-decoration: none;
}

div.button
{
text-align: right;
margin: 0 10px 0 0;
}

/* --- Footer --- */
div.footer
{
float: left; 
margin: 0;
padding: 0 0 20px 0;
background: #FFFFFF;
width: 770px;
border-top: 3px solid #CC0033;
}

div.seal
{
float: right;
margin: 5px;
}

div.seal img
{
margin: 0px 5px 0px 10px;
vertical-align: top;
}

div.footer p
{
font-size: 11px;
padding: 5px 10px 0 10px;
}