/* 
Title: Bezpečná okna
Author: Martin Winkler @ Portadesign (http://www.portadesign.cz)
*/

/* CSS Reset  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none; }

:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }


/* Main structure */

html, body, #wrap { height: 100%; }

body {
	font-family: 'Arial';
	font-size: 13px;
	color: #fffefe;
	background: #000;
	margin: 0;
	padding: 0;	
}

body > #wrap { height: auto; min-height: 100%; }

#wrap {  }
#content { padding-bottom: 122px; position: relative; }
#main-border { width: 43px; position: absolute; right: 0; top: 0; height: 100%; background: transparent url('../img/main-border.jpg') right top repeat-y; }

#flash_content, .tx-rbflashobject-pi1-swf_altcontent, .tx-rbflashobject-pi1-swf_altcontent embed, .tx-rbflashobject-pi1-swf_altcontent object { min-height: 1000px !important; }

/* Header */

#header { width: 772px; height: 113px; margin: 0 auto 0 113px; }
#content-news { max-width: 772px; margin: 0 80px 0 113px; }
#header #wrapper { display: none; }
#header #v-menu { float: left; margin-top: 7px; }

#v-menu li { float: left; margin-right: 15px; padding: 0; background: none; margin-bottom: 10px; }
#v-menu li a { font-size: 15px; color: #666d56; text-transform: uppercase; text-decoration: none; border-bottom: 2px solid #666d56; white-space: nowrap; }
#v-menu li a:hover, #v-menu li a.active { color: #fff; border-bottom: 2px solid #99a67c; }

body.sk #v-menu li { margin-right: 15px; }

/* Content */

#content-news h1 { width: 320px; }
#content-news .post h1 { width: auto; }
#content-news .news-item .news-date { display: inline-block; font-size: 11px; font-weight: bold; padding: 0 0 0 15px; background: url("../img/date.png") left 3px transparent no-repeat; }
#content-news .news-item .news-date p { margin: 0; }
#content-news .news-list-container > ul > li { padding: 0; }
#content-news .news-list-container h2 a { text-decoration: none; }
#content-news .news-list-container h2 a:hover { }
#content-news .news-list-container h2 a span { border-bottom: 1px solid #CDE995; margin: 0 0 4px 0; }
#content-news .news-list-container h2 a:hover span { border-bottom: none; padding-bottom: 1px; }
#content-news .news-list-container .news-list-morelink { display: block; }
#content-news .news-list-container .news-list-morelink { display: block; }
#content-news .news-list-container .news-list-morelink a { display: inline-block; margin-top: 8px; font-size: 12px; padding-left: 23px; background: transparent url('../img/li-arrow.gif') 8px 8px no-repeat; }

