﻿/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:300,400');

html, body {
	height: 100%;
    z-index: 0;
	color:#fff;
}

h1{
	margin:0;padding:0;
/*	font-size:48px; ez itt hatástalan */
	font-family:'Roboto', sans-serif;
	font-weight:400;
}

h2 {
	margin:0;padding:0;
	font-size:18px;
	font-family:'Roboto', sans-serif;
	font-weight:400;
}

/*
h3 {
	margin:0;padding:0;
	font-size:14px;
	font-family:'Roboto', sans-serif;
	font-weight:100;
}
*/

body {	
	margin: 0;
	padding: 0;
	color:#343434;
	background-image:url('../images/bg_body.png');
	background-position:top left;
	background-repeat:repeat-x;
	overflow:scroll;
}

@font-face {
    font-family: 'HEuromodeNormal';
    src: url('../fonts/heuromonde.eot');
    src: url('../fonts/heuromonde.eot?#iefix') format('embedded-opentype'),
         url('../fonts/heuromonde.ttf') format('truetype'),
         url('../fonts/heuromonde.svg#HEuromodeNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/os_b.eot');
    src: url('../fonts/os_b.eot?#iefix') format('embedded-opentype'),
         url('../fonts/os_b.ttf') format('truetype'),
         url('../fonts/os_b.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/os_reg.eot');
    src: url('../fonts/os_reg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/os_reg.ttf') format('truetype'),
         url('../fonts/os_reg.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a img {border:none;}

.orange {color:#FFB300;}

a:link {text-decoration:none;color:orange;border:none;outline:none;}
a:visited {text-decoration:none;color:orange;border:none;outline:none;}
a:hover {text-decoration:none;color:orange;border:none;outline:none;}
a:active {text-decoration:none;color:orange;border:none;outline:none;}


.kapcsolat a:link {text-decoration:none;color:orange;border:none;outline:none;}
.kapcsolat a:visited {text-decoration:none;color:orange;border:none;outline:none;}
.kapcsolat a:hover {text-decoration:none;color:orange;border:none;outline:none;}
.kapcsolat a:active {text-decoration:none;color:orange;border:none;outline:none}

.header_item a:link {text-decoration:none;color:#fff;border:none;outline:none;}
.header_item a:visited {text-decoration:none;color:#fff;border:none;outline:none;}
.header_item a:hover {text-decoration:none;color:orange;border:none;outline:none;}
.header_item a:active {text-decoration:none;color:orange;border:none;outline:none;}

.midbox_text_header a:link {text-decoration:none;color:#fff;border:none;outline:none;}
.midbox_text_header a:visited {text-decoration:none;color:#fff;border:none;outline:none;}
.midbox_text_header a:hover {text-decoration:none;color:orange;border:none;outline:none;}
.midbox_text_header a:active {text-decoration:none;color:orange;border:none;outline:none;}

.subbox_text_header a:link {text-decoration:none;color:#fff;border:none;outline:none;}
.subbox_text_header a:visited {text-decoration:none;color:#fff;border:none;outline:none;}
.subbox_text_header a:hover {text-decoration:none;color:orange;border:none;outline:none;}
.subbox_text_header a:active {text-decoration:none;color:orange;border:none;outline:none;}

.bot_menu_item a:link {text-decoration:none;color:orange;border:none;outline:none;}
.bot_menu_item a:hover {
	text-decoration:none;
	color: orange;
	background-image:url('../images/bot_sel.png');
	background-position: left bottom;
	background-repeat:repeat-x;
	border:none;
	outline:none;
}
.bot_menu_item a:active {text-decoration:none;color:orange;border:none;outline:none;}

#wrapper {
	width:100%;
	height:100%;
	background-image:url('../images/bg_base2.png');
	background-position:top center;
	background-repeat:no-repeat;
}

#header {
	width:100%;
	height:20px;
}

#carousel {
	width:100%;
	height:175px;
}

#menu {
	width:100%;
	height:38px;
	background-image:url("../images/menubg.png");
	background-repeat:repeat-x;
	background-position:top left;
}

#content {width:100%;}

.header_container {
	margin-left:auto;
	margin-right:auto;
	width:840px;
	height:20px;
}

.carousel_container {
	margin-left:auto;
	margin-right:auto;
	width:840px;
	height:175px;
	margin-top:10px;
}

.content_container {
	margin-left:auto;
	margin-right:auto;
	width:840px;
}

.midbox_container {
	float:left;
	width:840px;
/*	padding-top:10px; */
	margin-top:25px;
}

.subbox_container {
	width:840px;
	height:120px;
	float:left;
	margin-top:25px;
	margin-bottom:10px;
}

.bottom_container {
	float:left;
	width:840px;
	margin-top:25px;
	border-top:solid 1px #b2b2b2;
	margin-left:auto;
	margin-right:auto;
}

.menu_placer {float:right;margin-right:5px;}

.header_menu {
	float:right;
	height:14px;
	line-height:14px;
	font-family:Roboto, sans-serif;
	font-size:10px;
	margin-top:8px;
	margin-right:10px;
}

.header_item {
	float:right;
	margin-left:12px;
}

.menu_container {
	margin-left:auto;
	margin-right:auto;
	width:840px;
	height:20px;
	line-height:35px;
	position:relative;
	z-index:100;
	font-family:'Open Sans', sans-serif;
}

.logo {
	float:left;
	margin-top:20px;
}

.slider-wrapper {
	float:right;
	height:140px;
	width:460px;
	margin-top:20px;
	margin-right:10px;
	background-color:transparent;
	box-shadow:0px 0px 0px #000;
	border: 1px solid #868686;
}

.slider-left-wrapper {
	float:right;
	height:142px;
	width:100px;
	margin-top:20px;
}

.midbox {
	float:left;
	width:270px;
	height:260px; 
	margin-right:10px;
	background-color:transparent;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	z-index:0;
	position:relative;
	background-image:url('../images/midbox/midbgstrip.png');
	background-repeat:no-repeat;
	background-position:bottom left;
}

.midbox_img {
	position:absolute;
	z-index:1;
	width:266px;
	height:224px;
	padding-left:1px;
	padding-right:1px;
	padding-top:1px;
	background-image:url('../images/midbox/midbgtop.png');
	background-repeat:no-repeat;
	background-position:top left;
}

.midbox_text_header {
	width:260px;
	text-align:Justify;
	font-family:OpenSansRegular;
	letter-spacing:-1px;
	font-size:16px;
	text-indent:10px;
	color:transparent;
	text-shadow:-1px 0 black, 0 1px black,1px 0 black, 0 -1px black;
	margin-top:225px;
	position:relative;
	z-index:20;
	padding-right:10px;
	height:29px;
	line-height:29px;
	padding-top:5px;
	background-image:url('../images/midbox/midbox.png');
	background-repeat:no-repeat;
	background-position:top left;
}

.midbox_row {
	float:left;
	width:840px;
	margin-top:5px;
}

.midbox_row_textbox {
	float:left;
	width:260px;
	height:80px; 
	margin-right:10px;
	background-color:transparent;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	z-index:0;
	color:#e2e2e2;
	background: #323942; /* Old browsers */
	background: -moz-linear-gradient(top, #323942 0%, #1c242d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #323942 0%,#1c242d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #323942 0%,#1c242d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323942', endColorstr='#1c242d',GradientType=0 ); /* IE6-9 */
	background-position:top left;
	font-family:'OpenSans', sans-serif; 
	font-size:13px;
	padding-left:10px;
	padding-right:0px;
	padding-top:5px;
	text-align: center;
}

.subbox_item {
	float:left;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	background-color:transparent;
	width:270px;
	height:120px; 
	margin-right:10px;
	background-image:url('../images/subbox/subbox_bgstrip.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	z-index:0;
	position:relative;
}

.subbox_img {
	background-image:url('../images/subbox/subbox_bgtop.png');
	background-position:top center;
	background-repeat:no-repeat;
}

.subbox_text_header {
	width:260px;
	text-align:Justify;
	font-family:OpenSansRegular;
	letter-spacing:-1px;
	font-size:16px;
	text-indent:10px;
	color:white;
	text-shadow:-1px 0 black, 0 1px black,1px 0 black, 0 -1px black;
	position:absolute;
	z-index:20;
	padding-right:10px;
	height:31px;
	line-height:31px;
	padding-top:3px;
	background-image:url('../images/midbox/midbox.png');
	background-repeat:no-repeat;
	background-position:top left;
}

.bot_menu {
	float:left;
	width:300px;
	margin-top:15px;
}

.bot_menu_item {
	float:left;
	margin-right:35px;
	margin-bottom:15px;
	margin-right:200px;
}

.copyright {
	float:left;
	margin-left:2px;
	color:#575757;
	font-size:10px;
	font-family:HeuromodeNormal;
}

.bot_logo {
	float:right;
	width:170px;
	margin-top:5px;
}

.site {
	float:right;
	height:48px;
	width:39px;
	margin-left:8px;
	margin-top:5px;
}

.isoicon {float:right;height:75px;width:70px;margin-top:5px;}
.isoicon2 {float:right;height:75px;width:105px;margin-top:5px;margin-right:10px;}


.req_thx {
	position:relative;
	margin-top:300px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.req_title {
	color:#FFFFFF;
	font-size:16px;
	font-family:HeuromodeNormal;
	font-weight:bold;
	margin-bottom:20px;
}
.req_sub {
	color:#919191;
	font-size:13px;
	font-family:HeuromodeNormal;
}

/* jQuery Nivo Slider v3.2 Copyright 2012, Dev7studios */
 
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}

.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
