/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- GENERAL -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

a:link, a:visited,
a:hover, a:active {
  text-decoration: underline;
  color: 	#44aacc;
}

a img { border: none; }

body, html {
  margin: 0; padding: 0;

  font: normal 12px/1.5em Arial, sans-serif;
  text-align: center;
  color: #626262;

  background: #fff;
  border: none;
}

h2 {
  margin: 10px 0; padding: 0;

  font-weight: normal;
  font-size: 20px; line-height: 1.2em;

  color: #44aacc;

  border-bottom: 1px solid #dadada;
}

h3 {
  margin: 10px 0 5px; padding: 0;

  font-weight: bold;
  font-size: 16px; line-height: 1.2em;
}

hr { display: none; }

p {
  margin: 5px 0; padding: 0;
}

ul, ol {
  margin: 10px 0; padding: 0;
}
ul li {
  padding-left: 10px;

  list-style: none;

  background: transparent url(../ui/bullet.jpg) no-repeat 0 6px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- SPECIFIC -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.clear::after {
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
  content: ".";
} /*\*/ * html .clear { height: 1px; } /**/

:first-child + html .clear { clear: both; }

ul.menu {
  margin: 0; padding: 0;

  list-style: none;
}
  ul.menu li {
    margin: 0; padding: 0;

    background: none;
  }

/*-*-*-*-*- DOCUMENT -*-*-*-*-*/
#doc {
  margin: 0 auto;

  text-align: left;
}

  /*-*-*-*-*- HEAD -*-*-*-*-*/
  #hd {
    height: 168px;
    background: #fff url(../ui/head-back.jpg) repeat-x 0 0;
  }
    #hd .wrap {
      width: 780px;
      margin: 0 auto;
    }

      /*-*-*-*-*- PRIMARY NAVIGATION -*-*-*-*-*/
      #hd ul.primary {
        float: right;

        line-height: 24px;
      }
        #hd ul.primary li {
          height: 24px;
          padding: 0 12px;

          float: left;

          background: transparent url(../ui/menu-primary-back.jpg) no-repeat 0 0;
        } #hd ul.primary li.alpha { background: none; }
          #hd ul.primary li.omega { padding-right: 0; }
          #hd ul.primary li a:link, #hd ul.primary li a:visited {
            text-decoration: none; color: #fff;
          }
          #hd ul.primary li a:hover, #hd ul.primary li a:active, #hd ul.primary li a.active {
            text-decoration: underline;
          }

      /*-*-*-*-*- SITE NAME -*-*-*-*-*/
      #site-name {
        margin: 48px 0 0 5px; padding: 0;

        float: left;

        /*font-size: 36px; */
        height: 59px;
        line-height: 1.2em;
        color: #0057a7;
      }
        #site-name a:link, #site-name a:visited,
        #site-name a:hover, #site-name a:active {
          text-decoration: none; color: #0057a7;
        }

      /*-*-*-*-*- SECONDARY NAVIGATION -*-*-*-*-*/
      #menu-secondary {
        margin-top: 12px;
                                  
        border-bottom: 8px solid #44aacc;
      }
        /*\*/ * html #menu-secondary { margin-top: 20px; } /**/
        :first-child + html #menu-secondary { margin-top: 20px; }
      #menu-secondary.active {
        border-color: #22aaaa;
      }
        #menu-secondary div.wrap {
          width: 780px;
          margin: 0 auto;
        }
          #menu-secondary ul.secondary {
            height: 33px;

            float: right;
          }
            #menu-secondary ul.secondary li {
              margin-left: 5px;

              float: left;
            }
              #menu-secondary ul.secondary li a {
                padding: 9px 20px 6px;
                display: block;

                position: relative;

                font-size: 14px;
                text-decoration: none;
                color: #fff;
              }
              #menu-secondary ul.secondary li a:link,
              #menu-secondary ul.secondary li a:visited { background-color: #44aacc; }
              #menu-secondary ul.secondary li a:hover,
              #menu-secondary ul.secondary li a:active,
              /**
               * @note (alexei) 2007.10.08:
               * my hate for IE6 will never die
               */
              #menu-secondary ul.secondary li a.active,
              #menu-secondary ul.secondary li a.active:link,
              #menu-secondary ul.secondary li a.active:visited,
              #menu-secondary ul.secondary li a.active:hover,
              #menu-secondary ul.secondary li a.active:active {
                background-color: #44aacc;
              } /* END HATE */

                /*-*-*-*-*- ROUNDED CORNERS -*-*-*-*-*/
                #menu-secondary ul.secondary li a b.c {
                  width: 5px; height: 5px;
                  position: absolute;
                  top: 0;

                  background: transparent no-repeat 0 0;
                }
                #menu-secondary ul.secondary li a b.tl {
                  left: 0; background-image: url(../ui/corner-tl.png);
                }
                #menu-secondary ul.secondary li a b.tr {
                  right: 0; background-image: url(../ui/corner-tr.png);
                }
                /*\*/
                  * html #menu-secondary ul.secondary li a b.tl {
                    left: -20px;
                    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ui/corner-tl.png",sizingMethod="crop");
                  }
                  * html #menu-secondary ul.secondary li a b.tr {
                    right: -1px;
                    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ui/corner-tr.png",sizingMethod="crop");
                  }
                  * html #menu-secondary ul.secondary li a b.c { background-image: none; }
                /**/

  /*-*-*-*-*- BODY -*-*-*-*-*/
  #bd {
  }

    /*-*-*-*-*- BANNER -*-*-*-*-*/
    #banner-wrapper {
      padding: 8px 0;

      background-color: withe;
    }
      #banner {
        /*width: 780px;*/
        margin: 0 auto;

        display: block;
      }

    /*-*-*-*-*- MAIN -*-*-*-*-*/
    #main {
      width: 780px;
      margin: 20px auto;
    }
      /*-*-*-*-*- LEFT COLUMN -*-*-*-*-*/
      #l-col {
        width: 538px; /* right margin of 20px */

        float: left;
      }
        /*-*-*-*-*-*-*-*-*-*-*-*-*-*- HOMEPAGE -*-*-*-*-*-*-*-*-*-*-*-*-*-*/
        #doc.homepage #content ul.noutati li {
          margin-bottom: 20px;
        }
        #doc.homepage #content ul.noutati li h4 {
          margin: 0; padding: 0;

          font-weight: bold;
          font-size: 12px; line-height: 1.5em;
        }
        #doc.homepage #content ul.noutati li p {
          margin-top: 0;
        }
        /*-*-*-*-*- PROD CATS -*-*-*-*-*/
        #prod-cats { /* 538px */
          padding: 10px 0;
        }
          #prod-cats div.row {
            padding: 5px 0;
          }
            /**
             * @note (alexei) 2007.10.09
             * add the next declaration
             */
            #prod-cats div.block.alpha {
              margin-bottom: 25px;
            }
           
            #prod-cats div.block {
              width: 239px; height: 120px;
              /**
               * @note (alexei) 2007.10.09:
               * decrease the space between rows
               */
              margin: 5px 0 10px 10px; padding: 0 10px;

              /**
               * @note (alexei) 2007.10.08:
               * position: relative; - needed for vertical align
               */
              position: relative;
              float: left;

              border-left: 5px solid;
            }
            #prod-cats div.block.alpha, #prod-cats div.gamma {
              margin-left: 0;
            }
         #flo-baner-hpag-a {
	float: left;
	width: 150px;
         }

        #flo-baner-hpag-b { 
	margin: 0;
	float: left;
	width: 450px;
	height: 1% 
        }

            /**
             * @note (alexei) 2007.10.09:
             * add some weight here
             */
            #prod-cats div.block h2 { font-weight: bold; }
            #prod-cats div.block.alpha { border-left-color: #22aaaa; }
              #prod-cats div.block.alpha h2 { color: #22aaaa; }
            #prod-cats div.block.beta { border-left-color: #dd2266; }
              #prod-cats div.block.beta h2 { color: #dd2266; }
            #prod-cats div.block.gamma { border-left-color: #ee6622; }
              #prod-cats div.block.gamma h2 { color: #ee6622; }
            #prod-cats div.block.delta { border-left-color: #732b82; }
              #prod-cats div.block.delta h2 { color: #732b82; }
              #prod-cats div.block h2 {
                margin: 0 0 5px; padding: 0;

                font-size: 16px;
                text-transform: uppercase;

                border: none;
              }

              #prod-cats ul.sub {
                margin: 10px 0; padding: 0;

                list-style: none;

                font-size: 13px;
              }
                #prod-cats ul.sub li {
                  padding-left: 25px;

                  background: transparent url(../ui/cat-sub-bullet.jpg) no-repeat 8px 4px;
                }
                  /**
                   * @note (alexei) 2007.10.08:
                   * needed to trigger hasLayout in IE6
                   */
                  /*\*/ * html #prod-cats ul.sub li { zoom: 1; } /**/
                  /**
                   * @note (alexei) 2007.10.08:
                   * links have different styles on the front page
                   */
                  #prod-cats ul.sub li a:link, #prod-cats ul.sub li a:visited {
                    text-decoration: none;
                    color: #626262;
                  }
                  #prod-cats ul.sub li a:hover, #prod-cats ul.sub li a:active {
                    text-decoration: underline;
                  }

              /**
               * @note (alexei) 2007.10.08:
               * we try to align the more link at the bottom of the block;
               * and, of course, we succeed
               */
              #prod-cats div.block a.more {
                position: absolute;
                bottom: 0; left: 10px;
              }

        /*-*-*-*-*-*-*-*-*-*-*-*-*-*- INTERIEUR -*-*-*-*-*-*-*-*-*-*-*-*-*-*/
        /*-*-*-*-*- LEFT MENU -*-*-*-*-*/
        /**
         * @note (alexei) 2007.10.10:
         * padding and background
         */
        #left-menu {
          width: 145px;
          padding-bottom: 5px;

          float: left;

          font-size: 11px; line-height: 14px;

          background: #22aaaa url(../ui/menu-left-border-bottom.jpg) no-repeat 0 100%;
        }
          /**
           * @note (alexei) 2007.10.10:
           * padding and background
           */
          #left-menu ul {
            margin: 0; padding-top: 5px;

            background:  #22aaaa url(../ui/menu-left-border-top.jpg) no-repeat 0 0;
          }
            #left-menu ul li {
              padding: 0;

              background: none;
            }
              #left-menu ul li a {
                min-height: 20px;
                /**
                 * @note (alexei) 2007.10.10:
                 * remove this
                 */
                /*padding: 2px 10px;*/

                display: block;
              }
              /*\*/ * html #left-menu ul li a { height: 20px; } /**/

              #left-menu ul li a:link, #left-menu ul li a:visited,
              #left-menu ul li a:hover, #left-menu ul li a:active {
                text-decoration: none;
                color: #fff;

                /**
                 * @note (alexei) 2007.10.10:
                 * remove the background
                 */
                /*background: #00a496 no-repeat 0 0;*/
                border-bottom: 1px solid  #22aaaa;
              }
              #left-menu ul li a:hover, #left-menu ul li a:active {
                text-decoration: underline;
              }

              #left-menu ul li.alpha a:link, #left-menu ul li.alpha a:visited,
              #left-menu ul li.alpha a:hover, #left-menu ul li.alpha a:active {
                /**
                 * @note (alexei) 2007.10.10:
                 * remove the padding and the background
                 */
                /*padding-top: 5px;

                background-image: url(../ui/menu-left-border-top.jpg);*/
              }
              #left-menu ul li.omega a:link, #left-menu ul li.omega a:visited,
              #left-menu ul li.omega a:hover, #left-menu ul li.omega a:active {
                /**
                 * @note (alexei) 2007.10.10:
                 * remove the padding and the background
                 */
                /*padding-bottom: 5px;

                background-image: url(../ui/menu-left-border-bottom.jpg);
                background-position: 0 100%;*/
                border: none;
              }
              /*\*/
              * html #left-menu li.omega a:link, * html #left-menu li.omega a:visited,
              * html #left-menu li.omega a:hover, * html #left-menu li.omega a:active {
                border: none;
              }
              /**/

              /**
               * @note (alexei) 2007.10.10:
               * reset the padding and the background for the nested menus
               */
              #left-menu ul ul {
                padding-top: 0;

                background: none;
              }

              /**
               * @note (alexei) 2007.10.10:
               * remove this
               */
              /*#left-menu ul ul a {
                padding: 2px 10px 2px 20px;
              }*/
              #left-menu ul ul a:link, #left-menu ul ul a:visited,
              #left-menu ul ul a:hover, #left-menu ul ul a:active {
                color: #648c8b;

                background-color: #bbece8;
                border-bottom-color: #cff2ee;
              }

              /**
               * @note (alexei) 2007.10.10:
               * add this
               */
              #left-menu ul.menu-lvl-1 li a {
                padding: 2px 10px 2px 10px;
              }
                #left-menu ul.menu-lvl-2 li a {
                  padding: 2px 10px 2px 20px;
                }
                  #left-menu ul.menu-lvl-3 li a {
                    padding: 2px 10px 2px 30px;
		    background-color: #f9f9f9;
		    border-bottom-color: #f1f1f1;
                  }
                    #left-menu ul.menu-lvl-4 li a {
                      padding: 2px 10px 2px 40px;
                    }
                      #left-menu ul.menu-lvl-5 li a {
                        padding: 2px 10px 2px 50px;
                      }
                        #left-menu ul.menu-lvl-6 li a {
                          padding: 2px 10px 2px 60px;
                        }

         /*-*-*-*-*- CONTENT -*-*-*-*-*/
        #doc.interieur #content {
          width: 373px;

          float: right;
        }

          /**
           * @note (alexei) 2007.10.10:
           * heading seem too big
           */
          #doc.interieur #content h3 {
            font-size: 14px;
          }

          #doc.interieur #content a:link, #doc.interieur #content a:visited {
            text-decoration: none;
          }
          #doc.interieur #content a:hover, #doc.interieur #content a:active {
            text-decoration: underline;
          }


          /*-*-*-*-*- PAGINA DE PRODUSE -*-*-*-*-*/
          #sub-cats {
          }
              #sub-cats .block { width: 180px; }
              #sub-cats .block.odd { float: left; }
              #sub-cats .block.even { float: right; margin-left: 10px; }
          /*-*-*-*-*- PAGINA DE PRODUS -*-*-*-*-*/
          #doc.interieur #content div.block.list-same h3 { color: #00a497; }
          #doc.interieur #content div.block.list-other h3 { color: #0057a7; }
          /*-*-*-*-*- DESPRE NOI -*-*-*-*-*/
          #despre-noi li { width: 180px; }
          #despre-noi li.odd { float: left; }
          #despre-noi li.even { float: right; margin-left: 10px; }
          #despre-noi a:link, #despre-noi a:visited,
          #despre-noi a:hover, #despre-noi a:active {
            font-weight: bold;
            text-decoration: none;
            color: #0156a7;
          }
          /*-*-*-*-*- NOUTATI -*-*-*-*-*/
          #noutati .entry {
            margin-bottom: 20px;
          }
            #noutati .entry span.date { font-size: .9em; }
            #noutati .entry h3.title {
              margin: 0 0 5px;

              font-size: 14px;
            }

      /*-*-*-*-*- RIGHT COLUMN -*-*-*-*-*/
      #r-col {
        width: 221px;

        float: right;

        background: transparent url(../ui/r-col-back.jpg) no-repeat 0 0;
      }
        #r-col div.block {
          padding: 0 15px 10px;
        }
        /**
         * @note (alexei) 2007.10.08:
         * small right banner
         */
        #small-add { margin-top: 10px; }

        #phone-no {
          margin-top: 10px;

          display: block;

          font-weight: bold;
          font-size: 16px;
          color: #0057a7;
        }

          /**
           * @note (alexei) 2007.10.09:
           * more padding
           */
          #r-col div.block h3 {
            margin: 0; padding-top: 15px;

            border-top: 1px dotted #aeadab;
          }
          #sucursale li {
            width: 70px;
          }
          #sucursale li.odd  {
            float: left;
          }
          #sucursale li.even {
            float: right;
          }
            /**
            * @note (alexei) 2007.10.08:
            * some style for the links
            */
            #sucursale li a:link, #sucursale li a:visited {
              text-decoration: none;
              color: #727272;
            }
            #sucursale li a:hover, #sucursale li a:active {
              text-decoration: underline;
            }

  /*-*-*-*-*- FOOTER -*-*-*-*-*/
  #ft {
    width: 780px;
    margin: 20px auto;

    font-size: 11px;
    /**
     * @note (alexei) 2007.10.08:
     * dark grey for the copyright notice
     */
    color: #555;
  }
    #asig {
      height: 21px;
      margin-bottom: 5px; padding: 5px 0 0 22px;

      font-size: 14px; line-height: 21px;
      color: #fff;

      background: #44aacc url(../ui/asig-back.jpg) no-repeat 0 0;
    }
      /*-*-*-*-*- FOOTER PRIMARY MENU -*-*-*-*-*/
      #ft ul.primary {
        padding-left: 12px;

        float: left;
      }
        #ft ul.primary li {
          margin-left: 10px;

          float: left;
        }

      /*-*-*-*-*- COPY NOTICE AND TERNARY MENU -*-*-*-*-*/
      #copy {
        padding-right: 22px;

        float: right;
      }
        #copy p {
          margin: 0;

          float: left;
        }
        #copy ul.ternary {
          display: inline;
        }
          #copy ul.ternary li {
            padding-left: 10px;

            display: inline;
          }
    /**
     * @note (alexei) 2007.10.08:
     * new style for the footer menu
     */
    #ft a:link, #ft a:visited {
      text-decoration: none;
      color: #555;
    }
    #ft a:hover, #ft a:active {
      text-decoration: underline;
    }

