/*==================================================================================================
                                             STRUCTURE
==================================================================================================*/

div#container {
  margin: 5px auto 0px auto;
  width: 992px;
  background: white;
}

div#header {
  width: 992px;
  height: 238px;
  overflow: hidden;
  background: url("../picture_set/basic/header_left.jpg") 0px 0px no-repeat;
}

div#master {
  padding-top: 25px;
  padding-bottom: 25px;
  border-right: 1px solid white;
  border-left: 1px solid white;
  width: 990px;
  overflow: hidden;
  background: #677391 url("../picture_set/basic/bb1_36_1.gif") 891px repeat-y;
}

div#footer {
  width: 992px;
  height: 95px;
  text-align: center;
  background: url("../picture_set/basic/footer.gif") 0px 0px no-repeat;
}

/*==================================================================================================
                                               HEADER
==================================================================================================*/

div#header img {
  padding-left: 294px;
  display: block;
}

div#header span {
  padding-left: 40px;
  width: 250px;
  height: 20px;
  display: block;
  position: relative;
  bottom: 75px;
  letter-spacing: 8px;
  font-size: 15px;
  font-weight: bold;
  color: #959EB7;
}

/*--------------------------------------------------------------------------------------------------
                                            HORIZONTAL MENU
--------------------------------------------------------------------------------------------------*/

table#hor_menu {
  display: block;
  position: relative;
  bottom: 67px;
  left: 49px;
  z-index: 1;
  word-spacing: normal;
  border-collapse: separate;
  text-align: left;
}

table#hor_menu td {
  width: 122px;
  height: 44px;
  font-size: 13px;
  font-weight: bold;
}

table#hor_menu a {
  padding: 18px 6px 0px 0px;
  width: 122px;
  height: 26px;
  display: block;
  text-align: center;
  color: black;
  text-decoration: none;
  background: url("../picture_set/basic/mb1_122_7.gif") 0px 0px no-repeat;
}

table#hor_menu a:hover {
  color: #BE0027;
  text-decoration: none;
  background: url("../picture_set/basic/mb2_122_7.gif") 0px 0px no-repeat;
}

/*--------------------------------------------------------------------------------------------------
                                             VERTICAL MENU
--------------------------------------------------------------------------------------------------*/

ul#ver_menu {
  margin: 0px 0px 0px 39px;
  width: 225px;
  display: block;
  list-style-type: none;
}

ul#ver_menu li {
  line-height: 28px;
  font-size: 11px;
  font-weight: bold;
}

ul#ver_menu a {
  padding-left: 23px;
  display: block;
  color: white;
  text-decoration: none;
  background: url("../picture_set/icons/arrow1_15_15.gif") 0px center no-repeat;
}

ul#ver_menu a:hover {
  color: #C2D2FF;
  text-decoration: none;
  background: url("../picture_set/icons/arrow2_15_15.gif") 0px center no-repeat;
}

/*==================================================================================================
                                                MASTER
==================================================================================================*/

/*--------------------------------------------------------------------------------------------------
                                                O FIRME
--------------------------------------------------------------------------------------------------*/

div#o_firme {
  margin: 0px 30px 0px 30px;
}

div#o_firme p {
  text-indent: 0px;
}

div#o_firme a {
  color: white;
  text-decoration: underline;
}

div#o_firme a:hover {
  color: #C2D2FF;
  text-decoration: underline;
}

div#o_firme img {
  border: 1px solid #C2D2FF;
  display: block;
}

img#ili2 {
  margin: 5px 0px 5px 15px;
  float: right;
}

img#ili3 {
  margin: 5px 15px 5px 0px;
  float: left;
}

img#ili4 {
  margin: 5px 0px 5px 15px;
  float: right;
}

/*--------------------------------------------------------------------------------------------------
                                              REFERENCIE
--------------------------------------------------------------------------------------------------*/

div#referencie {
  margin: 0px 30px;
}

table.refs {
  width: 930px;
  border-collapse: collapse;
  font-size: 11px;
}

table.refs td {
  border-bottom: 1px dotted white;
  height: 25px;
  overflow: hidden;
}

table.refs td.firm {
  width: 221px;
  padding: 2px 2px 0px 17px;
  vertical-align: top;
  font-weight: bold;
  background: url("../picture_set/icons/recs2_14_6.gif") 0px 5px no-repeat;
}

table.refs td.address {
  width: 221px;
  padding: 2px 2px 2px 2px;
  vertical-align: bottom;
  color: #FFFA6F;
}

/*--------------------------------------------------------------------------------------------------
                                               PRODUKTY
--------------------------------------------------------------------------------------------------*/

table#main {
  width: 990px;
}

table#main h1 {
  width: 649px;
}

td#left_panel {
  vertical-align: top;
}

td#left_panel img {
  margin: 0px 0px 30px 13px;
}

td#content {
  padding: 0px 30px 0px 30px;
  vertical-align: top;
}

#display {
  border-bottom: 1px dotted white;
  padding-bottom: 20px;
  width: 649px;
  overflow: hidden;
  vertical-align: top;
}

