@charset "utf-8";
/* CSS Document */
	body{
		margin:0px;
		padding:0px;
		background-image:url(../images/sav.jpg);
		background-repeat:repeat-x;
		background-color:#EAEAEA;
	}
        
        .container{
            width: 900px;
            margin: auto;
        }
        
        .head{
		height: 133px;
		background-image:url(../images/header.jpg);
        }
        
        .content{
		overflow:auto;
		padding:0px;
		
        }
	
	.ccontent{
		width:712px;
		margin: auto;
		overflow:auto;
		background-color:#FFFFFF;
		position: relative;
	}
        
    .leftpanel{
		width: 168px;
		float:left;
    }
	
	.noutati{
		background-image:url(../images/noutati.jpg);
		background-repeat:no-repeat;
		width:168px;
		height:470px;
		padding: 0px;
		margin:2px 0px 0px 2px;
	}
	
	.soferte{
		background-image:url(../images/ofertespeciale.jpg);
		background-repeat:no-repeat;
		width:168px;
		height:246px;
		padding: 0px;
		margin:2px 0px 0px 2px;
	}
	
	.maintab{
		width:100%;
	}
	
	.spo{
		font-family: Verdana, Arial;
		color:#000000;
		margin:10px 7px 0px 7px;
		font-size:11px;
		letter-spacing: 0px;
		padding:0px;
	}
	
	.spo .tit{
		color:#102039;
		margin:10px 5px 0px 0px;
		font-weight:bold;
		padding:0px;
	}
	
	.spo .tit1{
		color:#000000;
		cursor:pointer;
		font-weight:bold;
	}
	.spo img{
		border:0px;
	}
	
	.spo1{
		font-family: Verdana, Arial;
		color:#4D677B;
		margin:10px 5px 0px 5px;
		font-size:11px;
	}
	
	.spo1 .tit{
		color:#209BC4;
		margin:10px 5px 0px 0px;
		font-weight:bold;
	}
	
	.spo1 .tit1{
		color:#000000;
		cursor:pointer;
	}
	.spo1 img{
		border:0px;
	}
	
	.spo1 li{
		margin-bottom:15px;
		
	}
        
     .rightpanel{
		width:540px;
		float:right;
      }
        
        .footer{
		padding: 5px;
        }
	
	.logo{
		
		height:133px;
		width:180px;
	}
	.bhome{
		height:133px;
		width:107px;
		float:right;
		cursor:pointer;
	}
	.bhomeO{
		background-image:url(../images/button/home.jpg);
		height:133px;
		width:107px;
		float:right;
		cursor:pointer;
	}
	.bservicii{
		cursor:pointer;
		height:133px;
		width:115px;
		float:right;
	}
	.bserviciiO{
		background-image:url(../images/button/servicii.jpg);
		cursor:pointer;
		height:133px;
		width:115px;
		float:right;
	}
	.bproduse{
		cursor:pointer;
		height:133px;
		width:124px;
		float:right;
	}
	.bproduseO{
		background-image:url(../images/button/produse.jpg);
		cursor:pointer;
		height:133px;
		width:124px;
		float:right;
	}
	.bcontact{
		cursor:pointer;
		height:133px;
		width:124px;
		float:right;
	}
	.bcontactO{
		background-image:url(../images/button/contact.jpg);
		cursor:pointer;
		height:133px;
		width:124px;
		float:right;
	}
	.mmarg{
		height:133px;
		width:94px;
		float:right;
	}
	
	.detaliiBut{
		float:right;
		cursor:pointer;
	}
	
	.house{
		height:220px;
		width: 538px;
		background-image:url(../images/haz.jpg);
		background-repeat:repeat-x;
		background-position:center;
		margin: 2px 0px 0px 0px;
	}
	
	.house1{
		height:220px;
		width: 538px;
		background-image:url(../images/h1.jpg);
		background-repeat:repeat-x;
		background-position:center;
		margin: 2px 0px 0px 0px;
	}
	
	.house2{
		height:220px;
		width: 538px;
		background-image:url(../images/h2.jpg);
		background-repeat:no-repeat;
		background-position:center;
		margin: 2px 0px 0px 0px;
	}
	
	.house3{
		height:270px;
		width: 538px;
		background-image:url(../images/h3.jpg);
		background-repeat:no-repeat;
		background-position:center;
		margin: 2px 0px 0px 0px;
	}
	
	.tir{
		height:160px;
		background-image:url(../images/tir.gif);
		background-repeat:no-repeat;
		background-position:top;
	}
	
	.prodbut{
		background-repeat:no-repeat;
		background-position:center;
		width:114px;
		height:117px;
		float:left;
		margin:2px;
		cursor:pointer;
	}
	
	.prodmenu{
		padding:28px 0px 38px 28px;
		height:208px;
	}
	
	.sponsori{
		height:75px;
		width: 712px;
		padding:10px 0px 10px 0px;
		margin: 0px 0px 0px 94px;
		background-color: #fff;
	}
	
	.sponsori a{
		text-decoration: none;
		margin: 0px;
		padding: 0px;
	}
	
	.sponsori img{
		border: 0px;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	.botline{
		width: 712px;
		height: 19px;
		background-image:url(../images/sep.jpg);
		background-repeat: repeat-x;
		margin-left:94px;
	}
	
	.powered{
		height:28px;
		font-size:9px;
		font-family: Verdana, Arial;
		padding:5px 93px 10px 93px;
	}
	
	.powered img{
		border: 0px;
	}
	
	.akox{
		width:57px;
		height:28px;
		float:right;
	}
	
	.sponsor1{
		height:55px;
		width:138px;
		float:left;
		cursor:pointer;
	}
	
	.sponsor2{
		height:60px;
		width:122px;
		float:left;
		cursor:pointer;
	}
	
	.nouimage{
		float:left;
		margin-right:15px;
	}
	
	#constructii{
		background-image:url(../images/button/produse/constructii.jpg);	
	}
	
	#invelitori{
		background-image:url(../images/button/produse/invelitori.jpg);	
	}
	
	
	#termo{
		background-image:url(../images/button/produse/termo.jpg);	
	}
	
	#instalatii{
		background-image:url(../images/button/produse/instalatii.jpg);	
	}
	
	#lemnoase{
		background-image:url(../images/button/produse/lemnoase.jpg);	
	}
	
	#gipscarton{
		background-image:url(../images/button/produse/gipscarton.jpg);	
	}
	
	#metalurgice{
		background-image:url(../images/button/produse/metalurgice.jpg);	
	}
	
	#sanitare{
		background-image:url(../images/button/produse/sanitare.jpg);	
	}
	
	
	#constructiia{
		background-image:url(../images/button/produse/constructiia.jpg);	
	}
	
	#invelitoria{
		background-image:url(../images/button/produse/invelitoria.jpg);	
	}
	
	
	#termoa{
		background-image:url(../images/button/produse/termoa.jpg);	
	}
	
	#instalatiia{
		background-image:url(../images/button/produse/instalatiia.jpg);	
	}
	
	#lemnoasea{
		background-image:url(../images/button/produse/lemnoasea.jpg);	
	}
	
	#gipscartona{
		background-image:url(../images/button/produse/gipscartona.jpg);	
	}
	
	#metalurgicea{
		background-image:url(../images/button/produse/metalurgicea.jpg);	
	}
	
	#sanitarea{
		background-image:url(../images/button/produse/sanitarea.jpg);	
	}
	
	.prodimg{
		width:200px;
		height:133px;
		float:right;
		margin:10px 0px 0px 10px;
		border: none;
	}
	
	.prodimgt{
		margin:10px 0px 0px 10px;
		border: none;
	}
	
	.harta{
		text-align:center;
		float:right;
		margin: 10px 10px 0px 0px;
	}
	
	.servic{
		height: 42px;
		width: 45px;
		background-image:url(../images/servicii.jpg);
		background-repeat:no-repeat;
		background-position:right;
		position: absolute;
		left: 658px;
		top: 225px;
	}
	
	.prodic{
		height:43px;
		width:48px;
		background-image:url(../images/produse.jpg);
		background-repeat:no-repeat;
		background-position:right;
		position: absolute;
		left: 658px;
		top: 5px;
	}
	
	.contic{
		height: 42px;
		width: 38px;
		background-image:url(../images/contact.jpg);
		background-repeat:no-repeat;
		background-position:right;
		float:right;
	}
	
