body
{
    height: 100%;
    color: #000000;
    font-size: 15px;
    background: #ffffff url('/images/layout/body_bg_repeat.png') repeat-y center top;
}

/*TipBoxy*/
.tip {
    position: fixed;
    bottom: 0;
    width: 206px;
    height: 300px;
    z-index: 10;
    line-height: 27px;
    font-size: 18px;
}

.tipBox_2
{
	background: url('/images/layout/tipBoxTransparent.png') 0 0 no-repeat;
	right: 150px;
}

.tipBox_1
{
	background: url('/images/layout/tipBoxYellow.png') 0 0 no-repeat;
	right: 430px;
}

.tip a
{
	font-family: 'SPPregular';
	text-decoration: none;
	display: block;
	margin: 5px 0 0 4px;
	font-family: "SPPregular", Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size: 17px;
}

.tip a .text
{
	position: absolute;
	top: 15px;
	left: 15px;
}

.chatBox {
    display: none;
    right: 0;
    overflow: hidden;
}

/*Konec TipBoxy*/


.linkSaveForm
{
	padding-left: 20px !important;
	line-height: 30px;
}

.red
{
	color: red;
}

#wrap
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto;
    background: transparent url('/images/layout/body_bg.png') no-repeat center top;
}

a#scrollToTop {
    position: fixed;
    display: none;
    right: 207px;
    bottom: 0px;
    width: 100px;
    height: 33px;
    line-height: 33px;
    background: #000;
    color: #ccc;
    text-align: center;
    text-decoration: none;
}

#push
{
    height: 30px;
    background: transparent url('/images/layout/body_bg_repeat.png') repeat-y center top;
}
footer
{
    /*height: 462px;*/
    background: transparent url('/images/layout/footer_bg.png') repeat-x left bottom -50px;
}

@media(min-width:1200px) {
    footer
    {
        background: transparent url('/images/layout/footer_bg_big.png') repeat-x left bottom;
    }
}

@media(min-width:1440px) {
    footer
    {
        background: transparent url('/images/layout/footer_bg.png') repeat-x left bottom;
    }
}

footer .footer-holder {
    padding-top: 15px;
    min-height: 150px;
}

footer #BottomContent {
    background-color: #F5F7F7;
    padding-bottom: 12px;
    padding-top: 21px;
    min-height: 280px;
    /*padding-left: 30px;*/
}

@media (min-width: 768px) {
    footer #BottomContent > div:first-child {
        padding-left: 30px;
    }
}

footer #BottomContent h2 {
    font-family: 'SPPsemibold';
    font-size: 24px;
    margin:0;
    padding-bottom: 16px;
}

footer #BottomContent h3 {
    font-family: 'SPPsemibold';
    font-size: 16px;
    padding-top: 1px;
    padding-bottom: 5px;
    margin:0;
}

footer #BottomContent div.links {
    font-family: 'SPPsemibold';
    width: 224px;
    height: 43px;
    background: url("/images/layout/button-yellow.png");
}

footer #BottomContent div.links .section {
    float: left;
    padding-top: 11px;
    padding-left: 10px;
}

footer #BottomContent div.links .telephone {
    float: right;
    padding-top: 11px;
    padding-right: 10px;
}

div.footerDiv
{
    width:98%;
    background: transparent url("/images/content/footer-divider.png") repeat-x;
    height:3px;
    margin-bottom: 19px;
    margin-top: 19px;

}

footer a.mainLogo {
    margin-top: 0;
    margin-left: 15px;
    margin-right: 20px;
    display: block;

}

footer a.logos {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    display: block;
}

footer a.mainLogo,
footer a.logos.nadacia,
footer a.logos.ekofond {
    margin-left: 10px;
}

@media (min-width: 768px){
    footer a.logos {
        margin-left: 10px;
        margin-right: 10px;
        display: inline-block;
    }


}


@media (min-width: 1200px){
    footer a.mainLogo {
        padding-left: 2px;
        float: left;
        margin-right: 60px;
        margin-top: 28px;
        margin-left: 0;
    }

    footer a.logos {
        float: right;
        margin-top: 50px;
        margin-left: 20px;
        margin-right: 20px;
    }



    footer a.logos.nadacia {
        margin-right: 0;
    }

    footer #logo-holder {
        padding-right: 200px;
    }

}

@media (min-width: 1600px){
    footer #logo-holder {
        padding-right: 0;
    }
}

footer .footerLinks-container,
footer .social-container {
    /*float: left;*/
    /*width: 75%;*/
    margin-bottom: 15px;
}

footer .social-container {
    width: 25%;
}

footer .social-container .social {
    /*width: 156px;*/
	float: right;
}

footer .social a.footerLinks,
footer span.copyright,
footer a.footerLinks {
    color: #373737;
    /*float: left;*/
    margin-right: 18px;
    font-family: SPPregular, serif;

}

footer .footer-svg {
    width: 24px;
    height: 24px;
}

.social-fixed
{
	position: fixed;
	right: 100px;
	bottom: 0;
	background-color: #FFE90A;
	padding: 9px;
    /*float:*/
}

.social-icons {
    margin-top: 20px;
}

@media (min-width: 1440px) {
    .social-icons {
        margin-top: 0;
        display: inline;
    }
}



/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {


    /*footer {*/
    /*    margin-left: -20px;*/
    /*    margin-right: -20px;*/
    /*    padding-left: 20px;*/
    /*    padding-right: 20px;*/
    /*}*/

    footer .footerLinks-container,
    footer .social-container {
        margin-bottom: 55px;
    }

    .social-fixed
    {
        right: -18px;
        width: 100%;
    }
    footer .footerLinks-container,
    footer .social-container {

        width: 100%;

    }

    footer .social-container .social {
        width: 100%;
        float: right;
    }

    .social-wrapper{
        width: auto;
        float: right;
        padding-right: 100px;
    }
}


header
{
    display: block;
    /*background: transparent url('/images/layout/header_bg.png') no-repeat center top !important;*/
}


header .navbar
{
    margin-bottom: 15px;
    border: 1px #ffd92a solid;
    border-width: 1px 0px 0px 0px;
    background: none;
}

header .navbar .btn-navbar {
    font-family: SPPregular, serif;
    text-align: center;
    font-size: 12px;
    border: 0;
    text-shadow: none;
    box-shadow: none;
    background: none;
    margin-right: -10px;
}

header .navbar .btn-navbar .showB {
    display: block;
}

header .navbar .btn-navbar .showA {
    display: none;
}

header .navbar .btn-navbar .showB >img {
    margin: 3px 0;
}

header .navbar .btn-navbar.collapsed .showA {
    display: block;
}

