html {height: 100%; margin:0px; padding:0px;}
body {height: 100%; margin:0px; padding:0px;font-size:22px;}
@font-face { font-family:GenBasB; src:url('font/GenBasB.ttf')}

h1{font-size:38px;}
p{margin:2em 0 0 0;}

#header     {width:900px;margin:0px auto; background-color:green;height:40px;}
#navigation {top:0px;right:0px;height:40px;width:100%;}

#tartalom2,#tartalom3,#tartalom5{
    background: #EEE;/**ffcc00**/ padding: 0px; margin:0px; width: 100%; min-height: 100%;}

/**#tartalom1{background: fixed 0 0 no-repeat;                                 background-size:cover;}**/
#tartalom1{height:100%;}
#tartalom2{background:url('design/bg_3.jpg') 0 0 no-repeat;     color:#EEEEEE; background-size:cover; text-shadow:0 1px 0 black;}
#tartalom3{background:url('design/bg_2.png') 0 0 no-repeat;      color:#666666; background-size:cover; text-shadow:0 1px 0 white;}
/**#tartalom4{background:url('design/bg_3.jpg') 0 0 no-repeat;     color:#EEEEEE;   min-height:600px;  background-size:cover; text-shadow:0 1px 0 black;}**/
#tartalom4{background-color:#171717;     color:#EEEEEE;    background-size:cover; text-shadow:0 1px 0 black;}
/**#tartalom5{background:url('design/main_proba8.jpg') fixed 0 0 no-repeat; background-size:cover;}**/
#tartalom5{background:url('design/main/3.jpg') fixed 0 0 no-repeat; background-size:cover;}

#tartalom1b h1,#tartalom2b h1,#tartalom3b h1,#tartalom4b h1,#tartalom5b h1{
    text-align: center; line-height:120%;}
    
#tartalom2b,#tartalom3b,#tartalom4b,#tartalom5b{
    text-align:left; margin:0px auto; max-width:900px; padding:20px; font-family:GenBasB; line-height:160%;}



#tartalom1b {max-width:900px;height:100%;margin:0px auto;padding:350px 10px;position: relative;text-align:center;}

#tartalom1b h1      {width:660px;text-align:center;margin:0px auto 0px auto; color:white;font-size:56px; font-family:GenBasB;border-top:4px solid #FFFFFF;border-bottom:4px solid #FFFFFF;/**text-shadow:0px 0px 5px black;**/
                    font-weight: 900;letter-spacing: 2px;padding: 5px;text-transform: uppercase;line-height: 120%; display: block;position: relative;}


#tartalom1b h1 img {clear:both;height:60px;margin:0px 5px -15px 0px;}
#tartalom1b a       {text-decoration:none;}

#down       {position:absolute; bottom:0px; left:50%; border:0px solid white; width:50px; margin-left: -25px;line-height:100%; height:23px;}
#down a     {color:white;}




#tartalom2b         {text-align:justify;}
#tartalom2b h1      { margin-top:40px; color:#76C5F0;}            
#tartalom2b .fixed  {position: fixed;top: 150px; left: 40px; width: 200px; z-index:20;}





#tartalom3b h1{ margin-top:40px; color:#76C5F0;/**border-bottom:1px solid #D5D5D5**/}
#tartalom3b h2{text-transform:uppercase;margin:0px 0px 20px 0px;letter-spacing:1px; font-size:22px; text-align:left;line-height:40px;}
#tartalom3b h3{text-transform:uppercase;margin:30px 0px 5px 0px;letter-spacing:1px; font-size:20px; text-align:left;}

#tartalom3b h2 span {background: none repeat scroll 0 0 #76C5F0;
                    border-radius: 20px; font-size:24px;
                    color: #FFFAF7;
                    display: inline-block;
                    font-weight: normal;
                    height: 40px;
                    line-height: 40px;
                    margin: 0 15px 0 0;
                    text-align: center;
                    width: 40px;}
