/* --------------------------------- */
/*                                   */
/*          Created by toro          */
/*                                   */
/*         ©2008 torodesign          */
/*                                   */
/* --------------------------------- */

/*  reset  */
* {
	padding: 0;
	margin: 0;
}

/*  colors  */

.barna {
	color: #692300;
}
.hatter {
	color: #f9dfb2;
}
.betu {
	color: #4c473c;
} 
.krem {
	color: #ce9249;
}

/* ======================== */


/* common definitions */

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear:both;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.bold {
	font-weight: bold;
}
/*  html tags  */

body {
	background: #f9dfb2;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4c473c;
}

h1, h2, h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: black;
	font-weight: normal;
}
h1 {
	background: transparent url(../images/head.jpg) no-repeat scroll left top;
	height: 34px;
	color: #f9dfb2;
	font: 18px Arial, Helvetica, sans-serif;
	padding-left: 22px;
	padding-top: 5px;
}
h3 {
	font: normal normal bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #501a00;
	margin-bottom: 8px;
}
h4 {
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 15px;
}
div, p, td, input, textarea, li, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {
	border:0;
}
textarea {
	overflow: auto;
}
li {
	list-style: none;
}

/* pushing the content to the middle of the screen */
div#centering {
	width: 970px;
	margin: 0 auto;
}

#first {
	width: 234px;
	margin-left: 5px;
	margin-right: 7px;
	text-align: left;
}
div.contact {
	margin-bottom: 20px;
}
div.newsletter {
	background: #e1c9a1 url(../images/contact_bg.png) no-repeat scroll left bottom;	
	padding-bottom: 20px;
}

div.newsletter input.text {
	background: transparent url(../images/textbox_bg.png)  no-repeat scroll right center;
	height: 19px;
	width: 215px;
	margin-left: 6px;
	border: 0 none;
	padding: 6px 0 0 8px;
}
div.newsletter textarea {
	width: 215px;
	height: 78px;
	margin-left: 6px;
	border: 0 none;
	padding: 6px 0 0 8px;
	background: transparent url(../images/textarea_bg.png) no-repeat scroll right center;
	margin-top: 5px;
}
div.newsletter input.send {
	width: 117px;
	height: 33px;
	border: 0 none;
	background: transparent url(../images/send_bg.png) no-repeat scroll right center; 
	margin-left: 103px;
	cursor: pointer;
}
div.newsletter input.send_eng {
	width: 117px;
	height: 33px;
	border: 0 none;
	background: transparent url(../images/send_bg_eng.png) no-repeat scroll right center; 
	margin-left: 103px;
	cursor: pointer;
}
#second {
	width: 477px;
	margin-right: 10px;
	text-align: left;
}

#third {
	width: 234px;
}

#twocol {
	width: 721px;
	margin-right: 10px;
	text-align: left;
}



.pad {
	padding-left: 20px;
}

div.new {
	margin-top: 12px;
	margin-bottom: 12px;
}
div.new p {
	margin-left:22px;
}

div.box {
	background: url(../images/bgr_news2.jpg) no-repeat left top #63220c;
	min-height: 160px;	
	color: #fff;
	padding-left: 145px;
	padding-top: 5px;
	padding-right: 15px;
}

div.boxbottom {
	background: url(../images/bigbottom.gif) no-repeat left bottom #63220c;
	height: 33px;	
	text-align: right;
	padding-right: 20px;
}
div.product {
	width: 235px;
	color: #fff;
	position: relative;
	margin-bottom: 10px;
	z-index: 100;
}
div.product div {
	position: absolute;
	bottom: 0;
	right:0;
	width: 122px;
	height: 106px; 
	z-index: 200;
}
div.product div img {
	position: absolute;
	bottom: 0;
	left: 0;
}
div.product-double {
	width: 477px;
	color: #fff;
	position: relative;
	margin-bottom: 10px;
	z-index: 100;
}
div.product-double div.text-left {
	position: absolute;
	top: 50px;
	left:20px;
	width: 255px;
	height: 60px; 
}
div.product-double div.text-right {
	position: absolute;
	top: 50px;
	left:153px;
	width: 255px;
	height: 60px; 
}
div.product-double img.button-left {
	position: absolute;
	bottom: 0;
	left: 112px;
}
div.product-double img.button-right {
	position: absolute;
	bottom: 0;
	left: 356px;
}

/* termeklista */
div#product-list {
	width: 721px;
	float: right;
}
div.top-item {
	background: transparent url(../images/list_head_bg.jpg) no-repeat scroll top left;
	min-height: 181px;	
	position: relative;
	width: 721px;
}
div.item-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 721px;
	background: transparent url(../images/item_bottom_bg.jpg) no-repeat scroll bottom right;
}
div.item {
	position: relative;
	margin-top: 40px;
	min-height: 100px;	
	position: relative;
	width: 721px;
}
div.item-text {
	width: 448px;
	margin-left: 244px;
	padding-top: 25px;
	padding-bottom: 30px;
	font: normal normal normal 12px Arial, Helvetica, Sans-Serif;
}
div.item-image {
	position: absolute;
	bottom: 0;
	left:0;
	width: 210px;
}

div.item-image1 {
	left:0;
	position:absolute;
	top:45px;
	width:210px;
}

div.item-text li {
   list-style-type:disc;
   margin-left:10px;

}

div.item-text-wide li {
   list-style-type:disc;
   margin-left:10px;

}

.tabla {background: url(../images/bgr.jpg) no-repeat bottom left #F9DFB2;}




.foot {
	background: #F9DFB2 url(../images/bgr.jpg) no-repeat scroll right bottom;
	text-align: center;
	height: 160px;
	color: #fff;
	font: 11px Arial, Helvetica, Sans-Serif;
	vertical-align: baseline;
	clear: both;
	display: block;
}

div.top-item, .text-box-container {
        background: transparent url(../images/list_head_bg.jpg) no-repeat scroll top left;
        min-height: 181px;      
        position: relative;
        width: 721px;
}

.text-box-container{
        padding: 45px 25px 50px 30px;
        width: 666px;
}
.text-box p {
        margin-bottom: 15px;
}

.text-box li {
        padding-left: 16px;
        background: transparent url(../images/li_dot.png) no-repeat scroll left center;
        height: 19px;
        line-height: 19px;
}



div.item-text, div.item-text-wide {
      width: 448px;
      margin-left: 244px;
      padding-top: 45px;
      padding-bottom: 30px;
      font: normal normal normal 12px Arial, Helvetica, Sans-Serif;
}
div.item-text-wide {
        width: 400px;
        margin-left: 280px;
}
div.item-image, div.item-image-wide {
        position: absolute;
        bottom: 0;
        left:0;
        width: 210px;
}
div.item-image-wide {
        width: 245px;
}