@import "reset.css";
@import "modalbox.css";

body {
	min-width: 1000px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #6E6E64;
	font: normal 100%/1.3 Helvetica, Arial, sans-serif;
}
a:link,
a:visited {
	color: #06C;
}
a:hover,
a:active {
	color: #F00000;
}


/* Layout
------------------------------ */

.sidebar {
	float: left;
	width: 210px;
	padding: 10px 0 20px 40px;
	font-size: 95%;
}

.header {
	height: 150px;
	margin-left: 25%;
	padding: 0 0 31px 19px;
	background: #FFF no-repeat 0 100%;
}
	.header .head-bg {
		height: 150px;
	}
	.header h2 {
		padding: 85px 0 0 31px;
		color: #FFF;
		font-size: 130%;
		font-weight: normal;
	}

.content {
	max-width: 1000px;
	margin-left: 25%;
	padding: 60px 100px 20px 50px;
	font-size: 80%;
}

.wrapper {
	clear: both;
	position: relative;
	min-width: 900px;
	overflow: hidden;
}
.footer {
	float: left;
	width: 25%;
	min-width: 250px;
	padding: 40px 0;
	color: #6E6E64;
	font-size: 75%;
}
.mod {
	position: absolute;
	right: 20px; bottom: 40px;
	width: 61px;
	height: 21px;
	background: url(/bitrix/templates/strauss/images/logo-mod.gif) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
}


/* Home page */

#home .block-ad {
	background-image: none;
}
#home .content {
	max-width: none;
	padding-top: 45px;
	padding-right: 20px;
}
#home .mod {
	top: 40px; right: 0; bottom: auto;
	width: 21px;
	height: 61px;
	background-image: url(/bitrix/templates/strauss/images/logo-mod-v.gif);
}
#home .news {
	float: right;
	width: 100%;
	margin-right: -25%;
}
	#home .news .wrap {
		margin: 0 25% 0 50px;
		color: #6E6E64;
		font-size: 80%;
		overflow: hidden;
	}
		#home .news h2 {
			color: #06C;
			font-size: 180%;
			font-weight: normal;
		}
		#home .news h3 {
			margin: .6em 0 .4em;
			color: #06C;
			font-size: 110%;
			font-weight: normal;
		}
		#home .news .news-item {
			float: left;
			width: 30%;
			margin-right: 10px;
		}


/* Sidebar
------------------------------ */

p.lang {
	font-size: 75%;
}
	p.lang a {
		color: #6E6E64;
	}

.logo {
	display: block;
	width: 171px;
	height: 111px;
	margin: 0 0 50px;
}
.logo-cs {
	display: block;
	width: 171px;
	height: 133px;
	margin: 0 0 28px;
}

.nav-meta {
	overflow: hidden;
}
	.nav-meta li {
		float: left;
		width: 11px;
		height: 11px;
		margin-right: 20px;
	}
	.nav-meta li a,
	.nav-meta li strong {
		float: left;
		width: 11px;
		height: 11px;
		background: url(/bitrix/templates/strauss/images/i-nav-meta.gif) no-repeat;
		text-indent: -9999em;
		overflow: hidden;
	}
		.nav-meta li.n-home a			{ background-position: 0 0; }
		.nav-meta li.n-home strong		{ background-position: 0 -11px; }
		.nav-meta li.n-contact a		{ background-position: 0 -22px; }
		.nav-meta li.n-contact strong	{ background-position: 0 -33px; }
		.nav-meta li.n-sitemap a		{ background-position: 0 -44px; }
		.nav-meta li.n-sitemap strong	{ background-position: 0 -55px; }

.nav {
	margin: 40px 0 0;
}
	/* Level 1 */
	.nav li {
		padding-bottom: .25em;
	}
		.nav a {
			color: #06C;
		}
		.nav a:hover,
		.nav a:active {
			color: #F00000;
		}
		.nav strong,
	 	.nav strong a {
			color: #F00000 !important;
			font-weight: normal;
		}

		/* Level 2 */
		.nav ul {
			margin: .25em 0;
			font-size: 90%;
		}
			.nav ul li {
				padding-left: 15px;
			}
				.nav ul a {
					color: #0093D0;
				}
				.nav ul strong {
					display: block;
					margin-left: -15px;
					padding-left: 15px;
					background: url(/bitrix/templates/strauss/images/i-bullet.gif) no-repeat .2em .15em !important;
				}

				/* Level 3 */
				.nav ul ul {
					font-size: 90%;
				}
				.nav ul ul a {
					color: #00BEE6;
				}

					/* Level 4 */
					.nav ul ul ul {
						font-size: 95%;
					}
					.nav ul ul ul a {
						color: #78A032;
					}