header .navbar .btn-navbar.collapsed .showB {
    display: none;
}

#mojeSPPmobile {
    width: auto;
    height: auto;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    font-size: 12px;
    font-family:SPPregular, serif;
    color: #ffffff;
    margin-left: 20px;
    margin-top: -2px;
}

.menu-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
}

.menu-icon.menu {
    background-image: url(/images/icons/menu-burger.svg);
}

.menu-icon.zavriet {
    background-image: url(/images/icons/zavriet.svg);
}

.menu-icon.moje-spp {
    background-image: url(/images/icons/moje-spp.svg);
}

@media (min-width: 980px) {
    #mojeSPPmobile {
        display :none;
    }
}

header .navbar .navbar-inner
{
    display: block;
    min-height: 60px;
    background: transparent url('/images/layout/header_bg.png') no-repeat center top !important;
    /*background: none;*/
    border: 0px solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


@media (min-width: 768px) {
    header .navbar .navbar-inner {
        border-radius: 0;
    }
}


@media (min-width: 960px) {
    header .navbar .navbar-inner {
        min-height: 131px;
    }
}

header .navbar .navbar-inner .container
{
    max-width: 1170px;
    position: relative;
}

header .navbar .navbar-inner .container a.brand
{
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 0 10px 0;
    padding: 0px;
    background: transparent url('/images/layout/spp_logo.png') no-repeat left top;


}

@media (min-width: 960px) {
    header .navbar .navbar-inner .container a.brand {
        display: block;
        width: 99px;
        height: 105px;
    }
}


header .navbar .navbar-inner .container .languageHolder
{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1000;

    color: #CCCCCC;
    font-size: 16px;
    font-family: SPPregular, serif;
}
header .navbar .navbar-inner .container .languageHolder a
{
    /*float: right;*/
    width: 33px;
    height: 29px;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    text-decoration: none;
    /*background-color: #ffd92a;*/

    color: #CCCCCC;
    font-family: SPPregular, serif;
}

header .navbar .navbar-inner .container .languageHolder #languageHolderSearch {
    margin-right: 20px;
}


header .navbar .navbar-inner .container .languageHolder a:hover,
header .navbar .navbar-inner .container .languageHolder a.active {
    color: #FFD500;
}

header .navbar #topNavigation
{
    position: absolute;
    left: 100px;
    top: 58px;
    width: 75%;

    display: flex;
    align-items: center;
}
header .navbar #topNavigation li
{
    /*float: left;*/
    /*margin: 0 37px 0 0;*/
    padding: 0 10px;
    line-height: 26px;
    background: none;
    text-align: center;
    flex-grow: 1;
    /*min-width: 15%;*/
}
header .navbar #topNavigation li a
{
    font-size: 18px;
    text-decoration: none;
    color: #ffffff;
}
header .navbar #topNavigation li a:hover, header .navbar #topNavigation li a.active
{
    text-decoration: underline;
    color: #ffd92a;
}

header .navbar .searchHolder
{
    float: right;
    margin: 10px 50px 0 0px;

    /*    position: absolute;
            right: 280px;
            top: 27px;*/
}

#languageHolderSearch {
    display: none;
}

@media (min-width: 980px) {
    header .navbar .searchHolder {
        visibility: hidden;
    }

    #languageHolderSearch {
        display: inline;
    }

    header .navbar .searchHolder {
        margin-left: 10px;
    }
}

@media (min-width: 960px) {
    header .navbar .searchHolder {
        margin: 45px 0 0 0;
    }
}

header .navbar .searchHolder #searchInWeb
{
    width: 88px;
}
header .navbar .searchHolder .defaultInput
{
    margin-bottom: 0;
    padding: 0 6px;

    height: 42px;
    line-height: 42px;


    /*background-color: #000000;*/
}


header .navbar .searchHolder label
{
    margin: 0 0 6px 16px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 15px;
}


header .navbar .login
{
    display: none;
    float: right;
    /*width: 320px;*/
    position: relative;
    z-index: 800;
    clear: right;
    padding-top: 10px;
    padding-bottom: 20px;
}


@media (min-width: 980px) {
    header .navbar .login {
        display: block;
    }
}

@media (min-width: 1200px) {
    header .navbar .login {
        clear: none;
        padding: 50px 0 0 0;
    }
}

header .navbar .login h2
{
    margin: 0 0 6px 16px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 15px;
}

header .navbar .login a.buttonMySPP
{
    float: left;
    white-space: nowrap;
    /*width: 100px;*/
    /*height: 44px;*/
    text-decoration: none;
    /*	margin: 0 22px 0 0;*/
    /*background: url("/images/layout/login-bg.png");*/
    margin-left: 10px;
    border: 1px solid #FED502;
    border-radius: 25px;

    padding: 5px 25px;
    font-size: 18px;
    color: #ffffff;
    font-family: SPPregular, serif;
}

header .navbar .login a.buttonMySPP:hover {
    color: #FED502;
}

header .navbar .login a.buttonMySPP:first-child {
    margin-left: 0;
}

@media (min-width: 980px) {
    header .navbar .login a.buttonMySPP {

    }
}

header .navbar .login a.buttonMySPP:hover
{
    /*background: url("/images/layout/login-bg-hover.png");*/
}

header .navbar .login a.buttonMySPP > img {
    height: 21px;
    margin-right: 5px;
}

header .navbar .login .whatIs
{
    display: block;
    position: relative;
    float: right;
    /*margin: 11px 0 0 0;*/
    font-size: 15px;
    text-decoration: underline;
    color: #ffffff;
}
header .navbar .login .whatIs:hover
{
    color: #ffd92a;
}
header .navbar .login .popover {
    left: -255px !important;
    top: 10px !important;
}
header .navbar .login .popover.left .arrow {
    top: 58px;
}
header .navbar .login .popover-title {
    display: none;
}

.width370Ie .popover-content
{
    margin-bottom: 10px;
    max-height: 200px;
    overflow: auto;
    padding: 9px 14px;
    width: 360px;
}

header nav
{
    max-width: 1170px;
    height: 50px;
    margin: 0 auto;
    /*border-bottom: 1px solid #F7F7F7;*/
    background: url("/images/layout/menu-bg.png");
    display: flex;
    flex-flow: column;
}

header nav.subtree {display:none}

@media (min-width: 768px) {
    header nav.subtree {
        display: flex;
    }
}

@media (min-width: 768px) {
    header nav {
        flex-flow: row;
    }
}

header nav a.home
{
    /*float: left;*/
    /*	width: 5.555555%;*/
    width: 65px;
    height: 50px;
    /*	margin-right: 0.170940%;*/
    margin-right: 1px;
    background: url("/images/layout/menu-home.png");
}

