*{
	margin: 0px;
	padding: 0px;
	border: none;	
   font-family: Tahoma,Trebuchet MS, Arial, Helvetica, sans-serif;	
	background-repeat: no-repeat;
}
body{
	width: 100%;
	height: 100%;
	text-align: center;		
	background-image: url(../images/back.jpg);
	background-position: center top;
	font-size: 12px;
	line-height: 20px;
	color: #37453d;
	background-repeat: no-repeat;
	background-color: #fff;
}
a{
	text-decoration: none;
	color: #4a7c1d;
}
a:hover{
	color: #4a7c1d;
}
#header{
	/*height:200px;*/
	height:170px;
	background-image: url(../images/vita_logo.png);
	background-position: center;	
}
#bottom_back{
	width: 100%;
	height: 100%;
	background-image: url(../images/footer.jpg);
	background-position: bottom center;
	min-height:900px;
}
#topmenu{
	position: absolute;
	margin-top: 80px;
	margin-left:30px;
}
#topmenu ul li{
	display: block;
	float: left;
	height: 30px;	
	margin-left:40px;
	margin-right:40px;	
}
#topmenu ul li a{
	display: block;
	height: 30px;
	font-family: Trebuchet MS;
	font-size: 14px;
	color: #515949;
	text-transform: uppercase;
}
#topmenu ul li a:hover, #topmenu ul li a.selected{
	border-bottom: 4px solid #54901e;
}

#topmenu ul li.products:hover div.submenu{
	display: block;
}

#topmenu ul li div.submenu{
	position: absolute;
	z-index: 200;
	background-image: url(../images/subdot.png);	
	background-repeat: repeat;
/*	width: 730px;*/
	width: 760px;
	min-height: 200px;
	color: white; 
	padding: 20px 10px 10px 10px;	
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	text-align: left;
	margin-top: 30px;
	display: none;
}
#topmenu ul li div.submenu div.submenu_list a{
	line-height: 14px;
	display: block;
	color: White;
	margin: 0px;
	padding: 8px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	font-size: 12px;
	text-shadow: 2px 1px 3px #275400;
	/*width: 215px;*/
	width: 225px;
	float: left;
	margin-right: 10px; 
}
#topmenu ul li div.submenu div.prop1 a:hover{
	border: none;
	background-color: #295700;
}
#topmenu ul li div.submenu div.prop2 a:hover{
	border: none;
	background-color: #ff9000;
}
#topmenu ul li div.submenu div.submenu_list a span{
	font-size: 10px;
}
#topmenu ul li div.submenu div.submenu_list{
	/*width: 210px;
	float: left;
	margin-left: 10px; 
	*/
	margin-bottom: 20px;
	clear:both;
}

a.big{
	font-size: 26px !important;	
	font-weight: bold;
	letter-spacing: -1px  !important;	
}
a.mid{
	font-size: 22px !important;	
	font-weight: bold;
	letter-spacing: -1px  !important;	
}

.langs{
	position: absolute;
	top: 10px;
	right:10px;	
	visibility: hidden;
}
.langs a{
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #515949;
	text-transform: uppercase;
}
.langs a:hover, .langs a.selected{
	color: #54901e;
}
.container{
	width:990px;	
	margin:0px auto;
   position:relative;
	text-align: left;	
}

input,textarea{
	padding: 4px;
	padding-left: 10px;
	font-size: 14px;
	border:1px solid gray;
	background-color: white;
}
input{
	height: 20px;		
}
.clear{
	clear:both;
}

