@import url(fonts.css);
@import url(subpage.css);

/***** hp slider ****/
#hp-slider {
}
.control {
    z-index: -10;
}
#slider-holder {
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 87px;
    width: 100%;
    z-index: -10;
}
#hp-slider ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 20000px;
}
#hp-slider ul li {
    display: block;
    float: left;
    list-style-type: none;
    position: relative;
}
#hp-slider ul li a {
    display: block;
    height: 100%;
    width: 100%;
}
#hp-slider ul li a img {
    height: auto;
    width: 100%;
}
#hp-slider .control a {
    background-repeat: no-repeat;
    height: 56px;
    margin: 222px 0 0;
    position: absolute;
    text-decoration: none;
    width: 42px;
    z-index: 11;
}
#hp-slider .control a.prev {
    background-image: url("/style/gv/pics/home-teaser-left.png");
    left: 12px;
}
#hp-slider .control a.next {
    background-image: url("/style/gv/pics/home-teaser-right.png");
    right: 12px;
}
#hp-slider .control a.prev:hover, .xhp-front #home-teaser .control a.next:hover {
    opacity: 1;
}
#hp-slider .control a span {
    visibility: hidden;
}

.xhp-front #page-layout-box--full-width-- {
  height: 432px;                              
}                            

/*** site ***/
body {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 1em;
	line-height: 150%;
}

a {
  color: #1cc19f;
  text-decoration: none;
}

a:hover {
  color: #333333;
}

tbody p {
  margin: 0;
}

#page-layout-box--header-- {
	width: 100%;
	height: 87px;
	background: #333333;
  position: fixed;
  z-index: 100;
}

	#page-layout-box-inner--header-- {
		width: 1024px;
		padding: 17px 20px;
		height: 53px;
		margin: 0 auto;
	}
	
		#logo {
			margin: 0 20px 0 0;
			display: block;
			width: 282px;
			height: 52px;
			float: left;
		}
	
			#logo a {
				background: url(pics/logo.jpg) no-repeat 0 0;
				width: 282px;
				height: 52px;
				display: block;
				text-decoration: none;	
			}
			
				#logo a span {
					display: none;
				}
				
		#menu {
			float: right;
		}
		
			#menu ul {
				list-style-type: none;
				margin: 17px 0;
				padding: 0;
			}
			
			#menu li {
				float: left;
			}
		
			#menu a {      
				padding: 15px 0;    
				font-family: OpenSans;
				color: #FFF;
				font-size: 16px;
				text-transform: lowercase;
				margin: 0 0 0 20px;
				text-decoration: none;
			}
			
	#page-layout-box--content-- {
		margin: 0;
		width: 100%;
    background: none repeat scroll 0 0 #FFFFFF;
	}
  
  .xnot-front #page-layout-box--content-- {
		margin: 87px 0 0;
  } 
	
		#page-layout-box-inner--content-- {
			width: 1024px;
			padding: 20px;
			margin: auto;
		}
		
			#subpage_boxes {
				margin: 0 0 40px;
				overflow: hidden;
			}
			
			.fx_over {
				width: 1024px;
				height: 80px;
				position: absolute;
				background: yellow;
				opacity: 0.5;
			}
			
			#subpage_boxes a img {
				display: block;
			}
		
			#home_boxes a,
			#subpage_boxes a {
				display: block;
				width: 241px;
				height: 176px;
				float: left;
				margin: 0 20px 0 0;	
			}
			
			#subpage_boxes a {
				height: 80px;
			}
			
			#home_boxes a.last,
			#subpage_boxes a.last {
				margin: 0;
			}
			
			.xhp-front h2,
      .xnot-front h3 {
				font-family: OpenSans;
				font-size: 28px;
				color: #696669;
				font-weight: normal;
				text-transform: uppercase;
				margin: 42px 0 35px;
				padding: 0;
				border-top: 1px solid #DDDDDD;
			}
			
				.xhp-front h2 span.text,
        .xnot-front h3 span.text {
					display: block;
					padding: 0 10px 0 0;
					background: #FFFFFF;
					position: relative;
					top: -9px;
					float: left;
				}
        
        p {
          margin: 30px 0 0;  
        }
        
        ul {
          margin: 30px 0 0;  
        }

		#reference-wrapper {
			width: 953px;
			margin: 0 34px;
			overflow: hidden;
			z-index: 90;
			position: relative;
		}
		
		#reference_group_0 .list_item {
			float: left;
			margin: 0 10px 0 0;
			width: 203px;
			height: 135px;
			overflow: hidden;
			border: 0;
			padding: 0;
		}
		
		#reference_group_0 .catalog-property--name {
			position: absolute;
			padding: 20px;
			font-size: 14px;
			background: #333;
			font-weight: normal;
			margin: 0;
			width: 163px;
			z-index: 60;
		}
		
		#reference_group_0 h3 {
			font-size: 14px;
			font-weight: normal;
			margin: 0;
		}
		
			#reference_group_0 a {
				text-decoration: none;
				color: #FFF;
			}
		
		#reference_group_0 .list_item img {
			width: 203px;
		}
		
		#reference_group_0 .control {
			width: 1024px;
			height: 132px;
			margin: -132px 0 0;
		}
		
		#reference_group_0 .control .left,
		#reference_group_0 .control .right {
			float: left;
			width: 31px;
			height: 132px;
			
		} 
		
		#reference_group_0 .control .right {
			float: right;
		} 
		
		#reference_group_0 .control a {
			display: block;
			width: 31px;
			height: 132px;
			background: url(pics/listing.jpg) no-repeat 0 0;
		}
		
		#reference_group_0 .control a.next {
			float: right;
			background-position: right 0;
		}
		
		#mask-next, #mask-prev {
			position: absolute;
			width: 31px;
			height: 132px;
			display: none;
		}
		
		#reference_group_0 .control span {
			display: none;
		}
				
		#klienti, #nase_sluzby {
			float: left;
			width: 496px;
			clear: none;
		}
		
		#nase_sluzby {
			margin: 0 0 0 30px;
		}
		
			#klienti img {
				margin: 10px;
			}
				
