body{
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, lucida, sans-serif;
  background-image: url(design/body.gif);
  background-repeat: repeat-x;
  background-position: top center;
  background-color: white;
}
img{
  font-size: 70%;
  font-weight: normal;
}
#page{
  margin: 0px auto;
  width: 849px;
  height: auto;
  overflow: hidden;
}
#page #header #np1{
  background-color: #6BA4EB;
  height: 32px;
  background-image: url(design/head_np1.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
#page #header #np1 span{
  color: #001d53;
  font-size: 90%;
  position: relative;
  float: left;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
  margin-top: 7px;
  margin-left: 16px;
  font-family: Arial, helvetica, sans-serif;
}
#page #header #np1 a{
  color: #001A4D;
  text-decoration: none;
}
#page #header #np1 a:hover{
  text-decoration: underline;
  color: white;
}
#page #header #np1 h1{
  margin: 0px;
  padding: 0px;
  margin-top: 3px;
  display: inline;
  color: #001A4D;
  font-size: 120%;
  font-style: italic;
  font-family: Arial, helvetica, sans-serif;
  position: relative;
  float: right;
  text-align: right;
}
#page #header #np2{
  background-color: #CDD1D6;
  background-image: url(design/head.jpg);
  width: 849px;
  height: 181px;
  overflow: hidden;
  position: relative;
}
#page #header #np2 #logo{
  position: absolute;
  top: 12px;
  left: 120px;
  width: 229px;
  height: 136px;
  background-image: url(design/logo.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
#page #header #np2 #logo a{
  display: block;
  width: 229px;
  height: 136px;
}
#page #header #np2 #logo a span{
  display: none;
}
#page #header #np2 #heslo{
  position: absolute;
  top: 60px;
  left: 390px;
  color: #6d9fe3;
  font-size: 160%;
  font-weight: bold;
  font-style: italic;
}
#page #header #np2 h2{
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 145px;
  left: 15px;
  color: #1d63c2;
  font-size: 140%;
  font-weight: bold;
}
#page #header #np3{
  background-color: #5BAEF6;
  height: 35px;
  overflow: hidden;
  background-image: url(design/head_np3.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}
#page #header #np3 ul{
  margin: 0px;
  padding: 0px;
  /*padding-left: 180px;*/
  font-size: 90%;
  position: relative;
  float: left;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
  height: 35px;
  list-style-type: none;
}
#page #header #np3 ul li{
  margin: 0px;
  padding: 0px;
  position: relative;
  float: left;
  display: block;
  overflow: hidden;
  height: 35px;
  list-style-type: none;
}
#page #header #np3 ul li a{
  position: relative;
  float: left;
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #001A4D;
  overflow: hidden;
  height: 28px;
  padding-top: 7px;
}
#page #header #np3 ul li a.here{
  background-image: url(design/menu_over.png);
  background-repeat: repeat-x;
  color: white;
  background-position: 0px -15px;
}
#page #header #np3 ul li a#pol1{width: 74px;}
#page #header #np3 ul li a#pol2{width: 91px;}
#page #header #np3 ul li a#pol3{width: 105px;}
#page #header #np3 ul li a#pol4{width: 127px;}
#page #header #np3 ul li a#pol5{width: 95px;}
#page #header #np3 ul li a#pol6{width: 98px;}
#page #header #np3 ul li a#pol7{width: 113px;}
#page #header #np3 ul li a:hover{
  /* background-image: url(design/menu_over.png); */
  background-repeat: repeat-x;
  color: white;
  background-position: 0px 0px;
  background-color: #307AD1;
}

#page #maincontent{
  width: 849px;
  height: auto;
  overflow: hidden;
}
#page #maincontent #left{
  width: 224px;
  height: auto;
  overflow: hidden;
  position: relative;
  float: left;
}
#page #maincontent #right{
  width: 625px;
  height: auto;
  overflow: hidden;
  position: relative;
  float: left;
  padding-top: 29px;
}
#page #maincontent .sirka{
  width: 625px;
  height: auto;
  overflow: hidden;
}
#page #maincontent .tretina{
  width: 208px;
  height: auto;
  overflow: hidden;
  position: relative;
  float: left;
  margin-left: 0px;
}
#page #maincontent .tretina .center{
  text-align: center;
}