.textbox{ 
	height: 28px;
	width: 230px;
	color: #242424; 
	padding: 3px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.textbox_err	{ color: #242424;  }

.select 		{ color: #242424;  }
.select_err		{ color: #242424;  }

textarea.textbox{ 
	width: 230px;
	height: 140px;
}
.submit{
	height: 30px;
	color: #ffffff; 
   background-color: #699e3a;
	padding: 4px;
	padding-left: 30px;
	padding-right: 30px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
	 border: none;
}
.submit:hover{
	cursor: pointer;	
}

.message {
color: #6495ED;
}
.warning {
color: #8B0000;
}
.success {
color: #6495ED;
}
.error {
color: #8B0000;
}

h1,h2{
	font-size: 30px;	
	letter-spacing: -1px;	
	color: #699e3a;
	text-transform: uppercase;
	font-weight: lighter;
	margin-bottom: 25px;
	line-height: normal;
}

h3{
	font-size: 20px;	
	letter-spacing: -1px;	
	color: #699e3a;
	text-transform: uppercase;
}

.list_item p, .right p{
	color: #7a7a7a;
	font-size: 10px;
	font-family: Tahoma;
	line-height: 13px;
}
.list_item p{
	font-size: 12px;
	text-transform: uppercase;
}

div.dairy, h2.dairy{
	color: #f57f00;
}
a.btn_dairy{
	background-color: #f57f00;
}
a.btn_dairy:hover{
	background-color: #ff6600;
}

.content{
	/*width: 990px;*/
}

.left{
	float: left;
	width: 670px;
	margin-left: 15px;
	overflow:hidden;
}
.right{
	float: left;
	width: 270px;
	margin-left: 15px;
}
.green_btn{
	width:70px;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	font-size: 10px;
	font-family: Tahoma;
	color: White;
	background-color: #699e3a;
}

.green_btn:hover{
	background-color: #4a7c1d;
   color: White;
}

.green_line{
	width:97%;
	height:28px;
	display: block;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	 border: solid;
	font-size: 20px;
	font-family: Tahoma;
	text-decoration: underline;
	color: White;
	background-color: #699e3a;
}
.green_line:hover{
	background-color: #4a7c1d;
   color: White;
}




.longbtn{
	width:120px;	
}


.phead{
	font-size: 22px;
	font-weight: bold;
	color: #e60000;
}


/* ##  ITEMS  ## */

.list_item{
	width: 190px;
	height: 390px;
	float: left;
	margin-right:30px;
}
.item_img{
	width: 190px;
	height: 215px;
	display: block;
	text-align: center;
}
.item_img img{
	width: 188px;
	margin: 0px auto;
}
.item_price{
	float: right;
	color: #699e3a;
	font-size: 26px;
	font-weight: lighter;
	font-family: Trebuchet MS;
}
.item_price span{
	font-size: 10px;
}
.item_title{
	color: #699e3a;
	font-size: 26px;
	font-weight: lighter;
	font-family: Trebuchet MS;
	float: left;
	line-height: normal;
}
sup{
	font-size: 12px;
	padding-top: 5px;
}
.right_top_menu{
	/*margin-left:368px;	*/
	margin-left:310px;	
}

#footer_contacts{
	margin-left: 20px;
}

.contacts_form{
	float:left;width:300px;
}

#header2{
	background-size: cover;
	width: 152px;
	height: 100px;
	margin: 0px auto;
	background-image: url(../images/vita_logo.png);
	background-position: center;
	display: none;
}




/*============================================================================================*/
/* 5.  MEDIA QUERIES */
/*============================================================================================*/

@media (max-width: 1024px) {

.right{
	display: none;
}
.left{
	width:90%;
	margin-left: 0px;
	padding-left: 5%;
	padding-right: 5%;
}
.container{
	width:100%;
}


}



@media (max-width: 1000px) {
#topmenu{
	 height: 21px;
    margin-bottom: 10px;
    margin-left: 200px;
    margin-top: 64px; 
}
.right_top_menu{
	margin-left:10px;	
}
#topmenu ul li{
	margin-left:10px;
	margin-right:10px;	
}
#topmenu ul li a{
	font-size: 11px;
}
#header{
	background-size: cover;
	width: 152px;
	height: 100px;
	margin-left: 20px;
	float: left;
}

}

/* From tablet portrait to mobile */
@media (max-width: 840px) {

#topmenu ul li div.submenu{
	width: 490px;
}

}

/* From tablet portrait to mobile */
@media (max-width: 767px) {

.nivo-controlNav{
	display: none;
}
#topmenu ul li div.submenu{
	width: 500px;
}

}

@media (max-width: 573px) {
#topmenu{
	 height: 40px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 10px;
    position: relative;
	 width: 95%;
	 margin-left: 5%;
}
.right_top_menu{
	margin-left:7px;	
}
#topmenu ul li{
	margin-left:7px;
	margin-right:7px;	
}
#topmenu ul li a{
	font-size: 11px;
}
#header{
/*
	background-size: cover;
	width: 152px;
	height: 100px;
	margin: 0px auto;
	float: none;
	position: absolute;
	top:-110px;
	left:65px;*/
	display: none;
}
#header2{
	display: block;
}

#lang_top{
	display: none;
}

#topmenu ul li div.submenu{
	width: 280px;
}

}

@media (min-width: 342px) and (max-width: 520px) {
.list_item{
	margin-right:10px;
	margin-left:10px;
	width: 120px;
	height: 300px;
}
.item_img{
	width: 120px;
	height: 150px;
}
.list_item img{
	height: 90%;
	width: 90%;
	margin-bottom:10px;
}

.item_title{
	font-size: 18px;
}

}


@media (min-width: 853px) {

}

@media (max-width: 380px) {
.textbox{
	width: 170px !important;
}
}

/* Mobile Portrait */
@media only screen and (max-width: 320px) {
.list_item{
	margin-right:10px;
	margin-left:40px;
}
#topmenu ul li div.submenu{
	margin-left: -60px;
}

}