/* Standards
--------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
ul, li { list-style: none; }
body { background: #FFF; font-family: verdana; font-size: 12px; color: #333; }
a { text-decoration: none; outline: none; cursor: pointer; font-family: verdana; font-size: 12px; color: #DD111C; }
a:hover { text-decoration: none; cursor: pointer; }
.clear { display: block; clear: both; visibility: hidden; }
input,textarea { border: 1px solid #999; font-size: 11px; font-family:arial; padding: 2px 4px; }

/*Globals
--------------------------------------------------*/
#all { width: 970px; margin: 0 auto; position:relative; }

#header { position: relative; width: 950px; height: 230px; padding: 0 10px; background: url('../../assets/im/ts.jpg') no-repeat 0 60px; }
#header .com { float: left; position: relative; width: 560px; height: 121px; }
#header .com .logo { position: absolute; width: 129px; height: 120px; top: 84px; left: 50px; }
#header .com div { position: absolute; right: -360px; top: 25px; font-size: 16px; font-style: italic; color: #DD111C; text-align: right; }
#header .com div b { display: block; }
#header .search { float: right; margin-top: 97px; width: 350px; padding-left: 40px; height: 24px; font-size: 0px; background: #DD111C; }
#header .search .form { float: left; }
#header .search .form li { float: left; padding-right: 10px; color: #FFF; line-height: 24px; font-size: 12px; }
#header .search .form li input { margin-top: 3px; height: 12px; }
#header .search .form li img { margin-top: 3px; cursor: pointer; }
#header .search .language { float: right; margin-right: 10px; margin-top: 6px; }
#header .search .language img { margin-left: 5px; }
#header .location { font-size: 10px; color: #DD111C; padding: 5px 0 0 240px; background: url('../../assets/im/header-bg.jpg') repeat-x; }
#header .location div { background: url('../../assets/im/rs.jpg') no-repeat right top; }
#header .location a { font-size: 10px; color: #DD111C; }
#header .location .banner { display: block; margin-top: 10px;}

#columns { width: 950px; padding: 0 10px; background: url('../../assets/im/cs.jpg') repeat-y; }
#columnA { float: left; width: 210px; padding: 0 15px; }
#columnB { float: left; width: 445px; margin-right: 10px; }
#columnC { float:left; width: 230px; }
#columnD { float:left; width: 685px; }

#footer { width: 950px; padding: 0 10px; background: url('../../assets/im/bs.jpg') no-repeat center bottom; }
#footer .newsletter { padding: 5px 0; text-align: center; background: #ccc; font-size: 10px; color: #DD111C; border-bottom: 1px solid #fff; }
#footer .newsletter a {  padding: 2px 0 2px 20px; background: url('../../assets/im/newsletter.gif') no-repeat left center; font-size: 10px; }
#footer .newsletter .istoric { margin-left: 20px; background: url('../../assets/im/istoric.gif') no-repeat left center; }
#footer .copy { padding: 10px 50px 20px 30px; font-size: 10px; line-height: 20px; background: #666 url('../../assets/im/bss.jpg') no-repeat bottom center; color: #fff; }
#footer .copy a { font-size: 10px; color: #fff; }
#footer .copy p { margin-top: 10px; color: #ccc; }

