/**
 * @author Victor Zamfir <victor@dotweb.ro>
 */

/**
 * bof css reset - Yahoo! css reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img { 
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}

/**
 * eof css reset
 */

a {
  outline: none;
  color: #00408E;
}
body {
  font-family: Arial, Helvetica, sans-serif; /* color: #43587a; */ color: #333; font-size: 12px;
}

h3 {
  color: black; font-weight: bold; font-size: 13px;
  margin-bottom: 10px;
}

input, textarea {
  font-family: Arial, Helvetica, sans-serif; color: #43587a; font-size: 13px;
}

.inner {
  width: 941px;
  margin: 0 auto;
  position: relative;
}

.hidden {
  display: none;
}

/** bof contact form **/
#contact_form_wrapper {
  background: black; overflow: hidden;
  padding-top: 20px; zoom: 100%;
}
#contact_form_wrapper.closed {
  
}
#contact_form_wrapper .inner {
  overflow: hidden;
  margin: 20px auto;
}
  #contact_form_wrapper .inner .form-errors {
    margin-bottom: 30px;
  }
    #contact_form_wrapper .inner .form-errors h2 {
      color: #757575; font-size: 14px; font-weight: bold;
    }
    #contact_form_wrapper .inner .form-errors ul li {
      list-style-type: disc; margin: 3px 0 0 20px; color: #cecece;
    }

  #contact_form_wrapper .field-input {
    width: 295px; height: 31px; line-height: 31px;
    float: left; padding-left: 5px;
    background: url(../images/contact-form/input.gif);
  }
  
  #contact_form_wrapper .field-input.focus {
    background: url(../images/contact-form/input-focus.jpg);
  }
    #contact_form_wrapper .field-input.focus input {
      /* background: white; */ 
    }
  #contact_form_wrapper #contact_name_field, #contact_form_wrapper #contact_email_field {
    margin-right: 20px;
  }
  #contact_form_wrapper #contact_name_field, #contact_form_wrapper #contact_company_field
  {
    margin-bottom: 39px;
  }
    #contact_form_wrapper .field-input input {
      border: none;
      color: black; background: transparent;
      margin-left: 5px;
    }
    #contact_form_wrapper .field-input #contact_name {
      width: 210px;
    }
    #contact_form_wrapper .field-input #contact_company {
      width: 200px;
    }
    #contact_form_wrapper .field-input #contact_email {
      width: 200px;
    }
    #contact_form_wrapper .field-input #contact_subject {
      width: 230px;
    }
    
    #contact_form_wrapper .field-input label, #contact_form_wrapper .field-textarea label {
      color: #8c8c8c; font-style: italic; 
    }
    
  #contact_form_wrapper .field-textarea {
    float: right; width: 300px; height: 101px;
    background: url(../images/contact-form/textarea.jpg);
  }
  #contact_form_wrapper .field-textarea.focus {
    background: url(../images/contact-form/textarea-focus.gif);
  }
    #contact_form_wrapper .field-textarea label {
      float: left; margin: 5px;
    }
    #contact_form_wrapper .field-textarea textarea {
      border: none; background-color: #e8e8e8;
      width: 230px; height: 91px; float: right; margin: 5px 2px 0 0;
      color: black;
    }
    #contact_form_wrapper .field-textarea.focus textarea {
      background-color: white;
    }
    
  #contact_form_wrapper .submit {
    float: right; margin-top: 10px;
    border: 0; background: black; 
    font-weight: bold; color: #4886f2;
    cursor: pointer;
  }
  #contact_form_wrapper .submit:hover {
    text-decoration: underline;
  }
/** eof contact form **/

/**
 * bof header
 */
