@CHARSET 'UTF-8';

img{  border-style: none; }

/* RESET EVERYTHING */

* {

	margin: 0;
	padding: 0;
	
}

.clear { clear: both; }

a { outline: none; }

body { 

    background:#D9E2E8;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

div#main_container {

    width: 960px;
    margin: 5px auto 0px auto;
    height: 100%;
}

div#spacer{
	height: 6px;
}

/* MENU LAYOUT, colors: #13386c #99a7c1 */

div#logo{
	background: #ffffff url('img/hlogo.gif') no-repeat;
	background-position: left;
	width: 100%;
	height: 45px;
}

div#header { width: 960px; }

ul#menu {

	font-variant: small-caps;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

ul#menu li {

    float: left;
    list-style: none;
    text-align: center;
}

ul#menu li.last{
	border-right: 1px solid #245293;
}


ul#menu li a {

    background: #ffffff url('img/menubt1.png') repeat-x;
    display: block;
    width: 137px;
    color: #ffffff;
    text-decoration: none;
    font-size: 17px;
	padding: 7px 0px 7px 0px;
	color: #ffffff;

}

ul#menu li a:hover, ul#menu li.active a {

    background: #ffffff url('img/menubt_h2.png') repeat-x;
    color: #ffffff;
}

/* CONTENT LAYOUT */

div.content {

    width: 960px;    
    height: 100%;
    margin: 0 auto;
    overflow: hidden;

}

div.regular { background: #ffffff; }

div#content_left{
	width: 768px;
	height: 100%;
	float:left;
	margin: 0;
	padding-top: 10px;
}


div#content_left a, div#content_left a:visited, div#content_left a:link{
	text-decoration: none;
	color:#103f91;
}

div#content_left_index{
	width: 768px;
	height: 100%;
	float:left;
	margin: 0;
}

div#content_left h1{
	font-size: 18px;
	margin: 0 0 10px 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

div#content_left p{
	font-size: 14px;
}

/* INDEX */

div#news_cont{
	width: 660px;
	margin: 20px auto 20px auto;
}

div.thenew{
	width: 660px;
	margin: 20px auto 20px auto;
	background: #f6f8fa;
	height: 100%;
}

div.thenew h2{
	width: 100%;
	padding:3px;
	font-size: 15px;
}

div.thenew p{
	width: 100%;
	font-size: 14px;
	padding:3px;
}

img.dl{
	float:right;
	margin: 1px 5px 0 0;
}

/* HOW TO */

table#howto_t{
	margin-left: 50px;
}


/* SIDEBAR */

div#content_right{
	width: 181px;
	height: 100%;
	float:right;
	border-left: 1px solid #053778;
	padding: 5px;
	background-color: #f8f7f7;
}

p#forg{
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	margin-bottom: 3px;
}

div.dist{
	width: 140px;
	height: 54px;
	background-color: #ffffff;
	margin: 0 auto 10px auto;
	text-align:center;
	border: solid 1px #103f91;
}


div.dist a, div.dist a:visited, div.dist a:link{
	text-decoration: none;
	color:#103f91;
}

div.dist p{
	color: #000000;
	padding-top: 7px;
}

div#content_right p.desc{
	text-align: center;
	color: #000000;
	font-size: 10px;
	margin-bottom: 5px;
}

div#content_right p.desc img{
	margin: 0 0 -4px 3px;
}

div#rss{
	width: 100%;
}

div.post{
	background-color: #f6f8fa;
	width: 180px;
	margin-bottom: 10px;
}

div#rss h2{
	width: 100%;
	font-size: 12px;
	text-align: justify;
}

div#rss p{
	margin-top: 4px;
	width: 100%;
	font-size: 12px;
	text-align: justify;
}

div#rss a, div#rss a:visited, div#rss a:link{
	width: 100%;
	font-size: 12px;
	color: #0b2e82;
	text-decoration: none;
}

/* FOOTER */

div#footer{
	width:960px;
	height: 70px;
	background-color: #eff3f6;
	border-top: 1px solid #053778;
	color: #b9b9b9;
	margin-bottom: 10px;
}

div#footer  p.link{
	font-size: 12px;
	text-align:center;
	color:#2f7adf;
	margin-top: 5px;
}

div#footer  p.firminfo{
	font-size: 12px;
	text-align:center;
	color:#053778;
	margin-top: 8px;
}

div#footer a:visited, div#footer a:link{
	color:#053778;
}



/* PRODUCTS */

div.products a, div.products a:visited, div.products a:link {
	color:#000000;
	text-decoration: none;
}

div.termekcont1{
	width:735px;
	height: 260px;
	background-color: #ececec;
	margin: 10px;
	padding: 7px;
}

div.termekcont1_left{
	width:280px;
	float:left;
}

div.termekcont1_left img{
	margin-bottom:20px;"
}

div.termekcont1_right{
	width:455px;
	float:right;
}

div.termekcont1_right h2{
	font-size: 14px;
	margin-bottom: 10px;
}

div.termekcont1 p{
	position: absolute;
	width: 440px;
	text-align: justify;
	line-height:130%;
}

div.termekcont1 img{
	float: left;
	margin-right: 10px;
}

a.tovabb{
	background: url('img/tova.png') no-repeat;
	font-size: 27px;
	letter-spacing: 20px;
	margin:200px 0 0 85px;
}

a.tovabb:hover{
	background: url('img/tova_h.png') no-repeat;
}

div.termekcont2{
	width:735px;
	height: 260px;
	background-color: #ffffff;
	margin: 10px;
	padding: 7px;
}

div.termekcont2 h2{
	font-size: 14px;
	margin-bottom: 10px;

}

div.termekcont2 p{
	position: absolute;
	width: 440px;
	height: 100px;
	text-align: justify;
	line-height:130%
}

div.termekcont2 img{
	float: right;
	margin-left: 10px;
}

a.tovabb2{
	position: absolute;
	margin: 135px 0 0 555px;
	background: url('img/tova.png') no-repeat;
	font-size: 25px;
	letter-spacing: 90px;
}

a.tovabb2:hover{
	background: url('img/tova_h.png') no-repeat;
}

/* HOW TO */

p.funk{
	margin: 20px 0 20px 12px;
}

.cyan-11b {
	color:#000066;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
}
a.cyan-11b:hover {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}

/* SLIDER */

#jFlowSlide{ background:#142438; font-family: Arial, Helvetica, sans-serif; }
#myController { font-family: Arial, Helvetica, sans-serif; padding:2px 0;  width:768px; background:#142438; }
#myController span.jFlowSelected { background:#142438;margin-right:0px; }

.slide-wrapper { padding: 0px; }
.slide-thumbnail { width:768px; float:left; }
.slide-thumbnail img {max-width:768px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #99a7c1; }


/* CONTACT */


p.knev{
	margin: 10px 0 5px 10px;
	font-size: 15px;
	font-weight: bold;
}

p.kpozi{
	margin: 0 0 5px 10px;
	font-size: 14px;
	font-weight: normal;
}

p.ktel{
	margin: 0 0 15px 10px;
	font-size: 14px;
	font-weight: normal;
}

p.kmap{
	margin: 0 0 0 10px;
}