/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

html,body{
height: 100%;
}

body{
margin:0;
padding:0;
font-family:"Helvetica Neue",Helvetica, Arial;
background-color: #000;
}

div#webpage{
width: 100%;
height: 100%;                                                                     
margin: 0 auto;
background: url(../images/lekapcsolva_hd.jpg) center top no-repeat;
background-size: cover;
}

div#site{
visibility: visibilty;
width: 100%;
height: 100%;                                                                     
margin: 0 auto;
background-position: center top;
background-repeat: no-repeat;
background-image: url(../images/felkapcsolva_hd.jpg);
background-size: cover;
}

div#shim{
visibility: hidden;
width: 100%;
height: 50%;                                                                     
margin-top: 0px;                                                              
float: left;
position: relative;
}

div#content {
visibility: visibilty;
width: 678px;
height: 280px;
margin: 0px 0px;
clear: both;
position: relative;
top: +140px;
float: right;
overflow: hidden;

/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
}

/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
html, body {
height: auto;
}
/* end hack */
/* ]]> */

#clickme {
    border: none;
    color: #ffe400;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    background-color: Transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 172px;
}

.logo_box{
width: 296px;
float: left;
border-right: 1px solid #ffe061;
height: 280px;
position: relative;
}

h1{
padding: 24px 12px 12px 12px;
position: absolute;
right: 0;
text-align:right;
top: 0%;
float: left;
color: #9f0000;
letter-spacing: -1px;
font-size: 32px;
}

h1 cufon{
margin-bottom: -4px;
}

h3{
font-size: 20px;
color: #9f0000;
float: left;
margin-right: 15px;
padding-top: 5px;
}

a:link {
  font-family: Futura;
  text-decoration: none;
  color: #111;
  font-size: 14px;
  line-height: 26px;
  font-style: italic;
}

a:hover {
  font-family: Futura;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  font-style: italic;
}

.main_box{
float: right;
width: 320px;
height: 95px;
padding: 24px;
}

form{
width: 590px;
padding: 10px 0;
float: left;
background: url(../images/dots.gif) right top repeat-y;
height: 80px;
}

h2{
font-family: Futura;
color: #9f0000;
font-size: 20px;
margin-bottom: 20px;
}

h2 span{
color: #000;
font-size: 14px;
line-height: 26px;
font-style: italic;
}

ul.info{
width: 500px;
padding: 0;
margin: 6px 0 0 0;
float: left;
}

ul.info li{
margin-bottom: 12px;
clear: both;
float: left;
}

ul.info li p{
font-size: 13px;
line-height: 20px;
color: #000;
float: left;
margin: 0;
}

ul.info li p.social a.pi{
width: 97px;
height: 28px;
float: left;
}

ul.info li p.social a.et{
width: 28px;
height: 28px;
background: url(../images/social.png) left top no-repeat;
margin-right: 8px;
margin-top: 6px;
float: left;
}

ul.info li p.social a.rs{
width: 28px;
height: 28px;
background: url(../images/social.png) -36px top no-repeat;
float: left;
margin-right: 8px;
margin-top: 6px;
}

ul.info li p.social a.yo{
width: 28px;
height: 28px;
background: url(../images/social.png) -72px top no-repeat;
float: left;
margin-top: 6px;
}

ul.info li p.social a.et:hover{
width: 28px;
height: 28px;
background: url(../images/social.png) left bottom no-repeat;
float: left;
}

ul.info li p.social a.rs:hover{
width: 28px;
height: 28px;
background: url(../images/social.png) -36px bottom no-repeat;
float: left;
}

ul.info li p.social a.yo:hover{
width: 28px;
height: 28px;
background: url(../images/social.png) -72px bottom no-repeat;
float: left;
}

.field{
float: left;
background: url(../images/input.png) left top no-repeat;
width: 425px;
height: 21px;
font-size: 14px;
color: #666;
padding: 10px;
border: none;
}

.submit_butt{
float: left;
background: url(../images/input.png) right top no-repeat;
width: 109px;
height: 41px;
border: none;
cursor: pointer;
}

.submit_butt:hover{
background: url(../images/input.png) right bottom no-repeat;
}

.connect{
width: 145px;
padding-left: 20px;
float: left;
padding-top: 20px;
}

.connect img{
margin-right: 5px;
}