* {
    margin:		0;
    padding:		0;
    font-family:	arial;
    cursor:		default;
}
body {
    font-size:		12px;
    height:		100%;
}
td {
    font-size:		12px;
}
a {
    text-decoration:	none;
    cursor:		pointer;
}
a:hover {
    text-decoration:	underline;
}
a img {
    cursor:		pointer;
    border:		0;
}
input {
    font-size:		12px;
}
area {
    cursor:		pointer;
}
.clearing {
    clear:		both;
}
.error {
    color:		red;
}
.left {
    float:		left;
}
.right {
    float:		right;
}
.no-margin-top {
    margin-top:         0px !important;
}
.no-margin-right {
    margin-right:       0px !important;
}
.no-margin-bottom {
    margin-bottom:      0px !important;
}
.no-margin-left {
    margin-left:        0px !important;
}
.no-border-top {
    border-top:         0px !important;
}
.no-border-right {
    border-right:       0px !important;
}
.no-border-bottom {
    border-bottom:      0px !important;
}
.no-border-left {
    border-left:        0px !important;
}
.hide {
    display:            none;
}
.line-through {
    text-decoration:    line-through;
}
.fixed {
    position:           fixed;
}
.text-right {
    text-align:         right;
}
.width-25 {
    width:              25px;
}
.width-30 {
    width:              30px;
}
.width-35 {
    width:              35px;
}
.width-50 {
    width:              50px !important;
}
.width-70 {
    width:              70px !important;
}
.width-100 {
    width:              100px;
}
.width-110 {
    width:              109px;
}
.width-125 {
    width:              125px;
}
.width-130 {
    width:              130px;
}
.width-150 {
    width:              150px;
}
.width-200 {
   width:               200px; 
}
.width-230 {
   width:               230px; 
}
.width-300 {
    width:              300px;
}
.width-350 {
    width:              350px;
}
.width-400 {
    width:              400px;
}
.width-599 {
    width:              599px;
}
.height-50 {
    height:             50px;
}
.height-100 {
    height:             100px;
}
.height-100-important {
    height:             100px !important;
}
.strong,
.bold {
    font-weight:        bold;
}
.pointer {
    cursor:             pointer;
}
.margin-right-10 {
    margin-right:       10px;
}
.margin-right-20 {
    margin-right:       20px;
}
.margin-right-50 {
    margin-right:       50px;
}
.margin-bottom-10 {
    margin-bottom:      10px;
}
.margin-left-10 {
    margin-left:        10px;
}
.margin-left-20 {
    margin-left:        20px;
}
.margin-left-50 {
    margin-left:        50px;
}
.margin-top-10 {
    margin-top:         10px !important;
}
.center {
    text-align:         center;
}
.site-content {
    width:              1000px;
    margin-left:        auto;
    margin-right:       auto;
    
}

.text-page h1 {
    color:              #122d40;
    text-transform:     uppercase;
    font-family:        'Roboto', sans-serif;
    font-size:          18px;
    font-weight:        500;
}
.text-page .title-block {
    color:              #122d40;
    text-transform:     uppercase;
    margin-bottom:      10px;
    margin-top:         30px;
    font-family:        'Roboto', sans-serif;
    font-size:          18px;
}
.text-page .text-block {
    padding-top:        15px;
}
.text-page .text-block a {
    color:              #2786A6;
    font-weight:        bold;
}
.text-page .text-block p {
    margin-bottom:      15px;
}
.text-page .text-block td {
    vertical-align:     top;
}
.text-page .text-block td span.small-font {
    font-size:          12px;
}
.text-page .text-block,
.text-page .text-block td {
    line-height:        22px;
    font-size:          14px;
}
.text-page .text-block strong.action-price {
    color:              #51863B;
    font-size:          16px;
    display:            inline-block;
    width:              330px;
    text-align:         right;
}
.text-page .text-block strong.price {
    display:            inline-block;
    width:              330px;
    text-align:         right;
}
.text-page .text-block ul,
.text-page .text-block ol {
    margin-left:        20px;
}
.text-page .text-block ul#left-list {
    width:              510px;
}
.text-page .text-block ul li,
.text-page .text-block ol li {
    margin-bottom:      5px;
}

