body{    
    color: #07539C;
}
html[data-device="desktop"] body{
    margin: 10px;    
}
html[data-template="subpage"] body,
html[data-template="cart"] body {
    background: #f8f6f7;
}

/*********************************************************/
/* full-width-bottom */
/*********************************************************/
#full-width-bottom{
    width: 1280px;
    margin: 0 auto;
}
html[data-device="mobile"] #full-width-bottom{
    width: 100%;
}
/*********************************************************/
/* full-width-bottom vége */
/*********************************************************/

/*********************************************************/
/* center */
/*********************************************************/
#center{
    margin: 0 0 50px 0;
}
/*********************************************************/
/* center vége */
/*********************************************************/


/*********************************************************/
/* middle-container */
/*********************************************************/
#middle-container{
    border-top: 1px solid #c9c9c9;
    padding: 40px 0 0 0;
}
#middle-container .middle-container{
    width: 425px;
    float: left;
}
html[data-device="mobile"] #middle-container .middle-container{
    float: none;
    width: 100%;
    padding: 20px;
    text-align: center;
}
/*********************************************************/
/* middle-container vége */
/*********************************************************/


/*********************************************************/
/* Mobil menü */
/*********************************************************/
html[data-device="mobile"] #menu-bars-container {
    height:         60px;
    line-height:    60px;
    width:          10vw;
    
}
html[data-device="mobile"] #menu-bars-container i {
    font-size:      24px;
}
html[data-device="mobile"] #logo-container {
    height:         60px;
    text-align:     center;
    width:          80vw;
}
html[data-device="mobile"] #logo-container img {
    height:         100%;
}
html[data-device="mobile"] #menu-container {
    display:        none;
}
html[data-device="mobile"] #menu-container {
    margin-top:     10px;
    margin-bottom:  10px;
    text-align:     center;
}
html[data-device="mobile"] #menu-container a {
    color:                  #07539C;
    font-size:              16px;
    text-transform:         uppercase;
    font-weight:            600;
    padding: 5px 0;
    display: block;
}
html[data-device="mobile"] ul#top-categories a {
    font-size:              14px;
    font-weight:            400;
}
/*********************************************************/
/* Mobil menü vége */
/*********************************************************/

/*********************************************************/
/* Destop fix fejléc */
/*********************************************************/
#fixed-top-header {
    position:               fixed;
    top:                    0;
    width:                  100%;
    background:             #07539C;
    height:                 60px;
    padding-top:            5px;
    padding-bottom:         5px;
    z-index:                1050;
    display:                none;
    border-bottom:          2px solid #FFFFFF;
}
#fixed-top-header-container{
    width: 810px;
    margin: 0 auto;
}
#fixed-top-header #fixed-logo-container {
    width:                  160px;
    text-align:             center;
}
#fixed-top-header #fixed-logo-container img {
    max-height:             50px;
}
#fixed-top-header #fixed-menu-container {
    text-align:             center;
}
#fixed-top-header #fixed-menu-container ul li {
    display:                inline-block;
    line-height:            50px;
    margin-left:            20px;
    margin-right:           20px;
    
}
#fixed-top-header #fixed-menu-container ul li a {
    color:                  #FFFFFF;
    font-weight:            600;
    font-size:              14px;
    text-transform:         uppercase;
}
/*********************************************************/
/* Desktop fix fejléc vége */
/*********************************************************/

/*********************************************************/
/* Fejléc */
/*********************************************************/
header#header #top-header {
    width: 780px;
    height:                 248px;
    background: url('./gui/header.png') no-repeat;
    margin: 0 auto;
}
header#header #top-header a#home-link{
    display: block;
    width: 500px;
    height: 130px;
}
header#header #top-header a#home-pic-link{
    display: block;
    width: 100px;
    height: 100px;
}
header#header #top-header .header-link{
    position: relative;
    top: -30px;
    left: 285px;
}
header#header #top-header .header-link a{
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    font-family: Microsoft Sans Serif;
}
header#header #top-header .header-link a:hover{
    text-decoration: underline;
}
header#header #bottom-header {
    height:                 50px;
    line-height:            50px;
}
header#header #bottom-header nav#main-menu-container ul li {
    display:                inline-block;
    margin-left: 2px;
    margin-right: 2px;
    background: #cccccc;
    padding: 0 20px;
}
header#header #bottom-header nav#main-menu-container #main-menu {
    width: 770px;
    margin: 0 auto;
}
header#header #bottom-header nav#main-menu-container #main-menu a {
    font-size: 20px;
    font-weight: 600;
    color: inherit;
}
header#header #bottom-header nav#main-menu-container ul#social-icons li {
    margin-left:            5px;
    margin-right:           5px;
}
header#header #bottom-header nav#main-menu-container ul#social-icons li i {
    color:                  #84ca94;
    font-size:              20px;
}
/*********************************************************/
/* Fejléc vége */
/*********************************************************/

/*********************************************************/
/* 404 Fejléc */
/*********************************************************/
#header-404-container {
    margin-top:         40px;
    margin-bottom:      40px;
    text-align:         center;
}
#header-404-container #h404-icon {
    margin-bottom:      10px;
}
#header-404-container #h404-icon i {
    font-size:          60px;
}
#header-404-container #h404-code {
    font-weight:        800;
    font-size:          30px;
}
#header-404-container #h404-text {
    letter-spacing:     1px;
    font-size:          24px;
}
/*********************************************************/
/* 404 Fejléc vége */
/*********************************************************/

/*********************************************************/
/* Bal slideshow */
/*********************************************************/
html[data-device="mobile"] #left{
    display: none;
}
#left-slider-container{
    width: 230px;
}
#left-slider-container .item {
    height:                 740px;
}
/*********************************************************/
/* Bal slideshow vége */
/*********************************************************/