.search {
	margin: 40px 0;
}
	.search input {
		margin-right: .75em;
		vertical-align: middle;
	}

.block-ad {
	margin: 15px 0 0;
	padding: 0 0 15px;
	background: url(/bitrix/templates/strauss/images/hr.gif) no-repeat 50% 100%;
	text-align: center;
}


/* Footer
------------------------------ */

.footer p {
	margin-left: 40px;
}
.footer dl {
	margin: 0 0 1em 40px;
	overflow: hidden;
}
	.footer dl dt {
		clear: both;
		float: left;
		width: 5.5em;
		margin: 0;
		padding: .3em 0 .5em;
	}
	.footer dl dd {
		margin: 0 0 0 6em;
		padding: .3em 0 .5em;
		color: #06C;
	}
	.footer dl dd.tel {
		padding-top: .15em;
	}
		.footer .type {
			display: none;
		}
		.footer .value {
			font-size: 120%;
		}


/* Headers
------------------------------ */

.breadcrumbs {
	padding: 1em 0 0 31px;
	color: #FFF;
	font-size: 75%;
}
	.breadcrumbs a {
		color: #FFF !important;
	}
	.breadcrumbs .sep {
		margin: 0 .5em;
		font-size: 140%;
		line-height: .8;
	}

/* Home page */

#home .header {
	height: 354px;
	padding: 0 0 31px 23px;
	background-image: url(/bitrix/templates/strauss/images/head-home-corner.gif);
}
	#home .header .head-bg {
		height: 354px;
		background: #5ABEE6 url(/bitrix/templates/strauss/images/head-home-bg.gif) repeat-x 0 0;
	}
	#home .header .head-sky {
		height: 354px;
		background: transparent url(/bitrix/templates/strauss/images/head-home-sky.jpg) no-repeat 25% 0;
	}
	#home .header h2 {
		padding: 113px 0 0 27px;
	}

/* Red */

.header.red {
	background-image: url(/bitrix/templates/strauss/images/head-red-corner.gif);
}
	.header.red .head-bg {
		background: #C80200 url(/bitrix/templates/strauss/images/head-red-bg.gif) repeat-x 0 0;
	}

/* Green */

.header.green {
	background-image: url(/bitrix/templates/strauss/images/head-green-corner.gif);
}
	.header.green .head-bg {
		background: #6EB114 url(/bitrix/templates/strauss/images/head-green-bg.gif) repeat-x 0 0;
	}

/* Blue */

.header.blue {
	background-image: url(/bitrix/templates/strauss/images/head-blue-corner.gif);
}
	.header.blue .head-bg {
		background: #0272C6 url(/bitrix/templates/strauss/images/head-blue-bg.gif) repeat-x 0 0;
	}


/* Content
------------------------------ */

.content h2 {
	margin: 1em 0 1.5em;
	color: #06C;
	font-size: 160%;
}
.content h3 {
	margin: 1.25em 0 .5em;
	color: #06C;
	font-size: 120%;
	font-weight: normal;
	line-height: 1.1;
}
	h3.meta-date {
		margin: 0 0 -1em;
		color: #000;
	}
.content p {
	margin: .2em 0 1em;
	}
.content ul,
.content ol {
	margin: .2em 0 1em 2.3em;
}
	.content ul li {
		margin: 0 0 .5em;
		list-style: disc;
	}
	.content ol li {
		margin: 0 0 .5em;
		list-style: decimal;
	}
.content ul.compact {
	margin-left: 0;
}
	.content ul.compact li {
		list-style: none;
	}

.content table {
	width: 600px;
	margin: .4em 0 1em;
	border-collapse: collapse;
}
	.content table th,
	.content table td {
		padding: .25em .75em .25em .5em;
	}
	.content table .zebra th,
	.content table .zebra td {
		background-color: #D5F1F9;
	}

.highlight {
	color: #06C;
}

.highlight-green {
	color: #5C9510;
}

.highlight-red {
	color: #F00000;
}

