@charset "utf-8";

img.miniature {
margin: 2% 1% 0 0;
border-style: solid;
border-width: 1px;
float: left;
background: #150706;
max-width: 150px;
max-height: 100px;
width: 30%;
height: 30%;
}

dt.message, dt.error	{
background: #100504;
font-weight: bold;
font-size: 1.5em;
padding: 0.5em;
color: #DBDBDB;
font-variant: small-caps;
}

dd.message ul li {
background: #150706 url('../images/message_information.png') no-repeat 0.5em;
padding: 0.5em 0.5em 0.5em 3.5em;
}

dd.message ul {
padding-left: 0em;
}

dl#system-message {
margin-bottom: 1.5em;
}

body {background: #120e05 url('../images/bgbody.jpg') no-repeat center top;}

div.center {text-align: center; margin: auto; width: 980px;}

.container {text-align: left; width:95%; margin: auto; padding-top: 20px; padding-bottom: 20px;}

.logo {padding: 1em; float: right;}

div.mod-languages {float: left;}

.lang-inline li {
opacity: 0.3;
background: none !important;
}

.lang-inline li.lang-active {
opacity: 1;
}

dl.article-info
{
font-size: x-small;
float: right;
padding: 1%;
width: 15%;
}
dt.article-info-term
{
font-variant: small-caps;
font-weight: bold;
font-size: 130%;
}

.page-top { height: 20em; }

.backing {width: auto; height: auto;}

.page-bottom {width: 95%; height: 39px;}



header { height: auto;}



nav {width: 95%; height: auto;}



#breadcrumbs {float: left; width: 95%; height: auto;}

#left {float: left; width: 150px; min-height: 1px; margin-left: 25px; margin-right: 15px;}

/* #content {padding: 1.5%; background: #222 url('../images/bg.png') repeat; float: left; width: 70%; min-height: 1px;} */

div.content {padding: 1.5%; float: left; width: 70%; min-height: 1px;
background: url('../images/border-l-r.png') repeat-y 0px 48px, url('../images/border-l-r.png') repeat-y right top, url('../images/bg-content-center.png') repeat-x center top, url('../images/border-bottom.png') repeat-x center bottom, #1c0907;
/* width: 97%; */
}

div.right {float: right; width: 23%; min-height: 1px; margin-left: 15px; margin-right: 25px;}


@media screen and (max-width: 1100px) {
.right {
float: left !important;
font-size: 0.5em;
margin-bottom: 15%;
}

.page-top {
height: 0 !important;
}

div.content {
width:97%;
}

}

div.cnt {
padding-top: 4%;
}


.item-page h2
{
padding-bottom: 2%;
color: #DBDBDB;
}


footer {width: 90%; height: auto; margin: 10px; padding-top: 1%;}

/* oi buttons */


    .myButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:15px;
        font-weight:normal;
        padding: 5% 7%;
        text-decoration:none;        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }