@charset "utf-8";
/* CSS Document
html, body {
}*/
body {
color:#47423F;
min-width:1020px;
width:100%;
padding:0;
margin:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
background-image: url(../images/bg2.gif);
background-repeat: repeat;
background-position: center 0;
}
.csik{
background-color: #494949;
margin: 0px;
padding: 0px;
height: 6px;
width: 100%;
background-image: url(../images/bg-img.gif);
background-repeat: no-repeat;
background-position: 20px top;
}
.fej {
margin: 0px;
padding: 0px;
width: 1020px;
}
a img {
border: none;
}
a:link {
color: #42413C;
text-decoration: none;
}
a:visited {
color: #6E6C64;
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container {
width: 1020px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.header {
padding-top: 0px;
padding-bottom: 5px;
width: 1020px;
}
.social-icons {
overflow:hidden;
text-align:right;
width: 150px;
float: right;
margin: 15px;
}
.social-icons a {display:inline-block; width:23px; height:23px; float:right;}
.icon-1 {background:url(../images/icon-h.png) 0 0 no-repeat;}
.icon-2 {background:url(../images/icon-m.png) 0 0 no-repeat; margin-left:7px;}
.icon-3 {background:url(../images/icon-f.png) 0 0 no-repeat; margin-left:7px;}
.icon-4 {background:url(../images/icon-en.png) 0 0 no-repeat; margin-left:7px; width:44px !important;}
.icon-5 {background:url(../images/icon-hu.png) 0 0 no-repeat; margin-left:7px; width:44px !important;}
.social-icons a:hover {background-position:0 bottom;}
.contszeles{
background-color: #FAFAFA;
width: 1018px;
border: 1px solid #ECECEC;
margin-top: 5px;
}
.conttav{
text-align: left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 15px;
margin-top: 8px;
}
.balfo {
float: left;
width: 300px;
background-color: #FAFAFA;
}
.jobbfo {
padding: 0;
width: 360px;
float: left;
}
.miert1{float:left;
width:485px;}
.miert2{float:left;
width:485px;
margin-left:20px;;}
.bal1 {
float: left;
width: 320px;
background-color: #FAFAFA;
}
.jobb1 {
padding: 0;
width: 700px;
float: left;
}
/*bemuttkozás 2 oszlop*/
.bal1b{
float: left;
width: 700px;
}
.jobb1b {
width: 290px;
float: left;
}
/*szolgáltatás 2 oszlop*/
.bal1s{
float: left;
width: 440px;
}
.jobb1s {
width: 550px;
float: left;
}
.tavjobb1{
margin-left: 25px;
margin-right: 5px;
padding: 0;
}
.balar{
float: left;
width: 540px;
margin-left: 30px;
margin-top: 10px;
}
.jobbar {
width: 360px;
float: left;
margin-left: 20px;
margin-top: 10px;
}
/*kapcs*/
.balk{
float: left;
width: 400px;
margin-left: 30px;
margin-top: 10px;
}
.jobbk {
width: 500px;
float: left;
margin-left: 20px;
margin-top: 10px;
}
/*ref*/
.balr{
float: left;
width: 170px;
margin-left: 0px;
margin-top: 10px;
text-align: center;
}
.jobbr {
width: 400px;
float: left;
margin-left: 10px;
margin-top: 10px;
padding-top: 10px;
}
.jobbr3 {
width: 400px;
float: left;
margin-left: 10px;
margin-top: 10px;
padding-top: 10px;
}
.balr a img {
border: 1px solid #D6D6D6;
padding: 1px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 3px;
margin-left: 5px;
}
/* fő széles1 és táv */
.tavbemutat{
margin-left: 40px;
margin-right: 30px;
margin-top: 20px;
margin-bottom: 5px;
}
/*english 2 oszlop*/
.bale{
float: left;
width: 400px;
margin-right: 20px;
margin-left: 20px;
}
.jobbe {
width: 500px;
float: left;
}
/*gyik 2 oszlop*/
.balgy{
float: left;
width: 200px;
}
.jobbgy {
width: 780px;
float: left;
}
.udv {
color: #951419;
font-size: 32px;
letter-spacing: -1px;
margin-bottom: 10px;
font-weight: normal;
}
.cimkek {
color: #00a5ca;
font-size: 32px;
letter-spacing: -1px;
margin-bottom: 10px;
font-weight: normal;
}
.cimkis {
color: #00a5ca;
font-size: 24px;
letter-spacing: -1px;
margin-bottom: 10px;
font-weight: normal;
margin-top: 10px;
}
.cimkisp {
color: #951419;
font-size: 24px;
letter-spacing: -1px;
margin-bottom: 10px;
font-weight: normal;
}
.lelik {
color: #888888;
font-size: 18px;
letter-spacing: -1px;
margin-bottom: 10px;
font-weight: normal;
}
/* ~~ The footer styles ~~ */
.footer {
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
text-align: center;
background-color: #5b5a59;
color: #F2F2F2;
background-image: url(../images/alja.gif);
background-repeat: repeat-x;
padding-top: 30px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-top: 5px;
}
.footer a:link,.footer a:visited {
color: #f2f2f2;
text-decoration: none;
}
.footer a:hover,.footer a:focus {
color: #FFFFFF;
text-decoration: underline;
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class can be placed on a
or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.clear{
clear:both;
}
.logo{
margin: 0px;
padding: 0px;
width: 170px !important;
line-height: normal;
text-align: center;
float: left;
}
.logo a {
font-size: 11px;
color: #6F6B6A;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
line-height: normal;
font-weight: bold;
text-transform: uppercase;
}
ul.list-1, ul.list-11 {
list-style-image:none;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 5px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 5px;
}
ul.list-1 li {padding:0px 0 5px 12px; line-height:25px; background:url(../images/marker-1.gif) 0 11px no-repeat;}
ul.list-1 li a { font-size:14px; color:#292929; line-height:25px;}
ul.list-1 li a:hover {color:#01a5ca;}
ul.list-11 li {
padding:0px 0 5px 12px;
line-height:20px;
background:url(../images/marker-1.gif) 0 11px no-repeat;
}
.kek {
color: #01a5ca;
}
.sorki{
text-align: justify;
margin-bottom: 5px;
}
.tovi{
text-align: right;
float: right;
clear: both;
margin-right: 30px;
}
.search_button, .search_button2, .search_button1, .search_button4, .search_buttonfo, .search_button3 {
background:#d3d1d1;
font-size:14px;
line-height:18px;
color:#01a5ca;
display:inline-block;
margin-top: 15px;
margin-bottom: 0;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.search_buttonfo{
margin-left: 100px;
margin-right: 50px;
}
.search_button2 {
margin-left: 500px;
}
.search_button1 {
margin-right: 300px;
}
.search_button4 {margin-left: 5px; }
.search_button:hover, .search_button2:hover, .search_button4:hover, .search_button1:hover, .search_buttonfo:hover, .search_button3:hover {background:#f4f4f4; color:#333; }
.kepkis {
float: left;
margin-right: 5px;
}
.red {
color: #951419;
font-weight: bold;
}
strong {
color: #666;
}
.footer .kulcs {
text-transform: uppercase;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
.footer .elefooter {
color: #FFF;
font-weight: normal;
font-size: 24px;
text-transform: none;
padding-top: 10px;
}
.hon {
font-size: 10px;
padding-top: 15px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-align: left;
}
.radio {
margin-top: 15px;
margin-left: 50px;
}
.hr {
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #D6D6D6;
height: 5px;
width: 100%;
margin-bottom: 15px;
}
.kulcsjobb {
font-size: 12px;
font-weight: normal;
color: #999999;
text-align: right;
margin-right: 10px;
font-family: Verdana, Geneva, sans-serif;
}
.center {
text-align: center;
margin-top: 10px;
}
.beljebb {
margin-left: 20px;
margin-bottom: 5px;
}
.conttav2 {
margin-right: 30px;
margin-left: 30px;
}
.tavfent {
padding-top: 10px;
}
/*kapcsolat*/
.text {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-align: left;
width: 300px;
margin: 2px;
padding: 2px;
border: 1px solid #00A5CA;
}
.sor {
text-align: right;
width: 400px;
margin-right: 30px;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 2px;
}
.gomb {
color: #FFF;
background-color: #6F6B6A;
text-align: center;
padding: 3px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 200px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
width: 150px;
}
.film {
float: left;
width: 330px;
height: 250px;
}
a.linkkek {
color: #2E76ED;
}
a.linkkek:hover {
color: #2E76ED;
text-decoration: underline;
}
.kepker {
margin: 5px;
padding: 2px;
}
.nyelv1 {
float: left;
width: 120px;
padding-right: 3px;
padding-left: 3px;
}
.nyelv2 {
float: left;
width: 120px;
padding-right: 3px;
padding-left: 3px;
margin-left:15px;
}
.vkeknorm {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-weight: normal;
color: #00A5D2;
}
.nyelv12 {
float: left;
width: 100px;
margin-left: 30px;
}
.nyelv6 {
float: left;
width: 180px;
margin-left: 30px;
}
.kiem {
color: #333;
letter-spacing: 0.2pt;
}
.cimkis2 {
font-weight: normal;
color: #008CAA;
}
.aren {
padding-right: 20px;
padding-left: 20px;
}
.pir1 {
font-size: 16px;
font-weight: normal;
color: #951419;
}
.box1, .box2, .box3{float:left;
}
.box2, .box3{
margin-left:5px;
}
.box1{
width:185px;}
.box2{
width:170px;
text-align:center;}
.box3{
width:160px;
text-align:center;
}
.clear2{clear:both; height:1px; background-color:#D3D1D1}