* {
    outline: none;
    line-height: 1.3em;
}
a:focus {
    outline: none;
    text-decoration: none;
    color: inherit;
}

@media (max-width: 300px) {
    .hidden-xxs {display: none;}
}

body {
    font-size: 12px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}
.container {
    max-width: 990px !important;
}
#header {
    background: url(../img/frontend/bg1.jpg) #ffffff no-repeat center top;
    padding-top: 10px;
}
#mainmenu {
    background: url(../img/frontend/bg2.jpg) #dedede no-repeat center top;
    background-size: auto 100%;
}
@media (min-width: 2200px) {
    #mainmenu {
        background-size: 100% 100%;
    }
}
#main {
    background: url(../img/frontend/bg3.jpg) #fefefe no-repeat center top;
}
#content {
    margin-top: 17px;
    margin-bottom: 20px;
    background-color: #fff;
    min-height: 200px;
    padding-top: 15px;
    color: #666;
    font-weight: bold;
    padding-bottom: 10px;
}
#content a {
    color: #00A0FF;
}
#content h1 {
    font-size: 16px;
    margin-top: 0;
}
#content h2 {
    font-size: 14px;
    font-weight: bold;
    color: #00A0FF;
}
#content h3 {
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
#content ul, #content ol {
    padding-left: 15px;
}
#content ul li, #content ol li {
    line-height: 1.7em;
}
#content ul.blue {
    color: #00A0FF;
}
#content ul.blue li a {
    color: #666;
}
#content img {
    max-width: 100%;
    height: auto !important;
}

#content table {
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    margin-bottom: 3px;
    max-width: 100% !important;
}
#content table tr td {
    border-left: solid 2px #000;
    border-bottom: solid 2px #000;
    text-align: center;
    padding: 3px 5px;
    font-weight: normal;
    color: #000;
}
#content table tr th {
    border-left: solid 2px #000;
    border-bottom: solid 2px #000;
    background-color: #375f90;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
}


@media (min-width: 601px) and (max-width: 1000px) {
    #content table thead tr th:nth-child(8),
    #content table tbody tr td:nth-child(8),

    #content table thead tr th:nth-child(9),
    #content table tbody tr td:nth-child(9),

    #content table thead tr:nth-child(2) th:nth-child(10),
    #content table tbody tr td:nth-child(10),

    #content table thead tr:first-child th:nth-child(10),
    #content table thead tr:nth-child(2) th:nth-child(11),
    #content table tbody tr td:nth-child(11)

    {
        display: none;
    }
}

@media (max-width: 600px) {
    #content table tr td,
    #content table tr th {
        display: none;
    }
    #content table tr td:nth-child(1),
    #content table tr th:nth-child(1),
    #content table tr td:last-child,
    #content table tr th:last-child,
    #content table tr td:nth-last-child(2),
    #content table tr th:nth-last-child(2)
    {
        display: table-cell;
    }
    /*
        #content table tr td:nth-child(2),
        #content table tr th:nth-child(2) {
            display: none !important;
        }
    */
}



