/* CSS Document */

/* vseobecne nastaveni */

body {background: white; color: black; font-size: 12px; text-align: center; font-family: "Arial";}

a {color: #CC6633;}


#facebook {margin-left: 20px;}


h3 {font-size: 17px; color: #CC6633; margin: 0px 0 10px 0;}





h4 {position: absolute; top: 160px; left: 25px; font-size: 17px; color: #EEEEEE; margin: 0; font-weight: normal}

h5 {position: absolute; top: 180px; left: 25px; font-size: 11px; color: #EEEEEE; margin: 0; font-weight: normal}

ul {margin: 0; padding: 0;}

li {margin: 0; padding: 0;}

p {margin: 10px 0;}

ul {padding-left: 20px}


ins {
	text-decoration: none;  
}
.druha_h2 h2 {position: relative; bottom: 20px; font-size: 18px; color: #CC6633; margin: 0px;padding-bottom: 0px; font-family: "Arial"; font-weight: bold; text-align:right;}
.druha_h2_podtext  { width:100%; font-size: 16px; color: #CC6633; margin: 0px;padding-bottom: 0px; font-family: "Arial"; float:right;}
.prvni_h2 h2 {position: absolute; top: 80px ; left: 25px; font-size: 23px; color: white; margin: 0; font-weight: normal;font-family: "Arial"; letter-spacing: 3px; line-height: 35px; font-weight: bold;}



.brown {color: #CC6633;}

.green {color: #99CC00}

.yellow {color: #FFCC00}

.red {color: red}

.bold {font-weight: bold}

.normal {font-weight: normal}

.border-left {border-left: 1px dotted white;}

.border-right {border-right: 1px dotted white;}

.center {text-align: center}

.resetovac { width: 0px; height: 0px; border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; line-height: 0px; font-size: 0px;}

.submit {color: white; border: none; font-size: 12px; padding: 2px 5px; font-weight: bold; background: url(../img/back_black.jpg);}

.oddelovac {margin: 0 8px}

.soupnuto_dolu20px {position: relative; top: 20px}





a img {border: none}



#main_page {width: 990px; margin: 0 auto; text-align: left; background: url(../img/menu_back.jpg); background-color: black}

  

  /*Leva cast*/

  #main_column_left {width: 225px; float: left;  background: url(../img/menu_back.jpg) repeat-y; }

    #logo {width: 225px; height: 93px; display: block; background: url(../img/logo.jpg) no-repeat;}

    #menu_top {padding: 10px 0 10px 20px ; font-size: 1.1em; }

      #menu_top a {display: block; padding: 4px 0 0 20px;  height: 20px;  width: 150px; font-weight: bold; text-decoration: none; color: white; background: url('../img/odrazka_menu.jpg') no-repeat; background-position: 5px 8px} 

      #menu_top a:hover {background-color: #592912;}

    #kontakt {position: relative; width: 225px; margin: 20px 0; padding-bottom: 15px; background: url('../img/left_info_back.jpg') repeat-y; background-position: top right}

      #kontakt .nadpis {font-size: 17px; padding: 10px 0 0 30px; color: #EEEEEE; }

      #kontakt .text {padding: 0px 0 0 30px;}

        #kontakt .text p {position: relative; color: white; font-weight: bold ;}

          #kontakt .text p img {position: absolute; left: 95px; top: 70px}

    #newsletter {position: relative; width: 225px; margin: 20px 0 50px 0; padding-bottom: 15px; background: url('../img/left_info_back.jpg') repeat-y; background-position: top right}

      #newsletter .nadpis {font-size: 17px; padding: 10px 0 0 30px; color: #EEEEEE; }

      #newsletter .text {padding: 0px 0 0 30px; color: white}

      #newsletter .text .input_text {width: 185px; margin: 0 0 10px 0; background: url(../img/back_yellow.jpg); border: none}

      #newsletter .text .submit {margin: 0 0 0 115px;}

      #newsletter .text #zrusit_news {position: absolute; top: 140px; left: 30px;}

    #copyright {width: 210px; padding: 0px 0 10px 10px; margin: 0; color: white; text-align: center}

    #copyright a {color: white; text-decoration: none}

  /*Prava cast*/

  #main_column_right{width: 765px; float: right;}

  /* hlavicka */

  .header {width: 765px; height: 260px; position: relative; background: url(../img/header.jpg) no-repeat;}

  .header a {text-decoration: none; }

    .header .podnadpis {position: absolute; top: 190px; left: 24px;font-size: 17px; color: white; font-family: "Arial"; letter-spacing: 1px;}

    .header #mini_menu {position: absolute; top: 15px; left: 600px}

    .header #mini_menu a{font-size: 12px; color: #DDDDDD}

    .header h1 {position: absolute; top: 10px; left: 20px; color: #DDDDDD; font-weight: normal; font-size: 14px; }

    

  /*stredni cast*/

  #middle_part {width: 765px; background: url('../img/main_back.jpg') repeat-y;}
  
  #middle_part h4, #middle_part h5
  {
    position: static;
    left: 0;
    top: 0;
  }

    #main_text {padding: 10px 30px}

      #main_text img {margin: 5px}

  #nabidka_obal {height: 280px; margin: 0 auto}

    #nabidka_obal a {color: #EEEEEE}

    #okna {position: relative; display: block; width: 228px; height: 279px; margin: 0 6px 0 20px; background: url('../img/okno.jpg') no-repeat; float: left}

    #sauny {position: relative; display: block; width: 228px; height: 279px; margin: 0 6px; background: url('../img/sauna.jpg') no-repeat; float: left}

    #skrine {position: relative; display: block; width: 228px; height: 279px; margin: 0 6px; background: url('../img/skrin.jpg') no-repeat; float: left}

      .nabidka_text {position: absolute; top: 200px; height: 70px; width: 190px; padding: 0 0 0 25px; color: white; line-height: 16px}

  #novinky_obal {width: 700px; margin: 10px auto; border-top: 1px dotted white; border-bottom: 1px dotted white} 

    #novinky_obal .nadpis {margin: 5px 0 0px 20px; color: #CC6633; font-weight: bold}

    .novinka {width: 220px; float: left; margin: 5px 0 10px 0 }

      .novinka .nadpis {padding: 0 10px 0 0px; margin: 0px; color: #CC6633; font-weight: bold}

      .novinka .text {padding: 5px 10px 0 20px}

      .novinka .link a{padding: 5px 10px 0 20px; color: #CC6633;}

  #reklamy_obal {height: 100px; }

    #reklamy_obal .reklama{width: 300px; margin: 0px 0 0 40px; float: left;}

      #reklamy_obal .reklama img {float: left; margin: 0 20px 0 0}

      #reklamy_obal .reklama p {padding-left: 115px}

   

  /*Footer*/

  #footer {width: 738px; margin: 0 0 0 5px; background: url(../img/footer.jpg); border-bottom: 1px white solid}

    #spodni_menu {padding: 0px 40px; color: white; line-height: 20px}

      #spodni_menu a {color: white; font-size: 11px; text-decoration: none}

      #footer_wd p {margin: 0;}

    #doporucujeme {color: white; width: 760px; margin: 20px auto; text-align: center}

      #doporucujeme a{color: white; text-decoration: none}

    

    #z-odkazy {color: white; width: 760px; margin: 20px auto; text-align: center}

      #z-odkazy a{color: white; text-decoration: none}

      

      

  /*kalkulace*/

  #kalkulace {}

  #kalkulace a img {margin: 1px}

  #kalkulace a img:hover{ border: 1px solid red; margin: 0px}

  
  div.submenu
  {
    margin-left: 10px;
  }
    
  a.onlinecalc    { background-image: url('/img/onlinekalkulace.jpg'); display: block; height: 34px; width: 172px; line-height: 34px; text-indent: 35px; font-weight: bold; color: #FFFFFF; text-decoration: none; }