/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

   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, 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,
   article, aside, canvas, details, embed, 
   figure, figcaption, footer, header, hgroup, 
   menu, nav, output, ruby, section, summary,
   time, mark, audio, video {
   	margin: 0;
   	padding: 0;
   	border: 0;
   	font-size: 100%;
   	font: inherit;
   	vertical-align: baseline;
   }
   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
   	display: block;
   }
   body {
   	background: #FCF6F0;
   	line-height: 1.5;
   	-webkit-text-stroke: 0.2px;
   }
   ol, ul {
   	list-style: none;
   }
   blockquote, q {
   	quotes: none;
   }
   blockquote:before, blockquote:after,
   q:before, q:after {
   	content: '';
   	content: none;
   }
   table {
   	border-collapse: collapse;
   	border-spacing: 0;
   }
	

	hr {
		border: 0px;
		border-bottom: 3px double #CEDFDC;
	}
   /* Grid */

   .clear:after {
   	clear: both;
   	content: '';
   	display: block;
   	height: 0;
   }

   [class*='col-'] {
   	float: left;
   }

   .col-1-3 {
   	width: 33.33%;
   }

   .col-1-4 {
   	width: 25%;
   }

   [class*='col-'] {
   	padding: 0 15px;
   }

   [class*='col-']:first-of-type {
   	padding: 0 15px 0 0;
   }

   [class*='col-']:last-of-type {
   	padding-right: 0;
   }

   /* Setting stuff at one place */

   body, input, textarea {
   	font: 14px 'Open Sans', sans-serif;;
   }

   .centered {
   	margin: 0 auto;
   	width: 980px;
   }

   h1, h2, p {
   	margin: 0 0 20px;
   }

   p, li, textarea {
   	line-height: 1.5;
   }

   #about, #contact {
   	padding: 50px 0;
   }

   :link, :hover, :active, :visited {
   	outline: none;
   }

   /* Basics */

   *, *:after, *:before {
   	box-sizing: border-box;
   }

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

   h1, h2, h3, h4, h5, h6 {
   	color: #475862;
   	font-family: Ubuntu;
   }

   h1 {
   	font-size: 40px;
   }

   .invisible {
   	display: none;
   }

   h2 {
   	font-size: 24px;
   }

   #Mi_az_a_Cupcake, #Boldog_orak, #Partnerek {
   	background: url('../img/icons.png') no-repeat left top;
   	height: 45px;
   	line-height: 45px;
   	padding: 0 0 0 60px;
   }

   #Boldog_orak {
   	background-position: left -46px;
   }

   #Partnerek {
   	background-position: left -92px;
   }

   input:not([type="submit"]), textarea {
   	background: #A7C5C8;
   	border: 1px solid #C3D8D4;
   	border-radius: 2px;
   	color: #222E35;
   	display: block;
   	margin: 0 0 15px;
   	padding: 10px;
   	width: 100%;
   }

   strong {
   	font-weight: bold;
   }

   textarea {
   	resize: none;
   }
   input[type=submit], .button {
   	background: #f8bed7;
   	background: -moz-linear-gradient(top,  #f8bed7 0%, #f395be 100%);
   	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8bed7), color-stop(100%,#f395be));
   	background: -webkit-linear-gradient(top,  #f8bed7 0%,#f395be 100%);
   	background: -o-linear-gradient(top,  #f8bed7 0%,#f395be 100%);
   	background: -ms-linear-gradient(top,  #f8bed7 0%,#f395be 100%);
   	background: linear-gradient(to bottom,  #f8bed7 0%,#f395be 100%);
   	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8bed7', endColorstr='#f395be',GradientType=0 );
   	border: 1px solid #CE889A;

   	-webkit-border-radius: 5px;
   	border-radius: 5px;
   	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
   	color: #4C262F;
   	cursor: pointer;
   	display: inline-block;
   	font-weight: 700;
   	margin: 0;
   	padding: 8px 0;
   	text-align: center;
   	width: 100px;
   }

   input[type=submit]:hover, .button:hover {
   	background: #f8bed7;
   	background: -moz-linear-gradient(top,  #f8bed7 0%, #e78fb8 100%);
   	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8bed7), color-stop(100%,#e78fb8));
   	background: -webkit-linear-gradient(top,  #f8bed7 0%,#e78fb8 100%);
   	background: -o-linear-gradient(top,  #f8bed7 0%,#e78fb8 100%);
   	background: -ms-linear-gradient(top,  #f8bed7 0%,#e78fb8 100%);
   	background: linear-gradient(to bottom,  #f8bed7 0%,#e78fb8 100%);
   	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8bed7', endColorstr='#e78fb8',GradientType=0 );
   }

   input[type=submit]:active, .button:active {
   	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1) inset;
   }

   ::-webkit-input-placeholder {
   	color: #222E35;
   }

   :-moz-placeholder {
   	color: #222E35;
   }

   :-ms-input-placeholder {
   	color: #222E35;
   }

   .button-big {
   	box-shadow: none;
   	font-size: 20px;
   	padding: 13px 45px;
   	width: auto;
   }

   .button-auto {
   	padding-left: 20px;
   	padding-right: 20px;
   	width: auto;
   }

   /* Header */

   #header {
   	background: url('../img/header-glow.png') no-repeat center top, url('../img/pattern.png') repeat center top;
   	background-color: #E9FCF9;
   	border-bottom: 1px solid #D3E4E1;
   	padding: 50px 0 35px;
   	position: relative;
   	z-index: 1;
   }

   #header:before {
   	background: url('../img/header-before.png') repeat-x center top;
   	content: '';
   	height: 15px;
   	left: 0;
   	position: absolute;
   	top: 0;
   	width: 100%;
   	z-index: -1;
   }

   #header:after {
   	background: url('../img/header-after.png') no-repeat center bottom;
   	bottom: -1px;
   	content: '';
   	height: 18px;
   	left: 0;
   	position: absolute;
   	width: 100%;
   	z-index: -1;
   }

   /* Navigation */

   nav {
   	font-size: 14px;
   	position: relative;
   }

   #navigation {
   	display: table;
   	list-style-type: none;
   	width: 100%;
   }

   #navigation li {
   	display: table;
   	float: left;
   	height: 144px;
   	width: 20%;
   }

   #navigation li:nth-child(3) {
   	text-align: center;
   }

   #navigation li:nth-last-child(-n+2) {
   	text-align: right;
   }

   #navigation a {
   	color: #475862;
   	display: table-cell;
   	font-weight: 500;
   	text-decoration: none;
   	vertical-align: middle;
   }

   #navigation a:hover {
   	text-decoration: underline;
   }

   /* Language selector */

   #languageselector {
   	font: 11px 'Open Sans', sans-serif;;
   	height: 25px;
   	position: absolute;
   	right: 0;
   	text-align: center;
   	top: 0;
   }

   #languageselector div {
   	display: table;
   	float: right;
   	height: 25px;
   	text-align: center;
   }

   #languageselector a {
   	background: url('../img/arrow.png') no-repeat 6px center;
   	color: #C2608B;
   	display: table-cell;
   	height: 25px;
   	vertical-align: middle;
   	width: 40px;
   }

   #active-lang {
   	background: #d4e9e7;
   	background: -moz-linear-gradient(top,  #d4e9e7 0%, #c9dddb 100%);
   	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4e9e7), color-stop(100%,#c9dddb));
   	background: -webkit-linear-gradient(top,  #d4e9e7 0%,#c9dddb 100%);
   	background: -o-linear-gradient(top,  #d4e9e7 0%,#c9dddb 100%);
   	background: -ms-linear-gradient(top,  #d4e9e7 0%,#c9dddb 100%);
   	background: linear-gradient(to bottom,  #d4e9e7 0%,#c9dddb 100%);
   	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e9e7', endColorstr='#c9dddb',GradientType=0 );
   	border: 1px solid #e9f3f2;
   	-webkit-border-radius: 3px;
   	border-radius: 3px;
   	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.25);
   }

   #active-lang a {
   	color: #7996A7;
   }

   #inactive-lang {
   	background: #bdcfcd;
   	background: -moz-linear-gradient(top,  #bdcfcd 0%, #c7dad8 100%);
   	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdcfcd), color-stop(100%,#c7dad8));
   	background: -webkit-linear-gradient(top,  #bdcfcd 0%,#c7dad8 100%);
   	background: -o-linear-gradient(top,  #bdcfcd 0%,#c7dad8 100%);
   	background: -ms-linear-gradient(top,  #bdcfcd 0%,#c7dad8 100%);
   	background: linear-gradient(to bottom,  #bdcfcd 0%,#c7dad8 100%);
   	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdcfcd', endColorstr='#c7dad8',GradientType=0 );
   	border: 1px solid #e9f3f2;
   	-webkit-border-radius: 3px;
   	border-radius: 3px;
   	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1) inset;
   }

   /* Highlight */

   #highlight {
   	background: url('../img/highlight.png') no-repeat center 68px;
   	border-bottom: 1px solid #CFDBD9;
   	padding: 120px 0 120px;
   }

   #highlight .centered {
   	padding: 0 600px 0 0;
   }

   #highlight h1 {
   	color: #18252C;
   }

   /* About */

   #about li {
   	border: 0;
   	padding-left: 75px;
   	position: relative;
   }

   #about li:before {
   	background: url('../img/icons.png') no-repeat left top;
   	content: '';
   	height: 45px;
   	left: 0;
   	position: absolute;
   	top: 0;
   	width: 63px;
   	z-index: -1;
   }

   #about li:first-child {
   	padding: 0 15px 0 60px;
   }

   #about li:nth-child(2):before {
   	background-position: 15px -46px;
   }

   #about li:nth-child(3):before {
   	background-position: 15px -92px;
   }

   #about p {
   	height: 100px;
   }

   #about a {
   	display: block;
   	text-align: right;
   }

   #about span {
   	font-size: 18px;
   	font-weight: 300;
   	height: 30px;
   	margin: 0 0 0 20px;
   	padding: 0;
   	width: 30px;
   }

   /* Contact */

   #contact {
   	background: url('../img/pattern.png') repeat center top #A5CDCD;
   	padding-bottom: 0;
   	position: relative;
   }

   #contact:before {
   	background: url('../img/contact-before.png') repeat-x center top;
   	content: '';
   	height: 19px;
   	left: 0;
   	position: absolute;
   	top: 0;
   	width: 100%;
   	z-index: 1;
   }

   #contact > div > div {
   	border-right: 1px solid #9EBCB7;
   	min-height: 400px;
   	position: relative;
   }

   .bottom {
   	bottom: 0;
   	padding: 0 15px 0 0;
   	position: absolute;
   	width: 100%;
   }

   .bottomright {
   	bottom: 0;
   	position: absolute;
   	right: 15px;
   }

   #contact div div:last-of-type {
   	border: 0;
   }

   #contact h2 {
   	color: #7996A7;
   	font: 20px 'Open Sans', sans-serif;;
   }

   /* Blog */

   article {
   	border-bottom: 1px solid #9EBCB7;
   	margin: 0 0 20px;
   }

   article:last-of-type {
   	border: 0;
   }

   article img {
   	border: 1px solid #FFFFFF;
   	-webkit-border-radius: 100px;
   	border-radius: 100px;
   	float: left;
   	background: #fff;


   }

   article div {
   	margin: 0 0 0 80px;
   }

   article header {
   	margin: 0 0 20px;
   }

   article h1 {
   	color: #17191A;
   	font-size: 17px;
   	margin: 0;
   }

   time {
   	color: #768D8A;
   	font-size: 13px;
   }

   article a {
   	color: #AB7C8C;
   }

   /* Footer */

   footer {
   	background: #A7C3C3;
   	border-top: 1px solid #9EBCB7;
   	clear: both;
   	font-size: 13px;
   	margin: 50px 0 0;
   	opacity: 0.5;
   	padding: 20px 0;
   }

   /* R�lunk */

   #rolunk h2 {
   	margin: 50px 0;
   }

   #rolunk p {
   	margin: 0 0 30px;
   }

   .navigate {
   	height: 40px;
   	margin: 60px 0;
   }

   .navigate span:last-child {
   	margin: 0 40px 0 0;
   }

   .navigate span {
   	display: table;
   	height: 100%;
   }

   .navigate a {
   	display: table-cell;
   	vertical-align: middle;
   }

   /* Term�kek */

   .productImg-wrapper {
      height: 180px;
      overflow: hidden;
   }

   #products .prod_item  img{
         width: auto;
         height: 180px;

   }


   #productstop {
   	border-bottom: 1px solid #CEDFDC;
   	margin: 50px 0 0;
   }

   #productstop div:first-child {
   	margin: 0 0 20px;
   }

   #productselector {
   	color: #788185;
   	padding: 20px 0 0;
   }

   #productselector li, #productselector ul {
   	display: inline;
   	margin: 0;
   }

   #productselector li {
   	margin: 0 0 0 20px;
   }

   #productselector a {
   	color: #788185;
   }

   #productselector a.active {
   	color: #C2608B;
   }

   #products {
   	margin: 50px 0 0;
   }

   #products li {
   	float: left;
   	margin: 0 0 20px;
   	padding: 0 10px;
   	text-align: center;
   	width: 25%;
   }

