/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
@charset "utf-8";  
@font-face{
	font-family: 'BoshSans';
	src: url('../fonts/boschsans-regularwebfont.eot');
	src: url('../fonts/boschsans-regularwebfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/boschsans-regularwebfont.woff') format('woff'),
	     url('../fonts/boschsans-regularwebfont.ttf') format('truetype'),
	     url('../fonts/boschsans-regularwebfont.svg#PFDinTextCompPro') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'BoshSans';
	src: url('../fonts/boschsans-boldwebfont.eot');
	src: url('../fonts/boschsans-boldwebfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/boschsans-boldwebfont.woff') format('woff'),
	     url('../fonts/boschsans-boldwebfont.ttf') format('truetype'),
	     url('../fonts/boschsans-boldwebfont.svg#PFDinTextCompPro') format('svg');
	font-weight: bold;
	font-style: normal;
}

/* ANIMATION */ 
.header-menu table td,
.header-menu table td a,
.navigation a,
.footer-menu ul li a,
.content td a,
.models tr td div{
	-webkit-transition: 0.25s ease all;
	-moz-transition: 0.25s ease all;
	-o-transition: 0.25s ease all;
	transition: 0.25s ease all;
}
.ui-dialog *{
	-webkit-transition: 0.25s ease background, 0.25s ease color;
	-moz-transition: 0.25s ease background, 0.25s ease color;
	-o-transition: 0.25s ease background, 0.25s ease color;
	transition: 0.25s ease background, 0.25s ease color;
}
/* ANIMATION off */







img {
  border:none
  }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
  }
table,td  {
  vertical-align:top;
}
del,ins{
  text-decoration:none;
  }
li  {
  list-style:none;
  }
caption,th  {
  text-align:left;
  }
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
  }
q:before,q:after  {
  content:'';
  }abbr,
acronym {
  border:0;
  font-variant:normal;
  }
sup {
  vertical-align:baseline;
  }
sub {
  vertical-align:baseline;
  }
legend  {
  color:#000;
  }
input,button,textarea,select,optgroup,option  {
  font-family:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  }
A {
  color: #3c8ec8;
  }
P {
  color: #000000;
  }  
A:HOVER {
  color: #000000;
  text-decoration: none;
  }
html, body {
  width: 100%;
  height: 100%;
}
body {
  height: 100%;
/*  height: auto !important;*/
  position: relative;
  font-size: 13px;
  text-align: center;
  font-family:  BoshSans, Arial, sans-serif;
  }
.clear{
	clear: both;
}  
.container{
	width: 982px;
	text-align: left;
	margin: auto;
}
.content{
	margin-top: 20px;
	background: #e3e4e4 url("../images/cont-bg.jpg") repeat-x top left;
}
.footer{
	margin-top: 10px;
	background:#f0f0f0 url("../images/footer-bg.gif") repeat-x top left;
}
.header .logotype,
.header .slogan{
	float: right;
}
.header .slogan{
	padding: 36px 37px 36px 0;
	font-size: 16px;
	color: #2b2728;
}
.header .logotype{
	padding: 28px 0;
}

.header-menu TABLE{
	background:#053e6d url("../images/menu-bg.gif") repeat-x left top;
}
.header-menu TABLE TD.active,
.header-menu TABLE TD:HOVER{
	background:#fdfdfd url("../images/menu-hover.gif") repeat-x left top;
}

.header-menu TABLE TD.active A,
.header-menu TABLE TD:HOVER A{
	color: #1f4974;
}
.header-menu TABLE {
	/*border-right: 1px solid #0f4775;*/
}
.header-menu TABLE TD A{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 0px;
	width: 100%;
}
.header-menu TABLE TD{
	background: url("../images/menu-border.gif") repeat-y top left;
}


/* FRONT TEXT */
.front-image{
	position: relative;
	float: left;
	width: 450px;
	padding: 10px 0px;
	text-align: center;
}
.new{
	background: url("../images/new.png") repeat-y top left;
	position: absolute;
	right: 13px;
	bottom: 32px;
}
.fron-text{
	width: 460px;
	float: left;
	padding: 40px 10px 26px 56px;
}