header nav a
{
    display: block;
    font-size: 20px;
    /*float: left;*/
    /*	width: 18.717948%;*/
    /*	width: 20%;*/
    /*width: 20%;*/
    height: 50px;
    /*	margin-right: 0.170940%;*/
    text-decoration: none;
    /*flex-grow: 1;*/
}

@media (min-width: 768px) {
    header nav a {
        max-width: 235px;
        flex: 1 1 0px;
    }
}

header nav a span
{
    font-family: 'SPPsemibold';
    display: block;
    padding-left: 18px;
    padding-top: 14px;
}

@media (max-width: 767px) {
    header nav a span {
        border-top: 1px solid #ccd4da;
    }

    header nav a:first-child span {
        border-top: none;
    }
}

@media (min-width: 768px) {
    header nav a span {
        height: 35px;
        border-left: 1px solid #ccd4da;
    }

    header nav a:first-child span {
        border-left: none;
    }
}

header nav a.electricity
{
    background: url("/images/layout/menu-flash.png") right 11px no-repeat rgba(44, 44, 44, 0.75);
    color: #FFFFFF;
}

header nav a.gas
{
    background: url("/images/layout/menu-fire.png") right 11px no-repeat rgba(44, 44, 44, 0.75);
    color: #FFFFFF;
}

header nav a.radi
{
    background: url("/images/layout/poradenstvo.png") right 11px center no-repeat rgba(44, 44, 44, 0.75);
    color: #FFFFFF;
}

header nav a.lightBlue
{
    color: #000000;
    /*background: url("/images/icons/poradenstvo.svg") right 11px center no-repeat;*/
}

header nav a.lightBlue:first-child {
    border-left: none;
}

header nav a.last
{
    margin-right: 0;
    /*background: url("/images/icons/kontakty.svg") right 11px center no-repeat;*/
}

header nav a.electricity:hover, header nav a.electricity.selected
{
    color: #FFD92A;
    background: url("/images/layout/menu-flash-hover.png") right 11px no-repeat #000000;
}

header nav a.gas:hover, header nav a.gas.selected
{
    color: #FFD92A;
    background: url("/images/layout/menu-fire-hover.png") right 11px no-repeat #000000;
}

header nav a.radi:hover, header nav a.radi.selected
{
    color: #FFD92A;
    background: url("/images/layout/poradenstvo-hover.png") right 11px center no-repeat #000000;
}

header nav a.lightBlue:hover, header nav a.lightBlue.selected
{
    color: #FFD92A;
    background: rgba(0,0,0, 0.9);
}



#ContentSection
{
    /*background: #ffffff url("/images/layout/content_section_bg.png") repeat-x left top;*/
}
#ContentSection > .container
{
    border: 1px #e7e7e7 solid;
    border-width: 0px 1px 0px 1px;
    /*padding-top: 25px;*/
}

@media(min-width: 768px) {
    #ContentSection > .container
    {
        padding-top: 25px;
    }
}

#ContentSectionNoMenu > .container
{
    border: 1px #e7e7e7 solid;
    border-width: 0px 1px 0px 1px;
}

#breadCrumb
{
    /*height: 96px;*/
    position: relative;
    /*left: 2px;*/
    /*background: transparent url("/images/layout/breadcrumb_bg.png") no-repeat right top;*/
    overflow: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}


#breadCrumb::-webkit-scrollbar {
    display: none;
}


#breadCrumb ul
{
    margin: 0 0 15px 0;
    list-style-type: none;
    clear:both;
    white-space: nowrap;
}

#breadCrumb ul li
{
    display: inline-block;
    /*float: left;*/
    margin: 0 4px;
    padding: 0 0 0 16px;
    /*font-family: 'SPPsemibold';*/
    /*font-size: 13px;*/
    background: transparent url('/images/icons/arrow.svg') no-repeat left center;
}
#breadCrumb ul li:first-child
{
    margin-left: 0;
    padding-left: 0;
    background: none;
}

#breadCrumb ul li:last-child a
{
    color: #666666;
}

#breadCrumb ul li:first-child img {
    margin-top: -3px;
}

#breadCrumb ul li a
{
    font-family: SPPregular, serif;
    font-size: 16px;
    text-decoration: none;
    line-height: 22px;
    vertical-align: middle;
}

#breadCrumb ul li a:hover {
    text-decoration: underline;
}



#mainContentRow
{
    position: relative;
}

#leftMenuHolder
{
    position: relative;
    top: 0px;
}
#leftMenuHolder #leftMenu
{
    position: relative;
    width: 230px;
}

@media (min-width: 1200px) {
    #leftMenuHolder #leftMenu
    {
        position: relative;
        width: 268px;
    }
}

#leftMenuHolder #leftMenu .leftMenuShadow
{
    width: 272px;
    max-width: 272px;
    height: 9px;
    position: absolute;
    left: 39px;
    top: -9px;
}
#leftMenuHolder #leftMenu ul
{
    list-style-type: none;
}
#leftMenuHolder #leftMenu > div > ul
{
    width: 140px;
    margin: 0 0 0 37px;
    padding: 22px 0 21px 29px;
    border: 2px #ffd92a solid;
}

@media (min-width: 980px) {
    #leftMenuHolder #leftMenu > div > ul {
        width: 200px;
    }
}

@media (min-width: 1200px) {
    #leftMenuHolder #leftMenu > div > ul {
        width: 239px;
    }
}

#leftMenuHolder #leftMenu ul li
{

    padding: 0;
    background: none;
    text-decoration: none;
    position:relative;
}


@media (min-width: 768px) {
    #leftMenuHolder #leftMenu ul li.active
    {
        /*padding-left: 19px;*/

    }

    #leftMenuHolder #leftMenu ul li.active {
        /*background: transparent url('/images/layout/left_menu_bullet.png') no-repeat 3px 11px;*/
    }
}

#leftMenuHolder #leftMenu ul li.active > a
{
    text-decoration: underline;
    font-family: SPPsemibold, serif;
}

#leftMenuHolder #leftMenu ul li a
{
    display: block;
    margin: 0 15px 0 0;
    padding: 8px 0;
    font-family: SPPregular, serif;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
}
#leftMenuHolder #leftMenu ul li a:hover
{
    text-decoration: underline;
}

@media (min-width: 768px) {
    #leftMenuHolder #leftMenu ul li.active > a, #leftMenuHolder #leftMenu ul li.selected > a {
        font-family: 'SPPsemibold';
    }
}

#leftMenuHolder #leftMenu ul li > ul
{
    margin: 0px 0 13px 0;
}
#leftMenuHolder #leftMenu ul li > ul li
{
    /*padding-left: 19px;*/
}

