@charset "utf-8";

html, body {
margin: 0px; 
padding: 0px;
width: 100%;
height:100%;
font-family: 'PT Sans Narrow', sans-serif;
background-color:#e4e4e4;}

.left_pic1 {width:305px; height:193px; background-image:url(../images/chemical.jpg); margin-bottom:25px;}
.left_pic2 {width:305px; height:193px; background-image:url(../images/bag2.jpg); margin-bottom:25px;}

p {font-family: 'PT Sans Narrow', sans-serif; font-size:15px; font-weight:normal; text-decoration:none; color: #3b3b3b; letter-spacing: 0,5em; text-align:justify}
p a {font-family: 'PT Sans Narrow', sans-serif; font-size:15px; font-weight:normal; text-decoration:none; color: #42b770;}
p a:hover {font-family: 'PT Sans Narrow', sans-serif; font-size:15px; font-weight:normal; text-decoration:none; color: #303030;}

h1 {font-family: 'PT Sans Narrow', serif; font-size:27px; font-weight:normal; color:#000; text-decoration:none; font-stretch:condensed; line-height:10px; text-align:left}
h1 a {font-family:'PT Sans Narrow', serif; font-size:27px; font-weight:normal; color:#000; text-decoration:none}
h1 a:hover {font-family:'PT Sans Narrow', serif; font-size:27px; font-weight:normal; color:#000; text-decoration:underline}

h2 {font-family: 'PT Sans Narrow', serif; font-size:23px; font-weight:normal; color:#000; text-decoration:none; font-stretch:condensed; line-height:30px; text-align:left;}
h2 a {font-family:'PT Sans Narrow', serif; font-size:23px; font-weight:normal; color:#000; text-decoration:none}
h2 a:hover {font-family:'PT Sans Narrow', serif; font-size:23px; font-weight:normal; color:#000; text-decoration:underline}

.readmore {font-family: 'PT Sans Narrow', sans-serif; font-size:13px; font-weight:normal; text-decoration:none; color: #000; letter-spacing: 0,5em; text-align:right;}
.readmore a {font-family: 'PT Sans Narrow', sans-serif; text-decoration:none; color: #000; }
.readmore a:hover {font-family: 'PT Sans Narrow', sans-serif; text-decoration:underline; color: #000; }

.item-title {font-family: 'PT Sans Narrow', sans-serif; font-size:20px; font-weight:normal; color: #333; text-decoration:none; line-height:35px; text-align:left;}
.item-title a {font-family: 'PT Sans Narrow', sans-serif; font-size:20px; font-weight:normal; color: #333; text-decoration:none; text-align:left;}
.item-title a;hover {font-family: 'PT Sans Narrow', sans-serif; font-size:20px; font-weight:normal; color: #000; text-decoration:underline; text-align:left;}

.small_text {font-family: 'PT Sans Narrow', sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color: #303030; letter-spacing: 0,5em; text-align:justify}
.small_text a {font-family: 'PT Sans Narrow', sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color: #42b770;}
.small_text a:hover {font-family: 'PT Sans Narrow', sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color: #303030;}

.topic1 {font-family: 'PT Sans Narrow', sans-serif; font-size:20px; font-weight:bold; text-decoration:none; color: #42b770; letter-spacing: 0,5em; text-transform:uppercase}
.topic1 a {font-family: 'PT Sans Narrow', sans-serif; font-size:20px; text-decoration:none; color: #42b770;}
.topic1 a:hover {font-family: 'PT Sans Narrow', sans-serif; font-size:20px; text-decoration:none; color: #303030;}

.title_inside {width:200px; height:27px; background-color:#FFF; float:left; margin-bottom:20px; margin-left:0px; margin-top:143px; vertical-align:bottom; position: relative}

.leftcol { /* Левая колонка */
  float: left; /* Обтекание справа */
  width: 300px; /* Ширина колонки */
}
.rightcol { /* Правая колонка */
  margin-left: 325px; /* Отступ слева */
}
.strong {margin-top:50px}

/*
	Coin Slider 
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; width:950px; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 10px; height: 7px; width: 7px; float: left; border: 1px solid #999; color: #999; text-indent: 1000px;}
.cs-active { background-color: #999; color: #FFFFFF; }

.cs-title { width: 450px; padding: 7px; background-color: #000; color: #fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; font-weight:normal}

.cs-prev, 
.cs-next {padding-top:3px; padding-bottom:3px; padding-left:0px; padding-right:0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:30px; font-weight:bold }


/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */
 ul.menu
{
    /* top:62px; */
    /*top:5em;*/
    /*padding: 1.0em 0px 0px 0;*/
    /*background:#e0e0e0  url(../images/personal/ecke.gif) top left repeat-x ;*/
    /*background:#42b770;*/
    border:0 ;
    text-align:right;
    left:0px;
    display:block;
    margin:8px 0px 0 10px;
    /*border-top:solid 1px #ddd;*/
    float: right;
    position: relative;
    text-transform: lowercase;
}


 ul.menu li
{border:0; margin-left:3px !important;     }
 ul.menu li a:link,
 ul.menu li a:visited
{

    color:#fff;
    border:solid 1px #fff;
    margin:0px 0 0 0 ;
    /*padding:3px 25px ;*/
    padding: 3px 24px; /* 15092014 marcor: aggiornato per compatibilita con safari 7 */
    position:relative;
    /*background: #e0e0e0 url(../images/personal/ecke.gif) repeat-x top left;*/
    background:#42b770;
    display:inline-block

}

 ul.menu li a:hover,
 ul.menu li a:active,
 ul.menu li a:focus
{
    background:#3AA062;
    color:#fff;
}










.clr {clear:both;}

/*---------------------------------------------
---	 	menu container						---
----------------------------------------------*/

/* menu */
div#maximenu {
    font-size:14px;
    line-height:21px;
    text-align:left;
}

/* container style */
div#maximenu ul.maximenuck {
    overflow: visible !important;
    display: block !important;
    float: none !important;
    visibility: visible !important;
    list-style:none;
    margin:0 auto;
}

/*---------------------------------------------
---	 	Root items - level 1				---
----------------------------------------------*/

div#maximenu ul.maximenuck li.maximenuck.level1 {
    list-style : none;
    display:block;
    text-align:center;
    cursor: pointer;
}

div#maximenu ul.maximenuck li.maximenuck.level1:hover,
div#maximenu ul.maximenuck li.maximenuck.level1.active {

}

div#maximenu ul.maximenuck li.maximenuck.level1 > a,
div#maximenu ul.maximenuck li.maximenuck.level1 > span.separator {
    display:block;
    text-decoration:none;
    outline : none;
    border : none;
    white-space: normal;
}

/* parent item on mouseover (if subemnus exists) */
div#maximenu ul.maximenuck li.maximenuck.level1.parent:hover,
div#maximenu ul.maximenuck li.maximenuck.level1.parent:hover {

}

/* item color on mouseover */
div#maximenu ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenu ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenu ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenu ul.maximenuck li.maximenuck.level1.active > span.separator {

}

/* arrow image for parent item */
div#maximenu ul.maximenuck li.level1.parent > a,
div#maximenu ul.maximenuck li.level1.parent > span.separator {
    padding-right:21px;
    background:url("../images/drop.gif") no-repeat right 8px !important;
}

div#maximenu ul.maximenuck li.level1.parent:hover > a,
div#maximenu ul.maximenuck li.level1.parent:hover > span.separator {
    background:url("../images/drop.gif") no-repeat right 8px !important;
}

/* arrow image for submenu parent item */
div#maximenu ul.maximenuck li.level1.parent li.parent > a,
div#maximenu ul.maximenuck li.level1.parent li.parent > span.separator,
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a,
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a {
    padding-right:21px;
    background:url("../images/drop-right.gif") no-repeat right 8px !important;
}

/* styles for right position */
div#maximenu ul.maximenuck li.menu_right {
    float:right !important;
    margin-right:0px !important;
}

div#maximenu ul.maximenuck li.align_right div.floatck,
div#maximenu ul.maximenuck li div.floatck.fixRight {
    left:auto;
    right:-1px;
    top:auto;
}


/* arrow image for submenu parent item to open left */
div#maximenu ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > a,
div#maximenu ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > span.separator,
div#maximenu ul.maximenuck li.level1.parent.menu_right li.parent > a,
div#maximenu ul.maximenuck li.level1.parent.menu_right li.parent > span.separator {
    padding-left:21px;
    background:url("../images/drop-left.gif") no-repeat left 8px !important;
}

/* margin for right elements that rolls to the left */
div#maximenu ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight,
div#maximenu ul.maximenuck li.level1.parent.menu_right div.floatck div.floatck  {
    margin-right : 180px;
}

div#maximenu ul.maximenuck li div.floatck.fixRight{

}


/*---------------------------------------------
---	 	Sublevel items - level 2 to n		---
----------------------------------------------*/

div#maximenu ul.maximenuck li div.floatck ul.maximenuck2 {
    background : transparent;
    margin : 0;
    padding : 0;
    border : none;
    width : 100%; /* important for Chrome and Safari compatibility */
    position: static;
    overflow: visible !important;
    display: block !important;
    float: none !important;
    visibility: visible !important;
}

div#maximenu ul.maximenuck li ul.maximenuck2 li.maximenuck {
    position:relative;
    float:none !important;
    list-style : none;
    display: block !important;
}

div#maximenu ul.maximenuck li ul.maximenuck2 li.maximenuck:hover {
}

/* all links styles */
div#maximenu ul.maximenuck li.maximenuck a,
div#maximenu ul.maximenuck li.maximenuck span.separator {
    display:block;
    text-decoration:none;
    outline : none;
    white-space: normal;
}

/* submenu link */
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 li a {

}

div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 a {
    display: block;
}

div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a,
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a,
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a {

}


/* link image style */
div#maximenu ul.maximenuck li.maximenuck > a img {
    margin : 3px;
    border : none;
}

/* img style without link (in separator) */
div#maximenu ul.maximenuck li.maximenuck img {
    border : none;
}

/* item title */
div#maximenu span.titreck {
    text-decoration : none;
    /*min-height : 17px;*/
    float : none !important;
    float : left;
}

/* item description */
div#maximenu span.descck {
    display : block;
    text-transform : none;
    font-size : 10px;
    text-decoration : none;
    height : 12px;
    line-height : 12px;
    float : none !important;
    float : left;
}

/* submenus container */
div#maximenu ul.maximenuck li div.floatck {
    width : 180px; /* default width */
    text-align:left;
}

