/* css reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}

* {
    outline: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html, body {
    font: normal 13px/15px Open Sans,italic;
    color: #000;

    background-image: url(../img/bg.png);
    background-repeat: repeat-x;
    background-color: #f1f1f1;
}

.bold {
    font-weight: bold;
}
    
.clearfix {
    display: block !important;
    clear: both !important;
    float: none !important;
}

.hidden {
    display: none;
}

a:hover {
    color: #8ac53f;
}

#realtime-data {
    margin: 15px 0 0 0;

    background-image: url(/img/realtime-data-bg.jpg);

    width: 970px;
    height: 378px;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);

    position: relative;
}

#realtime-data #panel {
    position: absolute;
    top: 40px;
    right: 20px;
}

#realtime-data #panel h2 {
    padding: 3px 10px 3px 80px;
    width: 285px;
    font: bold italic 16px/26px "Segoe UI",Open Sans,Times;
    color: #fff;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);
/*8ac53f*/
    background: #8ac53f; /* Old browsers */
    background: -moz-linear-gradient(top,  #8ac53f 0%, #41893e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac53f), color-stop(100%,#41893e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8ac53f 0%,#41893e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac53f', endColorstr='#41893e',GradientType=0 ); /* IE6-9 */
}

#realtime-data #panel h2 i {
    display: block;
    position: absolute;

    left: 10px;

    width: 55px;
    height: 50px;

    background-image: url(/img/realtime-data-header.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}

#realtime-data #panel ul li {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 10px;
    background: #f4f4f4;
    line-height: 40px;
    clear: both;
    color: #000;
    font: bold 16px/40px "Segoe UI",Open Sans, Italic;
    text-align: right;
}

#realtime-data #panel ul li span {
    font: normal 12px/40px "Segoe UI",Open Sans;
    color: #777;
    position: absolute;
    left: 10px;
    top: 0;
}

#realtime-data-sidebar {

    height: 378px;
	width: 300px;
	#height: auto;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);

    position: relative;
}

#realtime-data-sidebar #panel {

}

#realtime-data-sidebar #panel h2 {
    padding: 3px 10px 3px 80px;
    font: bold italic 16px/26px "Segoe UI",Open Sans, Italic;
    color: #fff;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);

    background: #8ac53f; /* Old browsers */
    background: -moz-linear-gradient(top,  #8ac53f 0%, #41893e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac53f), color-stop(100%,#41893e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8ac53f 0%,#41893e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac53f', endColorstr='#41893e',GradientType=0 ); /* IE6-9 */
}

#realtime-data-sidebar #panel h2 i {
    display: block;
    position: absolute;

    left: 10px;

    width: 55px;
    height: 50px;

    background-image: url(/img/realtime-data-header.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}

#realtime-data-sidebar #panel ul li {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 10px;
    background: #f4f4f4;
    line-height: 40px;
    clear: both;
    color: #000;
    font: bold 16px/40px "Segoe UI",Open Sans, Italic;
    text-align: right;
}

#realtime-data-sidebar #panel ul li span {
    font: normal 12px/40px "Segoe UI",Open Sans;
    color: #777;
    position: absolute;
    left: 10px;
    top: 0;
}

#container {
    width: 970px;
    margin: 0 auto;    
    #-x-padding: 20px 0 0 0;
	padding: 20px 0 0 0;
}

#header {
	/*felso menu hatter*/
    position: relative;
    background: #fff;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);

    border-radius: 2px;
    padding: 10px 0 0 27px;
}

#header h1 {
    float: left;
}

#footer .logo {
    float: right;
    margin: 10px 0 0 0;
}

#header h1 a,
/*felso logo*/
#footer .logo h1 a {
    display: block;
    overflow: hidden;
    text-indent: -1000em;
    width: 160px;
    height: 75px;
    
    margin-right: 6px;
    
    background-image: url(../img/logo.png);
}

#header .right {
    float: right;
/*800*/
    width: 650px;
    padding: 8px 15px 0 0;
}
/*emisszi gomb*/
#header .right .CRM {
    float: right;
    color: #fff;
    padding: 0 13px;
    font: bold italic 10px/25px "Segoe UI",Open Sans,Italic;
    border-radius: 2px;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);
            
    background: #8ac53f; /* Old browsers */
    background: -moz-linear-gradient(top,  #8ac53f 0%, #41893e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac53f), color-stop(100%,#41893e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8ac53f 0%,#41893e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac53f', endColorstr='#41893e',GradientType=0 ); /* IE6-9 */
}