#leftMenuHolder #leftMenu ul {
    padding-left: 19px;
}

#leftMenuHolder #leftMenu ul li span.SaveOrder
{
	font-size:15px;
	line-height: 25px;

}

#leftMenuHolder #leftMenu ul li span.CustomerContact
{
	font-size:15px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}


#leftMenuCollapse {
    border: 1px solid #DDDDDD;
    /*padding: 10px 10px 0 10px;*/
}

#leftMenuCollapse a {
    font-size: 16px;
    display: block;
    padding: 10px;
    /*margin: -10px -10px 0 -10px;*/
    text-decoration: none;
    position: relative;
    font-family: SPPregular, serif;
}

#leftMenuCollapse > a {
    background: #DDDDDD;
}

#leftMenuCollapse > a.collapsed {
    background: none;
}

#leftMenuCollapsed > a:first-child {
    border-top: 1px solid #DDDDDD;
}


#leftMenuCollapse > a.collapsed:before {
    transform: translateY(-50%) rotate(0deg);
}


#leftMenuCollapse > a:before {
    content: ' ';
    background-image: url('/images/icons/chevron.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: transform .3s ease-in-out;
}
#leftMenuCollapsed,
#leftMenuCollapsedDesktop{
}

#leftMenuCollapsed > ul,
#leftMenuCollapsedDesktop > ul {
    padding-left: 30px;
    padding-bottom: 10px;
}


@media (min-width: 960px) {
    #newTopMenu {
        display: none;
    }
}

#newTopMenu ul li.cat > a,
#newTopMenu ul li.main-cat > a,
#leftMenuCollapsed > ul li.cat,
#leftMenuCollapsedDesktop > ul li.cat {
    position: relative;
}

/*#newTopMenu ul li.cat > .toggleChevron {*/
/*    background-image: url('/images/icons/chevron.svg');*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    width: 16px;*/
/*    height: 12px;*/
/*    display: inline-block;*/
/*    transition: transform .3s ease-in-out;*/
/*    transform: rotate(180deg);*/
/*}*/

#newTopMenu ul li.cat .toggleChevron.collapsed {
    transform: rotate(0deg);
}

#newTopMenu .toggleHolder {
    position: relative;
}

#newTopMenu .toggleChevron,
#newTopMenu ul li.cat > a:after,
#leftMenuCollapsed > ul li.cat:before,
#leftMenuCollapsedDesktop > ul li.cat:before {
    content: ' ';
    background-image: url('/images/icons/chevron.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 16px;
    transition: transform .3s ease-in-out;
    display: inline-block;
    position: absolute;
    transform: rotate(180deg);
}

#newTopMenu .toggleChevron,
#newTopMenu ul li.cat > a:after {
    height: auto;
    top: 0;
    bottom: 0;
}

#leftMenuCollapsed > ul li.cat:before,
#leftMenuCollapsedDesktop > ul li.cat:before {
    transform: rotate(0deg);
    margin-top: 8px;
}


#newTopMenu .toggleChevron,
#newTopMenu ul li.main-cat > a:after,
#leftMenuCollapsed > ul li.cat:before,
#leftMenuCollapsedDesktop > ul li.cat:before {
    position: absolute;
    right: 5px;
    width: 50px;
}

#newTopMenu ul a.active,
#newTopMenu ul li.selected > a,
#newTopMenu ul li.active > a {
    font-family: SPPsemibold, serif;
    text-decoration: underline;
    position: relative;
}


#newTopMenu ul a.active:before,
#leftMenu ul li.active > a:before,
#newTopMenu ul li.selected > a:before,
#newTopMenu ul li.active > a:before {
    content: '';
    background: url(/images/icons/arrow.svg) no-repeat left center;

    position: absolute;
    left: -15px;
    width: 16px;
    height: 16px;
}

#newTopMenu ul li.cat.active > a:after,
#newTopMenu ul li.cat > a.collapsed:after{
    transform: rotate(0deg);

}

#leftMenuCollapsed > ul li.cat.selected:before,
#leftMenuCollapsed > ul li.cat.active:before,
#leftMenuCollapsedDesktop > ul li.cat.selected:before,
#leftMenuCollapsedDesktop > ul li.cat.active:before {
    transform: rotate(180deg);
}

#contentHolder
{
    padding: 0 0 0 49px;
    *width: 70%;
}

#contentHolder h1
{

}

#contentHolder p.footnote {
    text-align: justify;
    font-size: 12px;
}

.hint,
.labelHint .hintHolder {
    /*    float: left;*/
    position: relative;
    display: inline-block;
    /*	margin-top: 15px;*/
    /*	margin-left: 10px;*/
}


.hint .questionMark,
.labelHint .questionMark {
    display: block;
    width: 19px;
    height: 19px;
    background: transparent url(/images/layout/icon-hint.png) no-repeat;
    text-indent: -2000px;
    cursor: pointer;
}

.hint .hintPopup,
.labelHint .hintPopup,
.hintOnText .hintPopup {
    display: none;
    width: 540px;
    position: absolute;
    top: -75px;
    padding-left: 10px;
    z-index: 100;
}

.hintOnText .hintPopup.low {
    top: 47px;
}

.hintOnText .hintPopup.reverse {
    left: -400px;
}

.hint .hintPopup .leftPart,
.labelHint .hintPopup .leftPart,
.hintOnText .hintPopup .leftPart {
    display: block;
    float: left;
    width: 28px;
    height: 208px;
    background: transparent url(/images/layout/hint-left-bg.png) no-repeat;
}

.hintOnText .hintPopup.reverse .leftPart
{
    background: transparent url(/images/layout/hint-left-reverse-bg.png) no-repeat;
}

.hintOnText .hintPopup.reverse.low .leftPart {
    background: transparent url(/images/layout/hint-left-reverse-low-bg.png) no-repeat;
}

.hintOnText .hintPopup.low .leftPart {
    background: transparent url(/images/layout/hint-left-low-bg.png) no-repeat;
}

.hint .hintPopup .rightPart,
.labelHint .hintPopup .rightPart,
.hintOnText .hintPopup .rightPart {
    display: block;
    float: left;
    width: 25px;
    height: 208px;
    background: transparent url(/images/layout/hint-right-bg.png) no-repeat;
}

.hintOnText .hintPopup.reverse .rightPart {
    background: transparent url(/images/layout/hint-right-reverse-bg.png) no-repeat;
}


.hint .hintPopup .mainPart,
.labelHint .hintPopup .mainPart,
.hintOnText .hintPopup .mainPart {
    display: block;
    float: left;
    height: 208px;
    width: 480px;
    padding-top: 10px;
    text-align: left;
    background: transparent url(/images/layout/hint-main-bg.png) repeat-x;
}

