/* general  -------------- */
html { font-size: 100%; /* IE trick to allow proper resizing of text */ }
* {
  margin:0pt;
  padding:0pt;
  border:0pt none;
}
img { border: 0; padding-bottom:1.3em; float: left; clear: both;}
a, a:link {
  text-decoration:none;
  color: #0E3F65;
}
body {
  background:transparent url('../images/header.jpg') no-repeat scroll center top;
  padding: 0 0 20px 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size:0.75em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.66em;
  color:#384249;
}
/* paginare, si divuri mari -------------- */
#page {
  width:760px;
  margin: 0pt auto;
  position:relative;
  }
/* masthead -------------- */
#masthead {
  overflow:visible;
  padding-top:75px;
  position:relative;
  width:760px;
}
#masthead h1 {
  position: relative;
  width: 190px;
  height: 40px;
  overflow: hidden;
  text-indent: -5000px;
  background: transparent url('../images/logo.gif') no-repeat 0 0;
}
#masthead h1 a {
  display:block;
  height:40px;
  width: 190px;
  left:0pt;
  position:absolute;
  top:0pt;
}
h1 {
  color: #0E3F65;
  font-size:1.13em;
  font-weight: normal;
  padding-bottom:1.3em;
  text-align:justify;
}
h2 {
  color: #0E3F65;
  font-size:1.13em;
  font-weight: normal;
  padding-bottom:1.3em;
  padding-left: 8px;
  text-align:justify;
}
h2 a{
  color: #0E3F65;
  font-weight: bold;  
  padding:0pt 24px;
  background:url('../images/nav_h3.gif') no-repeat;  
}
h3 {
  clear:both;  
  line-height: 1.6em;
  font-size:1.13em;
  padding-left: 8px;  
}
h3 a{
  color: #0E3F65;
  font-weight: bold;  
  padding:0pt 24px;
  background:url('../images/nav_h3.gif') no-repeat;
}
#searchform {
  top: 60px;
  position:absolute;
  right:0px;
  }
#searchform input {
  float:left;
  margin-left:10px;
}
#searchform label {
  display:block;
  text-indent:-5000px;
  }
input.txt {
  border:1px solid #C3CBD0;
  padding:1px;
  }
input, select {
  color:#2F3F4A;
  }
#minitabs {
  margin: 0;
  padding: 0;
  border-bottom: 0px;
  left:0;
  top: 0;
  position:absolute;
  text-align:center;
  width:770px;
  }
#minitabs li {
  padding:0pt;
  display: inline;
  list-style-type: none;
  }
#minitabs a {
  float: left;
  padding-top: 11px;
  text-decoration: none;
  letter-spacing:2px;
  font-size: .85em;
  text-transform:uppercase;
  color: #fff;
  padding-left: 15px;
  padding-right:15px;
  }
#minitabs a.saptelea {
  font-weight: bold !important;
  font-size: .95em !important;
  color: #ffffff !important;
  background: url('../images/bt_bkg_promo.jpg') !important;
  }  
  
