body {
  font-family: 'OpenSansRegular';
  font-size:14px;
  line-height: 1.5em;
  color:#111;
  background:#f7f7f7;
  margin-top:105px; /* a header miatt */ 
  
  /* overflow:hidden;  */
}



@font-face {
    font-family: 'OpenSansLight';
    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: 'OpenSansLightItalic';
    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: 'OpenSansRegular';
    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: 'OpenSansItalic';
    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: 'OpenSansSemibold';
    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: 'OpenSansSemiboldItalic';
    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: 'OpenSansBold';
    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: 'OpenSansBoldItalic';
    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: 'OpenSansExtrabold';
    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: 'OpenSansExtraboldItalic';
    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;

}




a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#163f78; text-decoration:underline; }
a:hover { color:#163f78; text-decoration:underline; }


strong{
	font-weight:bold;
}



::-moz-selection{ background: #163f78; color:#fff; text-shadow: none; }
::selection { background:#163f78; color:#fff; text-shadow: none; } 


:focus{
	outline:none;
}


img{
	border:0px none;
	margin:0px;
	float:none;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
	zoom: 1;
}





/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6 {
	font-family:'OpenSansBold';
	margin-bottom: 24px;
	color:#163f78;
	text-rendering: optimizeLegibility;
}

h1{
  font-size: 24px; 
}



h2 {
  font-size: 21px; 
}



h3 {
  font-size: 18px;  
}

h4 {
  font-size: 16px; 
}



h5, h6 {
  font-size: 14px; 
}


/*--- PARAGRAPHS ---*/
p {
  margin-bottom: 24px;
}


span.sup{
	position:relative;
	top:-0.5em;
	left:2px;
	font-size:80%;
}

body > p:first-of-type {
  font-size: 1.125em;
    /* 18px → 18 ÷ 16 = 1.125 */

  line-height: 1.333em;
    /* 24px → 24 ÷ 18 = 1.3333(3) */
}





#site{

}




#header{
	width:100%;
	height:100px;
	background:#0a2c5e;
	border-bottom:5px solid #80d5f2;
	position:fixed;
	left:0px;
	top:0px;
	z-index:2000;
}



#head{
	width:980px;
	height:100px;
	position:relative;
	margin:0 auto;
}


#logo{
	width:380px;
	height:70px;
	position:absolute;
	left:0px;
	top:15px;
}


#logo h1{
	margin:0px;
	padding:0px;
}


#logo h1 a{
	width:380px;
	height:70px;
	display:block;
	text-decoration:none;
	text-indent:-9999em;
	background:url(../images/logo.jpg) 0px 0px no-repeat;
}






#menu{
	position:absolute;
	right:0px;
	top:40px;
}

#menu ul li{
	float:left;
	margin-right:5px;
	margin-left:5px;
}

#menu ul li a{
	font-family: 'OpenSansSemibold';
	font-size:15px;
	 color:#fff;
	 display:block;
	 text-decoration:none;
	 padding:5px 10px;
	 line-height:1.2em;
	 vertical-align:middle;
	 /*
	 -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	*/
}


#menu ul li a:hover, #menu ul li a.active{
	 color:#fff;
	 background:#185889;
}




#language{
	position:absolute;
	right:5px;
	top:150px;
	z-index:1000;
}



ul.select{
	float:left;
}

ul.select li{
	float:left;
	position:relative;
}

ul.select li a{
	display:block;
	white-space:nowrap;
	width:70px;
	padding-left:10px;
	height:33px;
	line-height:33px;
	font-family: 'OpenSansSemibold';
	font-size:14px;
	text-decoration:none;
	background:#39beeb;
	color:#fff;
}

ul.select li a.open{
	background:url(../images/langOpen.jpg) 50px 8px no-repeat #39beeb;
}



ul.select li ul{
	float:left;
	display:none;
}


ul.select li:hover ul{
	display:block;
	position:absolute;
	left:0px;
	top:33px;
	z-index:1000;
}


ul.select li ul li{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}

ul.select li ul li a{
	width:70px;
	padding-left:10px;
	height:33px;
	line-height:33px;
	display:block;
	white-space:nowrap;
	background:#0a2c5e;
	color:#fff;
}


ul.select li ul li a:hover, ul.select li ul li a.selected{
	background:#39beeb;
	color:#000;
}







#main{
	
}




/* Filozófia */

#filozofia{
	width:100%;
	height:764px;
	background:url(../images/bg1.jpg) center top no-repeat #cceefa;
	color:#0a2c5e;
}