/*---------------------acordion---------------------*/
	
	.accordion_toggle {
		width:408px;
		font-family: Verdana, Arial;
		background:#C7E7F6;
		padding: 1px 10px 1px 10px;
		font-size: 12px;
		color:#4D677B;
		border-top: 2px solid #ffffff;
		cursor: pointer;
		margin: 0 0 0 0;
		vertical-align:middle;
	}
	
	.unpair{
		background-color:#E3F6FD;
	}
	
	.accordion_toggle_active {
		background:#F3E395;
		color: #4D677B;
		border-bottom: 1px solid #ffffff;
	}
	.accordion_content {
		width:425px;
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
		padding-bottom:10px;
		color: #4D677B;
		font-family: Verdana, Arial;
		font-size:11px;
	}

	.vertical_accordion_toggle {
		display: block;
		height: 30px;
		background: #a9d06a;
		padding: 0 10px 0 10px;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		outline: none;
		font-size: 12px;
		color: #000000;
		border-bottom: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}
	.vertical_accordion_toggle_active {
		background:#e0542f;
		color: #ffffff;
		border-bottom: 1px solid #f68263;
	}
	.vertical_accordion_content {
		background-color: #ffffff;
		color: #444444;
		overflow: hidden;
	}
	
	/*Horizontal Accordion*/
			
	.horizontal_accordion_toggle {
		/* REQUIRED */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
	
		display: block;
		height: 100px;
		width: 30px;
		background: #a9d06a;
		color: #ffffff;
		text-decoration: none;
		outline: none;
		border-right: 1px solid #cde99f;
		cursor: pointer;
		margin: 0 0 0 0;
	}
	.horizontal_accordion_toggle_active {
		background: #e0542f;
		border-right: 1px solid #f68263;
	}
	.horizontal_accordion_content {
		/* REQUIRED */
				height: 100px;	/* We need to define a height for the accordion as it stretches the width */
		float: left;	/* This make sure it stays horizontal */
		/* REQUIRED */
				
				overflow: hidden;
		background-color: #ffffff;
		color: #444444;
	}
	
	/* Container styling*/
	 #horizontal_container {
		margin: 0px;
		height: 5px;
	}
	#vertical_nested_container {
		margin: 20px auto 20px auto;
	}
	
	.accodion_cont{
		padding:35px 0px 0px 55px;
	}
	
	.pairrow{
		
	}
/*---------------------acordion---------------------*/