.back-to-list a { background: url("../img/arrow-back.png") no-repeat scroll left top transparent; color: #E0FFA3; float: left; font-size: 17px; height: 17px; margin-top: 20px;padding: 11px 27px 9px 48px; position: relative; text-decoration: none; }
.back-to-list a:hover { color: #010101; background: url("../img/arrow-back.png") no-repeat scroll left -37px transparent; }

.text-box { margin-bottom: 20px; }
.wide-text-box { margin: 50px 0 30px 0; }
.pic-box { float: left; margin: 0 30px 20px 0; width: 320px; }

.form-box { background: #404538; padding: 17px 16px 17px 16px; width: 100%; }
.form-box table { width: 100%; }
.form-box table td { height: 69px; }
.form-box select { width: 98%; border: none; background: none; margin: 7px; }
.form-box .select { width: 99%; height: 32px; border: none; background: #fff url('../img/input-text.gif') left top repeat-x; }
.form-box label { color: #99a684; display: block; padding: 0 0 8px 0; line-height: 15px; }
.form-box label .req { font-size: 16px; color: #e0ffa3; font-weight: bold; }
.form-box input.text { font-family: 'Arial'; color: #1d2018; width: 97%; padding: 8px 7px; border: none; background: #fff url('../img/input-text.gif') left top repeat-x; }
.form-box td.half-1 input.text, .form-box td.half-2 input.text { width: 94%; }
.form-box td.half-2 { padding-left: 20px; }
.form-box textarea { background: #fff url('../img/textarea.gif') left top repeat-x; border: none; width: 97%; padding: 8px 7px; margin-bottom: 15px; }
.form-box button.submit { font-size: 17px; height: 37px; font-family: 'Arial'; background: transparent url('../img/input-submit.png') left top no-repeat; padding: 11px 36px 7px 34px; border: none; display: block; cursor: pointer; text-align: left; }
.form-box button:hover.submit { background: transparent url('../img/input-submit.png') left -37px no-repeat; color: #010101; }
.form-box button.submit-wider { background-image: url('../img/input-submit-wider.png'); }
.form-box button:hover.submit-wider { background: transparent url('../img/input-submit-wider.png') left top no-repeat; }
.form-box table.captcha td { vertical-align: middle; }
.sign { margin-bottom: 47px; }

.newspapers { margin-top: 80px; background: url("../img/newspapers.png") no-repeat scroll left top transparent; display: block; font-size: 15px; padding: 7px 0 22px 70px; }
.news { padding: 20px 11px 0 11px; float: left; margin-right: 30px; }
.news p { font-size: 11px; line-height: 15px; color: #000; }
.news h3 { font-size: 20px; line-height: 20px; margin-bottom: 5px; color: #000; }

.news-1 { background: transparent url('../img/news-1.png') left top no-repeat; width: 297px; height: 153px; }
.news-2 { background: transparent url('../img/news-2.png') left top no-repeat; width: 295px; height: 158px; }
.news-3 { background: transparent url('../img/news-3.png') left top no-repeat; width: 296px; height: 162px; }

a.arrow-dark { font-size: 17px; height: 17px; text-decoration: none; color: #e0ffa3; background: transparent url('../img/arrow-dark-body.gif') left top repeat-x; padding: 12px 40px 8px 35px; position: relative; float: left; z-index: 50; }
a:hover.arrow-dark { background: #fff; color: #010101; }
a.arrow-dark .cone { position: absolute; right: -10px; top: 0; background: transparent url('../img/arrow-dark-r.png') left top no-repeat; width: 10px; height: 37px; display: block; }
a:hover.arrow-dark .cone { background: transparent url('../img/arrow-dark-r.png') left -37px no-repeat; }
a.arrow-dark .ico-plus { background: transparent url('../img/ico-plus.gif') left top no-repeat; display: block; width: 36px; height: 36px; position: absolute; left: 0; top: 0; }
a:hover.arrow-dark .ico-plus { background: transparent url('../img/ico-plus.gif') left top no-repeat; }

a.arrow-light { font-size: 20px; height: 20px; text-decoration: none; color: #000; background: transparent url('../img/arrow-light-body.gif') left top repeat-x; padding: 11px 50px 6px 13px; position: relative; float: left; }
a:hover.arrow-light { background: #fff; color: #000; }
a.arrow-light .cone { position: absolute; right: -10px; top: 0; background: transparent url('../img/arrow-light-r.png') left top no-repeat; width: 10px; height: 37px; display: block; }
a:hover.arrow-light .cone { background: transparent url('../img/arrow-light-r.png') left -38px no-repeat; cursor: pointer; }

a.arrow-dark-small { text-decoration: none; color: #e0ffa3 !important; background: #424738; position: relative; left: 8px; padding: 2px 12px 2px 8px; font-weight: bold; text-transform: uppercase; }
a.arrow-dark-small .cone { position: absolute; left: -8px; background: transparent url('../img/arrow-dark-small-l.png') left center no-repeat; display: block; height: 18px; width: 8px; top: 0px; }
a.arrow-light-small { text-decoration: none; color: #1d2014 !important; background: #e0ffa3; position: relative; left: 8px; padding: 2px 12px 2px 8px; font-weight: bold; text-transform: uppercase; }
a.arrow-light-small .cone { position: absolute; left: -8px; background: transparent url('../img/arrow-light-small-l.png') left center no-repeat; display: block; height: 18px; width: 8px; top: 0px; }

.top-10 a.arrow-light-small { float: left; padding-bottom: 1px; padding-top: 1px; margin-top: 5px; }

a.arrow-back { font-size: 17px; height: 17px; text-decoration: none; color: #e0ffa3; background: transparent url('../img/arrow-back.png') left top no-repeat; padding: 11px 27px 9px 48px; position: relative; float: left; margin-top: 20px; }
a:hover.arrow-back { color: #010101; background: transparent url('../img/arrow-back.png') left -37px no-repeat; }

a.next { font-size: 17px; height: 17px; text-decoration: none; color: #e0ffa3; background: transparent url('../img/arrow-dark-body.gif') left top repeat-x; padding: 12px 40px 8px 17px; position: relative; float: left; }
a:hover.next { background: #fff; color: #010101; }
a.next .cone { position: absolute; right: -10px; top: 0; background: transparent url('../img/arrow-dark-r.png') left top no-repeat; width: 10px; height: 37px; display: block; }
a:hover.next .cone { background: transparent url('../img/arrow-dark-r.png') left -37px no-repeat; cursor: pointer; }

a.prev { font-size: 17px; height: 17px; text-decoration: none; color: #e0ffa3; background: transparent url('../img/arrow-dark-body.gif') left top repeat-x; padding: 12px 15px 8px 10px; position: relative; float: left; margin-right: 18px; }
a:hover.prev { background: #fff; color: #010101; }
a.prev .cone { position: absolute; left: -10px; top: 0; background: transparent url('../img/arrow-dark-l.png') left top no-repeat; width: 10px; height: 37px; display: block; }
a:hover.prev .cone { background: transparent url('../img/arrow-dark-l.png') left -37px no-repeat; cursor: pointer; }

.switch { position: static; }

.box-more { font-size: 25px; background: #1d2014; color: #fff; border: 1px solid #485234; width: 300px; padding: 12px 0 18px 0; text-indent: 20px; margin: 20px 0 20px 0; }
.box-more a { text-decoration: none; color: #fff; }
.box-more span { font-size: 17px; color: #e0ffa3; display: block; margin-top: 3px; }

.cell-box { background: #1d2014; margin-bottom: 11px; }
.cell-box a.head { font-size: 16px; text-decoration: none; color: #fff; padding: 7px 10px 4px 10px; background: #1d2014 url('../img/head.gif') left top repeat-x; display: block; position: relative; cursor: pointer; }
.cell-box a.head h3,
.cell-box a.head h4 { margin: 0; padding: 0; color: #fff; font-weight: bold; font-size: 15px; line-height: 19px;  }
.cell-box a.head span { background: transparent url('../img/ico-plus-minus.gif') left top no-repeat; display: block; width: 10px; height: 10px; position: absolute; top: 12px; right: 8px; }
.cell-box a.head p { font-size: 11px; margin: 0; padding: 0; }
.cell-box a.head-active { background: #e0ffa3; color: #000; }
.cell-box a.head-active h4,
.cell-box a.head-active h3 { color: #000; }
.cell-box a.head-active span { background: transparent url('../img/ico-plus-minus.gif') left -10px no-repeat; }
.cell-box a:hover.head { background: #e0ffa3; color: #000; }
.cell-box a:hover.head h4,.cell-box a:hover.head h3 { color: #000; }
.cell-box .detail { background: #e0ffa3; color: #000; height: 75px; padding: 0 10px 10px 10px; position: relative; }
* .detail { height: 60px; }
.cell-box .detail ul { margin: 0; }
.cell-box .detail ul li { font-size: 11px; line-height: 15px; background: none; padding: 0; }
.cell-box .detail ul li a { color: #000; }
.cell-box .text { color: #99a684; padding: 2px 10px 6px 10px; color: #99a684; position: relative; }
.cell-box .text a { color: #99a684; }
.cell-box .text ul { margin: 0; }
.cell-box .text ul li { font-size: 11px; background: none; padding: 0; margin-right: 8px; line-height: 16px; display: inline; }
.cell-box .flags .flag { display: block; background: url() no-repeat left top; width: 28px; height: 28px; line-height: 0; float: right; }
.cell-box .flags .flag-euro_okna { background-image: url('../img/ico-euro_okna.gif'); }
.cell-box .flags .flag-plastova_okna { background-image: url('../img/ico-plastova_okna.gif'); }

.statistics { margin: 0 60px 25px 0; float: left; }
.statistics table { color: #99a684; }
.statistics table tr td { padding: 0 5px 5px 0; line-height: 11px; }
.statistics h2 { font-size: 15px; line-height: 19px; color: #cde995; margin-bottom: 7px; }

.head-wrap { display: none; }
.offset { position: relative; left: -30px; }

.bgmaximage { position: fixed !important; }

.select-box h2 { height: 60px; }

#content-news h1 { color: #FFFEFE; font-size: 30px; font-weight: bold; line-height: 30px; margin: 0 0 18px; position: relative; }
#content-news h2 { color: #fff; font-size: 16px; line-height: 16px; margin: 20px 0 15px 0; }

.link-box { font-size: 15px; position: absolute; left: 113px; bottom: 140px; z-index: 10000; }

.facebook .fb-like { float: left; }
.facebook a.fb-link { position: relative; float: left; width: 97px; height: 19px; text-indent: -80000px; margin: 0 15px 0 0; }
.facebook a.fb-link span { position: absolute; left: 0; top: 0; width: 97px; height: 19px; display: block; text-indent: -80000px; background: url('../img/fb-ico.png') left top no-repeat; }
.facebook a:hover.fb-link span { background-position: left -19px; }

#facebook-flash { position: absolute; left: 117px; top: 780px; z-index: 10000; }
#facebook-flash .fb-like { float: left; }
#facebook-flash a.fb-link { position: relative; z-index: 10001; float: left; width: 97px; height: 19px; text-indent: -80000px; margin: 0 15px 0 0; }
#facebook-flash a.fb-link span { position: absolute; z-index: 10002; left: 0; top: 0; width: 97px; height: 19px; display: block; text-indent: -80000px; background: url('../img/fb-ico.png') left top no-repeat; }
#facebook-flash a:hover.fb-link span { background-position: left -19px; }

#swf_b69a8f8620,
.tx-rbflashobject-pi1-swf_altcontent { position: relative; z-index: 100; }

/* Sudo Slider */

.slider { width: 800px; margin: 0 0 1px 0; overflow: hidden; }
.slider ul, .slider ul li { margin: 0; padding: 0; list-style: none; }
.slider li { width: 800px; overflow: hidden; position: relative; line-height: 14px; background: none; padding: 0; margin: 0; }

.slider-nav-box { height: 29px; margin: 0 50px 15px 0; float: right; }

.prevBtn, .nextBtn { float: left; font-size: 15px; font-weight: bold; line-height: 29px; padding: 0 10px 0 20px; color: #e0ffa3; z-index: 1000; cursor: pointer; display: inline-block !important; overflow: hidden; }
.nextBtn { padding: 0 20px 0 10px; }
		
/* Numeric controls */	

ol.controls { color: #fff; float: left; display: inline; padding: 0; margin: 0; }
ol.controls li { margin: 0 8px; padding: 0; float: left; display: inline; list-style: none; }
ol.controls li a { font-size: 15px; line-height: 29px; font-weight: bold; display: inline-block; color: #e0ffa3; }
ol.controls li.current a,
ol.controls li a:hover { color: #fff; }

/* Cols */

.col-set { width: 700px; margin: 0 auto 50px 113px; }
.col-right-set { width: 700px; margin: 0 auto 50px 113px; }
.col, .col-1, .col-2, .col-3 { float: none; width: auto; margin: 0 0 0 0; position: relative; }

.col-right-set .col-2 { width: 47.5%; margin-right: 4.9%; float: left; }
.col-right-set .col-3 { width: 47.5%; float: left; }
.col-right-set .col-3 .head-wrap { display: block; height: 78px; }

.hp-col-set { width: 700px; margin: 0 auto 0 113px; }
.hp-col-set .col-2 { width: 47.5%; margin-right: 4.9%; float: left; }
.hp-col-set .col-3 { width: 47.5%; float: left; }

.hp-col-set h1 { font-size:30px; font-weight:bold; line-height: 30px; margin: 0 0 18px; position: absolute; top: -100px; left: 366px; width: 400px; }
.hp-col-set h2 { font-size: 19px; }
.hp-col-set h3 { margin: 0; line-height: 1; font-weight: normal; }
.hp-col-set p { font-size: 15px; }
.hp-col-set .col-3 { margin: 0 0 80px 0; }
.hp-col-set .text-box { margin-bottom: 7px; }
.hp-col-set .top-text-box { color: #d1d7c1; height: 188px; margin-top: 0; height: auto; }
.hp-col-set .top-text-box p { font-size: 16px; font-weight: bold; line-height: 22px; font-weight: normal;}
.hp-col-set .wide-text-box { position: relative; bottom: -50px; left: -367px; width: 500px; }
.hp-col-set .house { position: relative; left: -70px; top: -18px; }

/* Footer */

.footer-bot { position: relative; width: 700px; margin-left: 82px; margin-top: -122px; /* negative value of footer height */ height: 122px; clear:both; }
.footer-bot .col-set, .footer-bot .col { margin: 0; }

.footer { position: absolute; left: 0; bottom: 0; width: 286px; padding: 14px 20px 0 14px; z-index: 60; }
.footer .csc-default { margin-bottom: 10px; }
.footer p { display: none; }
.footer a.head { text-decoration: none; cursor: pointer; font-size: 12px; line-height: 12px; text-transform: uppercase; margin-bottom: 14px; color: #e0ffa3; }
.footer a:hover { color: #fff; }

.footer-active { position: absolute; right: 0; width: 286px; height: 80px; padding: 14px 20px 28px 14px; background: #33372b url('../img/footer.gif') left top repeat-x; }
.footer-active p { font-size: 11px; line-height: 17px; display: block; margin: 0; }
.footer-active a { text-decoration: underline; color: #e0ffa3; }
.footer-active .head { display: block; font-size: 12px; line-height: 12px; text-transform: uppercase; margin-bottom: 15px; color: #666d56; }

.footer-active .logo { position: absolute; right: 21px; top: 35px; width: 39px; height: 45px; background: transparent url('../img/maco-logo.png') left top no-repeat; }

/* Headers */

h1 { font-size: 30px; line-height: 30px; font-weight: bold; color: #fffefe; margin: 0 0 18px 0; position: relative; }
h2, h3.h2 { font-size: 30px; line-height: 30px; font-weight: bold; color: #fffefe; margin: 0 0 18px 0; position: relative; }
h3, h2.h3, h4.h3 { font-size: 21px; line-height: 21px; font-weight: bold; color: #cde995; margin: 0 0 9px 0; position: relative; top: 0; }
h4, h3.h4 { font-size: 15px; line-height: 19px; color: #cde995; margin-bottom: 7px; }

h2.h3 span { float: left; }

body.faq h2 { font-size: 17px; line-height: 22px; margin-bottom: 7px; font-weight: bold; }

/* Standard classes */

p,ul { line-height: 19px; margin: 0 0 9px 0; }

ul li { font-size: 12px; padding-left: 23px; background: transparent url('../img/li-arrow.gif') 8px 8px no-repeat; }
ul.download li { background: transparent url('../img/li-dl.gif') 1px 8px no-repeat; line-height: 23px; }
ul.bigger li { background: transparent url('../img/li-bi.gif') 1px 8px no-repeat; line-height: 23px; }

small, .small, .small li { font-size: 11px; }
.small-note { font-size: 10px; color: #bac7a4; line-height: 14px; }

a { color: #cde995; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

a.ico-map { font-size: 15px; line-height: 22px; padding: 0 0 11px 70px; display: block; float: left; background: transparent url('../img/ico-map.png') left 5px no-repeat; }
a:hover.ico-map { background: transparent url('../img/ico-map.png') left -59px no-repeat; }

body.sk a.ico-map { background-image: url('../img/ico-map-sk.png'); padding-top: 5px; }
body.sk a:hover.ico-map { background-position: left -60px; }

/* Various classes */

.mark { font-size: 15px; line-height: 20px; font-weight: bold; }
p.klik { font-size: 11px; color: #99a684; }
.green { color: #e0ffa3; }
.light { color: #99a684; }
.bold { font-weight: bold; }
.big { font-size: 22px; line-height: 24px; }
img.border { border: 2px solid #383a2d; }

.number { font-size: 50px; line-height: 50px; color: #5a6641; font-weight: bold; position: absolute; left: -37px; top: 0; }

.nowrap,
.nobr { white-space: nowrap !important; }

.left { float: left; }
.right { float: right; }

img.left { margin-right: 20px; }
img.right { margin-left: 20px; }

.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; }

.bot-10 { margin-bottom: 10px; }
.bot-20 { margin-bottom: 20px; }

.top-10 { margin-top: 10px; }
.top-20 { margin-top: 20px; }
.top-25 { margin-top: 25px; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

/* Clearfix */

.clearfix:after,
.statistics:after,
.text-box:after,
.wide-text-box:after,
.col:after,
.col-set:after,
.hp-col-set:after,
.col-right-set:after,
.cell-box:after,
#content:after,
h2.h3:after  {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}

/* tx_portabezpecnaokna_pi1 */

ul.vyrobci-menu { margin: 40px 0; }
ul.vyrobci-menu h2 { height: 50px; }
ul.vyrobci-menu li { background: 0; margin: 0; padding: 0;  }
ul.vyrobci-menu > li { float: left; width: 180px; margin-right: 20px; }

ul.vyrobci-submenu li a { color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; padding: 7px 0px 8px 10px; background: url('../img/vyrobci-menu-arr.png') no-repeat right top; display: block; width: 155px; margin: 10px 0; }
ul.vyrobci-submenu li a:hover, ul.vyrobci-submenu li a.active { color: black; background: url('../img/vyrobci-menu-arr.png') no-repeat right -34px;  }

.poptavka-text-box { width: 500px; }
.poptavka-text-box .form-box input.text { width: 83%; }

.poptavka-text-box .prodejce-box { background: #e0ffa3;  color: #1d2014; position: relative;  }
.poptavka-text-box .prodejce-box .prodejce-title { font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.poptavka-text-box .prodejce-box .prodejce-city { font-size: 11px; }
.poptavka-text-box .prodejce-box .btn-close { position: absolute; right: 5px; top: 3px; }
.poptavka-text-box .prodejce-box .btn-close a { color: #1d2014; text-decoration: none; }
.poptavka-text-box .prodejce-placeholder-box { background: #2e3226; color: #99a684; font-size: 13px; font-weight: bold; }

.poptavka-text-box .prodejce-box,
.poptavka-text-box .prodejce-placeholder-box { width: 100px; height: 50px; padding: 12px; float: left; margin-right: 25px; }

.form-box .radio { }
.form-box .radio label { display: inline; color: #e0ffa3; font-size: 14px; font-weight: bold; }
.form-box .radio p { color: #b2d076; font-size: 11px; margin-left: 25px; line-height: 15px; margin-top: 5px; }

.poptavka-text-box .third { float: left; }
.poptavka-text-box .third input.text  { width: 116px; margin-right: 23px; }
.poptavka-text-box .third-3 input.text { margin-right: 0; }

#c716 { margin-bottom: 35px; }