html {
	margin: 0px;
	padding: 0px;
	}
body {
	background:#43A61B url(img/mainBG.jpg) repeat-x;
	margin: 0px; 
	padding: 0px;
	}
h1 {
	margin:0px;
	padding:0px;
	text-indent:-600em;
}
h1.logo {background:transparent url(img/Casa_Butyka_logo.jpg) no-repeat; width:252px; height:120px;}
h1.header {background:transparent url(img/header.jpg) no-repeat; width:508px; height:283px;}
h1.header2 {background:transparent url(img/header2.jpg) no-repeat; width:508px; height:283px;}
h1.bottom_left_img {background:transparent url(img/solutie.jpg) no-repeat; width:280px; height:300px;}

h3 {
	width:252px;
	height:120px;
	margin:0px;
	padding:0px;
	text-indent:-600em;
	background:transparent url(img/Casa_Butyka_logo.jpg) no-repeat;
}


h5 {
	width:252px;
	height:250px;
	margin:100px;
	padding:100px;
	text-indent:-600em;
	background:transparent url(img/solutie.jpg) no-repeat;
}


a{
	outline:none;
	}


/* -------------------------------------------------------------- */		

#mainContainer {
	width: 760px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	vertical-align:top;
	}

/* -------------------------------------------------------------- */

#leftContainer {
	width:252px;
	float:left;
	}

#leftContainer .topLinks { 
	width:225px; 
	height:10px; 
	padding:36px 0px 6px 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	}
#leftContainer .topLinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	} 
#leftContainer .topLinks a:hover { text-decoration: underline;}

#leftContainer h3 {
	width:252px;
	margin:0px;
	padding:0px;
	text-indent:-600em;
}	
#leftContainer h3.produse {	background:transparent url(img/gama_produse.gif) no-repeat; height:51px;}
#leftContainer h3.contact {	background:transparent url(img/contact_left.gif) no-repeat; height:42px;}

#leftContainer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	margin:0px;
	padding:15px 0px 0px 0px;
	}

.menuLeft {
	width:217px;
	padding:10px 20px 0px 15px;
	background:transparent url(img/menu_left_BG.gif) repeat-y;
	}
	
#leftContainer h4 {
	display:block;
	width:217px;
	height:5px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #6DB964;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
#leftContainer ul{
	width:160px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#leftContainer li {
	display:block;
	margin:5px;
	padding:0px 0px 6px 0px;
	height:25px;
	overflow:hidden;
	background:transparent url(img/dot.gif) 0% 100% repeat-x;
	}
#leftContainer li a {
	margin:0px;
	padding:10px 0px 0px 16px;
	display:block;
	background:transparent url(img/arrow.gif) 0px 12px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	}
#leftContainer li.last { background:none;}	
	
#leftContainer li a:hover { color: #C0FF00;}

.contactLeft {
	width:217px;
	padding:0px 20px 19px 15px;
	background:transparent url(img/contact_left_BG.gif) repeat-y;
	}
.contactLeft a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	}
.contactLeft a:hover {text-decoration: underline; color:#C0FF00;}


/* -------------------------------------------------------------- */

#mainMenu {
	width:508px;
	height:37px;
	padding:0px 0px 0px 0px;
	background:transparent url(img/menuBG.jpg) repeat-x;
	}
	
#mainMenu ul {
	margin:0px;
	padding:0px;
	overflow: hidden;
	list-style-type: none;
	}
#mainMenu li {
	display: inline;
	}
	
#mainMenu a {
	display:block;
	float:left;
	overflow:hidden;
	height: 21px;
	padding:8px 10px 0px 10px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EDFFD7;
	text-decoration: none;
	background:transparent url(img/menu_separator.gif) top right no-repeat;
	}
	
#mainMenu a.last { background:none;}
	
#mainMenu a:hover {
	color:#48533B;
	}
	
/* -------------------------------------------------------------- */
 
#rightContainer {
	width:508px;
	float:right;
	position:relative;
	}
#rightContainer a.PV{
	width:200px;
	height:430px;
	text-indent:-999em;
	display:block;
	position:absolute;
	top:283px;
	left:510px;
	background:transparent url(img/banner.jpg) no-repeat;
	}

#rightContainer h2 {	
	width:508px;
	height:59px;
	margin:0px;
	padding:0px;
	text-indent:-600em;
	}