#page #maincontent .pul{
  width: 290px;
  height: 397px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-left: 11px;
  background-color: #669999;  
}
#page #maincontent .pul[class]{
  margin-left: 22px;  
}
#page #maincontent .pul h3{
	margin: 0px;
	padding: 0px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 130%;
	padding-left: 15px;
	width: 275px;
	padding-top: 8px;
	height: 32px;
	background-color: #E9E9E9;
	margin-bottom: 147px;
	color: black;
}
#page #maincontent .pul .bot{
  margin: 0px;
  padding: 0px;
  font-family: Arial, helvetica, sans-serif;
  font-size: 120%;
  padding-left: 15px;
  padding-right: 15px;
  width: 260px;
  padding-top: 10px;
  height: 115px;
  background-image: url(design/box.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
#page #maincontent .pul .bot ul{
  list-style-type: none;
  font-size: 70%;
  margin: 0px;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0px;
}
#page #maincontent .pul .bot ul li{
  list-style-type: none;
}
#page #maincontent .pul .bot ul li a{
  font-weight: bold;
  color: #001d53;
  text-decoration: underline;
}
#page #maincontent .pul .bot ul li a:hover{
  color: #1d63c2;
  text-decoration: none;
}
#page #maincontent .pul .bot a.tlac{
  display: block;
  width: 175px;
  height: 23px;
  margin: 18px auto;
  padding-top: 5px;
  font-weight: bold;
  color: #001d53;
  text-align: center;
  text-decoration: none;
  background-image: url(design/tlacitko.gif);
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 70%;
}
#page #maincontent .pul .bot a:hover{
  color: #1d63c2;
  text-decoration: underline;
}
#page #maincontent .pul .kuchyne{
  width: 290px;
  height: 272px;
  background-image: url(design/kuchyne.jpg);
  background-repeat: no-repeat;
  background-position: 0px 40px;
}
#page #maincontent .pul .skrine{
  width: 290px;
  height: 272px;
  background-image: url(design/skrine.jpg);
  background-repeat: no-repeat;
  background-position: 0px 40px;
}
/*---------Tretinove boxy--------*/
#page #maincontent .tretinky{
  width: 608px;
  padding-left: 17px;
  height: auto;
  overflow: hidden;
}
#page #maincontent .tretinka{
  width: 195px;
  height: auto;
  overflow: hidden;
  position: relative;
  float: left;
  margin-left: 3px;
}
#page #maincontent .tretinka[class]{
  margin-left: 6px; 
}
#page #maincontent .tretinka h3{
	margin: 0px;
	padding: 0px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 130%;
	padding-left: 10px;
	width: 185px;
	padding-top: 8px;
	height: 32px;
	background-color: #E9E9E9;
	margin-bottom: 147px;
	color: black;
}
#page #maincontent .tretinka h3.link{
	margin: 0px;
	padding: 0px;
	width: 195px;
	height: 40px;
}
#page #maincontent .tretinka h3.link a{
  display: block;
	padding-left: 10px;
	width: 185px;
	padding-top: 8px;
	height: 32px;
	color: black;
	text-decoration: none;
}
#page #maincontent .tretinka h3.link a:hover{
	text-decoration: underline;
	color: #5BAEF6;
}
#page #maincontent .tretinka .bot{
  margin: 0px;
  padding: 0px;
  font-family: Arial, helvetica, sans-serif;
  font-size: 120%;
  padding-left: 5px;
  padding-right: 5px;
  width: 185px;
  padding-top: 10px;
  height: 115px;
  background-image: url(design/box.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
#page #maincontent .tretinka .bot ul{
  list-style-type: none;
  font-size: 70%;
  margin: 0px;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0px;
}
#page #maincontent .tretinka .bot ul li{
  list-style-type: none;
}
#page #maincontent .tretinka .bot ul li a{
  font-weight: bold;
  color: #001d53;
  text-decoration: underline;
}
#page #maincontent .tretinka .bot ul li a:hover{
  color: #1d63c2;
  text-decoration: none;
}
#page #maincontent .tretinka .bot a.tlac{
  display: block;
  width: 175px;
  height: 23px;
  margin: 18px auto;
  padding-top: 5px;
  font-weight: bold;
  color: #001d53;
  text-align: center;
  text-decoration: none;
  background-image: url(design/tlacitko.gif);
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 70%;
}
#page #maincontent .tretinka .bot a:hover{
  color: #1d63c2;
  text-decoration: underline;
}
#page #maincontent .tretinka .kuchyne{
  width: 195px;
  height: 196px;
  background-image: url(design/kuchyne.jpg);
  background-repeat: no-repeat;
  background-position: 0px 40px;
}
#page #maincontent .tretinka .skrine{
  width: 195px;
  height: 196px;
  background-image: url(design/skrine.jpg);
  background-repeat: no-repeat;
  background-position: 0px 20px;
}
#page #maincontent .tretinka .skla{
  width: 195px;
  height: 196px;
  background-image: url(design/skla.jpg);
  background-repeat: no-repeat;
  background-position: 0px 40px;
}
/*-----KONEC Tretinove boxy----------*/
#page #maincontent .boxy{
  display: block;
  margin: 0px;
  padding: 0px;
}
#page #maincontent .boxy li{
  display: block;
  margin: 0px;
  padding: 0px;
  width: 290px;
  height: 140px;
  position: relative;
  float: left;
  background-image: url(design/box.gif);
  background-repeat: repeat-x;
  background-position: top;
  margin-left: 11px;
  margin-top: 35px;
}
#page #maincontent .boxy li.vysoky {
  height: 260px;
  /*font-size: 90%;*/
}
#page #maincontent .boxy[class] li{
  margin-left: 22px;  
}
#page #maincontent .boxy li h3{
  margin: 0px;
  font-size: 100%;
  font-family: Arial, helvetica, sans-serif;
  color: #001D53;
  padding-left: 15px;
  padding-top: 8px;
}
#page #maincontent .boxy li p{
  margin: 15px;
  font-size: 90%;
  text-align: justify;
}
#page #maincontent .box h2{
  color: #000e27;
}
#page #maincontent h2{
  margin: 0px;
  padding: 0px;
  margin-left: 20px;
  padding-bottom: 15px;
  margin-bottom: 25px;
  top: 145px;
  left: 15px;
  color: #001D53;
  font-size: 160%;
  border-bottom-width: 1px;
  border-bottom-color: #EBEBE9;
  border-bottom-style: solid;
  clear: both;
  font-family: Arial, helvetica, sans-serif;
}
#page #maincontent .cont{
  margin-bottom: 20px;
}
#page #maincontent .cont h3{
  font-size: 140%;
  color: #1d63c2;
  margin: 0px;
  padding: 0px;
  margin-left: 20px;
  margin-top: 35px;
  margin-bottom: 15px;
  top: 145px;
  left: 15px;
  clear: both;
  font-family: Arial, helvetica, sans-serif;
}
#page #maincontent .cont h4{
  font-size: 100%;
  color: #1d63c2;
  margin: 0px;
  padding: 0px;
  margin-left: 30px;
  margin-top: 35px;
  margin-bottom: 15px;
  top: 145px;
  left: 15px;
  clear: both;
}
#page #maincontent .cont a{
  font-weight: bold;
  color: #1D63C2;
}
#page #maincontent .cont a:hover{
  text-decoration: none;
}
#page #maincontent .cont p,
#page #maincontent .cont address{
  margin: 0px;
  margin-left: 20px;
  text-align: justify;
  font-size: 90%;
  clear: both;
  font-style: normal;
}
#page #maincontent .cont p.dotazpozn{
  font-weight: bold;
  color: #CC0000;
  font-size: 15px;
  border-width: 1px;
  border-color: #FF4D00;
  border-left-style: solid;
  background-color: #FFD0B0;
  margin: 20px;
}
#page #maincontent .cont p.obrbig{
  margin-top: 15px;
  text-align: center;
}
#page #maincontent .cont .imgcenter{
  text-align: center;
  margin: 25px;
  clear: both;
}
#page #maincontent .cont p.obrbig img{
  border-width: 1px;
  border-style: solid;
  border-color: #D4D0C8;
}
#page #maincontent .cont img.left{
  position: relative;
  float: left;
  margin-right: 15px;
}
#page #maincontent .cont img.right{
  position: relative;
  float: right;
  margin-left: 15px;
}
#page #maincontent .cont ul,
#page #maincontent .cont ol{
  font-size: 90%;
  clear: both;
}
#page #maincontent .cont ul h4{
  margin: 0px;
  padding: 0px;
}
#page #maincontent .cont table.data{
  background-color: #CBD0D6;
  font-size: 80%;
  margin: 20px;
  margin-top: 25px;
}
#page #maincontent .cont table.data td,
#page #maincontent .cont table.data th{
  background-color: white;
  padding: 1px 5px;
}
#page #maincontent .cont table.data th.nadpis{
  text-align: left;
}
#page #maincontent .cont table.data .sudy td{
	background-color: #F0F2FD;
}
#page #maincontent .cont .zpet{
  text-align: right;
}
#page #maincontent .cont .imges{
  margin-left: 20px;
  clear: both;
}
#page #maincontent .cont table.udaje{
  font-size: 80%;
  position: relative;
  float: right;
  margin: 20px;
}
#page #maincontent .cont .imges img{
  margin-left: 7px;
}
#page #maincontent .cont table.udaje td{
  background-color: #E9E9E9;
  padding: 3px 5px;
}
#page #maincontent .cont .dvirka{
  padding: 20px;
  clear: both;
}
#page #maincontent .cont .dvirka .thumb{
  position: relative;
  float: left;
  margin: 9px;
  height: 140px;
  width: 77px;
}
#page #maincontent .cont .patina .thumb{
  height: 175px;
  width: 90px;
  overflow: hidden;
}
#page #maincontent .cont .obrline{
  clear: both;
}
#page #maincontent .cont .obrline img{
  position: relative;
  float: left;
  margin: 15px;
}
#page #maincontent .cont .dvirka .thumb h3{
  font-size: 70%;
  color: #001D53;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  font-family: Arial, helvetica, sans-serif;
}
#page #maincontent .cont .dvirka .thumb a img{
  border-width: 1px;
  border-color: #D4D0C8;/*#001D53*/
  border-style: solid;
}
#page #maincontent .cont .dvirka .thumb a:hover img{
  border-color: #1D63C2;
}
#page #maincontent .cont .dvirka .thumb .jakoobr{
  border-width: 1px;
  border-color: #D4D0C8;/*#001D53*/
  border-style: solid;
  width: 75px;
  height: 100px;
}
#page #maincontent .cont ul.znacky{
  position: relative;
  float: left;
  display: block;
  width: 185px;
  list-style-type: none;
  margin-left: 30px;
}
#page #maincontent .cont ul.znacky li{
  list-style-type: none;
  display: block;
  height: 25px;
  padding-top: 10px;
  border-bottom-color: #C0C0C0;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
