*{font:15px 'Arial';box-sizing:border-box;}
html, body {
  margin: 0;
  padding: 0;
  }
body {background:#000000;height: 100%;}
a {text-decoration:none;}
#lasto {
  background:#ffffff;
  margin:0px auto;
  width:1000px;
  
}

#header{
  background:url(i/title1.jpg) #ffffff repeat-x;
  padding:1px 0 0 0;
  position:relative;
  height:140px;
}
.topmenu {
  list-style:none;
  height:50px;
  background:url(i/menu.gif) #ffffff repeat-x;
  padding:6px 10px 0 10px;
  }

.topmenu a, .topmenu b{
  color:#EAEAEA;
  font:13px;
  position:relative;
  font-weight:bold;
  margin-left:5px;
}
.topmenulinks {float:right;margin-top:-24px;}
.topmenulinks span {color:#ccc;}
.titles {
   position:absolute;
   padding:0px;
 }
#find {color:#EAEAEA;}
#osnova {width:100%;margin:10px auto;min-height:calc(100vh - 375px); display: table;}
#osnova:after, #osnova:before{
	                          content: ' ';
	                          display: table;
                             }
#osnova:after{
	clear: both;
}

#menu {float:left;width:30%;padding:0px 20px;}

#text {width: 70%;float:left;padding:0px 20px;min-height:100%;display: table-row;}


#text .table-wrap table {border-collapse:collapse;width:650px;}
#text .table-wrap table td, #text .table-wrap ul li {font-size:0.85em;vertical-align:top;}
#text .table-wrap ul {padding:10px;margin:0;}
#text .table-wrap ul li {margin-bottom:10px;}
#text img {margin:10px 20px;}
#text ul, #text ul li, #text p ul, #text p ul li {margin-left:5px;}
#text ul ol li {margin:5px;}
#text i {color:#990000;font-style:italic;font-weight: bold;}
#text em {color:#0066ff;font-style:italic;}
#text .brif {margin:0px 5px 20px 5px;}
#text a {color:blue;text-decoration:underline;}