/*---------------------------------------------
---	 	Columns management					---
----------------------------------------------*/

/* child blocks position (from level2 to n) */
div#maximenu ul.maximenuck li.maximenuck div.floatck div.floatck {
    margin : -30px 0 0 180px;
}

div#maximenu ul.maximenuck li div.floatck div.maximenuck2 {
    width : 180px; /* default width */
    margin: 0;
    padding: 0;
}


/* h2 title */
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 h2 a,
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 h2 span.separator {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    line-height:21px;
    text-align:left;
}

/* h3 title */
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 h3 a,
div#maximenu ul.maximenuck li.maximenuck ul.maximenuck2 h3 span.separator {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    line-height:21px;
    text-align:left;
}

/* paragraph */
div#maximenu ul.maximenuck li ul.maximenuck2 li p {
    line-height:18px;
    margin:0 0 10px 0;
    font-size:12px;
    text-align:left;
}





/* image shadow with specific class */
div#maximenu ul.maximenuck .imgshadow { /* Better style on light background */
    background:#FFFFFF !important;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}

/* blackbox style */
div#maximenu ul.maximenuck li ul.maximenuck2 li.blackbox {
    background-color:#333333 !important;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding:4px 6px 4px 6px !important;
    margin: 0px 4px 4px 4px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow:inset 0 0 3px #000000;
    -moz-box-shadow:inset 0 0 3px #000000;
    box-shadow:inset 0 0 3px #000000;
}