.content UL LI,
.content UL,
.content OL,
.content OL LI{
	list-style: circle;
/*	/*	line-height: 150%;*/*/
}
.content OL,
.content UL{
	margin-left: 25px;
}
.content OL,
.content OL LI{
	list-style: decimal;
}
.content H1{
	font-size: 25px;
	color:#000000;
	padding: 15px 0 10px 0;
/*	/*	line-height: 150%;*/*/
}
.fron-text H1{
	padding-top: 0;
	font-weight: bold;
}
.fron-text H2{
	font-weight: bold;
}
.content H2{
	font-size: 22px;
	color:#000000;
	padding: 10px 0 5px 0;
/*	/*	line-height: 150%;*/*/
}

.content H3{
	font-size: 20px;
	color:#000000;
	padding: 5px 0 3px 0;
/*	/*	line-height: 150%;*/*/
}
.content H3.popuptitle {
	font-weight: bold;
	}
.content H4{
	font-size: 18px;
	color:#000000;
	padding: 5px 0 0px 0;
/*	/*	line-height: 150%;*/*/
}

.content H1,
.content H2,
.content H3,
.content H4{
	
}
.content P{
	padding-bottom: 15px;
	color: #343434;
/*	/*	line-height: 150%;*/*/
}
.content td p{
	padding-bottom: 0;
}
.navigation{
	color:#1f4974;
	font-weight: bold;
}
.right{
	float: right;
	width: 230px;
}
A{
	color: #1f4974;
	text-decoration: none;
}
A:HOVER{
	/*text-decoration: underline;*/
}
/* footer */
.footer-menu{
	float: right;
	width: 240px;
	padding: 26px 0;
}
.footer-menu UL LI A,
.footer-menu UL LI{
	font-size: 12px;
	text-decoration: none;
	color: #1f4974;
}
.footer-menu UL LI A:HOVER{
	color: #000000;
}
.footer-menu UL LI{
	padding: 0 0 7px 0;
}




/* internal */
.internal .padding{
	padding: 25px 40px;
}
.internal{
	background: url("../images/internal-bg.png") no-repeat right bottom;
}
.internal{
	padding-bottom: 120px;
}

.inernal-shadow{
	background: url("../images/internal-shadow.png") repeat top left;
	width: 500px;
}
.internal A:HOVER{
	text-decoration: none;
}
.internal A{
	
}


/* why bosch */
.why-bosch{
	background: url("../images/why-bosch-bg.png") no-repeat top left;
}
.why-bosch H1{
	font-size: 23px;
}
.why-bosch .right-part H3{
	font-size: 16px;
}
.year2010{
	text-align: right;
}
.why-bosch .right-part{
	float: right;
	width: 490px;
	padding: 60px 20px 30px;
}
.left-part{
	float: left;
	width: 400px;
	padding: 25px 0 45px 35px;
	z-index: 100;
	}

/* Internal list */
.internal-info{
	background: url("../images/internal-shadow.png") repeat top left;
}

.internal-fihish{
	padding: 25px 0 30px 37px;
}

.internal-fihish .internal-list{
	float: left;
}
.internal-fihish .internal-info{
	float: right;
	width: 250px;
	margin-top: 7px;
}
.internal-fihish .internal-info .title{
	background: #1d4976;
	color: #FFFFFF;
	padding: 14px;
	text-align: center;
}
.internal-fihish .internal-info .description{
	padding: 14px 11px;
}
.content .lists UL{
	margin: 0px;
}
.content .lists LI{
	text-align: center;
	font-size: 11px;
}
.content .lists LI.divider{
	margin-top: 60px;
}
.content .lists LI{
	float: left;
	list-style: none;
	margin-right: 16px;
	display: inline-block;
	vertical-align: bottom;
}


.internal-list H4{
	padding: 45px 0px;
}


.internal-info-page H1{
	padding: 55px 35px 40px;
}

.internal-info-page .bredcrumbs UL,
.internal-info-page .bredcrumbs UL LI{
	float: left;
	list-style: none;
	color: #1f4974;
}
.internal-info-page .bredcrumbs UL LI A{
	margin-left: 5px;
}
.internal-info-page .bredcrumbs UL LI{
	margin-right: 10px;
}

.products-info .pictures .left-narrow{
	float: left;
	width: 30px;
	margin-top: 130px;
	margin-right: -30px;
}
.products-info{
	padding:70px 0;
	
}
.products-info .info P IMG{
	margin-right: 5px;
}
.products-info .info{
	float: left;
	width: 230px;
	margin-left: 10px;
	_display: inline;
}
.products-info .pictures .right-narrow{
	float: right;
	width: 30px;
	margin-top: 130px;
	margin-left: -30px;
}
.products-info .picture{
	float: left;
	margin-left: 28px;
}
.products-info .pictures{
	float: left;
	width: 473px;
	margin: 0 0 0 10px;
}
.products-info .pictures .pictures-list UL LI{
	list-style: none;
	margin-right: 20px;
	padding-bottom: 35px;
	float: left;
}
.products-info .pictures .pictures-list{
	margin: 0px 30px;
}



