body {
	margin: 0; padding:0;
	background: #F8F6EB url('../images/fundal.jpg') no-repeat top center;
	text-align: center;
	font-family:  Lucida Sans Unicode, Lucida Grande, tahoma, arial, sans-serif;
	font-size: 10pt;
	color: #333;	
	}	
	
img   {border: 0; }	
	
#logo-container   {
         background: url('../images/bg_logo.png') no-repeat;
         width: 279px;
         height: 136px;
         float: left;
         position: absolute;
         padding: 30px 0 0 78px;
         z-index: 1;
      }
#logo {
         background: url('../images/logo-criosweb.png') no-repeat;
         width: 127px;
         height: 49px;
   }	

#stanga
{
   position: absolute;
   top: 0;
   background: url('../images/st_bg.png') repeat-x;
   height: 288px;
   width: 270px;
   padding: 600px 5px 5px 5px;
}

#content {
	width: 100%;
	margin: 0;
	}
	
#banda_verde
{
   position: absolute;
   margin-top: 328px;
   height: 152px;
   width: 100%;
   background: url('../images/banda.png') repeat-x;
   z-index: 1;
}	
	
.t_main {
	padding: 0;
	margin: 0 auto;
	width: 980px;
	text-align: left;
	}
	
#main {
	margin: 135px 0 0 0;   
   padding: 20px 10px 0px 320px;
	overflow: hidden; /*for IE6*/
	min-height: 380px;	
	}

.banda1
{
   width: 400px;
   height: 220px;
   padding: 110px 0px 0px 310px;
   color: #184B29;
   font-size: 11pt;
}

.banda1 h1
{
	color: #8DAF67;
	font-size: 16pt;
	margin: 0px 10px;
}
	
.banda1 h2
{
	color: #000;
	font-size: 16pt;
	margin: 0px 60px;
}	
	
#figura  {
         position: absolute;
         width: 232px;
         height: 268px;
         margin-top: 60px;
         margin-left: 710px;
         }

#side_art
{
   position: absolute;
   margin-top: 268px;
   z-index: 2;
}

.banda2 {
   clear: both;
   padding: 10px 20px 10px 320px;
   width: 660px;
   height: 115px;
   margin: auto;
   text-align: left;
   font-size: 10pt;
   color: #323F25;
   }

.banda2 h3
{
   color: #fff;
   font-size: 16pt;
   font-weight: normal;
   margin: 15px 0px;
   letter-spacing: normal;
   word-spacing: normal
}
.banda2 a   {color: #fff;}
.banda2 a:hover   {color: #F2DC97; border-bottom:1px dotted #fff}


.banda_st  { float: left; display: block; }
.banda_dr  { border-left: 1px dotted #4A7025; float: right; display: block; padding-left: 10px; }

.caseta_rotunj
{
   width: 94%;
   min-height: 200px;
   text-align: left;
   float: left;
   background: transparent url('../images/bg_caseta.png') repeat-x;
   padding: 20px;
   border-top: 5px solid #D6DCD7;
   border-left: 3px solid #D6DCD7;
   border-right: 3px solid #D6DCD7;
   /* Do rounding (native in Firefox and Safari) */
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;
}

#footer  {
      clear: both;
      text-align: center;
      font-size: 8pt;
      color: #6E6E6E;
      }   	

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0;	
	border:none;
	visibility: hidden;
	}

a	{text-decoration: none; color: #438352;}
a:hover	{color: #7E9A76}

h3
{
   margin: 0;
   font-size: 20pt;
   color: #8BAF41;
   letter-spacing: -4px;
   word-spacing: 4px;
}

h4
{
   margin: 0;
   font-size: 12pt;
   color: #3A792D;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: lighter;
}

.separator	{background-color: #669933; height:1px; margin-bottom: 5px}
.txt_highlight {color: #319452}

.thumb   {
      float: left;
      width: 147px;
      height: 115px;
      display: block;
      overflow: hidden;
      margin-right: 5px;
      }
.thumb-img  {
      position: absolute;
      width: 147px;
      height: 115px;
      overflow: hidden;
      }
.frame   {
      background: url(../images/img_frame.png) no-repeat;
      width: 147px;
      height: 115px;
      position: absolute;
      }
.frame a{font-size: 900%; overflow: hidden}

.data	{color: #333; float: right; background-color: #D1DC98; padding: 3px; font-size: 8pt; border: 1px solid #ccc}

.tabel
{
   border: 1px solid #A6D7AE;
}

.tabel tr:first-child{color:white; font-weight:bold; background: #54B164}
.tabel tr:hover td { background: #AAD9B3}
.caracteristici   {background: #EDF1ED}

/* top menu */
#menu2 {
			list-style:none;
			height: 34px;
			float: right;
			margin-right: 30px;			
			margin-left: 520px;
			margin-top: 15px;
			position: absolute;
			z-index: 1000;
}
#menu2 li.top {
		text-align:center;		
		line-height: 32px;		
	 	float: left;
	 	}

#menu2 li a.top_link {
	 	display:block;
		width: 104px;
		height: 34px;		
		font-size: 14pt;
		text-decoration:none;
		color: #000;	
}

#menu2 li a.top_link:hover {
		background-image:url('../images/btn_over.png');
		color: #fff;
}

#menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu2 a:hover {visibility:visible; position:relative; z-index:200;}
#menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#menu2 ul, 
#menu2 :hover ul ul, 
#menu2 :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;}
  
#menu2 :hover ul.sub {font-family: tahoma, arial, helvetica, sans-serif;text-align: left; left:0; top:30px; white-space:nowrap; width:120px; height:auto; z-index:300; padding-top:5px; background:url(../images/trans.gif);}
#menu2 :hover ul.sub li {display:block; float:left; width:100%; height:25px;}
#menu2 :hover ul.sub li span {display:block; height:25px; float:left; width:90px; font-weight:normal;}
#menu2 :hover ul.sub li b {display:block; height:25px; float:left; width:30px; font-weight:normal;}

#menu2 :hover ul.sub li a {display:block; position:relative; font-size: 12px; height:25px; width:120px; margin-right:-30px; line-height:25px; text-indent:10px; color:#fff; text-decoration:none; background:url(../images/trans.gif);}

#menu2 :hover ul.sub li span a:hover {color: #EFDD61;}

#menu2 :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

#menu2 :hover ul.wide {width:200px;}
#menu2 :hover ul.wide li span {width:170px;}
#menu2 :hover ul.wide li a {width:200px;}

#menu2 :hover ul.narrow {width:90px;}
#menu2 :hover ul.narrow li span {width:60px;}
#menu2 :hover ul.narrow li a {width:90px;}

#menu2 :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul.narrow :hover ul
{left:90px;}

#menu2 li > span {
background: url(../images/tab-midleft.png);
}
#menu2 li > b {
background: url(../images/tab-midright.png)
}
#menu2 li.fly > b {
background: url(../images/tab-midright-sub.png)
}

#menu2 li.subtop > span,
#menu2 li.flytop > span {
background:url(../images/tab-topleft.png);
}
#menu2 li.subtop > b {
background:url(../images/tab-topright.png);
}

#menu2 li.flytop > b {
background:url(../images/tab-topright-sub.png);
}

#menu2 li.subbot > span,
#menu2 li.flybot > span {
height:35px !important; background:url(../images/tab-botleft.png);
}

#menu2 li.subbot > b {
height:35px !important; background:url(../images/tab-botright.png);
}
#menu2 li.flybot > b {
height:35px !important; background:url(../images/tab-botright-sub.png);
}