#display img {
  margin: 0px 15px 5px 0px;
  border: 1px solid #FFFA6F;
  width: 255px;
  display: block;
  float: left;
  cursor: pointer;
}

#display table {
  width: 649px;
}

#picture_set {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 649px;
  width: 680px;
  vertical-align: top;
}

#picture_set a {
  padding: 1px;
  margin: 5px 17px 5px 0px;
  border: 2px solid #C2D2FF;
  width: 144px;
  height: 144px;
  display: block;
  float: left;
}

#picture_set a:hover {
  border: 2px solid #FFFA6F;
}

#picture_set img {
  border: 1px solid #FFFA6F;
  width: 142px;
  height: 142px;
  display: block;
}

#picture_set img:hover {
  border: 1px solid #C2D2FF;
}

/*--------------------------------------------------------------------------------------------------
                                              OBJEDNAVKA
--------------------------------------------------------------------------------------------------*/

div#objednavka {
  margin: 0px 30px;
}

table.info {
  border-collapse: separate;
  text-align: center;
  font-size: 11px;
  color: white;
}

table.info caption {
  padding: 1px 2px;
  font-weight: bold;
}

table.info td {
  padding: 1px 2px;
  border: 1px solid #C2D2FF;
}

table.info th {
  padding: 1px 2px;
  border: 1px solid #FFFA6F;
  font-weight: bold;
}

table#farba_dveri td {
  width: 100px;
}

table#farba_dveri img {
  width: 80px;
}

table#typ_dveri td {
  width: 110px;
}

table#typ_dveri img {
  width: 90px;
}

table#typ_okienka img {
  height: 90px;
}

table#klucky td {
  width: 120px;
}

table#klucky img {
  width: 35px;
  height: 90px;
}

table#madlo_kovove img {
  height: 90px
}

table#madlo_plastove img {
  height: 90px;
}

form#mailform {
  color: white;
}

form#mailform select {
  width: 138px;
}

form#mailform input[type=text] {
  width: 132px;
}

form#mailform td {
  padding: 2px 10px 2px 0px;
  vertical-align: top;
}

tr.submit td {
  text-align: center;
}

ul#construction_manual {
  margin-bottom: 10px;
  padding-left: 30px;
  color: white;
}

div.confirmation {
  margin: 2px 0px 2px 30px;
  font-weight: bold;
  color: green;
}

div.error {
  margin: 2px 0px 2px 30px;
  font-weight: bold;
  color: red;
}

/*--------------------------------------------------------------------------------------------------
                                               KONTAKT
--------------------------------------------------------------------------------------------------*/

div#kontakt {
  margin: 0px 30px;
}

div#contact_details {
  height: 190px;
  float: left;
}

div#contact_details img {
  border: 1px solid #C2D2FF;
  height: 188px;
}

div#contact_map {
  float: right;
}

div.data {
  padding: 0px 0px 10px 20px;
  color: white;
  background: url("../picture_set/icons/recs2_14_6.gif") 0px 5px no-repeat;
}

div.data a {
  color: white;
  text-decoration: none;
}

div.data a:hover {
  color: #C2D2FF;
  text-decoration: underline;
}

/*--------------------------------------------------------------------------------------------------
                                                 404 
--------------------------------------------------------------------------------------------------*/

div#_404 {
  margin: 0px 30px;
}

/*==================================================================================================
                                                FOOTER
==================================================================================================*/

img#foot {
  display: block;
}

div#footer_top {
  padding: 20px 0px 0px 0px;
  width: 992px;
  height: 40px;
  text-align: center;
  font-size: 13px;
}

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

div#footer_top a:hover {
  color: #C2D2FF;
  text-decoration: underline;
}

div#footer_bottom {
  padding: 10px 0px 0px 0px;
  width: 992px;
  height: 25px;
  text-align: center;
  font-size: 13px;
  color: #7B7B7B;
}

span#uprat1 {
  visibility: hidden;
}

span#uprat2 {
  visibility: hidden;
}

span#naj {
  visibility: hidden;
}

span#naj img {
  position: absolute;
}

/*==================================================================================================
                                                GENERAL
==================================================================================================*/

.products {
  cursor: pointer;
}

html {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  border: 0px;
  font-size: 13px;
  font-family: Arial;
  color: white;
  background: #2B395C url("../picture_set/basic/bb1_1_379.jpg") 0px 0px repeat-x;
}

div {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

p {
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-indent: 20px;
  text-align: justify;
  color: white;
}

hr {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

span {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

label {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

h1,h2,h3,h4 {
  margin: 0px;
  padding: 0px 0px 5px 0px;
  border: 0px;
  border-bottom: 1px dotted white;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial;
  color: white;
}

h1 {
  margin-bottom: 55px;
  /*width: 475px;*/
  width: 100%;
}

h2 {
  margin: 0px 0px 18px 7px;
  padding-left: 17px;
  width: 257px;
}

h3 {
  margin-bottom: 10px;
  width: 475px;
  font-size: 15px;
  font-weight: bold;
}

h4 {
  margin-bottom: 10px;
  width: 465px;
  font-size: 15px;
  font-weight: bold;
}

table, tr, td {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

ul, li {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

form {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  z-index: -1;
}