/*<![CDATA[*/

*          { margin: 0; padding: 0 }
html, body { height: 100% }
body       { background: #fff url(../i/bg.jpg); min-width: 1000px }  
body, td   { font: 12px Arial } 
th         { text-align: left }
             
#lng       { width: 27px; position: absolute; left: 61px; top: 59px }
#lng img   { margin-bottom: 5px; width: 27px; height: 27px;  }

#bgtl       { width: 100%; height: 100%; background: url(../i/bg_tleft.jpg) no-repeat  }
#bgtr       { width: 100%; height: 100%; background: url(../i/bg_tright.jpg) top right no-repeat  }
#bgbl       { width: 100%; height: 100% }
#page       { width: 100%; height: 100%; background: url(../i/bg_bleft.jpg) bottom left no-repeat }

#top         { width: 40px; height: 40px }
#header      { height: 152px; background: #fff; padding: 0 20px }

#header table { width: 100%; height: 152px }
#header td    { height: 152px; background: url(../i/bg_header_td.gif) right 31px no-repeat }

#hlogo            { width: 28%; text-align: center; background: #fff }
#hlogo img        { margin: auto; margin-top: 25px; }
#hmenu            { width: 23% }
#hmenu a          { color: #806942 }
#hmenu a:hover    { color: #362f2d; font-style: italic; font-weight: bold }
#hmenu ul         { padding: 32px; list-style: none }
#hmenu li         { padding-bottom: 2px; background: none }
#hmenu b          { font-style: italic }
#hmenu a.current  { color: #362f2d }
#hspecial         { width: 43% }

#htravel           { height: 152px; width: 100%; padding-top: 35px; background: url(../i/bg_travel.gif) 145px 37px no-repeat; heig\ht/* */: 122px }
#htravel div       { float: none; padding-top: 10px; padding-right: 10px }
#htravel div.image { float: left; height: 122px; width: 141px; padding: 0; padding-left: 37px; padding-top: 10px; background: url(../i/bg_hspecial_div.gif) 27px 0 no-repeat; wid\th/* */: 104px; heig\ht/* */: 102px }

#hicons                 { padding-left: 20px }
#hicons div             { float: left; margin-top: 63px; text-align: center; width: 100% }
#hicons.inner div       { margin-top: 52px }
#hicons.inner div.alone { margin-top: 63px }
#hicons img             { margin: auto; margin-bottom: 8px }

#header #hicons { background-image: none }

#picture       { height: 170px; padding: 0 20px; background: #fff }
#picture div   { width: 100%; height: 146px; background: url(/p/ifoto.jpg) left no-repeat }

#content       { padding: 0 20px; background: #fff }
#content table { width: 100%; height: 100% }

/* main page */
#content.main h2      { font-size: 12px; padding: 0 }

#cleft         { width: 35% }            
#ccenter       { width: 30%; background: #a38755 url(../i/bg_ccenter.gif) top repeat-x }
#cright        { width: 35%  }

#content.main td div.header     { height: 51px; width: 100% }
#content.main td div.header img { margin-left: 18px }

#actual                { float: none; overflow: hidden; display: none; padding: 0 20px; margin-right: 29px; background: url(../i/bg_delimiter.gif) right repeat-y }
#actual div            { padding-bottom: 14px  }
#actual a, #actual h2  { color: #806942 }

#exotic, #special         { float: none; overflow: hidden; display: none; padding: 0 18px }
#exotic div, #special div { padding-bottom: 14px }
#exotic, #exotic h2, #exotic a, #special, #special h2, #special a  { color: #fdeccc }

#poffers     { float: none; padding: 0 20px; margin-right: 29px; background: url(../i/bg_delimiter.gif) right repeat-y }
#poffers div { float: left; width: 100% }
#poffers img { float: left; width: 110px; height: 85px; margin-right: 10px; margin-top: 10px; display: inline }

#poffers.right { float: none; padding: 0; padding-left: 10px; padding-bottom: 10px; margin: 0; background: none }
 

#content #cright div.header img { margin-left: 59px }

#fotos     { float: none; overflow: hidden; display: none; padding-left: 59px; background: url(../i/bg_delimiter.gif) 29px 0 repeat-y }
#fotos img { float: left; margin-right: 5px; margin-bottom: 5px }

div.scroller     { padding-left: 17px; height: 42px; padding-top: 19px; heig\ht/* */: 25px }
div.scroller img { float: left; display: inline; margin-left: 3px; cursor: hand; curs\or/* */: pointer }

#exotic_scroller, #fotos_scroller { display: none }

#cright div.scroller { padding-left: 56px }

div.content ul { list-style: none }
div.content li { background: url(../i/bg_li.gif) 8px 6px no-repeat; padding-left: 20px; font-style: italic  }

/* inner page */
#left       { width: 68% }
#right      { width: 32%; padding-top: 30px }
#rconteiner { padding-left: 30px}           

#right .menu  { width: 100%; float: left; background: url(../i/bg_right_menu.gif) repeat-x; padding-top: 43px; padding-bottom: 33px;  border-bottom: 1px solid #b9b9b9 }
#right ul  { float: right; list-style: none; padding-right: 35px }
#right li  { text-align: right; background: none; padding-bottom: 2px; color: #362f2d }
#right a   { color: #806942 }
#right b   { font-style: italic }
#right b a { color: #362f2d }
#right div.header img { margin-left: 18px }

#pageheader   { padding-top: 40px; padding-bottom: 20px; background: url(../i/bg_pageheader.gif) repeat-x }

#conteiner    { float: left; width: 100%; background: #fcf6eb; padding: 30px 0 }
#couter       { padding-left: 34px; padding-right: 30px }
#cinner       { width: 100%; float: left; margin-right: -180px; }
#cwrapper     { width: 100% }  

#cinner.wide              { width: 100%; margin: 0; padding-bottom: 45px  }
#cinner.wide div.content  { width: 100%; margin: 0;  }

#conteiner div.content       { margin-right: 180px }
#conteiner div.fotos         { float: right; width: 180px; padding: 35px 0 }
#conteiner div.fotos div     { float: right; width: 79px; height: 79px; padding: 6px; background: url(../i/bg_fotos_div.gif) no-repeat; wid\th/* */: 67px; heig\ht/* */: 67px }
#conteiner div.fotos div img { width: 56px; height: 56px }
#conteiner div.fotos div img.iehover, #conteiner div.fotos div img:hover { border: 1px solid #fff; cursor: hand; curs\or/* */: pointer }
#conteiner div.fotos div img.alone:hover { border: 0; cursor: default }

#printpage   { float: left; background: #fff; width: 100%; margin-top: 20px; height: 40px; font-size: 11px }
#printpage a { float: right; color: #000; height: 19px; display: inline-block; margin-top: 9px; padding-top: 2px; padding-left: 30px; margin-right: 29px; background: url(../i/bg_printpage_a.gif) left 0 no-repeat; heig\ht/* */: 17px; }

#right div.header     { clear: left; height: 91px; padding-top: 40px; heig\ht/* */: 51px  }
#right div.header img { height: 38px }

#right #special     { color: #362f2d; height: 250px; display: block }
#right #special h2  { font-size: 12px; color: #362f2d; padding: 0 }
#right div.scroller { display: none }

#twocolumns         { float: left; width: 100%; margin-top: -10px }
#twocolumns h2      { font-size: 12px; color: #806942; padding: 0 }
#twocolumns a       { color: #806942 }

#twocolumns div     { float: left; width: 49.8% }
#twocolumns div div            { float: left; width: 100% }
#twocolumns div div div        { width: auto; padding-top: 14px }
#twocolumns div.left  div div  { padding-right: 20px;  }
#twocolumns div.right div div  { padding-left:  20px;  }

#twocolumns div.left div div div,
#twocolumns div.right div div div { float: left; width: 82px; height: 72px; padding: 0; background: url(../i/bg_fotos_div.gif) no-repeat }
#twocolumns img                   { width: 56px; height: 56px; margin-left: 6px; margin-top: 6px }
#twocolumns a:hover img           { border: 1px solid #fff }

#fotogalleries         { float: left; width: 100%; font-size: 11px }
#fotogalleries div     { float: left; width: 129px; height: 170px; background: #fff; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin-right: 12px; margin-bottom: 12px; wid\th/* */: 128px; heig\ht/* */: 169px }
#fotogalleries div img { width: 116px; height: 116px; margin-left: 6px; margin-top: 6px; margin-bottom: 7px; }
#fotogalleries div div { float: none; width: auto; border: 0; margin: 0;  padding: 0 9px; height: 40px; text-align: center; overflow: hidden }
#fotogalleries div img.iehover, #fotogalleries div img:hover  { border: 1px solid #fff; margin-bottom: 5px }
#fotogalleries a       { color: #362f2d }

#fotogallery         { float: left; width: 100% }
#fotogallery div     { float: left; width: 79px; height: 79px; padding: 6px; background: url(../i/bg_fotos_div.gif) no-repeat; wid\th/* */: 67px; heig\ht/* */: 67px }
#fotogallery div img { width: 56px; height: 56px;  }
#fotogallery div img.iehover, #fotogallery div img:hover { border: 1px solid #fff; cursor: hand; curs\or/* */: pointer }
#fotogallery div img.alone:hover { border: 1px solid red; cursor: default }

table.treecolumns     { float: left; width: 100% }
table.treecolumns td,        
table.treecolumns th  { width: 33.3%; padding-left: 20px; background: url(../i/bg_table_td.gif) left repeat-y }
table.treecolumns th  { background: none; padding: 0; padding-right: 20px; font-weight: normal }

table.contacts   { margin-bottom: 40px }
table.contacts p { padding: 0 }

#content div.subs li  { padding-left: 0; font-weight: bold; font-style: normal; background: none }

#partners         { float: left; width: 100% }
#partners div     { float: left; width: 229px; height: 170px; margin-right: 30px; margin-bottom: 29px; text-align: center; background: #fff; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; wid\th/* */: 228px; heig\ht/* */: 169px }
#partners div div { height: 135px; padding: 0; margin: 0; border: 0 }
#partners img     { margin: auto; margin-top: 28px }
#partners a       { font-weight: bold }
#partners a:hover img { border: 1px solid #fff }

#footer         { height: 152px; background: #fff; padding: 0 20px }
#footer div     { width: 100%; height: 67px; font-size: 11px; background: url(../i/rss.gif) 18px 23px no-repeat }
#footer div a   { display: inline-block; float: left; margin-left: 47px; margin-top: 24px; color: #362f2d }
#footer table   { float: left; width: 100%; height: 65px; background: #362f2d; color: #fff }
#footer td,       
#footer th      { width: 25%; background: url(../i/bg_footer_td.gif) right no-repeat; font-size: 11px }
#footer th      { background: none }
#footer td a    { color: #fff }
#footer p       { padding: 13px 29px }
#footer img     { margin-top: 2px }

#bgright        { background: url(../i/bg_center_right.jpg) bottom right no-repeat }
#bcenter        { background: url(../i/bg_bcenter.jpg) bottom right no-repeat }
#bright         { width: 40px; height: 57px; background: url(../i/bg_bright.jpg) no-repeat }

div.map      { float: left; width: 100%; text-align: center  }
div.map img  { width: 530px; height: 300px; margin: auto }

#form           { width: 562px; padding-top: 7px }
#form p         { padding: 0 4px; font-weight: bold; margin-top: 15px; margin-bottom: 12px }
#form div div   { width: 100% }
#form div.left  { float: left; width: 275px }
#form div.right { float: left; width: 287px }

#form div.submit   { float: left; width: auto; padding-top: 23px;  }
#form div.submit a { float: left; color: #362f2d; height: 25px; font-weight: bold; font-size: 18px; padding-left: 38px; background: url(../i/bg_submit.gif) no-repeat }


/* common styles */
a         { color: #362f2d }
a:hover   { cursor: pointer; text-decoration: none }
img       { border: 0; display: block }
table     { border-collapse: collapse }
td, th    { vertical-align: top }
p, ul     { padding-bottom: 17px }

h1        { font: 20px Arial; color: #ee3823; text-align: center; padding: 0 20px }
h2        { font: bold 16px Arial; color: #362f2d; padding-bottom: 33px }
h3        { font: bold 12px Arial; color: #ee3823; padding-bottom: 14px }

input, textarea { font: 12px Arial; background: #fff; height: 32px; width: 244px; padding: 8px 11px; border: 1px solid #e5e0d5; wid\th/* */: 222px; heig\ht/* */: 16px; } 
textarea        { width: 285px; height: 263px; padding: 12px 17px; overflow: hidden; wid\th/* */: 251px; heig\ht/* */: 239px }

html>body textarea   { overflow: auto }

.error      { color: #ee3823 }
span.error  { font-size: 11px; font-weight: normal }
input.error, textarea.error { background: #f26b32; color: #111  }

@media all and (min-width: 0px) {
  input   { padding-top: 0px; height: 25px; }
}

/*]]>*/