#menu {
    clear: both;
    float: right;
    padding: 10px 0 0 0;
}

#menu ul li {
    float: left;
}

#menu ul li.active .submenu {
display: block;
visibility: visible;
overflow: visible;
padding: 15px 40px 15px 35px;
}

#menu ul li .submenu {
#xtransition: max-height linear 1s;
transition: max-height linear 1s;
overflow: hidden;
visibility: hidden;
position: absolute;
z-index: 10;
background: #FFF;
top: 62px;
left: 0;
border-radius: 2px;
width: 970px;
-webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
-moz-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
}

#menu .submenu h3 {
    font: bold italic 16px/16px "Segoe UI",Open Sans,Italic;
    color: #8ac53f;
    padding: 0 0 20px 0;
}

#menu .submenu .right {
    padding: 10px 0 10px 45px;
    width: 400px;
    float: left;
}

#menu .submenu .left {
    float: left;

    padding: 10px 0 0 0;
    
    width: 450px;
    border-right: 1px solid #756660;
}

#menu .submenu .left ul li {
    width: 50%;
}

#menu .submenu .left ul li a {
    position: relative;

    padding: 0 0 3px;
    color: #000;
    line-height: 16px;
}

#menu .submenu .left ul li a:hover {
    color: #8ac53f;
    padding-left: 2px;
}

#menu .submenu .left ul li a:hover:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(20, 77, 154, 0);
    border-left-color: #8ac53f;
    border-width: 5px;
    margin-top: -5px;
}
/*Felso menu betumeret es szin*/
#menu ul li >a {
    display: block;
    position: relative;
    font: bold 15px/30px "Segoe UI",Open Sans,Italic;
    padding: 0 15px 6px 8px;
    color: #706e6e;
    border-bottom: 4px solid #b3afaf;
}

#menu ul li:last-child >a {
    padding-right: 0;
}

#menu >ul >li:hover >a,
#menu >ul >li.active >a {
    color: #8ac53f;
    border-bottom: 4px solid #8ac53f;
}

#xmenu ul li.active >a:after {
    top: 50px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20;
    pointer-events: none;
    border-top-color: #8ac53f;
    border-width: 10px;
    margin-left: -10px;
}

#footer {
    width: 970px;
    min-height: 200px;
    padding: 25px 20px;
    background: #fff;
    border-radius: 2px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);

    background-image: url(/img/footer-logo.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

#footer .logo a {
    float: right;
    padding: 17px 10px 0 0;
    color: #777;
}

#footer h1 {
    float: right;
    margin-left: 10px;
}
/*also menu szelesseg*/
#footer #sitemap {
    width: 930px;
}

#footer #sitemap ul li {
    float: left;
    
    width: 140px;
    padding: 0 10px 0 0;
}

#footer #sitemap ul li.category-1 {
    width: 100px;
}

#footer #sitemap ul li.category-3 {
    width: 160px;
}

#footer #sitemap ul li.category-4 {
    width: 120px;
}

#footer #sitemap ul li.category-5 {
    width: 100px;
}

#footer #sitemap ul li.category-6 {
    width: 75px;
}
/*also menusor*/
#footer #sitemap ul li a {
    color: #706e6e;
	/*16px/20px*/
    font: bold 0px/20px Open Sans,Italic;
}

#footer #sitemap ul li ul li {
    float: none;
    clear: both;
}

#footer #sitemap ul li ul li a {
    color: #777;
    font: normal 12px/15px Open Sans,Italic;
}

#footer #sitemap ul li ul {
    margin-top: 15px;
}

#footer #company {
	/*also menu position: absolute;*/
    position: hidden;

    top: 80px;
    right: 55px;
    width: 300px;
}

#footer #company h3 {
    font: bold 12px/15px Open Sans,Italic;
    
    padding: 0 0 15px 0;
}

#footer #company ul li {
    color: #777;
    min-height: 15px;
}

#main {
    padding: 25px 10px 20px 10px;
}

#main .left {
    float: left;
    width: 480px;
}

#main .left article {
    float: left;
    width: 230px;
    height: 265px;
    margin-right: 10px;
    margin-bottom: 15px;

    background: #fff;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    border-radius: 2px;
    padding: 30px 0;
    
    color: #000;
}

#main .left article:hover {
    color: #fff !important;
    background: #8ac53f; /* Old browsers */
    background: -moz-linear-gradient(top,  #8ac53f 0%, #41893e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac53f), color-stop(100%,#41893e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8ac53f 0%,#41893e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac53f', endColorstr='#41893e',GradientType=0 ); /* IE6-9 */
}

