@charset "utf-8";

* { margin: 0 0; padding: 0 0; }

html { background-color: #e9e9e9; }
body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: .8em; }
p { padding-bottom: .35em; padding-top: 0; }
ul { list-style-type: none; }
ul li { display: inline; }
a img { border: 0; }

#page { width: 980px; text-align: center; margin: 0 auto; background: url(../images/page-background.jpg) repeat-y; }

#header { text-align: center; }

#navigation { background: url(../images/layout-3c_02.jpg) no-repeat; width: 980px; height: 52px; padding: 18px 0 0 0; text-align: right; }
#navigation ul { padding: 6px 30px 0 0; }
#navigation ul li a { padding: 5px; font-size: 1.2em; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#navigation ul li a:hover { background-color: #FFFFFF; color: #990000; }

#taglines { float: left; text-align: left; padding-left: 30px; color: #FFFFFF; }

#left ul { padding-bottom: 5px; }
#left ul li { display: block; text-align: right; }
#left ul li a { color: #990000; text-decoration: none; display: block; padding: 3px 5px; font-weight: bold; }
#left ul li a:hover { color: #FFFFFF; background-color: #990000; }

#language-selector { padding: 0 0; }
#language-selector a { font-weight: bold; text-decoration: none; color: #990000; padding: 0 2px; }
#language-selector a:hover { background-color: #990000; color: #FFFFFF; }

#left { width: 220px; float: left; }
#left-top { width: 220px; height: 25px; background: url(../images/layout-3c_03.jpg) no-repeat; font-size: 0; }
#left-middle { width: 170px; background: url(../images/layout-3c_06.jpg) repeat-y; text-align: left; padding: 0 20px 0 30px; }
#left-bottom { width: 220px; height: 25px; background: url(../images/layout-3c_09.jpg) no-repeat; font-size: 0; }

#center { width: 540px; float: left; }
#center-top { width: 540px; height: 25px; background: url(../images/layout-3c_04.jpg) no-repeat; font-size: 0; }
#center-middle { width: 540px; background: url(../images/layout-3c_07.jpg) repeat-y; text-align: left; }
#center-bottom { width: 540px; height: 25px; background: url(../images/layout-3c_10.jpg) no-repeat; font-size: 0; }

#center ul li { display: block; }
#center ul li a { color: #990000; }
#center ul li a:hover { text-decoration: none; }

#left-reclame a img { padding-bottom: 3px; }
#center-reclame a img { padding-bottom: 3px; }
#right-reclame a img { padding-bottom: 3px; }

#right { width: 220px; float: left; }
#right-top { width: 220px; height: 25px; background: url(../images/layout-3c_05.jpg) no-repeat; font-size: 0; }
#right-middle { width: 170px; background: url(../images/layout-3c_08.jpg) repeat-y; text-align: left; padding: 0 30px 0 20px; }
#right-bottom { width: 220px; height: 25px; background: url(../images/layout-3c_11.jpg) no-repeat; font-size: 0; }



#footer { width: 980px; height: 30px; text-align: left; clear: both; background: url(../images/layout-3c_12.jpg) no-repeat; color: #ffffff; text-align: center; padding: 15px 0 20px 0; }

.righted { text-align: right; }
.lefted { text-align: left; }
.justified { text-align: justify; }
.centered { text-align: center; }
.indented { padding-left: 30px; }

.illustration-righted { float: right; padding: 0 0 0 5px; }
.illustration-lefted { float: left; padding: 0 5px 0 0; }

#center-middle h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-bottom: 1em; }
#center-middle h1 { font-size: 1.8em; color: #801802; }
#center-middle h2 { font-size: 1.5em; color: #a6280e; }
#center-middle h3 { font-size: 1.2em; color: #ca3616; }
#center-middle a { text-decoration: underline; color: #990000; }
#center-middle a:hover { text-decoration: none; }

.slogan { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #990000; font-size: 1.2em; text-align: center; }