/*********************************************************/
/* Jobb slideshow */
/*********************************************************/
html[data-device="mobile"] #right{
    display: none;
}
#right-slider-container{
    width: 230px;
}
#right-slider-container .item {
    height:                 740px;
}
/*********************************************************/
/* Jobb slideshow vége */
/*********************************************************/

/*********************************************************/
/* start-info-text */
/*********************************************************/
#start-info-text-container {
    padding-top:            20px;
    margin-bottom:          35px;
}
#start-info-text-container #sit-title {
    text-align:             center;
    font-weight:            600;
    font-size:              24px;
    margin-bottom:          30px;
}
#start-info-text-container #sit-text{    
    font-size:              20px;
}
#start-info-text-container #sit-text p {
    text-align:             justify;
    font-size:              inherit;
    line-height:            40px;
}
#start-info-text-container #sit-text ul{
    margin: 0 0 0 40px;
    list-style-image: url('./gui/list.png');
    line-height: 40px;
}
#start-info-text-container #sit-text ul li{
    font-size: 20px;
}
/*********************************************************/
/* start-info-text vége */
/*********************************************************/


/*********************************************************/
/* article-list-text */
/*********************************************************/
#article-container {
    padding-top:            20px;
    margin-bottom:          35px;
}
#article-container .art-title,
#article-container .art-title a{
    text-align:             center;
    font-weight:            600;
    font-size:              24px;
    margin-bottom:          30px;
    color: inherit;
}
#article-container .art-text,
#article-container .art-text a{    
    font-size:              20px;
    margin: 0 0 20px 0;
    color: inherit;
}
/*********************************************************/
/* article-list-text vége */
/*********************************************************/


/*********************************************************/
/* manufacturers list */
/*********************************************************/
#man-container *{
    text-align: left;
}
#man-container h1,
#man-container h2{
    text-align: center;
    padding: 0 0 20px 0;
}
#man-container a{    
    font: inherit;
    color: inherit;
}
#man-container a h2{
    text-align: left;
}
#man-container .m-text{
    width: 60vw;
    min-width: 300px;
    max-width: 550px;
}
#man-container .m-img{
    width: 10vw;
    min-width: 200px;
    float: right;
}
#man-container .m-img img{
    width: 200px;
    height: 80px;
}
html[data-device="mobile"] #man-container a h2{
    text-align: center;
}
html[data-device="mobile"] #man-container .m-text{
    width: 100vw;
    min-width: 300px;
    max-width: 100%;
}
html[data-device="mobile"] #man-container .m-img{
    width: 10vw;
    min-width: 200px;
    float: none;
    text-align: center;
    margin: 0 auto;
}
/*********************************************************/
/* manufacturers list vége */
/*********************************************************/

/*********************************************************/
/* members list */
/*********************************************************/
#mem-container *{
    text-align: center;
}
#mem-container a{    
    font: inherit;
    color: inherit;
}
#mem-container h2{
    padding: 40px 0 20px 0;
}
#mem-container .m-text{
    width: 100%;
    min-width: 300px;
}
html[data-device="mobile"] #mem-container .m-text{
    min-width: 300px;
}
#mem-container .m-img{
    width: 10vw;
    min-width: 200px;
}
html[data-device="mobile"] #mem-container iframe{
    width: 90vw;
    height: 40vw;
    min-height: 300px;
}
/*********************************************************/
/* members list vége */
/*********************************************************/


/*********************************************************/
/* regisztráció */
/*********************************************************/
#reg-container h2{
    text-align: center;
}
#reg-container div a{
    font: inherit;
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
}
/*********************************************************/
/* regisztráció vége */
/*********************************************************/


/*********************************************************/
/* oldal */
/*********************************************************/
#p-datasheet-container strong{
    font-size: 16px;
    font-weight: 900;
    text-decoration: underline;
}
/*********************************************************/
/* oldal vége */
/*********************************************************/

/*********************************************************/
/* Footer */
/*********************************************************/
footer#footer {
    padding-top:            30px;
    color:                  #A5A1A1;
    font-size:              13px;
    text-align:             center;
}
footer#footer #footer-bottom {
    padding-top:            5px;
    padding-bottom:         5px;
    text-align:             center;
    color:                  #A5A1A1;
    margin-top:             30px;
}
/*********************************************************/
/* Footer vége */
/*********************************************************/


#p-datasheet-container a{
    font: inherit;
    color: inherit;
}

.g-recaptcha {
    width:                  305px;
    margin-left:            auto;
    margin-right:           auto;
    margin-bottom:          10px;
}
.mini{
    width: 30% !important;
}
.title,
.list-title{    
    text-align:             center;
    font-weight:            600;
    font-size:              24px;
}
.list-title a{
    margin: inherit;
    font: inherit;
    color: inherit;
}
.text *,
.list-text *{  
    font-size:              20px;
    margin: 0 0 20px 0;
}
.list-text a{
    color: inherit;
    display: block;
}

#contact-container{
    padding: 0 10px;
}
#link-container{
    padding: 0 0 0 100px;
}
html[data-device="mobile"] #link-container{
    padding: 0;
}
#contact-container p,
#cont-title{
    font-size: 14px;
}
#contact-container #cont-img img{
    height: 130px;
}
#link-menu{
    margin: 0 0 50px 0;
}
#link-menu li a{
    font-size: 14px;
    color: inherit;
    font-weight: 600;
}
.padding-top-50{
    padding-top: 50px;
}
.padding-bottom-50{
    padding-bottom: 50px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}