.figure-c {
	display: block;
	margin: 1.5em auto;
}
.figure-l {
	float: left;
	margin: 1em 20px 20px 0;
}
.figure-r {
	float: right;
	margin: 1em 0 20px 20px;
}


/* Forms */

.content form {
	width: 598px;
	margin: 2em 0;
	border: 1px solid #6E6E64;
	background: url(/bitrix/templates/strauss/images/bg-form-b.gif) repeat-x 0 100%;
}
	.content form fieldset {
		padding: 20px;
		background: url(/bitrix/templates/strauss/images/bg-form-t.gif) repeat-x 0 0;
	}
	.content form fieldset h2 {
		margin: 0 0 1em;
	}
	.content form fieldset p {
		margin-top: 1.5em;
	}
	.content form fieldset label {
		color: #06C;
	}

.content form.plain {
	width: auto;
	margin: 2em 0;
	border: 0;
	background: transparent none;
}
	.content form.plain fieldset {
		padding: 0;
		background: transparent none;
	}


input.fullsize {
	width: 98%;
}
textarea.fullsize {
	width: 99%;
}

.form-row {
	margin: 0 0 1em;
	overflow: hidden;
}
	.form-row .form-label {
		float: left;
		width: 100px;
		padding-top: .2em;
	}
	.form-row .form-field {
		margin-left: 110px;
	}


/* Site map */

.content ul.nav {
	margin: 0;
	font-size: 120%;
}
	.content ul.nav li {
		margin: 0;
		padding: 0 0 .25em;
		list-style: none;
	}
	.content ul.nav ul {
		margin: .25em 0 1em;
	}
		.content ul.nav ul li {
			padding-left: 15px;
		}
			.content ul.nav ul ul {
				margin: .25em 0 0;
			}

/* Paging */

ul.paging {
	margin: 2em 0 0;
	color: #06C;
	font-size: 120%;
	overflow: hidden;
}
	ul.paging li {
		float: left;
		width: 50%;
		margin: 0;
		list-style: none;
	}
	ul.paging li.prev { text-align: left; }
	ul.paging li.next { text-align: right; }


/* Columns */

.two-columns-50,
.two-columns-4060,
.three-columns {
	overflow: hidden;
}
	.two-columns-50 .firstcol {
		float: left;
		width: 49%;
	}
	.two-columns-50 .secondcol {
		float: right;
		width: 49%;
	}

	.two-columns-4060 .firstcol {
		float: left;
		width: 39%;
	}
	.two-columns-4060 .secondcol {
		float: right;
		width: 59%;
	}


/* Promo links */

a.promo {
	display: block;
	height: 150px;
	background-repeat: no-repeat;
	background-position: 50% 1.75em;
	color: #6E6E64;
}
a.promo:hover,
a.promo:active {
	color: #F00000;
}
	a.ad-map		{ background-image: url(/bitrix/templates/strauss/images/ad-map.jpg); }
	a.ad-home		{ background-image: url(/bitrix/templates/strauss/images/ad-home.jpg); background-position: center 20px;}
	a.ad-business	        { background-image: url(/bitrix/templates/strauss/images/ad-business2.jpg); background-position: center 35px;}
	a.ad-company	        { background-image: url(/bitrix/templates/strauss/images/ad-company.jpg); }
	a.ad-coffee		{ background-image: url(/bitrix/templates/strauss/images/ad-coffee.jpg); }


/* Promo links @ home page */

ul.sections {
	margin: 0;
	background: url(/bitrix/templates/strauss/images/hr-v.gif) no-repeat 0 0;
	overflow: hidden;
}
	ul.sections li {
		float: left;
		width: 25%;
		min-height: 155px;
		margin: 0;
		padding: .25em 0 0;
		background: url(/bitrix/templates/strauss/images/hr-v.gif) no-repeat 100% 0;
		font-size: 120%;
		text-align: center;
		list-style: none;
	}

/* Products */

.products {
	border-top: 1px solid #06C;
}
	.product-block {
		border-bottom: 1px solid #06C;
		padding: .5em 0 1em;
		overflow: hidden;
	}
		.product-block a.prod-photo {
			float: left;
			width: 170px;
			min-height: 90px;
			padding-right: 20px;
			background: url(/bitrix/templates/strauss/images/i-details.gif) no-repeat 100% 50%;
		}
		.product-block a.prod-photo:hover {
			background-image: url(/bitrix/templates/strauss/images/i-details-h.gif);
		}
			.product-block a.prod-photo img {
				display: block;
				margin: 0 auto;
			}
		.product-block .desc {
			margin-left: 210px;
		}
			.product-block .desc h2 {
				margin: .5em 0;
			}

