@CHARSET "ISO-8859-1";

/* STYLE FOR ADMIN PANEL */
body {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

.links_arial_blue_12:link {
	color: #2D4271;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.links_arial_blue_12:visited {
	color: #2D4271;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.links_arial_blue_12:hover {
	color: #C41D1D;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.links_arial_blue_12:active {
	color: #2D4271;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.links_tahoma_blue_14:link {
	color: #2D4271;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	font-weight:bold;
}
.links_tahoma_blue_14:visited {
	color: #2D4271;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	font-weight:bold;
}
.links_tahoma_blue_14:hover {
	color: #C41D1D;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	font-weight:bold;
}
.links_tahoma_blue_14:active {
	color: #2D4271;
	font-family: Tahoma;
	font-size: 14px;
	text-decoration: none;
	font-weight:bold;
}

.links_verdana_grey_14:link {
	color: #666666;
	font-family: Verdana;
	font-size: 14px;
	text-decoration: none;
}
.links_verdana_grey_14:visited {
	color: #666666;
	font-family: Verdana;
	font-size: 14px;
	text-decoration: none;
}
.links_verdana_grey_14:hover {
	color: #C41D1D;
	font-family: Verdana;
	font-size: 14px;
	text-decoration: none;
}
.links_verdana_grey_14:active {
	color: #666666;
	font-family: Verdana;
	font-size: 14px;
	text-decoration: none;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 24px;
	border-bottom: 1px solid #CCC;
	text-align: left;
	padding-left: 20px;
	color: #000000;
	margin-bottom: 0px;
	margin-top: 0px;
}

h2 {
	font-size: 20px;
	color: #09385B;
}

h3 {
	font-size: 17px;
	color: #09385B;
}

textarea {
	font-family: Verdana;
	font-size: 12px;
}

#header {
	height: 40px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: right;
}

#header .welcome {
	margin-left: 6px;
	border: 1px solid #000000;
	text-align: left;
	padding: 7px;
}

#header .welcome .text {
	font-size: 15px;
	color: #000000;
}

#menu {
	margin-right: 6px;
}

#menu .top {
	width: 179px;
	height: 38px;
	background: url(../images/menu-top.png) no-repeat top;
}

#menu .bottom {
	width: 179px;
	height: 38px;
	background: url(../images/menu-bottom.png) no-repeat top;
}

#menu .links {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin: 0 1px 0 1px;
	padding: 8px;
	background: #F2F2F2;
}

#menu .links a {
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	line-height: 20px;
	padding-bottom: 3px;
	padding-left: 12px;
	border-bottom: 1px dotted #DDD;
}

#menu .links a:hover {
	color: #0066B3;
	background-color: #EEE;
}

#menu .links a.selected {
	color: #0066B3;
	font-weight: bold;
	background: url(../images/icons/arrow-blue.png) no-repeat left;
}

#buttons {
	margin-top: 20px;
	clear: both;
	text-align: left;
	border-top: 1px solid #CCC;
	padding: 10px 10px 10px 20px;
}

/* ========== FORM ELEMENTS ================= */
.textbox {
	border: 1px solid #AAA;
	color: 666;
}

.button {
	cursor: pointer;
	margin-left: 2px;
	margin-right: 2px;
}

.form {
	font-size: 13px;
	line-height: 16px;
}

.form .row {
	padding: 4px 4px 4px 8px;
	border-bottom: 1px solid #DDD;
}

.form .label {
	font-weight: bold;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}

.form .field {
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	vertical-align: top;
}

/* explanation texts inside form fields / labels */
.form .info {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

/* ==================================================== */
.buttons-container {
	clear: both;
	text-align: center;
	border-top: 2px solid #CCC;
	padding-top: 5px;
}

.separator {
	border-left: 1px solid #CCC;
}

.separator2 {
	border-left: 2px solid #CCC;
	line-height: 30px
}

/* page content container */
.container {
	width: 870px;
	border: 1px solid #CCC;
	background: #EEE;
	padding-left: 6px;
	padding-right: 6px;
	/*min-height: 376px;*/
}

/* ============ position controls ==============  */
.controls .position-label {
	margin-left: 15px;
	padding-left: 20px;
	padding-bottom: 6px;
	padding-top: 6px;
	background: url(../images/icons/position.gif) no-repeat left;
	color: #5376bb;
	font-weight: bold;
}

input.position {
	border: 1px solid #CCC;
	background: #F6F6F6;
	text-align: center;
	font-size:10px;
}

.controls a.up img,.controls a.down img {
	border: 1px solid #AAA;
}

/* =============================================== */
	/* title section of the round boxes */
.heading {
	color: #09385B;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	padding: 4px 4px 4px 10px;
}

/* title for dhtml windows */
.win-title {
	color: #09385B;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 2px solid #CCC;
	padding: 4px 4px 4px 16px;
	margin-bottom: 4px;
	background: #EEE;
}

/* =============== PAGINATION =============== */
.paging {
	clear: both;
	padding: 10px 0 10px 20px;
}

.paging a {
	border: 1px solid #AAA;
	font-size: 14px;
	font-weight: bold;
	background: #F8F8F8;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	color: #000;
}

.paging a:hover {
	border: 1px solid #F36F21;
}

.paging a.selected {
	background: #CCC;
}

/* ========================================== */
	/* ================= LOGIN START ========================= */
#login .login-box {
	width: 180px;
	margin-top: 15px;
	text-align: left;
	color: #FFF;
	background:#333333;
	padding: 10px 15px;
	border: 1px solid #000000;
}

