@charset "utf-8";
/* CSS Document */
#menu { margin-top: 4px; }

#header { height: 135px; }


.clear { clear: both; height: 0px; overflow: hidden; }
.nowrap { white-space: nowrap; }

/**********/
/* LAYOUT */
/**********/
#body,
#body * { font-size: 12px; }
#body {  line-height: 18px; }

#body { text-align: left; border-left: 1px solid #EDEDED; padding: 12px 0px 0px 0px; }
#body .left-column { width: 250px; float: left; padding: 8px 0px 20px 20px; font-size: 11px; line-height: 15px; }
#body .left-column * { font-size: 11px; }

#body .main-content-wrapper { margin-left: 304px; background: url(/images/content-bg.png) repeat-x left top; padding: 10px; }
#body .main-content { background-color: #FFFFFF; padding: 8px 20px 0px 20px;  position: relative; }

sub { vertical-align: baseline; position: relative; top: 0.4em; font-size: 0.8em !important; }
sup { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.8em !important; }

#body .left-column h2 { text-align: left; color: #013475; font-size: 14px; padding-left: 0px; font-weight: bold; }
#body .left-column h3 { color: #6E6E6E; font-size: 14px; font-weight: bold; text-align: left; }

.form-filter { background-color: #F3F3F3; margin: 15px 0px 18px -3px; padding: 12px 10px 10px 15px; }
.form-filter h3 { padding: 0px; }
.form-filter th { font-weight: normal; text-align: left; width: 80px; padding-bottom: 15px; vertical-align: middle; line-height: 20px; }
.form-filter td { padding: 0px 0px 15px 0px; vertical-align: middle; }
.form-filter .last th,
.form-filter .last td { padding-bottom: 0px; }
.form-filter select { width: 125px; padding: 1px 5px; }
.form-filter input.text-input { width: 110px; padding: 1px 5px; vertical-align: middle; }

/* BLOCK CONTACT */
#block-contact {}
#block-contact p { padding-bottom: 10px; }
#block-contact .contact { font-weight: bold; }

/* BLOCK TAGS */
#block-tags { padding-bottom: 20px; }
#block-tags h3 { margin-bottom: 0px; }
#block-tags div { word-spacing: 5px;  }
#block-tags a { line-height: 160%; vertical-align: middle; word-spacing: normal; }

/* BLOCK NEWS TOOLS */
#block-news-tools { padding: 0px 8px; background-color: #F3F3F3; margin: 10px 0px 15px 0px; }
#block-news-tools h3 { padding: 8px; border-bottom: 1px solid #C6C6C6; margin: 0px; }
#block-news-tools ul { margin: 0px; padding: 0px; }
#block-news-tools li { border-top: 1px solid #FFFFFF; padding: 7px 10px 7px 30px; background-position: 7px 7px; background-repeat: no-repeat; list-style: none; margin: 0px; }
#block-news-tools li.save-to-pdf { background-image: url(/images/ico-tools-pdf.png); }
#block-news-tools li.print { background-image: url(/images/ico-tools-print.png); }
#block-news-tools li.font-size { background-image: url(/images/ico-tools-font-size.png); }
#block-news-tools li.tags { background-image: url(/images/ico-tools-tags.png); word-spacing: 5px; }
#block-news-tools li.tags a,
#block-news-tools li.tags span { word-spacing: normal; }
#block-news-tools li.font-size a.disabled { text-decoration: none; cursor: default; }

/* PAGING */
#body p.paging { text-align: center; padding: 15px 0px; }
#body p.paging a { padding: 0px 5px; }
#body p.paging img { vertical-align: middle; }
#body p.paging em { font-style: normal; font-size: 11px; }

/* FILTER INFO */
#filter-info { position: relative; margin-top: -3px; margin-bottom: 7px; color: #666666; }
#filter-info p { padding: 0px 90px 0px 5px; margin: 0px; }
#filter-info * { font-size: 11px; }
#filter-info em { color: #133B5E; font-weight: bold; font-style: normal; }
#filter-info a.cancel { position: absolute; top: -3px; right: 0px; background: url(/images/ico-cancel.png) no-repeat left center; padding: 3px 5px 3px 20px; color: #133B5E; }

div.no-results { padding: 10px 0px; }
div.no-results p { padding: 0px 0px 5px 0px; }
div.no-results p.highlight { color: #133B5E; font-size: 14px !important; font-weight: bold; padding: 0px 0px 5px 0px;  }

/********/
/* NEWS */
/********/
dl.news-list {}
dl.news-list dt { float: left; width: 80px; padding: 8px 2px 8px 3px; border-top: 1px solid #E5EAF1; line-height: 18px; }
dl.news-list dd { line-height: 18px; margin-left: 85px; padding: 8px 0px 8px 0px; border-top: 1px solid #E5EAF1; }
dl.news-list dt.first,
dl.news-list dd.first { border-top: none; }
dl.news-list h3 { font-size: 12px; font-weight: bold; text-align: left; color: #013475; margin: 0px; padding: 0px 0px 0px 0px; }
dl.news-list p { padding: 2px 0px 0px 0px; }
dl.news-list h3 a { color: #013475; }

div.news-content {}
div.news-content p { margin-bottom: 18px; }
div.news-content ul { margin-left: 2em; margin-bottom: 1em; }
div.news-content ol { margin-left: 2em; margin-bottom: 1em; }


div.news-detail h1 { font-size: 14px !important; color: #013475; font-weight: bold; float: none; margin: 0px; padding: 10px 90px 14px 0px; }
div.news-detail p.date { position: absolute; top: 18px; right: 20px; }
div.news-detail p.perex { font-weight:bold; margin-bottom: 18px; }

.large-text .main-content h1 { font-size: 18px !important; line-height: 22px; }
.large-text .main-content * { font-size: 14px !important; line-height: 20px; }

div.news-detail .left-column p.back { padding: 15px 0px; }

/*******************/
/* ONLINE POPTAVKA */
/*******************/
#online-poptavka {}
#online-poptavka p.back { padding: 30px 0px; }
#online-poptavka p.back a { background: url(/images/ico-right.gif) no-repeat left center; padding: 5px 0px 5px 25px; }

#form-demand { width: 555px; margin: 15px auto 0px auto; padding-left: 20px; }
#form-demand fieldset { border: none; background: none; }
#form-demand legend { font-size: 12px; color: #133B5E; font-weight: bold; }
#form-demand table { margin-top: 6px; }
#form-demand th { text-align: left; font-weight: normal; width: 50px; padding-bottom: 15px; }
#form-demand td { width: 243px; padding-bottom: 15px; }
#form-demand td.col2 { width: 175px; }
#form-demand input { padding: 3px 5px; width: 153px; border: 1px solid #C8C8C8; }
#form-demand select { width: 463px; padding: 1px; }
#form-demand textarea { margin-top: 6px; width: 515px; border: 1px solid #C8C8C8; margin-bottom: 20px; }
#form-demand p.center { padding-right: 30px;  text-align: center; }
#form-demand button { border: none; background: none; margin: 20px 0px; cursor: pointer; }
#form-demand button span { display: block; width: 100px; height: 34px; padding: 0px 0px 0px 38px; line-height: 34px; background: url(/images/form-demand-button.png) no-repeat left top; text-align: left; }
#form-demand td strong { font-size: 17px; line-height: 14px; vertical-align: baseline; padding: 0px 0px 0px 10px; background: url(/images/star.png) no-repeat right top; text-indent: -50px; display: inline-block; overflow: hidden; }

/* CONFIRMATION */
#demand-confirmation { width: 490px; margin: 15px auto 0px auto; text-align: center; }
#demand-confirmation p.confirmation { text-align: center; color: #133B5E; font-size: 12px; font-weight: bold; line-height: 19px; padding: 20px 0px 40px 0px; }
#demand-confirmation table { text-align: left; margin: 0 auto 20px auto; }
#demand-confirmation th { width: 110px; font-weight: bold; padding: 0px 0px 5px 0px;  }
#demand-confirmation td { padding: 0px 0px 5px 0px;  }
#demand-confirmation caption { text-align: left; font-size: 12px; color: #133B5E; padding: 0px 0px 3px 0px; margin: 0px; font-weight: bold; }


/**************/
/* REFERENCES */
/**************/
#references { padding: 10px 0px 0px 10px; margin: 7px 0px 0px 0px; border: 1px solid #DBDBDB; text-align: left; }
#references h2 { font-weight: bold; color: #013475; font-size: 14px; text-align: left; padding-left: 0px; }
#references h3 { text-align: left; }
#references p { padding-bottom: 1em; }
#references .left-column { width: 260px; float: left; padding: 0px 20px 20px 0px; }
#references .main-content { padding: 0px 0px 20px 0px; float: left; width: 640px; }

#form-filter { background-color: #E8E8E8; padding: 14px 0px 12px 14px; margin: 0px; }
#form-filter fieldset { border: none; padding: 0px; margin: 0px; }
#form-filter h2 { font-size: 14px; font-weight: bold; color: #6E6E6E; padding: 0px; margin: 0px; position: relative; top: -5px; }
#form-filter select { vertical-align: middle; width: 110px; }
#form-filter #form-filter-from,
#form-filter #form-filter-to { width: 50px; }
#form-filter #form-filter-from { margin-right: 0px; }
#form-filter label { vertical-align: middle; display: block; float: left; line-height: 18px; }
#form-filter label.inline { width: auto; padding-right: 8px; display: inline; }
#form-filter label.inline input { vertical-align: middle; }
#form-filter th, #form-filter td { padding-bottom: 8px; }
#form-filter th { font-weight: normal; text-align: left; padding-right: 5px; }

div.reference-list {}
div.reference-list div.item { width: 180px; padding: 10px; background: url(/images/references/item-bg.png) repeat-x left top; float: left; margin: 0px 15px 0px 0px; line-height: 14px; font-size: 11px; color: #666666; }
div.reference-list div.item.end { margin-right: 0px; }
div.reference-list img { display: block; padding: 0px 0px 0px 0px; }
div.reference-list h3 { font-size: 12px; color: #013475; font-weight: bold; padding:  16px 0px 3px 10px; margin: 0px; }
div.reference-list h3 a { color: #013475; text-decoration: none; font-size: 12px; }
div.reference-list h3 a:hover { text-decoration: underline; }
div.reference-list p { padding: 0px 0px 0px 10px; }

#references .reference-detail h2 { margin-top: 0px; padding-top: 5px; }

.reference-information { background-color: #F3F3F3; padding: 10px; margin-bottom: 25px; }
.reference-information h2 { margin: 0px; padding: 0px 0px 4px 0px; }
.reference-information p { padding: 0px; margin: 0px; }
.reference-information dl { padding: 5px 0px 0px 0px; }
.reference-information dt { display: inline; float: left; padding: 0px 5px 0px 0px; }
.reference-information dd { padding: 0px 0px 15px 0px; }
.reference-information dd.last { padding-bottom: 10px; }
.reference-information dd a { font-weight: bold; }

.reference-filter { padding: 10px; }
.reference-filter h2 { position: relative; left: -1px; }

.left-column h2 { padding: 0px 0px 5px 0px; margin: 0px; }
.left-column p.back { padding: 0px 0px 0px 7px; }
.left-column p.back a { background: url(/images/ico-left.gif) no-repeat left center; padding: 3px 0px 3px 24px; color: #133B5E; font-weight: bold; }

#reference-image { }
#reference-image .image-wrapper { position: relative; text-align: center; background: url(/images/references/loading.gif) no-repeat center center; width: 630px; }
#reference-image .overlay { width: 120px; position: absolute; top: 0px; left: 0px; background: url(/images/references/prev.png) no-repeat 20px center; cursor: pointer; height: 100%; bottom: 0px; }
#reference-image .overlay.next { background: url(/images/references/next.png) no-repeat 40px center; left: auto; right: 0px; }
#reference-image .description { display: block; padding: 8px 10px 0px 10px; margin: 0px; text-align: left; }

#reference-thumbnails { background: url(/images/references/thumbnails-bg.png) repeat-x left top; margin: 30px 1px 0px 1px; padding: 13px 0px 0px 16px; overflow: hidden; zoom:1; }
#reference-thumbnails li { list-style: none; display: block; float: left; width: 101px; height: 82px; }
#reference-thumbnails li img { display: block; }
#reference-thumbnails li a { display: block; width: 90px; padding: 2px; }
#reference-thumbnails li.active a { background-color: #013475; }

#references #filter-info { margin-top: 5px; margin-bottom: 2px; }
#references #filter-info a.cancel { right: 7px; }

/* STRICT LAYOUT FIXES */
#offres2 img { display: block; }

#titre_valeurs { background: url(/images/bg_titre.gif) no-repeat left center; padding-left: 10px; font-size: 13px; line-height: 16px; font-weight: bold; color: #4D4D4D; }

#right_home { margin-top: 7px; }


/* SPONSORSHIP */
#body .main-content.sponsorship { padding: 10px; }
#body .sponsorship-img { width: 250px; float: left; font-size: 11px; padding-right: 20px; text-align: center; }
#body .sponsorship-img span { display: block; padding: 2px 5px; font-size: 11px; }
.sponsorship-img img { display: block; }
#body .sponsorship dl { margin-left: 270px; padding-top: 5px; }
#body .sponsorship dt { font-size: 11px; float: left; width: 90px; font-weight: bold; }