#header {
  position: relative; z-index: 1000; top: 0;
  background: url(../images/header-bg.gif) repeat-x;
  border-top: 12px solid black;
  margin-bottom: 150px;
}
  
  #header.homepage{
    margin-bottom: 40px;
  }
  
  #header .inner {
    position: relative; height: 100px;
  }
   
    #contact_handler {
      display: block; width: 49px; height: 14px; 
	  font-size: 0px;
	        position: absolute; top: -7px;
	  background-color: #fff;
	  text-decoration; none;
      background: url(../images/contact-form/handler-openclose.gif) no-repeat 0 -14px;
	  direction: ltr !important;
    }
    #contact_handler.opened 
    {
      background: url(../images/contact-form/handler-openclose.gif) no-repeat 0 0;
    }
    
    #header .inner .logo {
      position: absolute; top: 15px; left: 0;
    }
    
    #header .inner #site_languages {
      position: absolute; top: 22px; right: 0; direction: ltr !important; font-size: 0px;
    }
      #header .inner #site_languages a {
        display: block; float: left; margin-left: 5px;
        width: 20px; height: 15px;
        
      }
      #header .inner #site_languages a.en {
        background: url(../images/main-nav/language/en-inactive.gif);
      }
      #header .inner #site_languages a.en.active {
        background: url(../images/main-nav/language/en-active.gif);
      }
      #header .inner #site_languages a.ro {
        background: url(../images/main-nav/language/ro-inactive.gif);
      }
      #header .inner #site_languages a.ro.active {
        background: url(../images/main-nav/language/ro-active.gif);
      }
	  #header .inner #site_languages a.ar {
        background: url(../images/main-nav/language/ar-inactive.gif);
      }
      #header .inner #site_languages a.ar.active {
        background: url(../images/main-nav/language/ar-active.gif);
      }
      #header .inner #site_languages a.fr {
        background: url(../images/main-nav/language/fr-inactive.gif);
      }
      #header .inner #site_languages a.fr.active {
        background: url(../images/main-nav/language/fr-active.gif);
      }
    
    #header .inner #main_nav_wrapper {
      position: absolute; top: 45px; right: 0; padding-left: 20px; z-index: 1000;
      background: url(../images/main-nav/left-bg.gif) no-repeat left top;
    }
    #header .inner #main_nav_wrapper, #header .inner #main_nav_wrapper .menu-wrapper, #header .inner #main_nav_wrapper .menu-wrapper ul {
      float: left; height: 47px;
    } 
      #header .inner #main_nav_wrapper .menu-wrapper {
        padding-right: 20px;
        background: url(../images/main-nav/right-bg.gif) no-repeat right top;
      }
      #header .inner #main_nav_wrapper .menu-wrapper ul {
        height: 47px;
        background: url(../images/main-nav/center-bg.gif) repeat-x;
      }
        #header .inner #main_nav li {
          height: 41px; padding-top: 5px; margin-right: 15px;
          float: left; display: inline;
          position: relative;
        }
          #header .inner #main_nav li .submenu {
            display: none;
            position: absolute; top: 37px; left: 0; z-index: 1000;
            padding-bottom: 6px; border-top: 4px solid #4886f2;
            background: url(../images/main-nav/box-bottom-bg.png) no-repeat left bottom;
          }
            #header .inner #main_nav li .submenu .submenu-inner {
              width: 261px; padding: 10px 0 1px;
              border: 1px solid #adc6eb; border-top-width: 0; border-bottom-width: 0;
              background-color: white; 
              overflow: hidden;
            }
					
					 #header .inner #main_nav li .wrapper {
					 	cursor: pointer;
					 }
						
          #header .inner #main_nav li.show_submenu .submenu {
            display: block; 
          }
            #header .inner #main_nav li.show_submenu .submenu a {
              font-weight: normal; color: black; 
              background: none;
              margin: 0 16px 10px;
              padding: 0; padding-bottom: 5px;
              border-bottom: 1px solid #d1d1d1;
              width: 229px;
            }
            #header .inner #main_nav li.show_submenu .submenu a.last {
              border-bottom: none;
            }
              #header .inner #main_nav li.show_submenu .submenu a .title {
                font-weight: bold; padding: 3px;
              }
              #header .inner #main_nav li.show_submenu .submenu a:hover .title {
                background: #4886F2 url(../images/main-nav/box-item-top-bg.gif) no-repeat center top;
                color: white;
              }
              #header .inner #main_nav li.show_submenu .submenu a div {
                font-size: 11px; color: #757575; padding: 0 3px 3px;
              }
              #header .inner #main_nav li.show_submenu .submenu a:hover div {
                background: #4886F2 url(../images/main-nav/box-item-bottom-bg.gif) no-repeat center bottom;
                color: white;
              }
        #header .inner #main_nav li.last {
          margin-right: 0;
        }
          #header .inner #main_nav li a {
            float: left;
            padding-left: 4px;
            text-decoration: none; font-weight: bold; color: #292929;
          }
          #header .inner #main_nav li.active a, #header .inner #main_nav li:hover a {
            background: url(../images/main-nav/button-left-bg.gif) no-repeat left top;
            color: white;
          }
          #header .inner #main_nav li.home a { 
            background: url(../images/main-nav/home-icon.gif) no-repeat left top;
            padding-left: 22px;
          }
          #header .inner #main_nav li.home.active a, #header .inner #main_nav li.home:hover a {
            background: url(../images/main-nav/home-icon-hover.gif) no-repeat left top;
          }
            #header .inner #main_nav li.home:hover .submenu a {
              background: none;
            }
            #header .inner #main_nav li a span {
              display: block; height: 36px; float: left;
              line-height: 36px;
            }
            #header .inner #main_nav li.active a span, #header .inner #main_nav li:hover a span {
              background: url(../images/main-nav/button-center-bg.gif) repeat-x;
            }
            #header .inner #main_nav li a span.wrapper {
              padding-right: 4px;
            }
              #header .inner #main_nav li a span.wrapper span {
                padding: 0 5px; text-transform: uppercase;
              }
            #header .inner #main_nav li.active a span.wrapper, #header .inner #main_nav li:hover a span.wrapper {
              background: url(../images/main-nav/button-right-bg.gif) no-repeat right top;
            }
            #header .inner #main_nav li.parent a span.wrapper {
              padding-right: 22px;
              background: url(../images/main-nav/arrow.gif) no-repeat right center;
            }
            #header .inner #main_nav li.parent.active a span.wrapper, #header .inner #main_nav li.parent:hover a span.wrapper {
              background: url(../images/main-nav/arrow-hover.gif) no-repeat right center;
            }
            
    #header #banner {
      width: 941px; height: 230px; margin: 0 auto;
      background: url(../images/banner.jpg) no-repeat center;
      overflow: hidden;
    }
      #header #banner a {
        margin: 42px 0 0 692px;
        width: 210px; height: 50px;
        display: block; text-indent: -10000px;
        background: url(../images/banner-btn-en.gif) no-repeat;
        background-position: top;
      }

      
      #header #banner a.en {
        background: url(../images/banner-btn-en.gif)
      }
      
      #header #banner a.ro {
        background: url(../images/banner-btn-ro.gif)
      }
      
      #header #banner a:hover {
        background-position: 0 -50px;
      }
      
    #header #mini_banner {
      position: absolute; top: 100px;
      width: 941px; height: 130px; margin: 0 auto;
      background: url(../images/banner.jpg) no-repeat center -10px; /*placeholder*/
      overflow: hidden;
    }
    
      #header #mini_banner #mini_slideshow {
  /*       position: absolute; z-index: 500; */
        position:relative; z-index: 1;
        width: 941px; height: 130px; margin: 0 auto;
        overflow: hidden;
      }
  
      #header #mini_banner #mini_slideshow .slideshow-item {
        position: absolute;
      }

