/************** Front **************/

/**** Front ****/

#front_box01 { background: #3a0000; min-height: 100%; }
* HTML #front_box01 { height: 100%; }
#front_box02 { background: url(bg01.png) 50% 100% repeat-x; padding: 0 0 217px 0; margin: -130px 0 -200px 0; position: absolute; width: 100%; }
#front_box03 { background: url(bg02.png) 50% 0 repeat-x; padding: 214px 0 0 0; }
#front_box04 { background: url(bg03.png) 50% 0 repeat-x; height: 428px; }
#front_logo_box { background: url(bg16.gif) 50% 0 no-repeat; height: 390px; width: 667px; margin: auto; padding: 0 0 0 0; }
#front_langs { float: left; padding: 330px 0 0 253px; }
#front_langs #langs { padding: 0; margin: 0; float: left; }

/**** Header ****/

#header { width: 980px; margin: auto; }
#logo { float: left; margin: 0pt; padding: 0 0 0 3px; }
#langs { float: right; margin: 0; padding: 35px 80px 0 0; list-style: none; }
#langs * { float: left; }
#langs LI { padding: 0; }
#langs A { width: 42px; height: 42px; position: relative; }
#langs A:hover { text-decoration: none; background: url(bg15.png) 0 0 no-repeat; }
#langs A.active { background: url(bg15.png) 0 0 no-repeat; }
#langs A SPAN { width: 28px; height: 28px; margin: 7px; cursor: pointer; }
#langs A SPAN.FR { background: url(/maroko/img/langs/fr01.png) no-repeat; }
#langs A SPAN.RU { background: url(/maroko/img/langs/ru01.png) no-repeat; }
#langs A SPAN.ET { background: url(/maroko/img/langs/et01.png) no-repeat; }
#langs A SPAN.EN { background: url(/maroko/img/langs/en01.png) no-repeat; }
#langs A IMG { visibility: hidden; }
* HTML #langs A SPAN IMG { display: none; }
* HTML #langs A SPAN.FR { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/maroko/img/langs/fr01.png', sizingMethod='crop'); }
* HTML #langs A SPAN.RU { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/maroko/img/langs/ru01.png', sizingMethod='crop'); }
* HTML #langs A SPAN.ET { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/maroko/img/langs/et01.png', sizingMethod='crop'); }
* HTML #langs A SPAN.EN { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/maroko/img/langs/en01.png', sizingMethod='crop'); }
* HTML #langs A:hover { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/maroko/img/bg15.png', sizingMethod='crop'); background: none; }
* HTML #langs A.active  { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/maroko/img/bg15.png', sizingMethod='crop'); background: none; }

/**** Cols ****/

.col { padding: 20px 0pt 36px 0px; float: left;}
.col01 { margin: 0pt 1px 0pt 5px; width: 258px; }
.col02 { margin: 0pt 15px 0pt 0pt; width: 650px; }
#content01 { width: 980px; }

/**** Pattern Boxes ***/

div.block01 { background: url(bg11.gif) repeat-y scroll 0pt; width: 229px; margin: 0 0 14px 0; }
div.block01a { background: url(bg11.gif) no-repeat scroll -229px 0pt; }
div.block01b { background: url(bg11.gif) no-repeat scroll -458px 100%; padding: 20px 20px 22px; }
div.block01c { background: url(bg11.gif) no-repeat scroll -458px 100%; padding: 9px 20px 22px; }

/*** Menu ****/

#menu1 { list-style: none; padding: 4px 0 8px; margin: 0; font-size: 17px; }
#menu1 LI { display: inline; }
#menu1 A { color: #5a0600; text-decoration: none; display: block; background: url(dot01.png) 0 3px no-repeat; padding: 2px 0 10px 23px; }
#menu1 A.active { font-weight: none; text-decoration: none; color: #c00;}
#menu1 A:hover { text-decoration: underline; color: #c00; }
#menu1 UL A { background: url(dot01.png) 0 2px no-repeat; }
#menu1 UL { list-style: none; padding: 0 0 0 20px; margin: 0; }
#menu1 UL LI { font-size: 12px; }
#menu1 UL LI A.active { color: #c00; background: url(dot01.png) 0 2px no-repeat; }

/***** Content *****/