#page #maincontent .cont ul.znacky li a{
  font-weight: normal;
  text-decoration: none;
}
#page #maincontent .cont ul.znacky li a:hover{
  text-decoration: underline;
}
#page #maincontent .cont ul.znacky li a img{
  border-width: 0px;
}
#page #maincontent .boxfolie{
  width: 117px;
  float: left;
  position: relative;
  text-align: center;
}
#page #maincontent .prvni{
  margin-left: 20px;
}
#page #maincontent .boxfolie h3{
  font-size: 70%;
  color: #001D53;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  font-family: Arial, helvetica, sans-serif;
  text-align: center;
}
#page #maincontent .boxfolie a img{
  border-width: 1px;
  border-color: #D4D0C8;/*#001D53*/
  border-style: solid;
}
#page #maincontent .boxfolie a:hover img{
  border-color: #1D63C2;
}
#page #maincontent .cont p img.left{
  position: relative;
  float: left;
  margin: 0px;
  margin-right: 15px;
  border-width: 0px 
}
#page #maincontent .cont p img.right{
  position: relative;
  float: right;
  margin: 0px;
  margin-left: 15px;
  border-width: 0px 
}
#page #maincontent .reference{
  border-bottom-width: 6px;
  border-bottom-style: solid;
  border-bottom-color: #EBEBE9;
  height: auto;
  overflow: hidden;
  margin-left: 20px;
  padding-bottom: 15px;
}
#page #maincontent .reference .dvirka .thumb{
  position: relative;
  float: left;
  margin: 9px;
  height: 140px;
  width: 170px;
}
#page #maincontent .cont .objednavka{
  margin: 0px;
  padding: 0px;
  margin-left: 20px;
  font-size: 90%;
}
#page #maincontent .cont .objednavka fieldset{
  margin: 0px;
  margin-bottom: 20px;
  padding: 15px;
  border-width: 1px;
  border-color: #001D53;
  border-style: solid;
}
#page #maincontent .cont .objednavka fieldset.odeslani{
  border-width: 0px;
}
#page #maincontent .cont .objednavka table{
  margin: 0px;
}
#page #maincontent .cont .objednavka table label{
  display: block;
  text-align: right;
}
#page #maincontent .cont .objednavka table input,
#page #maincontent .cont .objednavka table textarea{
  border-style: solid;
  border-color: #001D53;
  border-width: 1px;
  background-color: #EAF1FA;
  font-family: Arial, helvetica, sans-serif;
}
#page #maincontent .cont .objednavka table input:hover,
#page #maincontent .cont .objednavka table textarea:hover{
  background-color: #F9F9F9;
  border-color: #1D63C2;
}
#page #maincontent .cont .objednavka fieldset.odeslani input{

	padding: 15px 35px;
	font-weight: bold;
	font-size: 120%;
	color: #001D53;
}
#page #maincontent .cont .objednavka fieldset.odeslani input:hover{
	border-color: #001D53;
	background-color: #D6E7F9;
  color: #1D63C2;
}
#page #maincontent #left ul.menu{
  margin: 0px;
  margin-top: 29px;
  padding: 0px;
  font-size: 90%;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
  height: auto;
  list-style-type: none;
  width: 224px;
  font-family: Arial, helvetica, sans-serif;
}
#page #maincontent #left ul.menu li{
  margin: 0px;
  padding: 0px;
  display: block;
  overflow: hidden;
  height: 44px;
  list-style-type: none;
  width: 224px;
}
#page #maincontent #left ul.menu li a{
  display: block;
  text-align: left;
  font-weight: bold;
  text-decoration: none;
  color: black;
  overflow: hidden;
  height: 30px;
  padding-top: 14px;
  padding-left: 16px;
  background-color: #e9e9e9;
  background-image: url(design/menu_sv.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 224px;
}
#page #maincontent #left ul.menu li a.here{
  background-color: #c1c1c1;
  color: #000000;
  background-image: none;
}
#page #maincontent #left ul.menu li a:hover{
  background-color: #808080;
  color: #F0F0F0;
  background-image: none;
}
#page #maincontent #left .box{
  background-color: #E9E9E9;
  margin-top: 25px;
  padding-bottom: 15px;
}
#page #maincontent #left .box h2{
	font-size: 110%;
	font-family: Arial, helvetica, sans-serif;
	padding-top: 10px;
	text-align: left;
	padding-left: 15px;
	margin-left: 0px;
	color: #001D53;
	background-color: #E0E0E0;
}
#page #maincontent #left .box p{
  margin: 4px 10px;
  font-size: 90%;
  font-family: Arial, helvetica, sans-serif;
}
#page #maincontent #left .box p.zajimavas a{
  display: block;
  color: #1D63C2;
  font-size: 90%;
  font-weight: bold;
}
#page #maincontent #left .box p.zajimavas a:hover{
	text-decoration: none;
	color: #6495ED;
}
#page #maincontent #left .box a.odkazsklo{
  display: block;
  margin: 10px;
  clear: both;
  padding: 15px;
  font-size: 120%;
  font-weight: bold;
  color: #1D63C2;
  background-color: #E0E0E0;
  border-top-width: 10px;
  border-top-style: solid;
  border-top-color: #E9E9E9;
  text-decoration: underline;
}
#page #maincontent #left .box a.odkazsklo:hover{
  background-color: #fff;
  text-decoration: none;
  color: black;
}
#page #footer{
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #00399d;
  padding: 15px 10px;
  height: 85px;
  margin-top: 20px;
  display: block;
  width: 849px;
  font-size: 100%;
  position: relative;
  float: left;
  text-align: left;
  font-style: normal;
}
#page #footer #footleft{
  width: 590px;
  font-size: 70%;
  position: relative;
  float: left;
  text-align: left;
}
#page #footer #footleft a{
  color: #777;
  text-decoration:  none;
}
#page #footer #footleft a:hover{
  text-decoration:  underline;
}
#page #footer a{
  color: #000;
  text-decoration:  underline;
}
#page #footer a:hover{
  text-decoration:  none;
}
#page #footer #footright{
  width: 229px;
  font-size: 70%;
  position: relative;
  float: left;
  text-align: right;
}
#page #footer #footright a{
  color: #777;
  text-decoration:  none;
}
#page #footer #footright a:hover{
  text-decoration:  underline;
}
#page #footer .doporuc{
  clear: both;
  font-size: 70%;
  padding-top: 10px;
}
#page #footer .doporuc a{
  color: #1D63C2;
}
