* {margin:0;padding:0;outline:0;}
::selection { background: #309ebe; color: #ffffff;}
::-moz-selection { background: #309ebe; color: #ffffff;}
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}


@font-face {
    font-family: 'os-l';
    src: url('../font/OpenSans-Light-webfont.eot');
    src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Light-webfont.woff') format('woff'),
         url('../font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'os-li';
    src: url('../font/OpenSans-LightItalic-webfont.eot');
    src: url('../font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'os';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'os-i';
    src: url('../font/OpenSans-Italic-webfont.eot');
    src: url('../font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Italic-webfont.woff') format('woff'),
         url('../font/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'os-sb';
    src: url('../font/OpenSans-Semibold-webfont.eot');
    src: url('../font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'os-sbi';
    src: url('../font/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../font/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'os-b';
    src: url('../font/OpenSans-Bold-webfont.eot');
    src: url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Bold-webfont.woff') format('woff'),
         url('../font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'os-bi';
    src: url('../font/OpenSans-BoldItalic-webfont.eot');
    src: url('../font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'os-eb';
    src: url('../font/OpenSans-ExtraBold-webfont.eot');
    src: url('../font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../font/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'os-ebi';
    src: url('../font/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../font/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../font/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../font/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.os {font-family: os, Verdana, Arial, Helvetica, "Lucida Sans", sans-serif !important;}
.osb {font-family: os-b, Verdana, Arial, Helvetica, "Lucida Sans", sans-serif !important; font-weight:bold;}

img { -ms-interpolation-mode: bicubic; }

body {
    background-color:#124578;
    margin:0px;
    padding:0px;
    font-family: Verdana, Arial, Helvetica, "Lucida Sans", sans-serif;
    font-size: 13px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a:link, a:visited {
	color: #00add2;
	text-decoration:	none;
	font-size: inherit;
}

a:hover, a:focus, a:active {
	color: #c1009b;
	text-decoration:	none;
	font-weight: inherit;
	font-size: inherit;
	outline:none !important;
}

p {
    font-family:os, sans-serif !important;
    font-size: 15px;
    line-height: 22px;
    margin:7px 0.1em 7px .1em;
    -ms-word-break: break-all;
    word-break: break-word;
       -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}


h1, h2, h3, h4, h5, h6 { font-family: osb, "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #181818; font-weight: bold; line-height: 1.25 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;}
h1 { font-size: 36px;  margin-top: 12px; margin-bottom: 12px;}  /*font-size: 4.6em;*/
h2 { font-size: 28px;  margin-bottom: 9px;}   /*font-size: 3.5em;*/
h3 { font-size: 24px;  margin-bottom: 9px;}   /*font-size: 2.8em;*/
h4 { font-size: 21px;  margin-bottom: 3px;}   /*font-size: 2.1em;*/
h5 { font-size: 18px;  font-weight: normal;}  /*font-size: 1.8em;*/
h6 { font-size: 15px;  font-weight: normal;}  /*font-size: 1.5em;*/
h1, h2, h3 {margin: .5em 0.1em 0.5em 0.1em; }
/*h1:first-child, h2:first-child, h3:first-child {margin-top: 0em !important; }*/

#menu {
    width: 60em;
    display: block;
    position: relative;
    margin: 0px auto;
    margin-bottom:-4em;
    border:0px solid red;
}

#menu div {
    display: block;
    position: relative;
    width:	2em;
    height:	2em;
    min-width:	2em;
    min-height:	2em;
    max-width:	2em;
    max-height:	2em;
	     -o-border-radius: 1.75em;
	   -moz-border-radius: 1.75em;
	-webkit-border-radius: 1.75em;
    border-radius: 	       1.75em;
    border:.5em solid transparent;
    background-color:rgba(255,255,255,0.90);
    float:left;
    margin:0em .8em 0em .8em;
}

.ie7 #menu div, .ie8 #menu div  {
    background-color:white;
}

#menu div:hover {
    border:.5em solid #1d62af;
    background-color:white;
    cursor:pointer;
}

.ie7 #menu div:hover, .ie8 #menu div:hover {
    background-color:rgb(255,255,255);
}

.lt19 { background: url(../gfx/_lt19bg.png) center center no-repeat scroll; background-size:150%; }
.lt19:hover { background-size:100%; background-position:-1px 0px;}
.naszlady_marton { background: url(../gfx/_naszlady_marton_bg.png) center center; background-size:100%;}
.naszlady_marton:hover { background-size:100%;}
.deri_tamas { background: url(../gfx/_deri_tamas_bg.jpg) center center; background-size:100%;}
.deri_tamas:hover { background-size:100%;}
.varga_mate { background: url(../gfx/_varga_mate_bg.jpg) center center; background-size:200%;}
.varga_mate:hover { background-size:200%;}
.mechanic { background: url(../gfx/_mechanic_bg.jpg) center center; background-size:200%;}
.mechanic:hover { background-size:200%;}
.budai_balint { background: url(../gfx/_budai_balint_bg.jpg) center center; background-size:200%;}
.budai_balint:hover { background-size:200%;}
.nagy_levente { background: url(../gfx/_nagy_levente_bg.jpg) center center; background-size:200%;}
.nagy_levente:hover { background-size:200%;}
.zsigo_miklos { background: url(../gfx/_zsigo_miklos_bg.jpg) center center; background-size:200%;}
.zsigo_miklos:hover { background-size:200%;}
.barna_alexandra { background: url(../gfx/_barna_alexandra_bg.jpg) center center; background-size:200%;}
.barna_alexandra:hover { background-size:200%;}
.kiss_mate { background: url(../gfx/_kiss_mate_bg.jpg) center center; background-size:200%;}
.kiss_mate:hover { background-size:200%;}
.zagyva_balazs { background: url(../gfx/_zagyva_balazs_bg.jpg) center center; background-size:200%;}
.zagyva_balazs:hover { background-size:200%;}
.buzasi_gabor { background: url(../gfx/_buzasi_gabor_bg.jpg) center center; background-size:200%;}
.buzasi_gabor:hover { background-size:200%;}
.szremko_bettina { background: url(../gfx/_szremko_bettina_bg.jpg) center center; background-size:200%;}
.szremko_bettina:hover { background-size:200%;}

.sub {
    display:inline-block;
    font:62.5%/100% osb, sans-serif !important;
    vertical-align:2px;
}
.sup {
    display:inline-block;
    padding:3px;
    border:1px solid #f5d3e3;
    color:#c82472;
    font-weight:bold;
    font:10px/10px osb, sans-serif !important;
    vertical-align:5px;
}

#contentwrapper {
    display:block;
    position:relative;
    width:880px;
    min-height:400px;
    margin:0px auto;
    /*background-color:rgba(255,255,255,.80);*/
    background-color:rgba(220,220,220,0.90);
    text-align:center;
}

.ie7 #contentwrapper, .ie8 #contentwrapper  {
    background-color:white;
}

.content {
    display:block;
    position:relative;
    float:none !important;
    width:800px;
    margin:40px auto;
    /*min-height:100%;*/
    background-color:rgba(255,255,255,.80);
    text-align:left;
    padding:3em 0em 3em 3em;
	     -o-border-radius: 25px;
	   -moz-border-radius: 25px;
	-webkit-border-radius: 25px;
    border-radius: 	       25px;
}

.ie7 .content, .ie8 .content  {
    background-color:white;
}

.content * {
    max-width:760px;
    /*display:block;*/
    /*padding:3em;*/
}

.slidemenu ul li img {
    display:block;
    position: absolute;
    z-index: 1;
    left: -1000px;
    top: 0px;
    opacity: 0;
	     -o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out;
	    -ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out;
	   -moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out;
	-webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out;
    transition: 	    left 0.4s ease-in-out, opacity 0.6s ease-in-out, top 0.6s ease-in-out;
}

/*footer*/

.tamogatok {
    margin-bottom:7em;
    background-color:rgba(255,255,255,0.90);
    display:block;
    position:relative;
    width:800px;
    margin:-20px auto 40px;
    /*min-height:100%;*/
    background-color:rgba(255,255,255,.80);
    padding:2em 0em 2em 3em;
	     -o-border-radius: 25px;
	   -moz-border-radius: 25px;
	-webkit-border-radius: 25px;
    border-radius: 	       25px;
}

.tamogatok img,.tamogatok img:focus{
    max-height: 30px;
    height:auto;
    width:auto;
    margin:7px 3px 0px 3px;
    outline:none !important;
}

.right {float:right; clear:both; border-left:1px solid #000000; box-model:border-box;}
.rightbox {float:right; clear:both; border-left:1px dotted #1d62af; box-model:border-box; width:245px; padding-left:2em;margin-left:2em;}
.rightbox img {display: inline-block !important;}

.left {float:left; clear:both;}
.leftlogo {float:left; clear:both; margin:0em 2em 2em 0em;}

.invisible {visibility:hidden !important; opacity:0;}
.hidden {display:none;}
.attention {color:#e80068 !important;}
.red {color: #e80068;}
.center { text-align:center; }
.signo { float:right; clear:both; }
.clear { display:block; font-size:1em; line-height:inherit; height:1em; min-height:1em; }
.x {border:1px solid red; box-model:border-box;}

/*###*/
	 .c:before, .c:after { content:""; display:table; }
	 .c:after { clear: both;}
	 .c { zoom: 1; height: auto; }

/*###*/