/* CSS Document */
@import url("form.css");
@import url("content.css");
@import url("references.css");
@import url("feedback.css");
@import url("search.css");

body, html {
height:100%;
}
* {
margin:0;
padding:0;
}
body,ul,li,p,h1,h2,h3 {
margin:0;
padding:0;
}
.left {
float:left;
}
.right {
float:right;
}
.clearleft {
clear:left;
}
.clearright {
clear:right;
}
.clearboth {
clear:both;
}
a img {
border:0;
}
body {
font-family: Tahoma, Verdana, Geneva, sans-serif;
font-size: 62.5%; /* resets 1em to 10px */
}


/**
 * LAYOUT
 */
.site-width {
width:780px;
margin:0 auto;
}
#nonfooter {
padding-top:7px;
}
#header {
height:55px;
position:relative;
}
#middlebox {
overflow:hidden;
background:url(../images/middlebox_bckg.png) repeat-y right #f6f9f9;
}
#navigation {
height:73px;
background: url(../images/navigation_bckg.png) top left repeat-y #f6f9f9;
}
#container {
background:url(../images/container_backg.png) repeat-y top left;
}
#footer {
margin-top:1px;
}


/**
 * HEADER GROUP 
 */
#header .logo {
position:absolute;
left:8px;
top:1px;
}
#header .searchbox {
position:absolute;
right:0;
width:264px;
height:100%;
background:url(../images/searchbox_bckg.png) no-repeat top left;
background-color:#f6f9f9;
}
#header .searchbox div {
position:relative;
padding:12px 10px 0;
}
#header .searchbox label {
color:#b3c8ce;
font-weight:bold;
font-size:1.1em;
}
#header .searchbox label input.ftext {
width:240px;
border:solid 1px #b7cbd0;
margin-top:2px;
padding:2px 2px 1px;
}
#header .searchbox label input.btn {
position:absolute;
top:29px;
right:10px;
}


/**
 * MIDDLEBOX GROUP
 */
#middlebox .image {
float:left;
width:512px;
}


/**
 * NAVIGATION GROUP 
 */
#navigation ul {
margin-left:10px;
list-style-type:none;
}
#navigation ul li {
display:block;
width:192px;
height:73px;
float:left;
background:url(../images/navigation_backg.png) top left no-repeat;
}
#navigation ul li a {
display:block;
background:url(../images/navigation.png) top left no-repeat;
width:192px;
height:41px;
margin-top:4px;
}
#navigation ul li a:hover, #navigation ul li.active a {
background-image:url(../images/navigation_on.png);
}
#navigation ul li a span {
display:none;
}
#navigation ul #nav-2 a {
background-position:-192px;
}
#navigation ul #nav-3 a {
background-position:-384px;
}
#navigation ul #nav-4 a {
background-position:-576px;
}
#navigation ul li p {
color:#7c7c7c;
padding:0 17px 0;
}

#location {
padding-top:10px;
color:#30586d;
font-size:1.1em;
}
#location a, #location span.title {
color:#30586d;
font-weight:bold;
text-decoration:none;
}
#location a:hover {
text-decoration:underline;
}
#location span {
color:#7c7c7c;
text-decoration:underline;
}


/**
 * CONTAINER GROUP
 */
#container .leftside, #container .rightside {
float:left;
}

#pages {
font-size:1.1em;
line-height:1.3em;
text-align:center;
padding-top:20px;
}
#pages ul {
list-style-type:none;
}
#pages ul li {
color:#30586D;
display:inline;
padding:1px 3px;
}
#pages ul li.active {
font-weight:bold;
border:1px solid #30586D;
background-color:#F6F9F9;
padding:1px 5px;
}
#pages ul li a {
color:#30586D;
text-decoration:none;
}
#pages ul li a:hover {
text-decoration:underline;
}