/**
 * @note (alexei) 2007.11.15:
 */

/**
 * ul with no style
 */
ul.no-style {
  margin: 5px 0; padding: 0;

  list-style: none;
}
  ul.no-style li {
    margin: 5px 0; padding: 0;
    background: none;
  }

/**
 * currency signs
 */
.sign-dollar, .sign-euro {
  font-weight: bold;
  font-size: 1.2em;
}
.sign-euro   { color: #f9f9f9; }
.sign-dollar { color: #f9f9f9; }

/**
 * form fields
 */
form table {
  width: 100%;
}
  form td {
    vertical-align: top;
  }

label, .label {
  font-weight: bold;
  vertical-align: middle;
}

input, textarea {
  width: 80%;
  margin: 2px 0; padding: 2px;

  font-size: 11px;
  font-family: Arial;
  color: #626262;

  border: 1px solid #a6a6a6;
}

select
{
	width: 82%;
	font-size: 11px;
	font-family: inherit;
	color: #626262;
	margin: 2px 0; padding: 2px;
	border: 1px solid #a6a6a6;
}

input.button {
  width: auto;

  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;

  background-color: #00a597;
}

#doc.interieur #content h3 {
  color: #0057ac;
}

h4 {
  margin: 5px 0; padding: 0;
}

div.tools {
  border-bottom: 1px solid #d7d7d7;
}
  ul.first {
    font-weight: bold;

  background-color: #f9f8e3;
  width: 100%;
  border-top: 1px solid #e7e7cf;
  border-bottom: 1px solid #e7e7cf;
}
  ul.first li {
    margin: 10px 3px; padding: 0;

    float: left;
  }
  ul.first li.docs { margin: 10px 0; }

    ul.first a {
      width: 85px; min-height: 35px;
      padding: 0 0 0 30px;

      display: block;

      text-decoration: none;
      color: #00a496;

      background: #f9f8e3 no-repeat 0 0;
    }
    /*\*/
    * html ul.first li a { height: 30px; }
    /**/
    ul.first a:hover { text-decoration: none; }
    ul.first li.info a { background-image: url(../ui/opts-icon-mail.jpg); }
    ul.first li.docs a { background-image: url(../ui/opts-icon-docs.jpg); }
    ul.first li.apply a { background-image: url(../ui/opts-icon-apply.jpg); }

  ul.second {
    margin-top: 10px;

    float: right;
  }
    ul.second li {
      margin: 0 0 0 5px; padding-left: 20px;

      float: left;

      background: transparent no-repeat 0 0;
    }
    ul.second li.print { background-image: url(../ui/tools-icon-print.jpg); }
    ul.second li.recommend { background-image: url(../ui/tools-icon-recommend.jpg); }
      ul.second li a {
        color: #556363;
      }

#noutati .entry span.date {
  font-weight: bold;
}

#noutati .date-nav { margin-bottom: 10px; }

#noutati .date-nav label { color: #025caa; }

.left-half { width: 48%; float: left; }
.right-half { width: 48%; float: right; }

ul.glossary {
  margin-bottom: 10px;
}
  ul.glossary li {
    padding: 0 1px;

    display: inline;

    font-weight: bold;
  }
    #doc.interieur #content ul.glossary li a:link,
    #doc.interieur #content ul.glossary li a:visited,
    #doc.interieur #content ul.glossary li a:hover,
    #doc.interieur #content ul.glossary li a:active {
      text-decoration: underline;
    }

.radio, .radio input
{
	width: 20px;
	border: none 0px transparent;
}

.radio label
{
	font-weight: normal;
}

#agentii li {  }
#agentii li.odd  { float: left; }
#agentii li.even { float: right; }
#agentii li a:link, #agentii li a:visited { text-decoration: none; color: #727272; }
#agentii li a:hover, #agentii li a:active { text-decoration: underline; }