/* -- start setup -- */

@font-face {
    font-family: 'myriad_pro_lightbold';
    src: url('myriadpro-semibold-webfont.eot');
    src: url('myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-semibold-webfont.woff') format('woff'),
         url('myriadpro-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriad_proregular';
    src: url('font-webfont.eot');
    src: url('font-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-webfont.woff') format('woff'),
         url('font-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
font-family : 'Open Sans', Arial, Verdana, Trebuchet MS,Helvetica,sans-serif;
font-size : 14px;
margin : 0;	
border : none;
padding : 0;
color:#515151;
}

/* -- common -- */
.horniIndex {vertical-align : super; font-size:9px;}
.i {font-style : italic;}
sup {font-size: 0.7em;}

/* -- float -- */
.floatLeft {float : left;}
.floatRight {float : right;}
.clear {clear : both;}

.blue {color:#004685;}
.orange {color:#FB9236;}
.font18 {font-size:18px;}
.textLeft {text-align:left;	}
.textRight {text-align:right;	}
.block {display:block;}
.pointer {cursor:pointer;}
.hiddenItem {display : none;}
 
.mlr50 {
margin-left:50px !important;
margin-right:50px  !important;
}

/* -- all pages -- */
hr {display : none;}

body {
text-align: left !important;
background-color: White;
background-image: none;
}

#header {
background-color:White;
border-bottom:4px solid #054783;


display:none!important;
}

#homeRun {
background-image: url(../pcs/pcs_layout/logo.png);
background-position: center center;
background-repeat: no-repeat;
background-size:163px 30px;
width:163px;
height:30px;
display:block;
margin:16px 0 10px 19px;
float:left;
}

#showMenuIcon {
background-image: url(../pcs/pcs_layout/show-menu-icon.png);
background-position: center center;
background-repeat: no-repeat;
width:69px;
height:57px;
float:right;
border-left:1px solid #dadee1;
cursor:pointer;

display:none!important;
}

#searchIcon {
background-image: url(../pcs/pcs_layout/search-ico.png);
background-position: center center;
background-repeat: no-repeat;
width:38px;
height:57px;
float:right;
margin-right:12px;
cursor:pointer;
display:none!important;
}

#topNavig {display:none; display:none!important;}
#freeCall {display:none; display:none;}
#flashFlower {display:none; display:none!important;}

#langMenu {
/*width:250px;*/
margin:0 auto;
height:30px;
display:none!important;
}

#langMenu li {
list-style-type: none;
float:left;
height:11px;
margin-left:10px;
/*line-height:51px;*/
/*padding-left:10px;*/
height:21px;
height:16px;
}

#langMenu li a {
float:left;
background-image: url(../pcs/pcs_layout/cz.png);
background-position: left center;
background-repeat: no-repeat;
width:28px;
width:16px;
height:11px;
line-height:11px;
text-decoration:none;
/*padding-left:15px;*/
text-align:right;
font-size:14px;
font-family: 'Open Sans', sans-serif;
}

#langMenu li.cs a { background-image: url(../pcs/pcs_layout/cz.png); }
#langMenu li.en a { background-image: url(../pcs/pcs_layout/en.png); }
#langMenu li.de a { background-image: url(../pcs/pcs_layout/de.png); }
#langMenu li.fr a { background-image: url(../pcs/pcs_layout/fr.png); }


#searchExpand {
background-color:#024785;
height:54px;
line-height:54px;
display:none;
position:relative;display:none!important;
}

#searchExpand input {
height:34px;
margin:10px auto 0 auto;
background-color:White;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:70%;
padding:0 5px;
background-image: url(../pcs/pcs_layout/small-search-ico.png);
background-position: center right;
background-repeat: no-repeat;
}

.searchBoxClose {
background-image: url(../pcs/pcs_layout/search-close.png);
background-position: center;
background-repeat: no-repeat;
position:absolute;
top:0;
right:0;
width:44px;
height:54px;
cursor:pointer;
}

@media (min-width: 480px) {

#homeRun {
background-size:237px 43px;
width:237px;
height:43px;
margin:24px 0 10px 19px;
}

#showMenuIcon {height:78px;}
#searchIcon {height:78px;}

#searchExpand input {
width:60%;
float:right;
margin-right:60px;
}

}


@media (min-width: 768px) {

#header {border-bottom:none;}

#homeRun {
background-size:auto;
width:315px;
height:56px;
margin:31px 0 13px 21px;
}

#showMenuIcon {display:none}

#topNavig {
display:block;
position:absolute;
top:40px;
left:364px;display:none!important;
}

#topNavig li {
list-style-type:none;
float:left;
padding-right:15px;
margin-right:15px;
border-right:1px solid #e4ecf0;	
}

#topNavig li.lastItem {border-right:none;	}

#topNavig li a  {
color:#004685;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#topNavig li a:HOVER  {text-decoration:underline;}

#searchIcon {
background-image: url(../pcs/pcs_layout/ico-lupa.png);
background-position: center center;
background-repeat: no-repeat;
background-color:#004685;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:32px;
height:32px;
float:none;
margin:0;
cursor:pointer;
position:absolute;
top:36px;
right:11px;
}

#searchExpand {
position:absolute;
top:100px;
right:0;
width:350px;
z-index:999;
height:50px;
}

#searchExpand input {
margin-top:8px;
width:74%;
}

#langMenu {
position:absolute;
top:75px;
right:0;	 

}

}



@media (min-width: 1024px) {

#freeCall {
display:block;
position:absolute;
top:36px;
right:23px;
font-size:14px;
color:#545454;

background-image: url(../pcs/pcs_layout/ico-phone.png);
background-position: left center;
background-repeat: no-repeat;
height:25px;
line-height:25px;
padding-left:30px;
}

#freeCall strong {
font-size:18px;
color:#fb9236;
}

#searchIcon {
top:109px;
right:22px;
border:1px solid #507da6;
}

#searchExpand {right:60px;}

}

@media (min-width: 1200px) {

#headerIn {
width:1200px;
margin:0 auto;
position:relative;
}

#homeRun {
margin:31px 0 13px 0;
margin:26px 0 18px 0;
width:210px;
width:316px;
background-position:center left;
}

#flashFlower {
display:block;
position:absolute;
top:31px;
top:27px;
left:225px;
}

#freeCall {right:0;}
#searchIcon {right:0;}
#searchExpand {right:40px;}

}



/* top Menu */
/*#topMenu {display:none;}*/
#topMenu {background-color:#004685; display:none!important;}
#topMenu ul li {list-style-type:none;}
#topMenu ul li.menuHome, #topMenu ul li.menuHome a {display:none;}

#topMenu ul li a {
display:block;
line-height:42px;
border-bottom:1px solid #185891;
padding-left:22px;
font-size:16px;
font-weight:bold;
color:White;
text-decoration:none;
text-align:left;
background-image: url(../pcs/pcs_layout/menu-expand.png);
background-position: center right;
background-repeat: no-repeat;
}

#topMenu ul li a:HOVER { text-decoration:underline; }

#topMenu ul ul li  {background-color: #eaf1f4;}

#topMenu ul ul li a {
border-bottom:1px solid #185891;
background-image: url(../pcs/pcs_layout/menu-expanded.png);
color:#004685;
}

#subMenuProduktyFull {display:none;}

@media (min-width: 768px) {

#topMenu {display:block;}

#subMenuBackground {
position:relative;
top:50px;
height:50px;
margin-top:-50px;
z-index:999;
}

#subMenuBackground.active {
position:relative;
top:50px;
height:50px;
background-color:#003b71;
margin-top:-50px;
}

#topMenu {
height:50px;
line-height:50px;
}

.langEn #firstMenu {margin-left:30%;}
.langDe #firstMenu {margin-left:26%;}
.langFr #firstMenu {margin-left:26%;}


#topMenu ul li {
float:left;
height:50px;
line-height:50px;
position:relative;
}

#topMenu ul li a {
float:left;
height:50px;
line-height:50px;
padding:0 10px;
font-size:14px;
background-image: none;
text-align:center;
border-bottom:none;
}

#topMenu ul li.lastItem a {}
#topMenu ul li a:HOVER {background-color:#003b71;}
#topMenu ul li.menuHome a:HOVER {background-color:transparent;}

#topMenu ul li .subMenu {
background-color:#003b71;
position:absolute;
top:50px;
left:0;	
display:inline;
z-index:99;
width:780px;
z-index:9999;display:none!important;
}

#topMenu ul li #subMenu3 {
left:-300px;	
}

#topMenu ul li .subMenu li {
float:left;
background-color:#003b71;
}

#topMenu ul li .subMenu li a {
float:left;
color:White;
border:none;
background-image:none;
}

#subMenuProduktyFull {
/*display:block;*/
background-color:#003b71;
position:absolute;
z-index:999999;
top:150px;
width:100%;display:none!important;
}

#subMenuProduktyFullIn .colum {
border:none;
padding-bottom:0;
}

#subMenuProduktyFullIn .colum4area {margin:0;}
#subMenuProduktyFullIn .columTitle {text-align:left;}

#subMenuProduktyFullIn .columTitle a {
color:#ff7e0d;
text-decoration:none;
}

#subMenuProduktyFullIn .columTitle a:HOVER {text-decoration:underline;}

#subMenuProduktyFullIn .columLinks li {
margin:0;
padding:0;
float:none;
line-height:30px !important;
height:auto !important;
text-align:left;
}

#subMenuProduktyFullIn .columLinks li a {
line-height:30px !important;
height:auto !important;
margin:0;
padding:0 0 0 15px;
float:none;
text-align:left;
}

#subMenuProduktyFullIn .columLinks li a:HOVER {
background-image: url(../pcs/pcs_layout/arrow-produkty-right.png);
background-position: center left;
background-repeat: no-repeat;
}

#subMenuProduktyFullIn .columLinks li a:HOVER {text-decoration:underline;}

#subMenuProduktyFullIn .colum img {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.produktyMenuHider {
display:block;
width:400px;
height:5px;
position:absolute;
top:92px;
left:10px;
}

}

@media (min-width: 1024px) {


#topMenu ul li.menuHome {
display:block;
background-image: url(../pcs/pcs_layout/menu-home.png);
background-position: center center;
background-repeat: no-repeat;
width:35px;
margin-left:20px;
}

#topMenu ul li.menuHome a {display:block;}

#topMenu ul li a {padding:0 20px;}
#topMenu ul li .subMenu li a {padding:0 15px;}

#topMenu ul li.lastItem a {

}

}


@media (min-width: 1200px) {

#topMenuIn {
width:1200px;
margin:0 auto;
position:relative;
}

#topMenu ul li.menuHome {
margin-left:0;
width:20px;
margin-right:20px;
}

#topMenu ul li a {padding:0 32px;}
#topMenu ul li .subMenu li a {padding:0 15px;}