.hint .hintPopup .mainPart span,
.labelHint .hintPopup .mainPart span,
.hintOnText .hintPopup .mainPart span {
    display: block;
    height: 148px;
    padding: 10px;
    overflow: hidden;
    overflow-y: auto;
}

.hintOnText .hintPopup.override .mainPart span
{
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    font-family: "SPPregular",Helvetica,Arial,sans-serif !important;
}

.hint .hintPopup .mainPart span *,
.labelHint .hintPopup .mainPart span *,
.hintOnText .hintPopup .mainPart span *{
    color: #005082;
}

.hintOnText .hintPopup.override .mainPart span *{
    color: #000 !important;
}

.informationHolder {
    position: relative;
}

.informationMark.mark {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 17px;
    background: transparent url("/images/content/info-text-small-bg.png") no-repeat;
    text-indent: -2000px;
    margin-left: 10px;
    top: 1px;
}
#cvLanguages span.hint {
    position: relative!important;
}
#cvLanguages div.langChoice {
    width: 222px!important;
}
#cvLanguages div.labelCvLevel {
    margin-left: 0px!important;
}

.euro {
    display: block;
    float: left;
    margin-top: 15px;
    margin-left: 10px;
    font-size: 16px;
}

.greyBg h2 {
    margin: 10px 0;
    padding-left: 20px;
}

.greyBg p {
    padding-left: 0;
}

.textRight {
    display: block;
    width: 100%;
    text-align: right;
}

.textRight label,
.textRight .hint {
    display: block;
    float: right;
    min-height: 28px;
    padding-top: 15px;
    padding-left: 20px;
    vertical-align: middle;
    margin-top: 5px;
}

.textRight .hint {
    margin-top: 0px;
    padding-top: 0px;
}

.textRight label
{
    /*	padding-top: 0px;*/
}

.textLeft {
    display: block;
    width: 100%;
    text-align: left;
}

.textLeft label {
    float: left;
    min-height: 28px;
    padding-top: 15px;
    padding-left: 20px;
    vertical-align: middle;
}

.textLeftSmall {
    display: block;
    width: 100%;
    text-align: left;
}

.textLeftSmall label {
    float: left;
    height: 28px;
    line-height: 28px;
    padding-top: 2px;
    padding-top/**/: 8px\9;
    padding-right: 20px;
    vertical-align: middle;
}
.textLeftSmall label.bold {
    font-weight: bold;
}

.textCenter {
    text-align: center;
}

.strong {
    font-weight: bold;
}


.help_zakaznicke_cislo, .help_zakaznicke_cislo_elektrina {
    background: transparent url("/images/content/info-text-bg_transparent.png") no-repeat scroll 0 0 !important;
    bottom: 0px;
    display: block;
    float: left;
    height: 41px;
    left: 0;
    position: relative;
    width: 53px;
    top: 3px;
    margin-left: 15px;
}

#help_zakaznicke_cislo_detail,#help_zakaznicke_cislo_detail_elektrina{
    clear: both;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-right: 10px;
}


.cleaner {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}

.center {
    text-align: center;
}

.leftLine {
    border-left: 3px solid #fff;
}

.rightLine {
    border-right: 3px solid #fff;
}

.topLine {
    border-top: 3px solid #fff;
    margin-top: 20px;
}

.rightAdvancedInfo {
    float: left;
    margin-top: 10px;
    margin-left: 20px;
}

.topLine .rightAdvancedInfo {
    margin-top: 22px;
}

.rightAdvancedInfoLong {
    float: left;
    margin-top: 8px;
    margin-left: 10px;
    width: 275px;
}

.biggerPadding {
    padding: 15px 0 10px 0;
}

.paddingLeft {
    padding-left: 20px;
}

@media (max-width: 780px) {
    .leftLine {
        border-left: 0px solid #fff;
    }
}

.paddingLeft30 {
    padding-left: 30px;
}

.lineBottom {
    display: block;
    margin: 0 20px 20px 20px;
    padding: 15px 0 !important;
    border-bottom: 1px solid #dde7e7;
}

.block {
    display: block;
    width: 100%;
}

.iconPlus {
    display: block;
    float: left;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding-left: 50px;
    background: transparent url(/images/layout/icon-plus.png) no-repeat left;
}

.iconNext{
    display: block;
    float: left;
    min-width: 30px;
    height: 31px;
    line-height: 30px;
    padding-left: 50px;
    background: transparent url(/images/layout/icon-next.png) no-repeat left;
}


.iconSave{
    display: block;
    float: left;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    background: transparent url(/images/layout/icon-save.png) no-repeat left;
}




.iconClose {
    background: url("/images/content/ico-close.png") no-repeat scroll left top transparent;
    display: block;
    height: 30px;
    margin-top: 10px;
    right: 10px;
    text-indent: -2000px;
    width: 30px;
}

.iconSelectFromList {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
    margin-left: 10px;
    padding-left: 40px;
    background: transparent url(/images/layout/icon-list.png) no-repeat left;
}

.noMargin {
    margin: 0px;
}

.row-fluid div.span9.greyContentWrapper
{
    width:72.359%;
}


/* COLORBOX */

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {background:none;}

#cboxLoadedContent, #cboxContent
{
    background: none;
}
#cboxClose
{
    width: 30px !important;
    height: 30px !important;
    right: 10px !important;
    top: 10px !important;
    background: transparent url(/images/content/ico-close.png) no-repeat left top !important;
    z-index: 20000;
}
#cboxClose:hover
{
    background-position: left top;
}
#cboxLoadingGraphic
{

}

.popupContent
{
    padding: 20px;
    background-color: #F3F7F7;
    border: 1px solid #DADEDE;
}

.inlinePopupContent
{
    float: left;
    max-width: 600px;
    padding: 20px;
    background-color: #F3F7F7;
    border: 1px solid #DADEDE;
}
.inlinePopupContent ol, .inlinePopupContent ul
{
    float: left;
}

/* END: COLORBOX */

#Content
{
    *width: 1170px;
}
#ContentSection, .contentHolder, .footerContainer
{
    *width: 1170px;
}
.footerContainer #BottomContent .span3
{
    *width: 270px;
}

/*
* iPad 3&4 generaion
*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    #leftMenuHolder #leftMenu > ul  { width: 189px; }
}


@media (min-width: 385px) and (max-width: 1199px) {

	.tableHowElectricity .flexiButton .mainPart{
		width:80%!important;
	}

}

@media (max-width: 385px){

	.inputTextDefault .mainPart {
		width: 200px;
	}

	.flexiButton .mainPart{
		width: 70%; /*!important;*/
		/*min-width: 130px; !*!important;*!*/
	}


	.flexiButton.yellowButton.widthMedium span.mainPart  {
		width: 170px!important;
		min-width: 170px!important;
	}

	footer #BottomContent {
		padding-left: 5px!important;
	}

	.chatBox {
		/*right: 10px;*/
	}

}

