﻿* { font-size: 100.01%; }

html, body, ul, ol, li, dl, dt, dd, p,
h1, h2, h3, h4, h5, h6, blockquote,
form, fieldset, legend, table, td, th {
	margin: 0;
	padding: 0;
}

html, body {height: 100%;}

body {color: #000000; font-family: Arial, sans-serif; line-height: 1.4; background-color: #ffffff;}


/* ---------------------- */
/* Standard HTML elements */
/* ---------------------- */

a {color: #2e4f9d;}
a:visited {color: #738C9E;}
a:hover,
a:focus {color: #cc0000 !important;}

.pseudo_link,
.pseudo_link:visited {text-decoration: none; color: #2e4f9d; border-bottom: 1px dashed;}
.pseudo_link:hover {color: #cc0000;}

img {border-width: 0;}

p, dl, address, blockquote {margin: 0 0 0.6em 0;}

p.error,
p.success {margin-bottom: 1.5em;}

p.incut {font-style: italic; border-left: 0.3em solid #bcbcbc; padding-left: 0.5em; margin: 1.5em 0 1.5em 1.5em;}

dt {margin: 0; font-weight:bold;}
dd {margin: 0 0 0.6em 0;}

address {font-style: normal;}

small {font-size: 0.8em;}

span.caption,
p.comment {color: #6d6d6d;}

hr {border: 0 hidden; border-top: 1px solid #d9cdc0; height: 0; clear: both;}

ul {margin: 0 0 1.5em 0;}
ol {margin: 0 0 1.5em 2.5em;}
ul {list-style-type: none;}
li {margin: 0 0 0.3em 0;}
li ul, li ol {margin: 0.6em 0 0 1.3em;}

ul.list {margin-left: 1.3em;}
ul.list>li {text-indent: -1.3em;}
ul.list>li:before {content: '\2014\a0'; color:#ff3a00;}

input.empty {color: #677985;}

h1, h2, h3 {font-weight: normal; line-height: 1.2;}

h1 {font-size: 3em; margin: 0 0 0.5em 0;}
h2 {font-size: 1.5em; margin: 1.2em 0 0.3em 0;}
h3 {font-size: 1.2em; margin: 1.5em 0 0.3em 0;}

h1 span.caption {font-size: 0.33em; color: #7f7f7f; font-style: italic;}

h2:first-child, h3:first-child {margin-top: 0;}

h1+h2, h1+h3, h2+h3 {margin-top: 0;}

ul.navigation ul.navigation {margin-left: 1.3em;}

ul.navigation a,
ul.navigation b {font-weight: normal;}

ul.navigation a.selected,
ul.navigation b.selected {font-weight: bold;}


table {border-spacing: 0; border: none;}
td, th {padding: 0; border: none; text-align: left; vertical-align: top;}
td.bottom, th.bottom {vertical-align: bottom;}

table.data {margin: 0 0 1.2em 0; empty-cells: show;}
table.data th, table.data td {padding: 0.3em 2em 0.3em 0; border-bottom: 1px solid #CCCCCC ;}
table.data th {font-weight: bold; border-bottom: 1px solid #d9cdc0;}
table.data tr.separator td {border-bottom: 1px solid #d9cdc0; padding-bottom: 1em;}
table.data td.number,
table.data th.number {text-align: right;}


/* ---------------- */
/* Standart presets */
/* ---------------- */

.width_fix {width: 100%;}
.clear {clear: both; font-size: 0; overflow: hidden; height: 1px;}
.clickable {cursor: pointer;}
.nobr {white-space: nowrap;}
.js .hidden {display: none;}

.error {color: #cc6666;}

.popup {position: relative; padding-left: 15px; white-space: nowrap;}
.popup ins {position: absolute; top: 5px; left: 0; width: 11px; height: 9px; font-size: 1px; background: url('/f/1/global/i/i-popup.gif') 0 0 no-repeat; cursor: pointer;}
a.popup:visited ins {background-position: -11px 0;}
a.popup:hover ins {background-position: -22px 0;}

ul.navigation .popup {padding-left: 0;}
ul.navigation .popup ins {left: -15px;}


/* ------ */
/* Layout */
/* ------ */

div#measurer {position: absolute; left: 0; top: -1em; visibility: hidden; width: 100%; height: 1em; line-height: 1em;}
div#layout {position: relative; min-width: 980px; min-height: 100%;}



/* ------ */
/* Header */
/* ------ */

div#header {margin: 0 0 1.5em 0; padding-top: 20px;}

#logo {float: left; width:12%; margin-right:1%; //display: inline; z-index:1;}

div#main_navigation {float: left; width: 50%; position: relative; top: -0.9em;}
div#main_navigation ul.navigation {margin: 0.5em 0;}
div#main_navigation ul.navigation li {float: left; margin: 0 0.5em 0.2em 0; padding: 0.2em 0.5em 0.3em 0.5em; white-space: nowrap;}
div#main_navigation ul.navigation li.selected {background-color: #ffd900;}
div#main_navigation ul.navigation li a,
div#main_navigation ul.navigation li b {font-weight: bold;}
div#main_navigation a,
div#main_navigation a:visited {color: #2e4f9d;}

#come_on_in{
	position:absolute;
	left:87%;
	top:1.5em;
	font-size:82%;
	white-space:nowrap;
}


/* ------- */
/* Content */
/* ------- */



div#content {padding-bottom: 9em;}

p#path {margin: 0 6% 0.7em 6%;}
p#path,
p#path a {color: #898989;}
p#path b {font-weight: normal; color: #000000;}

h1 {margin: 0 6% 0.5em 6%;}
div.main_block {margin: 0 18% 0 6%;}
div.main_important {padding: 1.8em 34% 1.8em 6%; background-color: #ffd900;}
div.main_block p { font-size:80%}
div.main_block h4 { font: normal 14px/24px Verdana, Arial, Helvetica, sans-serif}



div.Page {padding:0 20% 2em 15%;font-size:80%; color:#626355; min-height:370px }
div.Page h2 {
	font-size:20px;
	margin: 2em 0 .5em;
}
div.Page ul { margin:1em 1em 2em 4em }
div.Page ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%;  line-height:2; list-style-type:disc}

/* Download files */

p.file
{
position: relative;
clear: left;
padding: 0 0 0 26px;
min-height: 24px;
margin: 0 0 1.2em 0;
}
p.file a
{
padding-left: 26px;
margin-left: -26px;
position: relative;
z-index: 2;
}
p.file ins
{
position: absolute;
z-index: 1;
left: -3px;
width: 24px; height: 24px;
background: url('/f/1/global/i/files.gif') no-repeat;
}
p.file.DOC ins { background-position: -24px 0; }
p.file.RTF ins { background-position: -48px 0; }
p.file.XLS ins { background-position: -72px 0; }
p.file.PDF ins { background-position: -96px 0; }
p.file.ZIP ins { background-position: -120px 0; }
p.file.RAR ins { background-position: -144px 0; }
p.file.JPG ins { background-position: -168px 0; }
p.file.GIF ins { background-position: -192px 0; }
p.file.EXE ins { background-position: -216px 0; }
p.file.MOV ins,
p.file.WMV ins,
p.file.MPG ins,
p.file.AVI ins { background-position: -240px 0; }

p.file span.file_size {font-size: 0.8em; color: #6d6d6d;}


.quote {margin-bottom: 2.5em;}
.quote blockquote {margin: 0 0 0.4em 0;}
.quote p {font-size: 0.8em;}
.quote p em {font-style: normal; color: #898989;}

.indexes {width: 100%;}
.indexes td {width: 25%;}
.indexes h3 {font-size: 1.2em; color: #e93c00; width: 1.5em; margin: 0;}
.indexes ul {margin: -1.5em 1em 3em 1.8em;}
.indexes ul li span.count {font-size: 0.8em; color: #898989; margin-left: 0.35em;}
.indexes ul.all {margin-top: 0;}


ul.tabs {margin: 0 0 2em 0; list-style-type: none; zoom: 1;}
ul.tabs li.item {float: left; display: inline; margin: 0 0.5em 0.2em 0; padding: 0.2em 0.5em 0.3em 0.5em; white-space: nowrap;}
ul.tabs li.selected {background-color: #ffd900; font-weight: bold;}


/* ------ */
/* Footer */
/* ------ */
.foot-block {
	background:#fbc34c url(images/zebra.png) 50% 0 repeat-x;
	xoverflow:visible;
	display:block;
	height: 130px;
	margin-top: -130px;
	padding-top:30px
}

div#footer {clear: both; position: absolute; bottom: 0.9em; left: 6%; width: 88%; font-size: 0.8em;}

div#copyright {color: #898989; margin-bottom: 1em; padding-bottom: 0.3em; border-bottom: 0.3em solid #bcbcbc;}
div#copyright b {font-weight: normal;}

div#footer div.columns {width: 100%;}
div#footer div.col_1 {float: left; width: 29.27%; margin-right: 4.54%;}
div#footer div.col_2 {float: left; width: 25.27%; margin-right: 9.09%;}
div#footer div.col_3 {float: left; width: 31.5%;}

div#footer div.contacts {margin-bottom: 0.6em;}
div#footer div.contacts h4 {font-size: 1em; font-weight: normal; font-style: italic; margin: 0 0 0.3em 0;}
div#footer div.contacts p {margin: 0 0 0.3em 0;}

div#made_in {position: relative; width: 100%; margin-bottom: 0.6em;}
div#made_in p {margin: 0 0 0.3em 98px;}
div#made_in img {position: absolute; top: 0.3em; left: 0;}


/* ------ */
/* Pop-up */
/* ------ */

div#site_selector {position: relative; margin-bottom: 0.35em; z-index: 5;}
span#site_select_link {font-weight: bold; color: #000000; white-space: nowrap;}

div#site_select {position: absolute; bottom: 100%; left: -4.5em; width: 30em; min-width: 450px; z-index: 6;}
div#site_select.hidden {display: none;}

div#site_select div.site {float: left; position: relative; width: 33.3%; text-align: center; font-size: 0.85em;}
div#site_select div.site img {vertical-align: top;}
div#site_select div.site a img {background-color: white;}
div#site_select div.site div.reducer {padding: 5px;}
div#site_select div.site div.height {height: 102px;}
div#site_select div.site.selected div.reducer {border: 2px solid #fed900; padding: 3px 10px;}

div#site_select .t_arrow {position: absolute; bottom: 1px; left: 161px; width: 30px; height: 16px; font-size: 1px; background: url('/f/1/global/i/shadow-t-arrow.png') no-repeat 0 0;}

div#site_select .shadowed {width: 100%;}

div#site_select .shadowed .lt,
div#site_select .shadowed .l,
div#site_select .shadowed .lb {width: 15px;}

div#site_select .shadowed .lt {height: 15px; background: url('/f/1/global/i/shadow-lt-site.png') no-repeat 100% 100%;}
div#site_select .shadowed .l {background: url('/f/1/global/i/shadow-l-site.png') repeat-y 100% 0;}
div#site_select .shadowed .lb {height: 15px; background: url('/f/1/global/i/shadow-lb-site.png') no-repeat 100% 0;}

div#site_select .shadowed .rt,
div#site_select .shadowed .r,
div#site_select .shadowed .rb {width: 15px;}

div#site_select .shadowed .rt {height: 15px; background: url('/f/1/global/i/shadow-rt-site.png') no-repeat 0 100%;}
div#site_select .shadowed .r {background: url('/f/1/global/i/shadow-r-site.png') repeat-y 0 0;}
div#site_select .shadowed .rb {height: 15px; background: url('/f/1/global/i/shadow-rb-site.png') no-repeat 0 0;}

div#site_select .shadowed .t {height: 15px; background: url('/f/1/global/i/shadow-t-site.png') no-repeat 0 100%;}
div#site_select .shadowed .b {height: 15px; background: url('/f/1/global/i/shadow-b-site.png') repeat-x 0 0;}

div#site_select .shadowed .content {padding: 10px 5px; background: #fff;}

div.clever_divider{
    color:#808080;
    float:left;
    margin-left:-0.5em;
    margin-right:0.3em;
}

#error_page #content{
    position:relative;
    zoom:1;
}


#error_page #content h1{
    display: inline;
    position: relative;
    left:191px;
    padding:0 0 0 6%;
    margin:0;
    font-size: 5em;
    font-weight: bold;
}

#error_page #content .main_block{
    margin:2em 0 0 6%;
}


#error_page #content .main_block p{
    position: relative;
    left:191px;
    display:inline;
}

#main_navigation #navigation_additional {
	clear: left;
	position: relative;
	overflow: hidden;
	z-index: 100;
	font-size: 0.85em;
	border-top: 2px solid #FFD900;
}

#main_navigation #navigation_additional ul{
	margin: 0.3em 0;
}
.news-line {
	background: url(images/gr-bg.png) 50% 0 no-repeat;
	height:203px;
	text-align:center
}
.news-line .links { text-align:center; margin:0 auto; width:90%; padding:90px 0 0 0; margin-left:8%;	
	text-align:center; }
.news-line .links td { vertical-align:middle; width:20%;  }
.news-line .links td a { font: normal 16px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; line-height:4em}
.news-line .links td img  { vertical-align:bottom; float: left;}
.partner { width:92px; height: 60px; display:block; float:left; margin:0.8em 2% 0; cursor:pointer}
.partner#ribalde{ background: url(images/ribalde.png) 0 0 no-repeat; }
.partner#paus{ background: url(images/paus.png) 0 0 no-repeat; }
.partner#shopf{ background: url(images/shopf.png) 0 0 no-repeat; }
.partner#sika { background: url(images/sika.png) 0 0 no-repeat; }
.partner#itc{ background: url(images/itc-logo.png) 0 0 no-repeat; }
#paus:hover, #ribalde:hover, #shopf:hover, #sika:hover, #itc:hover  { background-position: 0 -60px}

.photo-block {
	background: #fbc34c;
	padding:10px 7% 20px 3%;
	margin:0 0 2em 15%;
	border: 1px dotted  #CCCCCC;
	border-right:none
}
.photo-block img { margin:5px; border:3px solid #ccc}
.photo-block img:hover { border-color:#fbc34c } 

.photo-title { margin-bottom:10px; }

#logo a {
	position:absolute;
	height:120px;
	width:200px;
	left:120px;
	display:block;
	cursor:pointer;
}

.site-title {
	position:absolute;
	left:31%;
	top: 1em;

}

.pathway {
	position:absolute;
	top:190px;
	left:15%;
	font:italic 15px Georgia;
}
.pathway a {font:italic 14px Georgia;}
.about {
	text-decoration:none;
	outline: none;
	position:absolute;
	left:37%;
	top:2em;
	z-index:2;
	border-bottom: 1px dashed;
}

.f {
	position:absolute;
	left:35%;
	top:1.2em;
	z-index:1;
	width:550px;
	display:none;
	xopacity: 0.5;
	padding:0 0 1em;
	background: url(images/top-rnd.png) no-repeat;
	overflow:hidden;
	 opacity: 0.9; 
}

.f .b-bg {
	background: url(images/bott-rnd.png) 0 100% no-repeat;
	margin-top:40px;
	width:550px;
}

.f .b-bg .wrapp {
	font:italic 13px Georgia, Times New Roman, Times, serif;
	padding:0.7em 2em 1.4em;
}

