/*-----------Limited Reset----------*/
html, body, div, section, article, aside, header, hgroup, footer, nav,/* h1, h2, h3, h4, h5, h6, p,*/ blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}

section{
	display: block;
	}
	
/*-----------Basic Layout Style*-----------*/
a{
	text-decoration: none;
	}

header{
	display:block;
	}
html{
	background: #CCC;
	}
body{
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	/*background: rgb(242,242,242);*/
	}
header{
	width: 1002px;
	margin-left: -2px;
	height: 115px;
	background: rgb(242,242,242);
	border: 1px solid rgb(179, 179, 179);
	border-top: 0;
	}
#pageHeader{
        position: relative;
        }
#mainLogo{
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	}
#logoCup{
        height: 100px;
        width: 120px;
        position: absolute;
        top: 0px;
        left: 850px;
        }
#firstMenu{
	height: 740px;
	background: url(../_images/InUnion_girl.png)no-repeat center 57%, url(../_images/menu_back_1.png)no-repeat 30% 20%, url(../_images/menu_back_1.png)no-repeat 67% 20%, url(../_images/menu_back_1.png)no-repeat 31.5% 40%, url(../_images/menu_back_1.png)no-repeat 69.5% 34%, url(../_images/menu_back_1.png)no-repeat 36% 48%, url(../_images/menu_back_1.png)no-repeat 64% 46.5%, url(../_images/InUnion_cups.png) no-repeat center 57%; 
	}

/*-------------#topNav------------*/

#topNav{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	position: relative;
	}
#topNav a:hover{
	color: #667;
	text-decoration: underline;
	}
#topNav ul{
	list-style: none;
	}
#topNav a{
	color: #000;
	}
a.index{
	position: absolute;
	left: 35px;
	top: 20px;
	}
a.machinesell{
	position: absolute;
	left: 142px;
	top: 20px;
	}
a.serviceorder{
	position: absolute;
	left: 347px;
	top: 20px;
	}
a.ingredients{
	position: absolute;
	left: 594px;
	top: 20px;
	}
a.aboutus{
	position: absolute;
	left: 860px;
	top: 20px;
	}
/*
a.contacts{
	position: absolute;
	left: 1000px;
	top: 20px;
	}
*/

/*----------------mainSection----------------*/

.mainSection{
	width: 800px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	margin-bottom: 40px;
	}
.mainSection h1{
	font-size: 18px;
	text-align: center;
	
	}
	
/*--.rheavendors--*/

.rheavendors{
	margin-left: -50px;
	width: 900px;
	height:500px;
	background: rgb(230,230,230);
	border-radius: 10px;
	position: relative;
	}
.listUl{
	padding-left: 15px;
	}
.listOl{
	padding-left: 25px;
	}
.rheavendors h2{
	font-size: 18px;
	padding-top: 20px;
	padding-left: 230px;
	}
.sagomaH5{
	width: 160px;
	float: left;
	padding-left: 40px;
	padding-top: 2.5px;
	}
.rheavendorsLogo{
	position: absolute;
	top: 15px;
	left: 552px;
	}
.techChar{
	float: left;
	width: 310px;
	/*padding-top: 27px;*/
	padding-left: 30px;
	position: relative;
	top: -13px;
	}
.techChar ul{
	list-style: none;
	}
.techChar li{
	margin-top: 9px;
	}
.techValue{
	float: left;
	padding-left: 10px;
	padding-top: 30px;
	width: 310px;
	}
.techValue ul{
	list-style: none;
	}
.techValue li{
	margin-top: 9px;
	}
.techValue li:first-of-type{
	margin-top: 0;
	}
	
/*--.price--*/

.price{
	width: 800px;
	height: 160px;
	background: rgb(230,230,230);
	border-radius: 10px;
	}
.priceBeans{
	float: left;
	margin-left: 100px;
	}
.priceInstant{
	float: right;
	margin-right: 100px;
	}
	