.full-width-block {
    margin-top:         15px;
    margin-bottom:      15px;
    background:         #e9f7fb;
    padding:            20px;
    color:              #2786a6;
}
.full-width-block .title {
    font-weight:        bold;
    font-size:          18px;
    margin-bottom:      10px;
}
.full-width-block .text {
    margin-bottom:      5px;
}
.full-width-block .button {
    background:         #247f9a;
    padding:            10px;
}
.full-width-block .button a {
    color:              #FFFFFF;
}

.start-text-block {
    padding-top:        40px;
    padding-bottom:     40px;
}
.start-text-block .text-block-title {
    font-family:        'Roboto', sans-serif;
    color:              #122d40;
    font-size:          20px;
    text-transform:     uppercase;
    font-weight:        500;
    margin-bottom:      10px;
}
.start-text-block .left-text,
.start-text-block .right-text {
    color:              #2786a6;
    width:              460px;
    line-height:        20px;
    font-size:          14px;
    text-align:         justify;
}
.start-text-block .left-text {
    padding-left:       20px;
    margin-right:       10px;
}
.start-text-block .right-text {
    margin-left:        10px;
    padding-right:      20px;
}

#subpage-maincont {
    width:          1000px;
    min-height:     700px;
    border-top:     5px solid #263e50;
    margin-left:    auto;
    margin-right:   auto;
    margin-top:     -230px;
    background:     #FFFFFF;
}

#subpage-left-content {
    width:          240px;
    background:     #d3e5eb;
    min-height:     700px;
}
#subpage-right-content {
    width:          660px;
    padding:        20px;
}

#pager-cont {
    width:          590px;
    margin-left:    auto;
    margin-right:   auto;
    margin-top:     30px;
    margin-bottom:  50px;
}
    #pager-cont .page {
        display:        inline-block;
        width:          40px;
        height:         40px;
        line-height:    40px;
        text-align:     center;
        margin-right:   25px;
        background:     #b0d1db;
        font-family:    'Roboto Condensed',sans-serif;
        font-weight:    100;
        font-size:      16px;
    }
    #pager-cont .page:hover {
        background:     #247F9A;
    }
    #pager-cont .page:hover a {
        color:      #FFFFFF;
    }
        #pager-cont .page a {
            color:          #122d40;
            font-family:    'Roboto Condensed',sans-serif;
            font-weight:    100;
            font-size:      16px;

        }
    #pager-cont .page.active {
        background:     #247F9A;
    }
        #pager-cont .page.active a {
            color:      #FFFFFF;
        }
        
footer {
    background:     #122d40;
    height:         230px;
    border-top:     10px solid #2786a6;
}
footer #footer-text-block {
    padding-top:    25px;
    color:          #aac9d2;
    margin-bottom:  30px;
    text-align:     justify;
    line-height:    18px;
    min-height:     80px;
}
footer #footer-contact-text {
    color:          #a2fe72;
    font-weight:    bold;
    text-align:     center;
    margin-bottom:  35px;
}
footer #footer-copyright-text {
    padding-top:    25px;
    color:          #25849f;
}
footer #footer-copyright-text .footer-link {
    margin-left:    10px;
}
footer #footer-copyright-text .footer-link a {
    color:          #25849f;
}
footer .footer-text-szbau-copyright {
    text-align: center;
    padding: 25px 0 0 0;
}

header {
    height:             50px;
    line-height:        50px;
    background:         #122d40;
}
header #logo {
    position:           absolute;
    top:                55px;
    left:               50%;
    margin-left:        -500px;
}
header a {
    color:              #87a95c;
}
header ul {
    list-style-type:    none;
}
header ul li {
    display:            inline-block;
    padding-left:       15px;
    padding-right:      15px;
}
header ul li a {
    color:              #87a95c;
    text-transform:     uppercase;
    font-family:        'Roboto', sans-serif;
    font-size:          16px;
}
header #top-contact {
    position:           fixed;
    top:                0;
    left:               50%;
    margin-left:        275px;
    z-index:            1;
}
header #h-text {
    color:              #aac9d2;
}

#header-picture {
    height:                 330px;
    background-position:    top center;
    border-bottom:          5px solid #247f9a;
}
#header-picture #s-vizmuvek-logo {
    background:     url('../static/gui/start_vizmuvek_logo.png') center center no-repeat;
    height:         58px;
    width:          210px;
    color:          #003c71;
    padding-top:    270px;
    text-align:     center;
    font-family:    'Roboto', sans-serif;
    font-weight:    500;
    font-size:      16px;
    margin-right:   -10px;
    
}

