﻿html{
	background:#585858;
	
}
body{
	color:#32312d;
	margin:0px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}
#main{			/*az egész oldal kerete*/
	width:100%;
	background:#f1f1f1;
}
#top{
	background: url('img/bg_header.jpg') repeat-x 0px 0px;
	width:100%;
	height:191px;
}
#header{
	background: url('img/header.jpg') no-repeat 0px 0px;
	margin:0px auto;
	width:865px;
	height:193px;
}
#login
{
position:relative;
top:20px;
left:620px;
color:white;
width:300px;
}
#menu{
	position:relative;
	top:135px;
	left:180px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:0.9em;
	padding:0;
	width:500px;
	}
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#menu ul li{
	display:inline;
	margin:0;
}
#menu ul li a{
	margin-top:5px;
	padding:2px 2px 2px 2px;
	border-left: 2px solid #B4C7E7;
	border-bottom:2px solid #B4C7E7;
	border-top: 2px solid #E28B1A;
	border-right:2px solid #E28B1A;
	color:#32312d;
	text-decoration:none;
	}
#menu ul li a:hover{
	border-top: 2px solid #B4C7E7;
	border-right:2px solid #B4C7E7;
	border-left: 2px solid #E28B1A;
	border-bottom:2px solid #E28B1A;
	color:#fff;
	}
#menu ul li a#current{
	border-top: 2px solid #B4C7E7;
	border-right:2px solid #B4C7E7;
	border-left: 2px solid #E28B1A;
	border-bottom:2px solid #E28B1A;
	color:#fff;
	}
	
#submenu{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:0.9em;
	width:208px;
	padding:0;
	margin-top:20px;
	margin-bottom:20px;
	color:#32312d;
}
#submenu ul{
	list-style:none;
	margin-left:0;
	padding:0px;
}

#submenu ul li{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:5px;
}

#submenu ul li a
{	padding:2px 2px 2px 5px;
	text-align:center;
	color:#32312d;
	text-decoration:none;
	border-left:10px solid #628DCD;
}
#submenu ul li a:hover
{
	border-left:10px solid #fff;
	color:#E08103;
}
#submenu ul li a#scurrent{
	border-left:10px solid #fff;
	color:#E08103;
}
	
#container
{	background: url('img/bg_content-top.jpg') repeat-x 0px 0px; 
	width:100%;
	margin-bottom:-12px;
}

#content{
	background: url('img/bg_content.gif') repeat-y 0px 0px;
	margin:0px auto;
	width:865px;
	padding-bottom:30px;
	
}
#left{
	background: url('img/content-left.jpg') no-repeat 1px 0px;
	width:270px;
	float:left;
}
#sidebar{
	margin:0px auto;
	padding-top:110px;
	padding-left:25px;
	padding-right:20px;
	width:230px;
}
#text{
	margin-left:280px;
	padding-top:30px;
	padding-left:20px;
	padding-bottom:20px;
	width:540px;
}
.seo
{
    color:#e1830a;}
.web
{
    color:#6593d8;}
	
		
#bottom{
	background: url('img/bg_footer.jpg') repeat-x 0px 0px;
	width:100%;
	height:68px;
	
	
	
}
#footer{
background: url('img/footer.jpg') no-repeat 11px 0px;
margin:0px auto;
width:865px;
height:95px;

}
#footer img
{
	border:none;
	margin-top:4px;}
.log{
	padding-left:70px;
	padding-top:5px;
	color:white;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:0.7em;
}
.link{
	position:relative;
	top:-35px;
	left:130px;
	text-align:center;
	color:white;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:0.8em;
	}
.link a
{
color: white;
}

.link1{
	color:#688ac6;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	
}

.szlogen/*hosszú szlogen*/
{
    position: relative;
    top: 5px;
    left: 50px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    color: #575757;
    width: 550px;
}

h2
{
	letter-spacing:3px;
	padding-top:10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#575757;
	}
h3
{	
	letter-spacing:3px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#575757;
	}
#text p
{
	text-align:justify;
	line-height:150%;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:0.8em;
}
#text ul li
{text-align:justify;
	line-height:150%;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:0.8em;
	}
.monitor
{
	position:relative;
	top:-10px;
	left:25px;}
.color{
	color:#688ac6;
	font-weight:bold;
}
.colorred{
	color:#FF3300;
	font-weight:100;
}

.box{   
  width: 210px; 
  background: url(img/contbody2.jpg) bottom; 
  background-repeat:repeat-y; 
  margin:0px auto;
  padding-bottom:10px;
  text-align:center;
}   
.box p{ 
   font-size:11px;  
  	 }

.box h2 
{
    font-family:Verdana, Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#628DCD;
    letter-spacing:0px;
    padding-left:5px;
  }  
.box a
{
    text-decoration:none;
    padding-left:130px;
    color:#e28813;
    }
.box a:hover
{
    padding-left:130px;
    color: #edbc7d;
    }

#cim
{	width:280px;
    position:relative;
    left:620px;
    top:60px;
    font-family:Verdana, Helvetica, Arial, sans-serif;
    font-size:14px;
    color:White;
    line-height:150%;
    }
#cim a
{
    text-decoration:none;
    color:White;}
    
#cim a:hover
{
    background-color:White;
    color:black;}


.ref{
	text-align: center;
	padding: 10px;
	border-collapse: collapse;
	margin: 0 auto 0 auto;
	width:500px;
}
.ref td{
border: 1px #8dabda solid;
padding:10px;
}

.ref th{
border: 1px #8dabda solid;
}
.ref img{
	border:none;
}

img{
	border:none;
}
.galery{
	padding:5px;
}
















.box1{   
  width: 210px; 
  background: url(img/contbody.jpg) bottom; 
  background-repeat:repeat-y; 
  margin:0px auto;
  padding-bottom:10px;
  text-align:center;
}   
.box1 p{ 
   font-size:11px;  
  	 }
.box1 a
{
    text-decoration:none;
    padding-left:130px;
    color:#688ac6;
    }
.box1 a:hover
{
    padding-left:130px;
    color: #8dabda;
    }

.box1 h2 
{
    font-family:Verdana, Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#628DCD;
    letter-spacing:0px;
    padding-left:5px;
  }  

















.box2 /*referenciak menü formázása*/
{
	color:#fff;
	position:relative;
	top:40px;
	text-align:center;
	
	
		}
.box2 a
{	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	border-top: 2px solid #628DCD;
	border-bottom:2px solid #628DCD/*#B4C7E7*/;
	padding:2px;
	/*background-color:#E28B1A;*/
	}
/*
.box2
{	margin:0px auto;
	position:relative;
	left:-5px;
	text-align:center;
	}
.box2 img
{
	border:none;}
#maps
{
	margin-top:50px;}



/*#pagerank
{
	position:relative;
	top:-40px;
	left:530px;}
	<div id="pagerank"><a href="http://www.gpr.hu/" target="_blank"><img src="http://www.gpr.hu/pr.pr?type=3&amp;url=http://www.pagedesign.hu" border="0" width="77" height="14" alt="Google PageRank" title="Google PageRank"></a></div>*/

/*felépítés*/

/*#header{
background-color:blue;
}
#left{
	background-color:green;
}
#content{
	background-color:lime;
}
#footer{
	background-color:fuchsia;
}
*/