div#maximenu ul.maximenuck li ul.maximenuck2 li.blackbox:hover {
    background-color:#333333 !important;
}

div#maximenu ul.maximenuck li ul.maximenuck2 li.blackbox a {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    display: inline !important;
}

div#maximenu ul.maximenuck li ul.maximenuck2 li.blackbox:hover > a {
    text-decoration: underline;
}

/* greybox style */
div#maximenu ul.maximenuck li ul.maximenuck2 li.greybox {
    background:#f0f0f0 !important;
    border:1px solid #bbbbbb;
    padding: 4px 6px 4px 6px !important;
    margin: 0px 4px 4px 4px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div#maximenu ul.maximenuck li ul.maximenuck2 li.greybox:hover {
    background:#ffffff !important;
    border:1px solid #aaaaaa;
}


/*---------------------------------------------
---	 	Module in submenus					---
----------------------------------------------*/

/* module title */
div#maximenu ul.maximenuck div.maximenuck_mod > div > h3 {
    width : 100%;
    font-weight : bold;
    font-size: 16px;
}

div#maximenu div.maximenuck_mod {
    width : 100%;
    padding : 0;
    white-space : normal;
}

div#maximenu div.maximenuck_mod div.moduletable {
    border : none;
    background : none;
}

div#maximenu div.maximenuck_mod  fieldset{
    width : 100%;
    padding : 0;
    margin : 0 auto;
    overflow : hidden;
    background : transparent;
    border : none;
}