/* hasab */
#container .tab {
float:left;
width:252px;
}
#container .tab .content {
padding:20px 12px;
}
#container .tab h2 {
font-size:1.4em;
text-transform:uppercase;
color:#03364b;
background:top left no-repeat;
margin:0px 0px 5px 15px;
}
#container .tab h2 span {
visibility:hidden;
}
#container .tab div.content ul {
list-style:none;
}
#container .tab div.content ul li {
padding-bottom:8px;
}
#container .tab div.content ul li span {
padding-left:15px;
display:block;
color:#b4b4b4;
}
#container .tab div.content ul li h4 {
background:url(../images/content_bullet.png) no-repeat 0px 3px;
padding:0px 0 5px 15px;
font-size:1.1em;
}
#container .tab div.content ul li h4 a {
color:#7c7c7c;
text-decoration:none;
}
#container .tab div.content ul li h4 a:hover {
text-decoration:underline;
}
#container .tab div.content ul li p {
color:#7c7c7c;
font-size:1.1em;
padding-left:15px;
text-align:justify;
}
#container .tab div.content ul li img {
display:block;
margin:5px auto;
padding:3px;
border:solid 1px #E9E9E9;
}
#container .tab div.content ul li a:hover img {
border-color:#7C7C7C;
}
/* doboz */
#container .box {
width:264px;
background:url(../images/box_bottom.png) bottom left no-repeat #f6f9f9;
margin-bottom:10px;
}
#container .box div.content {
padding:10px 12px;
background:url(../images/box_top.png) top left no-repeat;
}
#container .box div.block {
border-bottom:solid 1px #E5ECEE;
margin-bottom:10px;
padding-bottom:10px;
}
#container .box h2 {
display:block;
height:13px;
width:150px;
margin-bottom:10px;
background:top left no-repeat;
}
#container .box h2 span {
display:none;
}
#container .box ul {
list-style:none;
}
#container .box ul li {
padding-bottom:8px;
}
#container .box ul li h4 {
font-size:1.2em;
color:#FE7312;
font-weight:bold;
}
#container .box ul li h4 a {
color:#FE7312;
text-decoration:none;
}
#container .box ul li h4 a:hover {
text-decoration:underline;
}
#container .box ul li p {
font-size:1.1em;
color:#03364b;
padding:4px 0 2px;
}
#container .box ul li p a {
color:#30586D;
}
#container .box ul li p a:hover {
color:#fe7312;
}

/* kiemelt ugyfeleink */
#container .box.client table {
width:100%;
margin: 0 auto;
}
#container .box.client table td {
padding:10px 0;
text-align:center;
}

/**
 * FOOTER GROUP
 */
#footer div.site-width {
border-top:1px solid #e5ecee;
padding-top:2px;
}
#footer div.background {
background-color:#f6f9f9;
padding:10px 12px 15px;
}
#footer div.bizart {
color:#30586D;
line-height:1.3em;
padding-left:5px;
}
#footer ul {
list-style:none;
}
#footer ul li {
display:block;
float:right;
color:#30586D;
padding:0px 12px;
line-height:1.3em;
}
#footer ul .list {
font-weight:bold;
background:url(../images/footer_bullet.png) no-repeat 0px 6px;
padding-left:6px;
}
#footer ul li a {
color:#30586D;
text-decoration:none;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer span {
color:#fe7312;
}

/*******************/
/* EGYEDI STLUSOK */
/*******************/

/**
 * INDEX
 */
#middlebox.index {
max-height:216px;
height:216px;
}
#freshworks {
background-color:#03364b;
color:#fff;
float:right;
width:264px;
height:216px;
overflow:hidden;
}
#freshworks h2 {
font-size:1.2em;
text-transform:uppercase;
margin:15px 12px 10px;
background:no-repeat top left;
}
#freshworks h2 span {
visibility:hidden;
}
#freshworks .content {
text-align:center;
padding:5px 10px;
}
#freshworks .content ul {
list-style:none;
}
#freshworks .content ul li {
}
#freshworks .content .arrow {
margin-top:40px;
}
#freshworks .content .arrow a {
display:block;
height:23px;
width:23px;
background:no-repeat top left;
}
#freshworks .content .arrow a span {
display:none;
}
#freshworks .content .previous {
background-image:url(../images/previous_freshworks.png);
float:left;
}
#freshworks .content .previous a:hover {
background-image:url(../images/previous_on_freshworks.png);
}
#freshworks .content .next {
background-image:url(../images/next_freshworks.png);
float:right;
}
#freshworks .content .next a:hover{
background-image:url(../images/next_on_freshworks.png);
}
#freshworks .content img.thumbnail {
margin:0 auto;
border:solid 3px #325a6a;
border-left-color:#557485;
border-bottom-color:#2f5869;
}
#freshworks .content h3 {
text-align:left;
font-size:1.2em;
padding:5px;
}
#freshworks .content h3 a {
color:#fff;
text-decoration:none;
}
#freshworks .content h3 a:hover {
text-decoration:underline;
}
#freshworks .content p {
padding:0 5px;
text-align:left;
}
#container.index .rightside {
padding-top:10px;
padding-left:12px;
}

/**
 * INSIDE
 */
#middlebox.inside {
height:154px;
max-height:154px;
}
#opinion {
background-color:#03364b;
color:#fff;
float:right;
width:264px;
height:154px;
overflow:hidden;
}