* {
padding : 0;
margin : 0;
}
body {
font-size : 62.5%;
background-repeat : no-repeat;
background-position : bottom center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.page-container {
width : 930px;
margin : 0 auto;
margin-top : 10px;
margin-bottom : 10px;
border : 1px solid rgb(150, 150, 150);
font-size : 1em;
}
.main {
clear : both;
width : 930px;
padding-bottom : 30px;
background : transparent url(../img/bg_main_withnav.jpg) repeat-y top left;
}
.main-navigation {
display : inline;
float : left;
width : 200px;
overflow : visible !important;
overflow : hidden;
}
.main-content {
background : white;
display : inline;
float : left;
width : 470px; /* *************************** */
margin : 0 0 0 30px;
overflow : visible !important;
overflow : hidden;
}
.main-subcontent {
display : inline;
float : right;
width : 185px;
margin : 0 15px 0 0;
overflow : visible !important;
overflow : hidden;
}
.footer {
clear : both;
width : 930px;
height : 3.7em;
padding : 1.1em 0 0;
background : rgb(225, 225, 225) url(../img/bg_foot.jpg) no-repeat;
font-size : 1em;
overflow : visible !important;
overflow : hidden;
}
.header {
width : 930px;
font-family : "trebuchet ms", arial, sans-serif;
}
.header-top {
width : 930px;
height : 80px;
background : rgb(240, 240, 240) url(../img/bg_head_top.jpg);
overflow : visible !important;
overflow : hidden;
}
.header-middle {
width : 930px;
height : 150px;
background : rgb(230, 230, 230) url(../img/bg_head_middle.jpg);
overflow : visible !important;
overflow : hidden;
}
.header-middle-2 {
width : 930px;
height : 90px;
background : rgb(213, 225, 240);
overflow : visible !important;
overflow : hidden;
}
.header-middle-mini {
width : 930px;
/*height : 90px;*/
/*background : rgb(213, 225, 240);*/
overflow : visible !important;
overflow : hidden;
font-size : 1.2em;
border-top: 1px solid rgb(150,0,0);
background-color: rgb(245,190,170);
}


.header-bottom {
width : 930px;
height : 40px;
background : rgb(255, 255, 255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}
.header-breadcrumbs {
clear : both;
width : 930px;
padding : 1em 0 1em 0;
background : rgb(100, 100, 100) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}


.location {
clear : both;
width : 930px;
padding-bottom: 10px;
background : rgb(100, 100, 100) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}
.go {
background : 	url(../img/bg_head_location.jpg) no-repeat;
border-bottom : 1px solid rgb(137, 170, 214);
border-top : 	1px solid rgb(137, 170, 214);
height:18px;
}
.go .logo {
float:left;
height:18px;
width:15px;
margin-left: 25px !important;
margin-left: 13px;
background : url(../img/logo_location.gif) no-repeat;
}
.go .arrow {
float:left;
height:18px;
width: 5px;
margin-left: 5px;
background : rgb(100, 100, 100) url(../img/arrow1.gif) no-repeat;
}
.go p {
float:	left;
margin: 2px 0 0 5px;
color : rgb(125, 125, 125);
text-decoration : 	none;
font: 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: 	capitalize;
}
.go a {
color : rgb(125, 125, 125);
text-decoration:none;
}
.go a:hover {
color : rgb(80, 80, 80);
text-decoration:underline;
}
.go p.right {
float:	right;
margin: 2px 15px 0 0;
color : rgb(125, 125, 125);
text-decoration : 	none;
font: 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-transform: 	capitalize;
}

.sitelogo {
width : 45px;
height : 50px;
position : absolute;
z-index : 1;
margin : 22px 0 0 55px;
background : url(../img/bg_head_top_logo.gif);
}
.sitename {
width : 300px;
height : 45px;
position : absolute;
z-index : 1;
margin : 20px 0 0 110px;
overflow : visible !important;
overflow : hidden;
}
.sitename h1 {
font-size : 240%;
}
.sitename h2 {
margin : -4px 0 0 0;
color : rgb(125, 125, 125);
font-size : 120%;
}
.sitename a {
text-decoration : none;
color : rgb(125, 125, 125);
}
.sitename a:hover {
text-decoration : none;
color : rgb(50, 50, 50);
}
.nav0 {
width : 350px;
position : absolute;
z-index : 2;
margin : 25px 0 0 0;
margin-left : 550px !important;
margin-left : 553px;
}
.nav0 ul {
float : right;
padding : 0 20px 0 0;
}
.nav0 li {
display : inline;
list-style : none;
}
.nav0 li a {
padding : 0 0 0 3px;
}
.nav0 a:hover {
text-decoration : none;
}
.nav0 a img {
height : 14px;
border : none;
}
.nav1 {
width : 500px;
position : absolute;
z-index : 3;
margin : 10px 0 0 455px;
}
.nav1 img {
border : 0;
}
.nav1 ul {
float : right;
padding : 0 15px 0 0;
font-weight : bold;
}
.nav1 li {
display : inline;
list-style : none;
}
.nav1 li a {
display : block;
float : left;
padding : 2px 5px 2px 5px;
color : rgb(125, 125, 125);
text-decoration : none;
font-size : 120%;
font-family : Verdana, Tahoma, Trebuchet MS;
}
.nav1 a:hover {
text-decoration : none;
color : rgb(50, 50, 50);
}
.sitemessage {
float : left;
width : 290px;
height : 120px;
position : absolute;
z-index : 1;
margin : 20px 0 0 620px;
color : rgb(234, 239, 247);
overflow : hidden;
}
.sitemessage h1 {
float : right;
width : 290px;
text-align : right;
font-size : 230%;
}
.sitemessage h2 {
float : right;
width : 290px;
margin : 8px 0 0 0;
text-align : right;
line-height : 100%;
font-size : 160%;
}
.sitemessage h3 {
float : right;
width : 290px;
margin : 10px 0 0 0;
text-align : right;
font-size : 140%;
}
.sitemessage h3 a {
text-decoration : none;
color : rgb(234, 239, 247);
}
.sitemessage h3 a:hover {
text-decoration : none;
color : rgb(50, 50, 50);
}
.sitemessage2 {
vertical-align: bottom;
float : left;
width : 610px;
height : 150px;
position : absolute;
z-index : 1;
color : rgb(234, 239, 247);
overflow : hidden;
}
.sitemessage2 img {
border : 0;
margin : 0 3px 0 0;
float:left;
position: relative;
}
.sitemessage2 a {
text-decoration : none;
color : rgb(234, 239, 247);
}
.sitemessage2 a:hover {
color : rgb(50, 50, 50);
}

.sitemessage2 .smessage {
float:left;
margin :5px 0 0 115px;
color: rgb(200, 225, 250);
position: absolute;
font: normal bold 14px/150% Comic Sans MS;
display:block;
}
.sitemessage2 p.smessage {
float:left;
margin :5px 0 0 110px;
color: rgb(255, 255, 255);
position: absolute;
font: normal bold 14px/150% Comic Sans MS;
}
.sitemessage2 ul {
margin:15px 0 0 10px;
list-style-type : none;
}
.sitemessage2 ul li a {
color: rgb(200, 225, 250);
font: normal bold 14px/150% Comic Sans MS;

height : 1.5em;
line-height : 1.5em;
text-decoration : none;
font-weight : bold;
margin-left:10px;
}




.nav2 {
float : left;
width : 930px;
border : none;
background : rgb(220, 220, 220) url(../img/bg_head_bottom_nav.jpg) repeat-x;
color : rgb(75, 75, 75);
font-size : 1em;
font-size : 130%;
}
.nav2 ul {
list-style-type : none;
}
.nav2 ul li {
float : left;
position : relative;
z-index : 1000;
border-right : 1px solid rgb(160, 180, 215);
}
.nav2 ul li ul {
display : none;
border : none;
}
.nav2 ul li ul {
margin-left : -30px;
padding : 0 30px 30px 30px;
background : url(../img/bg_head_bottom_nav_hover.gif) top center;
}
.nav2 ul li a {
float : left;
display : block;
height : 3.1em;
line-height : 3.1em;
padding : 0 16px 0 16px;
text-decoration : none;
font-weight : bold;
color : rgb(100, 100, 100);
}
.nav2 ul li:hover {
width : auto;
}
.nav2 table {
position : absolute;
z-index : 999;
top : 0;
left : 0;
border-collapse : collapse;
}
.nav2 ul li:hover a {
background-color : rgb(50, 50, 50);
text-decoration : none;
color : white;
}
.nav2 ul li:hover ul {
display : block;
width : 10em;
position : absolute;
z-index : 998;
top : 3em;
margin-top : 0.1em;
left : 0;
}
.nav2 ul li:hover ul li ul {
display : none;
}
.nav2 ul li:hover ul li a {
display : block;
width : 10em;
height : auto;
line-height : 1.3em;
margin-left : -1px;
padding : 4px 16px 4px 16px;
border-left : 1px solid rgb(175, 175, 175);
border-bottom : 1px solid rgb(175, 175, 175);
background : transparent url(../img/transp.png);
font-weight : normal;
color : rgb(255, 255, 255);
}
.nav2 ul li:hover ul li a:hover {
background-color : rgb(10, 10, 10);
text-decoration : none;
}
.nav2 ul li a:hover {
background-color : rgb(50, 50, 50);
text-decoration : none;
color : white;
}
.nav2 ul li a:hover ul {
display : block;
position : absolute;
z-index : 997;
top : 3.1em;
top : 3em;
left : 0;
margin-top : 0.1em;
}
.nav2 ul li a:hover ul li a {
display : block;
width : 10em;
height : 1px;
line-height : 1.3em;
padding : 4px 16px 4px 16px;
border-left : 1px solid rgb(175, 175, 175);
border-bottom : 1px solid rgb(175, 175, 175);
background-color : rgb(237, 237, 237);
font-weight : normal;
color : rgb(50, 50, 50);
}
.nav2 ul li a:hover ul li a ul {
visibility : hidden;
height : 0;
width : 0;
position : absolute;
z-index : 997;
}
.nav2 ul li a:hover ul li a:hover {
background-color : rgb(210, 210, 210);
text-decoration : none;
}
.header-breadcrumbs .stanga {
float : left;
width : 189px;
height : 50px;
padding : 10px 0 0 0 !important;
padding : 10px 0 0 0;
border : 1px solid rgb(137, 170, 214);
border-left : 10px solid rgb(137, 170, 214);
background-color : rgb(213, 225, 240);
}
.header-breadcrumbs .stanga ul {
float : left;
list-style : none;
padding : 0 0 0 15px;
font-family : verdana, arial, sans-serif;
}
.header-breadcrumbs .stanga ul li {
display : inline;
line-height : 20px;
padding : 0 0 0 10px;
background : transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
font-weight : bold;
color : rgb(90, 90, 90);
font-size : 100%;
}
.header-breadcrumbs .stanga ul a {
color : rgb(70, 122, 167);
text-decoration : none;
}
.header-breadcrumbs .stanga ul a:hover {
color : rgb(42, 90, 138);
text-decoration : underline;
}
.header-breadcrumbs .centru {
float : left;
width : 470px;
height : 60px;
margin : 0 0 0 30px;
padding : 0 0 0 0 !important;
padding : 0 0 0 0;
border : 1px solid rgb(255, 255, 255);
background-color : rgb(255, 255, 255);
}
.header-breadcrumbs .searchform {
float : right;
width : 179px;
height : 60px;
padding : 0 12px 0 0 !important;
padding : 0 12px 0 0;
border : 	1px solid rgb(137, 170, 214);
border-right : 10px solid rgb(137, 170, 214);
background-color : rgb(213,225,240);
}
.header-breadcrumbs .searchform form fieldset {
float : right;
border : none;
}
.header-breadcrumbs .searchform input.field {
width : 10em;
padding : 0.2em 0 0.2em 0;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 120%;
}
.header-breadcrumbs .searchform input.button {
width : 5em;
padding : 1px !important;
padding : 0;
background : rgb(230, 230, 230);
border : 1px solid rgb(150, 150, 150);
text-align : center;
font-family : verdana, arial, sans-serif;
color : rgb(150, 150, 150);
font-size : 120%;
}
.header-breadcrumbs .searchform input.button:hover {
cursor : pointer;
border : 1px solid rgb(80, 80, 80);
background : rgb(220, 220, 220);
color : rgb(80, 80, 80);
}
.main-navigation .round-border-topright {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
margin : 0 0 0 190px;
background : url(../img/bg_corner_topright.gif) no-repeat;
}
.column1-unit {
width : 470px;
margin-bottom : 10px !important;
margin-bottom : 5px;
text-align : justify;
}
.column1-unit h1 {
text-align : right;
}
.column1-unit p {
text-indent : 0;
}
.subcontent-unit-border {
width : 183px;
margin : 0 0 2em 0;
padding : 0 0 5px 0;
border : 1px solid rgb(190, 190, 190);
background : rgb(235, 235, 235);
}
.subcontent-unit-border-green {
width : 183px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
border : 1px solid rgb(160, 214, 81);
background-color : rgb(217, 239, 185);
}
.subcontent-unit-border-blue {
width : 183px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
border : 1px solid rgb(137, 170, 214);
background-color : rgb(213, 225, 240);
}
.subcontent-unit-border-orange {
width : 183px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
border : 1px solid rgb(232, 177, 13);
background-color : rgb(248, 224, 150);
}
.subcontent-unit-noborder {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background : rgb(235, 235, 235);
}
.subcontent-unit-noborder-green {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background-color : rgb(217, 239, 185);
}
.subcontent-unit-noborder-blue {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background-color : rgb(137, 170, 214);
}
.subcontent-unit-noborder-orange {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background-color : rgb(248, 224, 150);
}
.round-border-topleft {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topleft.gif) no-repeat;
margin-top : -1px;
margin-left : -1px;
}
.round-border-topright {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topright.gif) no-repeat;
margin-top : -1px;
margin-left : 174px;
}
.round-noborder-topleft {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topleft.gif) no-repeat;
margin-top : 0;
margin-left : 0;
}
.round-noborder-topright {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topright.gif) no-repeat;
margin-top : 0;
margin-left : 175px;
}
.footer p {
line-height : 1.3em;
text-align : center;
color : rgb(125, 125, 125);
font-weight : bold;
font-size : 110%;
}
.footer p.credits {
font-weight : normal;
}
.footer a {
text-decoration: none;
color : rgb(125, 125, 125);
}
.footer a:hover {
color : rgb(0, 0, 0);
text-decoration: underline;
}
.footer a:visited {
color : rgb(125, 125, 125);
}
.footer a:visited:hover {
color : rgb(0, 0, 0);
text-decoration: underline;
}
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.footer:after, p:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clear-contentunit {
clear : both;
width : 470px;
height : 0.1em;
border : none;
background : rgb(210, 210, 210);
color : rgb(210, 210, 210);
}
@media print {
.header-top {
width : 930px;
height : 80px;
background : rgb(240, 240, 240);
overflow : visible !important;
overflow : hidden;
}
}
@media print {
.header-breadcrumbs {
width : 930px;
background : transparent;
}
}
@media print {
.nav2 {
float : left;
width : 930px;
border : none;
background : rgb(240, 240, 240);
color : rgb(75, 75, 75);
font-size : 1em;
font-size : 130%;
}
}
@media print {
.main {
clear : both;
width : 930px;
padding-bottom : 30px;
background : transparent;
}
}
@media print {
.main-navigation {
display : inline;
float : left;
width : 199px;
border-right : 1px solid rgb(200, 200, 200);
border-bottom : 1px solid rgb(200, 200, 200);
background-color : rgb(240, 240, 240);
overflow : visible !important;
overflow : hidden;
}
}
@media print {
.footer {
clear : both;
width : 930px;
height : 3.7em;
padding : 1.1em 0 0;
background : rgb(240, 240, 240);
font-size : 1em;
overflow : visible !important;
overflow : hidden;
}
}

.main .info_box
{
border-top: 1px solid rgb(255,165,45);
background-color: rgb(255,225,185);
height:38px;
margin-bottom:10px;
}

.main .info_box p
{
font-size:100%;
vertical-align: middle;
margin:5px 3px 0 0;
}

.main .info_box img
{
margin:2px 3px 2px 3px;
border: none;
}

.main .alert_box
{
border-top: 1px solid rgb(150,0,0);
background-color: rgb(245,190,170);
}

.main .alert_box p
{
font-size:100%;
vertical-align: middle;
margin:0pt 3px 0pt;
}

.main .alert_box img
{
margin:2px 3px 2px 3px;
border: none;
}

#dhtmltooltip{
position: absolute;
width: 450px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmltooltip img {float:left; padding:5px;}
.titlu_celula {font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; padding:5px;}
.descr_celula {}

.preload_pic {display:none;}

.art_ref {width:100%; border-top: 1px solid rgb(200,120,110); margin:15px 0 0 0; padding:5px; vertical-align:middle; font-size : 12px;}
.art_ref .inmage {float:none; border:none; margin:0px; margin-bottom:-3px; padding:0px;}
.art_ref a:hover .inmage {border:none;}