/* Popup Windows */

.popupWindow{
	z-index: 150;
	position:  absolute;
	display: none;
}

.relative{
	position: relative;
	
	}
.cornerSecond,
.cornerThird,
.cornerFirst{
	position: absolute;
	width: 25px;
	height: 25px;
	font-size: 1px;
	line-height: 0;
	
}
.cornerFirst{
	left: 29px;
    top: 29px;
}
.cornerSecond{
	left: 29px;
    top: 29px;
}
.cornerThird{
	left: 29px;
    top: 29px;
}
.cornerSecond A,
.cornerThird A,
.cornerFirst A{
	outline: none;
	display: block;
	width: 100%;
	height: 100%;
}
.popupWindow .close{
	padding: 13px;
	text-align: right;
}
.popupWindow .bg h3{
	color: #FFFFFF;
}
.popupWindow .bbg h3{
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: bold;
	color: #FFFFFF;
}
.corner A{
	outline: none;
}
.popupWindow .bg .icon{
	padding: 13px;
}
.popupWindow{
	padding-left: 13px;
/*	background: url("../images/corner.png") no-repeat left center;*/
}
	
.popupWindow.right{
	padding-right: 13px;
	padding-left: 0;
	text-align: left;
	width: 356px;
	background: url("../images/corner-right.png") no-repeat 100% 100%;
}

.popupWindow .bbg{
	position: relative;
	text-align: left;
	padding: 6px 14px;
	width: 316px;
	background: #527ea6;
	background: rgba(68, 107, 143, 0.96);
}
.popupWindow .bbg p{
	color: #fff;
	font-size: 12px;
	line-height: 14px;	
}
.popupWindow .corner-text P{
font-size: 11px;
	color: #FFFFFF !important;
}
.popupWindow .corner-text{
	padding: 0 13px 13px;
	font-size: 11px;
	color: #000000 !important;
}


.play-1 H1{
	padding: 59px 0 0 35px;
}

.eatList{
	float: left;
	clear: left;
	padding: 145px 0 126px;
	width: 100%;
	
}
.padding-bottom{
	padding-bottom: 51px;
}
.eatList .item .bigImg{
	display: none;
}
.eatList .item{
	display: inline;
	margin-left: 18px;
	float: left;
}


.lists{
	C:\DOCUME~1\ROMA\LOCALS~1\TEMP\FTMP0008.2J0\main.cssposition: relative;
}



/* Play 2 */
.play-2{
	position: relative;
}
.wash-machine{
	float: left;
	position: relative;
	z-index: 120;
	left: 16px;
}
.infoBlock{
	position: absolute;	
	cursor: pointer;	
	left: 423px;
    position: absolute;
    top: 186px;
    z-index: 180;
}
.play-3 .dish{
	z-index: 100;
}
.dish{
	position: relative;
	z-index: 150;
	left: 0;
	top:131px;
}

.color-blue p span{
	color:#000000;
}
.color-blue p{
	color: #003c6a;
}


.content .lists li.info-finish{
	width: 500px;
	padding-left: 50px;
	text-align: left;
	font-size: 13px;
}

.eatList .item{
	
	position: relative;
}
.block1,
.block2,
.block3,
.block4,
.block5{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	z-index: 150;

	visibility: visibility;
}
.fix-height{
	height: 730px;
}
.hidden{
	z-index: 100 !important;
/*	visibility: hidden;*/
}
.bigImg A{
	outline: none;
}
.eatList .item .bigImg.active{
	display: block;
}
.eatList .item .bigImg IMG{
	width: 100%;
	height: 100%;
}
.eatList .item .bigImg{
	position: absolute;
	top:0px;
	z-index: 200;
	cursor: pointer;
	left:0px;
}
.eatList .item:HOVER .bigImg {
	/*display: block;*/
}
.wash-machine .pointer A{
	display: block;
	width: 100%;
	height: 100%;
	
}
.wash-machine .pointer{
	
    height: 64px;
    left: 305px;
    position: absolute;
    top: 87px;
    width: 285px;
}


