/*Studio plastvých oken*/

/* global */


html {
	border: none;
	height: 100%;
}
body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
  text-align: center;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}
.stranka {
	position:  relative;
	width: 900px;
	margin:  0px auto;
	padding: 0px 0px 0px 0px;
	text-align:  center;
}
a{
  text-decoration:  none;
  color:  #2c76ac;
}
a:hover, .selected {
  color:  #2c76ac;
  text-decoration: underline;
}
h1{
  font-size:  15px;
  color:  #2c76ac;
  margin: 0px 0px 0px 0px;
  padding:  0px 0px 20px 0px;
}
h2{
  font-size:  13px;
  color:  #000000;
  padding:  10px 0px 2px 0px;
  margin: 0px;
}
p strong{
  margin: 0px 0px 0px 0px;
  padding:  0px 0px 0px 0px;
  color:  #000000;
}
p {
  margin: 3px 0px 15px 0px;
  padding:  0px 0px 0px 0px;
  line-height: 16px;
}
em{
  margin: 0px 0px 0px 0px;
  padding:  0px 0px 0px 0px;
  color:  #2c76ac;
}
img{
  border: none;
}
.cistic {
	clear: both;
	height: 0px;
}
.cb {
	clear: both;
}
table#imgBlock {
	position: absolute;
	top: 0px;
	left: 0px;
	table-layout: fixed;
	width: 100%;
	border: none;
	padding: 0px;
	margin: 0px;
	background: none;
	background-image: url('galerie/galerie.png');
	background-position:  right top;
	visibility: hidden;
}
table#imgBlock tr td {
	border: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: url('galerie/nahravase.gif') scroll no-repeat center center;
}
#imgBlock td img#detailImg {
	border: 10px solid #F9F9F9;
	text-align: center;
	background: none;
}

/* tabulky */

table{
  width:  430px;
  margin:  0px 0px 15px 0px;
  padding: 5px 5px 5px 5px;
  border-collapse: collapse;
  border: none;
}
table td {
  margin:  0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  font-size: 11px;
  vertical-align: top;
  
}
tr.th td {
  padding: 5px 5px 5px 5px;
  line-height: 20px;
  font-size: 11px;
  text-align: center;
  font-weight:  bold;
  color: #000000;
  background: #d3e7fa;
  border: 1px solid #ffffff;

}
.empty {
  display: none;
  border: none;
}
table td ul {
	padding: 0px 0px 0px 15px;
	margin: 0px;

}
table td ul li, table td p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 11px;
}

/* hlavicka */


.hlavicka {
	width: 900px;
	height:  209px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('img/hlavicka.jpg') scroll no-repeat left top;
}
div.hlavickaFlash {
	position: absolute;
	right: 1px;
	top: 12px;
	width: 577px;
	height: 117px;
}
.hlavni-nabidka {
  position: absolute;
  top: 134px;
  left: 325px;
  width: 700px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
}
.hlavni-nabidka li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
  display: inline;
}
.hlavni-nabidka li a {
	float: left;
	text-align: center;
	list-style-type: none;
	vertical-align: bottom;
	font-size: 12px;
	margin: 0px 7px 0px 7px;
  padding: 0px 0px 0px 0px;
  color: #ffffff;
}
.hlavni-nabidka li a:hover, .hlavni-nabidka li.selected {
  color:  #87f5be;
}

/* /hlavicka */


