::-moz-selection { background-color: #D32B86; color: white;}
::selection { background-color: #D32B86; color: white; }

@font-face {
    font-family: myFont;
    src: url(font/calibri.ttf),
		 url(font/calibri.eot);
}

@font-face {
    font-family: myFontBold;
    src: url(font/calibrib.ttf),
		 url(font/calibrib.eot);
}

p, ul>li{
	font-family: "myFont";
	font-size: 17px;
	color: #4D4D4D;
}

p.kicsi{ 
	font-family: "myFont";
	font-size: 15px;
	color: #D32B86;
}

p.second{
	font-family: "myFont";
	font-size: 30px;
	color: white;
}

p.third{
	font-family: "myFont";
	font-size: 40px;
	color: white;
	font-style: italic;
}

span {
    color: white;
}

h1{
	font-family: "myFontBold";
	font-size: 90px;
	font-weight:bold;
	color: white;
}

h2{
	font-family: "myFontBold";
	font-size: 20px;
	color: black;
}

body{
	font-family: "MyFont";
	background-color: lightgrey;
	background-image: url(images/bg_index.png);
	background-attachment: fixed;
	background-repeat: repeat-x repeat-y;
	margin: 0 auto;
	background-color: #666;
	overflow: hidden;
}

#main{
	font-family: "MyFont";
	background-image: url(images/belso.png);
	background-size: 100% auto;
	
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;

}

@media (max-width: 600px) {
  #main{
  	background-image: url(images/belso2.png);
  	}
}

#container{
	width: 1230px; 
	margin: 0 auto; 
	padding: 0px, 0px, 0px, 0px;
	min-height: 1000px; 
}

#blackstripe{
	width: 1920px;
	position: fixed;
	background-color: black;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px, 0px, 0px, 0px;
}

/*logó kép*/

#logo{
	width: 340px;
	height: 210px;
	padding-top: 20px;
	background-image: url(images/logo_alap01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	position: fixed;
	float: left;
}

#menu{

	width: 1230px;
	height: 60px;	
	float: right;
	position: fixed;
	background-color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20px;	
}



#topborder {
  position: absolute;
  width: 100%;
  height: 4px;
  z-index: 1000;
  background: -moz-linear-gradient(left, rgba(211,43,134,0) 0%, rgba(211,43,134,1) 50%, rgba(211,43,134,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(211,43,134,0) 0%,rgba(211,43,134,1) 50%,rgba(211,43,134,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(211,43,134,0) 0%,rgba(211,43,134,1) 50%,rgba(211,43,134,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00D32B86', endColorstr='#00D32B86',GradientType=1 ); /* IE6-9 */
}

#rightborder {
  position: absolute;
  width: 4px;
  height: 100%;
  z-index: 1000;
  margin-left: -23px;
  margin-top: -45px;
  background: -moz-linear-gradient(top, rgba(211,43,134,0) 0%, rgba(211,43,134,1) 50%, rgba(211,43,134,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(211,43,134,0) 0%,rgba(211,43,134,1) 50%,rgba(211,43,134,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(211,43,134,0) 0%,rgba(211,43,134,1) 50%,rgba(211,43,134,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00D32B86', endColorstr='#00D32B86',GradientType=1 ); /* IE6-9 */
}



#magamrol{
	float:right;
	margin: 16px 40px 0px 0px;
}			

#kezelesek{
	float:right;
	margin: 16px 40px 0px 0px;
}

#ajandek{
	float:right;
	margin: 16px 40px 0px 0px;
}

#arlista{
	float:right;
	margin: 16px 40px 0px 0px;
}

#galeria{
	float:right;
	margin: 16px 40px 0px 0px;
}

#kapcsolat{
	float:right;
	margin: 16px 20px 0px 0px;
}

#blackstripe2{
	width: 3000px;
    position: fixed;
    bottom: 0px;
	background-color: black;
	height: 60px;
	margin: 0px 0px 0px -1000px;
	padding: 0px, 0px, 0px, 0px;
}

#footbox{
	width: 1230px;
	height: 60px;
	position: fixed;
    bottom: 0px;
	margin: 0 auto; 
	background-color: black;
}

#foot{
	width: 1230px;
	height: 50px;
	float: center;
	text-align: center;
	color: #D32B86;
	font-size: 18px;
	line-height: 30%;
	padding: 18px 0 0 0;
}





/*linkek alap kinézete*/

.menu a:link {
	color:#ccc;
	text-decoration: none;
}

/*már meglátogatott*/
.menu a:visited{
	color:#ccc;
}

/*egér ráhúzáskor*/
.menu a:hover {
	color:#D32B86;
}

/*kattintáskor*/
.menu a:active {
	color:white;
}

/*aktuális menüpont formája*/
.menu a.current{
	color:white;
}

/*aktuális menüpont egér ráhúzásra*/
.menu a.current:hover {
	color:white;
}

/* unvisited link */
a:link {
	color:#D32B86;
	text-decoration: none;
} 

/* visited link */    
a:visited {
	color:#D32B86;
}

/* mouse over link */
a:hover {
	color:white;
}  



/* selected link */

a:active {
	color:white;
}