div#maximenu ul.maximenuck2 div.maximenuck_mod a {
    border : none;
    margin : 0;
    padding : 0;
    display : inline;
    background : transparent;
    font-weight : normal;
}

div#maximenu ul.maximenuck2 div.maximenuck_mod a:hover {

}

div#maximenu ul.maximenuck2 div.maximenuck_mod ul {
    margin : 0;
    padding : 0;
    width : 100%;
    background : none;
    border : none;
    text-align : left;
}

div#maximenu ul.maximenuck2 div.maximenuck_mod li {
    margin : 0 0 0 15px;
    padding : 0;
    background : none;
    border : none;
    text-align : left;
    font-size : 11px;
    float : none;
    display : block;
    line-height : 20px;
    white-space : normal;
}

/* login module */
div#maximenu ul.maximenuck2 div.maximenuck_mod #form-login ul {
    left : 0;
    margin : 0;
    padding : 0;
    width : 100%;
}

div#maximenu ul.maximenuck2 div.maximenuck_mod #form-login ul li {
    margin : 2px 0;
    padding : 0 5px;
    height : 20px;
    background : transparent;
}



/*---------------------------------------------
---	 	Fancy styles (floating cursor)		---
----------------------------------------------*/

div#maximenu .maxiFancybackground {
    list-style : none;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

div#maximenu .maxiFancybackground .maxiFancycenter {
    border-top: 1px solid #fff;
}



/*---------------------------------------------
---	 	Button to close on click			---
----------------------------------------------*/

div#maximenu span.maxiclose {
    color: #fff;
}



ul.menu li
{
    display:inline ;
    padding:0 ;
    margin:0;

}



























/**
** This file assume the good working conditions
** No styling (color, background,...) should be made here, only positionning and management
**/


div.maximenuckh ul.maximenuck {
    clear:both;
    position : relative;
    z-index:999;
}


div.maximenuckh ul.maximenuck > ul {
    clear:both;
    padding : 0;
    margin : 0;
}

div.maximenuckh ul.maximenuck .moduletable {

}

div.maximenuckh ul.maximenuck li.maximenuck {
    display: inline-block !important;
    float: none !important;
    position:relative;
    text-align : left;
    padding : 0;
    margin : 0;
}

div.maximenuckh ul.maximenuck li.maximenuck img {

}

div.maximenuckh ul.maximenuck li.maximenuck a,
div.maximenuckh ul.maximenuck li.maximenuck span.separator {
    display:block;
    float : none !important;
    float : left;
    position:relative;
}

div.maximenuckh ul.maximenuck2 li.maximenuck a,
div.maximenuckh ul.maximenuck2 li.maximenuck span.separator {
    float : none !important;
}

div.maximenuckh ul.maximenuck li ul.maximenuck2 {
    display:block;
    z-index:11000;
    clear:left;
    margin:0;
    padding:0;
    text-align : left;
    position : static;
}

