@charset "utf-8";
/* CSS Document */
html, body{
	margin:0;
	padding:0;
	font: normal 14px Calibri, Arial, Helvetica, sans-serif;
	color:#FFF;
}

a,
a:active,
img{
	text-decoration:none;
	color:#fff;
	borde:none;
}


p, h1, h2, h3{
	padding:0px;
	margin:10px 0px;
	
}

.clear{
	clear:both;
}

ul{
	margin:0;
	margin-left:15px;
	padding:0;
	padding-left:15px;
}

/*Main style 
------------------------------------------------------------------------------*/

body{
	background:#50006e url(../img/bacground_top.png) center top repeat-x;
}

a.nyelv{
	background:url(../img/language_flags.png) left center;
	display:block;
	width:25px;
	height:20px;
	float:left;
	margin-right:5px;
}

a#hu{ background-position:0 0;}
a#en{ background-position:-30px 0;}
a#de{ background-position:-60px 0;}

/*Main design*/
div.Head{
	width:920px;
	margin:0 auto;
	height:65px;
	margin-bottom:10px;
}


/*Nyitóoldal
--------------------------------------------------------------------------------*/
div.nyitooldal{
	width:1000px;
	margin:0 auto;
	padding:0;
	margin-top:150px;
}

div.nyitooldal > div.logo{
	margin:0 auto;
}

div.nyitooldal  div.nyelv_linkek{
	margin:0 auto;
	width:155px;
	clear:both;
}

div.logo{
	height:215px;
	width:550px;
	background:url(../img/ramivo_logo.png) center center no-repeat;
	display:block;
}

div.logo_small{
	background:url(../img/logo_small.png) left 5px no-repeat;
	height:90px;
	width:204px;
	float:left;
	margin-right:10px;
	cursor:pointer;
}

div.address{
	font:bold 14px Arial, Helvetica, sans-serif;
	float:left;
	padding:35px 0;
}

/*Navigáció
-----------------------------------------------------------------------------------*/
div.Navigation{
	clear:both;
	width:920px;
	height:35px;
	margin:0 auto;
	position:relative;
}

div.Navigation > div.nyelv_linkek{
	position:absolute;
	right:0px;
	bottom:7px;
}

div.Navigation ul.navigation{
	margin:0;
	padding:0;
	height:35px;
	list-style:none;
}

div.Navigation ul.navigation > li:first-child{
	border-top-left-radius:20px;
}

div.Navigation ul.navigation > li.last{
	border-top-right-radius:20px;
}

div.Navigation ul.navigation > li{
	background:#FFF url("style.svg") 0 0 no-repeat;
	float:left;
	height:35px;
	text-align:center;
	min-width:115px;
	position:relative;
	box-shadow:0 -1px 1px #333;
}

div.Navigation ul.navigation > li:hover,
div.Navigation ul.navigation > li.active{
	background-position:0 -40px;
}

div.Navigation ul.navigation > li > a{
	color:#50006e;
	text-transform:uppercase;
	font:normal 13px Calibri, Arial, Helvetica, sans-serif;
	display:block;
	padding:10px 5px;
	min-width:100px;
}

