html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(images/body_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#000004;
}

#header{
	height:149px;
	width:1022px;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	background-color:#FFFFFF;
	background-image:url(images/header.jpg);
}

#categorii{
	height:26px;
	width:1022px;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	background-color:#FFFFFF;
	background:url(images/glossyback.gif) repeat-x bottom left;
	font-size:16px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	
}

#diving{
	float:left;
	width:180px;
	height:20px;
	padding-top:2px;
	font-weight: bold;
}

#diving a:link, a:visited, a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#romanian{
	float:right;
	width:50px;
	height:20px;
	padding-top:2px;
	font-weight: bold;
}

#romanian a:link, a:visited, a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#english{
	float:right;
	width:50px;
	height:20px;
	padding-top:2px;
	font-weight: bold;
}

#english a:link, a:visited, a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#mijloc{
	content:auto;
	width:1023px;
	height:100%;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	background-color:#ffffff;
	text-align:center;
	background-image:url(images/bg_1024.jpg);
}

div.wrapper {
margin-left:5%;
margin-right:5%;
}

#stinga{
	float:left;
	width:170px;
	height:auto;
	background-color:#0c293b;
	font-size:15px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	list-style-type:square;
}

#centru{
	float:none;
	width:inherit;
	height:auto;
	background-color:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
}

#content{
	margin:0 auto;
	width:70%;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:15px;
}

#main{
	background-image:url(images/bg_centru.jpg);
	text-align:justify;
}

#main a:link{
	color:#CC0000;
	text-decoration:none;
}

#main a:hover{
	color:#006699;
	text-decoration:underline;
}

#main a:visited{
	color:#0c293b;
}

#h1{
	text-align:center;
	font-style:oblique;
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
}

#contact{
	font-size:18px;
	width:500px;
	text-align:left;
}

#footer{
	float:left;
	width:1022px;
	height:25px;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	background-color:#0c293b;
	font-size:15px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
}

#footer a:link {
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover {
	color:#FF9900;
	text-decoration:underline;
}
 
#footer a:active {
	color:#ffffff;
	text-decoration:none;
}

#footer a:visited {
	color:#ffffff;
	text-decoration:line-through;
}

#copy{
	float:left;
	width:370px;
	height:22px;
	margin-top:2px;
	font-weight:bold;
}

#semnatura{
	float:right;
	width:225px;
	height:22px;
	margin-top:2px;
	text-align:right;
	padding-right:40px;
	font:Arial, Helvetica, sans-serif;
}

/*de aici e definit meniul...*/
.glossymenu{
	margin: 0px 0;
	padding: 0;
	width: 170px; /*width of menu*/
	border: 1px solid #9A9A9A;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.glossymenu a.menuitem{
	background: #0c293b url(images/glossyback.gif) repeat-x bottom left;
	font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
	background: #DFDCCB;
	colorz: white;
}
/*...si pina aici*/

/*thumbnail viewer start*/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 3px;
padding-bottom: 0;
background: #0c293b;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 3px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
/*thumbnail viewer end*/