/* CSS Document */





/* ide jön a Bootstrap... */

header {
	background: #ff9800;
	color: #fff;
 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}
header h1 {
	font-size: 25px;
	font-weight: 700
}
header nav {
	text-align: right;
}
header nav a {
	color: #fff;
	margin-left: 15px;
	display: inline-block;
	padding: 10px 15px;
	text-transform: uppercase
}
header nav a:hover {
	background: #537506;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.2)
}
@media(max-width:768px) {
	header h1,
	header nav a {
		text-align: center;
		display: block;
	}
	header nav a {
		background: #537506;
		margin: 0 0 2px 0
	}
	header h1 {
		padding: 0 0 10px 0
	}
}
.main-image {
	background: url('virag.jpg');
	background-size: cover;
	color: #fff;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 1.7;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3)
}
.main-image .title {
	font-size: 45px;
	font-weight: 700;
	margin: 0 0 20px 0
}
.box {
/*	background: #f4f4f4;
	padding: 10px;   */
	color: #555;
	margin-top: 10px;
 }

.box h2 {
	color: #000;
	font-size: 10px;
	font-weight: 700;
	margin: 10px 0
	}
  .img-thumbnail {
  padding:4px;
   background-color: #ffffff;
   border: 0px solid #dddddd;
   border-radius: 4px;
   display:inline-block;
    max-width:100%;
    height:auto;
  }
   div#wrapper {
	width: 1000px;
	background: #ffcc99;
	margin: 0px auto;
	border: 5px   #c57240;
	border-radius: 10px
}
 .title1{
padding-left:20px;
  font-size: 20px;
 color: #fff7e7; 
  
}
footer {
width: 1000px;
 background:#c57240;
	margin: 5px auto;
	font-size: 90%;
	color: #fff;
	padding: 5px;
	text-align:center;
}
footer li a { padding: 0 15px; }
footer li a:hover { padding: 0 15px; 
color: #fff;}
footer ul { float: right; 
margin: 8px auto;
border: 0px solid  #fff;}
footer   li {
	float: right;
	list-style: none;
	
}
 footer input {
 cursor:pointer;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #DD8866;
 background-color: #EEEEEE;
 border: 1px solid #666666;
 padding-left: 3px
}
      
  @media only screen
and (min-width : 480px)
and (max-width : 800px) {
	div#wrapper { width: 600px }
	header { font-size: 200% }
		nav { text-align: center }
	nav a { margin: 0 3px }
	nav a:first-child { margin: 0 3px }
	section { width: 408px }
	
	footer { width: 600px }
}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	div#wrapper { width: 400px; }
	header { font-size: 200%; }
	header hid { display: none }
	section { width: 400px; padding: 0; margin: 0; border: 0 }
/*	aside { display: none } */
	footer { width: 400px }
}
@media only screen
and (min-width: 240px)
and (max-width: 320px) {
	div#wrapper { width: 300px; }
	header { font-size: 100%; text-align: center }
	header span { display: block }
	header hid { display: none }
	nav { text-align: left }
	nav a { margin: 0 3px }
	nav a:first-child { margin: 0 3px }
	section { width: 300px; padding: 0; margin: 0; border: 0 }
 
	footer { width: 300px }
}
 
 @media(max-width:600px) {
	nav .logo { padding-top: 8px }
	nav .menu-toggle { display: inline-block }
	nav .menu { display: none; clear: both }
	nav .menu > ul { float: none }
	nav .menu li { width: 100%; border: 0 }
	nav .menu li:last-child { margin: 0 0 15px 0 }
	nav .menu li a,
	nav .open-submenu {
		display: block;
		background: #62b38d;
		padding: 10px 10px 10px 20px;
		margin: 2px 0 0 0
	}
	nav .menu ul ul {
		position: static;
		background: transparent;
		display:none
	}
	nav .menu ul ul a { background: transparent }
	nav .menu ul ul a:hover { background: #FFBB22 }
}