/* CSS NEEDED ONLY IN THE DEMO */
html
{
	width:100%;
	overflow-x:hidden;
}

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;	
	width:100%;
	text-align:justify;
	background-color:#CCCCCC; 
	background-image:url(../img/bg.jpg);
	overflow-x:hidden;
}
	
#mainContainer{
	width:600px;
	margin:0 auto;
	text-align:left;
	background-color:#fafafa;
}
p {margin-top:5px;}

/* This is the box that is parent to the dragable items */
#dragableElementsParentBox
{
	padding: 10px;	/* Air */
	/*cms_pagina*/
	padding-top: 0px;
	/*end cms_pagina*/
}

/*elemente custom*/
	
td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #767676;
}
	
th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

img{border: 0px; vertical-align: middle;}
form{border: 0px;margin: 0px;}

A, A:hover
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; 
	font-weight: bold; 
	color: #c40000;
}
A:hover 
{
	text-decoration: underline;
}


img{border: 0px; margin: 0px; vertical-align: middle;}
input{vertical-align: middle; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
textarea{vertical-align: middle; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
select{vertical-align: middle; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
form{border: 0px; margin: 0px;}

p
{
	margin: 0px 0px 5px 0px;
}

span
{
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	color: #444;
	font-weight: bold;
}

.articol_img
{
	padding: 1px;
	border: 1px solid #bbb;
}


blockquote, ul
{
	margin:0px 0px 0px 3px;
	padding:0px;
}

ul li, ul li a, ul li a:hover
{
	list-style:none;
	background-image: url(../img/sageata_dubla.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	background-color:#FFFFFF;
	list-style-image:url(../img/sageata_dubla.jpg);
	padding: 0px 0px 4px 10px;
	margin: 0px;
	margin-left: -10px;
	margin-top:10px;
}

ul li a, ul li a:hover
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#5a5a5a;
	text-decoration:underline;
}

ul li a:hover
{
	color: #000A24;
}


ol li a, ol li a:hover
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#234567;
	text-decoration:underline;
}

ol li a:hover
{
	color: #C28A13;
}


b, strong
{
	color: #727272;
	font-weight:bold;
}

div
{
	color: #444;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 11px;
}

a, a:hover{font-family:Tahoma, Arial, Verdana; font-size:12px; font-weight: normal; color: #495677;text-decoration:underline;}
a:hover{color:#000;}
h1
{
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	color:#495677;
	padding: 2px;
	border-bottom: 1px dashed #d0d0d0;
	text-transform:uppercase;
}

h2, h2 a, h2 a:hover
{
	font-family:Tahoma, Arial, Verdana;
	font-size:14px;
	margin-top:30px;
	margin-bottom:10px;
	margin: 0px;
	color: #444;
	font-weight: bold;
	text-decoration:none;
	font-variant:small-caps;
}

h2 a:hover
{
	color: #495677;
}

blockquote, ul
{
	margin:0px 0px 0px 3px;
	padding:0px;
}

ul li
{
	list-style:none;
	background-image:url(../images/sageata_albastra.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding: 0px 0px 4px 8px;
	margin: 0px;
}

ul li a, ul li a:hover
{
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	font-weight:normal;
	color:#5a5a5a;
	text-decoration:underline;
}

ul li a:hover
{
	color: #000A24;
}

b, strong
{
	color: #727272;
	font-weight:bold;
}
/*end elemente custom*/

.articolMic_stanga, .articolMediu_stanga, .articolMare_stanga,
.articolMic_dreapta, .articolMediu_dreapta, .articolMare_dreapta
{
	/*cms_pagina*/
	font-family: tahoma;
  font-size: 11px;
	color: #444;
	background: #fff;
	/*end cms_pagina*/
	
	float:left;
	border:1px solid #aaa;
	/*background-color:#fafafa;*/
	padding:2px;
	margin-right: 4px;
	margin-bottom:5px;
}

.articolMic_stanga img, .articolMediu_stanga img, .articolMare_stanga img
{
	/*cms_pagina*/
	padding: 1px;
	border: 1px solid #eaeaea;
	/*end cms_pagina*/
	
	float:left;
	margin: 5px 5px 0px 0px;
}
.articolMic_dreapta img, .articolMediu_dreapta img, .articolMare_dreapta img
{
	/*cms_pagina*/
	padding: 1px;
	border: 1px solid #eaeaea;
	/*end cms_pagina*/
	
	float:right;
	margin: 5px 0px 0px 5px;
}
.articolMic_stanga,
.articolMic_dreapta
{
	width:181px;		
}
.articolMediu_stanga,
.articolMediu_dreapta
{
	width:277px;		
}
.articolMare_stanga,
.articolMare_dreapta
{
	width:564px;
}

.titluPagina
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	color: #000;
}

.clear
{
	clear:both;
}

/*cms_pagina*/

.articolMic_stanga span, .articolMediu_stanga span, .articolMare_stanga span,
.articolMic_dreapta span, .articolMediu_dreapta span, .articolMare_dreapta span
{
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	color: #444;
	font-weight: bold;
}

.articolMic_stanga p, .articolMediu_stanga p, .articolMare_stanga p,
.articolMic_dreapta p, .articolMediu_dreapta p, .articolMare_dreapta p
{
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	margin: 0px 0px 5px 0px;
	margin: 0px 
}

.articolMic_stanga div, .articolMediu_stanga div, .articolMare_stanga div,
.articolMic_dreapta div, .articolMediu_dreapta div, .articolMare_dreapta div
{
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	color: #444;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 11px;
}
/*end cms_pagina*/

/* END DEMO CSS */

/* REQUIRED CSS */

#rectangle{
	float:left;
	border:1px dotted #F00;	/* Red border */
	background-color:#FFF;
}
#insertionMarker{	/* Don't change the rules for the insertionMarker */
	width:6px;
	position:absolute;
	display:none;
}
#insertionMarker img{	/* Don't change the rules for the insertionMarker */
	float:left;
}		
#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
	position:absolute;
	display:none;
	border:1px solid #000;
	filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
	opacity:0.5;	/* 50% opacity , i.e. transparency */

}

