/*<![CDATA[*/

body { background: #000; text-align: center; color: #e0dfdc }
*    { text-align: left; margin: 0; padding: 0 }

body, td, th, h1, h2, h3, h4, input, select, textarea { font: 11px Verdana, Tahoma }
th    { font-weight: bold }

div   { float: left }

#page, #line, #outer { float: none; margin: auto; width: 1000px } 

#header { width: 100%; height: 336px; background: url(/i/bg_header.jpg) 20px 0 no-repeat }
#hinner { width: 100%; height: 336px; background: url(/i/bg_header_inner.jpg) 20px bottom no-repeat }

#hleft   { width: 295px; height: 336px; background: url(/i/bg_header_left.jpg) 36px 76px no-repeat }
#flash   { display: inline; margin-left: 103px; margin-top: 80px}

#hright  { width: 705px; height: 336px; background: url(/i/bg_header_right.jpg) right 37px no-repeat }
#htable  { width: 705px; height: 336px; background: url(/i/bg_header_table.jpg) 32px bottom no-repeat }

#hphone     { width: 705px; height: 188px; padding-top: 22px; padding-left: 365px; wid\th/* */: 340px; heig\ht/* */: 166px }
#hphone img { width: 310px; height: 75px }

#hentrench     { width: 705px; padding-left: 265px; wid\th/* */: 440px }
#hentrench img { width: 200px; height: 87px }

#menu      { padding-left: 27px; height: 33px }
#menu img  { float: left; height: 33px}

#line      { background: none; width: 890px; padding: 0 30px; wid\th/* */: 830px }

#outer             { width: 890px; padding: 0 30px; wid\th/* */: 830px }
#page.inner #outer { padding: 0; width: 890px }

#conteiner               { width: 830px }
#page.inner #conteiner   { width: 890px } 
#page.inner #inner       { width: 890px; padding: 0 30px; wid\th/* */: 830px } 

#cleft            { width: 270px }
#ccenter, #cright { margin-top: 40px; width: 278px; padding-left: 20px; wid\th/* */: 258px }

img.entrench { width: 271px; margin-left: -10px; height: 80px } 

#page.inner #cleft  { width: 300px; padding-left: 30px; wid\th/* */: 270px } 
#page.inner #cright { padding-left: 20px; width: 550px }

#conteiner.cflats            { padding-top: 10px }
#conteiner.centrench #cright { padding-top: 15px }

#conteiner.centrench.form #cright h1 { padding-bottom: 46px }

/* calendar of availability block */
#availability    { width: 250px; margin-top: 30px; /*background: #888;*/ }
#availability p  { padding-bottom: 20px }
#availability h2 { text-align: center; font-weight: normal }

#availability table                        { width: 100%; margin-top: 10px; margin-bottom: 25px }
#availability table th, #availability table td { text-align: center; padding: 2px }
#availability table th b { color: #eebb41; font-weight: normal }
#availability table td b { color: #4a4a49; font-weight: normal }

/* content block */
#content             { width: 830px }
#page.inner #content { width: 830px }

/* image block */ 
#cbottom      { width: 100%; padding: 15px 0 }
#cbottom img  { margin: auto; width: 120px; height: 63px }

/* footer */
#footer  { width: 100%; height: 55px; background: none }

#fleft   { float: left; font-size: 10px; color: #fff }
#fright  { float: right }

#page.inner #fleft   { padding-left: 30px }
#page.inner #fright  { padding-right: 30px }

/* page' header block */
div.header         { width: 830px; margin-left: -20px; display: inline; padding-bottom: 30px }
#cleft div.header  { width: 270px; padding-bottom: 0 }

img.header, div.header img       { float: left; margin-bottom: -8px; width: 118px; height: 95px }
p.header      ,div.header p      { margin-top: 45px}
p.header span ,div.header p span { display: inline-block; margin-left: -55px; width: 55px }

/* header images */
#conteiner.cflats div.header img   { margin-right: 3px }
#conteiner.cflats div.header span  { margin-left: -57px;  }

#conteiner.centrench div.header       { margin-top: 0px; padding-bottom: 20px }
#conteiner.centrench div.header img   { margin: 0; width: 136px; height: 94px }
#conteiner.centrench div.header span  { margin-left: -20px; width: 9px}
#conteiner.centrench div.header p     { margin-top: 55px;  }

#conteiner.centrench.form div.header       { margin-top: 10px }
#conteiner.centrench.form div.header img   { margin: 0; width: 94px; height: 84px }
#conteiner.centrench.form div.header span  { margin-left: -10px; width: 9px}
#conteiner.centrench.form div.header p     { margin-top: 45px;  }

#conteiner.centrench.successfull div.header img   { margin: 0; width: 118px; height: 95px }
#conteiner.centrench.successfull div.header span { margin-left: -50px }

#conteiner.cservices div.header       { margin-top: 20px; }
#conteiner.cservices div.header img   { margin: 0; width: 170px; height: 95px }
#conteiner.cservices div.header span  { margin-left: -20px;  }

#conteiner.cresponses div.header       { margin-top: 10px }
#conteiner.cresponses div.header img   { margin: 0; width: 122px; height: 116px }
#conteiner.cresponses div.header p     { margin-top: 70px }
#conteiner.cresponses div.header span  { margin-left: -10px }

#conteiner.cspecial div.header       { margin-top: 20px }
#conteiner.cspecial div.header img   { margin: 0; width: 123px; height: 87px }
#conteiner.cspecial div.header p     { margin-top: 60px }
#conteiner.cspecial div.header span  { margin-left: -40px }

#conteiner.ctransfer div.header       { margin-top: 15px }
#conteiner.ctransfer div.header img   { margin: 0; width: 119px; height: 100px }
#conteiner.ctransfer div.header p     { margin-top: 65px }
#conteiner.ctransfer div.header span  { margin-left: -45px }

#conteiner.ccontacts div.header span { margin-left: -50px }

#conteiner.c404 div.header       { margin-top: 20px }
#conteiner.c404 div.header img   { margin: 0; width: 123px; height: 87px }
#conteiner.c404 div.header p     { margin-top: 60px }
#conteiner.c404 div.header span  { margin-left: -40px }


/* responses */
ul.responses li   { background: none; padding-left: 0; padding-bottom: 15px }
ul.responses span { color: #958e84; font-size: 10px }
ul.responses p    { padding-top: 5px }

ul.special li   { padding-bottom: 15px }
ul.special span { color: #958e84; font-size: 10px }
ul.special p    { padding-top: 5px }

/* flats list */
div.flats              { width: 100% }
div.flats div          { width: 100%; padding-bottom: 20px }
div.flats div img      { float: left; width: 100px; height: 63px; margin-right: 10px }
div.flats div div      { width: 440px; padding: 0 }

div.flats div div h2,   div.title h2,   div.discounts li h2   { float: left; padding: 0 }
div.flats div div img,  div.title img,  div.discounts li img  { float: left; width: 5px; height: 5px; display: inline-block; margin: 0 9px; margin-top: 5px }
div.flats div div span, div.title span, div.discounts li span { color: #eebb41; font-weight: bold }

div.flats p           { padding: 0; padding-top: 5px }

/* one flat details */
div.flat         { width: 100% }
div.flat div     { width: 100%; padding-bottom: 30px  }

div.flat div.title     { padding: 5px 0;  }
div.flat div.address   { padding-bottom: 10px }
div.flat div.about     { padding-bottom: 0 }

div.flat div.fotos     { float: left; }
div.flat div.fotos img { float: left; display: inline; border: 1px solid #eebb41; margin-right: 10px; margin-bottom: 10px }

div.flat div.discounts     { padding-top: 10px }
div.flat div.discounts li  { background: none }

div.entrench.info              { padding-top: 0px }
div.entrench.info div          { width: 100% }
div.entrench.info div.info     { padding: 13px 0 }
div.entrench.info div.order    { padding-top: 20px }
div.entrench.info p            { padding: 0 }
div.entrench.info div.order h2 { color: #eebb41; padding-bottom: 0 }
div.entrench.info div.order p  { padding-top: 3px; padding-bottom: 10px }

div.centrench.form #cright { padding-top: 25px }

/* forms elements */
form p                                 { color: #fff; font-weight: bold; padding: 0 }
form input, form select, form textarea { border: 1px solid #958e84; background: #232323; color: #fff } 
form input, form textarea              { width: 30px; padding: 2px }

form textarea       { height: 80px }
form p span         { color: #a43516; font-size: 10px }
form span.error     { font-weight: normal; padding-left: 7px }
form span.remark    { color: #fff; font-weight: normal; padding-left: 7px }
form p.address      { margin-top: 10px; margin-bottom: 15px }
form p.address span { color: #fff; font-weight: normal; font-size: 10px; padding-left: 5px }

form input, input select, form textarea, form div div.wide { margin-top: 3px; margin-bottom: 10px }

#cright form input, #cright form textarea  { width: 450px }

form div                { float: left; width: 100% }
form div div.checkboxes { float: left; width: 100%; margin: 0; margin-top: 3px; padding-bottom: 10px }
form div div div        { float: left; width: auto; padding-right: 20px }
form div div div.wide   { width: 100%; padding-right: 0 }

form div div div input        { width: 50px }
#page form div div.checkboxes input { width: auto; float: left; border: 0; margin: 0; background: none; cursor: hand; cursor: pointer }

#page form input.quantity { width: 190px }

form input.error, form textarea.error  { border: 1px solid red; color: #fff }

form label, form div div.checkboxes div span { float: left; margin-top: 3px; padding: 0 6px; padding-bottom: 2px }
form label                                   { cursor: hand; cursor: pointer } 

@media all and (min-width: 0px) {
  form input.submit { padding: 3px 13px 4px 13px }
}

#page form input.submit { width: auto; text-align: center; font-weight: bold; margin: 0 }

html>body form input.submit { padding: 2px 25px 3px 25px }

form table    { margin-top: 7px; margin-left: 12px; width: 230px }
form table th { padding: 4px 0; color: #eebb41 }
form table td { padding-right: 5px }
form table span { padding-left: 5px }

form table td.days  select  { width: 40px }
form table td.month select  { width: 80px }
form table td.year input    { width: 30px; margin: 0 }
form table td.nights select { width: 100% }

#page form table select { margin: 0 }

#leftentrench  { width: 240px }
#pcalendar     { padding: 3px; position: absolute; display: none }


table.pcalendar    { border: #e7b855 1px solid; width: 175px; background: #584621; border-collapse: separate }
table.pcalendar td { padding: 3px; font: 11px Verdana; width: 25px; text-align: center; 

background: #111 }

table.pcalendar td.title     { width: 100%; font-weight: bold }
table.pcalendar tr.days td   { font: bold 10px Verdana; background: #272626 }
table.pcalendar td.work      { cursor: hand; background: color; background: #111; cursor/* */: pointer }
table.pcalendar td.holiday   { cursor: hand; color: #cd2009; cursor: pointer }

table.pcalendar td.past     { color: #584621 }
table.pcalendar td.holiday  { color: #cd2009 }
table.pcalendar td span     { color: #eebb41 }

table.pcalendar td.over      { background: #c0c0c0; color: #111 }
table.pcalendar td.over span { color: #111 }



/* common styles */
a       { color: #eebb41 }
a:hover { text-decoration: none; }
h1, h2  { font-weight: bold } 
h1      { padding-bottom: 20px }
h2      { padding-bottom: 15px }
h3      { font-weight: bold; margin-top: 6px } 
h4      { margin-top: 6px } 
img     { border: 0; display: block  }
p       { padding-bottom: 13px }
ul      { list-style: none;  padding-bottom: 13px }
li      { background: url(/i/bg_li.gif) 3px 5px no-repeat; padding-left: 15px }
table   { border-collapse: collapse } 
.error  { color: #a43516 }

div.submit, td.submit { padding-top: 20px }

div.content.not.found h3 { color: #eebb41 }
div.content.not.found ul { padding-top: 15px}
div.content.not.found li { padding-bottom: 15px}