@media (max-width: 1199px) {
	.tableHowElectricity div{
		float: none !important;
		border-left: 0;
		border-right: 0;
		margin-left: 0!important;
		margin-right: 0!important;
		width:100%!important;
	}

	.tableHowElectricity .flexiButton {
		display: block;
		text-align: center;
	}

	.tableHowElectricity .left{
		float: none;
	}
}


@media (min-width: 1200px) {

    /*	#Content
            {
                    *width: 1170px;
            }*/
}

/*
@media (min-width: 768px) and (max-width: 1199px){
    header nav a.radi span
    {
        padding-top: 6px;
    }
}
*/


@media (max-width: 1199px) {

    body {
        font-size: 13px;
    }




    #wrap
    {
        margin:0 auto 0;
    }

    #Content
    {
    }

    #Content a.bullet {
        padding-left: 20px;
    }

    header .navbar .navbar-inner .container
    {
        max-width: 940px;
    }

    /*	.whiteButton {
                    width: 166px;
                    background: url("/images/layout/940-button-white.png");
            }

            .whiteButton span {
                    padding-top: 9px;
            }

            .blackButton {
                    width: 166px;
                    background: url("/images/layout/940-button-black.png");
            }

            .blackButton span {
                    padding-top: 8px;
                    padding-left: 32px;
            }

            .whiteButton:hover {
                    background: url("/images/layout/940-button-white-pressed.png");
            }

            .whiteButton:hover span {
                    padding-top: 12px;
            }*/

    .blackButton:hover {
        background: url("/images/layout/940-button-black-pressed.png");
    }

    .blackButton:hover span {
        padding-top: 12px;
    }

    .flexiButton.widthSmall span.mainPart {
        min-width: 70px;
    }
    .flexiButton.widthMedium span.mainPart {
        min-width: 130px;
        /*line-height: 34px;*/
    }
    .flexiButton.yellowButton.widthMedium span.mainPart {
        min-width: 182px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .flexiButton.widthBig span.mainPart {
        min-width: 200px;
    }

    .textareaMainPart.widthBig {
        width: 520px !important;
        margin-top: -114px !important;
        /margin-top: -106px !important;
    }

    .hint .hintPopup {
        width: 480px;
    }

    .hint .hintPopup .mainPart {
        width: 420px;
    }

    footer #BottomContent div.links .telephone {
        font-size: 12px;
        padding-top: 12px;
        padding-right: 8px;
    }

    #Footer #FooterIn {
        width: 940px;
    }


    /**
     *	LEVÉ MENU
    */
    #leftMenuHolder #leftMenu > ul
    {
        margin: 0 0 0 6px;
        padding: 22px 0 21px 19px;
    }
    #leftMenuHolder #leftMenu ul li a
    {
        /*padding: 4px 0;*/
        /*font-size: 14px;*/
    }
    #leftMenuHolder #leftMenu .leftMenuShadow
    {
        left: 2px;
    }
}




/*@media (max-width: 1280px) {*/
@media (min-width: 768px) and (max-width: 1199px) {


    header nav
    {
        max-width: 940px;
    }

    header nav a
    {
        /*width: 17.64%;*/
    }

    header nav a.bigger
    {
        /*width: 22%;*/
        /*width !*\**!: 21.9%\9;*/
    }

    :root header nav a.bigger {
        background-image: none;
        /*width: 21.9%;*/
    }

    #breadCrumb
    {
        background: transparent url("/images/layout/breadcrumb_bg-940.png") no-repeat right top;
    }

    #contentHolder
    {
        *width: 69%;
    }

    .flexiButton.widthSmall span.mainPart {
        min-width: 100px;
    }
    .flexiButton.widthMedium span.mainPart {
        min-width: 150px;
        padding-left: 10px;
    }
    .flexiButton.widthBig span.mainPart {
        min-width: 200px;
    }
    /*	.flexiButton .mainPart {
                    top: -22px !important;
                    /top: -8px !important;
            }
            .flexiButton.yellowButton .mainPart {
                    /top: -9px !important;
            }
            .flexiButton:hover .mainPart {
                    top: -20px !important;
                    /top: -8px !important;
            }
            .flexiButton.yellowButton:hover .mainPart {
                    top: -22px !important;
                    /top: -9px !important;
            }*/

    .widthBig .inputTextDefault .mainPart {
        width: 350px !important;
    }


    #leftMenuHolder #leftMenu .leftMenuShadow
    {
        display: none;
    }

    header .navbar #topNavigation
    {
        position: absolute;
        left: 102px;
        top: 42px;
        width: 72%;
    }
    header .navbar #topNavigation li
    {
        margin: 0;
        min-width: 15%;
        /*width: 20%;*/
    }
    header .navbar #topNavigation li.long
    {
        position: relative;
        top: -16px;
    }
    header .navbar .login
    {
        /*margin-right: 66px;*/
        margin-top: 40px;
        /*width: 137px;*/
    }
    header .navbar .login .whatIs
    {
        float: left;
        clear: both;
        width: 100%;
        margin: 7px 0 0 16px;
    }

}

@media (min-width: 768px) and (max-width: 979px) {
    header nav a.bigger {
        background-image: none;
        /*width: 24%;*/
        /**width: 24%;*/
    }
}