/*----------------contacts page styles--------------*/
.redText{
	color: red;
	}
/*--office info section--*/
.office{
	position: relative;
	}
.infoCup{
	/*float: right;*/
	}
.officeInfo{

	}
	
.office p:nth-child(1){

	}
.office p:nth-child(2){

	}
.officeInfo a:hover{
	color: rgb(105, 194, 196);
	text-decoration: underline;
	}

	
/*----------------order form styles--------------*/
.orderForm{
	width: 600px;
	background: rgb(230,230,230);
	padding: 20px;
	margin-left: 80px;
	border-radius: 10px;
	}
.inp{
	width: 200px;
	float: right;
	}

.smallText{
	font-size: 12px;
	color: rgb(153,51,0);
	}
.submit{
	width: 100px;
	height: 30px;
	
	}
.orderSend{
	color: red;
	height: 500px;
	}
/*----------------machine Sell styles--------------*/

.rheavendorsTable{
	margin: 0 auto;
	width: 850px;
	}
/*.rheavendorsTable p{
	text-align: center;
	}*/
.rheavendorsTable a:hover{
	color: rgb(105, 194, 196);
	text-decoration: underline;
	}
.rheavendorsTable a{
	color: #006 ;
	}

/*----Sagoma style----*/
.rheavendorsSagoma{
	margin-left: -50px;
	width: 900px;
	height: 855px;
	background: rgb(153,153,153);
	border-radius: 10px;
	position: relative;
	}
.sellText{
	float: left;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	width: 620px;
	}
.techCharSagoma{
	float: left;
	}
.techCharSagoma{
	float: left;
	width: 360px;
	/*padding-top: 27px;*/
	padding-left: 20px;
	position: relative;
	top: 1px;
	}
.rheavendorsSagoma h2{
	font-size: 18px;
	padding-top: 20px;
	padding-left: 290px;
	}
.techCharSagoma ul{
	list-style: none;
	}
.techCharSagoma li{
	margin-top: 9px;
	}
.techValueSagoma{
	float: right;
	margin-right: 15px;
	padding-top: 46px;
	width: 260px;
	}
.techValueSagoma ul{
	list-style: none;
	}
.techValueSagoma li{
	margin-top: 9px;
	}
.techValueSagoma li:first-of-type{
	margin-top: 0;
	}
.sagomaImg{
	width: 220px;
	float: left;
	padding-left: 20px;
	padding-top: 18px;
	}
.sagomaSale{
	background: url(../_images/sale.png) !important;
    width: 200px !important;
    height: 65px !important;
	position: absolute !important;
	left: 20px;
    bottom: 400px;
	}

.rheavendorsSagomaLogo{
	position: absolute;
	top: 15px;
	left: 592px;
	}
/*----Dream500 style----*/
.rheavendorsDream500{
	margin-left: -50px;
	width: 900px;
	height: 665px;
	background: rgb(153,153,153);
	border-radius: 10px;
	position: relative;
	}
.rheavendorsDream500Logo{
	position: absolute;
	top: 15px;
	left: 650px;
	}
.rheavendorsDream500 .abs{
	font-size: 18px;
	padding-top: 30px;
	padding-left: 290px;
	}
.dream500Sale{
	background: url(../_images/sale.png) !important;
    width: 200px !important;
    height: 65px !important;
	position: absolute !important;
	left: 20px;
    bottom: 180px;
	}

/*----Petit Espresso----*/
.rheavendorsPetitEspresso{
	margin-left: -50px;
	width: 900px;
	height: 945px;
	background: rgb(153,153,153);
	border-radius: 10px;
	position: relative;
	}
.rheavendorsPetitEspressoLogo{
	position: absolute;
	top: 15px;
	left: 650px;
	}
.rheavendorsPetitEspresso .petEsp{
	font-size: 18px;
	padding-top: 30px;
	padding-left: 290px;
	}
