/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}/* 
    Document   : reset
    Created on : 2011-12-04, 00:00:22
    Author     : admin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


html, body {
    background-color: #ddd !important;
    height: 100%;
}
body {
    margin: 0;
    padding: 0; 
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    /*background-color: #eee !important;*/
    background-color: #ddd !important;
}

.clearboth {
    clear: both;
}


.body-contact .layout-middle .layout-aside .gallery-item-16,
.body-contact .layout-middle .layout-aside .gallery-item-17,
.body-contact .layout-middle .layout-aside .gallery-item-18,
.body-contact .layout-middle .layout-aside .gallery-item-19,
.body-contact .layout-middle .layout-aside .gallery-item-20,
.body-contact .layout-middle .layout-aside .gallery-item-21,
.body-contact .layout-middle .layout-aside .gallery-item-22,
.body-contact .layout-middle .layout-aside .gallery-item-23,
.body-contact .layout-middle .layout-aside .gallery-item-24 {
        display: none !important;
    }

    
table tr td {border: none;}


h2,h3 {
    /*color: rgb(140,107,153);*/
    /*color: rgb(191,210,85);*/
    color: #555;
    font-weight: 100;
}

h2 {
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: normal;
    border-bottom: solid 2px #eee;
    line-height: 48px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 5px 0px;
}


.col2a {
    clear: both;
    width: 50%;
    float: left;
}
.col2b {
    width: 50%;
    float: left;
}


h3 a {
    font-weight: 100;
    color:#666;
    text-decoration: none;
}

h3 a:hover {
    text-decoration: underline;
}

a.more {
    color: #4C2F53;
    text-decoration: none;
    font-weight: bold;
    padding: 0 5px 0 5px;

}


.layout-aside .gallery-item img {
    background-color: #e8e4e9;
}hr {
    margin: 0;
    padding: 0;
    border: none;
}

.layout-lang-content,
.layout-header-content,
.layout-navtop-content,
.layout-middle-content,
.layout-footer-content {
    margin: auto;
    /*max-width: 960px;*/
}


/* WEBMAIL I DIRECTADMIN */

.body-webmail .layout-middle-content,
.body-customer-zone .layout-middle-content {
    max-width: 100% !important;
}

/* WEBMAIL I DIRECTADMIN */

.layout-breadcrumbs-content {
    padding: 2px 5% 2px 5%;
    font-size: 75%;
    background-color: #fff;
    color: #ccc;
}

.layout-breadcrumbs-content a {
    color: #999;
}.layout-lang {
    background-color: #222;
}

.layout-lang {
    display: block;
    white-space:nowrap;
}
.layout-lang-content {
    text-align: right;
    padding: 2px 5% 2px 5%;
}
.layout-lang a {
    font-size: 70%;
    text-transform: uppercase;
    color: #999;
    text-decoration: none;
}
.layout-lang a:hover,
.layout-lang a:focus{
    color: #ccc;
}            



