/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face{font-family:'FontAwesome';src:url('./fonts/fontawesome-webfont.eot?v=4.1.0');src:url('./fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('./fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('./fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('./fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;
}
body { 
	width: 900px;
	margin : 5px auto; 
	text-align : center;
	background-image : url(https://szerelo-villany.com/image/viz.jpg); 
	background-attachment : fixed; 
} 
#header { 
	width : 100%;
	padding: 15px 0 15px 0;
	text-align : center;  
	background : #345983;  
	font-size : 16px; 
	color : #000000; 
	font-family : Helvetica, Arial, sans-serif; 
	font-weight : bold; 
} 
	.heading { 
		margin-left:30px;
		font-family : Georgia, serif; 
		font-style: italic;
		font-size:50px;
		color:#ffffff;
		font-weight:bold;
		float:left;
	}
	.cim { 
		margin-top:10px;
		font-family : Georgia, serif; 
		font-style: italic;
		font-size:30px;
		color:#ffffff;
		font-weight:bold;
		float:left;
}
#content { 
	text-align : left;  
	width : 100%; 
	background : #ffffff; 
}
#header {
	height:80px;
}
#left {
	width:23%;
	float:left;
}
#right {
	width:20%;
	float:right;
}
#footer { 
	height : 40px; 
}
#footer-nav {
	display:none;
}
#sidebar { 
width : 25%; 
float : right;
margin-right:5px; 
} 

 
a:link { color:#005700; text-decoration: none; font-family:Helvetica,Arial,sans-serif; font-weight: bold; }
a:visited { color:#005700; text-decoration: none; font-family: Helvetica,Arial,sans-serif; text-decoration:none; font-weight: bold; font-size: 16px; } 
a:hover { color:#ff0000; text-decoration: none; font-family: Helvetica,Arial,sans-serif; text-decoration:none; font-weight: bold; font-size: 16px; } 
a:active { color:#ff0000; text-decoration: none; font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size: 16px; }
form {width:80%;margin:0 auto;}

#col_1 { 
	width:70%;
	padding-left:15px; 
	float : left; 
	font-family : Helvetica, Arial, sans-serif; 
	font-size : 16px; 
	word-wrap: break-word;
} 
.menu a {
text-decoration : none; 
background-color : #345983; 
display : block; 
padding : 5px;  
border : 1px solid #003300; 
text-align : center; 

	font-family : Helvetica, Arial, sans-serif; 
font-size : 14px; color : #ffffff; font-weight: bold; 
} 
.menu a:hover  {
text-decoration : none;
background-color : #e5e5e5; 
display : block; 
padding : 5px; 
border : 1px solid #000052; 
text-align : center; 
font-size : 14px; color : #ff0000; 
}
.menu a:active { 
text-decoration : none; 
background-color : #e5e5e5; 
display : block; 
padding : 5px; 
border : 1px solid #000052; 
text-align : center; 
font-size : 14px; color : #ff0000; 
}
.menu center { 
display : block; 
padding:5px;
background : #ffffff; 
border : 1px solid #000052; 
font-family : Helvetica, Arial, sans-serif; 
font-size : 16px; color : #ff0000; font-weight : bold; 
} 
.box {
	margin-bottom:10px;
	border:1px solid;
	box-shadow:5px 5px 5px #808080;
	padding:10px;
font-family : Helvetica, Arial, sans-serif;
}
.bck_none {
	background:none;
}
.bold {
	font-weight:bold;
}
.centers {
	text-align:center;
}
.rightbox {
	width:48%;
	float:right;
}
.centerbox {
	width:60%;
	margin:0 auto;
}
.leftbox {
	width:48%;
	float:left;
	text-align:right;
}
.clear {
	clear:both;
	margin:0;
}
#footer { 
clear : both; 
background : #345983; 
padding: 5px 0 5px 0; 
width : 100%;  
text-align : center; 
font-weight : bold; 
font-size : 12px; 
color : #ffffff; 
font-family : Helvetica, Arial, sans-serif;
}
#footer a { 
font-size: 12px; color: #ffffff;
} 
#footer a:hover { 
font-size: 12px; color: #ff0000;
} 
h1, h2, h3, h4, h5, h6 { 
padding:3px;
margin:0 0 5px 0;
font-size : 22px; 
color : #345983; 
font-family : Helvetica, Arial, sans-serif;  
}  
h1 { 
text-align : center; 
font-size : 30px; 
color : #ff0000; 
}



