@charset "utf-8";

/* == GENERAL ======================= */
* { margin: 0px; padding: 0px; }
html { background: #46281e url(images/backround.jpg) top center no-repeat; color: #222222; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; }
a { color: #fafafa; text-decoration: none; }
a:hover { color: #663300; }
img { border: none; }
h1 { color: #46281e; font-size: 22px; margin-bottom: 30px; }
p { line-height: 20px; }

/* == NAVIGATION ==================== */
#menu ul { list-style: none; height: 40px; margin-left: 10px; position: relative; }
#menu li { float: left; }
#menu li a { height: 40px; font-weight: bold; line-height: 40px; padding: 0px 10px; text-shadow: 1px 1px #444; }

/* == LAYOUT ======================== */
#wrapper { margin: 0px auto 30px; width: 940px; }
#header { text-align: center; z-index: 100; }
#main { background: #fafafa; border-radius: 5px; box-shadow: 2px 2px 10px #222; margin-top: 20px; padding: 10px; width: 920px; }
#menu { background: url(images/bar.jpg) top left no-repeat; border-radius: 5px; box-shadow: 2px 2px 5px #666; width: 920px; }
#slider { border-bottom: 1px #ccc solid; height: 300px; padding: 5px 0px; width: 920px; }
#presentation { height: 675px; width: 900px; }
#content { margin-top: 10px; padding: 20px 10px; width: 900px; }
#footer { background: url(images/bar.jpg) top left repeat-x; background-size: cover; border-radius: 5px; box-shadow: 2px 2px 10px #222; color: #46281e; height: 40px; line-height: 40px; margin-top: 10px; padding: 0px 20px; z-index: 100; }

/* == COMMON ======================== */
.bordered-image { border-radius: 5px; box-shadow: 2px 2px 5px #222; margin-bottom: 10px; }
.centered { margin: 0px auto; }
.clear { clear: both; }
.justify { text-align: justify; }
.left { float: left; }
.line { border-bottom: 1px #46281e solid; margin-bottom: 10px; }
.right { float: right; }
.thumbs { position: relative; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.space-right { margin-right: 5px; }
.w160 { width: 160px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w360 { width: 360px; }
.w450 { width: 450px; }
.w610 { width: 610px; }

/* == CUSTOM ======================== */
#content a { color: #46281e; }
#footer a { color: #fafafa; }
legend { color: #46281e; font-size: 22px; font-weight: bold; margin-bottom: 20px; }
fieldset { border: none; padding: 10px; }
label { display: none; }
div.field { margin-bottom: 5px; }
input[type=text] { color: #fafafa; width: 300px; background: #2b120b; border-top: #120805 1px solid; border-bottom: #4c200c 1px solid; border-left: none; border-radius: 5px; border-right: none; padding: 5px; }
input[type=submit] { background: #2b120b; border-radius: 5px; cursor: pointer; padding: 10px 5px; width: 100px; border: none; color: #ff9600; font-weight: bold; }
textarea { color: #fafafa; width: 590px; height: 150px; background: #2b120b; border-top: #120805 1px solid; border-bottom: #4c200c 1px solid; border-left: none; border-radius: 5px; border-right: none; padding: 5px; }
.thumbs img { margin-right: 5px; vertical-align: text-top; }
.fancy { font-size: 18px; font-weight: bold; text-shadow: 2px 2px #ccc; }
.espa-banner {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.espa-banner img {
    box-shadow: 2px 2px 10px #222;
}