@media (max-width: 979px) {

    body {
        font-size: 11px;
    }

    #wrap
    {
        margin:0 auto 0;
    }

    header nav
    {
        max-width: 724px;

    }
    header nav a
    {
        /*width: 16.5%;*/
        /**width: 22%;*/
        font-size: 15px;
    }


    header nav a span
    {
        padding-top: 16px;
    }

    .flexiButton.widthSmall span.mainPart {
        min-width: 80px;
    }
    .flexiButton.widthMedium span.mainPart {
        min-width: 100px;
        padding-left: 10px;
    }
    .flexiButton.yellowButton.widthMedium span.mainPart {
        min-width: 133px;
        padding-right: 0;
        padding-left: 0px;
    }
    .CustomerLinks .flexiButton.yellowButton.widthMedium span.mainPart {
        min-width: 150px;
    }
    .flexiButton.widthBig span.mainPart {
        min-width: 160px;
    }
    /*	.flexiButton .mainPart {
                    top: -23px !important;
                    /top: -9px !important;
                    font-size: 10px !important;
                    line-height: 45px !important;
            }*/
    /*	.flexiButton.yellowButton .mainPart {
                    /top: -10px !important;
            }
            .flexiButton:hover .mainPart {
                    top: -21px !important;
                    /top: -9px !important;
            }
            .flexiButton.yellowButton:hover .mainPart {
                    top: -23px !important;
                    /top: -10px !important;
            }*/

    .textareaMainPart.widthBig {
        width: 360px !important;
        margin-top: -114px !important;
        /margin-top: -106px !important;
    }

    .hint .hintPopup {
        width: 400px !important;
    }

    .hint .hintPopup .mainPart {
        width: 340px !important;
    }

    .widthBig .inputTextDefault .mainPart {
        width: 270px !important;
    }

    #leftMenuHolder #leftMenu .leftMenuShadow
    {
        display: none;
    }



    header .navbar .navbar-inner
    {
        background-image: none !important;
        background-color:#000 !important;
    }
    header .navbar #topNavigation
    {
        position: static;
    }
    header .navbar #topNavigation li
    {
        float: none;
        text-align: left;
    }
    header .navbar .login
    {
        float: left;
    }
    header .navbar .searchHolder
    {
        float: left;
        clear: both;
        width: 100%;
        padding-bottom: 20px;
        visibility: visible;
    }
    header .navbar .searchHolder .inputTextDefault
    {
        width: 100% !important;
    }
    header .navbar .searchHolder .inputTextDefault .mainPart
    {
        width: 83% !important;
    }
    header .navbar .searchHolder #searchInWeb
    {
        width: 88% !important;
    }
    header .navbar .navbar-inner .container .languageHolder
    {
        top: 15px;
        right: 120px;
    }
}

@media (min-width: 770px) and (max-width: 979px) {
    body {
        font-size: 13px;
    }

    /*	header .navbar #topNavigation
            {
                    margin-left: 0px;
            }
            header .navbar .nav-collapse #topNavigation
            {
                    float: none !important;
                    height: auto !important;
            }*/

    header .navbar .navbar-inner .container
    {
        max-width: 724px;
    }

    header .navbar .nav-collapse #topNavigation li
    {
        float: none !important;
    }

    /*footer{*/
    /*    background: none;*/
    /*}*/

    #breadCrumb
    {
        background: none;
    }

    #leftMenuHolder #leftMenu > ul
    {
        width: 189px;
    }

    #contentHolder
    {
        *width: 67%;
    }

    .flexiButton .mainPart {
        font-size: 10px !important;
        line-height: 45px !important;
    }
}



/* PHONE */
@media (max-width: 767px) {

    body {
        font-size: 13px;
    }

    /*#breadCrumb{*/
	/*				display: none;*/
	/*			}*/

    #leftMenuHolder #leftMenu
    {
        width: auto;
    }
    #leftMenuHolder #leftMenu > ul
    {
        width: auto;
        margin-right: 6px;
    }

    .flexiButton.widthSmall span.mainPart {
        min-width: 100px;
    }
    .flexiButton.widthMedium span.mainPart {
        min-width: 180px;
    }

    .flexiButton.yellowButton.widthMedium span.mainPart {
        min-width: 204px;
        padding-right: 20px;
        padding-left: 0px;
    }
    .CustomerLinks .flexiButton.yellowButton.widthMedium span.mainPart {
        min-width: 180px;
    }
    .flexiButton.widthMedium span.mainPart {
        padding-left: 20px;
    }
    .flexiButton.widthBig span.mainPart {
        min-width: 300px;
    }
    .flexiButton .mainPart {
        font-size: 13px !important;
        top: -22px !important;
        /top: -8px !important;
    }
    .flexiButton.yellowButton .mainPart {
        /top: -9px !important;
    }
    .flexiButton:hover .mainPart {
        top: -20px !important;
        /top: -8px !important;
    }
    .flexiButton.yellowButton:hover .mainPart {
        top: -22px !important;
        /top: -9px !important;
    }
    .textareaMainPart.widthBig {
        max-width: 200px !important;
        margin-top: -114px !important;
        /margin-top: -106px !important;
    }

    .hint .hintPopup {
        width: 440px !important;
    }

    .hint .hintPopup .mainPart {
        width: 380px !important;
    }

    .widthBig .inputTextDefault .mainPart {
        width: 350px !important;
    }

    .textRight {
        text-align: left !important;
    }
    .textRight label,
    .textRight .hint {
        width: 90% !important;
        float: left !important;
    }
    .textRight .hint {
        width: 30px !important;
    }

    header nav
    {
        float: left;
        width: 100%;
        height: auto;
    }
    header nav a.bigger,
    header nav a
    {
        width: 100%;
    }

    #ContentSection
    {
        float: left;
        width: 100%;
    }

    /*#breadCrumb*/
    /*{*/
    /*    !*height: 53px;*!*/
    /*    background: none;*/
    /*}*/

    #ContentSection > .container
    {
        border: 0px solid;
    }

    #ContentSectionNoMenu > .container
    {
        border: 0px solid;
    }

    footer{
        background: transparent url(/images/layout/footer_bg_big.png) repeat-x left bottom -35px;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    footer #BottomContent
    {
        padding-left: 49px;
    }

    #contentHolder
    {
        padding: 10px 0 0 0;
    }

    .row-fluid div.span9.greyContentWrapper
    {
        width: 100%;
    }
}
@media (max-width: 395px) {
    footer{
        background: transparent url(/images/layout/footer_bg_big.png) repeat-x left bottom -15px;
    }
}
.hrRow {
    height: 1px;
}

.hrRow .spanForm {
    height: 1px !important;
}

.hrRow hr {
    height: 1px;
    border: none;
    border-top: 1px solid #DDE7E7;
    margin: 0 20px;
}

.contentInner {
    margin-bottom: 40px;
}

.spanPaddingTopBottom {
    padding-top: 15px;
    padding-bottom: 10px;
}

.noDisplay {
    display: none;
}

.onlyPrint {
    display: none;
}

/* boostrap popover */
.popover {
    border: 1px solid #005082;
    border-radius: 0px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    max-width: 400px;
}

.popover.left {
    float: none;
    margin-right: 10px;
    margin-left: -10px;
}

.popover.left .arrow {
    border-left-color: #005082;
}

.popover.right {
    float: none;
    margin-left: 20px;
}

.popover.right .arrow {
    border-right-color: #005082;
}

.popover-content {
    margin-bottom: 10px;
    max-height: 200px;
    overflow: auto;
    padding: 9px 14px;
    font-size: 15px;
}

/* Show/hide menu */

#contentHolder .yellowP {
    background-color: #FFE718;
    padding-left: 3px;
}