div.Navigation ul.navigation > li.active a { color:#FFF; }
div.Navigation ul.navigation > li > a:hover{ color:#FFF; }
div.Navigation ul.navigation > li > a#minoseg{
	padding:4px 0;
	line-height:14px;
}

.seperator{
	display:block;
	width:5px;
	height:35px;
	background:url(../img/seperator.png) center center no-repeat;
	position:absolute;
	top:0px;
	right:-3px;
	z-index:9;
}
div.Navigation .navi_right{
	width:45px;
	height:38px;
	float:left;
}

div.Body{
	margin:0 auto;
	width:880px;
	color:#50006e;
	padding:5px 20px;
	min-height:390px;
	background:#fff url(../img/footer_seperator.png) center bottom no-repeat;
	border-top-right-radius:20px;
	position: relative;
}

div.Body a{ color:#50006e;}
div.Body a:hover{ text-decoration:underline;}

div.Body h1{
	color:#8c008c;
	font:normal 26px Calibri, Arial, Helvetica, sans-serif;
}

div.Body h2{
	padding:0;
	margin:0;
	margin-top:5px;
	font:bold 17px Calibri, Arial, Helvetica, sans-serif;
}

div .main_content{
	position:relative;
}

div.welcome{
	width:625px;
	float:left;
	margin-left:5px;
	margin-right:20px;
}

div.Body a.tovabb_link{
	background:#50006e;
	padding:1px 5px;
	display:block;
	margin:5px;
	width:60px;
	font:normal 14px Calibri, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
}

a.tovabb_link:hover{text-decoration:underline;}

.news{
	width:210px;
	float:left;
	/*margin-top:45px;*/
	max-height:240px;
	margin-bottom:1px;
	border-left: 1px solid #cdcdcd;
	padding-left: 10px;
	margin-bottom: 10px;
}



.newsbox{
	width:190px;
	margin-right:2px;
	padding:15px;
	background-color:#ededed;
	height:180px;
	float:left;
}

.facebook{
	padding:0;
	width:220px;
	height:210px;
}

.fb-like-box{ border:none;}
.fb-like-box:hover{ color:#fff;}

.newsbox:hover{
	background-image:url(style.svg);
	background-position:0 -80px;
	cursor:pointer;
	color:#FFF;
}

.newsbox > .content {
	width:190px;
	height:170px;
	margin-bottom:10px;
}

.newsbox > .content .excerpt{
	max-height:150px;
	overflow:hidden;
	margin:5px 0;
}

.newsbox > .content .excerpt > p{
	margin:0;
}

.newsbox .tovabb_link{
	float:right;
}

.newsbox .news_title{
	font-size:14px;
	font-weight:bolder;
	margin-bottom:3px;
}

/*Content
-----------------------------------------------------------------------------------*/
.left_side{
	width:260px;
	margin:20px 20px 15px 10px;
	height:100%;
	float:left;
}

.left_side img{
	max-width:260px;
}

.kapcsolat_left{ width:150px; }

.right_side{
	width:590px;
	float:left;
	margin:5px 0 15px 0;
}

.kapcsolat_right{ width:700px; }

.kapcsolat_right ul {
	margin:3px 0 10px 10px;;
	padding:5px;
	line-height:27px;
}

/*Lábléc
-----------------------------------------------------------------------------------*/
.Footer{
	width:920px;
	height:75px;
	background:url(../img/footer.png) -1px -1px no-repeat;
	margin:0 auto;
	color:#50006e;
	font:normal 13px Calibri, Arial, Helvetica, sans-serif;
	position: relative;
	clear:both;
}

.Footer a{
	color:#50006e;
	font:normal 13px Calibri, Arial, Helvetica, sans-serif;
	padding:0 5px;
}

.Footer a:hover{ text-decoration:underline; }

.Footer .footer_menu{
	position:absolute;
	right:25px;
	top:5px;
}

.Footer .footer_menu ul.navigation{
	margin:0;
	padding:0;
	line-height:20px;
	list-style:none;
}

.Footer .footer_menu ul.navigation > li{
	float:left;
	padding:5px 0;
}

.Footer .footer_menu ul.navigation > li a{
	border-right:solid 1px #50006e;
}

.Footer .footer_menu ul.navigation > li:last-child a{
	border:none;
}

.copyright{
	position:absolute;
	left: 420px;
	bottom: 15px;
}

.arculat_link{
	position:absolute;
	right:27px;
	bottom:15px;
}

/*Referenciák
---------------------------------------------------------*/

div.side{
	margin-left:10px;
}

ul.referenciak{
	margin:0;
	padding:0;
	list-style:none;
}

ul.referenciak > li{
	background:#e2e2e2;
	padding:10px;
	width:180px;
	height:195px;
	margin:0 15px 25px 0;
	float:left;
	text-align:center;
}

ul.referenciak > li a {
	display:block;
	width:180px;
	height:195px;
}

ul.referenciak > li img{
	max-width:170px;
	padding:5px 5px 5px 4px;
	max-height:115px;
	background:#FFF;
	border:none;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ 
	filter: gray; 
    -webkit-filter: grayscale(100%);
}

ul.referenciak > li div.leiras{
	text-align:left;
	line-height:16px;
	padding-top:3px;
	font:normal 14px/16px Calibri, Arial, Helvetica, sans-serif;
}

ul.referenciak > li:hover{
	background:url(style.svg);
	background-position:0 -290px;
}

ul.referenciak > li:hover img{
	filter: none;
    -webkit-filter: grayscale(0%);
}

ul.referenciak > li:hover div.leiras{ 
	color:#FFF;
}

ul#accordion_menu{
	margin:0 auto;
	padding:0;
	list-style:none;
	line-height:20px;
	width:145px;
}

ul#accordion_menu > li{
	display:block;
	width:1s0px;
	margin:2px 0;
}

ul#accordion_menu > li:hover{
	background-image:url(style.svg);
	background-position:0 -80px;
	cursor:pointer;
	color:#FFF;
}