#main .left article:hover h3 {
    color: #fff;
}
/*bal oldali cikkek cimsora*/
#main .left article h3 {
    padding: 0 10px 20px 10px;
    font: bold italic 14px/20px "Segoe UI",Open Sans,Italic;
    color: #3d873e;
    min-height: 60px;
}

#main .left article div {
    padding: 20px 10px 0 10px;
}

#main .right {
    float: left;
    width: 470px;
}

#main #news {
    border-radius: 2px;
    overflow: hidden;
    background: #fff;
    padding: 0 0 35px 0;
    height: 545px;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);
}

#main #news h3 {
    text-transform: uppercase;
    font: bold italic 16px/55px "Segoe UI",Open Sans, Italic;
    color: #fff;
    
    padding: 0 20px;

    background: #8ac53f; /* Old browsers */
    background: -moz-linear-gradient(top,  #8ac53f 0%, #41893e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac53f), color-stop(100%,#41893e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8ac53f 0%,#41893e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac53f', endColorstr='#41893e',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);
}

#main #news article {
    padding: 15px 0 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid #918580;
}

#main #news article h4 {
    font: bold 12px/16px Open Sans,Italic;
}

#main #news article .button a {
    display: block;
    float: right;
    border-radius: 2px;
    font: bold italic 10px/25px "Segoe UI",Open Sans,Italic;
    color: #fff;
    padding: 0 15px;

    background: #8ac53f; /* Old browsers */
    background: -moz-linear-gradient(top,  #8ac53f 0%, #41893e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac53f), color-stop(100%,#41893e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8ac53f 0%,#41893e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac53f', endColorstr='#41893e',GradientType=0 ); /* IE6-9 */
}

#slideshow {
    position: relative;

    margin: 17px 0 0 0;
    height: 415px;

    background: #fff;
    border-radius: 2px;
    overflow: hidden;
}

#slideshow .title li {
    float: left;
    position: relative;
    cursor: pointer;
    font: normal 12px/35px Open Sans,Italic;
    color: #8ac53f;

    border-right: 1px solid #d4d4d4;
    padding: 0 33px;
}

#slideshow .title li:last-child {
    border-right: none;
    padding: 0 37px;
}

#slideshow .title li:hover,
#slideshow .title li.active {
    background-color: #8ac53f;
    color: #fff;
}

#slideshow .title li.active:after {
    z-index: 100;
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-top-color: #8ac53f;
    pointer-events: none;
    border-width: 10px;
    margin-left: -10px;
}

#slideshow .items >li {
    clear: both;
    
    height: 380px;
    padding: 40px 380px 0 65px;
    background-repeat: no-repeat;
}

#slideshow .items h2 {
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    font: bold italic 36px/40px "Segoe UI",Open Sans,Italic;
    
    padding: 0 0 25px 0;
}

#slideshow .items #item-15 h2 {
    font: bold italic 25px/30px "Segoe UI",Open Sans,Italic;
}

#slideshow .items {
    font: bold 14px/16px Open Sans,Italic;
}

#slideshow .items li ul {
    list-style-type: disc;
    margin-left: 20px;
}

#slideshow .items li ul li {
    padding: 0 0 5px 0;

    text-shadow: 1px 1px 1px rgb(255, 255, 255);
}

#slideshow .items li .more {
    display: block;
    float: left;
    margin: 20px 0 0 0;
    border-radius: 2px;
    font: bold italic 10px/25px "Segoe UI",Open Sans,Italic;
    color: #fff;
    padding: 0 15px;
    background-color: #8ac53f;
}

#slideshow #contact {
    position: absolute;
    top: 70px;
    right: 35px;
}

#contact {
    background: rgba(20, 77, 154, 0.9);
    border-radius: 2px;
    width: 310px;
    height: 305px;
    
    padding: 20px 10px;
    
    color: #fff;
}

#contact h3 {
    font: bold italic 16px/16px "Segoe UI",Open Sans,Italic;
}

#contact h4 {
    padding: 7px 0 15px 0;
}

#contact form {
    padding: 18px 0 0 0;
}

#contact .text input,
#contact .email input {
    background: #d5dfed;
    border-radius: 2px;
    padding: 5px 10px;
    width: 100%;
    margin: 0 0 8px 0;
    border: 0;
}

#contact .radio {
    line-height: 20px;
    padding: 0 0 10px 0;
}

#contact .radio input {
    position: relative;
    top: 2px;
}