#accept-cookie-line-maincont {
    width:              100%;
    position:           fixed;
    bottom:             0;
    height:             50px;
    line-height:        50px;
    padding:            10px;
    font-size:          14px;
    color:              #FFFFFF;
    background:         rgb(18, 45, 64);
}
#accept-cookie-line-maincont #aclm-maincont {
    width:              960px;
    margin-left:        auto;
    margin-right:       auto;
}
#accept-cookie-line-maincont a {
    display:            block;
    padding:            5px;
    text-align:         center;
    background:         #1C5C76;
    color:              #FFFFFF;
}
body#new1001lampaszalon #accept-cookie-line-maincont a {
    color:              #FFFFFF;
    background:         #D90000;
}

#checkline-maincont {
    height:             186px;
    min-height:         186px;
    max-height:         186px;
    background:         #e9f3f6;
}
#checkline-maincont ul {
    padding-left:       40px;
    padding-top:        30px;
}
#checkline-maincont ul li {
    color:              #2786a6;
    background:         url('../static/gui/check.png') top right no-repeat;
    height:             40px;
    line-height:        40px;
    font-family:        'Roboto', sans-serif;
    font-size:          18px;
    width:              380px;
}
#checkline-maincont #post-it {
    position:           relative;
    top:                -35px;
    left:               -45px;
}

#start-icons {
    background:         #247997;
    height:             214px;
}
#start-icons ul {
    list-style-type:    none;
    padding-top:        20px;
    text-align:         center;
}
#start-icons ul li {
    display:            inline-block;
    text-align:         center;
    width:              144px;
    margin-right:       8px;
    margin-left:        8px;
    vertical-align:     top;
}
#start-icons ul li .link-text {
    font-family:        'Roboto', sans-serif;
    display:            block;
    color:              #FFFFFF;
    font-size:          20px;
    margin-top:         15px;
}

#menu-content {
    background:         #122D40;
    height:             50px;
    line-height:        50px;
}
#menu-content ul {
    list-style-type:    none;
}
#menu-content ul li {
    display:            inline-block;
    padding-left:       10px;
    padding-right:      10px;
}
#menu-content ul li a {
    color:              #87a95c;
    text-transform:     uppercase;
    font-family:        'Roboto', sans-serif;
    font-size:          16px;
}

#contact-maincont #map-canvas {
    width:          700px;
    height:         400px;
    margin-top:     10px;
}
.text-page #message-sent {
    text-align:     center;
}
.text-page form table {
        width:              500px;
        margin-left:        auto;
        margin-right:       auto;
    }
    .text-page form table td {
        padding-bottom:     15px;
    }
    .text-page form input[type="text"],
    .text-page form textarea {
        border:             1px solid #122D40;
        font-size:          13px;
        padding:            8px;
        width:              320px;
        max-width:          320px;
    }
    .text-page form textarea {
        min-height:         150px;
        max-height:         250px;
    }
    .text-page form #submit-btn-content {
        text-align:         center;
        margin-bottom:      15px;
        margin-top:         15px;
    }
        .text-page form #submit-btn-content input {
            border:             1px solid #2786A6;
            background:         #122D40;
            font-family:        'Roboto Condensed',sans-serif;
            font-size:          16px;
            font-weight:        300;
            color:              #FFFFFF;
            padding:            10px;
            cursor:             pointer;
            width:              120px;
        }
        
.text-page #uploading-progress {
    text-align:     center;
    margin-top:     30px;
    font-weight:        bold;
    font-size:          14px;
    margin-bottom:      10px;
}
.text-page .button {
    margin-left:        10px;
}

#keyword-list-maincont {
    margin-top:         30px;
}
#keyword-list-maincont .keyword-level-0-before {
    clear:              both;
}
#keyword-list-maincont .keyword-level-0 {
    font-weight:        bold;
    margin-top:         20px;
    margin-bottom:      10px;
}
#keyword-list-maincont .keyword-level-1 {
    float:              left;
    width:              220px;
    margin-bottom:      5px;
}