/*#products li:nth-last-child(-n+4) {
	margin: 0;
	}*/

	#products h3 {
		color: #2B2B2B;
		font: bold 14px 'Open Sans', sans-serif;;
		margin: 0 0 15px;
	}

	#close {
		background: url('../img/close.png') no-repeat right center;
		color: #4C262F;
		font: bold 14px 'Open Sans', sans-serif;;
		padding: 0 30px 0 0;
	}

	#topbox {
		border-bottom: 1px solid #CEDFDC;
		padding: 50px 0;
	}

	#topbox .img_preview {
		padding-top: 10px;
	}
	#topbox .img_preview_inner  {
		width: 260px;
		height: 260px;


		
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		
		padding-right: 10px;
		border-radius: 500px;
		border: 1px solid #e0e0e0;
		background: white;

		-webkit-border-radius: 500px;
		border-radius: 500px;

		-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
	}

	#topbox img {
		max-width: 165px;
	}

	.description {
		float: right;
		width: 70%;
	}

	.description h1 {
		font: bold 20px 'Open Sans', sans-serif;;
		margin: 0 0 20px;
	}

	.description p {
		line-height: 2;
		margin: 0;
	}

	#products_small {
		padding: 20px 0;
        display: inline;
	}

	#products_small img {
		margin: 0 20px 0 0;
        max-width: 80px;
	}

	#products .prod_item {
		cursor: pointer;
	}

	.prod_item .read_more {
        margin: 15px 0 0;
		display: block;
        position: absolute;
        bottom: 10px;
        left: 10px;
        right: 10px;
    }


		#products .prod_item_inner  {
			background: white;
			padding: 20px 10px 20px;
			border: 1px solid #e0e0e0;
            min-height: 355px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
            position: relative;

			-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
			-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
			box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
		}

		.prod_item_inner p {
			margin: 0;
		}

		#noProductsYet {
			padding: 100px 0;
			text-align: center;

		}

		#noProductsYet h2 {
			font-family: Arial;

		}

		/* Blog */

		#blog {
			margin: 100px auto;
		}

		#blogtop {
			border-bottom: 1px solid #CEDFDC;
			margin: 0 0 30px;
			padding: 0 0 30px;
		}

		#blogtop * {
			margin: 0;
		}

		.item {
			border: 1px solid #CEDFDC;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.3);
			margin: 0 0 25px;
			padding: 5px;
			display: block;
			width: 310px;
		}

		.item img {
			width: 100%;
			display: block;
		}

		.item time {
			color: #788185;
			display: block;
			font-size: 14px;
			margin: 20px 0 0;
			text-align: left;
		}

		#blog .clear {
			clear: both;
		}

		#blog .navigate {
			padding: 0;
		}

		/* Order */

		#order {
			margin: 100px auto;
		}

		#order h2 {
			border-bottom: 1px solid #CEDFDC;
			margin: 0 0 30px;
			padding: 0 0 30px;
		}

		#order p {
			float: left;
			padding: 0 40px 0 0;
			width: 60%;
		}

		#order form {
			float: right;
			width: 40%;
		}

		#order input:not([type=submit]), #order textarea {
			background: #eee8e3;
			border-color: #bdcdca;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

		#order .alert {
			padding: 8px 35px 8px 14px;
			margin-bottom: 20px;
			color: #c09853;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			background-color: #fcf8e3;
			border: 1px solid #fbeed5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			float: right;
			width: 40%;
		}

		#order .alert h4 {
			margin: 0;
		}

		#order .alert .close {
			position: relative;
			top: -2px;
			right: -21px;
			line-height: 20px;
		}

		#order .alert {
			padding: 8px 35px 8px 14px;
			margin-bottom: 20px;
			color: #c09853;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			background-color: #fcf8e3;
			border: 1px solid #fbeed5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}

		#order .alert h4 {
			margin: 0;
		}

		#order .alert .close {
			position: relative;
			top: -2px;
			right: -21px;
			line-height: 20px;
		}

		#order .alert-success {
			color: #468847;
			background-color: #dff0d8;
			border-color: #d6e9c6;
		}

		#order .alert-danger,
		#order .alert-error {
			color: #b94a48;
			background-color: #f2dede;
			border-color: #eed3d7;
		}

		#order .alert-info {
			color: #3a87ad;
			background-color: #d9edf7;
			border-color: #bce8f1;
		}

		#order .alert-block {
			padding-top: 14px;
			padding-bottom: 14px;
		}

		#order .alert-block > p,
		#order .alert-block > ul {
			margin-bottom: 0;
		}

		#order .alert-block p + p {
			margin-top: 5px;
		}

		#order .alert button {
			margin: 0;
			font-size: 100%;
			vertical-align: middle;
		}

		#order .alert button{
			*overflow: visible;
			line-height: normal;
		}

		#order .alert button::-moz-focus-inner{
			padding: 0;
			border: 0;
		}

		#order .alert button{
			cursor: pointer;
			-webkit-appearance: button;
		}

		#order .alert .close {
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 20px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		#order .alert .close:hover {
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}

		#order .alert button.close {
			padding: 0;
			cursor: pointer;
			background: transparent;
			border: 0;
			-webkit-appearance: none;
		}

		#order .hide{
			display: none;
		}


		/* Contact */

		#contact .alert {
			padding: 8px 35px 8px 14px;
			margin-bottom: 20px;
			color: #c09853;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			background-color: #fcf8e3;
			border: 1px solid #fbeed5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			width: 100%;
		}

		#contact .alert h4 {
			margin: 0;
		}

		#contact .alert .close {
			position: relative;
			top: -2px;
			right: -21px;
			line-height: 20px;
		}

		#contact .alert {
			padding: 8px 35px 8px 14px;
			margin-bottom: 20px;
			color: #c09853;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			background-color: #fcf8e3;
			border: 1px solid #fbeed5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}

		#contact .alert h4 {
			margin: 0;
		}

		#contact .alert .close {
			position: relative;
			top: -2px;
			right: -21px;
			line-height: 20px;
		}

		#contact .alert-success {
			color: #468847;
			background-color: #dff0d8;
			border-color: #d6e9c6;
		}

		#contact .alert-danger,
		#contact .alert-error {
			color: #b94a48;
			background-color: #f2dede;
			border-color: #eed3d7;
		}

		#contact .alert-info {
			color: #3a87ad;
			background-color: #d9edf7;
			border-color: #bce8f1;
		}

		#contact .alert-block {
			padding-top: 14px;
			padding-bottom: 14px;
		}

		#contact .alert-block > p,
		#contact .alert-block > ul {
			margin-bottom: 0;
		}

		#contact .alert-block p + p {
			margin-top: 5px;
		}

		#contact .alert button {
			margin: 0;
			font-size: 100%;
			vertical-align: middle;
		}

		#contact .alert button{
			*overflow: visible;
			line-height: normal;
		}

		#contact .alert button::-moz-focus-inner{
			padding: 0;
			border: 0;
		}

		#contact .alert button{
			cursor: pointer;
			-webkit-appearance: button;
		}

		#contact .alert .close {
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 20px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		#contact .alert .close:hover {
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}

		#contact .alert button.close {
			padding: 0;
			cursor: pointer;
			background: transparent;
			border: 0;
			-webkit-appearance: none;
		}

		#contact .hide{
			display: none;
		}

		#contact .bottomright {
			bottom: 0;
			position: absolute;
			right: 15px;
		}

		#contact form {
			padding-bottom: 60px;
		}

		/* Classes */

		.left {
			float: left;
		}

		.right {
			float: right;
		}