/* CSS Document */

body {
color:#1f3a56;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
margin:0px;
padding:0px;
}

a {
color:#027ab2;
}

a:link {
color:#027ab2;
text-decoration:underline;
}

a:hover{
color:#cc0000;
text-decoration:none;
}

a:vizited{
color:#027ab2;
text-decoration:underline;
}

a.topMenu {
color:#1f3a56;
text-decoration:none;
}

table {
border:none;
}

img {
border:none;
}

h1, h2, h3 { margin: 20px 0; padding: 0; }
	h1 { font-size: 18px; margin: 0; font-weight: normal; color: #FFF; }
	h2 { font-size: 14px; margin: 0; color: #FFF; }
	h3 { font-size: 16px; font-weight: normal; }

tr.topMenu {
background-image:url(img/bgTopMenu.png);
background-repeat:repeat-x;
}

td.topMenu {
width:2px;
}

div.topMenu {
height:30px;
padding-top:15px;
text-align:center;
text-decoration:underline;
}

div.topMenu:hover {
background-color:#e8edf1;
border-bottom:#cfd9e2 solid 2px;
border-top:#cfd9e2 solid 2px;
color: orange;
cursor:pointer;
height:28px;
padding-top:13px;
text-align:center;
text-decoration: underline
}
 
 
div.horizGreyLine {
background-image:url(img/horizGreyLine.gif);
background-repeat:repeat-x;
clear:both;
height:15px;
}

div.slogan {
padding:0px 0px 0px 0px;
}

div.bgProchnost {
background-image:url(img/bgProchnost.png);
background-repeat:repeat-x;
}

div.bgEco {
background-image:url(img/bgEco.png);
background-repeat:repeat-x;
}

div.bgTeplo {
background-image:url(img/bgTeplo.png);
background-repeat:repeat-x;
}

.textVeka{
color:#3300FF;
font-size: 18px;
}

.textTrocal {
color:#3399FF;
font-size: 18px;
}

.textOkna {
font-size: 18px;
}

.textRedOkna {
font-size: 18px;
color: #ef1b23;
}

.textRaynaers {
color:#006699;
font-size: 18px;
}

div.topInfo {
border-left:#d0dae2 solid 1px;
padding:10px 6px 10px 15px;
text-align:left;
}

/* news */
.news-title { background: url(/i/news-bg.gif) no-repeat; color: #FFF; font-size: 18px; padding: 12px 0 12px 50px; }
.news-fp { background: #f3f3f3; padding: 5px 20px; }
	.news-fp div { padding: 7px 0; font-size: 11px; background: url(/img/tire.gif) repeat-x 0 100%; }
		.news-fp div span { color: #bcbcbc; font-size: 10px; }
		.news-fp div a { color: #cc0000; font-size: 11px; font-weight: bold; }
		.news-fp div.allnews { background: none; padding: 8px 0; }
			.news-fp div.allnews a { font-weight: normal; }
a.green-b { color: #10612d; font-size: 14px; font-weight: bold; }
.green-b { color: #10612d; font-size: 14px; font-weight: bold; }
.left-grbl { background: #f3f3f3; padding: 5px 20px; }
	.pd5 { padding: 5px; }

	.zakaz img { float: left; margin-right: 10px; }
	.zakaz .top { position: absolute; right: -11px; top: 0; }
		* html .zakaz .top { position: absolute; right: -10px; top: 0; }
	.zakaz .bottom { position: absolute; bottom: 0; right: -11px; }
		* html .zakaz .bottom { position: absolute; bottom: -3px; right: -10px; }
	.zakaz span { color: #ef1b23; font-weight: bold; padding-top: 6px; display: block; }
	.zakaz strong { font-size: 22px; display: block; margin-top: -4px; }


	.zakaz2 img { float: left; margin-right: 10px; position: relative; }
	.zakaz2 .top2 { position: absolute; right: -11px; top: 0; }
		* html .zakaz2 .top2 { position: absolute; right: -10px; top: 0; }
	.zakaz2 .bottom2 { position: absolute; bottom: -3px; right: -11px; }
		* html .zakaz2 .bottom2 { position: absolute; bottom: -4px; right: -10px; }
	.titl-red { background: #d0dae2; color: #cc0000; font-weight: bold; padding: 3px 5px 3px 0; }
		.titl-red a { color: #cc0000; font-weight: bold; text-decoration: none; }
			.titl-red a:hover { text-decoration: underline; }
.profili td { padding: 10px 0; vertical-align: top; }

.articles-list li { padding-bottom: 22px; }
	.articles-list li a { font-weight: bold; font-size: 14px; }

.pages { text-align: center; }
	.pages a { font-weight: bold; text-decoration: none; padding: 0 3px; }
		.pages a:hover { text-decoration: underline; }
	.pages span { color: #464646; padding: 0 2px; }
/* news end */


td.greyBlock {
background-color:#d0dae2;
border-top:#ffffff solid 0px;
height:8px;
}

td.leftMenu {
border-right:#d0dae2 solid 1px;         
padding:0px 10px 20px 30px;
vertical-align:top;
width:250px;
}

div.leftMenu {
padding:0px 0px 15px 20px;
}

td.content {
padding:0px 30px 20px 10px;
text-align:left;
vertical-align:top;
}

td.baner {
background-image:url(img/imgFoot.jpg);
background-repeat:no-repeat;
border-top:#94bb0c solid 10px;
height:80px; text-align:center;
width:290px;
}

td.tenFoot {
border-top:#d0dae2 solid 10px;
height:80px;
width:10px;
}

td.copyright {
border-top:#d0dae2 solid 10px;
color:#95a0aa;
text-align:center;
}

.prices td {
padding: 5px 2px;
color: #cc0000;
font-size: 18px;
vertical-align: top;
text-align: center;
}


A.bl { font-size: 8pt }

P.title	{ font-size: 13pt; line-height: 18px; color: #333333; font-weight: normal; margin-top: 20px }
p.okna_sma{ font-size: 10px; color: #333333; margin: 0px 0px 3px 0px }
p.okna_small { font-size: 10px; color: #333333; margin: 8px 0px 3px 0px }

div#measurer {position: absolute; width: 99%; top: 0; height: 1px; line-height: 1px;}

div#around {position: relative; min-width: 750px; max-width: 1300px;}

* html div#around {

width: expression(
	(
		document.getElementById('measurer')
		&& document.getElementById('measurer').clientWidth < 750
	)
	?	'750px'
	:	(
			document.getElementById('measurer')
			&& document.getElementById('measurer').clientWidth < 1300
		)
		?	'100%'
		:	'1300px'
);
}

div#around2 {position: relative; min-width: 750px; max-width: 1300px;}

* html div#around2 {
width: expression(
	(
		document.getElementById('measurer')
		&& document.getElementById('measurer').clientWidth < 750
	)
	?	'750px'
	:	(
			document.getElementById('measurer')
			&& document.getElementById('measurer').clientWidth < 1300
		)
		?	'100%'
		:	'1300px'
);
}

















/*-----------------------------------------------------
        global
-----------------------------------------------------*/

tabel.price{width:300;font-family:tahoma; font-size:11px; font-weight:normal;}
td.price{border-bottom:1px solid #E0E0E0; font-family:tahoma; font-size:11px; font-weight:normal;}
td.priceh{color:#707070; border-bottom:1px solid #E0E0E0; font-family:tahoma; font-size:11px; font-weight:bold;}
td.pricep{border-bottom:1px solid #E0E0E0; font-family:tahoma; font-size:11px; font-weight:normal;}
td.red{border-bottom:1px solid #E0E0E0;color:red; font-family:tahoma; font-size:11px; font-weight:normal;}



#content {
        color: #333;
}

#content div,
#content p,
#content h1,
#content h2,
#content h3,
#content ul,
#content li,
#content form,
#content tr,
#content td,
#content th {
        line-height: 1.8em;
}

#content p {
        margin-bottom: 2em;
}

#content h1,
#content h2,
#content h3 {
        margin-bottom: 0.6em;
        line-height: 1.4em;
}

#content h1 {
        font-weight: bold;
}

#content h3 {
        font-weight: bold;
        color: #666;
        text-decoration: underline;
}

#content .withTopLine {
        border-top: 1px solid #333;
}

#content .withBottomLine {
        border-bottom: 1px solid #333;
}

#content .withBottomMargin {
        margin-bottom: 2em;
}

#content .withBigBottomMargin {
        margin-bottom: 30px;
}

#content h1.big {
        margin-bottom: 20px;
        color: #666;
        font-size: 22px;
        border-bottom: 1px solid #333;
}

#content h1.welcomeText {
        font-weight: normal;
}


#content a {
        color: #5176AB;
}

#content a:hover,
#content a:focus {
        color: #5176AB;
        text-decoration: underline;
}

#content table td {
        vertical-align: top;
}

#content .line {
        border-top: 1px solid #333;
        height: 20px;
        margin-top: 20px;
}

#content .imageDescription {
        font-size: 10px;
        line-height: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
}

#content .imageDescription2 {
        font-size: 10px;
        line-height: 12px;
        margin-top: 8px;
        margin-bottom: 8px;
}

