﻿#vtab {
	    margin: auto;
	    width: 800px;
	    height: 100%;
	}
	#vtab > ul > li {
	    width: 110px;
	    height: 110px;
	    background-color: #fff !important;
	    list-style-type: none;
	    display: block;
	    text-align: center;
	    margin: auto;
	    padding-bottom: 10px;
	    border: 1px solid #fff;
	  
	    border-right: none;
	    opacity: .3;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	}
	#vtab > ul > li.pachet1 {
	    background: url('../images/tabs/pachet1.jpg') no-repeat center center;
	}
	#vtab > ul > li.pachet2{
	    background: url('../images/tabs/pachet2.jpg') no-repeat center center;
	}
	#vtab > ul > li.pachet3 {
	    background: url('../images/tabs/pachet3.jpg') no-repeat center center;
	}
	#vtab > ul > li.pachet4{
	    background: url('../images/tabs/pachet4.jpg') no-repeat center center;
	}
	#vtab > ul > li.pachet5{
	    background: url('../images/tabs/pachet5.jpg') no-repeat center center;
	}


	#vtab > ul > li.selected {
	    opacity: 1;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	    border: 1px solid #ddd;
	    border-right: none;
	    z-index: 10;
	    background-color: #fafafa !important;
	   
	}
	#vtab > ul {
	    float: left;
	    width: 110px;
	    text-align: left;
	    display: block;
	    margin: auto 0;
	    padding: 0;

	    top: 30px;
	}
	#vtab > div {
	    background-color: #fafafa;
	    margin-left: 110px;
	    border: 1px solid #ddd;
	    min-height: 800px;
	    padding: 12px;
	  
	    z-index: 9;
	    -moz-border-radius: 20px;
	}
	#vtab > div > h4 {
	    color: #800;
	    font-size: 1.2em;
	    border-bottom: 1px dotted #800;
	    padding-top: 5px;
	    margin-top: 0;
	}