ul#accordion_menu > li a{
	display:block;
	width:130px;
	padding:5px;
}

ul#accordion_menu > li:hover a{
	color:#FFF;
	text-decoration:none;
}

.hir_dobozok{
	margin-bottom:25px;
}

.hir_datum{ 
	padding:5px;
	margin-right:15px;
	margin-left:-5px;
	border-top:solid 1px #ccc;
}

.hir_datum .datum{
	float:left;
	font-size:12px;
	margin-right:5px;
	margin-top:2px;
}

div.Body .hir_datum a.tovabb_link{
	float:left;
	margin:0;
	
}

.hir_elolnezet{
	padding-right:25px;
	text-align:justify;
}

.hir{
	display:none;
	padding-right:25px;
	text-align:justify;
}


#contact_form{
	position:relative;
	min-height:350px;	
}

#contact_form label{
	width:40px;
	position:absolute;
	left:5px;
	font-size:12px;
	font-weight:bold;
}

#contact_form input{
	position:absolute;
	left:50px;
	padding:2px;
	font:normal 12px Calibri, Arial, Helvetica, sans-serif;
	width:200px;
	border:none;
	background-color:#EDEDED;
	border:solid 1px #ccc;
}

#contact_form #message{
	position:absolute;
	left:50px;
	padding:2px;
	font:normal 12px Calibri, Arial, Helvetica, sans-serif;
	width:300px;
	height:100px;
	border:solid 1px #ccc;
	background-color:#EDEDED;
}

#contact_form .error{
	position:absolute;
	left:50px;
	color:#F00;
	width:150px;
}

img#captcha {
    left: 50px;
    position: absolute;
    top: 265px;
}

#contact_form .button {
    bottom: 0;
    left: 50px;
    padding: 4px;
    position: absolute;
    width: 150px;
}

#contact_form .button:hover{ 
	cursor:pointer;
	background-image:url(style.svg);
	background-position:0 -120px;
	cursor:pointer;
	color:#FFF;
}

label#nev_label{top:0;}
label#email_label{top:45px;}
label#targy_label{top:90px;}
label#message_label{top:135px;}
label#captcha_label{top:265px;}

input#nev{top:0;}
input#email{top:45px;}
input#targy{top:90px;}
textarea#message{top:135px;}
input#captcha{top:265px; left:160px; width:30px;}

label#nev_error{top:25px;}
label#email_error{top:70px;}
label#targy_error{top:115px;}
label#message_error{top:245px;}
#contact_form label#captcha_error{ left: 160px; top: 290px; }

.system_error {
    background: url("../img/icon-error.png") no-repeat scroll 10px 7px #FCCAC1;
    border: 1px solid #E18B7C;
    color: #C33820;
}

.system_succes {
    background: url("../img/icon-succes.png") no-repeat scroll 10px 7px #DEFCC1;
    border: 1px solid #AEE17C;
    color: #62AF17;
}

.system {
    display: none;
    font: 12px/1.6em Arial;
    margin: 0 20px 5px 0;
    padding: 5px 10px 4px 33px;
}

.map_canvas_box{
	width:90%;
	padding:10px;
	background:#ededed;
}

#map_canvas{
	width:100%;
	height:300px;
}

.minoseg_linkek{
	clear:both;
	height:100px;
	margin:0 auto;
	display:block;
	width:550px;
	position:relative;
}

.minoseg_linkek > a{
	padding:0 25px;
	border:none;
}

.minoseg_linkek a#NB_link{ cursor:pointer;}

.minoseg_linkek > a > img{
	width:auto;
	height:100px;
	border:none;
}

.minoseg_linkek .sub_linkek > a {
    border: medium none;
    left: 210px;
    padding: 0 5px;
    position: relative;
    top: -20px;
}

.minoseg_linkek .sub_linkek > a > img{
	border:none;
	width:auto;
	height:30px;
}