#tartalom3b h2 .ananda_szam{background: none repeat scroll 0 0 #EA8914;
                    border-radius: 20px; font-size:24px;
                    color: #FFFAF7;
                    display: inline-block;
                    font-weight: normal;
                    height: 40px;
                    line-height: 40px;
                    margin: 0 15px 0 0;
                    text-align: center;
                    width: 40px;} 
                    
#tartalom3b ul      {list-style: none outside none;margin:0px; padding:0px;}
#tartalom3b li      {margin:20px 0px 20px 0px;padding:40px 0px 30px 0px;border-top:1px solid #D5D5D5;clear:both; font-size:20px;}
    
        #a_oldal    {float:left;display:block;width:50%;margin:0px;font-weight:normal;}

        
        #b_oldal_alfa,#b_oldal_ipari_gep_berendezes,#b_oldal_villanyszereles
             { float:right;display:block;width:48%;margin:60px 0px 0px 0px ; border:0px solid #E6E6E9;}
        #c_oldal    {float:left;display:block;width:100%;margin:0px;font-weight:normal;}
        
        .b_oldal_kek_bg
            {background-color:#76C5F0;opacity:0.9;padding:8px;line-height:100%;}
        
        /**#b_oldal_alfa                   {background:url(design/alfa.jpg); color:white;}**/
        #b_oldal_alfa_term              {width:100%;float:right;margin: 0px; text-align:left;padding-bottom:10px;}
        #b_oldal_alfa_term img          {margin-right:9px;height: 50px;}

#tartalom3b img.ananda  {-webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        -webkit-box-shadow: 0 1px 5px 0 #4A4A4A;
                        -moz-box-shadow: 0 1px 5px 0 #4A4A4A;
                        box-shadow: 0 1px 5px 0 #4A4A4A;
                        }

/**#171717**/
.tartalom4-1{box-shadow: 0 20px 15px -20px #4A4A69 inset;background:url('design/vishvakarman_logo.jpg');background-position:fixed;background-size:cover;background-attachment:fixed; color:white;}
.tartalom4-2{box-shadow: 0 20px 15px -20px #4A4A69 inset;background:url('design/bg_3.jpg');background-size:cover;}

#tartalom4b {padding:40px 0px 40px 0px;}    
#tartalom4b h1{margin:20px 0px 20px 0px; color:#76C5F0;}

#tartalom4b .a{width:50%;float:left;text-align:center;}
#tartalom4b ul{list-style-type:none;text-align:center;}
#tartalom4b li{margin-top :10px;}

#tartalom4b .list1-3{float:left; width:32%; margin:0px;padding:10px 6px 20px 4px; border-top:0px solid #D5D5D5;}
#tartalom4b .list2-3{float:left; width:31%; margin:0px;padding:10px 6px 20px 4px; border-top:0px solid #D5D5D5;}
#tartalom4b .list3-3{float:left; width:30%; margin:0px;padding:10px 6px 20px 4px; border-top:0px solid #D5D5D5;}

#tartalom4b .list1-2{float:left; width:47%; margin:0px;padding:20px 6px 20px 4px; }
#tartalom4b .list2-2{float:left; width:47%; margin:0px;padding:20px 6px 20px 4px; }

#tartalom4b2{background-color:rgba(0, 0, 0, 0.7); color:white; padding:20px 0px 20px 0px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

#partnerek{}

#referenciak{border-top:1px solid #D5D5D5;}




#tartalom5          {-webkit-box-shadow: 0 20px 15px -20px #4A4A69 inset;
                    -moz-box-shadow: 0 20px 15px -20px #4A4A69 inset;
                    box-shadow: 0 20px 15px -20px #4A4A69 inset;}
#tartalom5b         {max-width:750px; margin:0px auto;}
#tartalom5b h1      { margin-top:40px; color:#76C5F0;}            
#tartalom5b label   {float:left;line-height: 28px; margin: 0; padding: 0; width: 80px; display:block;}
#tartalom5b textarea{width:400px; height:200px; background-color:#F2F2F2; padding:5px; border:1px solid #EFEFEF;
                     -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
                     -webkit-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.5) inset;
                     -moz-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.5) inset;
                     box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.5) inset;}
                