.product-details {
	width: 580px;
	margin: 0 35px;
	padding-top: 50px;
	overflow: hidden;
}
	.product-details .prod-photo {
		display: table;
		position: static;
		float: left;
		width: 270px;
		height: 492px;
		margin: -50px 0 0;
		text-align: center;
		overflow: hidden;
	}
	.product-details .prod-photo.wide {
		float: none;
		width: 580px;
	}
		.product-details .prod-photo .wrap {
			display: table-cell;
			position: static;
			vertical-align: middle;
		}
		.product-details .prod-photo img {
			display: block;
			margin: 0 auto;
		}



	.product-details img.prod-brand {
		display: block;
		margin: 0 0 10px;
	}
		.product-details img.prod-brand.lavazza {
			margin-top: -50px;
		}
	.product-details .desc {
		margin-left: 290px;
	}


/* Tea */

.tea {
	margin: 2em 0;
	border-top: 1px solid #06C;
}
	.tea ul {
		margin: 0;
		border-bottom: 1px solid #06C;
		padding: 1.5em 0;
		overflow: hidden;
	}
		.tea ul li {
			float: left;
			width: 33.3%;
			margin: 0;
			list-style: none;
			text-align: center;
			font-size: 120%;
		}
		.tea ul li a {
			display: block;
			padding-top: 65px;
			background-repeat: no-repeat;
			background-position: 50% 0;
		}
			.tea ul li.tea-green a {
				background-image: url(/bitrix/templates/strauss/images/i-tea-green.gif);
				color: #008200;
			}
			.tea ul li.tea-black a {
				background-image: url(/bitrix/templates/strauss/images/i-tea-black.gif);
				color: #000;
			}
			.tea ul li.tea-wood a {
				background-image: url(/bitrix/templates/strauss/images/i-tea-wood.gif);
				color: #64460A;
			}
			.tea ul li.tea-white a {
				background-image: url(/bitrix/templates/strauss/images/i-tea-white.gif);
				color: #147800;
			}
			.tea ul li.tea-herbal a {
				background-image: url(/bitrix/templates/strauss/images/i-tea-herbal.gif);
				color: #789614;
			}
			.tea ul li.tea-fruit a {
				background-image: url(/bitrix/templates/strauss/images/i-tea-fruit.gif);
				color: #C80000;
			}

