/*
Theme Name: Alternativa
Theme URI: http://alternativa.cz
Author: Zbysek nadenik
*/

/* --------------------------------------------------------------
Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


a:link {
	color: #b87c13;
}
a:visited {
	color: #855b11;
}
a:active,
a:hover {
	text-decoration: none;
}

/* --------------------------------------------------------------
Less basics
-------------------------------------------------------------- */

@text: #393939;
@header: #edfaf6;
@green: #1fa176;
@white: #fff;
@link: #165fc3;
/* boxy */
@brown: #fcf4d9;
@brown-border: #e6d9ac;
@blue: #edfaf6;
@blue-border: #d8ede6;
@gray-border: #e2e2e2;


.button {
	color: #fff !important;
	padding: 10px 18px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #33cb99; /* layer fill content */
	-moz-box-shadow: 0 2px 3px #d6caa3; /* drop shadow */
	-webkit-box-shadow: 0 2px 3px #d6caa3; /* drop shadow */
	box-shadow: 0 2px 3px #d6caa3; /* drop shadow */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlYTE3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMxYzc5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #1ea175 0%, #31c795 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #1ea175 0%, #31c795 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #1ea175 0%, #31c795 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #1ea175 0%, #31c795 100%); /* gradient overlay */
	&:hover {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px; /* border radius */
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; /* prevents bg color from leaking outside the border */
		background-color: #33cb99; /* layer fill content */
		-moz-box-shadow: 0 2px 3px #d6caa3; /* drop shadow */
		-webkit-box-shadow: 0 2px 3px #d6caa3; /* drop shadow */
		box-shadow: 0 2px 3px #d6caa3; /* drop shadow */
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxYzc5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlYTE3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
		background-image: -moz-linear-gradient(bottom, #31c795 0%, #1ea175 100%); /* gradient overlay */
		background-image: -o-linear-gradient(bottom, #31c795 0%, #1ea175 100%); /* gradient overlay */
		background-image: -webkit-linear-gradient(bottom, #31c795 0%, #1ea175 100%); /* gradient overlay */
		background-image: linear-gradient(bottom, #31c795 0%, #1ea175 100%); /* gradient overlay */
	}
}

.green-gradient {
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #33cb99; /* layer fill content */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlYTE3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMxYzc5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #1ea175 0%, #31c795 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #1ea175 0%, #31c795 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #1ea175 0%, #31c795 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #1ea175 0%, #31c795 100%); /* gradient overlay */
}

.width {width: 960px; margin: 0 auto;}
.border {border: 1px solid #e8e8e8;}
a:link, a:visited {color: @link;}
a:hover {text-decoration: none;}
#title a, #title a:visited {color: #1fa176; text-decoration: none;}
/* --------------------------------------------------------------
Typo
-------------------------------------------------------------- */
h1, h2, h3, #title {
	color: #425E66;
	font-family: "adelle-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
}

h1 strong, h2 strong, h3 strong {
	font-weight: 700;
}


h1 {
	padding: 0 0 20px 0;
	font-size: 24px;
}

h2 {
	padding: 10px 0 20px 0;
	font-size: 24px;
}

h3 {
	line-height: 30px;
	font-size: 24px;
}

p {
	margin-bottom: 20px;
}

ul {
	margin: 0 0 0 15px;
	list-style: disc;
}

strong {
	font-weight: bold;
}

/* --------------------------------------------------------------
Body
-------------------------------------------------------------- */
body {
	line-height: 20px;
	background: #fff;
	color: @text;
	font-family: sans-serif;
	font-size: 14px;
}

.container {
	.width;
}

/* --------------------------------------------------------------
Header
-------------------------------------------------------------- */
#header {
	background: @header;
	border-bottom: 5px solid @green;
	
	
	.container {
		height: 189px;
		position: relative;
		background: @header url(images/header.jpg) 480px 0 no-repeat;
	}
		
	#branding {
		float: left;
		width: 128px;
		margin-top: 30px;
		
		h1#site-title, 
		#site-title {
			position: relative;
	
			span {
				position: absolute;
				left: 0;
				top: 0;	
				width: 128px;
				height: 128px;
				background: url(images/logo.png) top left no-repeat;
			}
		}	
	}

	#title {
		float: left;
		padding: 70px 0 0 52px;
		font-size: 44px;
		color: @green;
	}
	
	#flags {
		position: absolute;
		z-index: 999;
		top: 64px;
		right: 0;
		ul {
			list-style: none;
			li {
				display: inline-block;	
				a {				
				float: left;
				width: 29px;
				height: 21px;
				margin-left: 8px;
				text-indent: -5000px;
				&.cz {background: url(images/flag-cz.gif) top left no-repeat;}
				&.en {background: url(images/flag-en.gif) top left no-repeat;}
				}
			}
		}
	}
}