#tartalom5b textarea:hover, #tartalom5b textarea:focus{border:1px solid black;background-color:white;}

    .reset          {width:80px!important; height:40px; background:#F2F2F2; margin:0px 0px 0px 0px ; padding:4px;
                                border:solid 1px #171717; color:#666666; position:absolute; bottom:12px; left:21px;
                                -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;cursor:pointer;
                                 transition:all 300ms ease 0s; font-size:16px;font-weight:bold; letter-spacing: 0.05em;}

    .ujemail        {background:#F2F2F2; margin:5px -3px 0px 0px ; padding:0px 10px; line-height:150%;
                     text-decoration:none;float:right; text-align:center;
                                border:solid 1px #171717; color:#666666; position:relative;
                                -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;cursor:pointer;
                                 transition:all 300ms ease 0s; font-size:16px;font-weight:bold; letter-spacing: 0.05em;}
           
    .ujemail:hover{background-color:#76C5F0; color:black;}    
                           
    .uj_uzenet      {height:150px!important;}
        
    .reset:hover    {background-color:#76C5F0; color:black ;font-weight: 600; transition:all 300ms ease 0s; }
                    
    .kuldes         {width:80px!important; height:40px; background:#F2F2F2; margin:0px 0px 0px 0px ; padding:4px;
                                border:solid 1px #171717; color:#666666; position:absolute; bottom:12px; left:120px;
                                -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;cursor:pointer;
                                 transition:all 300ms ease 0s; font-size:16px;font-weight:bold; letter-spacing: 0.05em;}
                
    .kuldes:hover   {background-color:#76C5F0; color:black ;font-weight: 600; transition:all 300ms ease 0s; }
    
    .kuldes_message {width: 400px ;  margin:0px;padding:10px 10px 0px 10px ; color:#76C5F0; font-size:20px;}
    

.section-5_a        {background-color: white;color:#666666;float:left; margin:40px 0px 0px 0px; padding:10px 0px 0px 0px; border:0px solid black; line-height:180%;
                    width:290px; height:410px;text-align:center;
                    -moz-border-radius-topleft: 3px;
                    -moz-border-radius-topright:0px;
                    -moz-border-radius-bottomleft:3px;
                    -moz-border-radius-bottomright:0px;
                    -webkit-border-top-left-radius:3px;
                    -webkit-border-top-right-radius:0px;
                    -webkit-border-bottom-left-radius:3px;
                    -webkit-border-bottom-right-radius:0px;
                    border-top-left-radius:3px;
                    border-top-right-radius:0px;
                    border-bottom-left-radius:3px;
                    border-bottom-right-radius:0px;}

#nevjegy        {padding-top:20px;}
#nevjegy a      {text-decoration:none; color:white;}
#nevjegy a:hover{text-decoration:underline;}
#nevjegy img    {width:120px; margin-top:42px;padding:2px;}

#tel a          {color:#666666;}
    
.section-5_b    {background-color: rgba(0, 0, 0, 0.6);color:white;width:434px; min-height: 30px; min-width:300px; float:left; margin:40px 0px 0px 0px; padding:10px 0px 0px 20px; border:0px solid #E6E6E9; position:relative;
                height:410px;
                -moz-border-radius-topleft: 0px;
                -moz-border-radius-topright:3px;
                -moz-border-radius-bottomleft:0px;
                -moz-border-radius-bottomright:3px;
                -webkit-border-top-left-radius:0px;
                -webkit-border-top-right-radius:3px;
                -webkit-border-bottom-left-radius:0px;
                -webkit-border-bottom-right-radius:3px;
                border-top-left-radius:0px;
                border-top-right-radius:3px;
                border-bottom-left-radius:0px;
                border-bottom-right-radius:3px;}
.section-5_b p  {margin-top:10px;float: left;}
                
.bevitel        {width:400px; height:20px; padding:5px; float:left; background-color:#F2F2F2; border:1px solid #EFEFEF;
                                -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
                                -webkit-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.5) inset;
                                -moz-box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.5) inset;
                                box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.5) inset;}
                
                
.bevitel:hover,.bevitel:focus{border:1px solid black;background-color:white;}