.telo {
  width:  900px;
  text-align: left;
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: #ffffff;
}
/* levy panel */
.levyPanel {
  float: left;
  width: 220px;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 40px 0px;
}
.levyPanel strong {
	height: 30px;
	text-align: center;
	display: block;
  width: 220px;
  font-size: 15px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	background: url('img/menu-hlavicka.jpg') scroll no-repeat left top;
}
.levyPanel .levyPanelNabidka{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.levyPanel .levyPanelTelo {
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('img/menu-telo.jpg') scroll repeat-y left top;
}
.levyPanel .levyPanelTelo ul {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}
.levyPanel .levyPanelNabidka ul li ul {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
} 
.levyPanel .levyPanelNabidka ul li {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style-type: none;
}
.levyPanel .levyPanelNabidka ul li ul li{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
  list-style-type: none;
}
.levyPanel .levyPanelNabidka ul li a {
	display: block;
	width: 208px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	font-weight:  bold;
	color: #000000;
	background: #deedf8;
	border-bottom:  1px solid #d3e7fa;
  padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 1px;
	text-align:  left;
  overflow: hidden;
}
.levyPanel .levyPanelNabidka ul li ul li a {
	background: #e9f3fd url('img/menu-li.jpg') scroll no-repeat left top;
  width: 182px;
	padding: 0px 8px 0px 28px;
	margin: 0px 0px 0px 1px;
	overflow: hidden;
  height: auto;
}

.levyPanel .levyPanelNabidka ul li ul li ul{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}
.levyPanel .levyPanelNabidka a.selected,.levyPanel .levyPanelNabidka a:hover {
  color: #2c76ac;	
  background: #ffffff;		
}
.levyPanel .levyPanelNabidka ul li ul li a.selected,.levyPanel .levyPanelNabidka ul li ul li a:hover {
  color: #2c76ac;	
  background: #ffffff url('img/menuhover-li.jpg') scroll no-repeat left top;
}

.levyPanel .banner {
	margin: 1px 0px 0px 0px;
	border: none;
	height : 263px;
}

.levyPanel .menuPaticka {
	height: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(img/menu-paticka.jpg) scroll no-repeat left top;
}
.levyPanel h2 {
	text-align: left;
	margin: 0px 0px 0px 17px;
	padding: 12px 0px 0px 0px;
	color: #ffffff;
}
.levyPanel .vystraha {
	padding: 3px 0px 5px 0px;
	border: none;
	background: url('img/levy-panel-pobocky.jpg') scroll no-repeat center top;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	height: 45px;
}
.levyPanel .vystraha a {
	text-decoration: none;
}
.levyPanel .vystraha a:hover {
	text-decoration: none;
}
.levyPanel .vystraha strong {
	display: block;
	background: none;
	padding: 2px 0px 0px 0px;
	margin: 0px;
	color: #0D5289;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}
.levyPanel .vystraha span.adresa {
	padding: 2px 4px 5px 4px;
	margin: 0px;
	font-size: 10px;
	color: #2C76AC;
}
/*levy panel */

/* pravy panel */
.pravyPanel{
  float:  right;
  width:  180px;
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 40px 0px;
}
.pravyPanel img.obrazek{
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 8px 0px;
}
.pravyPanel .menuHlavicka {
	height: 12px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('img/pravy-hlavicka.jpg') scroll no-repeat left top;
}
.pravyPanel .pravyPanelNabidka{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('img/pravy-telo.jpg') scroll repeat-y left top;
	height: 359px;
}
.pravyPanel .banner {
  width:  180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #ffffff solid 1px;
	height: 235px;
}

.pravyPanel .menuPaticka {
	height: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('img/pravy-paticka.jpg') scroll no-repeat left top;
}
.pravyPanel .pravytext {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
  color: #198148;
	font-size: 21px;
	line-height: 21px;
	font-weight:  bold;
}
.pravyPanel .kalkulace {
  width:  180px;
}
.pravyPanel form,.pravyPanel table {
	margin: 0px;
	padding: 0px;
}
.pravyPanel .kalkulace td{
	text-align: center;
	padding: 20px 0px 10px 0px;
}
.pravyPanel .kalkulace input{
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100px;
}



/*  fotogalerie  */
table.fotogalerie td .imgleft, table.fotogalerie td .imgright {
	float: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.fotogalerie td {
	text-align: center;
	padding: 5px 0px 5px 0px;
}
/*pravy panel */

/* hlavni panel */

.teloObsah{
  float:  left;
  width:  900px;
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: url('img/telo-hlavicka.jpg') scroll no-repeat 250px 0px;
}
.hlavniPanel {
  float:  left;
  width:  460px;
  padding:  0px;
  margin: 10px 10px 0px 10px;
  line-height: 17px;
  min-height: 560px;
  background: url('img/telo.jpg') scroll repeat-y left top;
}
.hlavniPanelObsah {
  padding:  10px 10px 0px 10px;
  margin: 0px;
  width:  440px;
  min-height: 560px;
  background: url('img/telo.jpg') scroll repeat-y left top;
}
.hlavniPanel .hlavnippaticka {
	width: 460px;
	height: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('img/telo-paticka.jpg') scroll no-repeat left top;
}
.imgright {
  float:  right;
  padding:  0px 0px 10px 10px;
  margin: 0px 0px 0px 0px;
  font-size:  9px;
  font-style: italic;
  text-align: center;
}
.imgleft {
  float:  left;
  padding:  0px 10px 10px 0px;
  margin: 0px 0px 0px 0px;
  font-size:  9px;
  font-style: italic;
  text-align: center;
}
td span.imgleft{
  float:  left;
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size:  9px;
  font-style: italic;
  text-align: center;
}
.popisek {
  display: block;
}
.pravyPanel img {
  border: none;
}
ul,ol {
  padding:  0px 0px 15px 18px;
  margin: 0px 0px 0px 0px;
}
ul li{
  padding:  4px 0px 4px 6px;
  margin: 0px 0px 0px 0px; 
}
ol li{
  padding:  4px 0px 4px 0px;
  margin: 0px 0px 0px 6px;
  
}

/* paticka */

.dolniPanel {
  clear: both;
  position: relative;
  text-align:  center;
  left: 0px;
  bottom: 0px;
  width:  900px;
  height: 56px;
  padding:  0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
 	background: url('img/paticka.jpg') scroll no-repeat left top;
}

.dolniPanel .post {
	position: absolute;
	right: 20px;
  bottom: 0px;
	text-align: right;
	width: 300px;
	height:  15px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color : #ffffff;
}
.dolniPanel .post a, .dolniPanel .post a:hover {
	color : #ffffff;
}

/* /paticka */  



/* body.kalkulace */



body.kalkulace table.vyberTypOkna{
	margin: 0px;
}

body.kalkulace table.vyberTypOkna td {
	text-align: center;
	font-size: 11px;
}

body.kalkulace table.vyberTypOkna .nadpis td{
	text-align: left;
	font-weight: bold;
	background: #d1e6fb;
}
body.kalkulace table.vyberTypOkna .obrazky1 td{
	vertical-align: bottom;
	height: 125px;
}
body.kalkulace table.vyberTypOkna .obrazky2 td{
	vertical-align: bottom;
	height: 115px;
}
body.kalkulace table.vyberTypOkna .obrazky3 td{
	vertical-align: bottom;
	height: 185px;
}

body.kalkulace table.vyberTypOkna .prepinace td{
	vertical-align: middle;
	background: #d1e6fb;
	border-right: 1px solid #f4f9ff;
}

body.kalkulace table.vyberTypOkna .popisky td{
	vertical-align: top;
	background: #d1e6fb;
	border-right: 1px solid #f4f9ff;
}

body.kalkulace .submit td{
	text-align: center;
	padding: 20px;	
}

body.kalkulace .submit input{
	font-size: 11px;
	padding: 5px;	
}

body.kalkulace .nadpis td{
	font-weight: bold;
}

body.kalkulace .typ td{
	border: 1px solid #d4e6fa;
	background: #ffffff;
}

body.kalkulace .cena td{
	border: 1px solid #d4e6fa;
	background: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

body.kalkulace input{
	font-size: 11px;
}

body.kalkulace select{
	font-size: 11px;
}

body.kalkulace .levy{
	width: 180px;
}