#subMenuProduktyFullIn {
width:1200px;
margin:0 auto;
position:relative;
}

}



/*#carousel, #carouselMask {display:none !important;}*/
body #carousel, body #carouselMask {display:none; display:none!important;}

/* carousel */
#carousel #slide1, #carousel #slide2, #carousel #slide3, #carousel #slide4, #carousel #slide5, #carousel #slide6, #carousel #slide7  {
background-image: url(../pcs/pcs_layout/carousel1.jpg);
background-position: top center;
background-position: -550px 0;
background-repeat: no-repeat;
/*height:124px; */
background-size:480px;
background-size:1200px;
}

#carousel #slide1 {background-image: url(../pcs/pcs_layout/carousel1.jpg);}
#carousel #slide2 {background-image: url(../pcs/pcs_layout/carousel2.jpg);}
#carousel #slide3 {background-image: url(../pcs/pcs_layout/carousel3.jpg);}
#carousel #slide4 {background-image: url(../pcs/pcs_layout/carousel4.jpg);}
#carousel #slide5 {background-image: url(../pcs/pcs_layout/carousel5.jpg);}
#carousel #slide6 {background-image: url(../pcs/pcs_layout/carousel6.jpg);}
#carousel #slide7 {background-image: url(../pcs/pcs_layout/carousel7.jpg);}

.carouselSlideContent {
padding-bottom:70px;
position:relative;
}

.carouselSlideTitle {
font-siZe:28px;
font-weight:bold;
width:220px;
margin: 0 0 5px 22px;
color:#004685;
text-align:left;
line-height:35px;
padding-top:25px;
}

.carouselSlideText {
font-siZe:11px;
color:#545454;	
width:240px;
font-weight:bold;
text-align:left;
margin: 0 0 5px 22px;
}

.carouselSlideContent a {
color:White;
display:block;
width:115px;
height:31px;
line-height:31px;
text-align:center;
font-size:10px;
font-weight:bold;
text-decoration:none;
background-image: url(../pcs/pcs_layout/button-background.png);
background-position: center;
background-repeat: repeat-x;
margin: 0 0 0 22px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#carousel .stamp {
background-image: url(../pcs/pcs_layout/carousel-pecet.png);
background-position: center center;
background-repeat: no-repeat;
background-size:75px 75px;
width:150px;
height:150px;

width:75px;
height:75px;

position:absolute;
top:200px;
left:180px;
}

@media (min-width: 480px) {

#carousel #slide1, #carousel #slide2, #carousel #slide3, #carousel #slide4, #carousel #slide5, #carousel #slide6, #carousel #slide7 {
background-size:1500px;
background-position: -600px 0;
}

.carouselSlideContent {padding-bottom:120px;}

.carouselSlideTitle {
font-size:38px;
width:380px;
line-height:45px;
padding-top:45px;
}

.carouselSlideText {
font-size:14px;
width:310px;
}

.carouselSlideContent a {
width:157px;
height:42px;
line-height:42px;
font-size:14px;
}

#carousel .stamp {
background-size:115px 115px;
width:115px;
height:115px;
top:220px;
left:220px;
}


}

@media (min-width: 768px) {

body #carousel, body #carouselMask {display:block;}

#carousel #slide1, #carousel #slide2, #carousel #slide3, #carousel #slide4, #carousel #slide5, #carousel #slide6, #carousel #slide7  {
background-size:1400px;
background-position: -400px 0;
}

.carouselSlideContent {padding-bottom:100px;}
.carouselSlideTitle {width:530px;}

.carouselSlideText {
width:530px;
margin: 10px 0 15px 22px;
}

.carouselSlideContent a {
width:157px;
height:42px;
line-height:42px;
font-size:14px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#carousel .stamp {
top:170px;
left:220px;
}


}

@media (min-width: 1024px) {

#carousel #slide1, #carousel #slide2, #carousel #slide3, #carousel #slide4, #carousel #slide5, #carousel #slide6, #carousel #slide7 {
background-size:1400px;
background-position: -200px 0;
}

.carouselSlideContent {padding-bottom:100px;}

.carouselSlideTitle {
width:680px;
font-size:48px;
line-height:55px;
}

.langEn .carouselSlideTitle {font-size:42px;}
.langDe .carouselSlideTitle {font-size:42px;}
.langFr .carouselSlideTitle {font-size:42px;}

#slide2 .carouselSlideTitle, #slide4 .carouselSlideTitle {width:780px;}

.carouselSlideText {
font-size:18px;
width:680px;
margin: 10px 0 15px 22px;
}

.carouselSlideContent a {
width:157px;
height:42px;
line-height:42px;
font-size:18px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

#carousel .stamp {
background-size:auto;
width:150px;
height:150px;
top:160px;
left:580px;
}
}

@media (min-width: 1200px) {

#carousel #slide1, #carousel #slide2, #carousel #slide3, #carousel #slide4, #carousel #slide5, #carousel #slide6, #carousel #slide7 {
height:517px;
height:516px;
background-size:auto;
background-position:top center;
}

.carouselSlideContent {
width:1200px;
margin: 0 auto;
}

.carouselSlideTitle {padding-top:130px;}
.carouselSlideText {margin: 25px 0 25px 22px;}

.carouselSlideContent a {
width:190px;
height:52px;
line-height:52px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

#carousel .stamp {
top:260px;
left:580px;
}

}

#carouselMask {
background-image: url(../pcs/pcs_layout/carousel-mask.png);
background-position: top center;
background-repeat: no-repeat;
height:16px;
margin-top:-16px;
position:relative;
z-index:9999;
}




/* product line */
#productMenu {background-color:#f99e4e;	display:none!important; }
#productMenu {background-color:#fb9236;	display:none!important;}

.productMenuItem {
background-position: center 50px;
background-repeat: no-repeat;
background-size:75px 75px; 
text-align:center;
padding:20px 0;
width:50%;
float:left;
position:relative;
}

#productMenuItem3, #productMenuItem4 {background-position: center 80px;}

.productMenuItem h2 a {
display:block;
color:White;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
padding: 0 30px;
text-decoration:none;
}

.productMenuItem .iconLink {
position:absolute;
top:10%;
left:0;
width:100%;
height:110px;
display:block;
}

#productMenuItem3 .iconLink, #productMenuItem4 .iconLink {height:140px;}
.productMenuItem h2 a:HOVER {text-decoration:underline;}

.productMenuItem a.buttonPoptavka {
display:block;
background-color:White;
color:White;
font-size:14px;
font-weight:bold;
width:118px;
height:38px;
line-height:38px;
text-align:center;
color:#fb9236;
margin: 120px auto 10px auto;
margin: 95px auto 10px auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
}

.productMenuItem a.buttonPoptavka:HOVER {color:#004685;}

#productMenuItem3 a.buttonPoptavka, #productMenuItem4 a.buttonPoptavka {margin: 105px auto 10px auto;}

#productMenuItem1 {background-image: url(../pcs/pcs_layout/product-ico1.png);} 
#productMenuItem2 {background-image: url(../pcs/pcs_layout/product-ico2.png);} 
#productMenuItem3 {background-image: url(../pcs/pcs_layout/product-ico3.png);} 
#productMenuItem4 {background-image: url(../pcs/pcs_layout/product-ico4.png);} 


@media (min-width: 480px) {

.productMenuItem {
background-position: center 50px;
background-size:auto; 
padding:20px 0;
}

#productMenuItem3, #productMenuItem4 {background-position: center 50px;}

.productMenuItem h2 a {padding: 0;}
#productMenuItem1 a.buttonPoptavka, #productMenuItem2 a.buttonPoptavka, #productMenuItem3 a.buttonPoptavka, #productMenuItem4 a.buttonPoptavka {margin: 125px auto 10px auto;}

#productMenuItem1, #productMenuItem3 {
border-right:1px solid #feac65;
margin-right:-1px;
}

#productMenuItem1, #productMenuItem2 {
margin-top:14px;
margin-bottom:14px;
}

#productMenuItem3, #productMenuItem4 {
border-top:1px solid #feac65;
}

}

@media (min-width: 768px) {

.productMenuItem {
width:25%;
padding:20px 0 0 0;
}


.langEn #productMenu { padding-left:34%; }
.langDe #productMenu{ padding-left:34%; }
.langFr #productMenu{ padding-left:34%; }


#productMenuItem1, #productMenuItem2, #productMenuItem3, #productMenuItem4 {
margin-top:14px;
border-top:none;
background-position: center 75px;
}

#productMenuItem1, #productMenuItem2, #productMenuItem3 {
border-right:1px solid #feac65;
margin-right:-1px;
}

.productMenuItem h2 a {
padding: 0 30px;
height:50px;
}

.productMenuItem a.buttonPoptavka {margin-bottom: 0;}
.productMenuItem .iconLink {height:155px !important;}

}

@media (min-width: 1024px) {

.langEn #productMenu { padding-left:32%; }
.langDe #productMenu{ padding-left:32%; }
.langFr #productMenu{ padding-left:32%; }

#productMenuItem1, #productMenuItem2, #productMenuItem3, #productMenuItem4 {background-position: center 65px;}

.productMenuItem h2 {
height:40px;
font-size:20px;
}

}

@media (min-width: 1200px) {

#productMenuIn {
width:1200px;
margin:0 auto;
position:relative;
}

#productMenuItem1, #productMenuItem2, #productMenuItem3, #productMenuItem4 {
border-right:1px solid #feac65;
margin-right:-1px;
}

#productMenuItem1 {
border-left:1px solid #feac65;
margin-left:-1px;	
}

.productMenuItem h2 {font-size:22px;}

}



#orangeArrow {
background-image: url(../pcs/pcs_layout/orange-arrow.png);
background-position: top center;
background-repeat: no-repeat;
height:17px;
}

#lightBlueArrow {
background-image: url(../pcs/pcs_layout/light-blue-arrow.png);
background-position: top center;
background-repeat: no-repeat;
height:17px;
}


/* vent */
#vent {
padding:22px;
text-align:center;
}

#vent h2 {
font-size:24px;
color:#004685;
line-height:30px;
/*padding:0 60px*/
}

.ventInfo {
background-image: url(../pcs/pcs_vent/vent-home.jpg);
background-position: top center;
background-repeat: no-repeat;	
padding-top:215px;
padding-top:300px;
background-size:200px 280px;
margin:15px 0;
line-height:26px;
}

.infoLink {
background-image: url(../pcs/pcs_layout/arrow-right.png);
background-position: center right;
background-repeat: no-repeat;
padding:0 15px 0 0;
display:inline;
}

.infoLink a {
color:#fb9236;
text-transform:uppercase;
}

.infoLink a:HOVER {text-decoration:none;}
#vent .imgThumb {display:none;}