.read_more { line-height: 42px; }
.read_more A { color: #990c00; }
.read_more A:hover { text-decoration: underline; }

/************** Subpage **************/

#box01 { background: url(bg07.png) 50% repeat-x; height: 122px; }
#box02 { background: url(bg08.png) repeat-x; height: 31px;  }
#box03 { background: #f6e49e; }
#box03a { width: 980px; margin: auto; }
#box03b { background: url(bg12.png) no-repeat; }
#box04 { background: url(bg09.gif) repeat-x; height: 30px; }
#box05 { background: url(bg10.png) repeat-x; height: 32px; }

/*** Random Image ****/

#random_image { width: 175px;}
#random_image P { color: #5a0600; font-size: 14px; font-weight: bold; line-height: normal;  border-bottom: 1px solid #f6e49e ; margin: 0; padding: 6px;}
#random_image_pic { margin: 10px 0; }
#random_image_pic IMG { padding: 9px; width: auto; }
#random_image_pic A {background: #fff7d3; border: 1px solid #f6e49f; display: block; padding: 0px;}
#random_image_pic A:hover { border: 1px solid #fff; }

/* Form */

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 10px 5px 10px; border: solid #fff; border-width: 1px 0; background: #fbf3dc; text-align: right; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 10px; border: solid #fff; border-width: 1px 0; background: #fbf3dc; }
TABLE.form TD.data { padding: 5px 10px; font-weight: normal; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .max { width: 310px; }
TABLE.form .default { width: 210px; }
TABLE.form .min { width: 60px; }
TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 304px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 204px; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 54px; }
TABLE.form TH.subheading { text-align: center; color: #5a0600; padding: 5px 10px; background: #fdefb4; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }

/* Content */

.content A { text-decoration: underline; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: solid #ecc968; border-width: 1px 0; padding: 4px 10px; background: #fdefb4; font-weight: bold; }
.content TABLE TD { line-height: normal; border: solid #ecc968; border-width: 1px 0; padding: 4px 10px; background: #fbf3dc; }
.content TABLE TR.even TD { background: #f6e49e; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot02.png) 0 5px no-repeat; padding: 0 0 0 12px; }

/* Messages */

P.msg-error { color: #fff; padding: 8px 12px; background: #c00; line-height: normal; text-align: center; }
P.msg-error A { color: #fff; }
P.msg-ok { color: #fff; padding: 8px 12px; background: #2b7e11; line-height: normal; text-align: center; }
P.msg-ok A { color: #fff; }
P.msg-info { color: #000; padding: 8px 12px; background: #eeedba; line-height: normal; text-align: center; }
P.msg-info A { color: #000; }

/* Action buttons */

P.actions { line-height: normal; }
P.actions BUTTON,
P.actions INPUT { border: 1px solid #ecc968; background: #5a0600; padding: 1px 10px; overflow: visible; cursor: pointer; float: left; margin: 0 5px 0 0; color: #fdefb4; }

/* Paging */

UL.pages { margin: 1em 0 0 0; padding: 0 5px; background: #fdefb4; line-height: normal; }
UL.pages LI { float: left; background: none; padding: 0; margin: 0; }
UL.pages LI.label { padding: 2px 5px 3px 5px; color: #888;  font-weight: bold; }
UL.pages LI A { float: left; padding: 2px 4px; text-decoration: none; color: #024; }
UL.pages LI A:hover { background: #5a0600; color: #fff; }
UL.pages LI A.active { background: #5a0600; color: #fff; }

/* News */

UL.news { margin: 1em 0 0 0; padding: 0; list-style: none; }
UL.news LI { display: inline; padding: 0; margin: 0; background: none; }
UL.news A { text-decoration: none; color: #5a0600; }
UL.news A:hover { text-decoration: underline; color: #c00; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; padding: 1px 0 1px 12px; background: url(dot02.png) 0 5px no-repeat; }
UL.news P.lead { margin: 0; padding: 0 0 5px 12px; }
UL.news SPAN.date { color: #aaa; font-weight: normal; margin: 0 0 0 10px; float: right; }

/* Sitemap */

#sitemap-tree { font-weight: bold; }
#sitemap-tree A { text-decoration: none; }
#sitemap-tree A:hover { text-decoration: underline; }
#sitemap-tree UL { padding: 10px 0 10px 20px !important; margin: 0; font-weight: normal; }