/* CSS Document */

body{
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    margin-left: 12%;
    margin-right: 12%;
    background-color: rgb(220,220,220);
    font: normal normal normal 10pt 'Century Gothic', 'Apple Gothic', sans-serif;
    }

    /*Alap szerkezet kialakítása*/
div.fooldal{
           width: auto;
           height: 680x;
           background-color: white;
           border: thin solid rgb(188,143,143);
           }
div#banner{
           width: auto;
           height: 200px;
           border: thin solid black;
           background-image: url(images/cond_banner.jpg);
          }
img#kozep_banner{
width: 150px;
height: 246px;
position: relative;
top: 15px;
left: -265px;
border: 4px solid white;
                }          
div#menu {
          float: left;
          width: 15%;
          height: 75%;
          padding-left: 10px;         
         }
div#tartalom {
          clear: right;
          float: right;
          width: 83%;
          height: 75%;
          border: thin solid rgb(220,220,220);            
          }
h1{
margin-top: 21px;
margin-left: 5px;
margin-right: 5px;
color: navy;
padding: 5px;
background-color: rgb(244,164,96);  
  }


                         
div#labresz{ 
           clear: both;
           width: auto;
           height: 4.2%;
           border-top: thin solid rgb(188,143,143);
           font-weight: bold;
           font-size: 9pt;
           color: rgb(25,25,112);
           background-color: white;
            /*background-image: url(images/lablec_hatter.jpg);*/        
           }          

/* Szövegt stílusok */

p{
           text-indent: .5em;
           margin-left: 10%;
           margin-right: 5%;
           padding: 0;
           padding-top: 20px;
           text-align: left;
           color: black;
 }
 
 p:first-letter {
 font-size:150%;
 font-weight: bold;
 color: sandybrown;           
              }
 
/* menu */

ul#fomenu{
          list-style-image:url('images/house.gif');    
          display: block;
          text-align: left;
          margin-top: 80px;
          font-size: 12pt;  
         }
        
a#fomenu_alap{
text-decoration: none;
cursor: hand;
             }

a:link#fomenu_alap{
color: navy;
}

a:visited#fomenu_alap{
color: navy;
}

a:hover#fomenu_alap{
color: orange;
}

a:active#fomenu_alap{
color: orange;
}

img#thaz_kep{
float: left;
width: 191px;
height: 163px;
padding: 10px;
            }

img#thaz_kep2{
float: left;
width: 228px;
height: 168px;
padding: 10px;
padding-top: 10px;
padding-right: 40px;
}
            
div#lista{
clear: both;
position: relative;
top: 10px;
left: 50px;

  }

ul#kapcs_lista{
padding-top: 15px;
font-size: 12pt;
text-align: left;
list-style-type:square;
color: sandybrown; 
  } 
  
span#lista_szoveg{
color: black;
                 }
img#urlapkep{
width: 120px;
height: 225px;
float: left;
padding-bottom: 225px;
padding-left: 20px;         
         }
         
div#urlap{
margin-top: 65px;
font-size: 12pt;
text-align: left;
width: 95%;
margin-left: -45px;    
         }

span#kategoria{              
color: navy;
font-weight: bold;
border: 0;
padding: 0;
margin: 0;
margin-right: 10px;
float: left;
}                   

div#urlapgomb{

text-align: center;             
             }
             
input{
border-top: 2px solid orange;
border-left: 2px solid orange;
border-right: 1px solid light-blue;
border-bottom: 1px solid light-blue;
     }    

h3#referencia{
width: 500px;
 text-align: left;
 text-decoration: underline;
 padding-left: 5px;
 color: rgb(244,164,96);
 margin-left: 240px;
             }

ul#referencia_lista {
color: navy;
font-size: 8pt\9;                    
                    }

div#ugras_infre{
padding: 10px;
background-color:#CCFFCC;
float: left;
clear: right;
margin-right: 10px;
margin-bottom: 10px;               
}

img#kep_ref{
float: left;
width: 250px;
height: 164px;
padding: 10px;
padding-top: 0px;
padding-right: 20px;           
           } 

h3#thazak_lista{
color: rgb(244,164,96);
padding-left: 40px;
letter-spacing: 5px;
}

div#info_tartalom{
           margin-left: 10%;
           margin-right: 5%;
           padding: 0;
           padding-top: 20px;                 
                 }

div#javitas{
border: thin solid rgb(220,220,220);
clear: left;
background-color: white;
text-align: center;
margin: 5px;
margin-left: 18px;
float: left;
width: 300px;
height: 192.5px;           
           }

div#weblap{
border: thin solid rgb(220,220,220);
background-color:white;
margin: 5px;
margin-left: 5px;
float: left;
width: 300px;
height: 192.5px;           
           }

div#hasznalt{
border: thin solid rgb(220,220,220);
background-color:white;
margin: 5px;
margin-left: 18px;
clear: left;
float: left;
width: 300px;
height: 192.5px;           
           }

div#szoftver{
border: thin solid rgb(220,220,220);
background-color:white;
margin: 5px;
margin-left: 5px;
float: left;
width: 300px;
height: 192.5px;           
           }

h4{
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background-color: #f4a460;
color: #000080;
width: 100%;
     }

img#inf_logo{
width: 60px;
height: 60px;
margin-top: 5px;
margin-left: 5px;
float: left;        
        }

div#hird1{
float: right;
margin-right: 20px;
border: 1px dotted orange;
margin-top: 5px;
padding: 10px;         
         }

img#hird1_kep{
float: right;
width: 50px;
height: 58px;
             }

div#javitas1{
text-align: left;
text-indent: 72px;
float: right;
margin-right: 2px;
/*border: 1px dotted orange;*/
margin-top: -60px;
         
         }

div#web2{
float: right;
margin-right: 30px;
text-align: left;
        
        } 

img#web2kep{
float: left;
width: 90px;
height: 80px;
margin-left: -77px;
margin-top: -103px;           
           }

fieldset{
margin: 0;
padding: 0;
margin-left: 10%;
margin-right: 10%;
text-align: center;
width: 80%;
height: 150px;
        }

div#ref_lista_szov{
clear: right;
float: left;
padding-right: 5px;
}

div#ref_lista_thaz{
clear: right;
float: left;
border-left: 1px dotted rgb(255,153,51);
border-right: 1px dotted rgb(255,153,51);
}