#content .imageDescription3 {
        font-size: 10px;
        line-height: 12px;
        margin-top: 8px;
        margin-bottom: 16px;
}

#content .imageDescription5 {
        font-size: 10px;
        margin-top: 0px;
        margin-bottom: 16px;
}

div.refdetail {
              text-align: center;
              padding-top:10px;
              }

#content .displayImageAsBlock img {
        display: block;
}

#content .imageDescription4 {
        font-size: 10px;
        line-height: 12px;
        margin: 0px;
        margin-bottom: 10px;
}

#content .lastColumn .imageDescription4 {
        text-align: left;
        padding-left: 5px;
}

#content table.fixedSize {
        width: 688px;
}

#content .firstGolumn {
        width: 136px;
}

#content .firstColumn {
        width: 336px;
}

#content .columnSpacer {
        width: 16px;
}

#content table.withBorders td {
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
        padding: 15px;
}

#content table.withoutPadding td {
        padding: 5px;
        padding-left: 6px;
        padding-right: 3px;
}

#content ul ul {
        padding-left: 0px;
        margin-left: 0px;
        margin-bottom: 10px;
}

#content ul .parent {
        font-size: 12px;
        font-weight: bold;
}

#content ul .parent2 {
        font-weight: bold;
}

#content .justify {
        text-align: justify;
        text-justify: newspaper;
}

