/* GRID */
body {margin:0; padding:0 0 24px 24px; background:#FFFFFF URL(../img/bg/body_bg_1.jpg) no-repeat; color:#666666}
#index {}
#editor {margin:0; padding:0; background:#FFFFFF}
#mod1 {width:945px; background:#FFFFFF URL(../img/bg/hdr_bg.gif) bottom right repeat-x}
#mod111 {vertical-align:top; width:90%}
#mod112 {vertical-align:top}
#mod2 {width:945px; background:#FFFFFF URL(../img/bg/short_bg.gif) repeat-y}
#mod211 {vertical-align:top; padding:16px 37px; }
#mod212 {vertical-align:top; text-align:right; padding:16px 37px; }
#mod3 {width:945px; height:700px; background:#FFFFFF}
#mod311 {vertical-align:top;}
#mod312 {width:257px; vertical-align:top; background:URL(../img/bg/mod413_bg.gif) no-repeat; padding-top:206px}
#mod4 {height:370px; margin-top:2px}
#mod411 {vertical-align:top; width:366px; background:URL(../img/bg/mod411_bg_1.gif) top right no-repeat} #mod411 .c {padding:89px 43px 45px 45px}
#mod412 {vertical-align:top; width:292px; background:#FFFFFF}
#mod413 {}
#mod5 {background:#FFFFFF URL(../img/bg/index_gallery_bg.jpg) repeat-x}
#mod511 {height:124px; background:#C81F49 URL(../img/pct/index_gallery_pct_top.jpg) no-repeat; vertical-align:top;} #mod511 .w {width:201px}
#mod512 {width:90%; background:URL(../img/pct/index_gallery_pct_f.jpg) top right no-repeat}
#mod6, #mod6b {width:100%; height:700px}
#mod611 {width:244px; vertical-align:top; background:URL(../img/bg/mod611_bg_1.gif) top right no-repeat; padding-bottom:35px}
#mod6b #mod611 {width:244px; vertical-align:top; background:#FFFFFF URL(../img/bg/mod611b_bg.jpg) top right no-repeat; padding:0 0 35px 0}
#mod612 {background:#FFFFFF; width:90%; padding:10px 35px 35px 34px; vertical-align:top} #mod6b #mod612 {padding-top:35px}
#mod613 {background:#FFFFFF; vertical-align:top} #mod613 .c {margin:39px 47px 35px 0; width:215px}
#mod7 {}
#mod711 {width:90%; vertical-align:top; padding-right:35px}
#mod712 {vertical-align:top; width:215px}
/* FORMAT */
body, td {font:12px Arial, Helvetica, sans-serif}
h1 {font:normal 30px "Times New Roman", Times, serif; margin:0} h1.hdr {height:219px; color:#FFFFFF; padding-left:31px; background:URL(../img/div_3.jpg) bottom right no-repeat} h1.hdr2 {height:90px; color:#FFFFFF; padding-left:31px} h1.hdr a, h1.hdr2 a {color:#FFFFFF; text-decoration:none}
h2 {}
h3 {font:normal 19px "Times New Roman", Times, serif; margin:0}
h1.u, h3.u {border-bottom:#C8224B 1px solid; padding-bottom:7px; margin-bottom:19px}
#mod613 h3 {font-size:18px; padding-bottom:1em}
h3.hdr {padding:0 47px 0 246px; height:59px; font-size:21px; color:#555555; background:URL(../img/div_3.jpg) bottom right no-repeat}
h3.hdr a {color:#555555; text-decoration:none}
h4 {font:bold 15px "Times New Roman", Times, serif; margin:0} h4.v2 {font:normal 17px Arial, Helvetica, sans-serif; color:#5A5A5A; margin:0 0 20px 0}
h5 {}
h6 {}
p, .block {margin:0; padding-bottom:1em}
.abstr {font-size:16px; line-height:1.3; color:#5A5A5A}
.abstr2 {border-bottom:#C8224B 1px solid; line-height:1.3; padding-bottom:15px; margin-bottom:45px}
.bq {}
.date {color:#EF181E}
.date2 {font-size:11px; padding:2px 5px; background:#C81F49; color:#FFFFFF}
/* size */
.small, .small td {font-size:11px}
/* color */
.red, .aster {color:#C8214A}
/* list */
ul {margin-left:10px; padding-left:10px}
li {margin-bottom:8px}
.li1 {color:#666666; padding:0px 0px 40px 21px; background:URL(../img/bull_3.jpg) 12px 5px no-repeat; display:block}
/* div */
.div_1 {background:#C81F49} .div_1 img {width:1px; height:12px}
/* vrez */
.vr_1 {}
/* pages */
.pages {margin-top:30px;} .pages .s {background:#FFFFFF; padding:2px 6px}
.pages img {width:5px}
hr {color:#C81F49; height:1px}
/* a */
a {color:#C8214A}
.text {color:#666666; text-decoration:none}
.more {background:URL(../img/bg/more_bg.gif) no-repeat; padding-top:7px; display:block; text-decoration:none; margin-top:20px}
.btn1 {text-decoration:none}
.text:hover, .btn1:hover {text-decoration:underline}
/* img */
a img {border:0}
.b {display:block; clear:both}
.h {width:1px; float:left; display:block}
.w {height:1px; display:block; clear:both}
.r {height:1px; width:960px; display:block}
#mod613 .i {display:block; margin-bottom:14px}
.i_l {float:left; display:block; margin:0 10px 10px 0}
.i_r {float:right; display:block; margin:0 0 10px 10px}
/* form */
form {margin:0}
.input, textarea, select {font-size:11px}
label {}
.push {}
.form td {padding:0 9px 9px 0; vertical-align:top}
.form .input, .form textarea, .form select {width:300px}
.ok_message {display:block; margin-bottom:1em;}
.fail_message {display:block; color:#C70058; margin-bottom:1em;}
/* table */
table, tr, td {border:none; padding:0}
table.top td, div.top td, td.top {vertical-align:top}
.f1 {border:#E3AF84 solid; border-width:0 0 1px 1px}
.f1 td, .f1 th {font-size:11px; border:#E3AF84 solid; border-width:1px 1px 0 0; padding:5px}
.f1 th {color:#786453; background:#EDC7A8; padding:10px 5px; text-align:left; border-bottom-width:2px}
.f1 .odd td, .f1 td.odd {background:#FFFFFF}
.f1 .td1 {background:#FFFFFF !important}
/* CONTENT */
/* Header */
#hdr {}
#logo img {margin:18px 32px 14px 32px}
#shortcuts td {font-size:11px}
#shortcuts #mod211 img {margin-right:19px}
#shortcuts .text {color:#626262}
#shortcuts .text:hover {text-decoration:underline}
/* Body */
.body {padding-top:0px; width:945px; background:#FFFFFF}
#index {padding:0}
#index #mod3 {padding:0; background:#FFFFFF URL(../img/bg/index_hdr_bg.jpg) no-repeat}
#biggest {margin:49px 0 0 45px}
/* Footer */
#ftr {width:945px}
#ftr .c {background:#FFFFFF URL(../img/bg/ftr_bg.gif) bottom left repeat-x; border:#FFFFFF solid; border-width:0 0px 0px 0px}
#ftr .div_1 {}
#ftr #copyright {padding:0px 0 0px 0; margin:0 0px 0 0px; font-size:11px; border-top:#C81F49 0px solid}
/* SERVICES */
/* menu */
#menu {}
#mod611 #menu {width:244px; padding-top:0px}
#mod6b #mod611 #menu {padding-top:0px}
#menu p {line-height:1; padding:0; background:URL(../img/bull_1.gif) 21px 26px no-repeat;}
#mod611 #menu p {background:URL(../img/bull_2.gif) 21px 26px no-repeat}
#menu .div_2 {background:URL(../img/div_1.gif) bottom left no-repeat;} #menu .div_2 img {height:1px; width:1px}
#mod611 #menu .div_2 {background:URL(../img/div_4_1.gif) bottom left no-repeat;}
#menu .div_2_s {background:URL(../img/bg/menu_s_bg_1.gif) bottom left no-repeat !important} #menu .div_2_s img {height:9px !important}
#menu a {font:18px "Times New Roman", Times, serif; color:#666666; text-decoration:none; padding:26px 30px 25px 53px; background:URL(../img/bull_1.gif) 21px 26px no-repeat; display:block}
#mod611 #menu a {font:14px "Times New Roman", Times, serif; color:#666666; text-decoration:none; padding:26px 30px 25px 53px; background:URL(../img/bull_2_1.gif) 21px 26px no-repeat; display:block}
#sub_l3 {padding-bottom:20px}
#sub_l3 a {padding:0 0 1em 14px; display:block; text-decoration:underline; color:#666666; background:URL(../img/bull_4.jpg) 0 4px no-repeat}
#sub_l3 .s {background:URL(../img/bull_3.jpg) 0 4px no-repeat}
/*#menu p {background:URL(../img/div_1.gif) bottom left no-repeat; line-height:1; padding:0}
#mod611 #menu p {background:URL(../img/div_4.gif) bottom left no-repeat; line-height:1; padding:0}
#menu p.s, #mod611 #menu p.s {background:URL(../img/bg/menu_s_bg.gif) bottom left no-repeat; padding:0 0 12px 0}
#menu a {font:18px "Times New Roman", Times, serif; color:#666666; text-decoration:none; padding:26px 30px 25px 53px; background:URL(../img/bull_1.gif) 21px 26px no-repeat; display:block}
#mod611 #menu a {font:14px "Times New Roman", Times, serif; color:#666666; text-decoration:none; padding:26px 30px 25px 53px; background:URL(../img/bull_2.gif) 21px 26px no-repeat; display:block}*/
.sub {padding:0 35px 27px 50px; background:URL(../img/bg/sub_menu_bg_1.gif) repeat-y}
#mod611 #menu .sub a {font:12px "Times New Roman", Times, serif; color:#979797; display:block; padding:13px 0 0 0; width:85%; background:none; text-decoration:none}
#menu .sub a.s {color:#C8214A !important; text-decoration:none !important; font-size:13px !important}
/* way */
#way {padding:12px 42px}
#way a {color:#666666}
/* search */
#site_search {padding:0px 0px 10px 5px}
#site_search .input {background:#EAEAEA; width:145px; margin-right:0px}
#new_search .input {width:250px; margin-right:6px}
#results_body {}
#search_results_list td {padding:10px 10px 0 0; vertical-align:top}
#search_results_list a {display:block}
/* news */
#index_news {padding:0 0px 0px 0px; border:#C4C4C4 solid; border-width:1px 1px 1px 1px;}
#index_news h3 {color:#FFFFFF; padding-bottom:43px}
#news {}
#news h3 {clear:both; padding-bottom:1em}
#news #articles {width:220px}
#news #articles .block_s {padding:15px; background:#F5F5F5; margin-bottom:1em}
#news .block {margin-top:1em}
#news #period {width:215px}
#news #period .block {padding-left:15px}
#news #period .block a {padding:5px; display:block; margin-bottom:3px}
#news #period .s {padding:5px; background:#F5F5F5; margin-bottom:3px}
#news #years {font-size:10px; line-height:1; background:URL(../img/div_4.gif) top right no-repeat; padding-top:20px; }
#news #years .s, #news #years a {padding:2px; margin:0}
/* gallery */
#index_gallery {background:URL(../img/bg/index_gallery_bg.jpg) repeat-x; margin:30px 11px 0 37px}
#index_gallery h4 {color:#FFFFFF; padding:50px 0 0 26px}
#index_gallery .i {margin:7px 5px 0 0}
#gallery_card {}
#gallery_card h3 {margin-bottom:30px}
#gallery_card #pct {padding:8px 8px 21px 8px; border:#C4C4C4 solid; border-width:1px 0 1px 1px}
#gallery_card #arr {background:URL(../img/bg/cat_card_arr_bg.gif) no-repeat}
#gallery_card .note {color:#C8224B; padding-top:19px}
#gallery_card details {color:#5A5A5A}
#gallery_card #details h5 {font-size:12px; color:#868686; margin:0 0 1px 0}
#gallery_card #gallery {padding-top:25px}
#gallery table {margin-bottom:8px; width:331px}
#gallery td {font-size:11px; color:#5A5A5A; padding:8px; border:#FFFFFF 1px solid; vertical-align:top}
#gallery .s {border-color:#C4C4C4}
#gallery a {color:#5A5A5A}
#gallery .w {width:27px}
#gallery .itm {margin-bottom:8px}
#gallery {}
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 300px;
width: 400px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 300px;
margin: 0 auto;
width: 400px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(controller-first.gif);
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url(controller-last.gif);
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url(controller-next.gif);
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url(controller-pause.gif);
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url(controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -65px;
height: 65px;
left: 0;
position: absolute;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 5px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}