/* --- Navigation --- */
#navigation {
	position: relative;
	top: 49px;
	float: right;
	height: 50px;
	ul {
		float: left;
		border: 1px solid #d8ede6;
		border-width: 0 1px;
		margin: 0;
		list-style: none;
	}
	
	li {
		float: left;
		&.menu-item-type-custom a {
			font-family: "adelle-sans",sans-serif;
			font-style: italic;
			font-weight: 700;
		}
		
		a {
			display: block;
			float: left;
			height: 49px;
			line-height: 52px;
			padding: 0px 14px;			
			border-top: 1px solid #d8ede6;
			border-right: 1px solid #e5f6f1;
			color: #497480;
			font-size: 14px;
			text-decoration: none;
			text-transform: uppercase;
			font-family: "adelle-sans",sans-serif;
			font-style: normal;
			font-weight: 700;
			background-color: #fff; /* layer fill content */
			background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZjZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
			background-image: -moz-linear-gradient(bottom, #e2f6ef 0%, #fff 100%); /* gradient overlay */
			background-image: -o-linear-gradient(bottom, #e2f6ef 0%, #fff 100%); /* gradient overlay */
			background-image: -webkit-linear-gradient(bottom, #e2f6ef 0%, #fff 100%); /* gradient overlay */
			background-image: linear-gradient(bottom, #e2f6ef 0%, #fff 100%); /* gradient overlay */			
			-webkit-text-size-adjust: 100%;
			&:hover {
				text-decoration: underline;
			}		
		}
	
	&.current-menu-item a,
	&.current-page-ancestor a {
		margin: 0;

		.green-gradient;
		color: @white;

		
		}
	
	}
}

/* --------------------------------------------------------------
Homepage
-------------------------------------------------------------- */
#hp-main {
	.container {
		#top-left {
			float: left;
			width: 632px;
			
			#hp-featured {
				height: 177px; 
				padding: 34px 0px 40px 0;
				h2 {
					line-height: 36px;
					padding: 0 0 20px 0;
					color: #425e66;
					font-size: 32px;
				}
				p {
					line-height: 25px;
					font-size: 16px;
				}
				img {
					float: right;
					margin: 0 0 10px 30px;
				}
			}
			
			#hp-eshop {
				height: 103px;
				padding: 25px 30px 30px 30px;
				border: 1px solid @brown-border;
				background: @brown url(images/eshop-books.jpg) top right no-repeat;
				h3 {
					padding: 0 0 10px 0;
					color: #504315;
					font-size: 24px;
				}
				p {
					padding: 0px 0 5px 0;
				}
			}
		}
		
		#news {
			float: right; 
			width: 244px;
			margin: 30px 0 0 0;
			padding: 25px 30px 20px 30px;
			min-height: 334px;
			border: 1px solid @blue-border;
			background: @blue;
			h3 {
				padding: 0 0 10px 0;
			}
			.post {
				margin: 0 0 18px 0;
				padding: 0 0 16px 0;
				border-bottom: 1px solid @blue-border;				
				.date {
					font-weight: bold;
					font-style: italic;
				}	
			}
			.more {
				font-weight: bold;
			}
		}
		
		#boxes {
			margin: 20px 0;
			.box {
				float: left;
				width: 244px;
				min-height: 280px;
				padding: 25px 30px 10px 30px;
				border: 1px solid @blue-border;
				background: @blue;
				h3 {
					line-height: 24px;
					padding: 0 0 20px 0;
					font-size: 21px;
				}
				img {
					padding: 0 0 15px 0;
				}
				.more {
					font-weight: bold;
				}
			}
			#hp-homeo {
				margin: 0 21px;
			}
		}
		
		#bottom {
			.box {
				float: left;
				width: 408px;
				padding: 25px 30px 10px 30px;
				border: 1px solid @brown-border;
				background: @brown;
				.left {
					float: left;
					width: 196px;
					img {
						margin-top: 15px;
					}
				}
				.right {
					float: left;
					width: 190px;
					margin-left: 20px;
				}
			}
			#hp-homeopatie {
				margin-right: 20px;
			}
		}
	}
}