#contact .radio label {
    margin: 0 10px 0 0;
}

#contact .submit {
    text-align: right;
}

#contact .submit input {
    background: #fff;
    border: 0;
    color: #8ac53f;
    width: 80px;
    height: 25px;
    font: bold italic 10px/25px "Segoe UI",Open Sans,Italic;
    border-radius: 2px;
}

#content .error {
    background: #fff;

    margin: 20px 0;
    border-radius: 2px;

    padding: 20px 10px;
    font-weight: bold;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);
}

#content-top {
    border-radius: 2px;

    margin: 15px 0 0 0;
    padding: 15px 20px;
    color: #777;
    background: #fff;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);
}

#content-left h2 {
    font: bold italic 16px/16px "Segoe UI",Open Sans,Italic;
    
    padding: 20px 40px;
}

#content-left .content {
    padding: 0 40px 10px 40px;
    font-size: 13px;
    line-height: 16px;
}

#content-left .content p,
#content-left .content div {
    padding: 5px 0;
}

#content-left .content ul {
    list-style-type: disc;
    margin: 0 0 0 20px;
}

#content-left .content ul li {
    padding: 2px 0;
}

#content-left .content strong {
    font-weight: bold;
}

#content-left {
    float: left;

    margin: 35px 0;
    width: 640px;
    border-radius: 2px;
    background: #fff;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow:    0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow:         0px 1px 0px 0px rgba(5, 5, 5, 0.2);
}

#content-left .content h3 {
    font: normal 12px/20px "Segoe UI",Open Sans,Italic;
    color: #8ac53f;
}

#content-left.category-6 .content h3 {
    font: normal 12px/17px Open Sans,Italic;
    color: #000;
    padding: 13px 0 13px 40px;
    border-bottom: 1px solid #756660;
    position: relative;
    cursor: pointer;
}

#content-left.category-6 .content h3:before {
    content: "►";
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -9px;
    color: #8ac53f;
}

#content-left.category-6 .content h3.active {
    border-bottom: 0;
}

#content-left.category-6 .content h3.active:before {
    content: "▼";
}

#content-left.category-6 .content div {
    display: none;
    color: #777;
    border-bottom: 1px solid #756660;
    padding: 0 10px 16px 16px;
}

#content-sidebar {
    float: right;

    margin: 35px 0;
}

#content-sidebar #contact {
    background: #dbdbdb;
    color: #777;
}

#content-sidebar #contact .text input,
#content-sidebar #contact .email input {
    background: #f7f7f7;
}

#content #children article {
    float: left;
    width: 315px;
    margin: 0 0 20px 0;
    background: #fff;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    border-radius: 2px;
    padding: 30px 10px;
}

#content #children article:nth-child(2n - 1) {
    margin-right: 10px;
    clear: both;
}

#content #children article .lead {
    min-height: 80px;
}

#content #children article h3 {
    padding: 0 0 10px 0;
    font: bold italic 16px/20px "Segoe UI",Open Sans,Italic;
    color: #756660;
}

#content #children article .more {
    display: block;
    float: right;
    border-radius: 2px;
    font: bold italic 10px/25px "Segoe UI",Open Sans,Italic;
    color: #fff;
    padding: 0 15px;
    background-color: #8ac53f;
}

.submenu .articles article {
    margin: 0 25px 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #bab2af;
}

.submenu .articles article h4 {
    font: bold 12px/12px Open Sans,Italic;
    padding: 0 0 8px 0;
}

.submenu .articles article .lead {
    font: normal 12px/16px Open Sans,Italic;
    color: #777;
}

.submenu .articles article a {
    display: block;
    float: right;
    border-radius: 2px;
    font: bold italic 10px/25px "Segoe UI",Open Sans,Italic;
    color: #fff;
    padding: 0 15px;
    background-color: #8ac53f;
}

.references .partners {
    width: 420px;
}

.references .partners a {
    width: 100px;
    height: 50px;
    
    display: block;
    float: left;
    text-indent: -1000em;
    background-repeat: no-repeat;
    
    margin: 0 25px 10px 0;
}

.references .partners a:hover {
    background-position: left bottom;
}

.references .partners .axa {
    width: 33px;
    background-image: url(../img/partners/axa.jpg);
}

.references .partners .biofilter {
    width: 71px;
    background-image: url(../img/partners/biofilter.jpg);
}

.references .partners .dreher {
    width: 49px;
    background-image: url(../img/partners/dreher.jpg);
}

.references .partners .funzine {
    width: 87px;
    background-image: url(../img/partners/funzine.jpg);
}