.layout-lang-content a b {
    color: #fff;
}
.layout-header {
    overflow: hidden;
}
.layout-header {
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    background-color: #4C2F53;
    box-shadow: -10px 1px 10px #666;

    
    /*
    background: #4C2F53;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjNmI5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzZiNGM3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzRjMmY1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(140,107,153,1) 0%, rgba(107,76,117,1) 27%, rgba(76,47,83,1) 54%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,107,153,1)), color-stop(27%,rgba(107,76,117,1)), color-stop(54%,rgba(76,47,83,1)));
    background: -webkit-linear-gradient(top,  rgba(140,107,153,1) 0%,rgba(107,76,117,1) 27%,rgba(76,47,83,1) 54%);
    background: -o-linear-gradient(top,  rgba(140,107,153,1) 0%,rgba(107,76,117,1) 27%,rgba(76,47,83,1) 54%); 
    background: -ms-linear-gradient(top,  rgba(140,107,153,1) 0%,rgba(107,76,117,1) 27%,rgba(76,47,83,1) 54%);
    background: linear-gradient(top,  rgba(140,107,153,1) 0%,rgba(107,76,117,1) 27%,rgba(76,47,83,1) 54%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c6b99', endColorstr='#4c2f53',GradientType=0 );
    */
background: rgb(191,210,85); /* Old browsers */
background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

.layout-header h1 {
    margin:0;
    padding:0;
    font-size: 24px;

}
.layout-header h1 a {
    /*text-shadow: 1px 1px 4px #000;*/
    color:#eee;
    text-decoration: none;
    text-shadow: 0px 0px 1px #fff, 1px 1px 1px #333, -1px -1px 1px #222, 0px 0px 2px #eee;
  text-shadow: 1px 1px 0px #555,
                2px 2px 0px #333,
                3px 3px 3px #333;

}

.layout-header-content {
    padding: 30px 5% 30px 5%;
}
.layout-navtop,
.layout-navtop-l2,
.layout-navtop-l3 {
    background-color: #eee;
}

.layout-navtop-background,
.layout-navtop-l2-background,
.layout-navtop-l3-background
{
    background-color: #f8f8f8;
    border-bottom: solid 1px #ccc;

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlY2NlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(200,200,200,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(200,200,200,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(200,200,200,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(200,200,200,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(200,200,200,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}


.layout-navtop-content,
.layout-navtop-l2-content,
.layout-navtop-l3-content
{
    padding: 15px 8% 15px 5%;
    text-align: right;
}
ul.navigation {
    padding:0;
    margin:0;
}
ul.navigation li {
    display: inline;
}
ul.navigation li.active a,
ul.navigation li.active a:hover,
ul.navigation li.active a:focus{
    font-weight: bold;
    box-shadow: 1px 1px 1px #999;
    text-shadow: 0px 1px 0px #fff;
    background-color: #eee;
    color:rgb(76,47,83);
}
ul.navigation li a {
    text-decoration: none;
    font-weight: normal;
    font-size: 90%;
    color:#666;
    /*text-transform: uppercase;*/
    padding: 8px 2.0% 8px 2.0%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    line-height: 36px;
    white-space: nowrap;
}
ul.navigation li a:hover,
ul.navigation li a:focus {
    text-decoration: underline;
    color: #666;
}


.layout-navtop-l2-content,
.layout-navtop-l3-content
{
    padding: 5px 8% 8px 8%;
    text-align: right;
}

.layout-navtop-l3-content
{
    padding: 5px 10% 8px 10%;
    text-align: right;
}


.layout-navtop-l2,
.layout-navtop-l3
{
    background: none;
    background-color: #fff;
    border-bottom: solid 1px #ccc;
}

.layout-navtop-l2 ul.navigation li a, 
.layout-navtop-l3 ul.navigation li a
{
    text-decoration: none;
    font-weight: normal;
    font-size: 80%;
    padding: 4px 2.1% 4px 2.1%;

}
.layout-navtop-l2 ul.navigation li.active a, 
.layout-navtop-l2 ul.navigation li.active a:hover, 
.layout-navtop-l2 ul.navigation li.active a:focus, 
.layout-navtop-l3 ul.navigation li.active a
{
    font-weight: normal;
    background-color: #f8f8f8;
}

.layout-navtop-l3 ul.navigation li a
{
    text-decoration: none;
    font-weight: normal;
    font-size: 75% !important;
    padding: 4px 2.1% 4px 2.1%;

}

.layout-navtop-l2 ul.navigation li a:hover,
.layout-navtop-l3 ul.navigation li a:hover
{
    text-decoration: underline;
}.layout-middle {
    background-color: #f8f8f8;
    overflow: hidden;
    min-height: 350px;
}
.layout-middle .layout-content {
/*    width: 70%;
    float: right;
    */
}
.layout-middle .layout-aside {
/*    width: 30%;
    float: right;
    */
}

.layout-middle .layout-aside .gallery-item img {
    display: block;
    width: 48%;
    margin: 1%;
    float: left;
    
}

.layout-middle .layout-aside .gallery-item img {
    display: block;
    border: solid 0px none!important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;

}

.layout-middle iframe#remote-app {
    width: 100% !important;
    background-image: url(/images/loading.gif);
    background-position: center 40%;
    background-repeat: no-repeat;
    min-height: 340px;

}
    
.layout-content-content {
    padding: 10px 15px !important;
}

.layout-content .content-section {
    width: 100%;
    margin: auto;
    background-color: #f8f8f8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1%;
    margin-right: 1%;

    background-color: #f8f8f8;
    /*border-bottom: solid 1px #ccc;*/  
    box-shadow: 1px 1px 1px #eee;
    
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlY2NlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00f8f8f8',GradientType=0 ); /* IE6-8 */
  
}
    .layout-content .content-section:hover {
        background-color: #eee;
        text-shadow: 0px 1px 0px #fff;

        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlY2NlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8f8f8', endColorstr='#00eeeeee',GradientType=0 ); /* IE6-8 */
        
    }

.layout-content .content-section-content {
    padding: 5px 25px 8px 25px;
}
.layout-content .content-section-content h2 {

}




@media screen and (max-width:480px)
{
    body {
        font-size: 0.80em;
    }
}


@media screen and (min-width:620px)
{
    .layout-middle-content {
        margin: auto;
        width: 100%;
    }
    .layout-middle .layout-content {
        width: 70%;
        float: right;
    }
        .layout-middle .layout-content-content {
            padding: 0px 25px 25px 25px;
        }
    .layout-middle .layout-aside {
        width: 30%;
        float: right;
    }

    .body-start .layout-content .content-cola .content-section {
       max-width: 49%;
       float: left;
    }
    .body-start .layout-content .content-cola .content-section-helpdeskform {
       max-width: 99%;
       float: none;
       clear:both;
    }
    
    .body-start .layout-content .content-colb .content-section {
        max-width: 99%;
        clear: both;
        float: none;
    }

}

@media screen and (min-width:738px)
{
    .layout-middle-content {
        margin: auto;
        width: 100%;

    }
    .layout-middle .layout-content {
        width: 80%;
        float: right;
    }
        .layout-middle .layout-content-content {
            padding: 0px 25px 25px 25px;
        }
    .layout-middle .layout-aside {
        width: 20%;
        float: right;
    }
    .layout-middle .layout-aside .gallery-item img {
        width: 100% !important;
        margin: 5px !important;
        display: block;
    }
    .layout-middle .layout-aside .gallery-item-11,
    .layout-middle .layout-aside .gallery-item-12,
    .layout-middle .layout-aside .gallery-item-13,
    .layout-middle .layout-aside .gallery-item-14,
    .layout-middle .layout-aside .gallery-item-15,
    .layout-middle .layout-aside .gallery-item-16,
    .layout-middle .layout-aside .gallery-item-17,
    .layout-middle .layout-aside .gallery-item-18,
    .layout-middle .layout-aside .gallery-item-19,
    .layout-middle .layout-aside .gallery-item-20,
    .layout-middle .layout-aside .gallery-item-21,
    .layout-middle .layout-aside .gallery-item-22,
    .layout-middle .layout-aside .gallery-item-23,
    .layout-middle .layout-aside .gallery-item-24 {
        display: none !important;
    }
}

@media screen and (min-width:770px)
{
    .layout-middle .layout-aside .gallery-item-10,
    .layout-middle .layout-aside .gallery-item-11,
    .layout-middle .layout-aside .gallery-item-12,
    .layout-middle .layout-aside .gallery-item-13,
    .layout-middle .layout-aside .gallery-item-14,
    .layout-middle .layout-aside .gallery-item-15,
    .layout-middle .layout-aside .gallery-item-16,
    .layout-middle .layout-aside .gallery-item-17,
    .layout-middle .layout-aside .gallery-item-18,
    .layout-middle .layout-aside .gallery-item-19,
    .layout-middle .layout-aside .gallery-item-20,
    .layout-middle .layout-aside .gallery-item-21,
    .layout-middle .layout-aside .gallery-item-22,
    .layout-middle .layout-aside .gallery-item-23,
    .layout-middle .layout-aside .gallery-item-24 {
        display: none !important;
    }
}

@media screen and (min-width:990px)
{
    .layout-middle-content {
        margin: auto;
        width: 100%;

    }
    .layout-middle .layout-content {
        width: 68%;
        float: right;
    }
        .layout-middle .layout-content-content {
            padding: 0px 25px 25px 25px;
        }
    .layout-middle .layout-aside {
        width: 32%;
        float: right;
    }
    .layout-middle .layout-aside .gallery-item img {
        width: 48% !important;
        margin: 1% !important;
    }
    .layout-middle .layout-aside .gallery-item-10,
    .layout-middle .layout-aside .gallery-item-11,
    .layout-middle .layout-aside .gallery-item-12,
    .layout-middle .layout-aside .gallery-item-13,
    .layout-middle .layout-aside .gallery-item-14,
    .layout-middle .layout-aside .gallery-item-15,
    .layout-middle .layout-aside .gallery-item-16,
    .layout-middle .layout-aside .gallery-item-17,
    .layout-middle .layout-aside .gallery-item-18,
    .layout-middle .layout-aside .gallery-item-19,
    .layout-middle .layout-aside .gallery-item-20,
    .layout-middle .layout-aside .gallery-item-21,
    .layout-middle .layout-aside .gallery-item-22,
    .layout-middle .layout-aside .gallery-item-23,
    .layout-middle .layout-aside .gallery-item-24
    {
        display: block !important;
    }
}


@media screen and (min-width:1260px)
{

    .layout-middle .layout-content {
        width: 100% !important;
        float: none;
    }
        .layout-middle .layout-content-content {
            padding: 0px 25px 25px 25px;
        }
    .layout-middle .layout-aside {
        width: 100% !important;
        float: none;
        clear: both;
    }
    
    .layout-middle .layout-aside .gallery-item img {
        width: 10% !important;
        
    }
    
    .layout-middle .layout-aside .gallery-item-1,
    .layout-middle .layout-aside .gallery-item-2,
    .layout-middle .layout-aside .gallery-item-3,
    .layout-middle .layout-aside .gallery-item-4,
    .layout-middle .layout-aside .gallery-item-5,
    .layout-middle .layout-aside .gallery-item-6,
    .layout-middle .layout-aside .gallery-item-7,
    .layout-middle .layout-aside .gallery-item-8
    {
        display: block !important;
    }


    .layout-middle .layout-aside .gallery-item-9,
    .layout-middle .layout-aside .gallery-item-10,
    .layout-middle .layout-aside .gallery-item-11,
    .layout-middle .layout-aside .gallery-item-12,
    .layout-middle .layout-aside .gallery-item-13,
    .layout-middle .layout-aside .gallery-item-14,
    .layout-middle .layout-aside .gallery-item-15,
    .layout-middle .layout-aside .gallery-item-16,
    .layout-middle .layout-aside .gallery-item-17,
    .layout-middle .layout-aside .gallery-item-18,
    .layout-middle .layout-aside .gallery-item-19,
    .layout-middle .layout-aside .gallery-item-20,
    .layout-middle .layout-aside .gallery-item-21,
    .layout-middle .layout-aside .gallery-item-22,
    .layout-middle .layout-aside .gallery-item-23,
    .layout-middle .layout-aside .gallery-item-24
    {
        display: none !important;
    }
    .layout-content .content-section {
        width: 99% !important;
        margin-right: 1%;
        float: left;
    }
    .layout-content .content-cola {
        width: 50%;
        float: left;
    }
    .layout-content .content-colb {
        width: 50%;
        float: left;
    }
}


@media screen and (min-width:1346px)
{
    
    .layout-lang-content,
    .layout-header-content,
    .layout-navtop-content,
    .layout-middle-content,
    .layout-footer-content {
        margin: auto;
        max-width: 100%;
    }

    .layout-middle .layout-content {
        width: 90% !important;
        float: right;
    }
        .layout-middle .layout-content-content {
            padding: 0px 25px 25px 25px;
        }
    .layout-middle .layout-aside {
        width: 10% !important;
        float: right;
        clear: none;
    }
    
    .layout-middle .layout-aside .gallery-item img {
        width: 100% !important;
        
    }
    
    .layout-middle .layout-aside .gallery-item-1,
    .layout-middle .layout-aside .gallery-item-2,
    .layout-middle .layout-aside .gallery-item-3,
    .layout-middle .layout-aside .gallery-item-4,
    .layout-middle .layout-aside .gallery-item-5,
    .layout-middle .layout-aside .gallery-item-6,
    .layout-middle .layout-aside .gallery-item-7
    {
        display: block !important;
    }

    .layout-middle .layout-aside .gallery-item-8,
    .layout-middle .layout-aside .gallery-item-9,
    .layout-middle .layout-aside .gallery-item-10,
    .layout-middle .layout-aside .gallery-item-11,
    .layout-middle .layout-aside .gallery-item-12,
    .layout-middle .layout-aside .gallery-item-13,
    .layout-middle .layout-aside .gallery-item-14,
    .layout-middle .layout-aside .gallery-item-15,
    .layout-middle .layout-aside .gallery-item-16,
    .layout-middle .layout-aside .gallery-item-17,
    .layout-middle .layout-aside .gallery-item-18,
    .layout-middle .layout-aside .gallery-item-19,
    .layout-middle .layout-aside .gallery-item-20,
    .layout-middle .layout-aside .gallery-item-21,
    .layout-middle .layout-aside .gallery-item-22,
    .layout-middle .layout-aside .gallery-item-23,
    .layout-middle .layout-aside .gallery-item-24
    {
        display: none !important;
    }
    .layout-content .content-section {
        width: 49%;
        margin-right: 1%;
        float: left;
    }

}

@media screen and (min-width:1580px)
{
    
    .layout-lang-content,
    .layout-header-content,
    .layout-navtop-content,
    .layout-middle-content,
    .layout-footer-content {
        margin: auto;
        max-width: 100%;
    }

    .layout-middle .layout-content {
        width: 80% !important;
        float: right;
    }
        .layout-middle .layout-content-content {
            padding: 0px 25px 25px 25px;
        }
    .layout-middle .layout-aside {
        width: 20% !important;
        float: right;
    }
    .layout-middle .layout-aside .gallery-item img {
        width: 48% !important;
        margin: 1% !important;
    }
    .layout-middle .layout-aside .gallery-item-1,
    .layout-middle .layout-aside .gallery-item-2,
    .layout-middle .layout-aside .gallery-item-3,
    .layout-middle .layout-aside .gallery-item-4,
    .layout-middle .layout-aside .gallery-item-5,
    .layout-middle .layout-aside .gallery-item-6,
    .layout-middle .layout-aside .gallery-item-7,
    .layout-middle .layout-aside .gallery-item-8,
    .layout-middle .layout-aside .gallery-item-9,
    .layout-middle .layout-aside .gallery-item-10,
    .layout-middle .layout-aside .gallery-item-11,
    .layout-middle .layout-aside .gallery-item-12
    {
        display: block !important;
    }
    .layout-middle .layout-aside .gallery-item-13,
    .layout-middle .layout-aside .gallery-item-14,
    .layout-middle .layout-aside .gallery-item-15,
    .layout-middle .layout-aside .gallery-item-16,
    .layout-middle .layout-aside .gallery-item-17,
    .layout-middle .layout-aside .gallery-item-18,
    .layout-middle .layout-aside .gallery-item-19,
    .layout-middle .layout-aside .gallery-item-20,
    .layout-middle .layout-aside .gallery-item-21,
    .layout-middle .layout-aside .gallery-item-22,
    .layout-middle .layout-aside .gallery-item-23,
    .layout-middle .layout-aside .gallery-item-24
    {
        display: none !important;
    }
    .layout-content .content-section {
        width: 49%;
        margin-right: 1%;
        float: left;
    }
}

@media screen and (min-width:1912px)
{
    
    .layout-middle .layout-content {
        width: 70% !important;
        float: right;
    }
        .layout-middle .layout-content-content {
            padding: 0px 25px 25px 25px;
        }
    .layout-middle .layout-aside {
        width: 30% !important;
        float: right;
    }
    .layout-middle .layout-aside .gallery-item img {
        width: 30% !important;
        margin: 1% !important;
    }


    .layout-middle .layout-aside .gallery-item-1,
    .layout-middle .layout-aside .gallery-item-2,
    .layout-middle .layout-aside .gallery-item-3,
    .layout-middle .layout-aside .gallery-item-4,
    .layout-middle .layout-aside .gallery-item-5,
    .layout-middle .layout-aside .gallery-item-6,
    .layout-middle .layout-aside .gallery-item-7,
    .layout-middle .layout-aside .gallery-item-8,
    .layout-middle .layout-aside .gallery-item-9,
    .layout-middle .layout-aside .gallery-item-10,
    .layout-middle .layout-aside .gallery-item-11,
    .layout-middle .layout-aside .gallery-item-12,
    .layout-middle .layout-aside .gallery-item-13,
    .layout-middle .layout-aside .gallery-item-14,
    .layout-middle .layout-aside .gallery-item-15,
    .layout-middle .layout-aside .gallery-item-16,
    .layout-middle .layout-aside .gallery-item-17,
    .layout-middle .layout-aside .gallery-item-18
    {
        display: block !important;
    }


    .layout-middle .layout-aside .gallery-item-19,
    .layout-middle .layout-aside .gallery-item-20,
    .layout-middle .layout-aside .gallery-item-21,
    .layout-middle .layout-aside .gallery-item-22,
    .layout-middle .layout-aside .gallery-item-23,
    .layout-middle .layout-aside .gallery-item-24
    {
        display: none !important;
    }
    
    
    
}


@media screen and (min-width:2530px)
{
    
    .layout-middle .layout-content {
        width: 55% !important;
        float: right;
    }
        .layout-middle .layout-content-content {
            padding: 0px 25px 25px 25px;
        }
    .layout-middle .layout-aside {
        width: 45% !important;
        float: right;
    }
    .layout-middle .layout-aside .gallery-item img {
        width: 18% !important;
        margin: 1% !important;
    }

    .layout-middle .layout-aside .gallery-item-11,
    .layout-middle .layout-aside .gallery-item-12,
    .layout-middle .layout-aside .gallery-item-13,
    .layout-middle .layout-aside .gallery-item-14,
    .layout-middle .layout-aside .gallery-item-15,
    .layout-middle .layout-aside .gallery-item-16,
    .layout-middle .layout-aside .gallery-item-17,
    .layout-middle .layout-aside .gallery-item-18,
    .layout-middle .layout-aside .gallery-item-19,
    .layout-middle .layout-aside .gallery-item-20,
    .layout-middle .layout-aside .gallery-item-21,
    .layout-middle .layout-aside .gallery-item-22,
    .layout-middle .layout-aside .gallery-item-23,
    .layout-middle .layout-aside .gallery-item-24 {
        display: block !important;
    }
}

/*
.layout-content iframe {
    width: 100%;
    border: none;
    margin: 0;
}*/
.layout-middle .layout-content {

}
    
.layout-content ul {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

.layout-content ul li {
    /*color: rgb(140,107,153);
*/
    color: rgb(191,210,85);
}

.layout-content ul {
    padding: 0px 20px 0px 20px;
}

.layout-content ul li {
    list-style-type: square;
}
.layout-content ul li:hover {
    color: #ccc;
    list-style-type: disc;
}

.layout-content ul li span {
    color:#444;
    font-size: 0.8em;
}

.layout-content ul li:hover span {
    color: rgb(140,107,153);
    text-shadow: 0px 0px 5px #fff !important;
}


.layout-content h1 {
    display: none;
}

.body-webmail .layout-aside,
.body-customer-login .layout-aside {
    display: none;
}
.body-webmail .layout-content,
.body-customer-login .layout-content {
    width: 100%;
    float: none;
    clear: both;
    margin: 0;
}

/*
.body-offer .layout-middle-content {
    border-left:  dotted 1px #ccc;
    border-right:  dotted 1px #ccc;
    box-shadow: 1px 1px 2px #999;
}
.body-offer .layout-footer {
    margin: auto;
    max-width: 960px;
    border-left:  dotted 1px #ccc;
    border-right:  dotted 1px #ccc;
    border-bottom:  dotted 1px #ccc;
    box-shadow: 1px 1px 2px #999;
    margin-top: -2px;
    margin-bottom: 5px;
    
}
.body-offer .layout-middle-content {
    background-color: #fff;
}
.body-offer,
.body-offer .layout-middle {
    background-color: #f8f8f8;
}
*/


.layout-aside .layout-aside-content {
    padding: 10px;
}
.layout-footer {
    background-color: #f8f8f8;
    
    
}
.layout-footer-content {
    padding: 10px 5% 10px 5%;
    background-color: #eee;
    -moz-box-shadow: 0px 3px 2px rgba(150,150,150,0.3);
    -webkit-box-shadow: 0px 3px 2px rgba(150,150,150,0.3);
    box-shadow: 0px 3px 2px rgba(150,150,150,0.3);
    border-bottom: solid 1px #fff;

}
.layout-footer-content small {
    font-size: 11px;
    color: #888;
}


form.websafe-form .websafe-form-element-zip {
    clear: both;
    width: 20%;
}
form.websafe-form .websafe-form-element-city {
    width: 40%;
}
form.websafe-form .websafe-form-element-wojewodztwo,
form.websafe-form .websafe-form-element-country{
    width: 40%;
}
form.websafe-form .websafe-form-element-message {
    width: 100%;
}
form.websafe-form .websafe-form-element textarea {
    height: 100px;  
    resize: none;
}

form.websafe-form .websafe-form-element-send {
    float: none;
    clear: both;
}


form.websafe-form .websafe-form-element input.validating,
form.websafe-form .websafe-form-element textarea.validating {
    background-color: #efefff;
    background-image: url(/images/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
    color: #999;
    text-shadow: #fff 0px 1px 0px;
}

form.websafe-form .websafe-form-element .invalidvalue {
	background-color: #ffeeee;
	color: #000;
}

form.websafe-form .websafe-form-element .validvalue {
	background-color: #efffcc;
	/*width: 90% !important;*/
}


.websafe-form-element input,
.websafe-form-element select,
.websafe-form-element textarea {
    font-size: 1.1em;
}

form.websafe-form {

    /*max-width: 640px;*/
    margin: 0 auto 0 auto;
/*    background-color: #f8f8f8;*/
    padding: 0 0 20px 0;
/*
    border: solid 1px #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 1px 1px 3px #ccc;
*/
}

form.websafe-form .websafe-form-element  {
    width: 100%;
    float: none;
}


form.websafe-form .websafe-form-element .form-element-content label {
    display: block;
    clear: both;
    text-transform: uppercase;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
}
form.websafe-form .websafe-form-element .form-element-content input,
form.websafe-form .websafe-form-element .form-element-content select, 
form.websafe-form .websafe-form-element .form-element-content textarea {
    display: block;
    clear: both;
    width: 100%;
    padding: 2px 0px 2px 0px;
}
form.websafe-form .websafe-form-element .form-element-content select {
    padding: 1px 0px 1px 0px;
} 

form.websafe-form .websafe-form-element .form-element-content input:focus,
form.websafe-form .websafe-form-element .form-element-content select:focus, 
form.websafe-form .websafe-form-element .form-element-content textarea:focus {
    background-color: #FFFFDD;
}



form.websafe-form .form-element-content {
    padding: 5px;
}


form.websafe-form label.required {
    color: #990000;
}
form.websafe-form label.required:after {
    content: " *";
}

form.websafe-form ul.errors {
    position: absolute;
    background-color: #ffcc00;
    margin:0px 0px 0px 20px;
}

.errors-content {
    margin: auto;
    padding: 10px 20px 10px 20px;
    background-color: #ffcccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 85%;

}
.errors-content ul {
    margin:0;
    padding:0 0 0 20px ;
}
.errors-content ul li,.errors-content ul li:hover {
    color: #333;
}
form#websafe-form-helpdesk .websafe-form-content .websafe-form-helpdesk-email,
form#websafe-form-helpdesk .websafe-form-content .websafe-form-helpdesk-mobilephone,
form#websafe-form-helpdesk .websafe-form-content .websafe-form-helpdesk-landlinephone
{
    width: 33%;
    float: left;
}

form#websafe-form-helpdesk .websafe-form-content .websafe-form-helpdesk-message textarea
{
    height: 95px;
}
form#websafe-form-contact .websafe-form-content .websafe-form-element
{
    width: 50%;
    float: left;
}

form#websafe-form-contact .websafe-form-content .websafe-form-contact-email,
form#websafe-form-contact .websafe-form-content .websafe-form-contact-phone,
form#websafe-form-contact .websafe-form-content .websafe-form-contact-fax
{
    width: 33%;
}

form#websafe-form-contact .websafe-form-content .websafe-form-contact-zip
{
    width: 25%;
}
form#websafe-form-contact .websafe-form-content .websafe-form-contact-city
{
    width: 30%;
}
form#websafe-form-contact .websafe-form-content .websafe-form-contact-wojewodztwo,
form#websafe-form-contact .websafe-form-content .websafe-form-contact-country
{
    width: 45%;
}
form#websafe-form-contact .websafe-form-content .websafe-form-contact-message
{
    clear: both;
    width: 100%;
    float: none;
}
form#websafe-form-contact .websafe-form-content .websafe-form-contact-message textarea
{
    height: 200px;
}
form#websafe-form-contact .websafe-form-content .websafe-form-contact-sendmessage
{
    clear: both;
    width: 100%;
    float: none;
}
.websafe-logo-container {
    padding: 0;
    margin:0;
    overflow: hidden;
    border-bottom: solid 1px #fff;
}

.websafe-logo-box {
    padding: 2.5em 4% 1.2em 4%;
}

.websafe-logo-background {
    background: rgb(191,210,85); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

.websafe-logo-background2 {
    background: #d5e666; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZTY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JiZDAxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2EwYjExZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGU5MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #d5e666 0%, #bbd01a 50%, #a0b11f 51%, #d0e913 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5e666), color-stop(50%,#bbd01a), color-stop(51%,#a0b11f), color-stop(100%,#d0e913)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d5e666 0%,#bbd01a 50%,#a0b11f 51%,#d0e913 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d5e666 0%,#bbd01a 50%,#a0b11f 51%,#d0e913 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d5e666 0%,#bbd01a 50%,#a0b11f 51%,#d0e913 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d5e666 0%,#bbd01a 50%,#a0b11f 51%,#d0e913 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e666', endColorstr='#d0e913',GradientType=0 ); /* IE6-8 */
}

.websafe-logo-background3 {
    background: #cee870; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZTg3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2IzZDkxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzlhYjgyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMmVkMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cee870 0%, #b3d91b 50%, #9ab820 51%, #c2ed19 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cee870), color-stop(50%,#b3d91b), color-stop(51%,#9ab820), color-stop(100%,#c2ed19)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cee870 0%,#b3d91b 50%,#9ab820 51%,#c2ed19 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cee870 0%,#b3d91b 50%,#9ab820 51%,#c2ed19 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cee870 0%,#b3d91b 50%,#9ab820 51%,#c2ed19 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cee870 0%,#b3d91b 50%,#9ab820 51%,#c2ed19 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee870', endColorstr='#c2ed19',GradientType=0 ); /* IE6-8 */
}
.websafe-logo-background4 {
    background: #1e5799; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
}
.websafe-logo-background5 {
    background: #f85032; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4NTAzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNmY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y2MjkwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2YwMmYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzM4MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-8 */
}
.websafe-logo-background6 {
    background: #aebcbf; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYmNiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlNzc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzBhMGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA4MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-8 */
}

.websafe-logo-background7 {
    background: rgb(149,149,149); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzBkMGQwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAxMDEwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzBhMGEwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzRlNGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjFiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-8 */
}

.websafe-logo-h1 {
    margin-top: 0 !important;
    font-family: 'Exo', sans-serif !important;
    color: #fff !important;
    font-size: 64px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.websafe-logo-a {
    text-decoration: none !important;
}

.websafe-logo-websafe {
    color: #fff !important;
}

.websafe-logo-dot {
    color: #eee !important;
}

.websafe-logo-pl {
    font-size: 50%;
    color: #eee;
}

.websafe-logo-textshadow {
    text-shadow: 1px 2px #444444, -1px -1px #ccc;
}

.websafe-logo-subtext {
    display: block !important;
    margin-top: 6px !important;
    margin-left: 12px !important;
    font-family: 'Exo', sans-serif !important;
    font-weight: 500 !important;
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    word-spacing: 4px !important;
}

.body-phpmyadmin-gateway .content-section,
.body-phppgadmin-gateway .content-section,
.body-directadmin-gateway .content-section,
.body-webmail-gateway .content-section,
.body-webmin-gateway .content-section 
{
    margin: auto;
    float: none;
    max-width:  400px;
}

.body-start .layout-content .content-section ul li h3 {

}
.body-start .layout-content .content-section li {
    line-height: 100%;
}