* {
margin:0;
padding:0
}

html,body{ 
background-color:#fff;
color:#000;
height:100%;
width: 100%;
font-family:"Tahoma", "MS Serif", "New York", serif;
font-size:14px; 
margin:0; 
padding:0; 
}

/* definire fanioane globale de stil */
h1 {
	font-size:28px;
	color:#53bc18;
	background-color:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:300;
	line-height: 30px;
	margin-bottom: 20px;
}
h2 {
	font-size:15px;
	color:gray;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:300;
	background-color:#FFFFFF;
}
h3 {
	color: #56C020;
	font-size: 15px;
	text-align: left;
	font-weight: 500;
	padding: 5px;
	margin-top: 5px;
}
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  } 
hr {
	border:0px;
	color:#CCCCCC;
	background-color:#CDCDCD;
	height: 1px;
	width: 100%;
	text-align: left;
}

.link a:hover {
	color: #fff;
	background-color: #53bc18;
}
#principal {
	width: 100%;
	margin: 0 auto;
}

/* definire layout principal */
#sus{ 
background-color:#fff;
height:55px;
width: 100%;
}
* html #sus {
	width: 100%;
}

#sus #topnavuser {
	background-color: #f0f0f0;
	width: 100%;
	color: #000;
	padding: 5px;
	margin-right: 12%;
	height: 20px;
	z-index: 101;	
}
* html #sus #topnavuser {
	width: 100%;
}

#sus #topnavuser .susTitluNav
{
	font-size: 100%; 
	color: #56C015; 
	margin-left: 12%;
	padding: 5px;
	width: 100%;
}

#centru { 
background-color:#fff; 
min-height:650px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:650px; /* for IE5.x and IE6 */
width: 100%;
}
* html #centru {
	width: 100%;
}
#jos { 
clear: both;
width: 100%;
background-color: transparent;
margin-top: -15px;
border-top:2px solid #666633;
height:auto !important; /* for modern browsers */
min-height: 440px;
}
* html #jos {min-height: 440px; width: 100%;}

#jos #sitemap {
	clear: both;
	float: left;
	width: 100%;
	background-color: #F0F0F0;
	border-bottom: 2px solid #666633;
/*	height: 250px;
	min-height: 250px;   */
	z-index: 120;
	height:auto !important;
	min-height: 350px;
}
* html #jos #sitemap {min-height: 350px;  width: 100%;}

#jos #cpy{
clear: both;
float: left;
width: 100%;
text-align: left; 
background:url(../_images/sigla-jos11.png) right 25% no-repeat;
background-color:#fff;
border-bottom:5px solid #55C015;
color: #000;	
height: 70px;
}
* html #jos #cpy {height: 70px; width: 100%}

#jos #cpy #coloanaInfoJos {
	width: 100%;
}

#jos #cpy #nav-jos {
	position: relative;
	float: left;
	padding: 25px;
	text-align: left;
	width: 900px;
	font-size: 110%;
}

#jos #cpy #nav-jos ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}
#jos #cpy #nav-jos li {
	display: inline;
	margin: 0 5px 0 5px;
	padding: 0;
}
#jos #cpy #nav-jos a {
	float: left;
	display: block;
	color: #56C015;
	font-size: 110%;
	text-decoration: none;
	padding: 0 5px 0 0; /*Padding within each menu item*/
	background-color: transparent; /*Default menu color*/
}

#jos #cpy #nav-jos a:hover {
	float: left;
	display: block;
	color: #000;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding: 0 5px 0 0; /*Padding within each menu item*/
	background-color: transparent; /*Default menu color*/
}

#jos #cpy #cpy-jos {
	position: absolute;
	margin: 0;	
	text-align: left;
	width: 235px;
	font-weight: bold;
	font-size: 80%	
}

/* definire containere site map */	
#jos #sitemap .coloanaInfo {
	float: left;
	display: inline;
	width: 950px;
	text-align: center;
	background-color: #f0f0f0;
	color: #fff;
	margin-left: 50px;
	margin-right: 10%;
	font: .9em "Lucida Grande", Verdana, Arial, sans-serif;
}
* html #jos #sitemap .coloanaInfo { width: 990px;}

.coloana {
	float: left;
	width: 160px;
	background-color: #f0f0f0;
	color: #fff;
	text-align: center;
	padding: 15px 12px;
	border-right: 2px solid #fff; 	
}
* html .coloana { width: 160px;}

