/* ================ general ================= */

html {
background : #f4f0e7; /*#993333 url(../images/background.png); /*#A64040;*/
font-family : Tahoma, sans-serif;
line-height : 1.2;
color : #ffffff;
}

a img {
border: none !important; 
}

/* ================ links ================= */

a {
  color : #be2b2c;
  text-decoration : underline;
  /* font-weight : bold; */
  }

a:link {
       text-decoration: underline;
       color: #be2b2c;
       }
       
a:visited {
          text-decoration: underline;
          color: #be2b2c;
          }
          
a:active {
         text-decoration: underline; 
         color: #be2b2c;
         }

a:hover {
        text-decoration : none;
        color : #be2b2c;
        }

/* ================ layout ================= */

#body {
position : relative;
margin : auto;
width : 999px;
min-height : 1000px;
background : url(../images/mainbackground.png);
}

#head {
width : 100%;
height : 143px;
background : url(../images/head.png) !important;
text-align : right !important;
}

#navigation {
background : url(../images/mainbackground.png);
width : 999px;
height : 43px;
/*_margin-bottom : 5px;
&margin-bottom : 5px;*/
}

#navigation1 {
width : 192px;
float : left;
_margin : 0px;
}

#main {
margin-top : 15px;
_margin-top : 0px;
_margin-right : 1px;
width : 761px;
float : right;
margin-bottom : 30px;
}

#kontakt {
clear : both;
width : 999px;
/* Vysota i fon snjaty vmeste s formoj obratnoj svjazi:
   bez nih pustoj kontejner ne risuet seruju polosu vnizu. */
height : 0;
}

#footer {
position : relative;
margin : auto;
background : url(../images/footer.png);
width : 999px;
color : #000;
font-size : 12px;
height : 50px;
}

/* ================ head ================= */



/* ================ novinky ================= */

.news {
margin-top : 430px;
_margin-top : 0px;
width : 190px;
color : #3a3d3f;
float : left;
margin-left : 30px;
_margin-left : 15px !important;
}

.date {
display : block;
font-weight : bold;
text-align : right;
width : 192px;
font-size : 12px;
color : #000;
_margin-bottom : 0px;
}

.news_text {
width : 192px;
color : #3a3d3f;
font-size : 12px;
margin-bottom : 15px;
}

/* ================ nove realizace ================= */
.nove_realizace {
margin-top : -3px;
background : url(../images/interier_lista.png) !important;
width : 736px;
height : 60px;
color : #000;
overflow : hidden;
}

.nove_realizace_ram {
width : 700px;
height : auto;
line-height : 12px;
padding-top : 12px !important;
padding-left : 20px !important;
}

.nove_realizace_text_tucne {
font-size : 11px;
font-weight : bold;
}

.nove_realizace_text {
font-weight : normal;
}

.nove_realizace_ram h1 {
margin-top : 6px;
}
/* ================ akce ================= */

.akce {
float : left;
}

.akce_ram {
width : 230px;
margin-left : 20px !important;
margin-top : 20px !important;
border-right : solid 1px #e8e8e9;
float : right;
}

.akce_ram_pravy {
width : 230px;
margin-left : 20px !important;
margin-top : 20px !important;
float : right;
}

.akce h1 {
width : 210px;
}

.akce_text {
width : 210px;
color : #3a3d3f;
font-size : 12px;
margin-bottom : 5px;
text-align: justify;
margin-right : 20px !important;

position:relative;
height:140px;
overflow:hidden;
}

.akce_tlacitko {
margin-top : 15px;
margin-right : 20px !important;
text-align : right !important;
}

.akce_img {
border : 1px solid #e8e8e9;
width : 206px;
height : 132px;
margin-top : 15px;
}

.akce_img img {
margin-top : 10px;
margin-left : 10px;
}

/* ================ kontakt ================= */


.kontakt_pruh {
margin : auto;
width : 996px;
height : 5px;
background : #f8f5ef;
margin-left : 2px;
}

.kontakt_pruh_white {
margin : auto;
width : 996px;
height : 5px;
background : #fff;
margin-left : 2px;
}

.kontakt_ram {
margin : 30px auto auto 30px;
color : #3a3d3f;
font-size : 14px;

}

.kontakt_left {
margin : 25px auto auto 0px;
float : left;
width : 130px;
_width : 120px;
overflow : hidden;
}

.kontakt_right {
margin : 25px auto auto 30px;
_margin : 25px 20px auto 30px;
float : right;
width : 809px;
_width : 750px;
_overflow : hidden;
}

.kontakt_jmeno{
display : block;
height : 20px;
line-height : 25px;
}

.kontakt_form_text {
width : 260px;
height : 20px;
_margin-left : -60px;
}

.kontakt_form_text1 {
width : 260px;
height : 20px;
margin-top : 8px;
_margin-left : -60px;
}

.kontakt_form_chkbox {
margin-top : 18px;
margin-right : 20px;
}

.kontakt_chkbox_text {
display : block;
height : 20px;
line-height : 22px;
float : left;
margin : 16px 27px auto auto;
}

.kontakt_chkbox_mezera {
margin-left : 5px;
}