#contentHolder .oddP {
    background-color: #F3F7F7;
    padding: 3px 5px 3px 15px;
}

#contentHolder .evenP {
    background-color: #FFFFFF;
    padding: 3px 5px 3px 15px;
}

#contentHolder .showboxContentP {
    background-color: #FFFFFF !important;
}

#contentHolder .showbox {
    text-decoration: none !important;
}

#graph {
    background: url(/images/layout/graf.png) 0 0 no-repeat;
    width: 700px;
    height: 613px;
    position: relative;
}

#graphMPO {
    background: url(/images/graphs/graf_072014_all.png) 0 0 no-repeat;
    width: 780px;
    height: 630px;
    position: relative;
}

.graphText {
    font-size:13px;
    margin-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
.GraphTextContent
{
    display: none;
}

.graphTextP {
    font-size:13px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.graphText hr {
    background-color: #929494;
    color: #929494;
    border: none;
    height: 1px;
    width: 100%;
    margin: 10px 0 10px 0;
}

.graphText h3 {
    margin: 0;
}

.graphText h4 {
    font-size: 20px;
    font-weight: normal;
}

.graphText ul li {
    font-weight: bold;
}

.graphText ul li .popover-content {
    font-weight: normal;
}

.graphText ul li {
    background-position: 0 5px;
    background-repeat: no-repeat;
}

.graphText ul .yellow_type_1 {
    background-image: url(/images/layout/yellow_type_1.png);
}
.graphText ul .yellow_type_2 {
    background-image: url(/images/layout/yellow_type_2.png);
}
.graphText ul .yellow_type_3 {
    background-image: url(/images/layout/yellow_type_3.png);
}
.graphText ul .yellow_type_4 {
    background-image: url(/images/layout/yellow_type_4.png);
}
.graphText ul .yellow_type_5 {
    background-image: url(/images/layout/yellow_type_5.png);
}

.justify {
    text-align: justify;
}

.justify p {
    padding-left: 25px;
}

.youtube
{
	float: left;
	margin: 0 5px 15px 0;
}

#contentHolder .kettle
{
	border-top: 3px solid #ebedf1;
	margin-bottom: 40px;
}

#contentHolder .kettle .price-round-left
{
	padding: 20px 20px 20px 25px;
	background: #ebedf1;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

#contentHolder .kettle .price-round-right
{
	margin-left: -19px;
	padding: 17px 20px 15px 20px;
	background: #ebedf1;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	position: relative;
}

#contentHolder .kettle .price-round-right .star
{
	position: absolute;
	top: 35px;
	left: 110px;
}

#contentHolder .kettle .price-round-right .order
{
	margin-top: 5px;
}

#contentHolder .kettle h4
{
	margin: 0 0 0 0;
	line-height: 10px;
	font-weight: normal;
}

.carouselText16 li{
	color:#c6130f;
	font-size:20px;
}

#CallNavigation{
	position: absolute;
	left: 130px;
	color: #FFF;
}

.CallSPP{
	bottom: 19px;
    float: right;
    position: relative;
}

.songInfo{
	background-color:#FFF;
	padding: 10px;
	text-align:left;
}

.songlayout{
	padding:10px;
	background: none repeat scroll 0 0 #e0e8e8;
}

.popover-close {
    text-align: right;
    font-size: 2em;
    font-weight: bold;

}

.popover-close span {
    cursor: pointer;
}

#newTopMenu {
    position: absolute;
    left: -95vw;
    width: 95vw;
    max-width: 400px;
    top: 0;
    z-index: 9001;
    font-size: 16px;
    transition: left ease-in 0.3s;
    background: #fff;
    min-height: 100vh;
    display: flex;
    flex-flow: column;
}

#newTopMenu.active {
    left: 0;
}

#newTopMenu--drop {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9000;
}

#newTopMenu .content {
    flex: 1 1 0;
    overflow: scroll;
}

#newTopMenu .menu {
    background: #ffffff;
    z-index: 9005;
    position: relative;
}


#newTopMenu li.segment-cat {
    padding-left: 20px;
}

#newTopMenu .segment-cat > .toggleHolder,
#newTopMenu .menu > li > a {
    /*padding: 0 25px;*/
    border-top: 1px solid #EEEEEE;
    margin-left: -20px;
}

#newTopMenu .menu .toggleHolder > a,
#newTopMenu .menu > li > a {
    padding: 25px 0;
}

#newTopMenu .menu > li > ul {
    /*padding-left: 15px;*/
}

#newTopMenu .menu > li > ul > li:last-child {
    padding-bottom: 15px;
}

#newTopMenu .menu li.main-cat > a {
    display: block;
}

#newTopMenu ul.menu > li.main-cat.cat > a:after {
    top:22px;
}

#newTopMenu .menu > li:first-child > a {
    border-top: none;
}

#newTopMenu ul li {
    /*padding-left: 10px;*/
}

#newTopMenu ul li:not(.segment-cat) .toggleHolder > a,
#newTopMenu ul li > a  {
    padding-top: 8px;
    padding-bottom: 8px;
}

#newTopMenu .toggleHolder,
#newTopMenu .menu > li > a {
    padding-right:55px;
}

#newTopMenu .segment-cat > .toggleHolder,
#newTopMenu .segment-cat > a {
    font-family: SPPsemibold, serif;
    font-size: 18px;
}

#newTopMenu .menu li.segment-cat > * {
    padding-left: 25px;
}

#newTopMenu .main-cat > a {
    font-family: SPPsemibold, serif;
}

#newTopMenu ul li {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}

#newTopMenu ul li > a {
    display:block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 25px;
    position: relative;
}

#newTopMenu .accordion-group {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

#newTopMenu a {
    text-decoration: none;
    font-family: SPPregular, serif;
}


#newTopMenu .content a {
    display: block;
}

#newTopMenu .segment-cat > a {
    padding: 25px 0;
}

#newTopMenu .header {
    background: #000000;
    padding: 20px 25px;
    z-index: 9005;
    font-size: 16px;
    position: relative;
    color: #fff;

    flex: 0 0 content;
}

#newTopMenu .header > span {
    color: #FFD500;
    font-size: 18px;
}


#newTopMenu .header a {
    color: #fff;
}


#newTopMenu .header a.active {
    color: #FFD500;

}

#newTopMenu .header .close-btn {
    color: #ffffff;
    margin-top: -13px;

    font-family: SPPregular, serif;
    text-align: center;
    font-size: 12px;
    border: 0;
    text-shadow: none;
    box-shadow: none;
    background: none;
    margin-right: -10px;
    margin-bottom: -20px;
}

#newTopMenu .header .close-btn > img {
    margin-bottom: 5px;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-background-clip: text;
}