/* --------------------------------------------------------------
News
-------------------------------------------------------------- */
#main {
	#content {
		float: left;
		width: 600px;
		margin: 30px 0 10px 0;
		h1 {
			line-height: 36px;
			margin: 0 0 0px 0;
			color: #425e66;
			font-size: 32px;
		}	
	
		.post {
			margin: 0 0 20px 0;
			padding: 0 0 20px 0;
			border-bottom: 1px solid @gray-border;
			&.last {
				margin: 0;
				border: none;
				}
			.date {
				font-weight: bold;
				font-style: italic;
			}
		}
		img.alignleft {
			float: left;
			margin: 5px 25px 5px 0;
		}
		img.alignright {
			float: right;
				margin: 5px 0 5px 25px;
		}
		
		#books {
			margin: 40px 0 0 0;
			padding: 30px 0 0 0;
			border-top: 1px solid @gray-border;
			h2 {
				margin: 0 0 10px 0;
				font-size: 26px;
			}
			.book {
				margin: 0 0 25px 0;
				padding: 0 0 25px 0;
				border-bottom: 1px solid @gray-border;
				&.last {
					margin: 0 0 20px 0;
					padding: 0;
					border: none;
				}
				.img {
					float: left;
					width: 120px;
					margin: 5px 25px 0 0;
					img {
						max-width: 120px;
						height: auto;
					}
				}
				.text {
					float: right;
					width: 455px;
					h3 {
						margin: 0 0 10px 0;
						font-size: 20px;
					}
				}
			}
			
		}
		
		#people {
			margin: 10px 0 0 0;
			padding: 30px 0 0 0;
			border-top: 1px solid @gray-border;
			h2 {
				margin: 0 0 10px 0;
				font-size: 26px;
			}
			.person {
				margin: 0 0 25px 0;
				padding: 0 0 25px 0;
				border-bottom: 1px solid @gray-border;
				&.last {
					margin: 0 0 20px 0;
					padding: 0;
					border: none;
				}
				.img {
					float: left;
					width: 160px;
					margin: 5px 25px 0 0;
					img {
						max-width: 160px;
						height: auto;
					}
				}
				.text {
					float: right;
					width: 415px;
					h3 {
						margin: 0 0 10px 0;
						font-size: 20px;
					}
				}
			}
			
		}
		
	}
	
	.pagination {
		float: left;
		margin: 10px 0;
		a, span {
			display: block;
			float: left;
			margin-right: 5px;
			padding: 5px 10px;
			border: 1px solid @green;
		}
		
		span {
			background: @green;
			color: @white;
		}
	}	
	
}