#left-menu-maincont {
    margin-top:         5px;
    margin-bottom:      30px;
}
#left-menu-maincont ul {
    list-style-type:    none;
}
#left-menu-maincont ul li {
    padding-left:       15px;
    margin-bottom:      2px;
    line-height:        40px;
    height:             40px;
    background:         #b0d1db;
}
#left-menu-maincont ul li a {
    color:              #122d40;
    font-family:        'Roboto', sans-serif;
    font-size:          16px;
    font-weight:        500;
}
#left-menu-maincont ul li:hover {
    background:         #247f9a;
}
#left-menu-maincont ul li:hover a {
    color:              #FFFFFF;
}
#left-menu-maincont ul li a:hover {
    text-decoration:    none;
}

#page-data {
    
}
#page-data h1 {
    color:              #122d40;
    text-transform:     uppercase;
    margin-bottom:      30px;
    font-family:        'Roboto', sans-serif;
    font-size:          18px;
}
#page-data #page-text {
    font-family:        'Roboto', sans-serif;
    font-size:          14px;
    line-height:        20px;
}

#price-list h1 {
    margin-bottom:      25px;
}
#price-list .category-name {
    font-family:        "Roboto",sans-serif;
    font-size:          16px;
    margin-bottom:      10px;
    margin-top:         10px;
    color:              #122d40;
}
#price-list .product-line {
    padding-left:       25px;
    padding-right:      25px;
    margin-top:         5px;
    margin-bottom:      5px;
}
#price-list .product-line .name,
#price-list .product-line .price {
    font-family:        "Roboto",sans-serif;
    font-size:          14px;
    margin-bottom:      10px;
    margin-top:         10px;
    color:              #122d40;
}
#price-list .product-line.strong {
    font-weight:        700;
}

#work-list-maincont .work {
    margin-top:         15px;
    background:         #E9F7FB;
    padding:            15px;
}
#work-list-maincont .work .title {
    margin-bottom:      5px;
    font-weight:        bold;
    font-size:          16px;
}
#work-list-maincont .work .type {
    margin-bottom:      5px;
}
#work-list-maincont .work .detail-link {
    margin-top:         5px;
    padding:            10px;
    float:              right;
    display:            inline-block;
    background:         #122d40;
    color:              #FFFFFF;
}

#work-datasheet-maincont {
    margin-bottom:  40px;
}
#work-datasheet-maincont #title {
    margin-top:     20px;
    font-size:      16px;
    margin-bottom:  20px;
}

#text-page {
    
}
#text-page .block-title {
    font-family:    "Roboto",sans-serif;
    font-size:      20px;
    font-weight:    500;
    color:          #122d40;
    margin-bottom:  15px;
    margin-top:     15px;
}
#text-page .block-content {
    color:          #2786a6;
    font-size:      14px;
    line-height:    20px;
    text-align:     justify;
}
#text-page .block-content ul,
#text-page .block-content ol {
    margin-left:    15px;
}
#text-page .block-content ul li,
#text-page .block-content ol li {
    margin-bottom:  10px;
}
#text-page .block-content h1 {
    display:        inline-block;
    color:          #2786a6;
    font-size:      14px;
    font-weight:    300;
}

#sitemap-maincont {
    
}
#sitemap-maincont ul {
    list-style-type:        none;
    padding-top:            5px;
}
#sitemap-maincont ul li {
    padding-bottom:         5px;
}
#sitemap-maincont ul li a {
    color:                  #122d40;
}
/*--------------*/
.custom-pop-div {
	display:block;
	position:relative;
	width:350px;
	padding:20px;
	border:6px solid red;
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
	background-color: #bbc9e4;
	z-index:1000;
}	
.custom-pop-overlay {
	background-color:#ccccccc9;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1000;
}
.custom-pop-close {
	cursor: pointer;
	position: absolute;
	top: 21px;
	right: 0;
	font-weight:bold;
	padding: 12px 12px;
	transform: translate(0%, -50%);
	background-color: #a43b3bb5;
}
.custom-contact-table td {
	padding:3px 5px;
}
.custom-contact-table tr.spacer td {
	border-bottom: 1px solid #000;
	padding-bottom:10px;
}
.custom-menu-active {
	background-color: #247f9a !important;
}
.custom-menu-active a{
	color: #ffffff !important;
}
.custom-contact-link {
	display:block;
	margin-top:20px;
}
.custom-contact-office-img {
	display:block;
	margin-top:20px !important;
}