.logo {
  color: red;
}
/**
 * eof header
 */

/** bof breadcrumbs **/
#breadcrumbs {
  overflow: hidden; margin-top: 20px; height: 1%;
}
  #breadcrumbs .indicator, #breadcrumbs ul, #breadcrumbs ul li {
    float: left;
  }
  #breadcrumbs .indicator {
    font-weight: bold; color: #505050;
  }
  #breadcrumbs ul {
    margin-left: 10px;
  }
    #breadcrumbs ul li {
      display: inline; margin-right: 3px;
      background: url(../images/item-arrow.gif) no-repeat right center;
      padding-right: 10px;
    }
    #breadcrumbs ul li.current {
      background: none;
    }
    #breadcrumbs ul li a {
      font-size: 11px; color: #4f4f4f;
    }
    #breadcrumbs ul li span {
      font-weight: bold; color: #43587a;
    }
/** eof breadcrumbs **/

/**
 * bof content
 */
#content {
  margin-top: 30px; overflow: hidden;
}
#content h2 {
  margin-bottom: 12px;
  font-family:"Trebuchet MS", Arial, sans-serif; font-size: 18px; color: #00408e;
  overflow: hidden;
  height: 1%;
}
  #content h2 span {
    float: left; padding-right: 30px;
  }
  