@media (min-width: 480px) {

.ventInfo {
background-position: bottom center;
padding-bottom:300px;
padding-top:0;
}

}

@media (min-width: 768px) {

#vent {text-align:left;}
#vent h2 {font-size:30px;}

.ventInfo {
background-image:none;
padding:0;
}

#vent .imgThumb {
display:block;
float:right;
margin: 0 0 0 15px;
}

.ventInfo p {margin-bottom:15px;}

}

@media (min-width: 1024px) {

#vent .imgThumb {margin: 0 0 0 75px;}

}

@media (min-width: 1200px) {

#ventIn {
width:1200px;
margin:0 auto;
position:relative;
}

#vent h2 {padding-top:50px;}
#vent .imgThumb {margin: 0 20px 0 118px;}


}


/* news - 3 colums */
#news {
background-color:#eaf1f4;	
padding:12px 0;
text-align:center;
}

#news .threeColum {
border-bottom:1px solid #d8e2e7;
padding-bottom:30px;
}

#news .threeColumLast {border-bottom:none;}

#news h3 {
font-size:22px;
color:#004685;
margin:20px 0;
}

.newsItem {margin: 0 22px 25px 22px}

.newsDate {
background-image: url(../pcs/pcs_layout/news-date-background.png);
background-position: top center;
background-repeat: no-repeat;
width:75px;
height:86px;
height:111px;
text-align:center;
float:left;
margin-right:20px;
}

.newsDate p {
margin-top:20px;
font-size:16px;
font-weight:bold;
color:White;
line-height:25px;
}

.newsDate p span {
font-size:24px;
font-weight:bold;
color:White;
display:block;
}

.newsTitle {
text-align:left;
line-height:24px;
padding-top:10px;
}

.newsTitle a {
font-weight:bold;
color:#004685;
}

.newsTitle a:HOVER {text-decoration:none;}

.referenceTitleImg img {
width:80%;
margin:0 10% 10px 10%;
}

/* zelena usporam popis */
.zelenaUsporamInfo {
line-height:26px;	
text-align:center;
padding: 0 22px;
margin:22px 0;
}

@media (min-width: 480px) {

.newsItem {
width:400px;
margin: 0 auto 25px auto;
}

.newsItem {
width:400px;
margin: 0 auto 25px auto;
}

.referenceTitleImg {
width:306px;
margin:0 auto;
}

.referenceTitleImg img {
width:100%;
margin:0 auto 10px auto;
}

}

@media (min-width: 768px) {

#news {
padding:0 22px;
text-align:left;
}

#news .threeColum {
float:left;
width:50%;
}

#news .threeColumLast {width:100%;}
#news .threeColum {border-bottom:none;}
#news h3 {text-align:left;}

.newsItem {
width:310px;
margin: 0;
}

.infoLinkNews {margin-left:95px;	}

.referenceTitleImg {
margin:0;
width:265px;
width:287px;
}

.referenceTitleImg img {margin:0;}

.zelenaUsporam {
float:left;
margin-right:20px;
}

.zelenaUsporamInfo {text-align:left;}

}


@media (min-width: 1024px) {

#news .threeColum, #news .threeColumLast {
float:left;
width:33.33%;
}

.langEn #news .threeColum { padding-left:15%; }
.langDe #news .threeColum { padding-left:15%; }
.langFr #news .threeColum { padding-left:15%; }

}

@media (min-width: 1200px) {

#newsIn {
width:1200px;
margin:0 auto;
position:relative;
}

}


/* bottom */
#bottom {
background-color:#004685;
padding:22px;
text-align:center; display:none!important;
}

/*  hidden*/
.bottomColumProduct {display:none;}
.bottomColumContactFax {display:none;}
.bottomColumMap {display:none;}

#bottom h3 {
color:White;
font-size:18px;
font-weight:bold;
}

.bottomColumInfo ul li, .bottomColumProduct ul li {
list-style-type:none;
line-height:36px;
}

.bottomColumInfo ul li a, .bottomColumProduct ul li a {color:#c4e7fa;}
.bottomColumInfo {margin-bottom:20px;	}

.bottomColumContact p {color:White;}
.bottomColumContact p a {color:#c4e7fa;}

.bottomColumContact p a:HOVER {text-decoration:none;}
.bottomColumInfo ul li a:HOVER, .bottomColumProduct ul li a:HOVER, .bottomColumContact p a:HOVER {text-decoration:none;}

.bottomColumContactPhone {
background-image: url(../pcs/pcs_layout/ico-bottom-phone.png);
background-position: center left;
background-repeat: no-repeat;
height:25px;	
line-height:25px;	
width:105px;
padding-left:30px;
font-size:18px;
margin:10px auto;
text-align:left;
}

.bottomColumContactFax {
background-image: url(../pcs/pcs_layout/ico-bottom-fax.png);
background-position: center left;
background-repeat: no-repeat;
height:25px;	
line-height:25px;	
width:105px;
padding-left:30px;
font-size:18px;
margin:10px auto;
text-align:left;
}

.bottomColumContactEmail {
background-image: url(../pcs/pcs_layout/ico-bottom-email.png);
background-position: center left;
background-repeat: no-repeat;
height:25px;	
line-height:25px;	
width:140px;
padding-left:35px;
font-size:18px;
margin:10px auto;
text-align:left;
}

.bottomColumProduct li.tuv {margin:10px 0 0 -5px;}

.bottomColumProduct li.tuv img {
width:70px;
margin-right:7px;
}


@media (min-width: 480px) {

.bottomColumContactPhone {
float:left;
width:105px;
margin:20px 0 20px 30px;
}

.bottomColumContactEmail {
float:right;
width:140px;
margin:20px 30px 20px 0;
}

}

@media (min-width: 768px) {

#bottom {
padding:40px 22px 0 22px;
text-align:center;
}

.bottomColumInfo, .bottomColumProduct, .bottomColumContact {
float:left;
width:33%;	
display:block;
text-align:left;
}

.bottomColumContact {width:25%;	}

.langEn .bottomColumProduct {margin-left:25%;}
.langDe .bottomColumProduct {margin-left:25%;} 
.langFr .bottomColumProduct {margin-left:25%;} 

.bottomColumInfo, .bottomColumProduct {
border-right:1px solid #185891;
margin-right:20px;
height:250px;
}

.bottomColumContactPhone, .bottomColumContactFax, .bottomColumContactEmail {
float:none;
margin:20px 0 20px 0;
display:block;
}

}

@media (min-width: 1024px) {

#bottom {padding:62px 0 42px 22px;}
#bottom h3 {margin-bottom:15px;}

.bottomColumInfo, .bottomColumProduct, .bottomColumContact {width:21%;	}

.bottomColumMap { 
width:29%;	
display:block;
float:left;
}

#bottomColumMap {
display:block;	
margin-top:20px;
}

#bottomColumMap img {width:100%;}

.bottomColumInfo, .bottomColumProduct, .bottomColumContact {
border-right:1px solid #185891;
margin-right:20px;
height:250px;
}

}

@media (min-width: 1200px) {

#bottom {padding:62px 0 42px 0;}

#bottomIn {
width:1200px;
margin:0 auto;
position:relative;
}

}






/* footer */
#footer {
background-color:#002c54;
text-align:center;
padding:30px 0;	 display:none!important;
}

#footer p, #footer p a {
color:White;
font-size:11px;
line-height:20px;
}

#footer p a:HOVER {text-decoration:none;}





/* ------ page continue ------- */
#continueHeader {
/*background-image: url(../pcs/pcs_layout/carousel1.jpg);*/
background-position: center center;
background-repeat: no-repeat;
padding:50px 20px;
padding:80px 20px;

display:none !important;
}

.continueHeaderImgakce {background-image: url(../pcs/pcs_layout/akce.jpg);}
.continueHeaderImgcenik {background-image: url(../pcs/pcs_layout/cenik.jpg);}
.continueHeaderImgkontakt {background-image: url(../pcs/pcs_layout/kontakt.jpg);}
.continueHeaderImgo-spolecnosti {background-image: url(../pcs/pcs_layout/o-spolecnosti.jpg);}
.continueHeaderImgpartneri {background-image: url(../pcs/pcs_layout/partneri.jpg);}
.continueHeaderImgprodukty {background-image: url(../pcs/pcs_layout/produkty.jpg);}
.continueHeaderImgreference {background-image: url(../pcs/pcs_layout/reference.jpg);}
.continueHeaderImgservis {background-image: url(../pcs/pcs_layout/servis.jpg);}
.continueHeaderImgkalkulacka {background-image: url(../pcs/pcs_layout/kalkulacka.jpg);}

#continueHeader .headerTitle {
background-image: url(../pcs/pcs_layout/page-continue-header-background.png);
background-position: center center;
background-repeat: repeat;
font-size:24px;
color:White;
display:block;
padding:10px;
margin: 0 auto;
font-weight:bold;

display:none;
}


@media (min-width: 480px) {

#continueHeader {background-size:1500px;}

#continueHeader .headerTitle {
display:inline;
display:none;
padding:10px;
margin:0;
font-size:38px;
}

}

@media (min-width: 768px) {

#continueHeader {
background-size:1400px;
padding:54px 0;
padding:84px 0;
}

}

@media (min-width: 1024px) {

#continueHeader {background-size:1400px;}
#continueHeader .headerTitle {font-size:48px;}

}

@media (min-width: 1200px) {

#continueHeader {background-size:auto;}
.continueHeaderImgkalkulacka {background-position:center 70% !important;}

}


/* path */
#path {
padding:15px 20px;
border-bottom:1px solid #eaf1f4;

display:none !important;
}

#path a {
color:#fb9236;
padding-right:17px;
margin:0 0 0 7px;
background-image: url(../pcs/pcs_layout/arrow-right.png);
background-position: center right;
background-repeat: no-repeat;
text-transform:uppercase;
}

#path a.lastLink {
padding-right:0;
background-image:none;
}

#path a:HOVER {color:#004685;}

@media (min-width: 768px) {

#path {
line-height:50px;
padding:0;
}

}




/* ------- main content ------ */
#mainContent, .mainContent {padding:20px 22px;}

.blueMainContent, .blueMainContentSimple {
padding:37px 22px;
background-color:#eaf1f4;
background-image: url(../pcs/pcs_layout/white-arrow.png);
background-position: top center;
background-repeat: no-repeat;
}

.blueMainContentSimple { background-image: none; }

#mainContentIn h1, #mainContentIn h2, .blueTitle, .blueSmallTitle  {
color:#004685;
font-size:20px;
margin-bottom:20px;
}

#mainContentIn h1 span {font-size:20px;}
#mainContentIn h2 {margin-top:20px;}


@media (min-width: 480px) {
}