/* --------------------------------------------------------------
Sidebar
-------------------------------------------------------------- */
#sidebar {
	#e-shop {
		float: right;
		width: 238px;
		margin: 30px 0;
		padding: 25px 30px;
		background: @brown url(images/sidebar.jpg) center 85px no-repeat;
		color: #504315;
		border: 1px solid @brown-border;
		h2 {
			margin: 0 0 145px 0;	
			color: #504315;
			font-size: 24px;
			font-family: "adelle-sans",sans-serif;
			font-style: normal;
			font-weight: 700;		
		}
		.button {
			display: block;
			width: 200px;
			text-align: center;
		}
		h3 {
			margin: 20px 0 10px 0;
			font-size: 20px;
		}
		ul {
			margin: 0;
			list-style: none;
			li {
				padding: 0 0 5px 10px;
				background: url(images/ul-li-link.gif) 0 8px no-repeat;
			}
		}
	}
	#homeo {
		float: right;
		width: 238px;
		margin: 30px 0;
		padding: 25px 30px;
		background: #EDFAF6;
		color: #504315;
		border: 1px solid #D8EDE6;		
	}
	#ho, #au {
		float: right;
		width: 238px;
		margin: 30px 0;
		padding: 25px 30px 15px 30px;
		background: #EDFAF6;
		color: #504315;
		border: 1px solid #D8EDE6;	
		p {
			margin: 0 0 10px 0;
		}
		div {
			p {
				margin: 0 0 20px 0;
			}
		}
	}
	#au {
		margin: 0;
	}
}

/* --------------------------------------------------------------
Footer
-------------------------------------------------------------- */
#footer {
	.container {
		border-top: 1px solid #e2e2e2;
	}

	#site-copyright {
		width: 100%;
		margin: 20px 0 25px;
		font-size: 13px;
	}		
}

.cleaner {
	clear: both;
	height: 1px;
	line-height: 1px;
}

/* --------------------------------------------------------------
Others
-------------------------------------------------------------- */
body.home #footer .container {border: none;}
body.page-template-page-english-php #footer .container {border: none;}
body.page-template-page-english-php #hp-main .container #boxes .box {min-height: 250px;}
body.page-template-page-english-php #footer #site-copyright {margin: 0 0 25px 0;}

hr {
	margin-bottom: 15px; 
	border-width: 0 0 1px 0;
}

#content .themeblvd-gmap {
	margin-bottom: 30px;
}

#content {
	table {
		td {
			padding: 0 5px;
			border: 1px solid red;
		}
	}
}

/* --------------------------------------------------------------
		Gravity forms plugin
		-------------------------------------------------------------- */
		.gform_wrapper {width: 100%; margin: 0 !important;}
		.gform_body {

			ul {
				margin: 0;
				list-style: none;
				
				li {
					margin-bottom: 10px;
				
					label.gfield_label {
						font-weight: bold;
					}
					
					.ginput_container {
						margin: 3px 0 0 0;
						
						input, textarea {
							padding: 7px 10px;
							border: 1px solid #abdccd; /* stroke */
							-moz-border-radius: 2px;
							-webkit-border-radius: 2px;
							border-radius: 2px; /* border radius */
							background: #edfaf6;
							font-family: sans-serif;
							font-size: 15px;
						}
						
						input {
							width: 50%;
						}
						
						textarea {
							width: 98%;
					
						}
						
					}
					
				
				}
				
			}

		}
		
		.gform_footer {
			margin: 0 !important;
			padding: 5px 0 0 0;
			
			input {
				padding: 10px 15px;
				border: none;
				.green-gradient;
				color: @white;
				font-size: 15px;
				font-weight: bold;
				text-transform: uppercase;
				
	&:hover {
		
	cursor: pointer;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px; /* border radius */
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; /* prevents bg color from leaking outside the border */
		background-color: #33cb99; /* layer fill content */
		-moz-box-shadow: 0 2px 3px #d6caa3; /* drop shadow */
		-webkit-box-shadow: 0 2px 3px #d6caa3; /* drop shadow */
		box-shadow: 0 2px 3px #d6caa3; /* drop shadow */
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxYzc5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlYTE3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
		background-image: -moz-linear-gradient(bottom, #31c795 0%, #1ea175 100%); /* gradient overlay */
		background-image: -o-linear-gradient(bottom, #31c795 0%, #1ea175 100%); /* gradient overlay */
		background-image: -webkit-linear-gradient(bottom, #31c795 0%, #1ea175 100%); /* gradient overlay */
		background-image: linear-gradient(bottom, #31c795 0%, #1ea175 100%); /* gradient overlay */
	}
			}
			
		}

		
.video-container {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

/* --------------------------------------------------------------
Media queries
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {
	.container {width: 720px;}
	#header {	
		.container {
			background: none;
		}
	
		#title {
			padding: 90px 0 0 50px;
		}
		
		#flags {
			top: 50px;
		}

		#navigation {
			top: 90px;
			select {position: relative; top: 16px; font-size: 16px;}
		}
		
	}

	#hp-main {
		.container {
			#top-left {
				width: 100%;
				#hp-featured {
					padding: 30px 0 10px 0;
					height: inherit;
				}
			}
			#news {
				width: 658px;
				min-height: inherit;
			}
			#boxes {
				.box {
					width: 658px;
					min-height: inherit;
					margin-bottom: 20px;
				}
				#hp-homeo {
					margin: 0 0 20px 0;
				}
				#hp-poradna {
					margin: 0;
				}
			}
			#bottom {
				.box {
					width: 658px;
					.right {	
						width: 400px;
					}
				}
				#hp-homeopatie {
					margin: 0 0 20px 0;
				}
			}
		}
		
	}

	/* podstranky */
	#main {
		.container {
			#content {
				width: 100%;
				#books {
					h2 {
						margin: 0;
					}
					.book {
						.text {
							width: 575px;
						}
					}
					
				}
				#people {
					.person {
						.text {
							width: 535px;
						}
					}
				}				
			}
			#sidebar {
				#e-shop {
					margin: 0 0 30px 0;
					width: 658px;
					background: @brown url(images/sidebar.jpg) 25px 85px no-repeat;
				}
			}
		}
	}
}