.kontakt_textarea {
margin-top : 18px;
width : 770px;
height : 150px;
}

.kontakt_submit {
margin : 15px 32px auto auto;
width : 150px;
height : 25px;
float : right;
}

.captcha_popis {
font-size : 95%;
}

.captcha_num {
font-size : 95%;
font-weight : bold;
}

.captcha_zn {
font-size : 95%;
}


/* ================ adresa ================== */

.socialnet {
font-size : 70% !important;
line-height : 0.5 !important;
width : 285px;
font-size : 12px;
color : #000;
text-align : right;
display : block;
float : right;
margin-top : 9px;
margin-right : 23px
}

.socialnet img {
width : 18px;
height : 18px;
}

.zaruka {
width : 200px;
/* Soderzhimoe zakommentirovano v ishodnike - vysota
     derzhala 40 px pustoty v shapke. */
  height: 0;
font-size : 160%;
font-style : italic;
color : #be2b2c;
margin-top : 75px;
margin-left : 450px;
float: left;
}

.adresa {
font-size : 70% !important;
line-height : 0.5 !important;
width : 285px;
font-size : 12px;
color : #000;
text-align : right;
display : block;
float : right;
margin-top : 10px;
margin-right : 20px
}

.adresa table {
width : 285px;
table-layout : fixed;
}

.adresa .td1 {
width : 90px;
text-align : left !important;
}

.adresa td h1 {
font-size : 13px;
}

.adresa .td2 {
width : 280px;
text-align : left;
}

.telefon {
font-size : 15px;
}

.adresa_form {
width : 200px;
}

.adresa h1  {
display : block;
float : right;
}

.adresa add {
display : block;
float : left;
}

/* ================ pati�ka ================= */

.footer {
position : relative !important;
padding-left : 160px;
padding-top : 14px;
display : block;
}

.footer a {
color : #AF0000;
}

.footer a:hover {
text-decoration : none;
}


.links {
position : relative !important;
padding-left : 20px;
padding-top : 10px;
display : block;
font-size : 7px;
color : #7b7b7b;
text-align : left;
}

.links a {
color : #7b7b7b !important;
text-decoration : underline;
} 

/* ================ ostatn� ================= */

h1 {
color : #be2b2c;
font-size : 14px;
line-height : 14px;
}

.main-left-rekon h2 {
color : #be2b2c;
font-size : 14px;
line-height : 14px;
}

.main-left-rekon .cenik {
font-size : 100%;
font-weight : bold;                       
}

.cenik .cenik_left {
float : left;
width : 70%;
}

.cenik .font_normal {
font-weight : normal;                    
                    }

.cenik .cenik_right {                 
float : right;
color : #be2b2c; 
font-size : 120%;
width : 30%;
text-align : right;
}

.main-left-rekon .zdarma {
font-weight : bold;
color : #be2b2c; 
font-size : 120%;                 
}

.main-left h2 {
color : #be2b2c;
font-size : 14px;
line-height : 14px;
}

h1 a {
color : #be2b2c;
text-decoration : none; 
}

h1 a:hover {
color : #be2b2c;
text-decoration : underline; 
}

/* ================ obsah ================= */
.main-left {
width : 380px;
float : left;
text-align : left;
margin-top : -5px;
margin-left : 20px;
color : #3a3d3f;
font-size : 12px;
line-height : 1.5;
margin-bottom : 30px;
}

.main-left-rekon {
width : 379px;
/*height : 1375px;*/
float : left;
text-align : left;
margin-top : -5px;
margin-left : 20px;
color : #3a3d3f;
font-size : 12px;
line-height : 1.5;
margin-bottom : 30px;
}

.main-left .zdarma {
font-weight : bold;
color : #be2b2c; 
font-size : 120%;                 
}


.main-right {
width : 300px;
margin-top : 10px;
margin-left : 5px;
margin-right : 23px;
margin-bottom : 30px;
float : right;
}

.main-foto {
clear : both;
width : 100%;
}

.main-right-clients {
width : 300px;
margin-top : 50px;
margin-left : 0px;
margin-right : 23px;
float : left;
color : #3a3d3f;
font-size : 12px;
line-height : 1.5;
margin-bottom : 20px;
}



.table-f {
  border-spacing: 0; /*Others*/
  border-collapse: collapse; /*IE*/
}
.table-f td { padding: 0; }
td.td-f { padding-right: 40px; }


.table-f {
vertical-align: top;
}

.table-f img {
border: 0px;
}

.td-f {
text-align: center;
}

.popis-f {
margin-bottom: 10px;
font-size: 12px;
}

.fcat {
font-size: 14px;
}

.fotogalerie {
width:560px;
margin-left:auto;
margin-right:auto;
}




.gbook {
  width : 100%;                    /*480*/
  min-height : 750px;
  _height : 750px;
  border : 0px;
  border : none;
  padding :0px;
  color : #3a3d3f;
  /* overflow : hidden !important; */

}

.gbookiframe {
  margin-top : 20px !important;
  width : 100%; 
  min_height : 750px;
  height : 750px;
  border : 0px;
  border : none;
  padding : 0px;
  color : #3a3d3f;
  overflow : hidden !important;
}

