body{
 background-image: url("grafikus_elemek/header/tegla.jpg");
 background-attachment: fixed;
 font-family:Calibri;
width:100vw;
 }
 
 
 /*Ablak felosztása*/
 
 #content{
width: 1200px;
margin: 0px auto;
padding: 0px;
background-color:#FFF6F6;
min-height:1400px;

height:100%;
border-collapse:collapse;
display : table;
 }
 
 #top{
 height:238px;
 width:100%;
 margin:0px;
 font-family:Tahoma;
 }
#menubar{
 width:170px;
 float:left;
 }
 #maindiv{
  margin-left:170px;
  padding:20px;
 }
 #footer{
	width:100%; 
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #A7684D;
	text-align:center;
	
    display : table-row;
    vertical-align : bottom;
    height : 20px;
 }
  
  
  /*Teljes oldalra vonatkozó formázások*/
  
  a,a:visited,a:hover,a:active,a:link{
  color:#821A1A;
  text-decoration:none;
   font-style:italic;
  }
  
  table.borderless, .boderless tr,.boderless td{
	  border:0px;
	  
  }
 table.borderless tr{
	  border:0px;
	  
  } 
  table.borderless tr td{
	  border:0px;
	  
  } 
  
 /*Menü formázása*/
 
ul#menu{
 padding:0px;

 }
 
 ul#menu li{
 list-style-type:none;
 margin:3px auto;
 width:141px;
 position:relative;
 }
 
 ul#menu li a {
    background-color: #A7684D;
    color: white;
    padding: 5px 5px;
    text-decoration: none;
	width: 140px;
	max-width: 141px;
    border-radius: 4px 4px 4px 4px;
	display:block;
	font-style:normal;
}

ul#menu li a:hover {
    background-color: #F32E2E;
	color:white;
}

ul#menu li#e-naplo a{
	background-color: rgb(68, 82, 97);
    color: white;
    padding: 5px 5px;
    text-decoration: none;
	Font-variant:small-caps;
	width: 140px;
	max-width: 141px;
    border-radius: 4px 4px 4px 4px;
	display:block;
	font-style:normal;
	
}
ul#menu li#e-naplo a:hover {
    background-color: rgb(48, 168, 203);
	color:white;
}

ul#menu li#ugyint a{
	background-color: rgb(68, 82, 97);
    color: white;
    padding: 5px 5px;
    text-decoration: none;
	width: 140px;
	max-width: 141px;
    border-radius: 4px 4px 4px 4px;
	display:block;
	font-style:normal;
	
}
ul#menu li#ugyint a:hover {
    background-color: rgb(48, 168, 203);
	color:white;
}

ul#menu ul{
top:0px;
left:150px;
margin:0px;
padding:0px;
}

ul.submenu li{
margin:0px;
padding:0px;
}

.submenu, .submenu2{
  max-width: 141px;
  display: none;
  visibility:hidden;
  opacity:0;
  position:absolute;
}


ul#menu li:hover ul {
    visibility:visible;
	display:block;
	opacity:1;
	margin:0px;
	z-index:1;
}
ul#menu li:hover ul li ul {
    visibility:hidden;
}
ul#menu li:hover ul li:hover ul {
    visibility:visible;
	display:block;
	opacity:1;
	margin:0px;
	z-index:1;
}


/*Header formázása*/

 img.header{
 width:100%;
 max-height:170px;
 margin:0px;
 padding:0px;
 display:block;
 }
 
 td.focim{
 text-align:center;
 vertical-align: middle;
 font-size:2em;
 font-weight:bold;
 margin:0px;
 padding:2px;
 background-color:#FFF6F6;
 border:0px;
height:64px;
 color:black;
 }
 td.focim-logo{
 width:110px;
 height:64px;
 border:0px;
 background-color:#FFF6F6;
 padding:2px;
 }
 
 p.left{
 text-align:left;
 }
 p.right{
 text-align:right;
 }
 p.center{
 text-align:center;
 }
 p.justify{
 text-align:justify;
 }
 
 h1{
 font-size:3em;
 text-align:center;
 }
 
 h2{
 font-size:2em;
 text-align:center;
 }
 
 h3{
 font-size:1.5em;
 text-align:center;
 }
 h4{
 font-size:1.3em;
 text-align:left;
 margin-bottom:5px;
}
 h1.oldalcim{
 font-size:2em;
 text-align:left;
 text-transform: uppercase;
 margin:0px;
 margin-bottom:10px;
 border-bottom-style:double;
 color:black;
 }
 
 div.gomb{
 background-color: #C5643B;
color: #FFF;
padding: 20px;
width: 30%;
margin: 10px auto;
border:5px;
border-color:lightgrey;
border-radius: 4px 4px 4px 4px;
text-align:center;
vertical-align:middle;
 }

 a.gombhivatkozas{
cursor: pointer;
text-decoration: none;
font-style: italic;
font-size:1.2em;
 color:white;
}