@media screen and (max-width: 740px) {
	.container {width: 460px;}
	#header {	
		.container {
			height: 100px;
		}
		#branding {
			display: none;
		}
		
		#title {
			padding: 40px 0 0 0px;
			font-size: 38px;
		}
		
		#flags {
			top: 20px;
		}

		#navigation {
			top: 40px;
		}
		
	}

	#hp-main {
		.container {
			#top-left {
				width: 100%;
				#hp-eshop {
					background: @brown url(images/eshop-books.jpg) 320px 0 no-repeat;
				}					
			}
		
			#news {
				width: 398px;
			}
			#boxes {
				.box {
					width: 398px;
				}
			}
			#bottom {
				.box {
					width: 398px;
					.right {	
						width: 100%;
						margin: 15px 0 0 0;
					}
				}
			}
		}	
	}

	/* podstranky */
	#main {
		.container {
			#content {
				#books {
					h2 {
						margin: 0;
					}
					.book {
						.text {
							width: 315px;
						}
					}
					
				}	
				#people {
					.person {
						.text {
							width: 275px;
						}
					}
				}
			}
			#sidebar {
				#e-shop {
					margin: 0 0 30px 0;
					width: 398px;
				}			
			}
		}
	}	
	body.page-id-14 .one_half {width: 50% !important; clear: none !important;}
	
}


@media screen and (max-width: 480px) {
	.container {width: 300px;}
	#header {	
		.container {
			height: 100px;
		}
		#branding {
			display: none;
		}
		
		#title {
			padding: 40px 0 0 0px;
			font-size: 30px;
		}
		
		#flags {
			top: 20px;
		}

		#navigation {
			top: 40px;
		}
		
	}

	#hp-main {
		.container {
			#top-left {
				width: 100%;
				#hp-featured {
					padding: 25px 0 15px 0;
					h2 {
						line-height: 32px;
						font-size: 28px;
					}
				}
				#hp-eshop {
					height: inherit;
					background: @brown;
				}					
			}
		
			#news {
				width: 238px;
			}
			#boxes {
				.box {
					width: 238px;
				}
			}
			#bottom {
				.box {
					width: 238px;
					.right {	
						width: 100%;
						margin: 15px 0 0 0;
					}
				}
			}
		}
	}

	/* podstranky */
	#main {
		.container {
			#content {
				#books {
					h2 {
						margin: 0;
					}
					.book {
						.text {
							width: 300px;
						}
					}					
				}	
				#people {
					.person {
						.text {
							width: 100%;
							margin: 0;
						}
					}
				}	
				
			}		
			#sidebar {
				#e-shop {
					margin: 0 0 30px 0;
					width: 238px;
				}
			}
		}
	}		
	
}