#content h3 {
  margin: 10px 0px;
  font-size: 15px; color: #00408e; font-weight: normal;
  overflow: hidden;
  height: 1%;
}
  
  #content div.subnodes {
    margin: 10px 0 0 10px;
  }
  
  #content div.subnodes h3.subtitle {
    background-color: #eee;
    font-family: Arial, Helvetica, sans-serif; font-size: 14px;
    border: 1px solid #ddd;
    border-bottom:none;
    *border-bottom: 1px solid #ddd;
    padding: 8px 5px 8px 25px;
    margin: 0px;
    cursor: pointer;
  }
  
  #content div.subnodes div.subcontent {
  	overflow: hidden;
    background-color: #eee;
    border: 1px solid #ddd; border-bottom: none; border-top: none;
    padding: 5px 5px 5px 15px;
    margin: 0px; zoom: 100%;
  }
  
  #content div.subnodes p {
    margin-left: 10px;
  }
  
  #content div.subnodes .gallery div.body {
    height: auto;
  }
  
/** bof list box **/
#list_box {
  clear: both;
  background: url(../images/list-box-top-bg.gif) no-repeat center top;
}
  #list_box .inner {
    padding-top: 8px;
    width: 301px;
    overflow: hidden;
    background: url(../images/list-box-bottom-bg.gif) no-repeat center bottom;
    padding-bottom: 8px;
  }
    #list_box .inner ul {
      border: 1px solid #ebebeb; border-width: 0 1px;
      padding: 2px 10px;
    }
      #list_box .inner ul li {
        margin-bottom: 15px;
      }
      #list_box .inner ul li.last {
        margin-bottom: 0;
      }
        #list_box .inner ul li a.title {
          font-weight: bold;
          padding-left: 20px;
          color: #868686;
        }
        /*
        #list_box .inner ul li.opened a.title, #list_box .inner ul li a.title:hover {
          background: url(../images/list-box-minus-sign.gif) no-repeat left top;
          color: black;
        }
        #list_box .inner ul li.closed a.title {
          background: url(../images/list-box-plus-sign.gif) no-repeat left top;
        }
        */
       #list_box .inner ul li.closed a.title {
         background: url(../images/list-box-plus-sign.gif) no-repeat left top;
       }
       #list_box .inner ul li a.title {
          background: url(../images/list-box-minus-sign.gif) no-repeat left top;
          color: black;
        }
        
        #list_box .inner ul li .info {
          margin: 7px 0 0 20px; overflow: hidden;
        }
        /*
        #list_box .inner ul li.closed .info
        {
          display: none;
        }
        */
          #list_box .inner ul li .info .more {
            float: right; font-size: 11px; color: #4886f2; 
            margin: 7px; padding: 2px;
          }
          #list_box .inner ul li .info .more:hover {
            background-color:#4886F2;
						color:white;
						text-decoration:none;
          }					
					
      #list_box .inner ul li ul {
        display: none;
        border: none; padding: 0;
        margin: 5px 0 0 20px;
      }
      #list_box .inner ul li.opened>ul {
        display: block;
      }
        #list_box .inner ul li ul li {
          margin-bottom: 5px;
          padding-left: 10px;
          background: url(../images/item-arrow.gif) no-repeat left 3px;
        }
          #list_box .inner ul li ul li a {
            color: #43587a; 
          }
          #list_box .inner ul li ul li.opened>a {
            font-weight: bold;
          }
/** eof list box **/
  
#content h2.title-home span {
  background: url(../images/icons/house-icon.gif) no-repeat right center;
}

#main_content {
  width: 620px; float: left;
  overflow: hidden;
  font-family: "Trebuchet MS", Arial, sans-serif;
}