.center {
	text-align : center;
	font-weight : bold;
	}
.center1 {
	text-align : center;
	}
.left {
	text-align : left;
	}

/*--MObil style----*/
@media screen and (max-width: 768px) {
	body { 
	width: 100%; 
	text-align : center;
	background: none;
	} 
	.heading { 
		font-size:2.2em;
		margin-top:0;
		width:100%;
	}
	.cim { 
		font-size:1.4em;
		margin-top:0;
		width:100%;
}
	#header {
		height:100px;
	}
	#left, #right {
		display:none;
	}
	.rightbox {
		float:left;
		width:100%;
	}
	.centerbox {
		width:100%;
	}
	.showmenu {
		display:block;
	}
	#menu {
		display:none;
	}
	#sidebar{
		width:100%;
		min-height:560px;
		float:none;
		margin:0;
		padding-bottom:60px;
	}
	.menu {
		display:block;
	}
	#col_1 {
		float:none;
		width:95%;
		padding:5px; 
	}
	#footer { 
		display:none; 
	}
	#footer-nav {
		display:block;
		position:fixed;
		left:0px;
		bottom:0px;
		height:60px;
		width:100%;
		background:#999;
	}
	.ftr-nav, .ftr-nav:hover {
		width:33%;
		display:block;
		border-left:1px solid;
		border-color:black;
		float:left;
		padding-top:5px;
		text-align:center;
		height:100%;
		font-size:0.8em;
		word-wrap: break-word;
	} 
}
.ftr-nav i {
	width:100%;
	display:block;
	position:relative;
	text-align:center;
	top:0px;
	right:0px;
	font-style:normal;
	padding-bottom:2px;
	font-size:25px;
}
/*---IKONOK meghatározása--------*/
.phone-solid:before {
	font-family:FontAwesome;
	content: "\f095";
}
.trigram:before {
	font-family:FontAwesome;
	content: "\f0c9";
}
.cloud:before {
	font-family:FontAwesome;
	content: "\2601";
}
.connect:before {
	font-family:FontAwesome;
	content: "\f003";
}
.hammer:before {
	font-family:FontAwesome;
	content: "\f085";
}
.home:before {
	font-family:FontAwesome;
	content: "\f015";
}
/*-----Alert box------*/
#boxing{display:none;width:100%;background-color:rgba(255,255,255,0.6);position:absolute;top:1px;left:1px;margin:0 auto;}
.alert{
display:none;position:absolute;top:1px;left:1px;width:400px;padding:15px 20px 5px 20px;color:black;border:0px solid #176786;
-webkit-border-radius: 32px;-moz-border-radius: 32px;border-radius: 32px;
-webkit-box-shadow: -4px 6px 6px #5C2B0D;-moz-box-shadow: -4px 6px 6px #5C2B0D;box-shadow: -4px 6px 6px #5C2B0D;
background: #5C2B0D;
background:-moz-linear-gradient(-45deg, #5C2B0D 0%, #BB882C 100%);
background:-webkit-gradient(left top, right bottom, color-stop(0%, #5C2B0D), color-stop(100%, #BB882C));
background:-webkit-linear-gradient(-45deg, #5C2B0D 0%, #BB882C 100%);
background:-o-linear-gradient(-45deg, #5C2B0D 0%, #BB882C 100%);
background:-ms-linear-gradient(-45deg, #5C2B0D 0%, #BB882C 100%);
background:linear-gradient(135deg, #5C2B0D 0%, #BB882C 100%);
}
.alert form{text-align:right;}
.alert img{width:30px;height:32px;border-style:none;float:left;}
.alert input{width:80%;background-color:#BB882C;}