ul.tea-nav {
	margin: 0 0 2em;
	overflow: hidden;
}
	ul.tea-nav li {
		float: left;
		margin: 0 25px 0 0;
		list-style: none;
	}
		ul.tea-nav li a,
		ul.tea-nav li strong {
			display: block;
			background-repeat: no-repeat;
			background-position: 0 0;
			text-indent: -9999em;
			overflow: hidden;
		}
		ul.tea-nav li a {
			width: 32px;
			height: 32px;
			margin-top: 18px;
			border-bottom: 2px solid #000;
			padding: 0 0 5px;
		}
			ul.tea-nav li.tea-green a	{ border-color: #147800; background-image: url(/bitrix/templates/strauss/images/i-tea-green-s.gif); }
			ul.tea-nav li.tea-black a	{ border-color: #000;	 background-image: url(/bitrix/templates/strauss/images/i-tea-black-s.gif); }
			ul.tea-nav li.tea-wood a	{ border-color: #64460A; background-image: url(/bitrix/templates/strauss/images/i-tea-wood-s.gif); }
			ul.tea-nav li.tea-white a	{ border-color: #147800; background-image: url(/bitrix/templates/strauss/images/i-tea-white-s.gif); }
			ul.tea-nav li.tea-herbal a	{ border-color: #789614; background-image: url(/bitrix/templates/strauss/images/i-tea-herbal-s.gif); }
			ul.tea-nav li.tea-fruit a	{ border-color: #A0000A; background-image: url(/bitrix/templates/strauss/images/i-tea-fruit-s.gif); }

		ul.tea-nav li strong {
			width: 50px;
			height: 50px;
		}
			ul.tea-nav li.tea-green strong	{ background-image: url(/bitrix/templates/strauss/images/i-tea-green-m.gif); }
			ul.tea-nav li.tea-black strong	{ background-image: url(/bitrix/templates/strauss/images/i-tea-black-m.gif); }
			ul.tea-nav li.tea-wood strong	{ background-image: url(/bitrix/templates/strauss/images/i-tea-wood-m.gif); }
			ul.tea-nav li.tea-white strong	{ background-image: url(/bitrix/templates/strauss/images/i-tea-white-m.gif); }
			ul.tea-nav li.tea-herbal strong	{ background-image: url(/bitrix/templates/strauss/images/i-tea-herbal-m.gif); }
			ul.tea-nav li.tea-fruit strong	{ background-image: url(/bitrix/templates/strauss/images/i-tea-fruit-m.gif); }


/* Coffee machines */

.coffee-machine {
	margin: 0 0 2em;
	overflow: hidden;
}
	.coffee-machine h2 {
		margin-top: 0;
	}

	.coffee-machine .models {
		float: left;
		width: 28%;
		padding-right: 20px;
		font-size: 90%;
	}
		.coffee-machine .models h2 {
			margin: .25em 0 1.4em;
			color: #6E6E64;
			font-weight: normal;
			font-size: 140%;
		}
		.coffee-machine .models ul li {
			margin-bottom: .2em;
			list-style: square;
		}
		.coffee-machine .models a {
			color: #6E6E64 !important;
		}
		.coffee-machine .models strong {
			color: #F00000;
			font-weight: normal;
		}

	.coffee-machine .model-details {
		border-left: 1px solid #0096D2;
		padding-left: 20px;
		overflow: hidden;
	}
		.coffee-machine .model-details h2 {
			margin-bottom: .6em;
		}
		a.ingredients {
			float: left;
			min-width: 80px;
			margin-top: 5em;
			padding-bottom: 120px;
			background: url(/bitrix/templates/strauss/images/i-ingredients.gif) no-repeat 50% 100%;
			color: #6E6E64;
			font-weight: bold;
		}
		a.ingredients:hover,
		a.ingredients:active {
			color: #F00000;
		}


/* News */

ul.news-nav {
	margin: 0 0 2em;
	overflow: hidden;
}
	ul.news-nav li {
		float: left;
		margin: 0 25px 0 0;
		list-style: none;
	}
		ul.news-nav li strong {
			color: #06C;
			font-size: 160%;
			font-weight: normal;
		}
		ul.news-nav li a {
			float: left;
			margin-top: .6em;
			color: #000;
		}
		ul.news-nav li a:hover,
		ul.news-nav li a:active {
			color: #F00000;
		}

dl.news-list dt {
	line-height: 1.2;
}
dl.news-list dd {
	margin: 0 0 1.25em;
	font-size: 120%;
}


/* Links */

.links-block {
	overflow: hidden;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #06C;
	padding-bottom: 1em;
}
	.links-block .desc {
		float: left;
		width: 60%;
	}
		.links-block .desc h3 {
			margin-top: 0;
		}
	.links-block ul {
		margin-left: 70%;
		padding-top: 30px;
	}
		.links-block ul li {
			list-style: none;
			margin-top: -5px;
		}


/* Modalbox */

.box {
	position: relative;
	min-width: 0 !important;
	max-width: none !important;
	height: 482px;
	margin: 0 !important;
	padding: 13px 25px 25px;
	background: transparent url(/bitrix/templates/strauss/images/bg-popup.png) no-repeat 0 0;
	font-size: 80%;
	overflow: hidden;
}
.box.popup-tea {
	background-image: url(/bitrix/templates/strauss/images/bg-popup-tea.png) !important;
}
	.box-close {
		position: absolute;
		top: 20px; right: 20px;
		width: 20px;
		height: 20px;
		background: url(/bitrix/templates/strauss/images/i-close.gif) no-repeat 0 0;
		text-indent: -9999em;
		overflow: hidden;
	}
	.box-prev,
	.box-next {
		position: absolute;
		width: 31px;
		height: 46px;
		top: 237px;
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -9999em;
		overflow: hidden;
	}
		.box-prev {
			left: 13px;
			background-image: url(/bitrix/templates/strauss/images/i-box-prev.gif);
		}
		.box-next {
			right: 13px;
			background-image: url(/bitrix/templates/strauss/images/i-box-next.gif);
		}