table,tr,td,th{
border: 1px solid black;
vertical-align: middle;
}
th{
background-color: #C5643B;
color: white;
vertical-align: middle;
text-align:center;
font-weight:bold;
}
td,th{
padding:10px;
}
table{
margin:auto;
border-collapse: collapse;
}

/*Hírek formázása*/

div.teljescikk{
background-color: #C5643B;
color: #FFF;
text-align: center;
vertical-align: middle;
position:absolute;
right:0px;
bottom:0px;
width: 80px;
border: 5px none #D3D3D3;
margin: 5px 5px;
border-radius: 10px;
padding: 10px;
 }

 a.cikkgomb{
cursor: pointer;
text-decoration: none;
font-style: italic;
font-size:1em;
 color:white;
}

table.hirek,  table.hirek tr{
 border:none;
 border-collapse:separate;
 }
 
table.hirek{
  width:100%;
  background-color:#C9BABA;
  border-spacing:10px;
  border-radius:8px;
  }
  
table.hirek td{
   width:50%;
   height:200px;
   max-height:200px;
   border: none;
   border-spacing: 20px;
   padding:10px;
   vertical-align:top;
   background-color:#FFF6F6;
   border-radius:8px;
   }
   
table.hirek tr{
   height:200px;
   max-height:200px;
   font-size:0.8em;
   }
   
img.hirlogo{
max-height:121px;
float:left;
max-width:100%;
}

h3.hirekcim{
font-size:1.8em;
margin:none;
padding:5px;
margin:2px;
}

div.hirekdivbal{
float:left;
width:30%;
} 

div.hirekdivjobb{
float:right;
width:68%;
} 

div.hirekdivjobb p{
margin:0px;
text-align:justify;
}

div.hireknav{
width:100%;
text-align:right;
vertical-align:bottom;
}

div.minigomb{
display:inline-table;
border:1px solid black;
width:10px;
padding: 5px;
margin: 3px;
}


/*
Hírek táblázat formázása
*/

table.cikk, table.cikk tr{
border: 0px;
}
table.cikk td:first-child{
width: 30%;
border: 0px;
text-align: center;
}
table.cikk td:last-child{
width: 70%;
text-align: justify;
vertical-align: top;
border: 0px;
}


/*Általános betűformázások*/

span.b{
font-weight:bold;
}
span.i{
font-style:italic;
}
span.ul{
text-decoration:underline;
}
.borderless{
	border:0px;
}

/*Galéria formázása*/

div.galeria-osztott{
width: 45%;
display: inline-block;
vertical-align: top;
text-align:center;
}


table.galeria-kulso-tablazat{
border:0px;
text-align:left;
}
table.galeria{
width:250px;
display:inline-block;
text-align:center;
vertical-align:middle;
}
td.galeria-kep{
height: 50px;
width:100px;
padding:0px;
vertical-align:middle;
}
.galeria-kep img{
vertical-align:middle;
max-width:90px;
}
td.galeria-link{
text-align:left;
vertical-align: middle;
height: 50px;
width:150px;
}

/*Érettségi bejegyzések*/
table.erettsegi, table.erettsegi tr, table.erettsegi tr td{
text-align: left;
vertical-align: middle;
}
table.erettsegi td:first-child{
width:60%;
}
table.erettsegi td:last-child{
width:40%;
}

/*Táblázatok*/

table.atlagok, table.atlagok tr, table.atlagok tr th, table.atlagok tr td{
	text-align: center;
	vertical-align: middle;
	padding:2px;

}
table.atlagok tr th{
	font-size:0.6em;
}