/* =========================================================== */

#content table.withoutPaddingTrue td {
        padding: 5px;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        width: 50%;
}

#content table.fourInRow td {
        width: 25%;
        padding: 4px;
}

#content table.withoutPaddingTrue table {
        margin-top: 0px;
        margin-bottom: 10px;
        width: 157px;
}

#content table.withoutPaddingTrue table td {
        border: 0px none;
        padding: 0px;
}

#content table.withoutPaddingTrue td.imageDescription {
        margin: 0px;
        width: auto;
}

#content table.withoutPaddingTrue td.lastColumn {
        padding-left: 8px;
}

#content table.withoutPaddingTrue td.linkMore {
        margin: 0px;
        font-size: 9px;
        line-height: 12px;
        text-align: right;
        width: auto;
}

/* =========================================================== */

#content table.withBorders div.imageDescription {
        margin-top: 30px;
}

#content table.withBorders td.lastColumn {
        border-right: 0px none;
}

#content p.bigFirstLetter:first-letter{
        text-transform: uppercase;
        font-size: 65px;
        line-height: 60px;
        color: #999;
        float: left;
        margin: 0px;
        padding: 0px;
        padding-top: 8px;
        padding-right: 8px;
}

#content tr.centerCell td {
        vertical-align: middle;
        text-align: center;
}

#content .backToStart {
        margin-top: 10px;
        margin-bottom: 0px;
        text-align: right;
}

#content .backToStartWithBorder {
        margin-top: 30px;
        padding-top: 1px;
        border-top: 1px solid #333;
}

#content .backToStart {
        font-size: 9px;
}

/*-----------------------------------------------------
        page: veka
-----------------------------------------------------*/

#content th.noLeftPadding {
        width: 50%;
        padding-right: 10px;
        font-weight: normal;
        border-right: 1px solid #333;
}

#content th.noRightPadding {
        width: 50%;
        padding-left: 10px;
        font-weight: normal;
}

#content th {
        border-bottom: 1px solid #333;
        text-align: left;
}

#content th h1 {
        font-weight: bold;
        margin-bottom: 0px;
}

#content td.noLeftPadding {
        width: 50%;
        padding: 10px;
        padding-left: 0px;
        padding-bottom: 0px;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
}

#content td.noRightPadding {
        width: 50%;
        padding: 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        border-bottom: 1px solid #333;
}

/*-----------------------------------------------------
        page: links and partners
-----------------------------------------------------*/

.linksTable td {
        padding-bottom: 5px;
}


/*-----------------------------------------------------
        veka
-----------------------------------------------------*/

#content h1.vekaSpacer {
        padding-top: 22px;
}

/*-----------------------------------------------------
        reference
-----------------------------------------------------*/

#content table.withoutPaddingTrue table.referenceDescription {
        width: 336px;
}

/*-----------------------------------------------------
        technicalDetails
-----------------------------------------------------*/

#content table.technicalDetails {
        width: 688px;
}

#content table.technicalDetails td {
        font-size: 10px;
        padding: 5px;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
        padding: 15px;
        width: 25%;
}

#content table.technicalDetails td.lastColumn {
        border-right: 0px none;
        padding-right: 0px;
}

#content table.technicalDetails td div.imageDescription {
        font-size: 9px;
        line-height: 18px;
        margin: 0px;
        margin-top: 10px;
}

/*-----------------------------------------------------
        doors hausturen subpages
-----------------------------------------------------*/

#content div.doorDetailsBox {
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
}


#content div.pdfDownloadBox {
        text-align: center;
        margin-top: 8px;
}

#content a.pdfDownload {
        font-size: 9px;
}

#content .withSmallBottomMargin {
        margin-bottom: 15px;
}

#content .backToStartWithBorderDoor {
        margin-top: 15px;
        padding-top: 1px;
        border-top: 1px solid #333;
}

#content .arrowsBox {
        text-align: center;
}

#content .arrowsBox a {
        margin-left: 25px;
        margin-right: 25px;
}

/*-----------------------------------------------------
        ...

-----------------------------------------------------*/

table.content {
        width: auto;
        margin: auto;
        }
#products table.content {
        width: 40%;
        }

table.content td {
        padding: 5px;
        border: 1px #003366 solid;
        }

table.content img {
        margin: 0 10px;
        }





#content table.withoutBorders {
        margin-top: 20px;
}

#content table.withoutBorders td {
                border: 0px none;
                padding: 5px;
}

td.ft10px {
          font-size:10px;
          }