* { margin: 0; padding: 0; border: 0; }
html { font-size: 100.01%; height:100%;}
body { font-size: 62.5%; font-family: 'Arial', sans-serif; height:100%; background:url("../img/body-bg.jpg") repeat; }
div#main {background:#1f0300; width:1000px; margin:0 auto; padding-top:35px; padding-bottom:35px; }
div#top-container{ background: url("../img/top-bg-gr.png") repeat-x; z-index:5;  }
div#top {width:950px; height:363px; position:relative; margin:0 auto; border-top:1px solid #cca268;}
div#rad-grad {width:885px; height:363px; position:absolute; left:0; bottom:0; background:url("../img/rad-gr.png") no-repeat;}
div#top-left-line {width:68px; height:224px; position:absolute; top:-1px; left:0; background:url("../img/top-left-line.png") no-repeat;}
div#top-right-line {width:68px; height:224px; position:absolute; top:-1px; right:0; background:url("../img/top-right-line.png") no-repeat;}
img#years { display:block; width:107px; height:21px; position:absolute; left:50px; top:40px;}
img#name{ display:block; width:165px; height:30px; position:absolute; right:50px; top:40px;}
img#history { display:block; width:261px; height:82px; margin:0 auto; margin-top:60px;}
img#tom1 {display:block; position:absolute; top:160px; left:40px; width:185px; height:315px; z-index:20;}
img#tom2 {display:block; position:absolute; top:160px; left:280px; width:185px; height:315px;}
img#tom3 {display:block; position:absolute; top:160px; left:500px; width:185px; height:315px;}
img#tom4 {display:block; position:absolute; top:160px; left:730px; width:185px; height:315px;}


div#books {width:950px; padding-top:100px; overflow:visible;  margin:0 auto; height:110px; background:0 -363px url("../img/rad-gr.png") no-repeat;}
ul#menu {display:block; width:950px; margin:0 auto; height:38px; margin-bottom:30px; }
ul#menu li {list-style:none; float:left;}
img#razd-line {display:block; clear:both; width:884px; height:41px; margin:0 auto;}
img#razd-line-vn {display:block; clear:both; width:884px; height:41px; margin:0 auto; margin-top:20px;}
div#bottom-gl {position:absolute; width:800px; bottom:40px; left:100px; text-align:center; text-decoration:underline;}
div#bottom {position:absolute; width:800px; bottom:20px; left:100px; text-align:center; text-decoration:underline;}



div#content { position:relative; text-align:justify; overflow:hidden; width:870px; margin:0 auto; font-size:1.3em; color:#dab47f; padding: 0px 35px 180px 35px; background:#1f0300; border-bottom:1px solid #cca268; }
div#search-field {color:#dab47f; text-align:center;}
div#search-field a {color:#dab47f;}
div#content-vn { position:relative; text-align:justify; overflow:hidden; width:870px; margin:0 auto; font-size:1.3em; color:#dab47f; padding: 0px 55px 80px 25px; background:#1f0300; border-bottom:1px solid #cca268; }
div#content p, div#content-vn p {margin:12px 0;}

div#content a, div#content-vn a {color:#805033;}
div#content hr, div#content-vn hr {background:#7c3a13; height:1px;}

div#bottom-left-line {width:68px; height:224px; position:absolute; bottom:-1px; left:0; background:url("../img/bottom-left-line.png") no-repeat;}
div#bottom-right-line {width:68px; height:224px; position:absolute; bottom:-1px; right:0; background:url("../img/bottom-right-line.png") no-repeat;}





/*Vnutr str*/