#rightContainer h2.welcome { background:transparent url(img/welcome.jpg) no-repeat;}
#rightContainer h2.despre { background:transparent url(img/despre_noi.jpg) no-repeat;}
#rightContainer h2.colaborare { background:transparent url(img/colaborare.jpg) no-repeat;}
#rightContainer h2.linia { background:transparent url(img/linia.jpg) no-repeat;}
#rightContainer h2.cerere { background:transparent url(img/cerere.jpg) no-repeat;}
#rightContainer h2.promotii { background:transparent url(img/promotii.jpg) no-repeat;}
#rightContainer h2.contact { background:transparent url(img/contact.jpg) no-repeat;}
#rightContainer h2.matH { background:transparent url(img/materiale.jpg) no-repeat;}
#rightContainer h2.bucatarii { background:transparent url(img/bucatarii.jpg) no-repeat;}
#rightContainer h2.dulapuri { background:transparent url(img/dulapuri.jpg) no-repeat;}
#rightContainer h2.dormitoare { background:transparent url(img/dormitoare.jpg) no-repeat;}
#rightContainer h2.ct { background:transparent url(img/ct.jpg) no-repeat;}
#rightContainer h2.laura { background:transparent url(img/laura.jpg) no-repeat;}
#rightContainer h2.mp { background:transparent url(img/mp.jpg) no-repeat;}
#rightContainer h2.pv { background:transparent url(img/pv.jpg) no-repeat;}
#rightContainer h2.Usi { background:url(img/usi-glisante.jpg) no-repeat}
	
#rightContainer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #48533B;
	text-decoration: none;
	margin:0px;
	padding:10px 0px 0px 0px;
	}	
	
#rightContainer	h3 {
	margin:0px;
	padding:0px;
	text-indent:-600em;
	}
#rightContainer	h3.mat { background:transparent url(img/materialeHome.gif) no-repeat; width:124px; height:44px;}	
#rightContainer	h3.pr { background:transparent url(img/despre_noi.gif) no-repeat; width:230px; height:44px;}	

#rightContainer	ul.materiale {
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style-type: none;
	}
#rightContainer	ul.materiale li {
	display:block;
	height:25px;
	padding:0px 0px 0px 16px;
	background:transparent url(img/arrow2.gif) 0px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #70736C;
	text-decoration: none;
	}
#rightContainer	ul.materiale2 {
	margin:0px;
	padding:10px 0px 0px 0px;
	list-style-type: none;
	}
#rightContainer	ul.materiale2 li {
	display:block;
	line-height:15px;
	padding:0px 0px 7px 16px;
	background:transparent url(img/arrow2.gif) 0px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #70736C;
	text-decoration: none;
	}	
	
#rightContainer	h4 {
	margin:0px;
	padding:0px 0px 0px 16px;
	background:transparent url(img/arrow2.gif) 0px 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #70736C;
	text-decoration: none;
	}
#rightContainer	h4.con {padding:0px 0px 15px 16px; font-weight: normal; color: #52683A;}

#contentContainer input, textarea{	
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #485D2F;
	text-decoration: none;
	border:solid 1px #cdd2d5;
	background-image:none;
	background-color:#fff;
	padding:1px;
	padding-top:2px;
	padding-left:4px;
	border-left: 4px solid #65B808;
	margin:0px;
	}
	
/* -------------------------------------------------------------- */

#contentContainer {
	padding:19px 16px 19px 16px;
	height:100%;
	background:#A2A2A2 url(img/contentBG.jpg) repeat-x;
	}
	
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #48533B;
	text-decoration: none;
	margin:0px;
	padding:0px;
	}	
#contentContainer a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
    }	
#contentContainer a:hover {	color: #DEDDDD; text-decoration: none;}
	
#footerContainer {
	height:17px;
	padding:15px;
	background:transparent url(img/footerBG.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #48533B;
	text-decoration: none;
	text-align:center;
	}
#footerContainer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #48533B;
	text-decoration: none;
	}	
#footerContainer a:hover {	color: #fff;}

.copy {
	width:307px;
	padding:5px 0px 30px 180px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #48533B;
	text-decoration: none;
}

.line {
	height:30px;
	background:transparent url(img/line.gif) 0px 15px repeat-x;
	}
	
.materiale {
	width:176px;
	float:left;
	}	
.lProd {
	width:275px;
	float:right;
	}
.photo {
	width:140px;
	height:105px;
	padding:0px 7px 0px 7px;
	float:left;
	text-align:center;
	}
.photo2 {
	width:143px;
	height:153px;
	padding:2px 2px 0px 2px;
	margin:0px;
	float:left;
	text-align:center;
	}	
.photo2 p { padding:4px 0px 0px 0px;}


