/*
Theme Name: Hanzely Stolárstvo
Author: Ing. Jozef Šivec - Webing.sk
Author URI: http://www.webing.sk/
*/
@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-image:url(images/background.jpg);
	background-position:center 175px;
	background-color:#49463f;
	background-repeat:no-repeat;
	font-family: 'PT Sans', sans-serif;
	font-size:12pt;
}

#form_test {
	display:none;
}

header .top-row {
	width:100%;
	height:25px;
	background-color:#cde800;
}
header .menu-row {
	width:100%;
	height:150px;
	background-color:#848484;	
}

header .menu-row .wrapper {
	width:1000px;
	margin:auto;
}

header .menu-row .logo {
	width:300px;
	height:150px;
	float:left;
}

header .menu-row .main-menu {
	width:660px;
	height:150px;
	float:left;
}

header .menu-row .main-menu-resp {
	display:none;
}

header .menu-row .main-menu ul {
	list-style:none;
	display:inline-block;
	padding:0;
	margin:0;
}

header .menu-row .main-menu ul li {
	display:inline-block;
	font-size:15px;	
	height:150px;
	line-height:150px;
	padding:0 10px;
}

header .menu-row .main-menu ul li:hover, header .menu-row .main-menu ul li.current-menu-item, header .menu-row .main-menu ul li.current-menu-parent{
	background-color:#cde800;
}

header .menu-row .main-menu ul li:hover a, header .menu-row .main-menu ul li.current-menu-item a, header .menu-row .main-menu ul li.current-menu-parent a {
	color:#4a4a4a;
}


header .menu-row .main-menu ul li a {
	color:#FFF;
	font-weight:700;
	text-decoration:none;
}

header .menu-row .main-menu ul li ul {
	position:absolute;
	padding:0;
	margin:0;
	/*background-color:#cde800;*/
	background-color:#333333;
	display:none;
	z-index:9999;
}

header .menu-row .main-menu ul li:hover ul {
	display:block;
}

header .menu-row .main-menu ul li ul li {
	display:list-item;
	height:30px;
	line-height:30px;
	padding:5px 20px;
	font-size:20px;	
	/*background-color:#111111;*/
}

header .menu-row .main-menu ul li ul li:hover {
	background-color:#4a4a4a;
}


header .menu-row .main-menu ul li ul li:hover a {
	color:#FFF;
}



#content h1 {
	margin:15px 0px 0px 80px;
	padding:15px 25px 0px 25px;	
	font-size:24px;
	color:#4a4a4a;
	background-color:rgba(255,255,255,0.7);
	display:inline-block;
}

#content .wrapper {
	width:1000px;
	margin:auto;
	box-shadow:0px 35px 35px #333;
	background-color:rgba(132,132,132,0.7);
	
}

#content .bg {
	background-color:rgba(255,255,255,0.7);
	padding:15px;
}

#content .content-menu  {
	 width:100%;
	 height:40px;
	 background-color:#cde800;
}

#content .content-menu ul {
	list-style:none;
	display:inline-block;
	width:100%;
	margin:auto;
	padding:0;
	margin:0;
}

#content .content-menu ul li {
	list-style:none;
	display:inline-block;
	line-height:40px;
	font-size:0.7em;
	color:#4a4a4a;
	padding:0 0.8em;
	margin:0;
	background-image:url(images/contentmenu-line.png);
	background-position:center right;
	background-repeat:no-repeat;
}

#content .content-menu ul li:last-child {
	background-image:none;
}

#content .content-menu ul li a {
	color:#4a4a4a;
	text-decoration:none;
}

a {
	color:#848484;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.picture-box {
	width:180px;
	height:150px;
	/*float:left;*/
	margin:10px 7px;
	display:inline-block;
}

.picture-box .picture {
	width:180px;
	height:120px;
}

.picture-box .heading {
	background-color:#cde800;
	text-align:center;
	font-weight:700;
	font-size:13px;
	height:30px;
	line-height:30px;
}