div#vnutr-top-container { height:304px; background:url("../img/rad-gr.png") no-repeat;}
div#vnutr-top-shadow-container { height:200px; background: url("../img/top-bg-gr.png") repeat-x;}
div#vnutr-top {width:950px; height:200px; position:relative; margin:0 auto; border-top:1px solid #cca268;}
img#tom1-vnutr {display:block; position:absolute; top:170px; left:30px; width:201px; height:83px;}
img#tom2-vnutr {display:block; position:absolute; top:170px; left:260px; width:201px; height:83px;}
img#tom3-vnutr {display:block; position:absolute; top:170px; left:490px; width:201px; height:83px;}
img#tom4-vnutr {display:block; position:absolute; top:170px; left:720px; width:201px; height:83px;}
ul#menu-vnutr {display:block; width:950px; margin:0 auto; height:38px; margin-top:60px; }
ul#menu-vnutr li {list-style:none; height:44px; float:left;}
ul#menu-vnutr a {display:block;}
div#center-block {width:900px; margin:0 auto;}
div#center-left {width:274px; position:relative; border-right:1px solid #000; float:left; padding-bottom:40px; background:#dbb47f; color:#f00}
div#vn-search {height:30px; background:#805033; padding-top:10px;}
div.what-tom {height:43px; margin-top:8px; margin-bottom:17px; color:#7a3912; text-align:center; font-size:1.2em; font-weight:bold; background:url("../img/left-block-zag.png") no-repeat;}
div.what-tom-bot {width:274px; height:43px; position:absolute; bottom:10px; left:0; margin-top:8px; color:#7a3912; text-align:center; font-size:1.3em; font-weight:bold; background:url("../img/left-block-zag.png") no-repeat;}
img#letters {display:block; margin:0 auto; margin-top:5px;}
div#bottom-search {background:#deba89; height:40px; width:425px; margin:0 auto; border:3px solid #b46849; }
div#bottom-search form#ajaxSearch_form {display:block; margin-top:-15px;}
div#search-white-line {background:#fff; text-indent:0px; width:400px; height:19px; margin:0 auto; margin-top:9px;}
div#bottom-search #ajaxSearch_input { height:15px; width:348px;}
div#bottom-search #ajaxSearch_submit {width:51px; height:17px;  background:url("../img/search-btn.jpg") no-repeat;}
div#vn-search form#ajaxSearch_form {display:block; margin-top:-15px;}
div#search-white-line1 {background:#fff; width:400px; height:19px; margin:0 auto; width:220px;}
html>/**/body div#search-white-line1, x:-moz-any-link, x:default {height:20px;}
div#vn-search #ajaxSearch_input { height:15px; width:168px;}
div#vn-search #ajaxSearch_submit {width:51px; height:17px; margin-right:1px;  background:url("../img/search-btn.jpg") no-repeat;}

ul#oglav {display:block;}
ul#oglav li {list-style:none; margin:5px 0; text-align:center; }
ul#oglav a {font-size:1.3em; color:#302f2f; font-weight:bold; text-decoration:none;}
ul#oglav a:hover {text-decoration:underline;}
ul#authors {display:block; margin-bottom:25px;}
ul#authors li {list-style:none; margin:5px 0; margin-left:30px;}
ul#authors a {font-size:1.2em; color:#302f2f; font-weight:bold; text-decoration:none;}
ul#authors a:hover {text-decoration:underline;}

div#menu-strOfBook {}
div#menu-strOfBook>ul {display:block; margin-left:15px;}
div#menu-strOfBook ul li {list-style:none; margin:8px 0; margin-right:10px;}
div#menu-strOfBook ul ul { margin-left:25px; color:#000;}
div#menu-strOfBook ul ul li {margin:5px 0; list-style:disc;}
div#menu-strOfBook ul a { font-size:1.1em; color:#302F2F; font-weight:bold; text-decoration:none;}
div#menu-strOfBook ul a:hover {text-decoration:underline;}
div#menu-strOfBook .arrow-gor {display:block; padding-left:15px; background: left center url("../img/arrow-gor.jpg") no-repeat;}
div#menu-strOfBook .arrow-ver {display:block; padding-left:15px; background: left center url("../img/arrow-ver.jpg") no-repeat;}
div#menu-strOfBook .no-arrow {display:block; padding-left:15px; }
.vizible {display:block;}
.unvizible {display:none;}

a.highslide {}
.class-align-center {margin:0 auto!important;}
.citaty {color:#7c3a13; font-size:1.1em; text-transform:uppercase; font-weight:bold; text-align:center;}
.main-text {font-family: Arial,Helvetica,sans-serif; font-size: 11pt; font-weight: bold; color: #dab47f; text-indent:0px!important;}
div.ramka {text-align:center; padding:0px 18px 0px 0px; color:#7a3912; margin:5px 0px 0px 10px;}
div.ramka-vn {padding:8px 8px 8px 8px; background:#fff; border:1px solid #807869;}
div.ramka-vn img {display:block; }

div#center-right {width:585px; color:#000; padding:20px 20px; float:left; background:#f8d9ae;}
/*div#center-right {width:585px; color:#000; padding-top:20px; padding-left:20px; float:left; background:#f8d9ae;}*/

.str-title { color:#7c3a13; font-size:1.2em; text-transform:uppercase; font-weight:bold; padding-bottom:6px; margin-bottom:15px; text-align:center; border-bottom:1px solid #7c3a13;}
div#citat {color:#7c3a13; font-size:1.1em; text-transform:uppercase; font-weight:bold; text-align:center;}

.sranici {text-align: justify; background-color: fuchsia; width: 800px; }
.tek-str {  padding:3px; color:#030303; text-align:center; margin-left: 5px; margin-right: 5px; float: left; text-decoration: none; border: 1px dotted; margin-bottom: 5px; background-color: #8d381d; color: #ffffff; font-size: 13px;}

/*background:url("../img/cirkle.png") no-repeat;*/
.links-str {  padding:3px; color:#030303; text-align:center; margin-left: 5px; margin-right: 5px; float: left; text-decoration: none; border: 1px dotted; margin-bottom: 5px}

div#coment {position:relative; margin-top:70px; background:url("../img/coment-bg.jpg") repeat-x; padding:0 28px; padding-top:20px; color:#000; font-size:0.9em; text-align:justify; min-height:110px;}
div#coment p {text-indent:0px; margin:5px 0;}
div#coment-left {width:19px; height:110px; position:absolute; top:2px; left:0; background:url("../img/coment-left.jpg") no-repeat;}
div#coment-right {width:19px; height:110px; position:absolute; top:2px; right:0; background:url("../img/coment-right.jpg") no-repeat;}
div#coment-title {width:168px; height:24px; text-align:center; font-weight:bold; padding-top:18px; position:absolute; top:-31px; left:25px; background:url("../img/coment-title.jpg") no-repeat;}

#element {
position: absolute;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -250px;
height: 400px;
width: 500px;
}


.pagination {text-align: center; width: 580px; display:inline-block;}
.nextpage {display:inline-block; margin:3px; padding:3px; border:#DBB47F 1px dotted;}
.nextpage a {font-size: 13px; text-decoration:none; color:#FFFFFF; text-decoration:none;}
.currentpage {display:inline-block; margin:3px; padding:3px; border:#DBB47F 1px dotted; background-color:#8D381D;}
h2 {font-size: 12px; text-decoration:none; color:#333; text-align:center;}
h2.currentpage {font-size: 12px; text-decoration:none; color:#FFF;}