div.maximenuckh ul.maximenuck li ul li.maximenuck {
    text-align : left;
    position : relative;
    z-index : 11001;
    padding:0;

}

/*
div.maximenuckh ul.maximenuck li li.maximenuck a {
    display: block;
    padding : 0;
    margin : 0;
}

div.maximenuckh div.maximenuck2 {
    float : left;
    margin : 0;
    padding : 0;
}
*/
div.maximenuckh div.clr {
    clear : both;
    visibility : hidden;
}

/* child items */
div.maximenuckh ul.maximenuck li div.floatck {
    position : absolute;
    left: -999em; /* a supprimer pour effet slide */
    padding : 0;
    margin : 0;
    background : url(../images/transparent.gif); /* important for hover to work good under IE7 */
    /*z-index: 10;*/
}

div.maximenuckh div.floatck ul, div.maximenuckh div.floatck ul li {
    position : static;
    /*height : 100%;*/
}

div.maximenuckh ul.maximenuck li.maximenuck div.floatck.fixRight  {
    right:0;
}

div.maximenuckh ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight  {
    right:0;
}


/**
** fancy parameters
**/
div.maximenuckh li.maxiFancybackground {
    z-index: 8;
    position: absolute;
    top : 0;
}



/**
** Show sub menu if mootools is off - horizontal style
**/
div.maximenuckh ul.maximenuck li:hover div.floatck div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck:hover div.floatck div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck:hover div.floatck:hover div.floatck div.floatck,
div.maximenuckh ul.maximenuck li.sfhover div.floatck div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck.sfhover div.floatck div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck.sfhover div.floatck.sfhover div.floatck div.floatck {
    left: -999em;
}

div.maximenuckh ul.maximenuck li:hover div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck li:hover div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck li:hover div.floatck li:hover div.floatck, div.maximenuckh ul.maximenuck li:hover div.floatck li:hover div.floatck li:hover div.floatck li:hover div.floatck,
div.maximenuckh ul.maximenuck li.sfhover div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck li.sfhover div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck li.sfhover div.floatck li.sfhover div.floatck, div.maximenuckh ul.maximenuck li.sfhover div.floatck li.sfhover div.floatck li.sfhover div.floatck li.sfhover div.floatck {
    left: auto;
}

div.maximenuckh div.maximenuck_mod ul {
    left : auto;
}

/*---------------------------------------------
---	 Responsive design behavior         ---
----------------------------------------------*/

@media screen and (max-width: 524px) {
    div.maximenuckh {
        height: auto !important;
    }


    div.maximenuckh ul {
        height: auto !important;
        padding-left: 0 !important;
        /*padding-right: 0 !important;*/
    }

    div.maximenuckh li {
        float :none !important;
        width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    div.maximenuckh div.floatck {
        width: 100% !important;
    }

    div.maximenuckh div.floatck div.maximenuck2 {
        width: 100% !important;
    }

    div.maximenuckh div.floatck div.floatck {
        width: 100% !important;
        margin: 20px 0 0 0 !important;
    }
}



.separator {
    color: #fff;
    padding: 3px 25px;
    position: relative;
    background: #42b770;
    font-size: 1.3em;
}


ul.menu li a:link,
ul.menu li a:visited
{

    color:#fff;
    border:solid 1px #fff;
    margin:0px 0 0 0 ;
    /*padding:3px 25px ;*/
    padding: 3px 24px; /* 15092014 marcor: aggiornato per compatibilita con safari 7 */
    position:relative;
    /*background: #e0e0e0 url(../images/personal/ecke.gif) repeat-x top left;*/
    background:#42b770;
    display:inline-block

}


ul li a:link,
ul li a:visited
{
    /*text-transform:uppercase;*/
    /*padding:10px;*/
    font-size: 1.3em;
    display:inline
}



ul.menu li{ border:0; 
    margin-left:3px !important;     }
ul.menu li a:link, ul.menu li a:visited
{
    color:#fff;
    border:solid 1px #fff;
    margin:0px 0 0 0 ;
    padding: 3px 24px;
    position:relative;
    background:#42b770;
    display:inline-block
}