@media (min-width: 768px) {

#mainContent, .mainContent, .blueMainContentSimple {padding:30px 22px;}
.blueMainContent {padding:47px 22px;}

#mainContentIn h1, #mainContentIn h2, .blueTitle  {
color:#004685;
font-size:24px;
margin-bottom:25px;
}

#mainContentIn h1 span {font-size:24px;}
#mainContentIn h2 {margin-top:25px;}

}

@media (min-width: 1024px) {

#mainContentIn h1, #mainContentIn h2, .blueTitle  {
color:#004685;
font-size:30px;
margin-bottom:30px;
}

#mainContentIn h1 span {font-size:30px;}
#mainContentIn h2 {margin-top:30px;}
.blueTitle { font-size:24px !important;}
.blueSmallTitle { font-size:18px !important;}

}

@media (min-width: 1200px) {

#mainContent, .mainContent, .blueMainContentSimple {padding:30px 0;}
.blueMainContent {padding:47px 0;}

#mainContentIn, .mainContentIn, .blueMainContentIn {
width:1200px;
margin:0 auto;
position:relative;
}

}


/* page prvky */
.txt {
line-height:24px;
margin-bottom:25px;
}

.centerTxt { 
text-align:center; 
margin: 0 auto 25px auto;
}

.link {color:#FB9236;}
.link:HOVER {color:#004685;}

.linkBlue {color:#004685;}
.linkBlue:HOVER {color:#FB9236;}

@media (min-width: 1024px) {

.centerTxt { width:850px; }
}




/* sloupcovy layout - 4colum */
.colum4area .colum {
border-bottom:1px solid #e3ebf2;
padding-bottom:20px;
margin-bottom:20px;
}

#mainContentIn .colum4area .colum .columTitle, .mainContentIn .colum4area .colum .columTitle {
color:#004685;
font-size:14px;	
width:270px;
height:40px;
display:block;
margin:0 auto;
}

#mainContentIn .colum4area .colum .columTitle a, .mainContentIn .colum4area .colum .columTitle a {text-decoration:none;}

#mainContentIn .colum4area .colum .columTitle * {font-size:14px;	}
.colum4area .colum .columImage {margin:0;	}

.colum4area .colum .columImage img {
width:100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.columLinks {margin: 20px 0;}

.columLinks li {
list-style-type:none;
text-align:left;
background-image: url(../pcs/pcs_layout/arrow-produkty-right.png);
background-position: center left;
background-repeat: no-repeat;
padding-left:14px;
margin:10px 0;
}

.columLinks li a {color:#fb9236;}


@media (min-width: 480px) {

.colum4area .colum {
float:left;
width:44%;
padding: 0 3% 20px 3%;
border-bottom:none;
}

.colum4area .colum300h {height:300px;}
.colum4area .colum480h {height:400px;}

.colum4area .colum1, .colum4area .colum3 {
border-right:1px solid #e3ebf2;
margin-right:-1px;
}

#mainContentIn .colum4area .colum .columTitle, .mainContentIn .colum4area .colum .columTitle {
color:#004685;
font-size:15px;	
width:240px;
height:60px;
display:block;
margin:0 auto;
}

#mainContentIn .colum4area .colum .columTitle * {font-size:15px;	}

}

@media (min-width: 768px) {

.colum4area {margin:50px 0;}

.colum4area .colum {
padding: 0 1.5% 20px 1.5%;
float:left;
width:30%;
}

#mainContentIn .colum4area .colum .columTitle, .mainContentIn .colum4area .colum .columTitle {
color:#004685;
font-size:16px
}

#mainContentIn .colum4area .colum .columTitle * {font-size:16px;	}

.colum4area .colum1, .colum4area .colum2 {
border-right:1px solid #e3ebf2;
margin-right:-1px;
}

.colum4area .colum3 {
border-right:none;
margin-right:0;
}

.colum4area .colum4 {
margin-left:20%;
border-right:1px solid #e3ebf2;
margin-right:-1px;
}

.colum4area .colum5 {margin-left:0;}

}

@media (min-width: 1024px) {

.colum4area .colum {
padding: 0 1.5% 20px 1.5%;
width:22%;
margin-left:0;
}

.colum4area .colum5 {margin-left:37.5%;}
.colum4area .columCenter {margin-left:25% !important;}

.colum4area .colum1, .colum4area .colum2, .colum4area .colum3, .colum4area .colum4, .colum4area .colum5 {
border-right:1px solid #e3ebf2;
margin-right:-1px;
}

.colum4area .colum1, .colum4area .colum5 {border-left:1px solid #e3ebf2;}
.colum4area .colum1 {margin-left:-1px;}

#mainContentIn .colum4area .colum .columTitle, .mainContentIn .colum4area .colum .columTitle { 
width:80%;
margin: 0 10%;
font-size:14px;
}

#mainContentIn .colum4area .colum .columTitle * {font-size:14px;	}

#mainContentIn .colum4area .colum .columTitleLeft, .mainContentIn .colum4area .colum .columTitleLeft {
text-align:left;
}

#mainContentIn .colum4area .colum .columText {
width:90%;
margin: 0 5%;
font-size:12px;
}



}

@media (min-width: 1200px) {

#mainContentIn .colum4area .colum .columTitle, .mainContentIn .colum4area .colum .columTitle { 
font-size:18px;
width:100%;
margin: 0;
}

#mainContentIn .colum4area .colum .columTitle * {font-size:18px;	}

#mainContentIn .colum4area .colum .columText {
width:90%;
margin: 0 5%;
font-size:14px;
line-height:22px;
}

#mainContentIn .colum4area .colum .columImage img.ico {
width:300px;
margin-left:-20px;
}


}



/* sloupcovy layout - 5colum */
.colum5area .colum {
border-bottom:1px solid #e3ebf2;
padding-bottom:20px;
margin-bottom:20px;
}

#mainContentIn .colum5area .colum .columTitle {
color:#004685;
font-size:14px;	
width:270px;
height:40px;
display:block;
margin:0 auto;
}

#mainContentIn .colum5area .colum .columTitle * {font-size:14px;	}

.colum5area .colum .columImage {
margin:0;	
width:220px;
margin: 0 auto;
}

.colum5area .colum .columImage img {width:100%;}

.columButtonMore, .columButtonMoreOrange {
color:White;	
height:44px;
line-height:44px;
width:155px;
background-image: url(../pcs/pcs_layout/blue-button-background.png);
background-position: top center;
background-repeat: repeat-x;
text-align:center;
text-decoration:none;
margin:15px auto;
display:block;
font-weight:bold;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.columButtonMoreOrangeBig {width:195px;}
.columButtonMoreOrange {background-image: url(../pcs/pcs_layout/button-background.png);}
.columButtonMore:HOVER { background-image: url(../pcs/pcs_layout/button-background.png); }
.columButtonMoreOrange:HOVER { background-image: url(../pcs/pcs_layout/blue-button-background.png); }


@media (min-width: 480px) {

.colum5area .colum {
float:left;
width:44%;
padding: 0 3% 20px 3%;
border-bottom:none;
}

.colum5area .colum300h {height:300px;}

.colum5area .colum1, .colum5area .colum3 {
border-right:1px solid #e3ebf2;
margin-right:-1px;
}

#mainContentIn .colum5area .colum .columTitle {
color:#004685;
font-size:15px;	
width:240px;
height:60px;
display:block;
margin:0 auto;
}

#mainContentIn .colum5area .colum .columTitle * {font-size:15px;	}

.columTextHeight150 {height:70px;}

.colum4area .colum1first {
margin: 0 auto; 
float:none;
border-left:1px solid #e3ebf2;
}

}

@media (min-width: 768px) {

.colum5area {margin:50px 0;}

.colum5area .colum {
padding: 0 1.5% 20px 1.5%;
float:left;
width:30%;
}

#mainContentIn .colum5area .colum .columTitle {
color:#004685;
font-size:16px
}

#mainContentIn .colum5area .colum .columTitle * {font-size:16px;	}

.colum5area .colum1, .colum5area .colum2 {
border-right:1px solid #e3ebf2;
margin-right:-1px;
}

.colum5area .colum3 {
border-right:none;
margin-right:0;
}

.colum5area .colum4 {
margin-left:20%;
border-right:1px solid #e3ebf2;
margin-right:-1px;
}

.colum5area .colum5 {margin-left:0;}
.colum5area .colum .columImage {width:80%;}

.colum2first {
margin-left:25%;
border-left:1px solid #e3ebf2;
margin-right:-2px;
}

.colum3first {
margin-left:12.5% !important;
border-left:1px solid #e3ebf2;
margin-right:-2px;
}

}

@media (min-width: 1024px) {

.colum5area .colum {
padding: 0 1% 20px 1%;
width:18%;
margin-left:0;
}

/*.colum5area .colum5 {margin-left:37.5%;}*/

.colum5area .colum1, .colum5area .colum2, .colum5area .colum3, .colum5area .colum4, .colum5area .colum5 {
border-right:1px solid #e3ebf2;
margin-right:-1px;
}

.colum5area .colum1 {
border-left:1px solid #e3ebf2;
margin-left:-1px;
}

#mainContentIn .colum5area .colum .columTitle {
width:80%;
margin: 0 10%;
font-size:14px;
}

#mainContentIn .colum5area .colum .columTitle * {font-size:14px;	}

#mainContentIn .colum5area .colum .columTitleLeft {
text-align:left;
}

.colum5area .colum .columImage {width:90%;}

#mainContentIn .colum5area .colum .columText {
width:90%;
margin: 0 5%;
font-size:12px;
}

.colum2first {
margin-left:25% !important;
border-left:1px solid #e3ebf2;
margin-right:-2px;
}


}

@media (min-width: 1200px) {

#mainContentIn .colum5area .colum .columTitle {
font-size:18px;
width:100%;
margin: 0;
}

#mainContentIn .colum5area .colum .columTitle * {font-size:18px;	}

.colum5area .colum .columImage img.ico {
width:240px;
margin-left:-12px;
}

#mainContentIn .colum5area .colum .columText {
width:90%;
margin: 0 5%;
font-size:14px;
line-height:22px;
}

.columTextHeight150 {height:90px;}

.colum2first {
margin-left:25% !important;
border-left:1px solid #e3ebf2;
margin-right:-2px;
}

}












.odd {
border-bottom:1px solid #eaf1f4;
margin:10px 0;
}



/* news layout - produkty layout */
.newsListItem {
margin:22px;
padding-bottom:22px;
border-bottom:1px solid #eaf1f4;
}