/*Meniu
--------------------------------------------------*/
#meniu { background: #F0F0F0; padding: 0 2px; }
#meniu a { display: block; font-size: 13px; color: #666; }
#meniu .extra { background: url('../../assets/im/m0.jpg') no-repeat; color: #333; line-height: 25px; padding-left: 22px; padding-bottom: 1px; }
#meniu .extra_on { background: url('../../assets/im/m0on.jpg') no-repeat; color: #333; line-height: 25px; padding-left: 22px; padding-bottom: 1px; }
#meniu .section { background: url('../../assets/im/m1.jpg') no-repeat; font-weight: bold; line-height: 30px; padding-left: 22px; padding-bottom: 1px; }
#meniu .section_on { background: url('../../assets/im/m1on.jpg') no-repeat; font-weight: bold; line-height: 30px; padding-left: 22px; padding-bottom: 1px; }
#meniu .servicii { background: url('../../assets/im/m2.jpg') no-repeat; padding-left: 32px; }
#meniu .servicii_on { background: url('../../assets/im/m2on.jpg') no-repeat; padding-left: 32px; }
#meniu .resurse { background: url('../../assets/im/m3.jpg') no-repeat; padding-left: 32px; }
#meniu .resurse_on { background: url('../../assets/im/m3on.jpg') no-repeat; padding-left: 32px; }
#meniu .chestionar { background: url('../../assets/im/m4.jpg') no-repeat; padding-left: 32px; }
#meniu .chestionar_on { background: url('../../assets/im/m4on.jpg') no-repeat; padding-left: 32px; }
#meniu .contact { background: url('../../assets/im/m5.jpg') no-repeat; padding-left: 32px; margin: 0px; }
#meniu .contact_on { background: url('../../assets/im/m5on.jpg') no-repeat; padding-left: 32px; }
#meniu .on { color: #fff; }
#submeniu { background: #F0F0F0; padding: 5px; text-align: center; }
#submeniu  a { background: url('../../assets/im/partener.gif') no-repeat; display: block; margin-top: 5px; line-height: 37px; font-size: 12px; color: #fff; }
#submeniu .on { background: url('../../assets/im/partener_on.gif') no-repeat; }
.rss { text-align: center; padding: 10px 22px; }
.rss a { display: block; line-height: 26px; font-size: 11px; background: url('../../assets/im/rss.jpg') no-repeat left center; }
#submeniu a.calculator { background: url('../../assets/im/calculator.jpg') no-repeat; color: #666; font-style: italic; font-weight: bold; padding-left: 14px; }
#meniu .calculator_rate { background: url('../../assets/im/calculator_rate.jpg') no-repeat; padding-left: 32px; }

