/* ==========================================================================
   Author's custom styles
   ========================================================================== */



body {
	background-color			: MintCream ;
	color						: Green;
	font-family					: 'PT Serif', serif;
	font-variant				: small-caps;
}

/** Navigáció ****************************************************************************/
nav, nav div.container, .nav li {
	background-image			: initial !important;
	background-color			: darkgreen !important;
}

.nav li.active a{
	background-image			: initial !important;
	background-color			: ForestGreen !important; 
}

/** /Navigáció ****************************************************************************/

body>.container {
	background-color			: #EDF3D9;
	
}

body>h3 {
	text-align					: center;
	color						: LimeGreen;
}

h1, h2, h4 {
	margin-left					: 25px;
	
	text-shadow					: 1px 1px white;
}

h1, h2 {
	border-bottom				: 1px solid darkgreen;
	margin-right				: 725px;
}

a:hover {
	cursor						: pointer;
	color						: #b27220;
	text-decoration				: underline;
}
/****** Jumbotron ******************************************************************/
.jumbotron {
	background-color			: Green; 
	margin-bottom				: 5px;
	padding						: 60px 0px 10px 0px;
}
.jumbotron img{
	width						: 33%;
	max-height					: 250px;
}
/****** Jumbotron ******************************************************************/

li {
	font-size					: 14pt;
/*	font-weight					: bold;*/
	margin						: 0px 0px 15px 20px;
	
}

.row p {
	text-align					: center;
}
.row img {
	height						: 130px;
	margin						: 5px;
	border-radius				: 5px;	
}
.row img:hover {
	box-shadow					: 0pt 0pt 0pt 3pt darkgreen;
	cursor						: pointer;
}
.helyszin {
	height						: 300px !important;
}

.ui-widget-content {
	color:green !important;
}

  .dialogWithDropShadow
     {
         -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);  
         -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); 
     }

@media (min-width : 992px) {
	.jumbotron .container {
		width: 750px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.jumbotron .container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.jumbotron .container {
		width: 1470px;
	}
	
	label {
		margin				: 5px 5px 5px 15px;
	}
	
	input, textarea {
		max-width			: 500px;
		margin				: 5px 5px 5px 35px;
	}
	
	.hasab {
		width				: 45%;
		float				: left;
	}
	
	#kapcsolat {
		margin				: 0 50px 0 50px;
	}
}