#main_content strong {
  font-weight: bold;
}

.inner-tpl #main_content {
  float: right;
}
#main_content .content {
  clear: both;
}
  #main_content .column {
    float: left; width: 300px;
  }
    #main_content .column p {
      margin-bottom: 8px;
    }
    .inner-tpl #main_content .column p {
      background: url(../images/dot.gif) no-repeat left 5px;
      padding-left: 10px;
    }
#main_content td {
	padding: 10px;
}
    
#main_content ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 25px;
	text-align: justify;
}

#main_content ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 25px;
	text-align: justify;
}



#main_content .col-1 {
    margin-right: 20px;
  }
  

#main_content #revealer_content {
  height: 200px;
  overflow: hidden;
}

#main_content #revealer_content h2 {
  display: block;
  height: 25px;
  overflow: auto;
  clear: both;
}

#main_content #revealer_content h3 {
  height: auto;  
}

#main_content #revealer_content ul.about li {
  margin-bottom: 10px;
  font-size: 14px;
}

#main_content #revealer_content ul.about a {
  color: #00408E;
}

#main_content #revealer_handle {
  padding: 5px 10px; margin: 5px 0;
  background-color: #f8f8f8; border: solid 1px #ebebeb;
  text-align: right;  text-decoration: underline; font-size: 10px;
  cursor: pointer;
}

#main_content #revealer_handle a {
  display: block; float: right; height: 15px; width: 70px;
  color: #8f8f8f;
  background: url('../images/btn-dn.gif') left no-repeat;
}

  
#extra_content {
  float: right; width: 301px; 
}
.inner-tpl #extra_content {
  float: left;
}
  #extra_content .news span {
    background: url(../images/icons/news-icon.gif) no-repeat right center;
  }
  
div.gallery {
  clear: both;
  padding-top: 20px;
}
div.gallery .body {
  overflow: hidden; height: 1%;
}
  div.gallery .body a {
    float: left; display: inline; height: 1%;
    border: 1px solid #e2e2e2; margin: 0 20px 20px 10px; 
  }
    div.gallery .body a img {
      display: block;
    }
  div.gallery .body a.last {
    margin-right: 0; clear: right;
  }
div.gallery .controls {
  clear: both; float: right; height: 1%;
  margin-top: 10px;
}

  div.gallery .controls a {
    float: left;
    color: #2a2a2a; font-size: 13px;
  }
  div.gallery .controls a.previous {
    margin-right: 10px;
    background: url(../images/gallery-control-previous.gif) no-repeat left center;
    padding-left: 12px;
  }
  div.gallery .controls a.next {
    background: url(../images/gallery-control-next.gif) no-repeat right center;
    padding-right: 12px;
  }
/**
 * eof content
 */

/**
 * bof footer
 */
#footer, #footer .inner1, #footer .inner2 {
  height: 80px;
}

#footer {
  clear: both;
  margin-top: 30px;
  background: url(../images/footer-left-bg.gif) no-repeat left top;
  padding-left: 12px;
}
  #footer .inner1 {
    background: url(../images/footer-right-bg.gif) no-repeat right top;
    padding-right: 12px;
    overflow: hidden;
  }
    #footer .inner1 .inner2 {
      margin-top: 1px;
      border-top: 1px solid #e3e3e3;
      position: relative;
    }
      #footer .content {
        margin: 20px auto 0;
        width: 600px; height: 50px;
        text-align: center; font-size: 11px;
      }
        #footer .content p {
          margin-bottom: 15px;
        }
          #footer .content .links a {
            margin: 0 3px; padding: 1px 4px; color: #4886f2;
          }
          #footer .content .links a:hover {
            background-color: #4886f2; color: white;
            text-decoration: none;
          }
      #footer .logo {
        display: block;
        position: absolute;
        top: 20px;
      }
        #footer #logo_csd {
          left: 10px;
        } 
        
        #footer #logo_qmark {
          left: 10px;
          top: 5px;
        }
        
        #footer #logo_dw {
          top: 10px;
          right: 10px;
        }
        /**
 * eof footer
 */