#minitabs a.primul:hover 
{border-bottom: 5px solid #245889;color: #FFFFFF; background: transparent url('../images/bt_bkg.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.products:hover 
{border-bottom: 5px solid #3479B9;color: #FFFFFF; background: transparent url('../images/bt_bkg.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.develop:hover 
{border-bottom: 5px solid #7FB1E0;color: #FFFFFF; background: transparent url('../images/bt_bkg.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.collaboration:hover 
{border-bottom: 5px solid #31B3BD;color: #FFFFFF; background: transparent url('../images/bt_bkg.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.techinfo:hover 
{border-bottom: 5px solid #65AA8F;color: #FFFFFF; background: transparent url('../images/bt_bkg.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.company:hover 
{border-bottom: 5px solid #E6C416;color: #FFFFFF; background: transparent url('../images/bt_bkg.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.access:hover 
{border-bottom: 5px solid #EAB07C;color: #FFFFFF; background: transparent url('../images/bt_bkg.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.contact:hover 
{border-bottom: 5px solid #944828;color: #FFFFFF; background: transparent url('../images/bt_bkg.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}

#minitabs a.primulactive 
{border-bottom: 5px solid #245889;color: #11304C; background: transparent url('../images/bt_active.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.productsactive 
{border-bottom: 5px solid #3479B9;color: #11304C; background: transparent url('../images/bt_active.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.developactive 
{border-bottom: 5px solid #7FB1E0;color: #11304C; background: transparent url('../images/bt_active.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.collaborationactive
{border-bottom: 5px solid #31B3BD;color: #11304C; background: transparent url('../images/bt_active.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.techinfoactive 
{border-bottom: 5px solid #65AA8F;color: #11304C; background: transparent url('../images/bt_active.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.companyactive 
{border-bottom: 5px solid #E6C416;color: #11304C; background: transparent url('../images/bt_active.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.accessactive 
{border-bottom: 5px solid #EAB07C;color: #11304C; background: transparent url('../images/bt_active.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
#minitabs a.contactactive 
{border-bottom: 5px solid #944828;color: #11304C; background: transparent url('../images/bt_active.jpg') repeat-x; padding-bottom: 5px; padding-left:15px; padding-right:15px;}
/* masthead END-------------- */

/* info-------------- */
#info {
  font-size:0.92em;
  clear:both;
  overflow:hidden;
  padding-left:8px;
  width:760px;
  color:#667C8D;  
  }
#info a {
  color:#667C8D;
  }
#info a:hover {
  text-decoration: underline;
  color:#0E3F65;
  }  
#info #user {
  float:left;
  line-height:30px;
}
#info #crumb {
  line-height:30px;
  margin-right:20px;
  float:right;
  right:0pt;
  }
/* info END-------------- */
/* content-main -------------- */
#content-main {
  position:relative;
}
#content-main {
  clear:both;
  margin-top:1.6em;
  padding-top:0px;
  width:760px;
}
#content-main p a{
  color: #0E3F65;
  font-weight: bold;  
}  
#content-intro {
  height:197px;
  overflow:hidden;
  }
#content-body-right {
  float:right;
  margin-left:10px;
  width:400px;
}  
#content-body-left {
  float:left;
  position:relative;
  width:300px;
}
#sidebar {
  float:right;
  margin-left:10px;
  width:200px;
}  
#content-body {
  float:left;
  position:relative;
  width:760px;
}
#content-main p, #content-body-left p, #content-body ul, #content-body ol, address {
  margin-bottom:1.3em;
  padding-left: 8px;
}
#nav-sub dt{
  margin-top: 0.8em;
  border-bottom: dotted 1px #898D8D;
  line-height:2.7em;
}
#nav-sub dt a{
  font-weight:bold;
  margin-bottom:0.8em;
  color: #0E3F65;
}
#nav-sub dd{
  font-size: 0.95em;
  margin-bottom: 3em;
}
#nav-sub dd li {
  list-style-type:none;  
  border-bottom: dotted 1px #879AA9;
}
#nav-sub dd a{
  color: #667C8D;    
  padding-left: 20px;
  background:transparent url('../images/nav_sub_bt.gif') no-repeat scroll 0;
  display:block;
}
#nav-sub dd a:hover{
  color: #0E3F65;    
  background:transparent url('../images/nav_sub_bt_on.gif') no-repeat scroll 0;
}
/* content-main END-------------- */  
/* footer-------------- */
#footer {
  clear:both;
  font-size:0.92em;
  line-height:3em;
  margin-top:5em;
  background: transparent url('../images/bkg_bottom.gif') repeat-x 0 0;
  height: 175px;
}
#footer_content{
  width:760px;
  margin: 0pt auto;
  position:relative;
  }
#footer_content p {
  clear:both;
  position:relative;
  float:left;
  color:#879AA9;
  margin-top:-15px;
  width: 760px;
  padding: 0pt 6px;
}  
#footer_content ul {
  clear:both;
  width:760px;
  float:left;
  margin-top:15px;
}
#footer_content li {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
#footer_content li a {
  color:#879AA9;
  padding: 0pt 6px;
}

#footer_content a {
  color:#879AA9;
}
#footer_content div.w3c {
  float:left;
  margin-top:15px;
}
#footer_content div.catalog {
  float:right;
  margin-top:15px;
  height:29px;
}
/* footer END-------------- */


/* css form -----------------*/
.cssform p{
  width: 600px;
  clear: left;
  margin: 0;
  padding: 5px 0 0 0;
  padding-left: 163px !important; /*width of left column containing the label elements*/
  height: 1%;
}

.cssform label{
  font-weight: bold;
  float: left;
  margin-left: -130px; /*width of left column*/
  width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 230px;
  border:1px solid #C3CBD0;
  padding:1px;
  background-image:url('../images/forms/input_back03.jpg');
}

.cssform select {
  width: 230px;
  border:1px solid #C3CBD0;
  padding:1px;
}

.cssform textarea{
  float:left;
  width: 500px;
  border:1px solid #C3CBD0;
  height: 150px;
  background-image:url('../images/forms/input_back02.jpg');
}

.cssform input[type="button"]{
  border-top: 10px;
  background-image:url('../images/forms/input_back03.jpg');
}

/* css form END -----------------*/
/* spec -----------------*/
div.spec{
  text-align:center;
}

div.spec table{
  border-color: black;
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 10px 10px;
  padding: 0;
  width: 550px;
}

div.spec th { 
  border-style: solid;
  border-color: black;
  border-width: 1px;
  background-image:url('../images/th_bg.jpg');
  padding: 8px;
  font-weight:normal;
}

div.spec td { 
  border-style: solid;
  border-color: black;
  border-width: 1px;
  padding: 8px;
  vertical-align: middle;
  text-align: center;
}
div.spec td.yes { 
  color: #000;
}
div.spec td.no { 
  color: red;
}

div.spec caption { 
  clear:both;
  line-height: 1.6em;
  padding: 8px;
  font-size:1.13em;
  font-weight:bold;
}

div.spec img{
  clear: both;
  float:none;
  display:inline;
}

div.spec h3{
  line-height: 1.6em;
  padding: 8px;
  font-size:1.13em;
  font-weight:bold;
}

/* spec END -----------------*/
/* scene -----------------*/
ul.scene{
  clear:both;
  margin-top:40px;
}
ul.scene li{
  float:left;
  width:250px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
ul.scene li p{
  clear:both;
  text-align:center;
}
/* scene END -----------------*/