#footer {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}
#footer a {
    color: #666;
}
#footer ul {
    color: #00A0FF;
    padding: 0;
    margin: 0 0 0 12px;
}
h1 {
    font-size: 12px;
    color: #00A0FF;
    font-weight: bold;
}
h1 a {
    color: #00A0FF;
    height: 57px;
    display: table-cell;
    background: url(../img/frontend/logo_UVC_spectrum.png) no-repeat left top ;
    padding-left: 140px;
    vertical-align: bottom;
}
h1 a:hover {
    color: #00A0FF;
    text-decoration: none;
}
strong {
    font-weight: bold;
    color: #00A0FF;
}
#copy {margin-bottom: 50px; text-align: left; padding-top: 10px; padding-right: 10px; }
#copy a {color: #666;}
#copy a:hover {color: #666;}
p.footer-title {color: #00A0FF; font-size: 16px; font-weight: 800; margin: 0;}
p.footer-address {color: #000; font-weight: bold; }
p.footer-tel {font-weight: bold;}

#mainmenu {font-size: 10px; padding-bottom: 10px;}
a.mainmenu {display: block; min-height: 23px; color: #000; font-size: 15px; font-weight: bold; padding-left: 30px; padding-top: 5px; margin-bottom: 8px; margin-top: 15px;}
a.mainmenu:hover {text-decoration: none; color: #00A0FF;}
a.mainmenu.active {color: #00A0FF;}

#menu1 {background:url(../img/frontend/menu_1_sz.png) no-repeat left top;}
#menu1.active {background:url(../img/frontend/menu_1.png) no-repeat left top;}
#menu1:hover {background:url(../img/frontend/menu_1.png) no-repeat left top;}
#menu2 {background:url(../img/frontend/menu_2_sz.png) no-repeat left top;}
#menu2.active {background:url(../img/frontend/menu_2.png) no-repeat left top;}
#menu2:hover {background:url(../img/frontend/menu_2.png) no-repeat left top;}
#menu3 {background:url(../img/frontend/menu_3_sz.png) no-repeat left top;}
#menu3.active {background:url(../img/frontend/menu_3.png) no-repeat left top;}
#menu3:hover {background:url(../img/frontend/menu_3.png) no-repeat left top;}
#menu4 {background:url(../img/frontend/menu_4_sz.png) no-repeat left top;}
#menu4.active {background:url(../img/frontend/menu_4.png) no-repeat left top;}
#menu4:hover {background:url(../img/frontend/menu_4.png) no-repeat left top;}

#mainmenu-title {text-align: right; color: #00A0FF; font-weight: bold; font-size: 15px; padding-top: 10px;}

.border {
    border: solid 1px #dedede;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow: hidden;
}
#content form h2 {
    background: -webkit-linear-gradient(#0280cb, #009ffe);
    background: -o-linear-gradient(#0280cb, #009ffe);
    background: -moz-linear-gradient(#0280cb, #009ffe);
    background: linear-gradient(#0280cb, #009ffe);
    margin: 0 0 20px 0;
    font-size: 12px;
    color: #fff;
    font-weight: 800;
    padding: 8px 0 5px 7px;
    border-bottom: solid 1px #fff;
    outline-style: solid;
    outline-width: 1px;
    outline-color: #009ffe;
}
#content form p, #content form div.input {margin: 0 12px 6px 12px;}
#content form p {margin-bottom: 14px;}
#content form p a {color: #000; font-weight: 800; display: block; margin-top: 10px;}
#content form p a:hover {color: #00A0FF; text-decoration: none;}
#content form label {width: 30%;}
#content form input[type=text], #content form input[type=email], #content form input[type=tel], #content form textarea {
    width: 70%; font-weight: normal; color: #000; border-style: solid; border-color: #DEDEDE; border-width: 0 0 1px; outline: none;
}
#content form textarea {
    border-width: 1px;
    resize: none;
}
#content form input[type=submit] {
    /*
    background: transparent -moz-linear-gradient(center top , #009DFB, #1C7EC2) repeat scroll 0% 0%;
    */

    background: -webkit-linear-gradient(#009DFB, #1C7EC2);
    background: -o-linear-gradient(#009DFB, #1C7EC2);
    background: -moz-linear-gradient(#009DFB, #1C7EC2);
    background: linear-gradient(#009DFB, #1C7EC2);

    color: #FFF;
    font-weight: bold;
    padding: 3px 10px;
    float: right;
    margin: 0 12px 12px 0;
}
#content form div.textarea label {
    float: left;
}
#content u {
    font-weight: bold;
    color: #000;
}
form p.left {float: left;}

#carousel {
    margin: 0px 15px 20px;
}
.carousel-caption {
    background-color: #00a0ff;
    right: 0;
    top: 0;
    left: 73%;
    bottom: 0;
    text-align: left;
    padding: 40px 50px 20px 40px;
}
.carousel-caption p {
    line-height: 2em !important;
}
@media (max-width: 992px) {
    .carousel-caption {
        padding: 20px 30px 20px 20px;
    }
    .carousel-caption p {
        line-height: 1.5em !important;
    }
}

#productsMenu {
    margin-bottom: 20px;
}
#productsMenu a {
    color: #000;
    background: url(../img/frontend/menu_button.png) no-repeat left top;
    padding-left: 20px;
    line-height: 1.8em;

}
#productsMenu a:hover, #productsMenu a.active {
    color: #00A0FF;
    background: url(../img/frontend/menu_button_hover.png) no-repeat left top;
    text-decoration: none;
}
#productsMenu ul {
    list-style-type: none;
    padding-left: 22px;
    margin-bottom: 0;
}

#dlg_send_product input {border: solid 1px #ccc; margin-top: 5px;}
#dlg_send_product input[type="text"], #dlg_send_product input[type="email"] {width: 100%;}
#dlg_send_product input[type="submit"] {margin: 5px auto; padding: 3px 10px; border: solid 2px #000; background-color: #375f90; color: #fff; font-weight: bold;}
#dlg_send_product fieldset {border: none;}
#dlg_send_product label {color:#939598;}
#dlg_send_product_text {margin-bottom: 10px;}

#innercontent img { margin: 10px 17px 10px 0; }

h1#start {padding-top: 30px !important;}

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
}

.form-error { background-color: #FFBFBF; }

.btn {
    background: -webkit-gradient(linear, center top, center bottom, from(#009DFB), to(#1C7EC2));
    background: -webkit-linear-gradient(#009DFB, #1C7EC2);
    background: -moz-linear-gradient(#009DFB, #1C7EC2);
    background: -o-linear-gradient(#009DFB, #1C7EC2);
    background: -ms-linear-gradient(#009DFB, #1C7EC2);
    background: linear-gradient(#009DFB, #1C7EC2);

    /*
    background: transparent -moz-linear-gradient(center top , #009DFB, #1C7EC2) repeat scroll 0% 0%;
    */

    color: #FFF;
    font-weight: bold;
    border: none;
}
.btn:hover, btn:focus {
    border-color: #1C7EC2;
    color: #ddd;
}
#header .btn {display: block; margin-top: 35px;}
@media (max-width: 767px) {
    #header .btn {margin-top: 0; margin-bottom: 10px;}
}

nav.navbar {
    background: url(../img/frontend/bg2.jpg) #fff no-repeat center top;
    background-size: auto 100%;
    font-weight: bold;
    border: none;
    min-height: 70px;
    margin-bottom: 0;

}

.navbar-nav {margin: 0;}

nav.navbar ul.nav {
    width: 100%;
    margin-top: 5px;
}

nav.navbar ul.nav > li {
    line-height: 70px;
    max-width: 180px;
    min-height: 70px;
}

nav.navbar ul.nav > li > a {font-size: 14px; text-align: center;}
.nav > li > a {padding-left: 20px; padding-right: 20px;}
.navbar-collapse {padding-left: 0; padding-right: 0;}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background: none;
    color: #00A0FF;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #fff;
    color: #00A0FF;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #00A0FF;
}

@media (max-width: 1100px) {
    nav.navbar ul.nav > li {
        max-width: 20%;
    }
}
@media (max-width: 767px) {
    nav.navbar ul.nav > li {
        max-width: 100%;
        min-height: auto;
        height: auto;
    }
    ul.dropdown-menu {
        text-align: center;
        border-top: solid 1px #ccc !important;
        border-bottom: solid 1px #ccc !important;
    }
}
.navbar-toggle {
  width: 100%;
  float: none;
  margin-right: 0;
}
.navbar-toggle .icon-bar {
    margin: 0 auto;
}

/*
#mainmenu {
    background: url(../img/frontend/bg2.jpg) #dedede no-repeat center top;
    background-size: auto 100%;
}
@media (min-width: 2200px) {
    #mainmenu {
        background-size: 100% 100%;
    }
}
*/

.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 500px;
    opacity: 1;
}

.breadcrumb { background: none; }

#szechenyi_logo_wrapper {
  position: absolute;
  z-index: 9999;
  right: 0;
  top: 0;
  width: 340px; height: 235px;
  text-align: right;
  pointer-events: none;
}

#szechenyi_logo {
  width: 308px; height: 235px;
  display: inline-block;
  background: url('/img/frontend/szechenyi_logo.png') no-repeat right top;
  float: right;
}

#szechenyi_logo_toggle {
display: inline: block;
float: right;
position: relative;
width: 32px;
height: 28px;
background-color: #0C4DA2;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 25px;
font-weight: bold;
margin-top: 2px;
pointer-events: auto;
}

#szechenyi_logo_toggle:hover {
text-decoration: none;
}

#a_szechenyi_logo {
width: 258px;
height: 160px;
position: absolute;
z-index: 10000;
top: 20px;
right: 15px;
pointer-events: auto;
}

.navbar-collapse.in {
    overflow-y: hidden;
}


/*************** Notifications ***************/
.error-message {
	background: #ffcece url('../img/icons/cross_circle.png');
	border-color: #df8f8f;
	color: #665252;
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 2px 0 2px 22px;
	background-color: transparent;
	margin: 5px 0 0 5px;
	/*margin: 0 0 0 5px;
				display: inline;*/
}

.notification {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width: 100%;
}

.attention {
	background: #fffbcc url('../img/icons/exclamation.png') 10px 11px
		no-repeat;
	border-color: #e6db55;
	color: #666452;
}

.information {
	background: #dbe3ff url('../img/icons/information.png');
	border-color: #a2b4ee;
	color: #585b66;
}

.success {
	background: #d5ffce url('../img/icons/tick_circle.png');
	border-color: #9adf8f;
	color: #556652;
}

.error {
	background: #ffcece url('../img/icons/cross_circle.png');
	border-color: #df8f8f;
	color: #665252;
}

.input.text.error,.input.select.error,.input.password.error,.input.textarea.error,.input.file.error,
.input.datetime.error,.input.number.error,.input.tel.error,.input.email.error
	{
	background: none !important;
	border: none !important;
}

.notification div {
	display: block;
	font-style: normal;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
}

.notification .close {
	color: #990000;
	font-size: 9px;
	position: absolute;
	right: 5px;
	top: 5px;
        display: none;
}

/* Notification for form inputs */
.input-notification {
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 2px 0 2px 22px;
	background-color: transparent;
	margin: 0 0 0 5px;
}

/* Notification for login page */
#login-wrapper #login-content .notification {
	border: 0;
	background-color: #141414;
	color: #fff !important;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: default !important; }