﻿
body {
background-color : #CCC;
background-image:url('img/epito_ipar_2.png');
text-align : center;
font-family : Arial;
margin : 1px;
color : #FF4200;
}
body a{
	color:#910;
}
#container {
background : #FFF;
width : 1100px;
margin : 0 auto;
}
#header {
background-image : url('img/fejlec_epitoipar.png');
color : #FFF;
text-align : left;
text-indent : 200px;
font-size : 50px;
height : 300px;
margin : 0 auto;
}
#content {
background-color : #FFF;
float : right;
}
#content h2 {
box-shadow : 10px 10px 5px grey;
background-image : url(img/tartalom4.png);
position : relative;
color : white;
text-indent : 10px;
margin : 0px 0px 40px 0px;
padding:4px;
}
#content p {
font-size : 16px;
color : #FF4200;
line-height : 150%;
margin : 20px;
}
.rightpic {
margin : 5px 0 5px 20px;
float : right;
}
.leftpic {
margin : 5px 20px 5px 0;
float : left;
}
.news {
width : 850px;
text-align : justify;
margin : 10px 10px 30px 0;
color : #FF4200;
}
.sidebar {
width : 200px;
text-align : center;
margin-top : 1px;
float : left;
}
.menupont {
background-image : url(img/menu_gomb.png);
margin-bottom : 1px;
padding : 10px;
}
#cssmenu > ul {
list-style : none;
margin : 0;
padding : 0;
vertical-align : baseline;
line-height : 1;
}
#cssmenu > ul {
display : block;
position : relative;
width : 200px;
}
#cssmenu > ul li {
display : block;
position : relative;
margin : 0;
padding : 0;
font-size:25px;
font-family: "Arial, Helvetica, sans-serif;
}
#cssmenu > ul li a {
display : block;
position : relative;
margin : 0;
padding : 11px 20px;
line-height : 1.5;
font-family : Helvetica, Arial, sans-serif;
color : #00a300;
text-decoration : none;
text-transform : uppercase;
font-size : 13px;
font-weight : 300;
background : #fff;
}
#cssmenu > ul li > a:hover, #cssmenu > ul li:hover > a {
color : #fff;
text-shadow : 0 0 0 rgba(0, 0, 0, 0);
background : #00a300;
border-color : transparent;
}
#cssmenu > ul .has-sub > a::after {
content : '';
position : absolute;
top : 16px;
right : 100px;
width : 0;
height : 0;
border : transparent solid 4px;
border-left : 4px solid #3dafea;
}
#cssmenu > ul .has-sub > a::before {
content : '';
position : absolute;
top : 17px;
right : 10px;
width : 0;
height : 0;
border : transparent solid 4px;
border-left : 4px solid #fff;
}
#cssmenu > ul li > a:hover::after, #cssmenu > ul li:hover > a::after {
border-left : 4px solid #ffffff;
}
#cssmenu > ul li > a:hover::before, #cssmenu > ul li:hover > a::before {
border-left : 4px solid #ffffff;
}
#cssmenu > ul ul {
position : absolute;
left : 150px;
width : 150px;
top : -9999px;
padding-left : 5px;
opacity : 0;
}
#cssmenu > ul ul ul {
left : 150px;
}
#cssmenu > ul li:hover > ul {
top : 0;
opacity : 1;
}
.gkl {
background-image : url(img/kek_200x100.png);
width : 200px;
height : 90px;
margin-bottom : 1px;
padding : 0;
margin : 200px 0 0 0;
}
a:link, visited, active {
color : #FFF;
text-decoration : none;
}
a:hover {
color : #FFF;
}
#footer {
background-image : url(img/footer.png);
color : #C60;
height : 100px;
font-size : 11px;
text-align : center;
clear : both;
}
#footer a{
	color:#910;
}
