/*
	http://www.apartamenty-kochanowskiego.pl/css/main.css by Fuzzy3d.pl
*/

body {
	
	margin: 0;
    padding: 0;
    
    text-align: center;
    line-height: 135%;
    
    background-color: #fff;
    background-image: url(../images/apartamenty-bg.jpg);
    background-repeat: repeat-x;
    
    font-family: Verdana;
}

a { color: #e3e3e3; text-decoration: none;}
img { border: none;}

input, select, textarea { border: 1px solid #e3e3e3; background-color: #e5dbc0; color: #c6675b;}

/*div { border: 1px dotted #000;}*/

/*containers*/
#container {

    width: 900px;
    height: auto !important;
    min-height: 900px;
    
    margin: 0 auto;
    
    text-align: left;
    
    background-image: url(../images/apartments-lay.jpg);
    background-repeat: no-repeat;
    border-top: 1px solid #000;
    
}

#container_wide {

    width: 900px;
    height: auto !important;
    min-height: 900px;
    
    margin: 0 auto;
    
    text-align: left;
    
    background-image: url(../images/apartments-lay_wide.jpg);
    background-repeat: no-repeat;
    border-top: 1px solid #000;
    
}

#main-nav { width: 800px; height: 50px; margin: 25px 0 0 65px;}
#main-nav ul {}
#main-nav ul li { display: inline; list-style-type: none; margin: 4px; padding-right: 25px;}
#main-nav ul li a { font-family: Arial;  font-size: .9em;}
#main-nav ul li a:hover { border-bottom: 1px solid #e3e3e3;}

#wrap {

    width: 900px;
    height: auto !important;
    min-height: 400px;
    
    margin: 100px 0 0 0;
    line-height: 145%;
    
}
#wrap a:hover { border-bottom: 1px solid #C6675B;}

#header { width: 900px; height: 370px;}

#search { width: 310px; height: auto; margin: 80px 0 0 30px;}
#search h1 { font-family: Verdana; font-size: .9em; color: #fff; margin: 4px 0 4px 0;}
#search p, label { color: #e3e3e3; font-family: "Times New Roman", Times, serif; font-style: italic; margin: 0 0 4px 0;}
#search input, select { margin: 0 0 0px 15px; padding-left: 3px;}

#search_info { width: 320px; height: auto; margin: 80px 220px 0 0;}
#search_info a:hover { border-bottom: 1px solid #C6675B;}
#search_info h3 { font-family: Verdana; font-size: .9em; color: #fff; margin: 4px 0 4px 0;}

#calendar { width: 500px; height: auto; margin: 80px 30px 0 0;}
#calendar h3 { font-family: Verdana; font-size: .9em; color: #fff; margin: 4px 0 4px 0;}
#calendar table { display: inline-block;}

#calendars { font-size: 13px;}
#calendars .reserved { background-color: #C6675B;}
#calendars .cbody { margin: 0 10px 0 0; display: inline; border-bottom: 1px solid #E5DBC0;}
#calendars table { height: 190px;}
#calendars .label { color: #3e3e3e; font-weight: bold; border-bottom: 1px solid #E5DBC0;}
#calendars_nav {}
#calendars_nav p { font-size: 11px; margin: 0 5px;}

#prices {}
#prices .labels { text-align: left;}
#prices .values { font-size: 11px;}
#prices .range { width: 180px;}

#main { width: 900px; height: auto !important; padding-bottom: 35px;}
#main h1 { font-family: Verdana; font-size: 1.1em; width: 400px; color: #3e3e3e;}
#main h2 { font-size: 1.2em; color: #669900;}
#main h3 { font-size: 1.3em; color: #669900;}
#main p { font-family: Verdana; padding-bottom: 20px; width: 400px; text-align: justify;}
#main a { color: #3e3e3e;}
#main img { margin: 0 6px 0 0;}
#main ul { width: 340px;}
#main ul li { margin: 6px 0 6px 0;}

#lcolumn { width: 430px; height: auto; float: left;  font-size: 12px;  padding-left: 15px;}
#lcolumn p { margin-left: 15px;}
#rcolumn { width: 420px; height: auto; float: right; font-size: 12px; text-align: justify; border-left: 1px solid silver; padding-left: 15px;}

#apartmentsmain { width: 430px; display: block; height: auto; border: 1px solid #e3e3e3; margin-bottom: 15px; text-align: justify; padding: 5px;}
#apartmentsmain img { float: left;}
#apartmentsmain h1 { display: inline; width: 250px; margin: 0 5px 0 0; font-size: 16px;}
#apartmentsmain p { line-height: 120%; clear: both; margin: 3px 000;}

#apartment { text-align: justify;}

#resume { border: 1px dotted #000;}
#resume h1 { width: 400px;}
#resume p { width: 400px; border: 1px dotted #000;}
#resume jpg { display: inline; border: 0; margin: 8px; padding: 0;}

#gallery {}
#gallery img { margin: 0;}
#gallery h1 { padding-left: 25px; padding-top: 14px; border-top: 1px solid silver;} 
#gallery span { color: #996633;}
#gallery p { width: 380px;}

#kontakt { width: 400px; padding: 15px 15px 15px 0;}
#kontakt form label { color: #3e3e3e;}
#kontakt form p, label { margin: 3px 0 3px 0;}
#kontakt input, label, select { margin: 3px 0 5px 15px; padding-left: 3px;}
#kontakt p.small { font-size: .8em;}

#kalendarz { width: 252px; border: 1px solid #3e3e3e; text-align: left; padding: 3px;}
#kalendarz p { text-align: right;}
#kalendarz ul { width: 210px; border: 1px solid orange; padding-bottom: 3px;}
#kalendarz li {display: inline; padding:2px 5px; }
#kalendarz .akt {color: #990000; font-weight: bold;}
#kalendarz .reserved { background-color: orange;}
#kalendarz .hidden {visibility: hidden;}
#kalendarz .nagl {display:inline-block;color:#990000; font-size: 20px;  text-align:center; width:212px;}
#kalendarz .strz {color:#990000; font-size:30px;  text-align:center;width:25px; text-decoration:none;}
#kalendarz .strz:hover { color:green; }


#footer { width: 900px; border-top: 1px dotted silver; border-bottom: 1px dotted #3e3e3e; margin-top: 3px; margin-bottom: 25px; text-align: center;}
#footer p { font-size: 12px;}
#footer a { color: #7f7c2d;}
#clear { clear: both;}

/*classes*/
.l { float: left;}
.p { float: right;}
.c { text-align: justify; margin: 5px;}
.bordered { border: 1px solid #3e3e3e; padding: 10px;}
.green-p { color: #666600;}
.aprt-link { font-size: 1em;}
.aprt-link:hover { border-bottom: 1px dotted orange;}
.confirm { border: 1px solid green; padding: 10px;}
.help { font-size: .7em; }
.title { font-size: 1.2em; color: #e6a48e;}
.personal { margin-top: 100px;}

.cal { margin-left: 4px;}
.gal { padding: 5px; border: 1px dotted #e3e3e3;}
.gal:hover { border: 1px solid #3e3e3e;}

/*avail-results*/
.available { width: 400px; border: 1px solid green; padding: 15px;}
.an-available { width: 400px; border: 1px solid red; padding: 15px;}


/*cls*/
.clear-l { clear: left;}
.clear-p { clear: right;}
.cls { clear: both;}