.newsListItem .newsListImage img {
width:100%;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.newsListTitle {
color:#004685;
font-weight:bold;	
font-size:18px;
margin:10px 0;
text-align:center;
}

.newsListDescription {
font-size:12px;
margin:10px 0;
text-align:center;
}

.newsListLink a {
color:White;
display:block;
width:115px;
height:31px;
line-height:31px;
text-align:center;
font-size:12px;
font-weight:bold;
text-decoration:none;
background-image: url(../pcs/pcs_layout/button-background.png);
background-position: center;
background-repeat: repeat-x;
margin: 22px auto 0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}	

@media (min-width: 480px) {

.newsListItem .newsListImage img {
width:70%;
margin:0 15%;
}

.newsListDescription {font-size:14px;}

.newsListLink a {
font-size:14px;
width:155px;
height:44px;
line-height:44px;
}	

}

@media (min-width: 768px) {

.newsListTitle {
text-align:left;
margin:0 0 10px 0;
}

.newsListDescription {text-align:left;}

.newsListImage {
float:left;
width:30%;
}

.newsListInfo {
float:left;
width:70%;
}

.newsListItem .newsListImage img {
width:85%;
margin:0 15% 0 0;
}

.newsListLink a {
margin: 12px 0 0 0;
float:left;
}	

}

@media (min-width: 1024px) {

.newsListItem {
margin:30px;
padding-bottom:30px;
}

}

@media (min-width: 1200px) {

.newsListItem {padding-bottom:40px;}
.newsListImage {width:280px;}
.newsListInfo {width:860px;}

}


/* IMG */
.imgLeft {
float:left;
margin:10px 20px 10px 0;
}

.imgResponzive100 {width:100%;}
.imgResponziveFull {width:100%;}

@media (min-width: 480px) {
}

@media (min-width: 768px) {

.imgResponzive100 {width:auto;}

}

@media (min-width: 1024px) {

}

@media (min-width: 1200px) {
}






/* download sekce */
.downloadItems {margin:20px 0;}

.downloadItems li {
list-style-type:none;
text-align:left;
background-position: left center;
background-repeat: no-repeat;
line-height:23px;
padding:8px 0 9px 32px;
}

.dwPDF {background-image: url(../pcs/pcs_layout/ico-dw-pdf.png);}
.dwWord {background-image: url(../pcs/pcs_layout/ico-dw-word.png);}
.dwAi {background-image: url(../pcs/pcs_layout/ico-dw-ai.png);}
.dwJpg {background-image: url(../pcs/pcs_layout/ico-dw-jpg.png);}

.downloadItems li a {color:#fb9236;}
.downloadItems li a:HOVER {color:#004685;}

.doubleColum, .doubleNearColum {padding:15px 22px;}

@media (min-width: 480px) {
}

@media (min-width: 768px) {

.doubleColum {
float:left;
width:40%;
padding:15px 0;
}

.firstColum {margin-right:5%;}
.secondColum {margin-left:5%;}

.doubleNearColum {
float:left;
width:48%;

padding:15px 0;
}

.firstNearColum {margin-right:1%;}
.secondNearColum {margin-left:1%;}

.downloadItemsCenter {margin-left:200px;}

}

@media (min-width: 980px) {

#area980 {
width:980px;
margin: 0 auto;
}

.text980 {
width:980px;
margin-left: auto;
margin-right: auto;
}

.downloadItemsCenter {margin-left:300px;}

}

@media (min-width: 1200px) {

.downloadItemsCenter {
margin-left:420px;
}

.doubleColum, .doubleNearColum {padding:15px 0;}

}



/* kariera */
.filtrKraj {
margin:25px 5%;
width:90%;
}

.filtrKraj select {
background-color:#eaf1f4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding:5px 10px;
}

.tabKariera {
margin:20px 22px;
border-collapse:collapse;
text-align:left;
}

.tabKariera td, .tabKariera th {
padding:5px 0;
vertical-align:top;
}

.tabContactFix {width:30%;}

.tabKariera th {font-weight:normal;}
.itemPozice {border-top:1px solid #eaf1f4;}

.nazevPozice {
color:#FB9236;
text-decoration:underline;
/*text-transform:uppercase;*/
}

.nazevKraje {
color:#004685;
/*text-transform:uppercase;*/
}

td.poziceButton {width:115px;}

td.poziceButton p {
color:White;
display:block;
width:115px;
height:31px;
line-height:31px;
text-align:center;
font-size:12px;
font-weight:bold;
text-decoration:none;
background-image: url(../pcs/pcs_layout/button-background.png);
background-position: center;
background-repeat: repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
cursor:pointer;
}

.poziceDetail {
display:none;
line-height:24px;
}

td.poziceButton p.poziceButtonDetailHide {display:none;}

.poziceDetail a {color:#FB9236;}
.poziceDetail a:HOVER {color:#004685;}

@media (min-width: 480px) {

.tabKariera {
width:94%;
margin:20px 3%;
}

.filtrKraj {
margin:25px auto;
width:320px;
}

.filtrKraj select {width:300px;}
}

@media (min-width: 768px) {

.tabKariera td, .tabKariera th {padding:12px 0;}
.itemPozice {border-top:1px solid #eaf1f4;}
.otviraciDobaFirstColum {width:150px;	}

}

@media (min-width: 1024px) {

.tabKariera {
margin:20px 0;
width:980px;
}

.otviraciDobaFirstColum {width:190px;}

}


@media (min-width: 1200px) {

.otviraciDobaFirstColum {width:230px;}

}





/* akce */
.akceItemList {margin:25px 0;}

.akceItemList li {
list-style-type:none;
text-align:left;
background-image: url(../pcs/pcs_layout/item-akce-ico.png);
background-position: left top;
background-repeat: no-repeat;
line-height:23px;
padding:4px	 0 9px 43px;
margin-bottom:15px;
}

@media (min-width: 1024px) {

.akceItemList {margin:25px 0;}

}


.itemList li {
list-style-type:none;
text-align:left;
background-image: url(../pcs/pcs_layout/arrow-produkty-right.png);
background-position: 0 5px;
background-repeat: no-repeat;
padding:0 0 0 17px;
margin-bottom:10px;
}

.itemList170 {height:170px;	}
.itemList180 {height:180px;	}
.itemList190 {height:190px;	}
.itemList130 {height:130px;	}
.itemList100 {height:100px;	}
.itemList70 {height:70px;	}


/* cenik */
.tabFixniCenik {
margin:20px 22px;
border-collapse:collapse;
text-align:left;
}

.tabFixniCenik td {
padding:10px;
border:1px solid #eaf1f4;
}

.tabKariera th {
padding:10px 0;
text-align:left;
}

.tabFixniCenik th {font-weight:normal;}
.tabFixniCenik td strong {color:#004685;}
.tabFixniCenik td.tabImage {text-align:center;}
.tabFixniCenik td.tabImage img {}

@media (min-width: 480px) {

.tabFixniCenik {
width:94%;
margin:20px 3%;
}

}

@media (min-width: 768px) {

.tabFixniCenik td {padding:14px 30px;}
/*.tabFixniCenik td, .tabKariera th {padding:14px 30px;}*/

}

@media (min-width: 1024px) {

.tabFixniCenik {
width:980px;
margin:20px auto;
}
}

@media (min-width: 1200px) {
}



/* contact FORM */
.contactForm {
background-color:#eaf1f4;	
padding:20px 20px 20px 20px;
margin:22px 0;
text-align:left;
}

.contactForm p {margin-bottom:10px;}

.contactForm p label {
color:#004685;
display:block;
font-weight:bold;
margin-bottom:5px;
}

.contactForm p label span {color:#FB9236;}

.contactForm p.threeColum input, .contactForm p.singleColum input, .contactForm p.doubleColum input, .contactForm p.doubleColum select, .contactForm p.threeColum select, .contactForm p.fullColum select {
padding:5px;
width:100%;
margin-right:0;
border:1px solid #dce8ed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;		 
}

.contactForm p.fullColum textarea {
padding:5px;
width:100%;
height:70px;
margin-right:0;
border:1px solid #dce8ed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;	
}

.contactForm p.submit {padding-left:10px;}

.contactForm p.submit input, .contactForm p.submitCenter input {
color:White;
display:block;
width:115px;
height:44px;
line-height:44px;
text-align:center;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
background-image: url(../pcs/pcs_layout/button-background.png);
background-position: center;
background-repeat: repeat-x;
margin: 20px auto 0 auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor:pointer;
}

.contactForm p.submit input:HOVER, .contactForm p.submitCenter input:HOVER {background-image: url(../pcs/pcs_layout/blue-button-background.png);}

.forgotPass {
display:block;
text-align:center;
margin:20px 0 10px 0;
}

#sendOk, #sendKo {
display:block;
/*line-height:50px;*/
padding:17px;
margin: 20px auto;
}

#sendOk *, #sendKo * {color:White;}

#sendOk {background-color:#87ba45;}
#sendKo {background-color:#d53535;}

#sendOk p {
background-image: url(../pcs/pcs_layout/ok-ico.png);
background-position: center left;
background-repeat: no-repeat;
padding-left:30px;
display:inline;
}

#sendKo p {
background-image: url(../pcs/pcs_layout/ko-ico.png);
background-position: center left;
background-repeat: no-repeat;
padding-left:25px;
display:inline;
}

.contactFormDoubleColum {
margin-bottom:0 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:20px 20px 25px 20px !important;
}

@media (min-width: 480px) {

.contactForm {padding:20px 80px 20px 70px;}

}

@media (min-width: 768px) {

.contactForm {padding:20px 130px 20px 120px;}

#sendOk, #sendKo {
line-height:50px;
padding:0;
}

.contactFormDoubleColum {padding:20px 30px 30px 30px;	}

.contactForm p.doubleColum {
float:left;
width:43%;
margin:5px 0;
padding: 0 5px;
}

.contactForm p.doubleColumLast {
float:left;
width:48%;
}

/*.contactForm p.doubleColumFirst {margin-right:2%;}*/
.contactForm p.doubleColumLast {float:right;}

}

@media (min-width: 980px) {

.contactForm {
padding:20px 30px 20px 30px;
margin:30px 0;
}

.contactForm p.threeColum {
float:left;
width:32%;
}

.contactForm p.threeColumFirst {margin-right:2%;}
.contactForm p.threeColumLast {float:right;}

.contactForm p.threeColum input {padding:7px 5px;}
.contactForm p.fullColum textarea {height:140px;}
.contactForm p.fullColumContact textarea {height:65px;}


.contactForm p.submit {padding:0;}

.contactForm p.submit input {
margin: 0 0 0 0;
float:right;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

}

@media (min-width: 1200px) {
}




@media (min-width: 350px) {

#area350  {
width:350px;
margin: 0 auto;
}

}

@media (min-width: 630px) {

#area630  {
width:630px;
margin: 0 auto;
}

}


/* reference obrazky */
#referenceThumbs {margin:22px;}
.referenceThumb { margin:15px 0 }

.referenceThumb img {
border:4px solid #ebeff0;
width:80%;
margin: 0 10%;
}

.referenceThumb img:HOVER {border:4px solid #FB9236;}

@media (min-width: 480px) {

.referenceThumb { 
float:left;
width:50%;
}

}

@media (min-width: 768px) {

.referenceThumb { width:33%;}

}

@media (min-width: 1024px) {

.referenceThumb { width:20%;}

}

@media (min-width: 1200px) {


#referenceThumbs {margin:22px 0;}

.referenceThumb { 
width: 220px; 
margin:25px 20px 0 0; 
}

.referenceThumbLast { margin:25px 0 0 0;  }

.referenceThumb img {
border:4px solid #ebeff0;
width:100%;
margin: 0;
}

}


/* historie - timeline */
.timeLineLogo {
background-image: url(../pcs/pcs_layout/logo-timeline.png);
background-position: center center;
background-repeat: no-repeat;
width:125px;
height:34px;
margin:20px 0;
}

#timeLine {
background-image: url(../pcs/pcs_layout/timeline-background.png);
background-position: 10px 0;
background-repeat: repeat-y;
}

.timelineItem {
background-image: url(../pcs/pcs_layout/timeline-right-item.png);
background-position: center left;
background-repeat: no-repeat;
height:101px;
height:86px;
margin:10px 0;
text-align:left;
padding:15px 20px 0 60px;
font-size:12px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.timeLineDE .timelineItem {
height:106px;
}

.timelineItem strong {
display:block;
color:#004685;
}


@media (min-width: 480px) {

#timeLine {
width:480px;
margin: 20px auto;
}

.timelineItem {
font-size:14px;
width:400px;
}


}

@media (min-width: 768px) {

#timeLine {
width:100%;
background-position: 50% 0;
}

.timeLineLogo {margin:20px auto;}

.timelineItem {
font-size:14px;
width:300px;
}

.timelineItemRight {margin-left:48.6%;}

.timelineItemLeft {
background-image: url(../pcs/pcs_layout/timeline-left-item.png);	
background-position: center right;
padding:15px 60px 0 20px;
float:right;
margin-right:48.6%;
}

}

@media (min-width: 1024px) {

.timelineItemRight {margin-left:49%;}
.timelineItemLeft {margin-right:49%;}


}

@media (min-width: 1200px) {


}


/* kontakt */	
.contactArea {margin:25px 0 30px 0;}

.contactArea div {
height:53px;	
background-position: center left;
background-repeat: no-repeat;
text-align:left;
font-size:18px;
color:#004685;
font-weight:bold;
margin:15px 0 15px 60px;
}

.contactArea div.phone {
background-image: url(../pcs/pcs_layout/ico-kontakt1.png);
padding-left:52px;
line-height:53px;	
}

.contactArea div.email {
background-image: url(../pcs/pcs_layout/ico-kontakt2.png);
padding-left:64px;
line-height:53px;	
}

.contactArea div.email a {
font-size:18px;
color:#FB9236;
font-weight:bold;
}

.contactArea div.email a:HOVER {color:#004685;}

.contactArea div.fax {
background-image: url(../pcs/pcs_layout/ico-kontakt3.png);
padding-left:54px;
line-height:53px;	
}

.contactArea div.place {
background-image: url(../pcs/pcs_layout/ico-kontakt4.png);
padding-left:54px;
}

.contactFormButton {
color:White;	
height:44px;
line-height:44px;
width:175px;
background-image: url(../pcs/pcs_layout/button-background.png);
background-position: top center;
background-repeat: repeat-x;
text-align:center;
text-decoration:none;
margin:15px auto;
display:block;
font-weight:bold;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;	
}

.contactFormButton:HOVER { background-image: url(../pcs/pcs_layout/blue-button-background.png); }

/* mapa */
.flashMapa {
margin:20px 0; 	
display:block;
width:100%;
height:312px;
}

@media (min-width: 480px) {

.contactArea div {
float:left;
width:35%;
margin:15px 0; 
}

}

@media (min-width: 768px) {
}

@media (min-width: 1024px) {

.contactArea div {
float:left;
width:20%;
margin:15px 0; 
}


}

@media (min-width: 1200px) {

.contactArea div.phone {width:248px;}
.contactArea div.email {width:236px;}
.contactArea div.fax  {width:246px;}
.contactArea div.place  {width:246px;}

}


/* produkty - drevo */
.itemImageList li {
list-style-type:none;
text-align:left;
background-position: 0 5px;
background-repeat: no-repeat;
padding:0 0 0 150px;
margin-bottom:10px;
text-align:left;
line-height:22px;
min-height:100px;
}

.itemImageList li.image1 { background-image: url(../pcs/pcs_produkty/drevo1.png);}
.itemImageList li.image2 { background-image: url(../pcs/pcs_produkty/drevo2.png);}
.itemImageList li.image3 { background-image: url(../pcs/pcs_produkty/drevo3.png);}
.itemImageList li.image4 { background-image: url(../pcs/pcs_produkty/drevo4.png);}

.itemImageList li.image5 { background-image: url(../pcs/pcs_produkty/uprava1.png);}
.itemImageList li.image6 { background-image: url(../pcs/pcs_produkty/uprava2.png);}
.itemImageList li.image7 { background-image: url(../pcs/pcs_produkty/uprava3.png);}
.itemImageList li.image8 { background-image: url(../pcs/pcs_produkty/uprava4.png);}

.itemImageList li.image9 { 
padding:0 0 0 40px;
background-image: url(../pcs/pcs_layout/pece-icon.png);
min-height:60px;
}

.itemImageList li.image10 { background-image: url(../pcs/pcs_produkty/uprava10.png);}
.itemImageList li.image11 { background-image: url(../pcs/pcs_produkty/uprava11.png);}


/* produkty - drevene dvere - jinak */
.dvereThumbDesc h2 {font-size:14px;}

@media (min-width: 480px) {
}

@media (min-width: 768px) {

.dvereThumbImg {
float:left;
margin-right:20px;
margin-left:20%;
}

.dvereThumbDesc {float:left;}
.dvereThumbDesc h2 {
font-size:18px !important;
text-align:left;
margin:0 0 10px 0 !important;
}

.dvereColumImg {
float:left;
margin-right:20px;
margin-left:0;	
width:30%;
}

.dvereColumImg img {width:100%;}

.dvereColumDesc {
float:left; 
width:60%; 
}


}

@media (min-width: 1024px) {

.dvereThumbImg {margin-left:20%;}

}

@media (min-width: 1200px) {

.dvereThumbImg {margin-left:20%;}

}


/* obrazova galerie */
.imgGallery {
margin:20px 0;
background-color:#eaf1f4;
padding:20px 0 0 20px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.imgGallery img {
display:block;
width:45%;
float:left;
margin: 0 5% 5% 0;
}



@media (min-width: 480px) {
}

@media (min-width: 768px) {

.imgGallery img {
display:block;
width:22.5%;
float:left;
margin: 0 2.5% 2.5% 0;
}

}

@media (min-width: 980px) {

.imgGallery {
width:980px;
margin:20px auto;
}

}



/* detail produktu */
.techParams {
background-color:#eaf1f4;
padding:20px 0 0 0;	
text-align:left;
}

.techParams p {
line-height:22px;
margin: 0 20px 10px 20px;
}

.techParams p strong {margin-bottom:10px;}
.techParams p {margin-bottom:10px;}

.techParams .produktDetailFor {
width:100%;
border-collapse:collapse;
}

.techParamsSmall .produktDetailFor td {font-size:12px !important;}

.techParams .produktDetailFor td {
padding:5px;
border-top:1px solid #d7e1e6;
}

.techParams .produktDetailFor td.techParamsTableIco {padding:5px 0 5px 20px;	}

.mainProperties .blueTitle, .techParamsText .blueTitle {
font-size:18px !important;
margin-bottom:20px !important;
}

.imageDetail {
margin:20px 0;
position:relative;
}

.imageDetail img {width:100%;}

.greenIcons {
background-image: url(../pcs/pcs_produkty/zelena-usporam-ico.png);
background-position: center left;
background-repeat: no-repeat;
padding:3px 0 0 40px;
color:#3ca000;
font-weight:bold;
margin:15px 0;
width:200px;
text-align:left;
}

.poptavkaButton {
color:White;	
height:44px;
line-height:44px;
width:155px;
background-image: url(../pcs/pcs_layout/blue-button-background.png);
background-position: top center;
background-repeat: repeat-x;
text-align:center;
text-decoration:none;
margin:15px auto;
display:block;
font-weight:bold;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;	
}

.poptavkaButton:HOVER {background-image: url(../pcs/pcs_layout/button-background.png);}

.productDescription {
background-color:#eaf1f4;
padding:20px 0;
}

.slideButtons div, .slideButtonsDouble div {
background-color:#d7e1e6;
height:49px;	
line-height:49px;
margin-bottom:2px;
font-weight:bold;
color:#004685;
cursor:pointer;
}

.slideButtons div:HOVER, .slideButtons div.active, .slideButtonsDouble div:HOVER, .slideButtonsDouble div.active {background-color:#eaf1f4;}

.designSwitch span {
font-size:18px;
color:#004685;
cursor:pointer;
border-right:1px solid #eaf1f4;
padding: 0 10px;
font-weight:bold;
}

#showDesign3 {border-right:none;}
.designSwitch span:HOVER {color:#FB9236;}

.galerieRealizaceBox {}

.galerieRealizace {position:relative;}

.galerieRealizace a {
float:left;	
/*width:30%;
width:50%;*/
margin:1% 1% 0 1% !important;;
display:block;
width:48% !important;
}

.galerieRealizace a img {
width:95%;
border:4px solid White;
}

@media (min-width: 800px) {
.galerieRealizace a {
margin:1% 1% 0 1% !important;;
width:23% !important;
}

.galerieRealizace a img {
width:100%;
border:4px solid White;
}

}


.galerieRealizace a:HOVER img {border:4px solid #FB9236;}

#prevSlide {
background-image: url(../pcs/pcs_layout/galerie-prew.png);
background-position: center center;
background-repeat: no-repeat;
width:17px;
height:41px;
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-20px;

display:none;
}

#nextSlide {
background-image: url(../pcs/pcs_layout/galerie-next.png);
background-position: center center;
background-repeat: no-repeat;
width:17px;
height:41px;
position:absolute;
right:0;
top:50%;
margin-top:-20px;

display:none;
}

.addColums {margin:22px;}
.addColums img {width:100%;}

.addColums h3 {
color:#004685;
display:block;
margin:10px 0;
}
	
.techItemsSpec {margin:30px 20px 20px 20px;}	

.techItemsSpec li {
color:#004685;
text-align:left;
padding:0 0 0 5px;
margin-bottom:10px;
}	
	
@media (min-width: 480px) {

.mainProperties {
width:350px;
margin:20px auto;
}

.techParams {
width:350px;
margin:20px auto;
}

.imageDetail {
margin:20px 80px;
position:relative;
}

.slideButtons, .slideButtonsDouble {
width:50%;
margin: 0 25% 2px 25%;
}

.addColums {margin:22px 60px;}

}

@media (min-width: 768px) {

.mainProperties {
width:48%;
margin:20px 0;
float:right;
text-align:left;
}

.techParams, .techParamsText {
width:48%;
margin:20px 0;
float:left;
}

.techParamsText {text-align:left;}

.imageDetail {
margin:20px 250px;
position:relative;
}

.poptavkaButton {margin:15px 0;}

.slideButtons, .slideButtonsDouble {
width:530px;
width:630px;
margin: 0 auto;
}

.slideButtons div, .slideButtonsDouble div {
float:left;
width:32%;
margin-right:10px;
margin-bottom:0;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.slideButtonsDouble div {width:48%;}
.slideButtons div#slide3, .slideButtonsDouble div#slide2 {margin-right:0;	}

.galerieRealizace a {
width:20%;
margin-right:1%;
}

.addColums {
width:48%;
margin:22px 1%;
float:left;
}

}

@media (min-width: 1024px) {

.mainProperties {
width:30%;
margin:20px 0;
float:right;
text-align:left;
}

.techParams {
width:20%;
margin:20px 0;
float:left;
}

.techParamsText {width:25%;}
.techParamsBigTable {width:30%;} 

.imageDetail {
width:30%;
margin: 20px 0 0 10%;
float:left;
}

.imageDetailBigTable {margin: 20px 0 0 5%;} 

.galerieRealizaceBox {
width:1000px;	
margin: 0 auto;
position:relative;
}

.addColums {
width:31%;
margin:22px 1%;
text-align:left;
}

.addColumsFirst {margin-left:0;}
.addColumsLast {margin-right:0;}
.addColumsDouble {margin-left:17%;}

}

@media (min-width: 1200px) {

.productDescriptionIn {
width:1200px;
margin:0 auto;
}

}



/* prislusenstvi  */
.columPrislusenstvi {
border-bottom:1px solid #d8e2e7;
padding-bottom:30px;
}

.columPrislusenstviLast {border-bottom:none;}
.openMoreInfo span {display:none;}

.openMoreInfo {
margin: 10px 20px 15px 0;
cursor:pointer;
}

.openMoreInfo strong {font-size:16px;}
.openMoreInfo strong:HOVER {color:#FB9236;}


@media (min-width: 480px) {

}

@media (min-width: 768px) {

.columPrislusenstvi {
float:left;
width:50%;
text-align:left;
}

.columPrislusenstviLast {
width:50%;
text-align:left;
}

.columPrislusenstvi {border-bottom:none;}
}

@media (min-width: 1024px) {

.columPrislusenstvi, .columPrislusenstviLast {
float:left;
width:33.33%;
}

}

@media (min-width: 1200px) {


}




/* kalkulacka  */
.kalkulackaForm {
background-color:#eaf1f4;
padding:0 20px;
}

.fullOrange {
margin:0 -20px;
background-color:#fb9236;
padding:20px;
}

.fullOrange label {
color:White;
display:block;
margin-bottom:5px;
font-weight:bold;
}

.fullOrange label * {color:White;}

.fullOrange input {
padding:5px;
border:1px solid #eb7e1f;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.threeColumKalkulacka  {
width:300px;
margin:0 auto;
}

.threeColumKalkulacka .firstPart label, .threeColumKalkulacka .secondPart label, .threeColumKalkulacka label {
color:#004685;
display:block;
margin:5px 0;
font-weight:bold;
}

.threeColumKalkulacka .firstPart {
float:left;
width:220px;
margin-top:20px;
}

.threeColumKalkulacka .secondPart {
float:right;
width:70px;
margin-top:20px;
}

.threeColumKalkulacka .firstPart select, .threeColumKalkulacka select.selectPlace, .selectTemperature, .selectFuel {
padding:5px;
border:1px solid #dce8ed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:220px;
margin: 0 auto;
}

.threeColumKalkulacka select.selectPlace, .selectTemperature, .selectFuel { width:100%; }

.threeColumKalkulacka .secondPart input {
padding:5px;
border:1px solid #dce8ed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:30px;
margin: 0 auto;
}

.kalkulackaForm .odd {
border-bottom:1px solid #d9e5ea;
margin:10px -20px;
}

.kalkulackaForm .note {margin:5px 0;}

.threeColumText {
margin:5px auto;	
color:#004685;
}

.kalkulackaSubmitButton {
color:White;	
height:44px;
line-height:44px;
width:80%;
background-image: url(../pcs/pcs_layout/button-background.png);
background-position: top center;
background-repeat: repeat-x;
text-align:center;
text-decoration:none;
margin:15px auto;
display:block;
font-weight:bold;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-transform:uppercase;
}

.kalkulackaResult {
background-color:#d7e6ed;	
margin: 0 -20px;
padding-bottom:20px;
}

.kalkulackaResult table {
margin:20px;
background-color:#ecf1f5;	
border-collapse:collapse;
width:95%;
margin:20px auto 0 auto;
}

.kalkulackaResult table td, th {
text-align:left;
border-bottom:1px solid #d7e6ed;	
padding:5px;
color:#004685;
}

.kalkulackaResult table tr.secondLine td {color:#FB9236;}

@media (min-width: 480px) {
}

@media (min-width: 768px) {

.threeColumKalkulacka {
float:left;
width:33%;
}

select.selectTemperature, select.selectFuel {
width:90%;
float:left;
}

.threeColumKalkulacka .firstPart {width:65%;}
.threeColumKalkulacka .secondPart {width:20%;}
.threeColumKalkulacka .firstPart label, .threeColumKalkulacka .secondPart label, .threeColumKalkulacka label {text-align:left;}

.threeColumKalkulackaLast {margin-top:20px;}

.threeColumText {
float:left;
width:33%;
text-align:left;
}

.kalkulackaSubmitButton {margin:-3px 0  20px 0;}
.kalkulackaResult table td, th {padding:10px;}

.threeColumKalkulacka .secondPart input {float:left;}

}

@media (min-width: 1024px) {
}

@media (min-width: 1200px) {
}





/* konfigurator oken */
#konfiguratorSteps .step {
background-image: url(../pcs/pcs_layout/kalkulator-step.png);
background-position: right center;
background-repeat: no-repeat;
padding-right:40px;
margin-right:23px;
height:36px;
line-height:36px;
font-size:18px;
color:#9aa6ab;
float:left;
font-weight:bold;
}

#konfiguratorSteps .stepActive {color:#FB9236 !important;}

#konfiguratorSteps #step4 {
background-image:none;
padding-right:0;
margin-right:0;
}

.kalkulatorCategorySelect {
float:left;
width:50%;
}

.kalkulatorCategorySelect div {
text-align:center;
font-size:18px;
font-weight:bold;
text-decoration:none;
color:#004685;
height:190px;
display:block;
background-position: center;
background-repeat: no-repeat;
cursor:pointer;
}

.kalkulatorCategorySelect div:HOVER, .kalkulatorCategorySelect div.active {color:#FB9236;}

#kalkulatorCategorySelect1 {background-image: url(../pcs/pcs_kalkulace/icons1.png);}
#kalkulatorCategorySelect2 {background-image: url(../pcs/pcs_kalkulace/icons2.png);}
#kalkulatorCategorySelect3 {background-image: url(../pcs/pcs_kalkulace/icons3.png);}
#kalkulatorCategorySelect4 {background-image: url(../pcs/pcs_kalkulace/icons4.png);}

#kalkulatorCategorySelect1:HOVER {background-image: url(../pcs/pcs_kalkulace/icons-hover1.png);}
#kalkulatorCategorySelect2:HOVER {background-image: url(../pcs/pcs_kalkulace/icons-hover2.png);}
#kalkulatorCategorySelect3:HOVER {background-image: url(../pcs/pcs_kalkulace/icons-hover3.png);}
#kalkulatorCategorySelect4:HOVER {background-image: url(../pcs/pcs_kalkulace/icons-hover4.png);}

#selectedCategoryArrow {
background-image: url(../pcs/pcs_layout/light-blue-arrow2.png);
background-repeat: no-repeat;
height:17px;
margin-bottom:-31px;
margin-left:-18px;
}

.selectedCategoryArrow1 {background-position: 12.5% center;}
.selectedCategoryArrow2 {background-position: 37.5% center;}
.selectedCategoryArrow3 {background-position: 62.5% center;}
.selectedCategoryArrow4 {background-position: 87.5% center;}

.kalkulaceItems div {
background-position: center 20px ;
background-repeat: no-repeat;
position:relative;
float:left;
width:50%;
height:190px;
margin-bottom:20px;
cursor:pointer;
}

.kalkulaceItems div.item11 {background-position: center 10px;}
.kalkulaceItems div.item12 {background-position: center 10px;}

.kalkulaceItems div.bigger {height:240px !important;}

.kalkulaceItems div p {
position:absolute;
text-align:center;
bottom:20px;
left:0;
padding: 0;
color:#004685;
width:100%;
}

.kalkulaceItems div:HOVER {background-color:#dbe7ec;}

.kalkulaceItems div.item1 {background-image: url(../pcs/pcs_kalkulace/item1.png);}
.kalkulaceItems div.item2 {background-image: url(../pcs/pcs_kalkulace/item2.png);}
.kalkulaceItems div.item3 {background-image: url(../pcs/pcs_kalkulace/item3.png);}
.kalkulaceItems div.item4 {background-image: url(../pcs/pcs_kalkulace/item4.png);}
.kalkulaceItems div.item5 {background-image: url(../pcs/pcs_kalkulace/item5.png);}
.kalkulaceItems div.item6 {background-image: url(../pcs/pcs_kalkulace/item6.png);}
.kalkulaceItems div.item7 {background-image: url(../pcs/pcs_kalkulace/item7.png);}
.kalkulaceItems div.item8 {background-image: url(../pcs/pcs_kalkulace/item8.png);}
.kalkulaceItems div.item9 {background-image: url(../pcs/pcs_kalkulace/item9.png);}
.kalkulaceItems div.item10 {background-image: url(../pcs/pcs_kalkulace/item10.png);}
.kalkulaceItems div.item11 {background-image: url(../pcs/pcs_kalkulace/item11.png);}
.kalkulaceItems div.item12 {background-image: url(../pcs/pcs_kalkulace/item12.png);}
.kalkulaceItems div.item13 {background-image: url(../pcs/pcs_kalkulace/item13.png);}
.kalkulaceItems div.item14 {background-image: url(../pcs/pcs_kalkulace/item14.png);}
.kalkulaceItems div.item15 {background-image: url(../pcs/pcs_kalkulace/item15.png);}
.kalkulaceItems div.item16 {background-image: url(../pcs/pcs_kalkulace/item16.png);}
.kalkulaceItems div.item17 {background-image: url(../pcs/pcs_kalkulace/item17.png);}
.kalkulaceItems div.item18 {background-image: url(../pcs/pcs_kalkulace/item18.png);}
.kalkulaceItems div.item19 {background-image: url(../pcs/pcs_kalkulace/item19.png);}
.kalkulaceItems div.item20 {background-image: url(../pcs/pcs_kalkulace/item20.png);}
.kalkulaceItems div.item21 {background-image: url(../pcs/pcs_kalkulace/item21.png);}
.kalkulaceItems div.item22 {background-image: url(../pcs/pcs_kalkulace/item22.png);}

.kalkulaceItems div.item23 {background-image: url(../pcs/pcs_kalkulace/item23.png);}
.kalkulaceItems div.item24 {background-image: url(../pcs/pcs_kalkulace/item24.png);}
.kalkulaceItems div.item25 {background-image: url(../pcs/pcs_kalkulace/item25.png);}
.kalkulaceItems div.item26 {background-image: url(../pcs/pcs_kalkulace/item26.png);}
.kalkulaceItems div.item27 {background-image: url(../pcs/pcs_kalkulace/item27.png);}

/* profil select */
.profilSelectBox {
width:48%;
margin:20px 1%;
float:left;
}

.profilSelectBoxSingle {
margin:20px auto;
float:none	;
}

.colorSelectBox {
margin-top:5px;
background-color:#eaf1f4;
padding:10px 20px 20px 20px;	
text-align:left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.colorSelectBoxSingle {margin:20px auto;}

.colorSelectBox h3 {
color:#004685;
margin:20px 0 10px 0;
}

.colorSelectBox p {
margin:7px 0;	
}

.colorSelectBox p input {
margin:0 10px 0 0;	
color:Red;
}

.colorSelectBox label {
color:#515151;
font-size:13px;
}

#profilImg1, #profilImg2, #profilImg3, #profilImg4 {
float:right;
width:150px;
height:150px;
background-position: center;
background-repeat: no-repeat;
margin:20px 10px 0 0;
}

/* okna plastova */
.profilImg1_1 {background-image: url(../pcs/pcs_kalkulace/pcs_profil1-1.jpg);}
.profilImg1_2 {background-image: url(../pcs/pcs_kalkulace/pcs_profil1-2.jpg);}
.profilImg1_3 {background-image: url(../pcs/pcs_kalkulace/pcs_profil1-3.jpg);}
.profilImg1_4 {background-image: url(../pcs/pcs_kalkulace/pcs_profil1-4.jpg);}
.profilImg1_5 {background-image: url(../pcs/pcs_kalkulace/pcs_profil1-5.jpg);}
.profilImg1_6 {background-image: url(../pcs/pcs_kalkulace/pcs_profil1-6.jpg);}

/* okna drevena */
.profilImg2_1 {background-image: url(../pcs/pcs_kalkulace/pcs_profil2-1.jpg);}
.profilImg2_2 {background-image: url(../pcs/pcs_kalkulace/pcs_profil2-2.jpg);}
.profilImg2_3 {background-image: url(../pcs/pcs_kalkulace/pcs_profil2-3.jpg);}
.profilImg2_4 {background-image: url(../pcs/pcs_kalkulace/pcs_profil2-4.jpg);}
.profilImg2_5 {background-image: url(../pcs/pcs_kalkulace/pcs_profil2-5.jpg);}
.profilImg2_6 {background-image: url(../pcs/pcs_kalkulace/pcs_profil2-6.jpg);}
.profilImg2_7 {background-image: url(../pcs/pcs_kalkulace/pcs_profil2-7.jpg);}
.profilImg2_8 {background-image: url(../pcs/pcs_kalkulace/pcs_profil2-8.jpg);}

.profilImg3_1 {background-image: url(../pcs/pcs_kalkulace/pcs_profil3-1.jpg);}
.profilImg3_2 {background-image: url(../pcs/pcs_kalkulace/pcs_profil3-2.jpg);}

.profilImg4_1 {background-image: url(../pcs/pcs_kalkulace/pcs_profil4-1.jpg);}
.profilImg4_2 {background-image: url(../pcs/pcs_kalkulace/pcs_profil4-2.jpg);}
.profilImg4_3 {background-image: url(../pcs/pcs_kalkulace/pcs_profil4-3.jpg);}
.profilImg4_4 {background-image: url(../pcs/pcs_kalkulace/pcs_profil4-4.jpg);}
.profilImg4_5 {background-image: url(../pcs/pcs_kalkulace/pcs_profil4-5.jpg);}
.profilImg4_6 {background-image: url(../pcs/pcs_kalkulace/pcs_profil4-6.jpg);}

.selectBarva {
width:250px;
background-color:#f6f6f6;
border:1px solid #d4dadc;
}


#kalkulaceItemPopUp {
/*width:620px;*/
padding:30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:White;
position:fixed;
top:0%;
left:0%;
/*margin:-170px 0 0 -340px;*/
z-index:999;
box-shadow: 0 0 70px #777777;
text-align:left;
}

.kalkulaceItemPopUpTitle {
font-weight:bold;
color:#004685;
font-size:18px;
}

#kalkulaceItemPopUp .removeItem {
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}

.kalkulaceItemPopUpImg {
float:left;
width:160px;
/*height:230px;*/
margin:30px 0 0 0;
}

.kalkulaceItemForm {
margin:30px 0 0 0;	
float:left;
}

.kalkulaceItemForm h3 {
color:#004685;
margin-bottom:15px;
}

.kalkulaceItemFormSize {
float:left;
/*width:24%;	*/
}

.kalkulaceItemFormSize label {
color:#595959;
font-size:13px;
float:left;
width:80px;
line-height:30px;
}

.kalkulaceItemFormSize input {
width:40px;
padding:5px;
background-color:#f6f6f6;
border:1px solid #d4dadc;
float:left;
margin-right:10px;
}

.kalkulaceItemAssChb {margin-bottom:5px;	}
.kalkulaceItemAssInput { height:40px;}

.kalkulaceItemAssInput input { 
width:30px;
padding:2px;
background-color:#f6f6f6;
border:1px solid #d4dadc;
float:left;
margin-right:10px;
}

.kalkulaceSubmit {
float:right;
margin-top:-30px;
}

.kalkulaceSubmit input {
color:White;
display:block;
width:155px;
height:44px;
line-height:44px;
text-align:center;
font-weight:bold;
text-decoration:none;
background-image: url(../pcs/pcs_layout/button-background.png);
background-position: center;
background-repeat: repeat-x;
margin: 20px auto 0 auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor:pointer;
}

.kalkulaceSubmit input:HOVER {background-image: url(../pcs/pcs_layout/blue-button-background.png);}

#hiddenOverlay {
height: 100%;
left: 0;
position: fixed;
top:0;
width: 100%;
z-index: 500; 
background-image: url(../pcs/pcs_layout/blank-background.png);	
}



.poptavkaTable {
border-collapse:collapse;
width:100%;
border-bottom:1px solid #eaf1f4;
margin:20px 0;
}

.poptavkaTable td {
border-top:1px solid #eaf1f4;
padding:10px 15px;
text-align:left;
}

.poptavkaTable td a {color:#FB9236;}
.poptavkaTable td a:HOVER {color:#004685;}

.removeItem {
height:30px;
width:30px;
display:block;
background-image: url(../pcs/pcs_kalkulace/item-remove.png);	
background-position: center;
background-repeat: no-repeat;
}

.removeItem:HOVER {background-image: url(../pcs/pcs_kalkulace/item-remove-hover.png);	}

.poptavkaContinueButton, .poptavkaBackButton {
color:White;	
height:44px;
line-height:44px;
width:155px;
background-image: url(../pcs/pcs_layout/button-background.png);
background-position: top center;
background-repeat: repeat-x;
text-align:center;
text-decoration:none;
margin:15px 0;
display:block;
font-weight:bold;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
float:right;
}

.poptavkaBackButton {
float:left;
background-image: url(../pcs/pcs_layout/blue-button-background.png);
}

.poptavkaContinueButton:HOVER {background-image: url(../pcs/pcs_layout/blue-button-background.png);}
.poptavkaBackButton:HOVER {background-image: url(../pcs/pcs_layout/button-background.png);}

.vyberSluzbyTitle {
font-size:18px;
color:#004685;
height:50px;
}

.sluzbyCheckbox label {margin: 0 10px;	}


@media (min-width: 480px) {
}

@media (min-width: 768px) {

#kalkulaceItemPopUp {
width:620px;
top:50%;
left:50%;
margin:-170px 0 0 -340px;
}


.kalkulatorCategorySelect {
float:left;
width:25%;
}

.kalkulaceItems div {width:33%;}

}

@media (min-width: 1024px) {

#konfiguratorStepsIn {
width:900px;
margin:0 auto;
}

.kalkulaceItems div {width:16.6%;}

}

@media (min-width: 1200px) {
}

#konfiguratorSteps .step {
background-image: url(../pcs/pcs_layout/kalkulator-step.png);
background-position: right center;
background-repeat: no-repeat;
padding-right:40px;
margin-right:23px;
height:36px;
line-height:36px;
font-size:18px;
color:#9aa6ab;
float:left;
}


/* drevo pop up */


.drevoItemPopUp {
width:620px;
padding:0 30px 20px 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:White;
position:fixed;
top:25%;
left:50%;
margin:-170px 0 0 -340px;
z-index:999;
box-shadow: 0 0 70px #777777;
text-align:left;

display:none;
}

.drevoItemUpTitle {
font-weight:bold;
color:#004685;
font-size:18px;
}

.drevoItemPopUp .removeItem {
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}

.drevoItemPopUpImg {
float:left;
width:130px;
height:130px;
margin:0;
}

.drevoItemDesc {
float:left;
width:450px;
}

.drevoItemDesc ul {margin:20px 0;}

.itemListCenter700 {
width:700px;
margin:20px auto;
}


/* certifikaty */
.certificate {margin:20px;}

.certificate a img {
width:80%;
border:1px solid #e6e6e6;
display:block;
margin: 0 auto;
}

.certificate .certName {
color:#FB9236;
display:block;
margin:5px 0;
text-align:center;
}


@media (min-width: 480px) {

.certificate a img {width:50%;}

}

@media (min-width: 768px) {

#certificate {
width:700px;
margin:0 auto;
}

.certificate {
float:left;
width:33%;
margin:0;
}

.certificate a img {width:90%;}

}

@media (min-width: 1024px) {
}

@media (min-width: 1200px) {
}