.postitl {COLOR:#006666; font-size:14pt;font-family:Arial Narrow; font-weight: bold; padding:10px 20px; text-decoration:none;}

h2 {COLOR:#356785; font-size:14pt; font-weight: bold;font-family:Arial Narrow; padding:5px 20px; text-decoration:none;}
h3 {COLOR:#660066; font-size:14pt; font-weight: bold;margin:0;}
h4 {COLOR:#660066; font-size:13pt; font-weight: bold;margin:0;}
h5 {COLOR:#660066; font-size:12pt; font-weight: bold;margin:0;}


#footer {
  background:#356785;
  border-top:#ffffff 1px solid;
  width:100%;
  padding:30px;
  margin-top:20px;
  color:#99ccff;
  }
#footer a,#footer a:visited {color:white;text-decoration:none;}
#footer a:hover {color:white;}
#footer img {margin-right:20px;}

.clear {clear:both;}

td {padding:5px 10px;}

li {margin:5px 15px;}

.nav {
   padding:0;
   margin:0;
   list-style:none;
   font-family: "Arial Narrow";
   }

b {font-weight:bold;}
.nav a,.nav a:active,.nav a:visited,.nav a:link {
   font:14px;
   color:#606;
   font-weight:bold;
   line-height:1.6em;
   }
.nav a:hover {color:red;}
.nav li a span{font-size:0.95em;}

.genres {font-size:1.2em;color:#CC0099;}
.genres b {}
.genres a {padding:2px 4px;border:1px #99CCFF solid;}

.adresa {display:none;padding:5px;color:#336699;border:dashed #88B4C1 1px;background-color:#EBF4F5;margin:0;width:600px;}
.demo-show2 h3 {cursor: pointer}

a:active, a:hover {color:red;}

strong {background-color:yellow;font-weight:normal;}

img {border:0px;}

.panel {COLOR:#660066; font-size:18pt; font-weight: bold;font-family:Arial Narrow; padding:5px 20px 10px 20px; text-decoration:none;display:block;}
.panel a{COLOR: #878C8D; font-size:14pt; font-weight: bold;font-family:Arial Narrow; padding:5px 20px; text-decoration:none;display:block;}
.panel2 {COLOR: #663399; font-size:14pt; font-weight: bold;font-family:Arial Narrow;padding:5px 0px 10px 0px;display:block;}
.panel2 a{COLOR: #663399; font-size:14pt; font-weight: bold;font-family:Arial Narrow;padding:5px 0px;display:block;}


.select {color:red;}
.select1 {font-weight:bold; color:#CC3300;}
.select2 {font-weight:bold; color:#6600FF;}
.select3 {
       padding:5px;
	   margin:5px 0;
	   color:red;
       border:dashed #CC0000 1px;
	   }

input {
   height:30px;
}

#poster input, #poster textarea {width:80%;}

option {
   height:15px;
   padding:0 0 0 5px;
}
blockquote {
   margin:5px 5px 0 15px; 
   padding:3px 0 3px 20px; 
   border-left: 5px solid #ACCCBD;
   color:#006699;
   }

#prev, #next {background:#d1e3e9;margin:5px 0px;border:1px #ccc solid;border-radius:5px;padding:5px;} 

#next {
    text-align: right;
   	float: right;
	margin-right: 5px;
    }

#prev{
    float: left;
    margin-left: 5px;
    }

#nnn {
     border:1px #A4C1B6 solid;
     padding:10px;
	 background:#FFFFFF;
     font-size:0.9em;

}
.tag {color:#666699;}
.botlink {font-size:0.85em;margin:3px 20px;}
.botlink a {color:#85ACAD;}

#bottom {width:500px;}
#bottom td a{text-decoration:none;}
#bottom a b{color:#FF0099;}
#prav {display:block;height:330px;overflow:hidden;}

.yashare-auto-init {margin-bottom:20px;}


@media screen and (max-width: 770px) {
      
	  #lasto, #osnova {width: 100%;}
      #osnova {margin:0;padding:0;}
	  #header {display:none;}
      #find {display:none;}
	  #text {width:100%;}
     .topmenu {height: 100px;background:#336699;}
	 .topmenulinks {float:none;margin:20px auto;}
      #footer {width: 100%;padding: 10px;}
	  #footer #fot {display:none;}   

     #menu {position:absolute;left:50px;top:50px;background:#fff;z-index:1000;padding:20px;margin:20px 0px;
      -moz-box-shadow:0 7px 10px 1px #ccc;-webkit-box-shadow:0 7px 10px 1px #ccc;box-shadow:0 7px 10px 1px #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;float: none;width: 90%;margin:10px auto;}
     .menuIcon {
		position: relative;
		font-size:24px;
		width: 20px;
		display: inline-block;
		text-indent: -9999px;
		margin-right:30px;
		}

     .menuIcon:before {
		content: "";
		font-size: 24px;
		position: absolute;
		top: 0.4em;
		left: 0;
		width: 20px;
		height: 3px;
		border-top: 9px double currentColor;
		border-bottom: 3px solid currentColor;
		}


}

@media screen and (max-width: 500px) {
      
      #osnova {margin:0px;padding:0px;min-height:calc(100vh - 160px);}
	  #header {height:50px;}
      #text .table-wrap {overflow:scroll;width:90vw;}
      #text img {width:95%;float:none;margin:10px auto;}
	  #text #check {width:120px;}
	 .topmenu {}
	 .topmenu form input {width:80%;}
	 .topmenulinks {float:none;margin:10px auto;}
      
      .nav a, .nav li {line-height:1.5em;}
      .panel2 img {display:none;}
	  .panel {font-size:16pt; padding:5px 10px 5px 10px;}

	  #footer {width: 100%;}
	  #footer table {display:none;}
   }