/*-----------------------------------------------------------------------------
versiunea:  1.2
data:      9/2008
ultima modoficare: 09.2008
site: www.rollstag.ro
-----------------------------------------------------------------------------*/

/* -----------------------------------*/
/* ---- GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
    margin:0;
	padding:0;
	font-family	:Tahoma, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fff;
}

a {
	color:#318208;
	outline: none;
	text-decoration: none;
}

a:hover {
	color:#318208;
	text-decoration: underline;
}

div {
		float:left;
	}
	
.menu_content {
     display:none;
	 background-color:#fff;
     }
	 
	
p {
font-family:tahoma, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#000;
margin:0px;
padding:0px;
}

img {
border:0px;
padding:0px;
margin:0px;
}

h1, h2,h3,h4,h5 {
		font-size:14px;
		line-height:17px;
		padding:0px;
		margin:0px;
		font-family:Tahoma, Helvetica, sans-serif;
}

#block_central {
	margin:0px auto;
	width:887px;
	float:none;
	}
	
.buton_sub {
border:0px;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
height:20px;
line-height:20px;
color:#fff;
padding-left:15px;
padding-right:15px;
}

.opac {
border:1px solid #666;
background:#fff;
}
	
/* -----------------------------------*/
/* ---- Header <<<-----------*/
/* -----------------------------------*/
		#header {
		    width:887px;
			height:113px;
			margin:0px;
			padding:0px;
			background-color:#fff;background:url(../images/copac.jpg) no-repeat left;
		}
			 
		#header .sigla {
		    width:497px;
			height:103px;
			float:left;
			font-size:0px;
			line-height:0px;
			
			padding-left:100px;
			padding-top:10px;
		}
		
		#header .sigla h1{
			font-size:12px;
			color:#333;
			padding-left:3px;
		}
		
		#header .sigla h1 a{
			color:#333;
			text-decoration:none;
		}
		
		#header .header2 {
		    width:265px;
			float:left;
			text-align:right;
			padding-top:22px;
			padding-left:25px;
		}
		
/* -----------------------------------*/
/* ---- Meniu <<<-----------*/
/* -----------------------------------*/

#meniu {
	height:32px;
	width:887px;
	background:#fff url(../images/meniu_top.jpg) no-repeat;z-index: 30;
	}
	
	#meniu ul,
	#meniu ul li{
		margin:0;
		padding:0;
		float:left;
		list-style:none;
	}
	
	#meniu ul {
		padding-left:16px;
	}
	
	#meniu ul li{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:14px;
		font-weight:bold;
		height:32px;
		line-height:32px;
	}
	
	#meniu ul li a{
		color:#fff;
		text-decoration:none;
		padding-right:18px;
		height:32px;
		line-height:32px;
		display:block;
		padding-left:10px;
		float:left;
	}
	

	#meniu ul .home a:hover{
		background:url(../images/home.jpg) no-repeat;
	}
	
	#meniu ul .despre a {
		padding-left:17px;
	}
	
	#meniu ul .despre a:hover{
		background: url(../images/despre.jpg) no-repeat;
	}
	
	#meniu ul .oferta a {
		padding-left:13px;
	}
	
		#meniu ul .oferta a:hover{
		background:  url(../images/cere_oferta.jpg) no-repeat;
	}
	
		#meniu ul .comand a {
		padding-left:13px;
	}
	
			#meniu ul .comand a:hover{
		background: url(../images/cum_sa.jpg) no-repeat;
	}
		#meniu ul .contact a {
		padding-left:11px;
	}
	
				#meniu ul .contact a:hover{
		background:  url(../images/contact.jpg) no-repeat;
	}
	
		#meniu ul .blog a {
		padding-left:14px;
	}
	
				#meniu ul .blog a:hover{
		background:  url(../images/news.jpg) no-repeat;
	}
			
#sddm   {
    margin: 0;
	padding: 0;
	z-index: 30;
	padding-left:10px;
	overflow:auto;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 14px;
	font-family:Tahoma, Helvetica, sans-serif;
	line-height:23px;
	}

#sddm li a{
    display: block;
	margin: 0 1px 0 0;
	padding: 1px 2px;
	color: #FFF;
	text-align: center;
	font-family:tahoma, Helvetica, sans-serif;
	text-decoration: none}

#sddm li a:hover{
background: #000;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 2px 0;
	z-index: 30;
	padding: 0;
	background: #fff;}
	
#sddm .subcat {
    font-size: 13px;
	font-family:Tahoma, Helvetica, sans-serif;
	line-height:17px;
	z-index: 30;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 2px 40px 5px 8px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #313131;
		color: #fff;
		z-index: 30;
		font-family:Tahoma, Helvetica, sans-serif;
}

	#sddm div a:hover
	{	background: #0388cb;
		color: #FFF;
	}
	
	
