@prechod: all 0.5s ease 0s;
@zelena: #53bf6b;
@cerna: #3c3c3c;

body{background: url('/skins/investa/img/body-bg.jpg') left top; font-family: 'Open Sans', sans-serif;}
a {color: @zelena;}
a:hover, a:focus{text-decoration: underline; color: @zelena;}
img {border:0px;}

#top{background: white;
     #logo{float: left; margin: 20px 0; text-align: center;}
     #main-menu{float:right;
         li{float:left;} 
         li a{padding: 30px 20px; font-size: 15px; text-align: center; text-transform: uppercase; color: @cerna; background: url('/skins/investa/img/li.png') center top repeat-x;}
         li a:hover{color: @zelena; background: url('/skins/investa/img/li-hover.png') center top repeat-x;}
         .selected-menu a{color: @zelena; background: url('/skins/investa/img/li-hover.png') center top repeat-x;}         
     }
}

#slider{margin:30px 0 -47px 0;
    .rotate{list-style-type: none; margin: 0px auto; list-style-type: none; width: 100%; overflow: hidden; height: 348px; padding: 0px;
            img{width: 100%;}
    }
    #posun-sipky{position: relative; width: 100%; max-width: 1050px; margin: 0px auto; z-index: 100; top:-200px;
        #prev{float: left; background: rgba(0,0,0,0.5); padding: 10px 5px; cursor: pointer;}
        #next{float: right; background: rgba(0,0,0,0.5); padding: 10px 5px; cursor: pointer;}
    }    
}

#content{margin:30px 0; font-size:14px; color: @cerna;
    .container{background: white; padding: 30px;
        .subpages{
           h3{text-align:center; display:block;}
        }
    }  
    .sipka{transition:@prechod; transform:rotate(0deg);}  
    .sipka-nahoru{transform:rotate(-180deg);} 
    .ZkladntextIMP{color:@zelena;}
    h1{font-weight: bold; text-transform: uppercase; font-size: 30px; text-align: center; color:white; margin: 20px 0 50px; padding: 2px 30px; background: @zelena; border-radius: 10px; display: inline-block;}
    h3{text-align:center; color:@zelena; display:inline-block;}
    
    #filter{list-style-type: none; padding: 0px;
        li{float: left; padding: 5px 15px; border-right: 1px solid #d9d9d9;
           a{color:@cerna; text-decoration: underline;}
           a:hover{color:@zelena; text-decoration: none;}
        }        
        .active a{color:@zelena; text-decoration: none;}
    }
    form{float:right;
         input[type="text"]{padding: 10px; width: 250px; background: #e8edee; border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); border:none; font-family: Arial; font-size: 10px; color: #565b5f;}
         input[type="submit"]{background: @zelena; border-radius: 3px; border:none; padding: 8px 15px; position: relative; top: 2px; color: white; text-shadow: -1px -1px 1px rgba(0,0,0,0.16); text-transform: uppercase; font-family: Trebuchet MS; font-weight: bold; cursor: pointer;}    
         textarea {padding: 10px; width: 250px; background: #e8edee; border-radius: 3px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); border:none; font-family: Arial; font-size: 10px; color: #565b5f;}
         fieldset{border:none;}
         legend{display: block;}
         #sbtn-1{float: right; margin: 0 8px;}
         #sbtn-2{float: left; margin: 0 60px;}
         .formreset{display: none;}
         li{margin: 10px 0;}
         label{margin: 6px; text-align: right; width: 70px;}
         ol{padding: 0px;}
    }
    table{width: 100%; border-collapse: collapse;
          .hlrow{background: #eeeeee;}
          td{border: 1px solid #e5e5e5; padding: 5px 10px;}
    }
    .znaky{
      .hlrow{background:white !important;}
      td{border:0px; text-align:center;}
    }
}

#programy{padding: 30px; background: #cfcfcf; text-align: center;
    span{margin: 5px;}
}

#pata{padding:30px; background: @cerna;
    #realizace{float: right; color:white;}
}

.ilist{margin: 30px 0 0 0;}
.item{float:left; border:1px solid #bfbfbf; margin: 0 10px 10px 0; width: 23%;
     .image{height: 180px; overflow: hidden; background: #e5e5e5; text-align:center;
            img{height: 180px;}
     }
     .title{display: block; padding: 10px; font-size: 16px; height: 80px; text-align: center; overflow: hidden;}
     .item-title{position: absolute; margin-top: -30px;}
}

#product_detail{margin:30px 0 0 0;
    .borderedlarge{float:left;
        img{width: 100%;}
    }
    .product_images{
        a{margin: 20px 5px 0 0; width: 103px; height: 64px; float: left;}
        a:last{margin:0px;}
    }
    .item-leftbox{float: left; width: 48%;}
    .item-rightbox{float: right; width: 48%;
        h2{color: @zelena; font-size: 34px; margin: 0 0 10px 0;}           
    }
}