body {
	margin: 0; padding:0;
	background: #F8F6EB url('../images/fundal.jpg') no-repeat top center;
	text-align: center;
	font-family:  calibri, candara, tahoma, arial, sans-serif;
	font-size: 12pt;
	color: #333;	
	}	
	
img   {border: 0; }	
	
#logo-container   {
         background: url('../images/bg_logo.png') no-repeat;
         width: 200px;
         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;
   width: 270px;
   padding: 600px 5px 5px 5px;
}

#content {
	width: 100%;
	margin: 0;
	clear: both;
	}
	
#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: 35px 10px 0px 320px;
	overflow: hidden; /*for IE6*/
	min-height: 380px;
	clear: both;
}

.banda1 {
   width: 400px;
   height: 250px;
   margin-left: 300px;
   margin-top: 70px;
   color: #2D4B39;
   font-size: 11pt;
   font-family:  arial, serif;
}

.banda1 ul {
	 list-style: square;
}

.banda1 h1
{
	font-family:  'Wire One', arial, serif;
	color: #8DAF67;
	font-size: 46px;
	margin: 0px 10px;
}
	
.banda1 h2
{
    font-family:  'Wire One', arial, serif;
	color: #333;
	font-size: 48px;
	margin: 0px 40px;
}
	
#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: 15px 20px 10px 320px;
   width: 660px;
   height: 115px;
   margin: auto;
   text-align: left;
   font-size: 14px;
   color: #323F25;
   }

.banda2 h3
{
   color: #fff;
   font-size: 16pt;
   font-weight: normal;
   margin: 12px 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;
}

.caseta_rotunj h3 {color: #555}

#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
{
   font-family:  constantia, georgia, serif;
   margin: 0;
   font-size: 20pt;
   color: #8BAF41;
   letter-spacing: -2px;
   word-spacing: 3px;
}

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

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

.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: 11pt; 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}

.rama {
	background: #FBFFED;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	behavior: url(../include/border-radius.htc);
	border: 1px solid #ccc;
}

.rama legend {
    width: 200px;
	background: #F3F8D2;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #BAB7B7;
}

.rama legend.offline {
	background: #DADADA;
}

.rama legend.offline:after {
	color: red;
	content: " [offline]";
}

.rama legend.online:hover {
 	background: #EBECA0;
}

.rama .detalii {
	float: right;
	text-align: left;
	width: 320px;
}

.buton_verde, a.buton_rosu
{
   display: inline-block;
   width: 149px;
   height: 46px;
   float: left;
   line-height: 3em;
   font-size: 12pt;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   padding-right: 7px;
   color: #fff;   
}

.buton_verde
{
   background: url('../images/buton_verde.png') no-repeat;
}

.buton_rosu
{
   background: url('../images/buton_rosu.png') no-repeat;
}

.buton_verde:hover, a.buton_rosu:hover
{
   color: #EBF5BA
}

.clearer {
	height: 0px;
	clear: both;
}

/* top menu */
#menu2 {
	list-style:none;
	height: 34px;
	float: right;
	text-align: right;
	margin-top: 15px;
}

#menu2 li.top {
	text-align:center;
	line-height: 32px;
	float: left;
}

#menu2 li a.top_link {
	display:block;
	width: 104px;
	height: 34px;		
	font-size: 16pt;
	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);
}