/* Main DIV */

body{
   font-family: arial;
   font-size: 13px;
   background-image: url(/images/background-texture.gif);
	margin: 10px 0px 10px 0px;
   padding: 0 0 0 0;
}

A:link, A:visited, A:active, A:hover{
   color:#FFEDCF;
}

#page {
   margin: auto;
   align: middle;
   background-image: url(/images/texture.gif);
   background-repeat: repeat;
   
   display: block;
   width: 1000px;
   /*height: 600px;*/
   
   position: relative;

}

/* Make round corners */
.corner{
   position: absolute;
   display: block;
   width: 28px;
   height: 28px;
   background-repeat: no-repeat;
}
#corner_1 {
   top: 0px;
   left: 0px;
   background-image: url(/images/corner_1.gif);
}
#corner_2 {
   top: 0px;
   right: 0px;
   background-image: url(/images/corner_2.gif);
}
#corner_3 {
   bottom: 0px;
   right: 0px;
   background-image: url(/images/corner_3.gif);
}
#corner_4 {
   bottom: 0px;
   left: 0px;
   background-image: url(/images/corner_4.gif);
}

/* Outer frame */
#outer-top, #outer-bottom {
   /*width: 100%;*/
   /*height: 100px;*/
   padding-left: 20px;
   padding-top: 20px;
}
#outer-left, #outer-right {
   width: 150px;
   padding-left: 5px;
   padding-right: 5px;
}
#outer-right {
   padding-left: 5px;
   margin-left: 0px;
   padding-right: 0px;
   margin-right: 0px;
   _margin-right: -50px;
   _margin-left: -10px;
}

/* Title images */
#title{
   width: 657px;
}
#title-muzeum{
   float: right;
   margin-bottom: -5px;
}
#title-logo{
   padding-left: 30px;
   margin-bottom: -16px;
}
#title-pevnost{
   position: relative;
   top: -15px;
   left: 10px;
   margin-bottom:-15px;
}

/* Footer */
#footer {
   height: 100px;
}

/* Inner frame */
#inner{
   width: 680px;
}

#inner-text{
   /*width: 100%;*/
   padding-left:10px;
   padding-right:10px;
   padding-bottom:1px;
   min-height:270px;
   color: #DBDB9B;
   font-size: 15px;
}

#inner-background{
   background-image: url(/images/background_lite.png);
   background-repeat: no-repeat;
   zoom: 1;
}

#inner-text h2{
   font-size:35px;
   margin-top: 0px;
   /*color: #DCD6B5;*/
   text-shadow:0 0 5px #444444;
   margin-bottom:60px;
   clear:both;
}

#inner-text h3{
   margin-top: 10px;
   margin-bottom: 5px;
   clear:both;
}

#inner-text ul{
   margin-top: 3px;
   margin-bottom: 3px;
}

#inner-text p{
   margin-top: 5px;
   margin-bottom: 5px;
   text-align: justify;
   text-indent: 20px;
}

#inner-text img{
   margin: 8px 8px 8px 8px;
}

/* Border declaration */
.border-top, .border-bottom{
   width: 100%;
   height: 34px;
   position:relative;
}
.border-bottom{
   height:10px;
}
.border-left, .border-right{
   /*width: 20px;*/
   background-repeat:repeat-y;
}
.border-left{
   padding-left: 10px;
   background-image: url(/images/shadow_left.png);
}
.border-right{
   padding-right: 10px;
   background-image: url(/images/shadow_right.png);
   background-position:100% 50%;
}
.border-top-left,.border-top-right,.border-bottom-left,.border-bottom-right
{
   width: 36px;
   height: 34px;
   position:absolute;
   top:0px;
}
.border-top-left,.border-bottom-left
{
   left:0px;
}
.border-top-right,.border-bottom-right
{
   right:0px;
}
.border-top-middle,.border-bottom-middle
{
   /*width: 100%;*/
   margin-left: 36px;
   margin-right: 36px;
   height: 34px;
   /*float: left;*/
}
.border-top-left
{
   background-image: url(/images/shadow-corner_1.png);
}
.border-top-right
{
   background-image: url(/images/shadow-corner_2.png);
}
.border-bottom-left
{
   background-image: url(/images/shadow-corner_4.png);
}
.border-bottom-right
{
   background-image: url(/images/shadow-corner_3.png);
}
.border-top-middle
{
   background-image: url(/images/shadow_top.png);
   background-repeat:repeat-x;
}
.border-bottom-middle
{
   background-image: url(/images/shadow_bottom.png);
   background-position: 0px 100%;
   background-repeat:repeat-x;
}

/* INFO box */
#info{
   width: 150px;
   _margin-right: -50px;
   /*overflow: hidden;*/
   /*font-weight: bold;*/
}
#info h3{
   color: #BDCE98;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 5px;
   font-size: 140%;
}
.info-name{
   color: #FFFFFF;
   float: left;
   clear: both;
   _width: 100%;
}
.info-value{
   color: #FFEDCF;
   float: right;
   text-align:right;
   _float: none;
}
.info-name-same-line, .info-name-same-line2{
   color: #FFFFFF;
   float: left;
   clear: both;
}
.info-name-same-line2{
   padding-left:5px;
}
.info-value-line{
   width: 140px;
   float: left;
   color: #FFEDCF;
   padding-left: 15px;
}

/* NOVINKY */
#news{
   width: 100%;
   margin-top:30px;
   /*font-weight: bold;*/
}
#news h3{
   color: #BDCE98;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 5px;
   font-size: 140%;
}
#news h4{
   color: #FFEDCF;
   font-size: 13px;
   margin-bottom: 0px;
   margin-top: 10px;
}
#news ul{
   font-size: 11px;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   margin: 0px;
   padding: 0 0 10px 5px;
}
#news div{
   color: #DBDB9B;
   margin-left: 5px;
}

/* MENU */
#menu{
}
#menu li{
   font-family: arial black;
   font-size: 14px;
   list-style-image: none;
   list-style-type: none;
   list-style-position: outside;
   margin-left: 5px;
   margin-top: 15px;
   
   text-shadow:0 0 15px #FFFCC8;
   color:#5B2B2C;
}

#menu LI .selected{
   color: #4B2020;
}

#menu A:link, #menu A:visited, #menu A:active, #menu A:hover{
   color:#FFEDCF;
   text-shadow:0 0 15px #000000;
}

/* Map */

#mapa{
   border: 1px none white; 
   width: 600px; 
   height: 480px;
   padding-bottom:10px;
}

/* Gallery */

#gallery span{
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   
   display: inline-block;
}

#gallery img{
   margin: 0px 0px 0px 0px;
}

/* Icons */

#icons{
   margin-top: 30px;
   text-align: center;
}

/* Generic declarations */
.layout {
   /*position: absolute;*/
   display: block;
}

.floater{
   float: left;
}

.center{
   text-align: center;
}

.cleaner {
   display: block;
   height: 0px;
   width: 100%;
   clear: both;
}

.fatty{
   width: 100%;
}

img {
   border: none;
}