.coloanaInfo ul {	list-style: none;}
.coloanaInfo li a { font-size: 90%;}
.coloanaInfo li a:link { color: #48691d; text-decoration: none;}
.coloanaInfo li a:visited { color: #48691d;}
.coloanaInfo li a:hover { background-color: #56C015; color: #fff;}
.coloanaInfo li a:active { color: #48691d;}

#container
{
width: 990px;
margin: 10px auto;
background-color: #fff;
color: #333;
/*border: 1px solid gray;*/
line-height: 130%;
}

#top
{
	padding: .5em;
	background-color: transparent; 
	/*border: 1px solid gray;*/
	background-image: url(../_images/top-banner-single.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 150px;
	max-height: 150px;
	z-index: 99;
}
* html #top {	height: 150px;}

#navsec {
	display: inline;
	float: right;
	margin-top: 70px;
	width: 210px;
	text-align: right;
	background-color: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#navsec ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}
#navsec li {
	display: inline;
	margin: 0 5px 0 5px;
	padding: 0;
}
#navsec a {
	float: left;
	display: block;
	color: black;
	text-decoration: none;
	padding: 0 5px 0 0; /*Padding within each menu item*/
	background-color: transparent; /*Default menu color*/
}

#topnav
{
margin-top: -11px;
/*padding: .5em;*/
background-color: transparent;
/*border-bottom: 1px solid #eee;*/
height: 30px;
z-index:100;
}


#wrap-cnt
{
display: inline;
width: 990px;
margin: 10px auto;
background-color: #fff;
color: #333;
float: none;
overflow: none;
}

#leftnav
{
float: left;
width: 190px;
margin: 0;
padding: 5px;
max-width: 190px;
}


#rightnav
{
float: right;
width: 180px;
margin: 0;
padding: 1em;
max-width: 180px;
}

#content
{
float: left;
margin-left: 10px;
border-left: 1px solid #eee;
/*margin-right: 180px;*/
border-right: 1px solid #eee;
padding: 5px;
width: 550px;
max-width: 550px;
vertical-align: top;
}
#footer
{
clear: both;
margin: 0;
width: 990px;
height: 58px;
background-color: #666633;
background:url(../_images/bara1jos.png) right 25% no-repeat;
}
* html #footer {width: 990px;}
/* sf. definire layout */

/* def. elemente de text */
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
/* sf. def. elemente de text */


/* bara de navigare fancy */
.invertedshiftdown{
clear: both;
padding: 0;
width: 100%;
/*border-top: 5px solid #D10000; */ /*Red color theme*/
/*border-top: 5px solid #53bc18; */ /*green color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 220px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 0 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: transparent; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
/*background-color: #D10000; */ /*Red color theme*/
background-color: #53bc18; /*green color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
/*background-color: #D10000; */ /*Red color theme*/
background-color: #53bc18; /*green color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}


/* definire stil formular */

form * {margin:0;padding:0;} 

legend {
	/*color:#ca3c00; */
	color: #53bc18;
	*margin-left:-7px; 
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 10px;
}
fieldset {
	/* border:0.5px solid #dedede; */
	border: 0;
}
fieldset div {
	overflow:hidden; 
	display:inline-block; 
	margin: 5px;
}
textarea {
	margin: 5px 0 5px 0;
}
fieldset div {display:block;} 
label {
	float:left; 
	width:200px; 
}

.radio {
	position:relative; 
	border:0; 
}
.radio span {
	position:absolute; 
	top:0;left:0; 
	width:150px; 
	margin: 5px;
}
.radio ul {
	margin-left:150px; 
	list-style:none; 
}
.radio li {
	position:relative; 
	display:inline; 
	white-space:nowrap; 
}
.radio label, .radio input {
	width:auto; 
	float:none; 
	vertical-align:middle; 
}

/* clasa highlight pentru bara de navigare seundara de sus*/
.ntopopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
border: hidden;
}

.ntopopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
border: hidden;
}

.ntopopacity img{
/*border: 1px solid #ccc;*/
border: hidden;
}

.josTitlu
{
	font-size: 150%; 
	color: #56C015; 
	margin-left: -5px;
}


/* bara de navigare utlizator, autnci cind este logat */
#usernavlist
{
padding-left: 0;
margin-left: 0;
/*border-bottom: 1px solid gray;*/
width: 200px;
}

#usernavlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
/*border-bottom: 1px solid gray;*/
}

#usernavlist li a { 
	text-decoration: none; 
}
#usernavlist li a:hover { 
	text-decoration: none; 
	background-color: #53bc18;
	color: #fff;
	}
#usernavlist li .activa { 
	text-decoration: none; 
	background-color: #53bc18;
	color: #fff;
	}	

#usernavlist .current a{
	background-color: #53bc18; /*green color theme*/
	padding-top: 9px; 
	padding-bottom: 5px; 
	padding-left: 15px;
	padding-right: 15px;
	font-size: 105%;
	font-weight: bold;
	font: "Georgia", Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: white;
}

/* pentru afisare info */
.showinfo{
border: 1px solid #b8b8b8;
margin: 0 30px 0 10px;
margin-bottom: 1em;
width: 500px;
}

.showinfo .innerdiv{
background: transparent url(../_images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

/* corners */
#csc {
  background : #eee url(../_images/csc_tl.png) no-repeat;
  width : 180px;
  height : auto;
  position : relative;
  padding : 5px 10px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(../_images/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(../_images/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(images/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}