#login .login-box .label {
	font-weight: bold;
	font-size: 15px;
}

#login .login-box .textbox {
	border: 1px solid #000000;
	width: 175px;
}

#login .login-box .submit {
	width: 100px;
	border: 1px solid #9d4109;
	background: url(../images/table-header.gif) #FFF repeat-x bottom;
	font-weight: bold;
}

#login .msg {
	width: 250px;
}

/* ================= LOGIN END   ========================= */

/* ==================== START PAGINATE   ======================== */
.paginate {
	clear: both;
	padding: 10px 0 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
}

a.paginate {
	border: 1px solid #AAA;
	font-size: 14px;
	font-weight: bold;
	background: #F8F8F8;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	color: #000;
}

a.paginate:hover {
	border: 1px solid #F36F21;
}

a.current {
	border: 1px solid #AAA;
	font-size: 14px;
	font-weight: bold;
	background: #CCC;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	color: #000;
}	
/* ==================== END PAGINATE   ======================== */

/* ================== PAGINI STATICE START ============================= */
#page-list {
	min-height: 300px;
}

#page-list .controls {
	display: inline;
	width: 100px;
}

#page-list .row {
	width: 210px;;
	clear: both;
	border-bottom: 1px solid #FFF;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color:#EEEEEE;
	height:20px;
}

#page-list .row.highlight {  
	background-color:#E0E0E9;
}

#page-list .section {
	float: left;
	cursor: pointer;
	font-weight: bold;
	padding-left: 10px;
	width: 200px;
	font-size: 14px;
}

#page-list .section span {
	padding-right: 15px;
}

#page-list .section.selected span {
	background: url(../images/icons/down-small.png) no-repeat right;
}

#page-list .page {
	width: 180px;
	float: left;
	font-size: 14px;
	padding-left: 30px;
}

#page-editor {
	min-height: 400px;
	padding-left: 10px;
}

.page-editor-menu {
	text-align: center;
	border-bottom: 1px solid #CCC;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 15px;
}

#page-editor .form .label {
	padding-left: 20px;
}

#page-editor .form .textbox {
	width: 350px;
}


#meniu_categorii {width:191px; float:left; }
#meniu_categorii div { overflow:hidden;}
#meniu_categorii .titlu { background-image:url(../imagini/background-meniu-titlu.jpg); background-repeat:no-repeat; height:44px; width:191px; }
#meniu_categorii .text { margin-top:13px; float:left; margin-left:32px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-top:15px;}
#meniu_categorii .continut { background-image:url(../imagini/background-meniu-continut.jpg); background-repeat:repeat-y; width:191px; }
#meniu_categorii .link {margin-top:7px; float:left;}
#meniu_categorii .link a {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#meniu_categorii .link a:hover { color:#910007}
#meniu_categorii .img_bulet{width:20px;  float:left; margin-left:10px;}
#meniu_categorii .img_bulet img { width:3px; height:5px; border:0px; margin-top:12px;}
#meniu_categorii .img_linie{width:160px;  float:left; margin-left:24px;}
#meniu_categorii .img_linie img { width:160px; height:6px; border:0px; margin-top:2px;}
#meniu_categorii .spatiu { width:191px; height:1px;}
#meniu_categorii .jos { background-image:url(../imagini/background-meniu-jos.jpg); background-repeat:no-repeat; height:11px; width:191px; }
#meniu_categorii .filtru { margin-left:10px; width:178px; }



.pt10{ padding-top:10px;}

.mt2 { margin-top:2px;}
.mt3 { margin-top:3px;}
.mt4 { margin-top:4px;}
.mt5 { margin-top:5px;}
.mt7 { margin-top:7px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}