/*Sidebar
--------------------------------------------------*/
.sidebar li { float: left; width: 190px; height: 70px; padding: 30px 20px; }
.sidebar li a { display: block; width: 190px; padding-bottom: 30px; color: #333; }
.sidebar li h3 { font-size: 16px; }

.sidebar li b { font-size: 11px; color: #DD111C; font-weight: normal; }
.sidebar li span { font-size: 11px; display: block; margin: 4px 0; }
.sidebar .imofinance { background: url('../../assets/im/imofinance_s.jpg') no-repeat right top; }
.sidebar .imocredit { background: url('../../assets/im/imocredit_s.jpg') no-repeat right top; }
.sidebar .imoinvest { background: url('../../assets/im/imoinvest_s.jpg') no-repeat right top; }
.sidebar .imoleasing { background: url('../../assets/im/imoleasing_s.jpg') no-repeat right top; }
.sidebar .microimo { background: url('../../assets/im/microimo_s.jpg') no-repeat right top; }

/*Login
--------------------------------------------------*/
#login { background: url('../../assets/im/loginbg.jpg') no-repeat left top; border-top: 4px solid #F0F0F0; padding: 4px 15px; height: 100px; position: relative; }
#login h3 { font-size: 12px; color: #666; font-weight: normal; margin-bottom: 3px; }
#login label { float: left; width: 50px; height: 10px; margin-top: 5px; font-size: 11px; }
/*#login { background: url('../../assets/im/loginbg.jpg') no-repeat left top; border-top: 4px solid #F0F0F0; padding: 5px 15px; height: 88px; position: relative; }
#login h3 { font-size: 11px; }
#login label { display: block; color: #fff; font-size: 10px; margin-top: 1px; }
#login input[type=text],#login input[type=password] { width: 100px; display: block; }
#login .textClass { width: 100px; display: block; }
#login img { position: absolute; right: 40px; bottom: 20px; cursor: pointer; }
#login input[type=image]{ position: absolute; right: 40px; bottom: 20px; cursor: pointer; border: none;}
#login .imgClass { position: absolute; right: 40px; top: 40px; cursor: pointer; border: none;}*/
#login .imput { float: left; width: 110px; margin-top: 5px; display: block; font-size: 9px; border: 1px solid #ccc; }
/*also added margin-top: 2px;*/
#login .but { margin-top: 4px; border: none; float: left; text-align:center; color: #fff; font-weight:bold; font-size:11px; background: url('../../assets/im/login.jpg') no-repeat left bottom; width: 62px; margin-left: 50px; height: 18px; padding: 1px 2px 4px 2px; }

/*Page
--------------------------------------------------*/
.page { line-height: 18px; padding-bottom: 10px; }
.page h1 { font-size: 14px; margin-bottom: 10px; }
.page h2 { font-size: 12px; }
.page p { margin-bottom: 10px; }
.page a { text-decoration: underline; }
.page ul { margin-bottom: 10px; }
.page li { list-style-type: disc; margin-left: 20px; }
.page .player { float: left; width: 250px; height: 200px; background: #f5f5f5; margin: 0 10px 10px 0; }
.page table {margin: auto;}

/*Harta
--------------------------------------------------*/
.harta { line-height: 18px; padding-bottom: 10px; }
.harta h1 { font-size: 14px; }
.harta h2 { font-size: 12px; margin-top: 10px; }
.harta h2 a { color: #333; font-weight: normal; }
.harta a { color: #666; }
.harta li { list-style-type: disc; margin-left: 20px; }
.harta p { margin-top: 10px; }

/*Formular
--------------------------------------------------*/
.formular { margin-bottom: 20px; width:440px; }
.formular li { padding: 5px; }
.formular li input, textarea { margin-left: 10px; width: 300px; }
.formularinput { margin-left: 10px; width: 280px; }
.formularinputfile { margin-left: 10px; width: 290px; }
.formular li span { text-align: right; float: left; width: 100px; }
.formular div { margin: 5px 0 5px 115px; height: 30px; position: relative; }
.formular div label { position: absolute; left: 18px; width: 290px; font-style: italic; font-size: 11px; color: #666; }
.formular .trimite { margin-left: 115px; cursor: pointer; }
.formular .error { color: #DD111C; display: block; margin: 5px 0 5px 115px; width: 290px; position: relative;}
.formular .button input
 { 
	margin-top: 10px; 
	border: none; 
	float: right; 
	text-align:center; 
	font-weight: bold;
	color: #fff; 
	
	background: url('../../assets/im/100.jpg') no-repeat left center; 
	width: 100px; 
	
	font-size: 11px; 
	height: 17px; 
	padding: 1px 2px 3px 2px; 
	float:right;
	margin-right: 15px;
}

.formular .button62 input
 { 
	margin-top: 10px; 
	border: none; 
	float: right; 
	text-align:center; 
	font-weight: bold;
	color: #fff; 
	
	background: url('../../assets/im/62.jpg') no-repeat left center; 
	width: 62px; 
	
	font-size: 11px; 
	height: 17px; 
	padding: 1px 2px 3px 2px; 
	float:right;
	margin-right: 14px;
}

/*Newsletter
--------------------------------------------------*/
.newsletter_preview { width: 600px; margin: 20px auto; }

/*Companii
--------------------------------------------------*/
.companii li { float: left; width: 440px; height: 175px; padding: 20px; margin-bottom: 5px; }
.companii li h3 { font-size: 14px; }
.companii li b { font-size: 11px; color: #DD111C; font-weight: normal; }
.companii li a { display: block; width: 440px; height: 175px; /*padding: 20px;*/ color: #333; }
.companii li span { font-size: 11px; display: block; margin: 4px 0; }
.companii .imofinance { background: url('../../assets/im/imofinance.jpg') no-repeat; }
.companii .imocredit { background: url('../../assets/im/imocredit_440X215.jpg') no-repeat; }
.companii .imoinvest { background: url('../../assets/im/imoinvest_440X215.jpg') no-repeat; }
//.companii .imoleasing { background: url('../../assets/im/imoleasing.jpg') no-repeat; }
//.companii .microimo { background: url('../../assets/im/microimo.jpg') no-repeat; }

/*Despre
--------------------------------------------------*/
.despre h3 { height: 31px; padding: 8px 0 0 34px; background: url('../../assets/im/despre.jpg') no-repeat; color: #fff; font-weight: normal; font-size: 12px; }
.despre li { padding: 0 0 5px 5px; }

/*Noutati
--------------------------------------------------*/
.noutati h3 { height: 31px; padding: 8px 0 0 34px; background: url('../../assets/im/noutati.jpg') no-repeat; color: #fff; font-weight: normal; font-size: 12px; }
.noutati li { line-height: 18px; color: #666; margin: 0 20px 5px 0; padding: 0 0 5px 5px; border-bottom: 1px solid #ccc; }
.noutati li b { color: #333; }

/*Popup
--------------------------------------------------*/
.popup { margin: 20px; position: absolute; z-index: 10; width:476px; height: 428px; background: #ccc; padding: 2px; left: 277px; top: 75px; }
.popup b { position: absolute; z-index: 11; right: 2px; top: 2px; background: #cc0000; color: #fff; font-size: 12px; padding: 5px 7px; cursor: pointer; }

/*Static
--------------------------------------------------*/
.static { margin-bottom: 10px; line-height: 18px; }
.static h1 { font-size: 14px; }
.static p { margin-top: 10px; }

/*Produse
--------------------------------------------------*/
.produse li { float: left; margin: 15px 0; }
.produse li div { float: left; width: 150px; text-align: right; border-right: 1px solid #ccc; margin-right: 10px; background: #f5f5f5; }
.produse li h2 { font-size: 14px; margin: 5px; }
.produse li p { float: left; font-size: 11px; line-height: 18px; width: 270px;}
.produse li p a { font-size: 11px; }

/*Lista produse
--------------------------------------------------*/
.lista_produse { margin-bottom: 10px; background: #f5f5f5; padding: 10px; position: relative; }
.lista_produse li { font-size: 10px; float: left; background: url('../../assets/im/overlay_bg.jpg') repeat-x; position: relative; width: 194px; height: 190px; margin-left: 0px; padding: 10px; }
.lista_produse li.notlast { margin-left: 0px; margin-right: 10px; }
.lista_produse li h4 { font-size: 12px; font-weight: bold; }
.lista_produse li a { font-size: 11px; }
.lista_produse li .overlay { position: absolute; background: url('../../assets/im/overlay.gif') no-repeat right bottom; width: 140px; height: 50px; right: 0px; bottom: 0px; }
.lista_produse li .pic { position: absolute; right: 0; bottom: 0; }
.lista_produse .leftarow { position: absolute; z-index: 100; left: 0; top: 80px; width: 30px; height: 30px; background: url('../../assets/im/leftarow.gif') no-repeat; }
.lista_produse .rightarow { position: absolute; z-index: 100; right: 0; top: 80px; width: 30px; height: 30px; background: url('../../assets/im/rightarow.gif') no-repeat; }

/*Produs - tabs
--------------------------------------------------*/
.produs .tabs { height: 33px; background: url('../../assets/im/tab_bg.jpg') repeat-x; border-left: 2px solid #f5f5f5; border-right: 2px solid #f5f5f5; }
.produs .tabs li { float: left; width: 207px; line-height: 33px; padding: 0 10px; color: #666; font-weight: bold; background: url('../../assets/im/tab.jpg') no-repeat; cursor: pointer; }
.produs .tabs .on { color: #fff; font-weight: bold; background: url('../../assets/im/tab_on.jpg') no-repeat; }

.produs .descriere { float: left; width: 664px; background: #f5f5f5; padding: 10px; margin-bottom: 10px; }
.produs .descriere .photo { float: right; margin-right: 10px; }
.produs .descriere h1 { color: #DD111C; font-size: 20px; font-style: italic; font-weight: normal; margin-bottom: 10px; }
.produs .descriere h2 { color: #DD111C; font-size: 12px; font-weight: normal; }
.produs .descriere h3 { margin-bottom: 10px; }
.produs .descriere p { line-height: 18px; margin-bottom: 10px; }
.produs .cerere 
{ 
	display: block; 
	margin-top: 10px;
	text-align:center; 
	font-weight: bold;
	color: #fff; 
	font-size: 11px;	
	font-family:arial;
	background: url('../../assets/im/62.jpg') no-repeat left bottom; 
	width: 58px; 
	height: 17px; 
	padding: 2px 2px 0px 2px; 
}

/*Produs - tabs
--------------------------------------------------*/
.chestionar h2 { margin-top: 10px; display: block; }
.chestionar span { display: block; margin-top: 3px; }
.chestionar textarea { margin: 0px ! important; width: 400px; }
.chestionar input { margin-right: 3px; float: left; margin-top: 1px; border: none; }
.chestionar img { margin-top: 10px; cursor: pointer; display: block; }
.chestionar label { display: block; margin-top: 3px; }
.chestionar .error { color: #DD111C; display: block; }
.chestionar .button input
 { 
	margin-top: 10px; 
	border: none; 
	float: right; 
	text-align:center; 
	font-weight: bold;
	color: #fff; 
	background: url('../../assets/im/100.jpg') no-repeat left center; 
	width: 100px; 
	font-size: 11px; 
	height: 17px; 
	padding: 1px 2px 3px 2px; 
}

.button a
{
	display: inline-block;
	height: 17px;
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	background: #999; 
	border: none; 
	padding-left: 6px; 
	height: 17px; 
	background: url('../../assets/im/br.jpg') no-repeat right center; 
	
	padding-right: 10px; 
}