@charset "utf-8";

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, span, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption, button {padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat;}

body {font-family: Arial, Helvetica, sans-serif; color: #3F3F3F; background: #FFFFFF; font-size: small;}

input, textarea {font-family: Arial, Helvetica, sans-serif; color: #3F3F3F; font-size: small;}

blockquote, address {font-style: normal;}

* {outline: none;}

img,
a img {border: none;}

strong {font-weight: bold;}
#widget{
visibility:hidden !important;
height:0;}

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear {clear: both; height: 0px; overflow: hidden;}
.cleft {clear: left;}
.cright {clear: right;}
.invisible,
.hide,
.hidden {display: none;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.small {font-size: 11px;}
.big {font-size: 14px;}
.uppercase {text-transform: uppercase;}
.valign-middle {vertical-align: middle;}
.no-pad {padding: 0 !important;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb90 {margin-bottom: 90px !important;}
.mr20 {margin-right: 20px;}
.fleft {float: left;}
.fright {float: right;}
.red {color: #FF0000;}

a {color: #333333; text-decoration: underline; outline: 0px;}
a:hover {text-decoration: none;}
a:active {outline: none;}
a img {border: 0px none;}

td.vtop {vertical-align: top;}


hr {display: none;}
.hr-line {height: 1px; overflow: hidden; background-color: #E7E7E7;}
hr.light-gray {display: block; clear: both; width: 100%; margin-bottom: 20px; border: 0px none; height: 1px; background-color: #D9D9D9;}

.no-screen {position: absolute; top: -10000em;}

.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

img.right {float: right; margin-top: -3px; margin-left: 10px;}
img.left {float: left; margin-top: -3px; margin-right: 10px;}

.table {margin-bottom: 20px; border-collapse: collapse; border: 1px solid #D3D3D3;}
.table td,
.table th {padding: 2px 4px; border: 1px solid #CCCCCC;}

.toggler {cursor: pointer;}

/*********/
/* FONTS */
/*********/
.font {}
.font-regular {}

/*************************/
/* BASIC TAG DEFINITIONS */
/*************************/
h1 {margin-bottom: 20px; font-weight: normal; font-size: 45px; text-transform: uppercase; color: #FFFFFF;}


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/

.section {width: 1003px; position: relative; margin: 0 auto;}

#page-wrapper {min-width: 1000px;}

#main-column {float: left; width: 720px; position: relative; left: 260px;}
#left-column {float: left; width: 220px; position: relative; left: -720px;}

#form-search-section {position: absolute; top: 0; left: 0; width: 100%;}

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header {height: 112px;border-bottom:2px solid #e96208; }
#logo {/*padding-left: 30px;*/ width:317px; height:112px; float:left;}

/****************/
/* HEADER TOOLS */
/****************/


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
.vision{
	width:48%;
	height:auto;
	padding:10px;
	float:left;
	}
#footer {height: 42px;
line-height: 42px;
font-size: 12px;
color: #868A91;
background-color: /*#3C444F*/#404040;
border-top: 1px solid #474B50;
/*border-bottom: 8px solid #e96208;*/}
#footer a {color: #868A91;
text-decoration:none;}

#footer-nav {min-height: 50px; padding-bottom: 30px; padding-top: 30px; line-height: 30px; font-size: 12px; color: #C5C7CB; background-color: #3C444F;}
#footer-nav h2 {margin-bottom: 10px;}
#footer-nav a {color: #C5C7CB; text-decoration: none;}
#footer-nav a:hover {text-decoration: underline;}
#footer-nav ul {list-style: none;}
#footer-nav .products {width: 300px;}
#footer-nav .services {width: 225px;}
#footer-nav .about {}

/***********************/
/* FOOTER: LOGO */
/***********************/
#footer-logo {width: 240px;}

/******************/
/* FOOTER COPYRIGHT */
/******************/
#copyright {position: absolute; left: 0; top: 0;}

/***********************/
/* FOOTER: GIANT */
/***********************/
#giant {position: absolute; right: 0;}
#giant img {position: relative; top: 6px;}

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#nav {position: absolute; top: 121px; left: 0; width: 100%; min-width: 1000px; height: 44px; border-top: 1px solid #E0E0E0;}
#nav li {list-style: none;}

#nav .main-nav {position: absolute; right: 280px; top: -72px;}
#nav .main-nav li {float: left;}
#nav .main-nav li a {display: block; padding: 10px 15px; font-size: 13px; text-decoration: none;}
#nav .main-nav li.active a,
#nav .main-nav li a:hover {background-color: #F0F0F0;}

#nav .second-nav {position: absolute; left: 8px; top: 0;}
#nav .second-nav li {height: 44px; line-height: 44px; float: left;}
#nav .second-nav li a {position: relative; display: block; height: 44px; padding: 0 18px 0 9px; float: left; font-size: 12px; text-decoration: none; text-transform: uppercase;}
#nav .second-nav li a:hover{
color:#666;}
#nav .second-nav li:first-child a {padding-left: 12px;} 
#nav .second-nav li.active a {background: #3B434F ; color: #FFFFFF;}
#nav .second-nav li a span {display: none;}
#nav .second-nav li.active a span {position: absolute; left: -10px; top: 0; display: block; width: 10px; height: 44px; background-image: url(../images/second-nav-bg.png); background-position: 0 100%;}

#side-nav li {list-style: none;}
#side-nav h2 a {display: block; margin: 0px; padding: 15px 19px; font-size: 14px; border: 1px solid #CDCDCD; text-decoration: none; background-color: #F1F1F1; background-image: linear-gradient(to bottom, #F1F1F1, #E7E7E7); background-image: -moz-linear-gradient(top, #F1F1F1, #E7E7E7); background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#E7E7E7)); background-image: -webkit-linear-gradient(top, #F1F1F1, #E7E7E7); background-image: -o-linear-gradient(top, #F1F1F1, #E7E7E7);}
#side-nav li a {display: block; width: 180px; padding: 10px 19px; font-size: 13px; text-decoration: none; border: 1px solid #CDCDCD; border-top: 0px none;}
#side-nav li a.external {background: transparent url(../images/menu-external-link.png) 203px 55% no-repeat;}
#side-nav li a:hover {background-color: #F1F1F1;}
#side-nav li.active a {color: #FFFFFF; background-color: #CB0D2D;}

/********************************************************************/
/*                                                          CONTENT */
/********************************************************************/
strong.title {display: block; margin-bottom: 10px; line-height: 1.5; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #D12641;}
strong.title a {color: #D12641; text-decoration: none;}
strong.title a:hover {text-decoration: underline;}

.input, .select, textarea {border: 1px solid #CCCCCC;}

.download {margin-bottom: 30px;}
.download .name {display: inline-block; width: 340px;}
.download .validity {display: inline-block; width: 120px;}
.download .size {display: inline-block; width: 60px; text-align: right;}
.download .format {display: inline-block; width: 80px; text-align: right;}
.download .dl {display: inline-block; width: 90px; text-align: right;}
.download .dl a {padding-left: 20px; background: transparent url(../images/ico-download.gif) 0 50% no-repeat;}
.download div {display: inline-block; padding: 6px 4px; margin-bottom: 5px;}
.download div:nth-child(2n+2) {background-color: #F7F7F7;}

.pdf {padding-left: 25px; background: transparent url(../images/ico-pdf.png) 0 50% no-repeat;}

.logo {float: right; margin-left: 20px; margin-bottom: 20px; line-height: 0; border: 1px solid #D3D3D3;}

.a-button {display: block; height: 34px; line-height: 34px; padding: 0 16px 0 15px; color: #FFFFFF; font-size: 12px; text-transform: uppercase; background: #e96208 100% 100% no-repeat;}
.a-button:hover {color: #000000; background-color: #FFFFFF;}

/* POPTAVKA */
#error strong { color: #b00; }
#form-order {}
#form-order .error-field td { padding-bottom: 15px; }
#form-order .error-field td.error { padding-bottom: 0; }
#form-order td { padding: 5px; }
#form-order fieldset { border: 1px solid #eee; padding: 0 5px 10px; }
#form-order legend { font-weight: bold; padding: 5px; }
#form-order label { line-height: 25px; }
#form-order select { padding: 5px; }
#form-order input { padding: 5px; }
#form-order .input,
#form-order .select { width: 200px; }
#form-order .textarea { width: 96%; height: 100px; padding: 3px; }
#type-rekonstrukce { margin-left: 15px; }
#form-order #anti { width: 120px; }
.error-mark { display: block; line-height: 15px; font-size: 11px; color: #b00; }
td.error .input { border-color: #b00; }
#form-order-psc { width: 50px !important; }

/***************/
/* BREADCRUMBS */
/***************/
#breadcrumb-stripe {min-width: 1000px; height: 270px; margin-bottom: 30px; background: #D22844 url(../images/bcstripe-bg-1.jpg) 50% 0 no-repeat;}
#breadcrumb-content {width: 430px; height: 270px; padding: 45px 70px 30px 20px; color: #FFFFFF; background: transparent url(../images/bcstripe-pink-shape.png) 100% 0 no-repeat;}
#breadcrumb-content a {color: #FFFFFF; border-bottom: 1px solid #D84B62; text-decoration: none;}
#breadcrumb-content a:hover {border-bottom: none;}
#breadcrumb {font-size: 15px; line-height: 1.5;}

/****************/
/* PEREX STRIPE */
/****************/
#perex-stripe {position: relative; top: -30px; background-color: #E7E7E7;}
#perex-stripe p {padding: 30px 20px; font-size: 20px; line-height: 1.5;}

/***************/
/* MAIN COLUMN */
/***************/
#main-column h2 {margin-bottom: 30px; font-weight: normal; font-size: 18px; text-transform: uppercase; clear: left;}
#main-column h3 {margin-bottom: 10px; font-weight: normal; font-size: 15px;}
#main-column p {line-height: 1.8; font-size: 13px; margin-bottom: 30px;}
#main-column p.perex {margin-bottom: 20px; font-size: 17px; line-height: 1.7;}
#main-column ul,
#main-column ol {margin-bottom: 30px;}
#main-column ul ul,
#main-column ol ol {margin-top: 15px; margin-bottom: 15px;}
#main-column ul li {padding-left: 30px; margin-bottom: 15px; font-size: 13px; line-height: 1.7; list-style: none; background: transparent url(../images/main-li-bg.gif) 0 10px no-repeat;}
#main-column ol li {margin-left: 20px; padding-left: 10px; margin-bottom: 15px; line-height: 1.7; font-size: 13px;}

#main-column .half-box {float: left; width: 360px;}
#main-column .cell {float: left; width: 240px;}
#main-column .cell2 {float: left; width: 480px;}
#main-column .cell h2,
#main-column .cell2 h2 {clear: none;}

#main-column .event-item {margin-bottom: 40px;}
#main-column .event-item h2 {margin: 10px 0 15px;}
#main-column .event-item p {margin-bottom: 8px;}
#main-column .event-item p.date {display: inline-block; height: 19px; line-height: 20px; padding: 0 15px; margin-bottom: 8px; font-size: 12px; color: #FFFFFF; background-image: url("../images/relevance.png");}
#main-column .event-item .left p {line-height: 1.4;}
#main-column .event-item ul {margin-bottom: 10px;}
#main-column .event-item li {margin-bottom: 5px;}
#main-column .event-item strong {margin-bottom: 8px;}
.event-item .event-time {margin-bottom: 15px;}
.event-item .event-time td {padding-right: 20px;}
.event-item .event-time td:first-child {background: transparent url(../images/main-li-bg.gif) 0 7px no-repeat; padding-left: 30px;}

.gallery img {margin-bottom: 40px;}
li .gallery img {margin-bottom: 20px;}
.gallery a,
.gallery span {margin-right: 40px;}
li .gallery a,
li .gallery span {margin-right: 30px;}
.gallery a:nth-child(4n+4),
.gallery span:nth-child(4n+4) {margin-right: 0px;}
.gallery a {position: relative; display: inline-block; float: left;}
.gallery a img {border: 1px solid #333;}
.gallery a:hover img {border: 1px solid #e96208;}
.gallery a span {position: absolute; top: 1px; left: 1px; display: block; width: 144px; height: 144px; background: transparent url(../images/gallery-hover.png) 50% 50% no-repeat; opacity: 0; -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -o-transition: 0.1s linear all; -ms-transition: 0.1s linear all;}
.gallery a:hover span {opacity: 1;	}

.col3 a,
.col3 span {margin-right: 40px;}
.col3 a:nth-child(4n+4),
.col3 span:nth-child(4n+4) {margin-right: 40px;}
.col3 a:nth-child(3n+3),
.col3 span:nth-child(3n+3) {margin-right: 0;}

.lessmargin img {margin-bottom: 10px;}
.lessmargin a {margin-right: 2px;}

.contact-us {position: relative; width: 656px; height: 94px; line-height: 94px; padding: 0 30px; margin-bottom: 30px; border: 1px solid #D3D3D3; background: transparent url(../images/contact-us-bg.jpg) 100% 0 no-repeat; clear: left;}
.contact-us span {font-size: 18px;}
.contact-us span.font-medium {position: relative; top: 1px;} 
.contact-us a {position: absolute; right: 30px; top: 30px; display: block; line-height: 38px; padding: 0 20px; font-size: 12px; text-transform: uppercase; color: #FFFFFF; background-color: #CB0D2D;}
.contact-us a:hover {color: #CCCCCC;}

.red-button a {display: inline-block; line-height: 38px; padding: 0 20px; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #FFFFFF; background-color: #CB0D2D;}
.red-button a:hover {color: #CCCCCC;}
input.red-button {padding: 0 20px; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #FFFFFF; background-color: #CB0D2D; border: 0px none;}
input.red-button:hover {color: #CCCCCC; cursor: pointer;}

#main-column .roofing-types {list-style: none; margin-bottom: 30px;}
#main-column .roofing-types li {float: left; width: 210px; height: 85px; margin: 0 9px 18px; padding: 8px; border: 1px solid #D3D3D3; overflow: hidden; background-image: none;}
#main-column .roofing-types li:nth-child(3n+1) {margin-left: 0; clear: left;}
#main-column .roofing-types li:nth-child(3n+3) {margin-right: 0;}
#main-column .roofing-types li img {float: left;}
#main-column .roofing-types li h3 {font-size: 13px;}
#main-column .roofing-types li h3,
#main-column .roofing-types li p {margin-left: 80px; line-height: 1.5;}
#main-column .roofing-types .tech-info {font-size: 12px;}
#main-column .roofing-types .tech-info a {padding: 0 0 2px 22px;}

#main-column .overview {margin-bottom: 50px;}
#main-column .overview h2 {margin-bottom: 10px;}
#main-column .overview a {color: #D12641;}
/*#main-column .overview a:hover {color: #3F3F3F;}*/
#main-column .overview li {padding-left: 10px; background-image: none; border: 1px solid #CDCDCD;}
#main-column .overview li.hover {border-color: #D12641;}

#main-column .toggled p {margin-bottom: 10px;}

#main-column .mb10 {margin-bottom: 10px;}

/***************/
/* LEFT COLUMN */
/***************/
#left-column {margin-bottom: 30px;}

  
/*********************/
/* FULLWIDTH CONTENT */
/*********************/
#fullwidth-content {}
#fullwidth-content h2 {margin-bottom: 30px; margin-left: 10px; font-weight: normal; font-size: 18px; text-transform: uppercase;}
#fullwidth-content h3 {margin-bottom: 10px; font-weight: normal; font-size: 15px;}
#fullwidth-content p {margin-bottom: 20px; line-height: 1.8; font-size: 13px;}
#fullwidth-content .overview {margin-bottom: 30px;}
#fullwidth-content .row {border: 1px solid #D3D3D3; border-bottom: 0px none;}
#fullwidth-content .overview .last {border-bottom: 1px solid #D3D3D3;}
#fullwidth-content .half-box {float: left; width: 458px; padding: 20px 20px 0; vertical-align: top; border-right: 1px solid #D3D3D3;}
#fullwidth-content .row .half-box:nth-child(even) {margin-left: -1px; border: 0px none; border-left: 1px solid #D3D3D3;}
#fullwidth-content .half-box h2 {margin-left: 0; margin-bottom: 15px;}
#fullwidth-content .half-box .gallery a {margin-bottom: 20px;}
#fullwidth-content .half-box a.logo:hover {border: 1px solid #D12641;}
#fullwidth-content .half-box.no-pad {width: 498px;}
#fullwidth-content .half-box a.active-box {display: block; min-height: 215px; padding: 20px; text-decoration: none;}
#fullwidth-content .half-box a.active-box:hover {background-color: #F3F3F3;}
#fullwidth-content .mb40 {margin-bottom: 40px;}

#fullwidth-content .lessmargin a:nth-child(3n+3) {margin-right: 0;}

/**********/
/* COLORS */
/**********/


/*******************************************************************/
/*                                                           PAGES */
/*******************************************************************/

/*******************/
/* PROJECT GALLERY */
/*******************/
.project-gallery { margin: 0 0 40px 0; width: auto; overflow: hidden; }
.project-gallery-content { margin: 0 0 0 0; height: 270px; overflow: hidden; }
.no-js .project-gallery-content { white-space: nowrap; }
.project-gallery h2 { font-size: 18px; font-weight: normal; text-transform: uppercase; margin: 0 0 20px 10px; }
.project-gallery img { }
.project-gallery .prev,
.project-gallery .next { display: none; position: absolute; bottom: 106px; width: 64px; height: 59px; background-image: url(../images/btn-slideshow.png); }
.project-gallery.ready .prev,
.project-gallery.ready .next { display: block; }
.project-gallery .next { background-position: right top; right: 15px; }
.project-gallery .prev { left: 15px; }
.project-gallery .section-content { width: 1000px; margin: 0 auto; }

/*************/
/* PAGE: 404 */
/*************/ 
#page-404 #main-column {width: 980px; left: 50px;}
.page-404 .main-text {}
.page-404 .main-text .section-content {width: 910px; padding: 100px 0 200px 50px;}
.page-404 .main-text .section-content p {padding-left: 34px; font-size: 16px; width: 360px;}


/******************/
/* PAGE: HOMEPAGE */
/******************/
/* slideshow */
#slideshow {position: relative; height: 500px; text-align: center; background-color: #e96208; z-index: 0; }
.slideshow .invisible { display: none; }
#slideshow .slide {position: absolute; left: 0; top: 0; width: 100%; min-width: 1000px; height: 500px; background-position: 50% 0; overflow-x: hidden;}
#slideshow .slide .background { width: 100%; min-width: 1000px; height: 500px; background-position: 50% 0; position: absolute; z-index: 0; }
#slideshow .title {width: 333px; height: 330px; padding: 50px 120px 120px 50px; text-align: left; }
#slideshow .title h2 {margin-bottom: 20px; font-weight: normal; font-size: 45px; text-transform: uppercase; color: #FFFFFF; position: relative; }
#slideshow .title h2 a { color: #FFFFFF; }
#slideshow .title p {line-height: 25px; font-size: 15px; color: #FFFFFF; position: relative; }
#slideshow .section {background-image: url(../images/slideshow-pink-shape.png); background-position: -666px 0;}
#slide-roofs .background {background-image: url(../images/hp-s1.jpg);}
#slide-iso .background {background-image: url(../images/hp-s2.jpg);}
#slide-iso .title {width: 333px;}
#slide-iso .section {/*background-position: -666px 0;*/background-position: -666px 0;}
#slide-apartments .background {background-image: url(../images/hp-s3.jpg);}
#slide-apartments .title {width: 333px;}
#slide-apartments .section {background-position: -666px 0;}
.slideshow-toggles { position: absolute; left: 50%; top: 320px; z-index: 1; width: 100px; text-align: right; margin-left: 350px; visibility:hidden; }
.slideshow-toggles .toggle { display: inline-block; width: 16px; height: 26px; background: url(../images/progress.png) no-repeat left top; cursor: pointer; }
.slideshow-toggles .toggle + .toggle { margin-left: 10px; }
.slideshow-toggles .toggle.current { background-position: left bottom; }
.slideshow .slide .item-more { display: block; width: 90px; height: 66px; background-image: url(../images/buttons.png); background-position: left bottom; position: absolute; top: 314px; left: 579px; visibility:hidden;}
.slideshow-tools a { display: block; width: 64px; height: 59px; background-image: url(../images/buttons.png); position: absolute; top: 50%; margin-top: -30px; z-index: 10; cursor: pointer; }
.slideshow-tools .prev { background-position: left top; left: 22px; }
.slideshow-tools .next { background-position: left -59px; right: 22px; }


#imagemap {position: relative; width: 100%; height: 0;}
#imagemap .imagemap-wrapper {position: absolute; top: -120px; width: 100%; min-width: 1000px; overflow-x: hidden;}
#imagemap .imagemap-wrapper .imagemap-center {width: 1035px; margin: 0 auto; background:url(../images/scroll_bg.png) no-repeat;}

/* grey stripe */
#grey-stripe {padding-top: 60px; background-color: #E7E7E7; /*padding-bottom:40px;*/}
#grey-stripe h2 {font-size: 18px; margin-bottom: 25px; text-transform: uppercase;}
#grey-stripe p {font-size: 12px; line-height: 1.6; }

#inner-grey-stripe {padding-top: 30px; background-color: #fff; padding-bottom:40px; /*border-top:5px solid #e96208;*/}
#inner-grey-stripe h2 {font-size: 18px; margin-bottom: 25px; text-transform: uppercase; border-bottom:1px solid #ccc; padding-bottom:15px;}
#inner-grey-stripe p {font-size: 12px; line-height: 1.6;padding-bottom:10px;}
#inner-grey-stripe h3 {
	
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;
	color: #333;
	font-weight: bold;
}

#news {float: left; width: 280px; min-height: 316px; padding: 50px 40px 10px 10px; border-right: 1px solid #D7D7D7;}
#news h3 {padding-left: 15px; margin-bottom: 10px; font-size: 14px; color: #e96208;}
#news p {padding-left: 15px;}
#news p.date {width: 65px; padding: 0; text-align: center; color: #3C444F;}
#news p.date .day {font-size: 48px; line-height: 0.8;}
#news p.date .month {font-size: 10px; text-transform: uppercase;}

#about {float: left; width: 280px; min-height: 360px; padding: 50px 40px 10px 10px; border-right: 1px solid #D7D7D7;}
#about h2 {margin-bottom: 20px;}
#about .font-book {font-size: 15px; line-height: 25px; padding-bottom: 20px;}

#quality {float: left; width: 260px; min-height: 316px; padding: 50px 35px 10px; border-right: 1px solid #D7D7D7;}
#quality img {margin-right: 10px;}
#quality .perex {font-size: 13px; line-height: 1.5;}

#our-cnc {float: left; width: 260px; min-height: 360px; padding: 50px 35px 10px; border-right: 1px solid #D7D7D7;}
#our-cnc h2 {margin-bottom: 20px;}
#our-cnc p {padding-bottom: 20px;}
#our-cnc .gallery {width: 270px;}
#our-cnc .gallery a {margin: 0 16px 14px 0;}
#our-cnc .gallery a img {margin: 0; border: 1px solid #bfbfbf;}

#partners {float: left; width: 255px; min-height: 316px; padding: 50px 35px 10px;}
#partners h2 {margin-bottom: 20px;}
#partners .logo-slideshow {position: relative; width: 255px;}
#partners .holder {overflow-x: hidden; height:262px;}
#partners .inner {width: 9999px;}
#partners .logo-slide {float: left; position: relative; width: 270px; height: 250px;}
#partners .cell {float: left; margin-right: 15px; margin-bottom: 10px;}
#partners .cell a {display: block; line-height: 0;}
#partners .cell img {border: 1px solid #f69e26;}
#partners .cell a:hover img {border: 1px solid #000;}
#partners .cell .tooltip {position: absolute; top: 160px; left: 0; width: 250px; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
#partners .cell:hover .tooltip {opacity: 1;}
#partners .cell .tooltip:hover {opacity: 0;}
#partners .cell .tooltip h3 {margin-bottom: 6px;}
#partners .paging {position: absolute; top: -40px; right: 5px;}
#partners .paging ul {list-style: none;}
#partners .paging ul li {float: left; margin-left: 10px;}
#partners .paging ul li a {display: block; width: 15px; height: 15px; overflow: hidden; text-indent: -9999px; background-image: url(../images/hp-togglers.png); background-position: -27px -50px; cursor: pointer; color:#fff;}
#partners .paging ul li a:hover,
#partners .paging ul li a.active {background-position: 0 -50px; background: url(../images/hp-togglers.png);}

/* tabs */
.tabs {padding: 20px 0 50px;}
.tabs #tabs-nav {list-style: none;}
.tabs #tabs-nav li {float: left; padding: 5px 0 15px; padding-right: 20px; font-size: 18px; text-transform: uppercase; margin-bottom: 30px; color: #3F3F3F; border-bottom: 1px solid #DBDBDB; cursor: pointer;}
.tabs #tabs-nav li.selected {border-bottom: 0px none;}
.tabs #tabs-nav li:first-child {border-right: 1px solid #D7D7D7;}
.tabs #tabs-nav .second {padding-left: 20px; padding-right: 450px;}

.tabs #tabs-body {list-style: none; clear: left;}
.tabs #tabs-body>li {display: none;}
.tabs #tabs-body>li.active {display: block;}
.tabs #tabs-body ul {margin-right: 110px;}
.tabs #tabs-body ul li {padding-left: 30px; margin-bottom: 10px; font-size: 13px; line-height: 1.7; list-style: none; background: transparent url(../images/hp-li-bg.gif) 0 10px no-repeat;}
.tabs #tabs-body .left-box,
.tabs #tabs-body .right-box {float: left; width: 453px; padding-right: 40px;}

/******************/
/* PAGE: KONTAKT  */
/******************/
#page-kontakt .cell p {line-height: 2;}
#page-kontakt .double-space {margin-bottom: 29px;}
#page-kontakt span.smaller {font-size: 12px;}


/******************/
/* PAGE: BANNERY  */
/******************/
#page-bannery #flashContent {width: 160px; height: 600px; float: right; position: relative;}
#page-bannery .code {width: 400px; font: 12px "Courier New", Courier, monospace; margin: 0.5em 0;}

/*******************/
/* PAGE: REFERENCE */
/*******************/
#page-reference h3 {clear: left; margin-bottom: 20px;}
#page-reference h3 strong {display: inline-block; width: 24px; height: 17px; line-height: 17px; margin-left: 5px; text-align: center; font-size: 12px; background-color: #CB0D2D; color: #FFFFFF;}
.references {position: relative; height: 180px; width: 720px; margin-bottom: 30px;}
.references .reference-content {position: relative; overflow: hidden; z-index: 2;}
.references .reference-list {width: 99999px; height: 180px; white-space: nowrap;}
.references .reference-list a {position: relative; display: block; height: 180px; width: 180px; float: left; padding: 0; margin: 0;}
.references .reference-list a span {position: absolute; top: 0; left: 0; display: block; width: 180px; height: 180px; background: transparent url(../images/gallery-hover.png) 50% 50% no-repeat; opacity: 0; -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -o-transition: 0.1s linear all; -ms-transition: 0.1s linear all;}
.references .reference-list a:hover span {opacity: 1;}
.references .trigger {position: absolute; top: -42px; display: block; width: 35px; height: 32px; overflow: hidden; background-image: url(../images/references-togglers.gif); cursor: pointer;}
.references .prev {right: 35px;}
.references .next {right: 0; background-position: -40px 0;}
.references a.disabled {cursor: default;}
.references a.prev.disabled {background-position: 0 -40px;}
.references a.next.disabled {background-position: -40px -40px;} 

/*********/
/* OTHER */
/*********/
#page-krytiny-roben #breadcrumb-content {width: 440px;}
#page-pergoly-a-drevostavby #breadcrumb-content,
#page-krytiny-tondach #breadcrumb-content {width: 450px;}
#page-projekty-krovy #breadcrumb-content {width: 480px;}
#page-krytiny-lindab #breadcrumb-content,
#page-krytiny-legos #breadcrumb-content {width: 490px;}
#page-zatepleni-isotec #breadcrumb-content {width: 520px;}
#page-krytiny-cembrit #breadcrumb-content {width: 530px;}
#page-kolektory-bramac #breadcrumb-content,
#page-kolektory-roto #breadcrumb-content,
#page-krytiny-bramac #breadcrumb-content,
#page-krytiny-kmbeta #breadcrumb-content {width: 550px;}
#page-zastineni-prima-fenestra #breadcrumb-content,
#page-krytiny-mediterran #breadcrumb-content {width: 600px;}

#page-tesarstvi #breadcrumb-stripe {background-image: url(../images/bcstripe-tesarstvi-bg.jpg);}
#page-nadkrokevni-izolace #breadcrumb-stripe {background-image: url(../images/bcstripe-nadkrokevni-izolace-bg.jpg);}
#page-pokryvacstvi #breadcrumb-stripe {background-image: url(../images/bcstripe-pokryvacstvi-bg.jpg);}
#page-stresni-okna #breadcrumb-stripe {background-image: url(../images/bcstripe-stresni-okna-bg.jpg);}
#page-klepmirstvi #breadcrumb-stripe {background-image: url(../images/bcstripe-klempirstvi-bg.jpg);}
#page-cnc-krovy #breadcrumb-stripe {background-image: url(../images/bcstripe-cnc-krovy-bg.jpg);}
#page-strechy-na-klic #breadcrumb-stripe {background-image: url(../images/bcstripe-strechy-na-klic-bg.jpg);}

#page-produkty #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-1.jpg);}
#page-nase-sluzby #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-2.jpg);}
#page-o-firme #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-3.jpg);}
#page-mapa-stranek #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-4.jpg);}
#page-odkazy #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-5.jpg);}
#page-404 #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-6.jpg);}
#page-pripravujeme-pro-vas #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-7.jpg);}
#page-dokumenty-ke-stazeni #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-8.jpg);}
#page-ceniky #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-9.jpg);}
#page-vystava-strechy-praha #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-10.jpg);}
#page-akce #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-11.jpg);}
#page-archiv-akci-2009 #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-12.jpg);}
#page-akce-zima-2011 #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-13.jpg);}
#page-akce-zima-2010 #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-14.jpg);}
#page-zimni-akce-velux #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-15.jpg);}
#page-reference #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-16.jpg);}
#page-archiv-rodinne-domy #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-17.jpg);}
#page-archiv-ostatni-projekty #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-18.jpg);}
#page-poptavka #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-1.jpg);}
#page-poptavka-odeslana #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-20.jpg);}
#page-vyhledavani #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-1.jpg);}
#page-kontakt #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-10.jpg);}
#page-vyroba-cnc-krovu #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-3.jpg);}
#page-oprava-strechy #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-4.jpg);}
#page-rekonstrukce-strechy #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-5.jpg);}
#page-stavba-strechy #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-6.jpg);}
#page-dalsi-sluzby #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-7.jpg);}
#page-prodej #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-8.jpg);}
#page-stavebni-prace #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-9.jpg);}
#page-pergoly-a-drevostavby #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-10.jpg);}
#page-pergoly-drevostavby #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-11.jpg);}
#page-stavebni-prace #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-12.jpg);}
#page-stresni-krytiny #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-13.jpg);}
#page-zatepleni-strechy-isotec #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-14.jpg);}
#page-zastinovaci-technika #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-15.jpg);}
#page-ext-pergoly-a-drevostavby #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-16.jpg);}
#page-stresni-krytiny-betonove-bramac #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-17.jpg);}
#page-stresni-krytiny-betonove-km-beta #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-18.jpg);}
#page-stresni-krytiny-betonove-mediterran #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-19.jpg);}
#page-stresni-krytiny-palene-tondach #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-20.jpg);}
#page-stresni-krytiny-palene-roben #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-1.jpg);}
#page-stresni-krytiny-vlakeno-cementove-cembrit #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-2.jpg);}
#page-asfaltove-sindele-tegola #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-3.jpg);}
#page-asfaltove-sindele-iko #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-4.jpg);}
#page-plechove-stresni-krytiny-legos #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-5.jpg);}
#page-plechove-stresni-krytiny-lindab #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-6.jpg);}
#page-stresni-okna-velux #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-7.jpg);}
#page-stresni-okna-roto #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-8.jpg);}
#page-svetlovody #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-9.jpg);}
#page-zastinovaci-technika-velux #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-10.jpg);}
#page-zastinovaci-technika-roto #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-11.jpg);}
#page-zatepleni-strechy-bauder #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-12.jpg);}
#page-pama #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-13.jpg);}
#page-linzmeier #breadcrumb-stripe {background-image: url(../images/bcstripe-bg-14.jpg);}



#page-pergoly-a-drevostavby h1,
#page-krytiny-cembrit h1 {margin-bottom: 10px;}

#page-pergoly-drevostavby .product-list {margin-bottom: 30px;}
#page-pergoly-drevostavby .product-list tbody tr:nth-child(even) {background-color: #F9F9F9;}
#page-pergoly-drevostavby .product-list th,
#page-pergoly-drevostavby .product-list td {padding: 10px 4px; border-bottom: 1px solid #DDDDDD;}
#page-pergoly-drevostavby .product-list td.name {text-align: center;}
#page-pergoly-drevostavby .product-list a {display: block; height: 50px; width: 80px; line-height: 50px; text-align: center; background-color: #FFFFFF; border: 1px solid #DDDDDD;}
#page-pergoly-drevostavby .product-list img {padding: 3px;}

#page-mapa-stranek #main-column {width: 980px; left: 150px;}
#page-mapa-stranek #main-column .half-box {width: 490px;}

#page-strechy-praha #main-column h2,
#page-strechy-praha #main-column p {margin-bottom: 7px;}
#page-strechy-praha #main-column p {line-height: 1.4;}


#page-search-result #main-column {left: 230px; padding-left: 30px; border-left: 1px solid #E3E3E3;}
#page-search-result #left-column {left: -750px;}
#page-search-result .relevance {display: inline-block; width: 20px; height: 19px; line-height: 19px; padding: 0 10px; margin-left: 5px; color: #FFFFFF; background-image: url(../images/relevance.png);}
#nalezena-slova h2 {margin-bottom: 30px; font-weight: normal; font-size: 18px; text-transform: uppercase; clear: left;}
#nalezena-slova ul,
#nalezena-slova ol {margin-bottom: 30px;}
#nalezena-slova ul ul,
#nalezena-slova ol ol {margin-top: 15px; margin-bottom: 15px;}
#nalezena-slova ul li {padding-left: 30px; margin-bottom: 15px; font-size: 13px; line-height: 1.7; list-style: none; background: transparent url(../images/main-li-bg.gif) 0 10px no-repeat;}
#nalezena-slova ol li {margin-left: 20px; padding-left: 10px; margin-bottom: 15px; line-height: 1.7; font-size: 13px;}

#page-odkazy #main-column p,
#page-odkazy #main-column h2 {margin-bottom: 15px;}
#page-odkazy #main-column h2 {margin-top: 20px;}
#page-odkazy #main-column ul li {margin-bottom: 5px;}

#video-overlay {display: none; position: fixed; z-index: 9998;	top: 0;	left: 0; width: 100%; height: 100%;	background-color: #000000; opacity: 0.8;}
#video-wrapper {display: none; position: absolute; top: 50%; left: 50%; margin-left: -350px; margin-top: -250px; padding: 15px 15px 30px; background-color: #000000; z-index: 10000; text-align: center; }
#video-wrapper .close { position: absolute; bottom: 5px; right: 20px; text-indent: -100px; overflow: hidden; width: 46px; height: 20px; background-image: url(../images/mediabox/BlackClose.gif); }

/*******************************************************************/
/*                                                           FORMS */
/*******************************************************************/


/****************/
/* FORM: SEARCH */
/****************/
#form-search {position: absolute; top: 30px; right: 100px; width: 170px;}
#form-search fieldset {height: 31px; line-height: 33px; border: 1px solid #BEBEBE; background-color: #F2F2F2;}
#form-search input {width: 115px; padding: 0 10px; border: 0px none; background-color: #F2F2F2;}
#form-search button {position: absolute; top: 7px; right: 8px; height: 22px; border: 0px none; cursor: pointer; background: none;}

/*****************/
/* FORM: CONTACT */
/*****************/


/*************************/
/* FORM: ADVANCED SEARCH */
/*************************/


/********************************************************************/
/*                                                            PRINT */
/********************************************************************/
@media print {
	h1 {font-size: 35px; color: #666666 !important;}
	h1.hide {display: block; margin-top: 20px;} 
	#header {height: 60px !important;}
	#breadcrumb-stripe {height: 110px !important; margin-bottom: 0; background: transparent none;}
	#breadcrumb-content {width: 980px !important; padding: 20px 0 0; background: transparent none;}
	#perex-stripe p {padding: 0;  background: transparent none;}
	#main-column {width: 980px; left: 0px;}
	#footer {border-bottom: 0px none; color: #666666; background: transparent none;}
	
	#nav,
	#form-search-section,
	#left-column,
	#footer-nav,
	#imagemap,
	#slideshow,
	.contact-us {display: none;}
	
	.cufon-active cufon { display: inline !important; font-size: 100% !important; line-height: 1 !important; position: static !important; }
	.cufon-active cufon cufontext { position: static !important; display: inline !important; font-size: 100% !important; line-height: 1 !important; }
	.cufon-active cufon canvas { display: none !important; }
	
}


/* language mutation */

.lm #header {height: 84px; padding-top: 15px;}

.select-language {
	width: 81px;
}

.select-language2 {
	width: 81px;
	float: right;
}

.span6 {
	width: 468px;
	float: left;
	padding-top: 15px;
}

.span6 ul {
	margin-left: 10px;
	float: left;
	margin-right: 25px;
}

.span6 ul li {padding-left: 30px; margin-bottom: 10px; font-size: 13px; line-height: 1.7; list-style: none; background: transparent url(../images/hp-li-bg.gif) 0 10px no-repeat;}

.contact-left {
	float: left;
	width: 160px;
	margin-left: 10px;
}

.contact-right {
	float: left;
}

.contact-left h4, .contact-right h4 {
	color: #d12642;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.contact-us {
	width: 448px;
	height: 94px;
	border: 1px solid #d2d2d2;
	background: transparent url(../images/contact-us-bg.jpg) 100% 0 no-repeat;
}

.contact-us p {
	font-size: 18px !important;
	line-height: 22px !important;
	padding-top: 24px;
}

.contact-us p strong {
	display: block;
}

.contact-us a {
	text-decoration: none;
	cursor: pointer;
}

.offer-map {
	padding-top: 40px;
}

.offer-map img {
	float: right;
}

.offer-map p {
	font-size: 25px !important;
	line-height: 30px !important;
	margin-top: 120px;
	float: left;
}

.lm .project-gallery {
	margin: 0;
}

.form-order {
	padding: 30px 0 0 150px;
}

.form-order p.font-light {
	font-size: 18px !important;
}

.form-order input.red-button {
	float: right;
	margin-right: 10px;
	padding: 10px 10px 8px 10px !important;
	margin-top: -30px;
}

.form-order #form-order .textarea {
	width: 97%;
}

.order-link {
	background: url('../images/order-link-button.png');
	width: 205px;
	height: 35px;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #ed1f24;
	text-transform: uppercase;
	padding-top: 15px;
	position: absolute;
	top: 300px;
	left: 360px;
}

.choose-language {
	position: absolute;
	top: 38px;
	right: 105px;
	color: #909090;
	text-transform: uppercase;
	font-size: 12px;
}

.lm #footer {
	border-bottom: none;
}
.social{
width:104px;
height:26px;
float:right;
margin-top:22px;}
.language{
	width:76px;
	float:right;
	margin-top:22px;
	color:#fff;
	text-align:center;
	padding:4px;
	font-weight: bold;
	margin-right:10px;
	background-color: #333;
	border-color: #666;
	border: 1px solid transparent;
	font-size:14px;
	border-radius: 2px;
	}
.language a{
	color:#fff;
	text-decoration:none;
	}	
	.language a:hover{
	color:#e96208;
	}
.colored-wrapper {
background: #404040;
}
.span12 {
width: 940px;
}
.semidark-bg {
background: #404040;
width: 27%;
padding: 20px 2% 20px 2%;
display: inline-block;
float: left;
}
.dark-bg {
background: #404040;
width: 65%;
padding: 20px 2% 20px 2%;
display: inline-block;
}
.heading-fancy {
line-height: 1em;
}
.img-left {
float: left;
margin-right: 20px;
}

.dark-bg h2,
.semidark-bg h2{
margin-bottom:15px !important;
color:#fff;}
.dark-bg p,
.semidark-bg p{
color:#CCCCCC;}
.semidark-bg a, .dark-bg a {
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
color: #fa8406;
word-spacing: 2px;
}
#in_img{
width:230px;
height:auto;
margin:0 20px 5px 0;
float:left;
}
#in_img img{
border:3px solid #ccc;
}
#adress{
width:450px;
height:auto;
float:left;
}
.add_image {
float: left;
height: 100px;
margin-right: 20px;
}
#contact_form {
width:510px;
height:auto;
margin-left:35px;
float:left;
}
#map {
width:100%;
height:400px;
border:1px solid #ccc;
float:left;
}
.form-group {
margin-bottom: 10px;
}
.form-control {
display: block;
width: 95%;
height: 20px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea.form-control {
height: auto;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-primary {
color: #fff;
background-color: #e96208;
border-color: #ce5504;
}
.btn-primary:hover {
color: #fff;
background-color: #ce5504;
border-color: #ce5504;
}
.footer_top{
background:#404040;}
.footer_logo{
width:200px;
height:113px;
margin-right:15px;
float:left;}
.footer_map{
width:400px;
height:130px;
border:3px solid #535353;
float:left;}
.footer_link{
width:190px;
height:auto;
margin-left:10px;
float:left;}
.footer_link ul{
margin:0;
padding:0;
}
.footer_link ul li{
margin:0 0 5px 8px;
padding:0 0 5px 0;
line-height:18px;
color:#ccc;
border-bottom:1px solid #575555;

list-style:circle;
list-style-position:inside;
}
.footer_link ul li a{
color:#A1A0A0;
text-decoration:none;
text-transform:capitalize;
}
.footer_link ul li a:hover{
color:#fff;
text-decoration:none;
}

.gallery_area{
width:100%;}

.semidark-bg p {
font-size: 12px;
line-height: 1.6;
}
inner_sub_img_main{
width:100%;
}
#inner_sub_img {
width: 180px;
height: auto;
margin: 0 20px 5px 0;
float: left;
}
#inner_sub_img img {
border: 3px solid #ccc;
width: 175px;
}