#page-layout-box--footer-- {
	width: 100%;
	background: #333333;
}

	#page-layout-box-inner--footer-- {
		width: 1024px;
		padding: 30px 20px;
		margin: 0 auto;
		color: #BBBBBB;
	}
	
	#page-layout-box--footer-- a {
		color: #BBBBBB;
		font-weight: bold;
		text-decoration: none;
	}
  
a.link-box {
    background-color: #1cc19f;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 10px 10px 0;
    padding: 21px;
    text-decoration: none;
    border: 1px solid #1cc19f;
}

a.link-box:hover {
    background-color: #fff;
    color: #1cc19f;
    border: 1px solid #1cc19f;
}

/* kontakty */
.x-kontakty-- #page-layout-box-inner--content-- {
  width: 100%;
  padding: 0;
}

.x-kontakty-- #page-layout-box--content--right--,
.x-kontakty-- #page-layout-box--content--left-- {
  display: none;
}

.x-kontakty-- #page-layout-box--content-- {
    margin: 57px 0 0;
}
                            
/* masonry - pinterest lyout */
.item { width: 25%;
margin: 0;
padding: 0;}

.item img {
  width: 100% !important;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}

.x-test-- #page-layout-box-inner--content-- {
  width: 100%;
  height: auto;
  padding: 0%;
}

@media screen and (max-width: 1200px) {
.item { width: 33.3%;
margin: 0;
padding: 0;}
}

@media screen and (max-width: 960px) {
.item { width: 50%;
margin: 0;
padding: 0;}
}

@media screen and (max-width: 334px) {
.item { width: 100%;
margin: 0;
padding: 0;}
}

/* varianty */

#varianty-listing {
  margin-top: 77px;
}	

  #varianty-listing h3 {
    font-size: 20px;
    background: none;
  }

/* faq */

#faq-odkazy {
  position: fixed;
  width: 240px;
}	

  #faq-odkazy ul {
    font-size: 16px;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
    #faq-odkazy ul li {
      margin: 0;
      padding: 10px 0;
    }