@charset "utf-8";

*{padding:0;margin:0}
body, form, input, textarea {font: 12px "Trebuchet MS", Verdana, Tahoma;color: #555;}
img {border: none;vertical-align: top;}
ul, ol, li {list-style:none;}
ul li a {white-space:nowrap;}
a {color: #555;text-decoration:underline;}
a:hover {text-decoration:none;color: #C00;}
h1, h2, h3, h4, h5, h6 {margin:0px;padding:0px;font-size: 12px;}
hr {
	clear:both;
	color: #fff;
	background: #fff;
	border-style: none;
	padding: 10px;
}
input {border: 1px solid #EEE;}
.cleaner {line-height: 0px;height: 0px;clear: both;float:none!important;}
.hidden {display:none!important;}
#head {background: #D94400;height: 10px;}
#main {margin: 0px auto;width: 872px;}
#top div {
	float: left;
	padding: 10px 54px 10px 50px;
	text-align: center;
}
#top li {display: block;float: left;}
#top li a {background: url(images/menu.gif) no-repeat 0px -9px;text-decoration: none;margin: 0px 3px 0px 0px;padding: 0px 0px 0px 10px;display: block;}
#top a strong {display: block;padding: 8px 10px 5px 0px;background: url(images/menu_right.gif) no-repeat right -9px;color: #C00;}
#top li a:hover, #top .active a {background: url(images/menu.gif) no-repeat 0px -49px;}
#top a:hover strong, #top .active a strong {background: url(images/menu_right.gif) no-repeat right -49px;color: #FFF;}
#footer {clear: both;padding: 10px 0px 0px;border-top: 4px solid #CCC;}
#footer p {display: block;float: left;padding: 0px 0px 10px;}
#footer ul {display: block;float: right;}
#footer li {display: inline;}
#footer  ul a {padding: 0px 0px 0px 10px;}
#left {float: left;width: 220px;padding: 0px 0px 20px;}
#left span {display: block;padding: 7px 10px 3px;background: #D94400 url(images/span.jpg);font-weight: bold;color: #FFF;font-size: 13px;height: 22px;}
#left ul {padding: 5px 10px 20px;display: block;background: url(images/curve.gif) no-repeat left bottom;margin: 0px 0px 20px;}
#left ul li {width:90%;}
#left li a {display: block;padding: 5px 10px 5px 15px;font-size: 11px;font-weight: bold;text-decoration: none;border-bottom: 1px dotted #CCC;background: url(images/dot.jpg) no-repeat 5px center;}
#left div {text-align: center;padding: 20px 0px;}

#left ul .active a {color:#DA4501;font-size:14px;}

#content {padding: 0px 0px 20px 12px;float: left;width: 640px;}
#image {padding: 0px 0px 20px;}

.continut img, .continut p img {margin: 0 10px 10px 0;padding: 4px;border:2px solid #ccc;}

#content h1 {font-size: 24px;font-weight: normal;color: #D94400;padding: 0px 0px 5px;border-bottom: 4px solid #CCC;margin: 0px 0px 20px;}
#content h2 {font-weight: bold;color: #000;font-size: 13px;padding: 0px 0px 10px;}
#content p {padding: 0px 0px 10px;}
#content ul {display: block;padding: 5px 5px 15px;margin: 0px 0px 0px 20px;}
#content ul ul {padding-bottom: 5px;}

#content ol {display: block;padding: 5px 5px 15px;margin: 0px 0px 0px 25px;}
#content ul li {list-style: disc;padding: 0px 0px 5px;}
#content ol li {list-style: decimal;padding: 0px 0px 5px;}

#content form {padding: 20px 0px 0px;display: block;width: 355px;float: left;}
#content form p {clear: both;display: block;height: 22px;}
#content form em {font-style: normal;display: block;float: left;width: 140px;padding: 5px 0px 0px;}
#content form p input, #content form p textarea, #content form p select {
	display: block;
	float: left;
	width: 200px;
	font-size: 11px;
	padding: 3px 5px 2px;
	color: #000;
	background: #DEDDD9 url(images/table.jpg) repeat-x 0px 1px;
	border-top: 1px solid #D94400;
	border-right: 1px solid #CEBAB0;
	border-bottom: 1px solid #CEBAB0;
	border-left: 1px solid #D94400;
}
#content form p select {width: 212px!important;}
#content form div {text-align: right;padding: 0px 3px 0px 0px;}
#content form div input {color: #FFF;background: url(images/trimite.jpg) no-repeat;font-weight: bold;margin: 10px 0px 0px;width: 60px;text-align: center;padding: 0px!important;border-style: none;}
.errors {float: left;padding: 50px 0px 0px 10px;width: 270px;}
.errors strong {color: #D94400;display: block;}
.tabel {float: left;width: 280px;padding: 20px 40px 0px 0px;}

.tabel div {border-top: 2px solid #D94400;background: url(images/table.jpg) repeat-x 0px 1px;padding: 10px;color: #000;}
.tabel img {padding: 3px;border: 1px solid #C6B8AF;float: left;margin: 0px 10px 10px 0px;}
.tabel span a {clear: both;display: block;height: 16px;width: 105px;background: url(images/detalii.jpg) no-repeat;text-decoration: none;}
.tabel span a:hover {background: url(images/detalii_hover.jpg) no-repeat;}
.tabel p {height:1%;}
.pag {background: url(images/pag.jpg) no-repeat;display: block;padding: 10px!important;clear: both;height: 12px;font-weight: bold;color: #FFF;text-align: center;margin: 0px 0px 10px;}

table {border-top:2px solid #D94400;color:#000;}
table td {border: 1px solid #eee;padding:0 5px;}


/*lightbox
#lightbox{background-color:#fff;padding: 10px;border:1px solid #ccc;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right;}
kbd {font-size:11px;padding:0 4px;}
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none;}
#lightbox a {padding:0px!important;margin:0px!important;}
#overlay{ background-image: url(lb/overlay.png); }
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.tomagro-mobilier.ro/overlay.png", sizingMethod="scale");
}*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.tomagro-mobilier.ro/overlay.png", sizingMethod="scale");
	}