#filozofia .inner{
	width:980px;
	margin:0 auto;
}

#filozofia .content{
	width:504px;
	padding-top:50px;
	padding-left:25px;
}

#filozofia .content h2{
	color:#80d5f2;
	font-family:'OpenSansItalic';
	font-size:21px;
	margin-bottom:10px;
}

#filozofia .content h3{
	font-family:'OpenSansExtrabold';
	text-transform:uppercase;
	font-size:55px;
	color:#53c6ee;
	width:auto;
	line-height:1em;
	border-bottom:6px solid #80d5f2;
	margin-bottom:12px;
	text-indent:-3px;
}

#filozofia .content h3 span{
	color:#0a2c5e;
}


#filozofia ul.icons{
	width:550px;
	float:left;
	margin:0px 0px 24px -3px;
	padding:0px;
}

#filozofia ul.icons li{
	float:left;
	margin-right:34px;
}

#filozofia ul.icons li:last-child{
	margin-right:0px;
}



#filozofia ul.icons li a{
	width:101px;
	height:101px;
	display:block;
	text-indent:-9999em;
	position:relative;
}

#filozofia ul.icons li a span{
	width:101px;
	height:101px;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
}


#filozofia ul.icons li a.active span{
	display:block;
}






#filozofia ul.icons li a.versenykepesseg{
	background:url(../images/filozofia-icons.png) 0px 0px no-repeat transparent;
}

#filozofia ul.icons li a.versenykepesseg span{
	background:url(../images/filozofia-icons.png) 0px -101px no-repeat transparent;
}



#filozofia ul.icons li a.celkituzesek{
	background:url(../images/filozofia-icons.png) -101px 0px no-repeat transparent;
}

#filozofia ul.icons li a.celkituzesek span{
	background:url(../images/filozofia-icons.png) -101px -101px no-repeat transparent;
}



#filozofia ul.icons li a.kommunikacio{
	background:url(../images/filozofia-icons.png) -202px 0px no-repeat transparent;
}

#filozofia ul.icons li a.kommunikacio span{
	background:url(../images/filozofia-icons.png) -202px -101px no-repeat transparent;
}



#filozofia ul.icons li a.komplex{
	background:url(../images/filozofia-icons.png) -303px 0px no-repeat transparent;
}

#filozofia ul.icons li a.komplex span{
	background:url(../images/filozofia-icons.png) -303px -101px no-repeat transparent;
}





#filozofia .content h4{
	font-family:'OpenSansBold';
	font-size:15px;
	margin-bottom:5px;
}


/*
#celkituzesek, #kommunikacio, #komplex{
	display:none;
}
*/










/* Rólunk */

#rolunk{
	width:100%;
	height:764px;
	background:url(../images/bg2.jpg) center top no-repeat #061a37;
	color:#fff;
}


#rolunk .inner{
	width:980px;
	margin:0 auto;
	padding-top:50px;
}


#rolunk .content{
	width:420px;
	padding-left:25px;
}

#rolunk .content h2{
	color:#fff;
	font-family:'OpenSansItalic';
	font-size:21px;
	margin-bottom:10px;
}

#rolunk .content h3{
	font-family:'OpenSansExtrabold';
	text-transform:uppercase;
	font-size:55px;
	color:#fff;
	width:auto;
	line-height:1em;
	border-bottom:6px solid #fff;
	text-indent:-3px;
}

#rolunk .content h3 span{
	color:#80d5f2;
}



/* Szolgáltatásaink */

#szolgaltatasaink{
	width:100%;
	height:764px;
	background:url(../images/bg3.jpg) center top no-repeat #fff;
	color:#0A2C5E;
}


#szolgaltatasaink .inner{
	width:980px;
	margin:0 auto;
	padding-top:50px;
	position:relative;
}


#szolgaltatasaink .content{
	width:600px;
	padding-left:25px;
}

#szolgaltatasaink .content h2{
	color:#666;
	font-family:'OpenSansItalic';
	font-size:21px;
	margin-bottom:10px;
}

#szolgaltatasaink .content h3{
	font-family:'OpenSansExtrabold';
	text-transform:uppercase;
	font-size:31px;
	color:#53c6ee;
	width:auto;
	line-height:1em;
	border-bottom:6px solid #53c6ee;
	margin-bottom:12px;
	text-indent:-3px;
}

#szolgaltatasaink .content h3 span{
	color:#0A2C5E;
}



#szolgaltatasaink ul.icons{
	width:600px;
	float:left;
	margin:0px 0px 24px -3px;
	padding:0px;
}