.btn_green {
	background-color:#cde800;
	padding:1em;
	font-weight:bold;
	border:none;
	border-radius:5px;
	cursor:pointer;
}

.picture-box .heading a {
	color:#4a4a4a;
	text-decoration:none;
}
footer {
	color:#FFF;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	padding:10px 0;
	text-shadow:2px 2px 2px #333;
}

footer .wrapper {
	width:1000px;
	margin:auto;
}




.green-line {
	width:100%;
	height:25px;
	background-color:#cde800;
	padding:0;
	margin:0;
	position:relative;
	top:-5px;
}

.clearfix {
	clear:left;
}

.column-half-width {
	width:50%;
	float:left;
}

#map-canvas {
	width:100%;
	height:400px;
}

.msg {
	width:100%;
	padding:5px;
	text-align:center;
	color:#FFF;
	background-color:#F00;
	font-weight:bold;
	font-size:18px;
}

input[type=text], input[type=email] {
	display:block;
	padding:3px;
	margin:5px;
	width:50%;
	font-size:18px;
	border:1px solid #cde800;
	border-radius:3px;
	box-sizing:border-box;
}
input[type=submit] {
	display:block;
	padding:3px;
	margin:5px;
	font-size:18px;
	background-color:#cde800;
	color:#FFF;
	border-radius:3px;
	border:none;
	box-sizing:border-box;
	cursor:pointer;
}

textarea {
	display:block;
	padding:3px;
	margin:5px;
	width:100%;
	height:300px;
	font-size:18px;
	border:1px solid #cde800;
	border-radius:3px;
	box-sizing:border-box;
}

#main-menu-resp-heading {
	display:none;
}

header .menu-row .main-menu ul li ul li a {
	color:#FFF !important;
}

@media screen and (max-width:1024px) {

	header .top-row {
		width:100%;
		height:5px;
		margin:auto;
		background-color:#cde800;
	}	
	
	header .menu-row {
		width: 100%;
		height:auto;
	}	
	
	header .menu-row .wrapper {
		width: 100%;
		height:auto;
		margin: auto;
	}

	header .menu-row .logo {
		width: 100%;
		height: 150px;
		text-align:center;
	}

	header .menu-row .main-menu {
		width: 100%;
		height: 150px;
	}
	
	header .menu-row .main-menu .menu-hlavne-menu-container {
		text-align:center;
	}

	#content .wrapper {
		width: 100%;
	}
	
	#content .content-menu {
		width: 100%;
		height: auto;
		text-align:center;
	}
	
	footer .wrapper {
		width: 100%;
		margin: auto;
		padding:0px 5px;
		box-sizing: border-box;
	}

}

@media screen and (max-width:650px) {

	.column-half-width {
		float:none;
	}
	
	#main-menu-resp-heading {
		display:block;
	}

	#main-menu-resp-heading > div {
		text-align:center;
		font-size:1.5em;
		color:#FFF;
		font-weight:bold;
	}
	header .menu-row .main-menu {
		display:none;
	}


	header .menu-row .main-menu-resp {
		display:none;
	}
	header .menu-row .main-menu-resp ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	
	header .menu-row .main-menu-resp ul li {
		padding-left:10px;
		margin:5px 0px;
		text-align:left;
		font-size:0.8em;
		border-bottom:1px dotted #666;
	}
	
	header .menu-row .main-menu-resp ul li.current-menu-item {
		background-color:#cde800;
	}
	
	header .menu-row .main-menu-resp ul li.current-menu-item a {
		color:#333;
		
	}

	header .menu-row .main-menu-resp ul li a {
		color:#FFF;
		font-weight:bold;
		font-size:1.5em;
		text-decoration:none;
		display:block;
	}
	
	#main-menu-resp-heading:hover .main-menu-resp {
		display:block;
	}
	
	

}