html { 
    background-color:#e3e3e3;
}
body {
    background-color:#e3e3e3;
    font-family: Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    min-height: 100%;
    height: 100%;
}

footer{
      position: relative;
      vertical-align: middle;
	border-top:solid 1px #bdbdbd;
	margin-top: 35px;
	padding-top: 10px;
	font-size: 12px;
	padding-bottom: 20px;
	clear: both;
	min-height: 100%;
	height: auto;
	height: 100%;
}
#site{
      background-color:#bdbdbd;
      padding: 0;
      margin: auto;
	width: 1100px;
}
#foot{
	vertical-align: middle;
      text-align: center;
	
}

header{
	border-bottom:solid 1px #bdbdbd;
	margin-bottom: 0px;
	padding-top: 0px;
	font-size: 12px;
	padding-bottom: 0px;
      z-index:0;

}
#container{
      background-color:#404040;
	margin: auto;
	width: 1100px;
      z-index:1;

}
#nav_top{
         position: absolute;
         z-index:2;
         padding:0;
         margin:0;
         top:130px;
         width:1100px;
}
#end(
    background-color:#e3e3e3;
    padding: 0;
    margin: 0;
    height:
)
#main{
      background-color:#c4c4c4;
	margin: auto;
	width: 1100px;

}
#leftcol{
      background-color:#404040;
      width: 299px;
	height: 507px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
      padding-left: 20px;
      padding-right: 20px;
	margin: 0px;
 	overflow: auto;
	font-size: 12px;
	text-align: justify;
}
#content_1{
      background-color:#404040;
      width: 320px;
	height: 507px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
      padding-left: 20px;
      padding-right: 0px;
	margin: 0px;
 	overflow: auto;
	font-size: 12px;
	text-align: justify;
}
#content_2{
      background-color:#404040;
	width: 760px;
	height: 507px;
	float: right;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	overflow: auto;
	text-align: center;
}
#galleryu{
	width: 650px;
	padding-top: 0px;
	padding-bottom: 0px;
      padding-left: 45px;
      padding-right: 45px;
	margin: 0px;
	font-size: 13px;
	overflow: auto;
	text-align: justify;
}
#rightcol2{
      background-color:#c4c4c4;
	width: 760px;
	height: 507px;
	float: right;
	padding: 0px;
	margin: 0px;
	overflow: auto;
	text-align: center;
}
#rightcol3{
	width: 760px;
	height: 507px;
	float: right;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
a {
    color:#ffffff;
}
img {
    border:0;
}
body > div {
    margin:0 auto;
    width:600px;
}
body > div > p {
    text-align: right;
    font-size: 0.8em;
}
@media screen and (max-width: 500px){
    body > div {
        margin:0 auto;
        width:100%;
    }
    img#logo {
        width:100%;
        height:auto;
    }
    body > div > p {
        text-align: right;
        font-size: 0.8em;
        padding:0 5px;
    }
}
body > div > div {
    padding:20px;
    position:relative; 
    overflow: hidden;
}
body > div > div > div#trans {
    background-color: #424242;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;   
    position:absolute;  
    top:0px;  
    left:0px;  
    z-index:-1;
    width:10000px;
    height:10000px;
}
ul.list {
    padding:0px;
    margin:0px;
    color: #404040;
    font-size: 12px;
}
ul.list > li {
    display: inline;
    vertical-align: middle;
    margin-right: 25px;
    font-weight: bold;
}
ul.list > li > a {
    color:#404040;
    text-decoration: none;
}
ul.menu {
    list-style-image: url('http://jkdesigntechnics.com/listy.png');
    list-style-position:outside;
    padding:0px;
    float: right;
    margin:0;
}
ul.menu > li {
    float: left;
    margin-right: 30px;
    font-weight: bold;
}
ul.menu > li > a {
    color:#FFFFFF;
    text-decoration: none;
}
ul > li > a:hover, 
ul > li.selected > a {
    color:#dadada;
}
div#contact-sent {
    margin-top:16px;
    padding:10px;
    border: 1px solid #e3e3e3;
    background-color: #404040;

}
table#contact {
    width:100%;
    margin-top:16px;
}
table#contact td {
    padding-bottom: 10px;
}
table#contact input[type='text'],
table#contact select {
    width:100%;
    background-color: #ffffff;
    border:0px;
    line-height: 25px;
    height: 25px;
}
table#contact textarea {
    width:100%;
    height:150px;
    background-color: #ffffff;
    border:0px;
}
table#contact input[type='submit'] {
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    color:#000000;
    border:1px solid #e5e5e5;
    line-height: 25px;
    height: 25px;
}
table#contact div {
    color:#ff0000;
}

div.offers {
    margin-top:16px;
}
div.offer {
    margin-bottom: 10px;
    border-bottom:1px solid #5C5C5C;
}
div.offer > div.img {
    float:left;
    margin:0 10px 10px 0;
    width:150px;
}
div.offer > div.img img {
    width:100%;
    height:auto;
}
div.offer > div.desc {
    float:left;
    width:400px;
}
div.offer > div.desc p {
    margin:5px 0;
}
div.offer > div.clr {
    clear:both;
}


div.showOffer > div.img {
    text-align: center;
    max-width:400px;
    margin:0 auto;
}
div.showOffer > div.img img {
    width:100%;
    height:auto;
}

table.pics {
    width:650px;
}
table.pics img {
    width:200px;
    height:auto;
}

lista {
      vertical-align : top;
}

mapka {
    font-family: Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    min-height: 100%;
    height: 100%;
}










p { clear: both; }

.audiojs {
    height: 28px;
    background: #404040;
    width:30px;
    position: absolute;
    top:15px;
    right:0;
}
.audiojs .play-pause { width: 30px; height: 40px; padding: 0 0 0 2px; border-right: 0; }
.audiojs p { width: 25px; height: 40px; margin: 0; }
.audiojs .scrubber { display: none;  }
.audiojs .progress { display: none;  }
.audiojs .loaded { height: 10px; background: #000; }
.audiojs .time { display:none;}
.audiojs .error-message { height: 24px;line-height: 24px; }
.track-details { display:none; }
.track-details:before { content: '♬ '; }
.track-details em { font-style: normal; color: #999; }