.gbook-large {
  width : 750px;
  min-height : 1000px;
  _height : 1000px;
  float:none;
  margin-top : -28px !important;
}

.gbookiframe-large {
  width : 750px;
  min_height : 1000px;
  height : 1000px;
  float:none;
}
             
    







/* ======== PBN-AKCE ========
   Bloki novostej na glavnoj: vysoty byli zadany zhjostko pod staryj
   tekst i pod knopku "Vice zde". Knopka vela na stranicu, kotoraja
   pokazyvala chuzhoj tekst (dvizhok ?akce=N ne sohranilsja), poetomu
   ubrana - i mezhdu tekstom i foto ostalas dyra.
   Vysoty delaem po soderzhimomu, bloki vyravnivaem po verhu. */
.akce {
  display: flex;
  /* row-reverse: v ishodnike bloki shli float:right, poetomu pervyj
     v razmetke okazyvalsja sprava. Sohranjaem tot zhe porjadok. */
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 20px;
  float: none;
  width: 100%;
}
.akce .akce_ram,
.akce .akce_ram_pravy {
  float: none;
  flex: 1 1 0;
  margin-left: 0 !important;
  margin-top: 20px !important;
  display: flex;
  flex-direction: column;
  width: auto;
}
/* Zagolovok: snimaem inlajnovuju vysotu 29px - v njom byvaet 3 stroki. */
.akce h1,
.akce .akce_ram h1,
.akce .akce_ram_pravy h1 {
  height: auto !important;
  position: static !important;
  width: auto;
  margin: 0 0 8px;
  line-height: 1.25;
  /* Rjad dolzhen byt rovnym, kak v originale, no bez obrezki: pod
     samyj dlinnyj zagolovok (3 stroki) rezerviruem mesto. */
  min-height: 3.75em;
}
/* Tekst: byl obrezan po vysote, teper po soderzhimomu. */
.akce .akce_text {
  height: auto !important;
  overflow: visible !important;
  position: static !important;
  width: auto;
  margin: 0 20px 12px 0 !important;
  /* To zhe dlja teksta: dva blokа imejut po 2 stroki, tretij pustoj. */
  min-height: 2.8em;
}
/* Foto prizhimaem k nizu bloka - togda rjad vyglyadit rovnym
   nezavisimo ot dliny teksta v kazhdoj kolonke. */
.akce .akce_img {
  margin-top: 4px;
  width: auto;
  max-width: 206px;
  height: auto;
}
.akce .akce_img img {
  display: block;
  width: 100%;
  height: auto;
}


/* ======== PBN-AKCE-ALIGN ========
   U tretej kartochki byl pustoj abzac - on derzhal vysotu rjada.
   Abzac ubran kak sled chistki, no bez nego foto podnjalos na 45 px.
   Rezerviruem mesto pod tekst na urovne kontejnera: rjad rovnyj,
   pustoj razmetki net. */
.akce .akce_ram,
.akce .akce_ram_pravy {
  display: flex;
  flex-direction: column;
}
.akce .akce_text {
  margin-bottom: 12px !important;
}
/* Kartochka bez teksta poluchaet tot zhe otstup, chto i s tekstom:
   34 px stroki + 12 px nizhnij otstup. */
.akce .akce_ram_pravy h1,
.akce .akce_ram h1 {
  margin-bottom: 8px;
}
.akce .akce_img {
  margin-top: auto;
}
/* Bolee pozdnee pravilo .akce .akce_img zadajot margin-top:4px -
   pri ravnoj specifichnosti ono pobezhdalo. U tretej kartochki net
   abzaca (34 px stroka + 12 px otstup), kompensiruem tochechno. */
.akce .akce_ram_pravy .akce_img {
  margin-top: 45px !important;
}


/* ======== PBN-SLUZBY ========
   Kartochki razdelov pod blokom novostej. Zakryvajut pustotu vnizu
   glavnoj i dajut prjamuju perelinkovku na vse razdely.
   Palitra i shrifty - te zhe, chto u blokov .akce_ram. */
.sluzby-mrizka {
  width: 761px;
  padding: 24px 0 8px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  border-top: 1px solid #e8e8e9;
  margin-top: 18px;
}
.sluzba-karta {
  width: 230px;
  box-sizing: border-box;
}
.sluzba-karta img {
  display: block;
  width: 100%;
  /* Foto razdelov imejut raznye proporcii - bez edinoj vysoty
     zagolovki vstajut na raznyh urovnjah. cover obrezaet kadr
     po centru, ne iskazhaja kartinku. */
  height: 150px;
  object-fit: cover;
  border: 1px solid #e8e8e9;
}
.sluzba-karta {
  display: flex;
  flex-direction: column;
}
.sluzba-karta h2 {
  margin: 10px 0 6px;
  font-size: 13px;
  line-height: 1.25;
  font-weight: bold;
}
.sluzba-karta h2 a {
  color: #be2b2c;
  text-decoration: none;
}
.sluzba-karta h2 a:hover {
  text-decoration: underline;
}
.sluzba-karta p {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #3a3d3f;
}