.item A{
	outline: none;
}
H1.hot SPAN{
	display: block;
	margin: 20px 0;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
H1.hot{
	margin-top: 8px;
	color: #263e42;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}


/* 15-02 */

.CalgonitContainer {
	position: relative;
	padding-right: 80px;
	z-index: 1000;
	}
.circlecontainer {
	position: absolute;
	top: 93px;
	left: 153px;
	}
.circlecontainer1 {
	position: absolute;
	top: 144px;
	left: 102px;
	}
.circlecontainer2 {
	position: absolute;
	top: 102px;
	left: 112px;
	}
.circlecontainer3 {	
    left: 104px;
    position: absolute;
    top: 92px;	
	}
.arrowgrey {
	position: absolute;
	top: 29px;
	left: 29px;
	}
.arrowgrey  a {
	position: relative;
	}
td.corner-text li p {
	color: #FFFFFF;
	}
.content ul.calgonit-top-list {
	margin-left: 0px;
	}	
.content ul.calgonit-top-list li {
	list-style: none;
	float: left;
	padding-right: 10px;
	}
p.calgonit-description {
	padding: 25px 0px 25px 0px;
	font-size: 13px;
	width: 582px;
	}
a.more {
	background-image: url('../images/arrow-right.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;
	color: #1f4974; 
	}
td.corner p.no-padding{
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 13px;
	}
td.width105 {
	width: 105px;
	}
td.corner-text li {
	color: #FFFFFF;
	}
table.calgonit-list {
	width: 100%;
	}
table.calgonit-list td {
	padding-bottom: 7px;
	}	
	
	.footer-menu UL LI,
	.footer-menu LI{
		list-style: none !important;
	}
	
	
.cornerFifth {
    left: 29px;
    top: 29px;
}

.cornerFifth {
    font-size: 1px;
    height: 25px;
    line-height: 0;
    position: absolute;
    width: 25px;
}
.circlecontainer.second{
	z-index: 153;
    left: 78px;
    top: 42px;
	}
.circlecontainer.fird{
	left: 286px;
    top: 140px;
	z-index: 138;
	}
.circlecontainer.first{
	z-index: 150;
    left: 122px;
    top: 348px;
}
.circlecontainer.forth{
	z-index: 151;
    left: 57px;
    top: 138px;
}
.circlecontainer.fifth{
	left: 266px;
    top: 308px;
	z-index: 135;
}
.circlecontainer.sex{
	left: 102px;
    top: 288px;
	z-index: 150;
}


#varanty H2{
	font-size: 18px;
}
#varanty UL LI{
	padding-bottom: 15px;
	list-style: circle;
}
#varanty UL{
	margin: 0px 0 0 30px;
	
}
#varanty P{
	/*	line-height: 150%;*/
	padding-bottom: 20px;
}
#varanty{
	text-align: left;
}
.popupWindow.right.popup4,
.popupWindow.right.popup5 {
	background-position: 100% 80px;
}
.fron-text .corner{
	float: right;
	
}
.fron-text .popup4{
	margin: -40px 0 0 -40px;
}
.mod-tbl{
	border-spacing: 0;
	padding: 20px 0 16px 20px;
	width: 480px;
}
.mod-tbl td{
	text-align: left;
}
.mod-tbl thead tr td{
	padding: 4px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	vertical-align: middle;
	background: #285c87;
}
.mod-tbl tbody tr td{
	padding: 0 10px;
	color: #000;
	background: #fff;
}
.mod-tbl tbody tr:first-child td{
	padding-top: 10px;
}
.lst td{
	padding-bottom: 10px !important;
	padding-bottom: 10px;
}
.cntrl-type{
	display: inline-block; *display: inline; zoom: 1;
	width: 96px;
	text-align: left;
	margin: 4px 8px 4px 20px;
	padding: 4px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	background: #285c87;
	vertical-align: middle;
	white-space: nowrap;
}
.cntrl-desc{
	display: inline-block; *display: inline; zoom: 1;
	width: 300px;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	vertical-align: middle;
}
.mmain .fron-text{
	width: 345px;
}
.mmain .fron-text h1{
	margin-top: 50px;
}
.mmain .front-image{
	margin-left: 20px;
	width: 540px;
}
.bbuy tr td{
	padding: 10px 0 10px 20px;
	border-bottom: solid 1px #e3e3e3;
}
.bbuy tr td:first-child{
	padding-left: 0;
}
.bbuy tr:first-child td{
	padding-top: 0;
}
.bbuy tr td a{
	text-decoration: underline;
}
.mdl .fron-text{
	padding-top: 20px;
}
.mdl h1{
	padding-bottom: 40px;
	font-size: 20px;
}
.models{
	width: 100%;
/*	background: #fff;*/
	border: solid 4px transparent;
	border-spacing: 0;
}
.models tr td{
	text-align: center;
	font-size: 10px;
	color: #070707;
	background: #fff;
}
.models tr td div{
	display: block;
	padding: 4px;
}
.models tr td:hover div{
	padding: 0px 4px 4px;
}
.models tr td div span{
	display: block;
}
.popupWindow .bbg .close{
	float: right;
	margin: 0 0 0 13px;
	padding: 0;
}
.more-more{
	text-align: right;
}
.play{
	width: 100%;
	height: 100%;
}
.play tr td{
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.num, .numspace{
	position: relative;
	float: left;
	color: #f00;
	font-size: 144px;
	line-height: 72px;
	font-weight: bold;
	height: 144px;
	margin-bottom: 72px;
	opacity: 0;
}
.numspace{
	color: #000;
}
.num span{
	display: inline-block; *display: inline; zoom: 1;
	vertical-align: top;
}
.tonn{
	font-size: 56px;
	margin-top: 40px;
}
.slg{
	font-size: 44px;
	margin-top: -90px;
	opacity: 0;
}
.foryear{
	font-size: 36px;
	line-height: 36px;
}
.ten{
	font-size: 90px;
}
.addnum{
	width: 200px;
	left: -13px;
	top: 70px;
	position: absolute;
	opacity: 0;
}
.rright{
	text-align: right;
	left: -35px;
}
.lleft{
	text-align: left;
	left: 0px;
}
#s1, .play-frame{
	display: none;
	opacity: 1;
}
.play .active{
	display: inline-block; *display: inline; zoom: 1;
	position: relative;
}
.play .unactive{
	display: none;
}
.hidd{
	opacity: 0;
}
.blck{
	color: #000;
}
.cleann{
	font-size: 42px;
	margin-top: 56px;
}
.huge-w{
	position: relative;
	width: 300px;
	height: 200px;
	margin: 100px 0;
	opacity: 0;
}
.huge-w img{
	position: absolute;
	bottom: 0;
	left: -100px;
}
.wash, .small-w{
	display: inline-block; *display: inline; zoom: 1;
	position: relative;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	opacity: 0;
}
.small-w span{
	font-size: 12px;
	font-weight: bold;
}
.med-w{
	position: relative;
	left: -150px;
	margin: -100px 0 -40px;
	opacity: 0;
}
.llogo{
	margin: 20px 0;
}
.llogo img{
/*	margin: 20px 0;*/
	opacity: 0;
}
.slog{
	font-size: 25px;
	opacity: 0;
}
.med-w .small-w{
	top: -30px;
	left: 30px;
	font-size: 30px;
	font-weight: bold;
	opacity: 1;
}
.med-w .small-w span{
	font-size: 16px;
	font-weight: bold;
}
.huge-w .small-w{
	top: 170px;
	left: 290px;
	font-size: 50px;
	font-weight: bold;
	opacity: 1;
}
.huge-w .small-w span{
	font-size: 24px;
	font-weight: bold;
}
.backk{
	position: absolute;
	font-size: 24px;
	text-decoration: underline;
	right: 20px;
	bottom: 20px;
}
.fwdd{
	position: absolute;
	font-size: 24px;
	text-decoration: underline;
	left: 20px;
	bottom: 20px;
}
.plist{
	padding-left: 8px;
}
.plist:before{
	content: "*";
	margin-left: -8px;
	padding-right: 2px;

}
ul.llist li{
	list-style: none;
	color: #343434;

}
ul.llist li:before{
	content: "\25ba";
	margin: 0 10px 0 -23px;

}
.models tr td.spcer{
	background: none;
	width: 0px;
	padding: 4px;
}
.dbl{
	margin-bottom: -186px;
/*	height: 312px;
	overflow: hidden;*/
}
.models tr td h3{
	font-weight: bold;
	text-align: left;
	padding: 8px 0 0 26px;
}
.hhide *{
	visibility: hidden;
}
.models tr td.hhide{
	background: none;
}
.models tr td.wht{
	background: #fff;
}
.models tr td ul{
	padding: 20px 0;
}
.models tr td ul li{
	text-align: left;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	margin-top: 4px;
	list-style: square;
	margin: 0 0 0 500px;
}