.references .partners .hellenic {
    width: 65px;
    background-image: url(../img/partners/hellenic.jpg);
}

.references .partners .hungaropharma {
    width: 128px;
    background-image: url(../img/partners/hungaropharma.jpg);
}

.references .partners .nexus {
    width: 75px;
    background-image: url(../img/partners/nexus.jpg);
}

.references .partners .pince {
    width: 59px;
    background-image: url(../img/partners/pince.jpg);
}

.references .partners .pmva {
    width: 29px;
    background-image: url(../img/partners/pmva.jpg);
}

.references .partners .raiker {
    width: 43px;
    background-image: url(../img/partners/raiker.jpg);
}

.references .partners .rezangyal {
    width: 45px;
    background-image: url(../img/partners/rezangyal.jpg);
}

.references .partners .ledo {
    width: 52px;
    background-image: url(../img/partners/ledo.jpg);
}
.references .partners .total {
    width: 31px;
    background-image: url(../img/partners/total.jpg);
}

#archive {
    background: #fff;
    padding: 20px 10px;
    margin: 20px 0;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    -moz-box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
    box-shadow: 0px 1px 0px 0px rgba(5, 5, 5, 0.2);
}

#archive h2 {
    font: bold italic 16px/16px "Segoe UI",Open Sans,Italic;
    color: #8ac53f;
    padding: 0 0 25px 0;
}

#archive h3 {
    font: bold italic 16px/16px "Segoe UI",Open Sans,Italic;
}

#archive .lead {
    color: #777;
    padding: 20px 0 10px 0;
}

#archive article {
    border-bottom: 1px solid #bab2af;
    
    padding: 10px 0;
    margin: 0 0 20px 0;
}

#archive article .more {
    display: block;
    float: right;
    border-radius: 2px;
    font: bold italic 10px/25px "Segoe UI",Open Sans,Italic;
    color: #fff;
    padding: 0 15px;
    background-color: #8ac53f;
}

.archive-button {
    display: block;
    margin: 20px auto 0 auto;
    width: 85px;
    border-radius: 2px;
    font: bold italic 10px/25px "Segoe UI",Open Sans,Italic;
    color: #fff;
    padding: 0 15px;

    background: #8ac53f; /* Old browsers */
    background: -moz-linear-gradient(top,  #8ac53f 0%, #41893e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac53f), color-stop(100%,#41893e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8ac53f 0%,#41893e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8ac53f 0%,#41893e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac53f', endColorstr='#41893e',GradientType=0 ); /* IE6-9 */
}

.archive-button:hover {
    color: #fff;
}

#management ul {
    margin: 0 auto !important;
    width: 420px;
}

#management ul li {
    height: 100px;
    width: 70px;
    list-style-type: none;
    display: inline-block;
    background-image: url(../img/management/management.jpg);
    cursor: pointer;
    position: relative;
}

#management ul li.item2 { background-position: -70px 0; }
#management ul li.item3 { background-position: -140px 0; }
#management ul li.item4 { background-position: -210px 0; }
#management ul li.item5 { background-position: -280px 0; }
#management ul li.item6 { background-position: -340px 0; }

#management ul li.item1:hover { background-position: 0 -100px; }
#management ul li.item2:hover { background-position: -70px -100px; }
#management ul li.item3:hover { background-position: -140px -100px; }
#management ul li.item4:hover { background-position: -210px -100px; }
#management ul li.item5:hover { background-position: -280px -100px; }
#management ul li.item6:hover { background-position: -340px -100px; }

#management ul li .name {
    position: absolute;
    
    top: -35px;
    left: -22px;
    background: #004a98;
    color: #fff;
    width: 120px;
    text-align: center;
    padding: 5px 0;
}

#management ul li .name:after {
    border-color: #004a98 transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    bottom: -6px;
    content: "";
    display: block;
    left: 45%;
    position: absolute;
    width: 0;
}

#management .profile {
    display: none;
    padding: 40px 0 0 0 !important;
    border-top:1px solid #756660;
    margin: 10px 0 0 0;
}

#management .profile-left {
    float: left;
    width: 240px;
}

#management .profile-right {
    float: left;
    width: 320px;
}

#management .profile-right h2 {
    font: bold italic 16px/16px "Segoe UI",Open Sans,Italic;
    color: #8ac53f;
    padding: 0;
}

#management .profile-right h3 {
    font: bold 12px/16px "Segoe UI","OpenSans",Open Sans,Italic;
    color: #000;
    padding: 10px 0 25px 0;
}