/* CSS Document */
* {margin: 0 auto; padding: 0;}
ol, ul, li { list-style:none }
body {background:  /*#EFF2F3*/#ECEBEB; font-size: 12px; font-family: arial,helvetica,sans-serif;}
h1 { text-align: left; font-size: 14px; line-height: 20px; color: #666; margin: 0 0 -5px 0; /*background: url("../img/bgad2.png") top left repeat-x;*/ border-bottom: 3px solid #CE000C;}
 h2{ font-size: 14px; color: #FF9000;float: right;margin: -16px 5px 0 0; width: 50%; text-align: right;}
.clearfix {clear: both;}
#wrapper {width: 99%; margin: 5px auto; display: block; background: #fff; /*border-left: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9;*/}
/*default*/
.form-error { border: 1px solid red;}
.error-message { background-color: #FF0000; color: #FFFFFF; font-weight: bold; margin-left: 0; width: 458px;}
/*header*/
.header { /*border: 1px solid #ccc; background: #ECEBEB;*/ text-align: right;}
.header .logo { /*background: #000;*/ width: 303px; height: 85px; float: left; text-align: right; font-size: 27px; line-height: 0px; font-weight: bold; padding: 5px 10px 0 5px;}
.header .logo span { margin: 5px 5px 0 0; font-size: 14px; color: #A19A97;}
.header .ad { float: right;padding: 8px 5px 0 0; width: 25%; }
.header h2{ color: #FF9000;float: right;margin: -53px 5px 0 0; width: 60%;}
.header #webcamLink { display: block; float: right; margin: 5px 0 0;}


/*navigare*/
.nav { background: url(../img/bg-sidebar2.png) repeat-x #CE000C; height: 60px; color: #fff; border: 1px solid #000;}
.nav .bread2 {margin: 2px 0 0 0; display: block;}
.nav .bread2 h3 a {font-size: 14px;}
.nav hr{color: #fff;}
.nav h3 {font-size: 18px; font-weight: bold; float: left; padding: 3px 0 0px 10px; }
.nav h2 {font-size: 18px; font-weight: bold; float: left; padding: 3px 0 0 10px; width: 100%; text-align: center;}
.nav a { color: #fff; padding: 3px 0 0 10px; text-decoration: none; font-weight: bold; font-size: 18px;}
.nav a:hover { text-decoration: underline;}
   .nav .bara { height: 27px;  float: right; }
   .nav .bara a { display: block; font-size: 16px; font-weight: bold; text-decoration: none; color: #fff; padding: 5px 10px; float: left;}
   .nav .bara a:hover { text-decoration: underline; }
.nav .cautare {float: right; display: block; margin: 2px 10px 0 0;}
.nav .cautare input { width: 150px; padding: 1px;}
.nav .cautare .btnSubCerca {background: url(../img/bg-sidebar2.png) repeat-x scroll 0 0 transparent;border: 1px solid #eee; color: #FFFFFF; font-weight: bold; height: 18px; margin: 2px 0 0; padding: 0 0 18px 0; width: 65px;}
.nav2{ background: url(../img/bg-sidebar2.png) repeat-x; height: 27px; color: #fff; }
.nav2 span { float: left; margin: 5px 0 0 10px; font-size: 14px; font-weight: bold; color: #ffcc00;} 
.nav2 a {float: left; margin: 5px; color: #EFF2F3; text-decoration: underline; font-weight: bold; font-size: 14px;}
.nav2 a:hover {color: #fff; text-decoration: none;}

/*sidebar*/
.sidebar { /*border: 1px solid #ccc;*/ background: url(../img/bg-Alt.gif) top right repeat-y #EEE; }
.sidebar p { padding: 10px 5px;}
/*oras selectat*/
.orasSelectat { text-align: center; color: #ff9400; font-weight: bold; padding: 2px;}
.orasSelectat  a { text-decoration: none; }
.orasSelectat  a:hover { text-decoration: none; }
/*continut sidebar*/
.selectOras { font-size: 14px; font-weight: bold; text-align: center; color: #fff; background: url(../img/bg-sidebar2.png) repeat-x; height: 30px; border: 1px solid #000;}
.selectOras a { color: #ff9000; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.selectOras a:hover { color: #fff; }
.listaOras { font-size: 14px; /*float: left;*/ margin: 0 0 10px 0;  /*background: url("../img/bg-Alt.gif") top right repeat-y;*/}
.listaOras a { display: block; width: 47%; float: left; padding: 2px 0 2px 6px; color: #333; text-decoration: none; margin: 2px 0 0 0;}
.listaOras a:hover { color: #000; }
/*ultimeleAnunturi*/
.ultimeleAnunturi { float: left; padding: 0 5px 0 0; width: 98%; text-transform: lowercase; background: url("../img/bg-Alt.gif") top right repeat-y; border-top: 3px solid #CE000C;}
.ultimeleAnunturi ul li {padding: 2px 10px; border-bottom: 1px solid #ccc;}
.ultimeleAnunturi ul li a { font-size: 11px; color: #FF6600; text-decoration: none;}
.ultimeleAnunturi ul li a:hover {color: #000;}
/*categorie*/
.cats { float: left; width: 100%; display: block;}
.categorie { background: url("../img/bg-Alt.gif") repeat-y scroll left top #fff;float: left; display: block; width: 50%; margin: 0 0 7px 0; border: 1px solid #ccc;}
.categorie h3 { float: left; color: #396acd; font-size: 16px; line-height: 20px; padding: 5px 0 0 15px; }
.categorie h3 a { color: #CE000C; text-decoration: none;}
.categorie h3 a:hover{ color: #CE000C; text-decoration: underline;}
.categorie span {width: 99%;  color: #666; font-size: 11px; line-height: 31px; padding: 5px 0 0 5px; margin: 15px 0 0 0;}
.categorie img { float: left; padding: 5px 5px 5px 14px; min-height: 100%;}
.categorie p { width: 100%; font-size: 12px; font-weight: bold; padding: 0;}
.categorie .listaCautari { width: 100%;}
	.listaCautari a { float: left; display: block; width: 32%; padding: 4px; color: #396acd; text-decoration: none;}
	.listaCautari a:hover { text-decoration: underline;}
   .listaCautari ul { width: 81%; display: block;}
   .listaCautari ul li { float: left; width: 33%; color: #396acd; padding: 2px 2px 0px 2px; }
   .listaCautari ul li a { float: left; display: block; width: 100%; padding: 4px; color: #555; text-decoration: none;}
	.listaCautari ul li a:hover { text-decoration: underline;}
/*categorie dreapta*/
.categorie2 { background: url("../img/bg-Alt.gif") repeat-y scroll left top #fff;float: right; display: block; width: 49%; margin: 0 0 7px 0; border: 1px solid #ccc;}
.categorie2 h3 { float: left; color: #396acd; font-size: 16px; line-height: 20px; padding: 5px 0 0 15px; }
.categorie2 h3 a { color: #CE000C; text-decoration: none;}
.categorie2 h3 a:hover{ color: #CE000C; text-decoration: underline;}
.categorie2 span {width: 99%;  color: #666; font-size: 11px; line-height: 31px; padding: 5px 0 0 5px; margin: 15px 0 0 0;}
.categorie2 img { float: left; padding: 5px 5px 5px 14px; min-height: 100%;}
.categorie2 p { width: 100%; font-size: 12px; font-weight: bold; padding: 0;}
.categorie2 .listaCautari2 { width: 100%;}
	.listaCautari2 a { float: left; display: block; width: 28%; padding: 4px; color: #396acd; text-decoration: none;}
	.listaCautari2 a:hover { text-decoration: underline;}
   .listaCautari2 ul { width: 74%; display: block;}
   .listaCautari2 ul li { float: left; width: 33%; color: #396acd; padding: 2px 2px 0px 2px; }
   .listaCautari2 ul li a { float: left; display: block; width: 100%; padding: 4px; color: #555; text-decoration: none;}
	.listaCautari2 ul li a:hover { text-decoration: underline;}
/*listare categorii*/
.listareAnunt { background: url('../img/back_cat.gif') bottom repeat-x #fff; border-bottom: 1px solid #ccc; height: 125px; margin: 5px 0 1px 0px; padding: 0 0 2px 0; width: 25%; float: left; display: block;}
.listareAnunt .imgs { text-align: center; width: 90px; height: 90px; float: left; border: 1px solid #ccc;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; margin: 5px 3px 0 0;} 
.listareAnunt .imgs img { text-align: center; width: 90px; height: 90px; }
.listareAnunt h3 {background: url("../img/back_add_v.gif") repeat-x scroll left bottom #FFFFFF; display: block;  width: 98%; font-size: 11px; line-height: 16px; padding: 2px 3px 2px 3px; text-transform:capitalize; display: block; height: 14px; overflow: hidden; z-index: 1;}
.listareAnunt h3:hover {}
.listareAnunt h3 a { padding: 0; text-decoration: none; color: #CE000C; }
.listareAnunt h3 a:hover { padding: 0; text-decoration: none; color: #396ACD; }
.listareAnunt span { display: block;  padding: 0 0 0 102px; margin: 10px 0 0 0;}
.listareAnunt span a { color: #000; text-decoration: none; font-weight: bold;}
.listareAnunt span a:hover { color: #396acd; text-decoration: none;}
.listareAnunt p { display: block; width: 98%; padding: 3px 5px; font-size: 12px; line-height: 15px;  text-transform: lowercase;}
.listareAnunt ul {list-style: none;}
.listareAnunt ul li {display: block; float: left; padding: 0 5px; margin: 3px 0;}

/* == listare anunturi in pagina de profil == */
.listareAnunt3 { background: #fff; border-bottom: 1px solid #ccc; height: 125px; margin: 5px 0 1px 0px; padding: 0 0 2px 0; width: 100%; float: left; display: block;}
.listareAnunt3 .imgs { text-align: center; width: 90px; height: 90px; float: left; border: 1px solid #ccc;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; margin: 5px 3px 0 0;} 
.listareAnunt3 .imgs img { text-align: center; width: 90px; height: 90px; }
.listareAnunt3 h3 {background: url("../img/back_add_v.gif") repeat-x scroll left bottom #FFFFFF; display: block;  width: 100%; font-size: 11px; line-height: 16px; padding: 2px 1px 2px 0px; text-transform:capitalize; display: block; height: 14px; overflow: hidden; z-index: 1;}
.listareAnunt3 h3:hover {}
.listareAnunt3 h3 a { padding: 0; text-decoration: none; color: #CE000C; }
.listareAnunt3 h3 a:hover { padding: 0; text-decoration: none; color: #396ACD; }
.listareAnunt3 span { display: block;  padding: 0 0 0 102px; margin: 10px 0 0 0;}
.listareAnunt3 span a { color: #000; text-decoration: none; font-weight: bold;}
.listareAnunt3 span a:hover { color: #396acd; text-decoration: none;}
.listareAnunt3 p { display: block; width: 98%; padding: 3px 5px; font-size: 12px; line-height: 15px;  text-transform: lowercase;}
.listareAnunt3 ul {list-style: none;}
.listareAnunt3 ul li {display: block; float: left; padding: 0 5px; margin: 3px 0;}

/* == paginare == */
.continut #paginare { text-align: center; font-size: 18px; font-weight: bold; padding: 5px; margin: 0  auto; color: #ECEBEB;}
.continut #paginare .disabled { border: 1px solid #111; background: #ccc; width: 20px; height: 20px; padding: 0 5px; text-decoration: none; color: #333;}
.continut #paginare .current { padding: 0 5px; background: #ce000c; border: 1px solid #111; width: 20px; height: 20px; color: #f2f2f2;}
.continut #paginare a {border: 1px solid #111; background: #ccc; width: 20px; height: 20px; padding: 0 5px; text-decoration: none; color: #333;}
.continut #paginare a:hover {padding: 0 5px; background: #ce000c; border: 1px solid #111; color: #f2f2f2;}

/* == div pentru reclama == */
.listareAnunt2 { background: #fff; border-bottom: 1px solid #ccc; height: 80px; margin: 5px 0 1px 0px; padding: 0 0 2px 0;}
.listareAnunt2 .imgs { text-align: center; width: 105px; height: 72px; float: left; border: 1px solid #ccc;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; } 
.listareAnunt2 .imgs img { text-align: center; width: 108px; height: 70px; }
.listareAnunt2 a {margin: 0 0 0 10px;}
.listareAnunt2 img {margin: 3px 0 0 0;}

/* == vitrina == */

.listareAnunt-v { background: url(../img/back_add_v.gif) bottom left repeat-x #fff; border-bottom: 3px solid #fff;  margin: 5px 2px 2px; padding: 0 0 2px 0; display: block; float: left; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 16%; text-align: center;}
.listareAnunt-v .imgs {/* text-align: center; width: 18%; height: 145px; float: left; display: block;  border: 1px solid #ccc;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;*/ padding: 3px; /*background: url("../img/bgv.png") top left no-repeat;*/ } 
.listareAnunt-v .imgs img { text-align: center; width: 134px; height: 145px; margin: 0; }
.listareAnunt-v h3 {background: url(../img/premium.png) no-repeat top center; display: block; width: 98%; font-size: 12px; line-height: 16px; padding: 25px 3px 2px 3px; margin: -28px 0 0 0; z-index:1; position: relative; height: 30px; overflow: hidden;}
.listareAnunt-v h3 a { padding: 0 0 0 0px; text-decoration: none; color: #396acd; text-transform: lowercase; }
.listareAnunt-v h3 a:hover { padding: 0 0 0 0px; text-decoration: none; color: #000; }
.listareAnunt-v span { display: block;  padding: 0 0 0 102px;}
.listareAnunt-v span a { color: #000; text-decoration: none; font-weight: bold;}
.listareAnunt-v span a:hover { color: #396acd; text-decoration: none;}
.listareAnunt-v p { display: block; padding: 5px 0 0 110px; font-size: 12px; line-height: 15px;}
.listareAnunt-v ul {list-style: none;}
.listareAnunt-v ul li {display: block; float: left; padding: 0 5px; margin: 3px 0;}
.listareAnunt-v .divsep {height: 1px; width: 100%; float: left; background: #ccc;}

/*
.listareAnunt { background: #fff; border-bottom: 1px solid #ccc; height: 80px; margin: 0 0 1px 0;}
.listareAnunt .imgs { text-align: center; width: 85px; height: 70px; float: left; border-right: 2px solid #ccc; padding: 5px; } 
.listareAnunt .imgs img { text-align: center; }
.listareAnunt h3 { float: left; display: block;  width: 85%; font-size: 14px; line-height: 10px; padding: 10px 1px 2px 10px; background: }
.listareAnunt h3 a { padding: 0 0 0 5px; text-decoration: none; color: #396acd; }
.listareAnunt h3 a:hover { padding: 0 0 0 5px; text-decoration: none; color: #000; }
.listareAnunt span { display: block;  padding: 0 0 0 15px; float: left; width: 85%;}
.listareAnunt span a { color: #000; text-decoration: none; font-weight: bold;}
.listareAnunt span a:hover { color: #396acd; text-decoration: none;}
.listareAnunt p { display: block; width: 85%; padding: 0 0 0 120px; font-size: 12px; line-height: 15px;}
.listareAnunt ul { float: left;}*/
/*continut*/
.continut {}
   .continut .seoP  { padding: 0 5px 5px 5px;color: #555;}
   .terms { padding: 5px 10px; }
   .terms p { line-height: 14px; padding:  0 0 5px 0;}
.continut .bakeka { text-align: center; color: #396acd; font-weight: bold;}
.continut .bakeka a { color: #396acd; text-decoration: none;}
/*vitrina*/
.mainV { display: block; border-bottom: 1px solid #ccc; text-align: center; padding: 5px; }
.vitrina { display: block; padding: 3px;}
.anuntV { display: table-cell; border: 2px solid #ccc; float: left; margin: 3px 3px 0 0; width: 130px; height: 165px; text-align: center;}
.anuntV .imgs { width: 140px; height: 140px;}
.anuntV img { margin: 3px auto; vertical-align: middle;}
.anuntV p { font-size: 11px; margin: 5px; vertical-align: text-bottom; text-align: bottom;}
/*inserare anunt*/
.insertAd { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DDDDDD;font-family: arial,helvetica,sans-serif;font-size: 13px;margin: 5px 0 0;width: 100%;}
.insertAd td { vertical-align: top; padding: 5px 0 0 5px;}
.insertAd td .form-error { border: 1px solid red;}
.insertAd select { width: 458px; padding: 3px; border: 1px solid #ddd;}  
.insertAd textarea { width: 450px; height: 200px; padding: 3px; border: 1px solid #ddd;}
	.file { width: 450px; padding: 3px; border: 1px solid #ddd;}
	.text { width: 450px; padding: 3px; border: 1px solid #ddd;}
      .form-error { border: 1px solid red;}
	.text2 {width: 300px; padding: 3px; border: 1px solid #ddd;}
	.numeCamp { font-weight: bold;}
 /*pagina de contact*/
.contact { width: 480px; margin: 5px 10px; margin: 5px auto;}
.contact label { display: block; float: left; width: 447px; font-size: 14px; line-height: 18px; font-weight: bold; padding: 5px 0;}
.contact input { display: block; float: left; width: 447px; padding: 5px; font-size: 14px; border: 1px solid #ccc;}
.contact textarea { display: block; float: left; width: 447px; padding: 5px; border: 1px solid #ccc;}
.contact .btnCtc2 { float: left; width: 80px; margin: 10px 10px 10px 0; background: #0070b7; color: #fff; font-size: 14px; font-weight: bold; line-height: 16px; padding: 0 0 2px 0; border: 0;}
.contact .btnCtc2:hover { float: left; width: 80px; margin: 10px 10px 10px 0; background: #f25515; color: #fff; font-size: 14px; font-weight: bold; line-height: 16px; padding: 0 0 2px 0; border: 0;}
/*afisare anunt*/
.afisareAnunt { padding: 0 0 5px 0; width: 99%; background: #fff;}
.afisareAnunt h3 { width: 100%; display: block; text-align: center; font-size: 16px; line-height: 35px; font-weight: bold; border-bottom: 1px solid #396acd; background: #EFF2F3  url("../img/bgad.png") top left repeat-x;}
.afisareAnunt .imagine { display: block; float: left; width: 145px; height: 175px; padding: 5px 5px 5px 0; text-align: center; border: 2px solid #ccc; margin: 5px 0 25px 5px;}
.afisareAnunt .tags {width: 100%; padding: 0 5px; text-align: center;}
   .imagine img { padding: 5px 0 5px 5px;}
.afisareAnunt .info { display: block; float: left; width: 250px; }
   .info p { font-size: 12px;}
   .info span { display: block; padding: 15px 5px 5px 15px; }
   .info span p { display: block; float: left; width: 66px; font-size: 12px; padding: 0;}
.afisareAnunt  p { padding: 10px 0; font-size: 14px;}
/*payment*/
.payment { float: left; padding: 0 0 10px 10px;}
.payment p { padding: 5px 0;}
.payment_title { font-size: 16px; line-height: 18px; font-weight: bold; padding: 5px 0;}
.payment_bar { background: #ff9000; color: #000; font-weight: bold; padding: 2px 5px; margin: 5px;}
.payment_proces { width: 202px; float: left; margin: 10px 48px;}
   .payment_proces_title {width: 194px; background: #640032; color: #fff; font-weight: bold; padding: 2px 5px; text-align: center;}
   .payment_proces_img { height: 70px; width: 202px; float: left; text-align: center; padding: 2px 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff;}
   .payment_proces_info { float: left; width:198px; height: 90px; text-align: center; vertical-align: top; border: 1px solid #ccc;  background: #f0f0f0; padding: 2px;} 
.payment_info { border: 1px solid #ccc;}
   .payment_info .payment_top { font-size: 14px; padding: 2px;}
   .payment_info #total { border-top: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 16px; font-weight: bold; padding: 2px;}
   .payment_info #gol { border-top: 1px solid #ccc;}
   .payment_info #grandTotal { background: #f0f0f0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; font-size: 16px; font-weight: bold; padding: 2px;}
/* == end of payment == */
/*footer*/
.footer { background: /*url("../img/footer_bg.png") repeat-x*/#CE000C; height: 50px; padding: 5px; color: #fff;}
.footer a { color: #fff; font-weight: bold; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footerGri { color: #555; }

/* Mesaje */
.messages { display: block;background: #fff;margin: 0 0 5px; }
.messages .message {border: 1px solid #F59A24;font: bold 16px/28px Arial,Verdana,Helvetica;padding: 15px;color:#fe6600;}