#szolgaltatasaink ul.icons li{
	float:left;
	margin-right:34px;
}

#szolgaltatasaink ul.icons li:last-child{
	margin-right:0px;
}



#szolgaltatasaink ul.icons li a{
	width:101px;
	height:101px;
	display:block;
	text-indent:-9999em;
	position:relative;
}

#szolgaltatasaink ul.icons li a span{
	width:101px;
	height:101px;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
}


#szolgaltatasaink ul.icons li a.active span{
	display:block;
}




#szolgaltatasaink ul.icons li a.szallitmanyozas{
	background:url(../images/szolgaltatasaink-icons.png) 0px 0px no-repeat transparent;
}

#szolgaltatasaink ul.icons li a.szallitmanyozas span{
	background:url(../images/szolgaltatasaink-icons.png) 0px -101px no-repeat transparent;
}



#szolgaltatasaink ul.icons li a.nagykereskedelem{
	background:url(../images/szolgaltatasaink-icons.png) -101px 0px no-repeat transparent;
}

#szolgaltatasaink ul.icons li a.nagykereskedelem span{
	background:url(../images/szolgaltatasaink-icons.png) -101px -101px no-repeat transparent;
}



#szolgaltatasaink ul.icons li a.importexport{
	background:url(../images/szolgaltatasaink-icons.png) -202px 0px no-repeat transparent;
}

#szolgaltatasaink ul.icons li a.importexport span{
	background:url(../images/szolgaltatasaink-icons.png) -202px -101px no-repeat transparent;
}


#szolgaltatasaink .content h4{
	font-family:'OpenSansBold';
	font-size:16px;
	margin-bottom:5px;
}


.idegennyelv{
	position:absolute;
	right:100px;
	top:200px;
}


#szallitmanyozas, #nagykereskedelem, #importexport{
	
}

#szallitmanyozas ul, #nagykereskedelem ul, #importexport ul{
	list-style-type:square;
	margin-left:50px;
	margin-bottom:6px;
}

#szallitmanyozas ul li, #nagykereskedelem ul li, #importexport ul li{
	margin-bottom:6px;
}

#szallitmanyozas  p, #nagykereskedelem  p, #importexport  p{
	margin-bottom:6px;
}

#szallitmanyozas em, #nagykereskedelem em, #importexport em{
	color:#999;
	font-family:'OpenSansItalic';
}








/* Aktuális */

#aktualis{
	width:100%;
	height:764px;
	background:url(../images/bg3.jpg) center top no-repeat #fff;
	color:#0A2C5E;
	color:#0A2C5E;
}


#aktualis .inner{
	width:980px;
	margin:0 auto;
	padding-top:50px;
}


#aktualis .content{
	width:530px;
	padding-left:25px;
}

#aktualis .content h2{
	color:#666;
	font-family:'OpenSansItalic';
	font-size:21px;
	margin-bottom:0px;
}

#aktualis .content h3{
	font-family:'OpenSansExtrabold';
	text-transform:uppercase;
	font-size:55px;
	color:#53c6ee;
	width:auto;
	line-height:1em;
	border-bottom:4px solid #53c6ee;
	margin-bottom:12px;
	text-indent:-3px;
}

#aktualis .content h3 span{
	color:#0A2C5E;
}


#aktualis .content ul{
	list-style-type:square;
	margin-left:50px;
	margin-bottom:24px;
}

#aktualis .content ul li{
	margin-bottom:6px;
}

#aktualis .content em{
	color:#ccc;
	font-family:'OpenSansItalic';
}







/* Kapcsolat */

#kapcsolat{
	width:100%;
	height:764px;
	padding-bottom:70px;
	background:url(../images/bg5.jpg) center top no-repeat #05204d;
	color:#fff;
	position:relative;
}





#kapcsolat .inner{
	width:980px;
	margin:0 auto;
	padding-top:50px;
	position:relative;
}





#kapcsolat .content{
	width:504px;
	padding-left:25px;
}

#kapcsolat .content h2{
	color:#fff;
	font-family:'OpenSansItalic';
	font-size:21px;
	margin-bottom:10px;
}

#kapcsolat .content h3{
	font-family:'OpenSansExtrabold';
	text-transform:uppercase;
	font-size:55px;
	color:#53c6ee;
	width:auto;
	line-height:1em;
	border-bottom:6px solid #fff;
	margin-bottom:12px;
	text-indent:-3px;
	text-shadow:0px 0px 5px #05204d;
}

#kapcsolat .content h3 span{
	color:#fff;
}




