ul.accordion{
	list-style:none;   
	overflow:hidden;
	width:980px;
	height:345px;
	padding:0px;
	margin: 0px;
}
ul.accordion a,
ul.accordion a:hover {
  text-decoration:none;
  color:black;
}
ul.accordion li{
    float:right;
    width:160px;
    height:345px;
    display:block;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color:#333333;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}
  
ul.accordion li a {  
  display:block;
  width:100%;
  height:345px;  
  position:absolute;
  top:0px;
  left:0px;
}
ul.accordion li.bg1{
    background-image:url(/images/gallery/accordion/ospolecnosti.jpg);
    background-size:cover;
}
ul.accordion li.bg2{
    background-image:url(/images/gallery/accordion/sluzby.jpg);
    background-size:cover;
}
ul.accordion li.bg3{
    background-image:url(/images/gallery/accordion/technologie.jpg);
    background-size:cover;
}
ul.accordion li.bg4{
    background-image:url(/images/gallery/accordion/produkty2.jpg);
    background-size:cover;
}
ul.accordion li.bleft{
    border-left:2px solid #fff;
}
  
ul.accordion li.bg1 h2 {
  background-color:#323261;
}
ul.accordion li.bg2 h2  {
  background-color:#4B4B93;
}
ul.accordion li.bg3 h2  {
  background-color:#323261;
}
ul.accordion li.bg4 h2  {
  background-color:#4B4B93;
}  

ul.accordion li .description{
    position:absolute;
    width:500px;
    height:98px;
    bottom:0px;
    left:0px;
}
  
ul.accordion li .description h2{
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:15px;
    color:white;
    text-align:left;
    margin:0px;
    padding: 5px 20px;
    text-transform: uppercase;
}
ul.accordion li .description p {
    line-height:18px;
    margin:5px 20px;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    display: none;
    color: white;
}

ul.accordion li:last-child .description p {
	display: block;
}

ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}

ul.accordion li .bgDescription{
    height:98px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;

    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/* prvni slajd*/
ul.accordion li:last-child {
    width:500px;
}
  
ul.accordion li:last-child .description,
ul.accordion li:last-child .bgDescription {
    display:block;

} 
  
#foot {
  font-size:12px;
}