.ml2 { margin-left:2px;}
.ml5 { margin-left:5px;}
.ml7 { margin-left:7px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml40 { margin-left:40px;}

.mr4 { margin-right:4px;}
.mr5 { margin-right:5px;}
.mr16 { margin-right:16px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}

.mb5 { margin-bottom:5px;}

.h2 { height:2px;}
.h3 { height:3px;}
.h5 { height:5px;}
.h8 { height:8px;}
.h10 { height:10px;}
.h12 { height:12px;}
.h16 { height:16px;}
.h18 { height:18px;}
.h20 { height:20px;}
.h22 { height:22px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h60 { height:60px;}
.h90 { height:90px;}
.h190 { height:190px;}
.h200 { height:200px;}

.w10 { width:10px;}
.w65 { width:65px;}
.w90 { width:90px;}
.w110 { width:110px;}
.w115 { width:115px;}
.w125 { width:125px;}
.w150 { width:150px;}
.w160 { width:160px;}
.w165 { width:165px;}
.w170 { width:170px;}
.w175 { width:175px;}
.w180 { width:180px;}
.w190 { width:190px;}
.w200 { width:200px;}
.w205 { width:205px;}
.w220 { width:220px;}
.w225 { width:225px;}
.w245 { width:245px;}
.w250 { width:250px;}
.w300 { width:300px;}
.w324 { width:324px;}
.w340 { width:340px;}
.w350 { width:350px;}
.w380 { width:380px;}
.w400 { width:400px;}
.w480{ width:480px;}
.w500{ width:500px;}
.w510{ width:510px;}
.w520{ width:520px;}
.w530{ width:530px;}
.w600{ width:600px;}
.w700{ width:700px;}
.w740{ width:740px;}
.w750{ width:750px;}
.w755{ width:755px;}
.w950 { width:950px;}
.w1024 { width:1024px;}

.lh18 { line-height:18px;}

.bold{font-weight:bold;}

.cb { clear:both}
.cp { cursor:pointer;}
.f_left, .fleft, .fl{float:left}
.f_right, .fright, .fr{float:right}

.space { height:8px; clear:both; overflow:hidden;}
.alleft { text-align:left;}
.alright { text-align:right;}
.alcenter { text-align:center;}

.arial11_grey {color: #737A88; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.arial12_grey {color: #737A88; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.fs20 { font-size:20px;}

.color_brown{color:#CC6633 !important}

#content .categ_add_anunt {width:100px; height:70px; float:left; margin-left:15px; margin-top:10px;}
#content .img_add_anunt {width:100px; height:50px; background-color:#F9F9F9; margin-left:2px; margin-top:2px;}
#content .title_add_anunt {width:100px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:center; margin-left:2px; padding:2px;}

#content .anunt_box_top { clear:both; width:676px; height:18px; border:0px solid #00FF00; text-align:left; margin-left:20px; background-image:url(../../images/box_anunt_top.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #FFFFFF; font-weight:bold; padding-left:10px; padding-top:3px; margin-top:10px;}
#content .anunt_box_middle { clear:both; height:auto; width:676px; border:0px solid #00FF00; text-align:left; margin-left:20px; background-image:url(../../images/box_anunt_middle.png); background-repeat:repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #737A88; padding-left:10px;}
#content .anunt_box_middle_title { width:150px; border:0px solid #00FF00; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #737A88; float:left; font-weight:bold; margin:5px; margin-bottom:0px;}
#content .anunt_box_middle_content { width:480px; border:0px solid #00FF00; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #737A88; float:left; margin:5px; margin-bottom:0px;}
#content .anunt_box_bottom {width:676px; height:3px; border:0px solid #00FF00; text-align:left; margin-left:20px; background-image:url(../../images/box_anunt_bottom.png); background-repeat:no-repeat;}

#content .div1 { width:150px; border:0px solid #00FF33; float:left;}
#content .div2 { width:650px; border:0px solid #00FF33; float:left; font-weight:bold;}

#content .button_save{cursor:pointer; background:#276E9C; color:#fff; width:150px; margin:5px 0 0 0px; text-align:center; font-weight:bold; height:35px; border-radius:4px; border:none; font-size: 12px; color: #FFFFFF;font-family:Arial, Helvetica, sans-serif;}

#nav {
    float: left;
    width: 280px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}
#nav li a {
    display: block;
    padding: 10px 15px;
    background: #ccc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
    text-decoration: none;
    color: #000;
}
#nav li a:hover, #nav li a.active {
    background: #999;
    color: #fff;
}
#nav li ul {
    display: none; // used to hide sub-menus
}
#nav li ul li a {
    padding: 10px 25px;
    background: #ececec;
    border-bottom: 1px dotted #ccc;
}