body {
    font-family:Tahoma,Verdana,sans-serif;
	/*font-family:Verdana,'Arial CE','Helvetica CE',Arial,helvetica,sans-serif;*/
	color:#000000;
	background-color: #ffffff;
	margin: 0;
	font-size: 0.8em
}

/**/

a { color: #000000; }
a:hover { color: #000000;}

img { border: 0; }

h1 { font-size: 36px; font-weight: normal; line-height: 1.6em;}
h2 { font-size: 26px; font-weight: normal; }

/***/

.fullBg {  position: fixed;  top: 0;  left: 0;  overflow: hidden;}
 
#maincontent {  position: absolute;  top: 0;  left :0;  width: 100%; z-index: 50;}

#page { width: 1200px;   margin: auto; }

/***/
.notices { width: 188px; float: right;}

/***/

#header { width: 1000px; float: left; }

#header .infoline { text-align: right; padding-top: 15px; }
#header .infoline a { text-decoration: none; }
#header .logo { width: 350px; height: 140px; float: left;  }
#header .logo span {  display: block; float: right; padding-top: 25px; color: #aaa; font-size: 1.1em; }
#header .logo span strong {  font-size: 30px; font-weight: normal; }
#header .slogan { width: 646px; height: 110px; float: right; padding-top: 25px; color: #333; font-size: 1.1em;}
#header .slogan strong  {  font-size: 30px; font-weight: normal; }
/*   jine barvy v hlavicce */
#header.page-reference .logo span, #header.page-kontakt .logo span, #header.page-podlahy .logo span, #header.page-default .logo span {  color: #333; }
#header.page-vytahy .logo span {  color: #fff; }
/* / jine barvy v hlavicce */

#navigation { width: 210px; border-top: solid 2px #231f20; border-left: solid 2px #231f20; border-bottom: solid 2px #231f20; font-size: 0.75em; }

#navigation .menu-button-1 { text-align: left; height: 20px; margin-left: 8px; padding: 10px 0px 0px 8px; font-weight: bold; clear: both; }
#navigation .menu-button-2 { text-align: left; height: 20px; margin-left: 8px; padding: 10px 0px 0px 12px; font-weight: bold; clear: both; }
#navigation .menu-button-1 a { text-decoration: none; color: #000000; }
#navigation .menu-button-1 a:hover { color: #231f20; }
#navigation .menu-button-2 a { text-decoration: none; color: #8f1507; }
#navigation .menu-button-2 a:hover { color: #af2517; }
#navigation .mid { height: 1px; }

#navigation .menu-odd-1 { height: 4px; clear: both; }
#navigation .menu-odd-2 { height: 2px; clear: both; }


#navigation-top { background-color: #cbdb2a; height: 20px; line-height: 20px; color: #000000; font-size: 0.8em; font-weight: bold; }
#navigation-top .menu-button { width: 130px; float: left; text-align: center; }
#navigation-top .menu-button a { color: #000000; text-decoration: none; }

#content { width: 1000px; float: left; overflow: hidden; min-height: 500px; margin-top: 17px; }

#content .left { width: 525px; float: left; overflow: hidden; }

#content .left-main { width: 425px; min-height: 655px; margin: 0px 0px 0px 10px; padding: 40px 40px 40px 50px; float: left; overflow: hidden; background:url(imgs/content-left-bg.png); /*background-color: #ffffff; opacity: 0.75; filter: alpha(opacity=75);*/}
#content .left-main h1 { margin-top: 0px; }
#content .left-main h3 { font-size: 16px; color: #d24a06;  }
#content .left-main span { color: #25b12d; }
#content .left-main ul { margin-top: 8px; list-style: disc; color: #25b12d; }
#content .left-main ul li { color: #25b12d; }
#content .left-main p { margin-top: 20px; margin-bottom: 20px; }

/*   jine barvy v levem sl */
#content.page-interiery .left-main span, #content.page-interiery .left-main ul, #content.page-interiery .left-main ul li { color: #ac1212; }

#content.page-podlahy .left-main span, #content.page-podlahy .left-main ul, #content.page-podlahy .left-main ul li, #content.page-podlahy .left-main span a { color: #d7ac23; } /*#d7ac23*/
#content.page-podlahy .left-main span a { font-weight: bold; }

#content.page-vytahy .left-main h3 { color: #1ca7a0; }

#content.page-navrhy-interieru .left-main h3 { color: #d70000; }
#content.page-navrhy-interieru .left-main span, #content.page-navrhy-interieru .left-main ul, #content.page-navrhy-interieru .left-main ol, #content.page-navrhy-interieru .left-main ul li, #content.page-navrhy-interieru .left-main ol li, #content.page-navrhy-interieru .left-main span a { color: #d70000; }
#content.page-navrhy-interieru .left-main ul li, #content.page-navrhy-interieru .left-main ol li { margin-left:1.5em; } 
#content.page-navrhy-interieru .left-main ul li, #content.page-navrhy-interieru .left-main a { color: #d70000; }

#content.page-reference .left-main h3 { color: #000; }
#content.page-reference .left-main span, #content.page-reference .left-main ul, #content.page-reference .left-main ol, #content.page-reference .left-main ul li, #content.page-reference .left-main ol li, #content.page-reference .left-main span a { color: #7c581f; }
#content.page-reference .left-main ul li, #content.page-reference .left-main ol li { margin-left:1.5em; }

#content.page-default .left-main h3 { color: #000; }
#content.page-default .left-main span, #content.page-default .left-main ul, #content.page-default .left-main ol, #content.page-default .left-main ul li, #content.page-default .left-main ol li, #content.page-default .left-main span a { color: #7c581f; }
#content.page-default .left-main ul li, #content.page-default .left-main ol li { margin-left:1.5em; }


/* / jine barvy v levem sl */


#content .left-form { width: 515px; min-height: 385px; margin: 0px 0px 0px 10px; padding: 0; float: left; overflow: hidden; background-color: #fae9c1; opacity: 0.75; filter: alpha(opacity=75);}
#content .left-form-in { width: 425px; padding: 40px 40px 40px 50px; color: #d24a06; font-size: 11px;}
#content .left-form-in h2 { font-size: 32px; margin-bottom: 10px; color: #000000; }
#content .left-form-in h3 { font-size: 14px; margin-bottom: 10px; color: #d24a06;  }
#content .left-form-in em { color: #4a4a4a;  }
#content .left-form-in textarea { width: 423px; background-color: #ffffff; border: solid 1px #aaa; }
#content .left-form-in input { background-color: #ffffff; border: solid 1px #aaa; }
#content .left-form-in input.full { width: 423px;  }
#content .left-form-in input.half { width: 190px;  }
#content .left-form-in col-half { width: 200px; }
#content .left-form-in input.required { background-color: #ffffff; background:url(imgs/input_required.gif) top right no-repeat; border: solid 1px #aaa; }
#content .left-form-in input.button { background-color: #f78536; padding: 4px; border-style: outset; }

#content .right { width: 450px; padding: 0px 0px 10px 0px;  float: right; padding-bottom: 20px; overflow: hidden; }

#content .right .navigation { padding-bottom: 20px; overflow: hidden; }


/* full col navigation */
#content .navigation .but-1, #content .navigation .but-2, #content .navigation .but-3, #content .navigation .but-4, #content .navigation .but-5, #content .navigation .but-6
{ width: 146px; float: left; text-align: center; height: 28px; line-height: 28px; border: solid 1px;  margin-left: 18px; }

#content .navigation .but-1, #content .navigation .but-1 a { background-color: #23b32d; color: #ffffff; text-decoration: none; border-color: #8bb48c;  margin-left: 0px; }
#content .navigation .but-2, #content .navigation .but-2 a { background-color: #363030; color: #ffffff; text-decoration: none;border-color: #c5c5c5; }
#content .navigation .but-3, #content .navigation .but-3 a { background-color: #ffffff; color: #000000; text-decoration: none; border-color: #c5c5c5; }

#content .navigation .but-4, #content .navigation .but-4 a { background-color: #d7ac23; color: #000000; text-decoration: none; border-color: #c7a93f; }
#content .navigation .but-5, #content .navigation .but-5 a { background-color: #f61414; color: #ffffff; text-decoration: none; border-color: #c63f3e; }
#content .navigation .but-6, #content .navigation .but-6 a { background-color: #0dd8d1; color: #000000; text-decoration: none; border-color: #3bb5b1; }


/* right col navigation */
#content .right .navigation .but-1, #content .right .navigation .but-2, #content .right .navigation .but-3, #content .right .navigation .but-4, #content .right .navigation .but-5, #content .right .navigation .but-6
{ width: 146px; float: left; text-align: center; height: 28px; line-height: 28px; border: solid 1px; margin-left: 0px;}

#content .right .navigation .but-1, #content .right .navigation .but-1 a { background-color: #23b32d; color: #ffffff; text-decoration: none; border-color: #8bb48c; }
#content .right .navigation .but-2, #content .right .navigation .but-2 a { background-color: #363030; color: #ffffff; text-decoration: none; margin-left: 3px; border-color: #c5c5c5; }
#content .right .navigation .but-3, #content .right .navigation .but-3 a { background-color: #ffffff; color: #000000; text-decoration: none; margin-left: 3px; border-color: #c5c5c5; }

#content .right .navigation .but-4, #content .right .navigation .but-4 a { background-color: #d7ac23; color: #000000; text-decoration: none; border-color: #c7a93f; }
#content .right .navigation .but-5, #content .right .navigation .but-5 a { background-color: #f61414; color: #ffffff; text-decoration: none; margin-left: 3px; border-color: #c63f3e; }
#content .right .navigation .but-6, #content .right .navigation .but-6 a { background-color: #0dd8d1; color: #000000; text-decoration: none; margin-left: 3px; border-color: #3bb5b1; }


#content .right .gallery { padding-bottom: 20px; overflow: hidden; /*background-color: #eeeeee;  opacity: 0.7;*/}

#content .right .kalkulace { height: 70px; padding-top: 110px; text-align: center; background:url(/imgs/kalkulace_bg.png) no-repeat; font-size: 26px; color: #ffffff; }


#content .right .box { border: solid 1px #6f8fa6; padding: 1px; }
#content .right .box .header { border-bottom: solid 1px #e6e9ee; background-color: #c1c9d2; padding: 2px 2px 2px 4px; font-size: 11px; font-weight: bold; color: #fa6e07; }
#content .right .box #content { border-top: solid 1px #6f8fa6; padding: 2px 2px 2px 4px; font-size: 10px; }
#content .right .box #content a { color: #6e8ea5; text-decoration: none; }
#content .right .box #content a:hover { color: #fa6e07; text-decoration: underline; }

#content .right table { width: 100%; }
#content .right td { text-align: center; }
#content .right td img { border: solid 2px #6e8ea5; }

#content .bottom { overflow: hidden; background:url(imgs/content-bottom-bg.png); margin: 10px 0px 0px 10px; padding-top: 40px; /*background-color: #ffffff; opacity: 0.75; filter: alpha(opacity=75);*/}
#content .bottom h2 { background-color: #ff0000; color: #ffffff;  padding: 0px 50px 6px 50px; display: inline; }
#content .bottom .text { padding: 16px 50px 40px 50px; }
#content .bottom p { margin-top: 20px; margin-bottom: 20px; }

#content  .galerie { width: 245px; min-height: 161px; margin-left: 45px; margin-bottom: 20px; padding-top: 25px; padding-left: 16px; float: left; background:url(imgs/galerie-bg.png) no-repeat; display: block; }
#content  a.galerie  { text-decoration: none; }
#content  .galerie img { width: 210px; height: 135px; margin-bottom: 25px;}


/*   jine barvy ve spodku */
#content.page-kontakt .bottom h2 { background-color: #837976; }

#content.page-interiery .bottom h2 { background-color: #363030; }

#content.page-podlahy .bottom h2 { background-color: #d7ac23; } /*f6c414*/
#content.page-podlahy .bottom strong { color: #d7ac23; }

#content.page-vytahy .bottom h2 { background-color: #1ca7a0; }
#content.page-vytahy .bottom ul li { color: #1ca7a0; }

#content.page-reference .bottom h2, #content.page-default .bottom h2 { background-color: #7c581f; }

/* / jine barvy ve spodku */



#copyright { margin: 0px 0px 0px 60px; text-align: left; padding: 12px 200px 32px 0px; font-size: 0.75em; clear: both; }
#copyright a { color: #000000; text-decoration: none; }


.price { font-size: 12px; font-weight: bold; color: #005aab;}

ul { padding: 5px 30px 5px 5px; margin:0; }

ul li { padding:0 0 0 13px; margin: 0px 0px 8px 5px; }


#photogallery { width: 640px; height: 510px; border: solid 2px #005aab; padding: 2px; font-size: 12px; font-weight: bold; background-color: #ffffff; }
#photogallery .image { width: 640px; height: 480px; vertical-align: middle; line-height: 480px; text-align: center; }

#photogallery .left { width: 100px; height: 30px; line-height: 30px; float: left; text-align: left; }
#photogallery .left a { font-size: 20px; text-decoration: none; color: #005aab; padding: 1px 1px 1px 3px; }
#photogallery .left a:hover { background-color: #005aab; color: #ffffff; }
#photogallery .main { width: 440px; height: 30px; float: left; text-align: center; }
#photogallery .main a { font-size: 10px; text-decoration: none; color: #005aab; padding: 1px 1px 1px 3px; }
#photogallery .main a:hover { background-color: #005aab; color: #ffffff; }
#photogallery .right { width: 100px; height: 30px; line-height: 30px; float: left; text-align: right; }
#photogallery .right a { font-size: 20px; text-decoration: none; color: #005aab; padding: 1px 1px 1px 3px; }
#photogallery .right a:hover { background-color: #005aab; color: #ffffff; }


/* rollout menu */
.menu .options 
{
    font-size: 9px;
    font-weight: bold;
  background-color: #39556a;
  text-align: left;
  border-left: 2px solid #fa6e07;
  border-right: 2px solid #fa6e07;
  border-bottom: 2px solid #fa6e07;
  z-index: 99999 !important;
}

.menu 
{
    z-index: 99999 !important;
}

.menu a {
        display: block;
        padding: 6px 8px 6px 12px;
        line-height: 12px;
        text-decoration: none;
        color: #ffffff;
        border-bottom: 1px solid #7793a8;
 }

.menu a:hover { background-color: #7793a8; }

.menu hr
{
        border: 1px solid #7793a8;
}

#order-form { width: 95%; margin: auto; }
#order-form fieldset { padding: 10px; border: solid 1px #364B94; background-color: #EBEDF4; margin-bottom: 16px; }
#order-form fieldset legend { background-color: #364B94; border: solid 1px #364B94; padding: 1px 4px 1px 4px; color: #fff; font-weight: bold; }
#order-form input, #order-form select, #order-form textarea { border: 1px solid #6979AF;   }
#order-form select, #order-form textarea { width: 200px; margin-bottom: 4px;}
#order-form textarea { width: 100%; padding: 2px; }
#order-form select { width: 200px;}
#order-form tr, #order-form td { vertical-align: top; }


.error { background-color: #ffbbbb; border: solid 1px #990000; color: #000; padding: 10px; margin-bottom: 16px; }
.error ul { margin-left: 16px; }

/*  anketa */
.poll { width: 208px; border-top: solid 2px #231f20; border-left: solid 2px #231f20; border-bottom: solid 2px #231f20; background-color: #ECF2BE; font-size: 0.75em; }
.poll .header { padding-left: 6px; font-size: 16px; font-weight: bold; color: #ffffff; background-color: #000000; }
.poll .inside { padding-left: 6px; padding-right: 6px; }
.poll .inside .question { font-size: 11px; }
.poll .inside .vote-yes { width: 50px; float: left; font-size: 14px; font-weight: bold; }
.poll .inside .vote-no { width: 50px; text-align: right; float: right; font-size: 14px; font-weight: bold; }
.poll .inside .vote-yes a, .poll .vote-no a { color: #000000; }
.poll .inside .vote-yes .percent, .poll .vote-no .percent { font-size: 11px; }
.poll .inside .results-no { width: 196px; height: 8px; background-color: #8C0C04;/*A7A9AC;*/ }
.poll .inside .results-yes { height: 8px; background-color: #ABBB1A;}

/* hp article */
.hp-article { width: 260px; float: left; font-size: 12px; }
.hp-article h3 { font-size: 14px; font-weight: bold; padding-bottom: 4px; }
.hp-article .img { text-align: center; width: 260px; height: 195px; background-color: #f0f0f0; vertical-align: middle; display: table-cell; }
/*.hp-article .img span { display: inline-block; height: 100%; width: 1px; }*/

/* Social Networks */
.socialnets { border-top: 1px solid #000000; text-align: right; padding-top: 4px; }

#content .left .fbbox { width: 208px; border-top: solid 2px #231f20; border-left: solid 2px #231f20; border-bottom: solid 2px #231f20; background-color: #ECF2BE; font-size: 0.75em; /*position:relative; top:-1px; left:-2px;*/ overflow:hidden;}
#content .left .fbbox iframe { border: 0; padding: 0; margin: 0; border-width: 0px; overflow:hidden; position:relative; top:-1px; left: -1px;}

/* full col navigation */
#content .navigation .but-1, #content .navigation .but-2, #content .navigation .but-3, #content .navigation .but-4, #content .navigation .but-5, #content .navigation .but-6
{ width: 146px; float: left; text-align: center; height: 28px; line-height: 28px; border: solid 1px;  margin-left: 18px; }

#content .navigation .but-1, #content .navigation .but-1 a { background-color: #23b32d; color: #ffffff; text-decoration: none; border-color: #8bb48c;  margin-left: 0px; }
#content .navigation .but-2, #content .navigation .but-2 a { background-color: #363030; color: #ffffff; text-decoration: none;border-color: #c5c5c5; }
#content .navigation .but-3, #content .navigation .but-3 a { background-color: #ffffff; color: #000000; text-decoration: none; border-color: #c5c5c5; }

#content .navigation .but-4, #content .navigation .but-4 a { background-color: #d7ac23; color: #000000; text-decoration: none; border-color: #c7a93f; }
#content .navigation .but-5, #content .navigation .but-5 a { background-color: #f61414; color: #ffffff; text-decoration: none; border-color: #c63f3e; }
#content .navigation .but-6, #content .navigation .but-6 a { background-color: #0dd8d1; color: #000000; text-decoration: none; border-color: #3bb5b1; }


#top-navigation {
margin: 0px 0px 40px 10px;
}

/* C2A */
.c2a-l, .c2a-m, .c2a-r { float: left; box-sizing: border-box;
}

.c2a-l, .c2a-r { width: 39%; text-align: center; 
}

.c2a-btn { margin: 10px 20px 10px 20px; background-color: #23b32d; color: #fff; padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
}

    .c2a-btn a { text-decoration: none; color: #fff;
    }

.c2a-m { width: 19%; font-size: 20px; text-align: center; font-weight: 700;
}

.c2a-t, .c2a-b { font-size: 20px; text-align: center; margin-top: 20px; margin-bottom: 20px; 
}

/* pred rekonstrukci */
#content.page-wide .bottom h2 { background-color: #23b32d;  padding: 6px 20px 6px 20px; margin-top: 15px; margin-bottom: 25px; display: block; }
#content.page-wide .bottom h3 { margin-bottom: 0px;
}
#content.page-wide .bottom h3 + p { margin-top: 0px;
}
#content.page-wide .bottom em {
    color: #25b12d;
    font-style: normal;
}


@media print {
  /* pravidla pro tisk */
  body { background-color: #ffffff; color: #000000; }
  a, #copyright a { color: #000000; }
  
  #navigation, #header, #navigation-top, #header-content, #content .main .article .back, #content .main .article p.datetime .print { display: none; }
  
  #copyright { color: #000000; }
  
  #content .left { float: right; }
  
}


/* common */

.pabs { position:absolute; }

.prel { position:relative; }

.vam { vertical-align:middle; }

.vat { vertical-align:top; }

.vab { vertical-align:bottom; }

.tac { text-align:center; }

.tal { text-align:left; }

.tar { text-align:right; }

.taj { text-align:justify; }

.cl  { clear:both; }

.cll { clear:left; }

.crl { clear:right; }

.fl  { float:left; }

.fr  { float:right; }

.u { text-decoration:underline; }

.i { font-style:italic; }

.b { font-weight:bold; }

.center-o { margin-left:auto; margin-right:auto; padding:0; }

.h, .hid { display:none; }

.full { width:100%; }

.overh { overflow:hidden; }	

.hr,.hrb { height:1px; width:100%; border-top:1px solid #000000; font-size: 1px; }

.hr { margin:4px 0; }

.hrb { margin:6px 0; }

.bgwhite { background-color:white; }

.bgtrans { background-color:transparent; }

.b1px { border:1px solid #000000; }

.bg-box { background-color: #31319C; color:#ffffff; font-size:12px; font-weight:bold; padding:2px 10px;}

.bg-box a { color:#ffffff; }

.b2ram {  border:2px solid #000000;  }



/**/

.ml-5 { margin-left:-5px; }

.ml5 { margin-left:5px; }

.mr5 { margin-right:5px; }

.mr7 { margin-right:7px; }

.mr10 { margin-right:10px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.mr50 {	margin-left: 50px; }

.ml50 {	margin-left: 50px; }

.mb-2 { margin-bottom:-2px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mt-5 { margin-top: -5px; }

.mt10 {	margin-top: 10px; }

.mt20 {	margin-top: 20px; }

.mt100 { margin-top: 100px; }

.pt10 { padding-top: 10px }

.subtit { font-weight: bold; }

.w30 { width: 30%; } 

.w33 { width: 33%; }

.w49 { width: 49%; }

.w66 { width: 66%; }

.w950px { width: 950px; }

/**/



/* clear */ 

.cl0, .cl1, .cl3, .cl5, .cl9, .cl10, .cl15, .cl20, .cl-art { clear:both; margin:0; padding:0; width:100%; }

.cl20 { font-size:20px; height:20px; }

.cl15, .cl-art { font-size:15px; height:15px; }

.cl10 { font-size:10px; height:10px; }

.cl9 { font-size:9px; height:9px; }

.cl5 { font-size:5px; height:5px; }

.cl3 { font-size:3px; height:3px; }

.cl1 { font-size:1px; height:1px; }

.cl0 { font-size:0px; height:0px; }


/* form */
form { margin: 0px; padding: 0px;}

/* font */
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }