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

.error {
  color: red;
}

.system {
  font-style: italic !important;
}

.hidden {
  display: none;
}

.inputRow {
  padding-bottom: 4px;
  clear: both;
}

.obligatoryField {
  color: red;
  cursor: pointer;
}

table.textTable {
  text-align: left;
}

table.textTable td, table.textTable th {
  padding-right: 10px;
  vertical-align: top;
}

/*==================================================================================================
                                             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;
}

ul.sub_ver_menu {
  list-style-type: circle;
  list-style-position: inside;
  display: block;
}

ul.sub_ver_menu li {
  margin-left: 23px;
}

ul.sub_ver_menu a {
  padding-left: 0px !important;
  display: inline !important;
  background: none !important;
}

/*==================================================================================================
                                                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;
}

.produkty-objednavka #display {
  padding-left: 12px;
}

.produkty-objednavka h1 {
  margin-bottom: 12px;
}

.produkty-objednavka h2 {
  margin: 0px 0px 8px 0px;
  border: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
}

.produkty-objednavka h3 {
  margin-top: 12px;
  margin-bottom: 5px;
  width: 637px;
  font-size: 14px;
}

.produkty-objednavka h4 {
  margin-top: 7px;
  margin-bottom: 0px;
  border-bottom: 0px;
  font-size: 13px;
}

.produkty-objednavka .error {
  margin-bottom: 2px;
  text-indent: 0px;
  font-weight: bold;
  color: #ff4242;
}

.produkty-objednavka table {
  margin-left: 0px;
}

.produkty-objednavka img {
  cursor: auto !important;
}

.produkty-objednavka .quickInfo {
  margin-top: 3px;
  text-align: center;
}

.finalRow {
  margin-left: 0px;
  padding-top: 10px;
}

/*-------- ROLETY NA VELUX -----------------------------------------------------------------------*/

#rolety-na-velux-objednavka label {
  padding: 0px 4px 0px 0px;
}

#rolety-na-velux-objednavka .smallint {
  width: 30px;
}

#rolety-na-velux-objednavka .textTable {
  margin-bottom: 10px;
}

#rolety-na-velux-objednavka .basicTable {
  margin-top: 0px;
  margin-bottom: 10px;
}

#rolety-na-velux-objednavka .velux_typ_select {
  width: 200px;
}

#rolety-na-velux-objednavka .velux_farba_select {
  width: 265px;
}

.rolety-na-velux-objednavka-2 label {
  width: 200px;
  float: left;
}

.rolety-na-velux-objednavka-3 .additionalProduct {
  padding-top: 10px;
}

.rolety-na-velux-objednavka-3 .totalPrice {
  padding-top: 12px;
  font-weight: bold;
}

#vzorkovnik-farby .colorShower {
  border: 1px solid #fffa6f;
  width: 80px;
  height: 113px;
}

#vzorkovnik-farby img {
  width: 80px;
}

#vzorkovnik-farby .pictureSet {
  margin-bottom: 10px;
}

/*--------------------------------------------------------------------------------------------------
                                              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: 2px 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;
}


div#linkss {
font-size: 11px;
padding: 2px 0px 0px 0px;
}

div#linkss a{
font-size: 11px;
color: #7B7B7B;
}

/*==================================================================================================
                                                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: 0px;
  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;
}

.stretcher {
  clear: both;
}

td.number, th.number {
  text-align: right;
}

/*-------- BASIC TABLE ---------------------------------------------------------------------------*/

.basicTable {
  border-right: 1px solid #677391;
  border-collapse: collapse;
}

.basicTable td, .basicTable th {
  border-right: 1px dotted white;
  padding: 2px 5px;
  vertical-align: top;
}

.basicTable th {
  border-bottom: 1px solid white;
}

.basicTable td {
  border-top: 1px dotted white;
}

/*-------- PICTURE SET ---------------------------------------------------------------------------*/

.pictureSet .pictureHolder {
  margin-right: 10px;
  margin-bottom: 8px;
  float: left;
  text-align: center;
}

.pictureSet img {
  margin: 0px 0px 3px 0px !important;
  float: none !important;
}

.pictureSet .title {
  width: 82px;
  display: block;
  position: relative;
  font-size: 90%;
}