.PetitEspressoSale{
	background: url(../_images/sale.png)no-repeat !important;
    width: 200px !important;
    height: 365px !important;
	position: absolute !important;
	left: 20px;
    bottom: 180px;
	}
/*----imagesTable----*/
.machinesInStock{
	margin-left: -50px;
	width: 900px;
	height: 1345px;
	background: rgb(153,153,153);
	border-radius: 10px;
	position: relative;
	}
.machinesInStock a{
        margin: 0 10px 0 10px;
        }
.machinesInStock img{
        padding:10px;
        border:2px solid rgb(77, 77, 77);
        background-color: rgb(102, 102, 102);
        border-radius: 10px;
        }
.mInStock{
    text-align: center;
    padding-top: 20px;
    font-size: 24px;
    color: rgb(255, 51, 51);
}
.sectionHeder{
    color: rgb(32, 85, 123);
    font-size: 18px;
}
.imagesTable{
    margin: 0 auto;
}
.machinesInStock a:hover{
	color: rgb(105, 194, 196);
	text-decoration: underline;
	}
.machinesInStock a{
	color: #006 ;
	}
/*----------------ingridients page styles--------------*/
.product{
	display: block;
	margin-bottom: 10px;
	}
.prodImg{
	float: left;
	width: 375px;
	height: 425px;
	}
.ingDescription{
	display: block;
	}
#akcia{
	width: 150px;
	height: 150px;
	position: absolute;
	top: -60px;
	left: -100px;
	}
.ingSection{
	position: relative;
	}



/*----------------footer styles--------------*/
.redLine{
	height: 5px;
	display: block;
	background: rgb(255, 51, 51);
	}
.brownLine{
	background: rgb(26, 26, 26);
	height: 50px;
	}
.brownLine img{
	padding: 8px 0 0 10px;
	}
.footerSection{
	display: block;
	background: rgb(51, 51, 51);
	height: 300px;
	position: relative;
	}
.footer{
	/*height: 340px;*/
	}
.footerDown{
	height:30px;
	background: rgb(26, 26, 26);
	/*display: block;*/
	position: relative;
	}
.infoLeft{
	width: 498px;
	/*height: 340px;*/
	/*border-right: 2px dashed rgb(118, 205, 234);*/
	}
.contactLinks{
	color: #fff;
	}
.infoLeft a:hover{
	color: rgb(105, 194, 196);
	text-decoration: underline;
	}
.infoLeft section{
	width: 435px;
	padding: 10px 0 0 38px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	position: absolute;
	float: left;
	}
.infoLeft dt{
	font-size: 14px;
	}
.skypeImg{
	position: absolute;
	left: 38px;
	top: 151px;
	}
.skype{
	position: absolute;
	left: 88px;
	top: 156px;
	}
.phoneImg{
	position: absolute;
	left: 38px;
	top: 196px;
	}
.phone{
	position: absolute;
	left: 88px;
	top: 201px;
	}
.emailImg{
	position: absolute;
	left: 38px;
	top: 246px;
	}
.email{
	position: absolute;
	left: 88px;
	top: 249px;
	}
.infoRight{
	width: 498px;
	float: right;
	height: 340px;
	}
.infoRight a:hover{
	color: rgb(105, 194, 196);
	text-decoration: underline;
	}
.infoRight section{
	width: 435px;
	padding: 10px 0 0 38px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	position: absolute;
	float: right;
	/*border-left: 2px dashed rgb(118, 205, 234);*/
	}
.infoRight section ul{
	list-style: none;
	}
.infoRight li{
	margin-top: 5px;
	}
.infoRight a{
	color: #fff;
	}
.coffeeCup{
	position: absolute;
	left: 185px;
	top: 65px;
	}
.infoRight li:first-of-type{
	margin-top: 12px;
	}
.dashedLine{
	height: 270px;
	border-left: 2px dashed rgb(118, 205, 234);
	position: absolute;
	left: 499px;
	top: 10px;
	}
.footerDown p{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	top:-8px;
	left: 430px;
	}