/* -----------------------------------*/
/* ---- CENTER <<<-----------*/
/* -----------------------------------*/

#center {
width:877px;
padding-bottom:15px;
padding-left:10px;
}

#center .leftbar {
	width:185px;
	float:left;
	padding-top:18px;
	padding-left:5px;
}


#center .leftbar .meniu{
	width:170px;
	float:left;
}


#center .leftbar .meniu .bg{
	width:170px;
	float:left;
	padding-top:5px;
}

#center .leftbar .meniu .bg ul,
#center .leftbar .meniu .bg li {
	padding:0;
	margin:0;
	float:left;
}

#center .leftbar .meniu .bg a {
	color:#38a104;
	text-decoration:none;
}

#center .leftbar .meniu .bg a:hover {
	color:#333;
}


#center .leftbar .meniu .bg li {
	list-style:none;
	font-size:14px;
	font-weight:bold;
	padding-bottom:6px;
	margin-bottom:6px;
	font-family:Tahoma, Geneva, sans-serif;
	border-bottom:2px dotted #38a104;
	width:170px;
}

#center .leftbar .meniu .bg .subcat {
	font-size:12px;
	font-weight:normal;
	padding-bottom:2px;
	padding-top:2px;
}

#center .leftbar .meniu .bg .subcat a{
	display:block;
	padding-left:10px;
	text-decoration:none;
}


#center .leftbar .meniu .bg .subcat a:hover{
	color:#333;
}


/**/


#center .leftbar .sorteaza{
	width:170px;
	float:left;
	margin-top:12px;
}

#center .leftbar  .sorteaza .top{
	width:170px;
	float:left;
	font-size:0;
	line-height:0;
	background: url(../images/intreb_top.jpg);
	height:29px;
}

#center .leftbar  .sorteaza .btm{
	width:170px;
	float:left;
	font-size:0;
	line-height:0;
	background: url(../images/intreb_btm.jpg);
	height:8px;
}

#center .leftbar  .sorteaza .bg{
	width:154px;
	float:left;
	background:#e1e1e1 url(../images/bg_sort.jpg) repeat-y left;
	padding-top:5px;
	border-top:0;
	border-bottom:0;
	padding-left:9px;
	padding-right:7px;
	color:#333;
}

#center .leftbar  .sorteaza .bg a {
	color:#fff;
}

/*-------MAIN_________________*/

#center .main {
	width:470px;
	float:left;
	padding-top:18px;
	padding-left:7px;
}

#center .main h2{
	background:url(../images/b1.jpg) no-repeat left center;
	padding-left:18px;
	margin-bottom:8px;
}

#center .rgtbar {
	width:190px;
	float:left;
	padding-left:20px;
	padding-top:18px;
}

#center .rgtbar .stiri {
	width:190px;
	background:url(../images/btm_menu.jpg) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

#center .rgtbar .stire {
	padding-top:4px;
	padding-bottom:4px;
	width:190px;
}

#center .rgtbar .stire h2 {
	font-size:12px;
	line-height:15px;	
}

#center .rgtbar .stire h2 a{
	color:#000;
}


#center .rgtbar .stire .link {
	font-size:10px;
	font-weight:bold;
}

#center .rgtbar .contact {
	font-size:11px;
	color:#38a104;
}

#footer {
	background:url(../images/footer.jpg) no-repeat top;
	width:863px;
	padding-top:37px;
	padding-left:15px;
	padding-right:10px;
}

	#footer .copy {
		float:right;
		line-height:25px;
		font-size:11px;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	#footer .copy a:hover,
	#footer .copy a {
		color:#333;
		text-decoration:none;
	}
	
	#footer .copy span {
		float:left;
		padding-right:10px;
		padding-top:5px;
	}
	
	#footer .copy strong {
		float:left;
	}
	
	
	#footer .copy img {
		padding-top:5px;
		
	}

#footer p{
	color:#fff;
	font-size:11px;
}

#footer a {
	color:#fff;
}

.tab_oferta .input {
	border:1px solid #ccc;
	background:#ebeaea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:5px;
	
}

.tab_oferta textarea {
	font-family:arial;
	font-size:11px;
	padding:5px;
	width:350px;
	border:1px solid #ccc;
	background:#ebeaea;margin-left:5px;
}

.tab_oferta td {
	padding:3px;
}

.tab_oferta .buton {
	background:#38a104;
	border:0;
	color:#fff;
	margin-left:5px;
	padding:10px;
	padding-top:2px;
	padding-bottom:2px;
	
}