﻿
/*-------------------------------- barevné odstíny -------------------------------------*/

.divBarevneOdstiny
{
	padding-bottom: 18px;
	width: 320px;
	float: left;
}

.divBarevneOdstiny img
{
	border: solid 1px #f8dd8a;
	padding: 1px;
	cursor: pointer;
	margin-right: 2px;
}

.divBarevneOdstinyDetail
{
	margin-top: 24px;
}

.divBarevneOdstinyDetail img
{
	border: solid 1px #f8dd8a;
	padding: 1px;
}

/*-------------------------------- Zelená úsporám -------------------------------------*/

.divZelenaUsporam { padding: 0px 20px 0px 15px; margin: -50px 0px 10px 0px;}

.divZelenaUsporamText
{
	margin: -3px 1px 0px 0px;
	padding: 8px;
	background-image: url(Images/PartnerRamD.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/*-------------------------------- systémy obrázky -------------------------------------*/

.tblObrazky
{
	margin-bottom: 18px;
	border-collapse: collapse;
}

.tblObrazky td { padding-right: 4px; }
.tblObrazky td img { cursor: pointer }

.tblObrazky td.tdObrazkyPopis
{
	padding: 2px 16px 0px 0px;
	font-style: italic;
	text-align: right; 
}

.tblKombinace
{
	margin-bottom: 18px;
	border-collapse: collapse;
}

.tblKombinace td { vertical-align: bottom; padding-right: 12px; }
.tblKombinace td img { cursor: pointer }

.tblKombinace td.tdObrazkyPopis
{
	padding-top: 2px;
	font-style: italic;
	vertical-align: top;
}

/*-------------------------------- certifikáty -------------------------------------*/

.divCertifikaty img
{
	border: solid 1px #f8dd8a;
	padding: 2px;
	cursor: pointer;
	margin-right: 2px;
	background-color: #ffffff;
}

/*-------------------------------- typy oken -------------------------------------*/

.tblTypyOken
{
	border-collapse: collapse;
}

.tblTypyOken td
{
	vertical-align: bottom;
	padding-right: 24px;
	text-align: right;
}

.tblTypyOken td.tdObrazkyPopis
{
	padding-top: 2px;
	font-style: italic;
	vertical-align: top;
	text-align: right;
}

/*-------------------------------- Výplně oken a dveří -------------------------------------*/

.pDvere img
{
	cursor: pointer;
	margin-right: 4px;
	padding: 1px;
	border: solid 1px #a7aaaf;
}

/*-------------------------------- Kování -------------------------------------*/

.pKliky { padding-top: 4px; }

.pKliky img
{
	margin-right: 4px;
	padding: 1px;
	border: solid 1px #a7aaaf;
}

/*-------------------------------- Reference -------------------------------------*/

.pReference { padding: 4px 0px 4px 0px; }

.pReference img
{
	margin-right: 8px;
	cursor: pointer;
}

/*-------------------------------- Příslušenství -------------------------------------*/

.pPrislusenstvi{ padding: 4px 0px 4px 0px; }
.pPrislusenstvi img { margin-right: 8px; }


/*-------------------------------- Poptávkový formulář -------------------------------------*/

.divPoptavkovyFormular h4
{
	padding-bottom: 3px;
	margin-bottom: 6px;
	border-bottom: solid 1px #e2e0e0;
}

.imgPoptavkovyFormular
{
	float: left;
}

.divPoptavkovyFormular .nazevPolozky
{
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
	vertical-align: middle;
	margin-bottom: 8px;
}

.divPoptavkovyFormular .nazevPolozkyPovinne
{
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
	vertical-align: middle;
	margin-bottom: 8px;
	color: Red;
}

.divPoptavkovyFormular .textBox
{
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 4px;
	vertical-align: middle;
}

.tblForm td { padding: 3px 0px 3px 0px; }
.tblForm td input[type="text"] { margin: -1px 0px -2px 0px; }
.tblForm td input[type="checkbox"] { vertical-align: middle; }
.tblForm .tdFormObrazek { vertical-align: top; }

.tblForm .tdFormPolozkaNazev
{
	text-align: right;
	white-space: nowrap;
	padding: 2px 12px 2px 30px;
}

.divSpodni
{
	clear: both;
	margin-bottom: -15px;	
}

/*-------------------------------- Soupis oken na skladě -------------------------------------*/

.tblSklad
{
	width: 100%; 
	font-size: 11px;
	border-bottom: solid 1px #e2e0e0;
	empty-cells: show;
}

.tblSklad th
{
	white-space: nowrap;
	text-align: left;
	padding: 3px 6px 2px 6px;
	background-color: #e2e0e0;
	border: solid 1px #ffffff;
	border-left: none;
	vertical-align: bottom;
}

.tblSklad td
{
	vertical-align: top;
	padding: 3px 6px 1px 6px;
	border-right: solid 1px #e2e0e0;
	border-top: solid 1px #e2e0e0;
	background-color: #ffffff;
}

.tblSklad th.tdSkladPoznamka, .tblSklad td.tdSkladPoznamka { width: 150px; }
.tblSklad th.tdChckBox, .tblSklad td.tdChckBox { border-right: none; }

.tblSklad td.tdSkladCena
{
	font-weight: bold;
	text-align: right;
	color: red;
}

.trSkladAlternate td { background-color: #f5f4f4; }
.trOznaceno td { background-color: #fee9b3; }
.trOznacenoAlt td { background-color: #f8d98c; }
.tblSklad th.tdZarovnaniVpravo, .tblSklad td.tdZarovnaniVpravo { text-align:right; }