/* END REQUIRED CSS */


/* RIGHT CLICK MENU */
.rclick_menu
{
	width:120px; 
	z-index:10000;
	visibility:hidden;
	display:block;
	position:absolute;
}

.rclick_menu table
{
	width: 100%;
	background: #332B00;
}

.rclick_menu td
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #332B00;
	background: #ECE2D6;
	cursor:pointer;
	vertical-align: middle;
	padding: 2px 0px;
}

td.rclick_menu_over
{
	background: #fff;
}

td.rclick_menu_header
{
	background: #332B00;
	color: #fff;
}

.menu_title{
	background-color:#CBB377;
	background-image:url(../img/fond_titlu_menu.jpg);
	background-repeat:repeat;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	height:28px;
	}
	
.text_normal, .text_bold{
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	text-align:justify;
	vertical-align:text-top;
	}
	
	
.text_bold{
	font-weight:bold;
	}

.menu_item, .menu_item a, .menu_item a:hover, menu_item_hover{
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
 	background:#DCCF98; 
	text-decoration: none;
 }	

.menu_item a:hover, menu_item_hover {
	color:#000000;
 	background:#CBB377; 
 }	

.menu_h, .menu_h a, .menu_h a:hover, .menu_h_hover {
	background-color:#C6AC71;
	background-image: url(../img/fond_menu_h.jpg);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-stretch: condensed;
	color:#FFFFFF;
	height:25px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	}	


.menu_h a:hover, .menu_h_hover {
	background-color:#D4C792;
	background-image: url(../img/fond_menu_h_i.jpg);
	color:#000000;
	cursor:pointer;
	}		
	
.articol_text_normal, .articol,  div.articol
{
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;;
	font-size: 12px;
	font-weight:normal;
	text-align:justify;
	vertical-align:text-top;
}

ul li.articol_text_normal, ul li.articol, ul li.articol_text_normal a, ul li.articol a, ul li.articol_text_normal a:hover, ul li.articol a:hover {
	list-style:url(../img/sageata_dubla.jpg) outside;
	padding-top:3px;
	margin-left:10px;
	text-align:justify;
	}
	
h1.articol_text_normal, h1.articol
{
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	color:#495677;
	padding: 2px;
	border-bottom: 1px dashed #d0d0d0;
	text-transform:uppercase;
}

h2.articol_text_normal, h2.articol_text_normal a, h2.articol_text_normal a:hover, h2.articol, h2.articol a, h2.articol a:hover,
{
	font-family:Tahoma, Arial, Verdana;
	font-size:14px;
	margin: 0px;
	color: #444;
	font-weight: bold;
	text-decoration:none;
}

h2.articol_text_normal a:hover, h2.articol a:hover
{
	color: #495677;
}

.alternate_row_0{
	background:#DCCF98; 
}

.alternate_row_1{
	background:#F9EAAC; 
}


.link_sageata, .link_sageata a, .link_sageata a:hover {
	list-style:url(../img/sageata_dubla.jpg) inside;
	color:#000000;
	font-weight:bold;
	}

.link_sageata a:hover {
	color:#C29128;
	}
.sub_tit, .sub_tit a, .sub_tit a:hover{
	font-family:Tahoma, Arial, Verdana;
	font-size:10px;
	margin-bottom:20px;
	}
.text_mic{
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;;
	font-size: 10px;
	font-weight:normal;
	vertical-align:middle;
}