/*
#kapcsolat ul.icons{
	width:550px;
	float:left;
	padding:0px;
	position:absolute;
	left:570px;
	top:300px;
}
*/

#kapcsolat ul.icons{
	width:550px;
	float:left;
	margin:0px 0px 24px -3px;
	padding:0px;
}

#kapcsolat ul.icons li{
	float:left;
	margin-right:34px;
}

#kapcsolat ul.icons li:last-child{
	margin-right:0px;
}



#kapcsolat ul.icons li a{
	width:101px;
	height:101px;
	display:block;
	text-indent:-9999em;
	position:relative;
}

#kapcsolat ul.icons li a span{
	width:101px;
	height:101px;
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
}


#kapcsolat ul.icons li a.active span{
	display:block;
}






#kapcsolat ul.icons li a.kapcsolatok{
	background:url(../images/kapcsolat-icons.png) 0px 0px no-repeat transparent;
}

#kapcsolat ul.icons li a.kapcsolatok span{
	background:url(../images/kapcsolat-icons.png) 0px -101px no-repeat transparent;
}



#kapcsolat ul.icons li a.terkep{
	background:url(../images/kapcsolat-icons.png) -101px 0px no-repeat transparent;
}

#kapcsolat ul.icons li a.terkep span{
	background:url(../images/kapcsolat-icons.png) -101px -101px no-repeat transparent;
}



#kapcsolat ul.icons li a.form{
	background:url(../images/kapcsolat-icons.png) -202px 0px no-repeat transparent;
}

#kapcsolat ul.icons li a.form span{
	background:url(../images/kapcsolat-icons.png) -202px -101px no-repeat transparent;
}

#terkep{
	width:100%;
	height:100%;
	background:#efefef;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1500;
}

#terkep a.close{
	width:150px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#0A2C5E;
	color:#fff;
	position:absolute;
	right:0px;
	top:300px;
	z-index:2000;
	display:block;
	text-decoration:none;
	cursor:pointer;
}



/*
#terkep, #form{
	display:none;
}
*/





#kapcsolat .content a{
	color:#53c6ee;
	text-decoration:none;
}


#kapcsolat .content a:hover{
	color:#53c6ee;
	text-decoration:none;
}



#form{
}




form.ajanlatkeres p span{
	width:130px;
	display:block;
	float:left;
}


form.ajanlatkeres input.tf{
	width:365px;
	float:left;
	background:#011638;
	padding:2px;
	line-height:1.5em;
	color:#fff;
	padding-top:4px;
	padding-bottom:4px;
	font-family: 'OpenSansRegular';
 	font-size:14px;
	border:1px solid #185889;
}

form.ajanlatkeres textarea{
	width:365px;
	float:left;
	padding:2px;
	background: #011638;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	font-family: 'OpenSansRegular';
 	font-size:14px;
	border:1px solid #185889;
	resize: none; 
}


form.ajanlatkeres p.button{
	width:144px;
	margin-left:128px;
	margin-top:4px;
}

form.ajanlatkeres p.button input, form.ajanlatkeres p.button input:focus{
	border:1px solid #185889 !important;
	background:#185889;
	color:#fff;
	cursor:pointer;
	cursor:hand;
	font-family: 'OpenSansRegular';
 	font-size:14px;
	line-height:2em;
}



input.error, select.error, textarea.error, input.error:focus, select.error:focus, textarea.error:focus{
	border:1px solid #185889 !important;
	background:#53c6ee !important;
}

input.highlight, select.highlight, textarea.highlight, input.highlight:focus, select.highlight:focus, textarea.highlight:focus{
	border:1px solid #185889 !important;
}

label.error{
	width:100%;
	font-weight:normal !important;
	margin-bottom:4px;
	float:left;
	color:#53c6ee !important;
	margin-left:130px;
}





#footer{
	width:100%;
	height:60px;
	background:#0a2c5e;
	border-top:5px solid #39beeb;
	position:fixed;
	z-index:2000;
	left:0px;
	bottom:0px;
}


#foot{
	width:980px;
	height:120px;
	margin:0 auto;
	position:relative;
}

#copyright{
	position:absolute;
	left:15px;
	top:25px;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
}




#toTop{
	width:63px;
	height:29px;
	display:block;
	text-indent:-9999em;
	background:url(../images/totop.png) 0px 0px no-repeat;
	position:absolute;
	right:30px;
	top:-29px;
	
	display:none;
}


a.linemedia{
	position:fixed;
	z-index:2000;
	right:10px;
	top:72%;
}



#aktualis{
	display:none;
}