@charset "utf-8";
/* CSS Document - Sellerator Platform */
* {
	margin:0px;
	padding:0px;
}body {
background: #F6F;
font-family:Verdana, Geneva, sans-serif;
margin: 0;
padding: 0;
/* Height is 100%, so the tiled BG will tile all the way down
 the page, not just as far down as the page’s content
 (when the content’s height is less than the window’s height) */
 height: 100%;
}
html {
background: #000 url(../images/rochiidemireasa.png) repeat-y left ;
/* Height is 100%, so the body can be 100% */
height: 100%;
}


/*
Hackety-hack-hack…
FF2, with the above code, will only display the repeat-y image for as
 high as the window’s viewport is; higher content (upon
 scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6…dunno
 ’bout IE7.
*/
html>body {
 min-height: 100%;
 height: auto;
}

.clear {
	clear:both;
	overflow:hidden;
	height: 5px;
}
.img {border:none 0px;}
img.floatLeft {
	float: left;
	margin: 2px;
	border: none 0px;
}

img.floatRight {
	float: right;
	margin: 2px;
	border: none 0px;
}

.little {font-size:11px; font-style:italic;}

h1 {
	font-size:15px;
	color:#600;
	font-weight:bold;
	line-height:18px;
	padding-left: 0px;
	padding-bottom: 4px;
	margin:  0px;
	text-align: left;
}

h2 {font-size:14px; font-weight:bold; line-height:14px; margin:0px; height:14px;}

h3 { font-size: 18px; font-weight:bold; color:#000; text-align:center}

h4 {
	font-size:16px;
	color:#666;
	line-height:18px;
	text-align: left;
	margin-left: 0px;
}

a:link {
	color: #333;
	font-size:12px;
	
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #666  ;
}
a:active {
	text-decoration: none;
}
#big_container {
	width: 750px;
	margin:0 auto;
	clear: both;
	height: auto;
}
#header {
	clear: both;
	height: 232px;
	width: 750px;
	background-image: url(../images/header_image.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#nav {
	display: inline-table;
	clear: both;
	width: 740px;
	height: 32px;
	background: url(../images/menu_back.jpg) repeat-x top left;
	z-index: 10000;
	top: 0px;
	left: 0px;
	padding-left:10px;
}

#nav ul {
	display: block;
	width: auto;
	height: 32px;
	margin: 0px auto auto 10px;
	display:inline;
	text-align: center;
}

#nav li {
	display: block;
	float: left;
	height: 32px;
	width: auto;
	text-align:left;
}

#nav li a{
	display: block;
	float:left;
	font-weight:bold;
	height: 32px;
	font-size: 12px;
	background-position: top left;
	outline-style:none;
	outline-width:thin;
	line-height:32px;
	color:#000;
	width:auto;
	margin-top: auto;
	margin-right: 6px;
	margin-bottom: auto;
	margin-left: 7px;
}

#nav li a:hover {
	text-decoration:underline;
	background: url(../images/menu_hover.jpg) center top no-repeat;
}

#nav li a:active {
	color:#999;
	text-decoration:underline;
}

#nav li a.activ {
	background-position: 0px 110px !important;	
}

#wrap {
	background-repeat: repeat-y;
	width: 750px;
	background-color: #fefefe;
	clear: both;
	padding: 0;
	height: auto;
}


#noutati {
	background-repeat: repeat-x;
	background-position: top;
	height: 60px;
	background-color: #FEFEFE;
	clear: both;
	width: 750px;
	margin: 0px auto;
	background-image: url(../images/content_top_back.jpg);
	text-align: center;
	color: #600;
	font-size: 17px;
	line-height: 20px;
	padding: 10px 0px;
}

#left {
	clear: none;
	height: auto;
	width: 450px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	line-height: 16px;
	margin-left: 20px;
	font-size: 12px;
}

#right {
	width: 255px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	float: right;
	background-image: url(../images/right_column_line.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#right h1 {
	background:url(../images/header_back.jpg) left top no-repeat;
	width:206;
	height:30px;
	padding-left:30px;
	line-height:30px;
	font-size:13px;
	color:#333;
	margin-left: 10px;
}
#right h1 a{font-size:inherit;}
#footer {
	background-image: url(../images/bottom_back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 23px;
	width: 730px;
	clear: both;
	margin-top: 0px;
	padding: 30px 10px 5px 10px;
	text-align: center;
	line-height: 16px;
}
#footer ul {
	padding:0px;
	width:730px;
	float:left;font-size:11px;
}

#footer ul li {
	text-align:center;
	display:inline;
	line-height:16px;
	
	list-style-type: none;
}
#footer li a {
	margin-right:6px;
	margin-left:6px;
	font-size:11px;
	color: #333;
	text-decoration:none;
}
#footer li a:hover { font-size:11px;  text-decoration:underline; }
#proiecte {
	clear: both;
	float: none;
	width: 809px;
	margin: 30px auto;
}
#columns {
	height: auto;
	width: 750px;
	clear: both;
	float: none;
	margin: auto;
}
#contact_data {
	background-image: url(../images/contact_back.jpg);
	background-repeat: no-repeat;
	height: 201px;
	width: 210px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
#phone_number {
	background-image: url(../images/phone_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 22px;
	margin-top: 10px;
	padding-left: 25px;
	font-size: 22px;
	width: 155px;
	margin-right: auto;
	margin-left: auto;
}
#mobile {
	background-image: url(../images/mobile_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 22px;
	margin-top: 10px;
	padding-left: 25px;
	font-size: 22px;
	width: 155px;
	margin-right: auto;
	margin-left: auto;
}

#mail {
	background-image: url(../images/mail_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
	margin-top: 10px;
	padding-left: 25px;
	font-size: 15px;
	width: 155px;
	margin-right: auto;
	margin-left: auto;
}

#mail a {color:#333}

.table {
	margin-top:15px;
}

.cerere_oferta {
	width:174px;
	height:28px;
	margin-top: 8px;
	margin-left: 18px;
	float: none;
	clear: both;
	border:none 0px;
}


.centered.centered {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}

#left h2{
	font-size:15px;
	color:#300;
	margin-bottom:5px;
	line-height:18px;
	text-align: left;
	clear: both;
}

#header_text {
	padding-left: 30px;
	padding-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
	font-weight:normal;
	width: 720px;
	margin: 0px;
	;
	font-size: 16px;
}

#header_text a {
	color:#333;
	font-style: italic;
	font-size: 16px;
	font-weight: bolder;
}

.input { border:solid 1px #0CF; height:16px; font-size:14px; font-weight:bold; line-height:16px;} 
.rochie_main {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 5px;
	width: 140px;
	background-color: #FDEDF8;
	font-size: 12px;
	color: #300;
}
#bottom {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
	background-color: #FCDFF1;
}