html { background: #000 url(/img/bkg.gif); } /* 8fbde9 abd3f8 c7dcf0 */

body {
    color: #333;
    font-family: Arial,Tahoma, Helvetica, sans-serif;
    font-size: 12px;
}
#wr1 {
    margin-left: auto; margin-right: auto;
    margin-top: 5px;
    padding-left: -1px;
    width: 960px;
}
#wrapper { 
    overflow: hidden;
}



a { color: #110585; font-weight: normal; }
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}
p { margin-bottom: 10px;text-indent: 15px; text-align: justify; }
.error {border: 1px red solid;}

h2{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 10px;
    padding: 6px 6px 6px 30px;
    text-transform: uppercase;
}

h3 {
    background: #ffab1a url(/img/h3_bg.gif) repeat-x;
    font-family:Arial;
    font-size: 14px;
    letter-spacing:0px;
    line-height: 28px;
    margin: 5px 0 0 0;
    padding-bottom: 2px;
    text-align: center;
    text-transform: uppercase;
}

h3 a { color: #333; font-weight: bold; text-decoration: none; }
h3.smallh3 { line-height: 14px; font-size: 11px; }
h3.smallh3 a { font-size: 11px; }

h3.wh4 { background-image: none; 
    border: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

h4 {
    color: #3f2301; 
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}


input,textarea {
    border: 1px #666 solid;
    border-bottom: 1px #aaa solid;
    border-right: 1px #aaa solid;
    font-family:Arial,Helvetica;
    font-size:11px;
}

.spacer { display: block; height: 10px; }
.liner { border-bottom: 1px #d9d9d9 solid ; display: block; width: 100%; margin: 5px 0 5px 0;}

.box { 
    background: #eceded;
    border-left: 1px #d9d9d9  solid; 
    border-right: 1px #d9d9d9  solid; 
    border-bottom: 1px #d9d9d9  solid;
    margin: 0 4px 5px 3px;
    overflow: hidden;
}

#header {
    background: #000 url('/img/header.jpg') no-repeat;
    height: 114px;
    margin-bottom: 5px;
    width: 960px;
}

.marime {
    background: transparent url('/img/marime.gif') no-repeat;
    float: right;
    height: 35px;
    margin-right: 12px;
    width: 160px;
}

.marime a { background: #949494; color: white;  font-weight:bold;  padding: 0 3px 0 3px ;text-decoration: none; }
.marime p { margin-top: 10px; }
.marime a.mplus { margin-left: 65px; }
.marime a.mminus { margin-left: 48px; }

#topmenu{
    background: transparent url('/img/topmenu_bg2.gif') no-repeat;
    height: 62px;
    width: 960px;
}

    ul#topmenuul {
        height: 34px;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
    }
    ul#topmenuul li{
        background: transparent url('/img/topmenuli_bg.gif') no-repeat  right 8px;
        float: left;
        height: 34px;
        line-height: 34px;
        margin-left: 15px;
        padding-right: 15px;
    }
    ul#topmenuul li#first{ margin-left: 30px; }
    ul#topmenuul li a {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

    
#topmenuul li a:hover {
    color: #333;
}

#topmenuul li.selected a {
    color: #e5d9bf;    
}


 #topmenuul { display: block; margin: 0; padding: 0; position: relative;}
  #topmenuul li { display: block; list-style: none; padding: 0; float: left;   position: relative; }
  #topmenuul a { display: block; }
  #topmenuul ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; z-index: 10000;}
  * html #topmenuul ul { line-height: 0; } /* IE6 "fix" */
      #topmenuul ul a { zoom: 1; } /* IE6/7 fix */
    #topmenuul ul li { background: none; float: none; }
    #topmenuul ul ul { top: 0; }
#topmenuul li.selected ul li a {
    text-decoration: none;    
}    
/* Essentials - configure this */

#topmenuul ul { width: 200px; }
#topmenuul ul ul { left: 150px; }

  #topmenuul ul { top: 33px; }
    #topmenuul ul li a { background: white;/*transparent url('/img/menuli_bg.png'); */}
      #topmenuul ul a.hover { background-color: #f33c03; background-image: none; }
   #topmenuul ul a { border-bottom: 1px solid white; border-right: none; /*opacity: 0.5; filter: alpha(opacity=50);*/ }
/* #topmenu ul a { border-bottom: none; } - I also needed this for IE6/7 */
    #topmenuul ul li { height: 20px; line-height: 20px; text-align: left; z-index: 10000;}
    #topmenuul ul a  { padding-left: 5px; font-size: 12px; background-image: none; color: #ba2600; font-weight: bold;z-index: 10000;}
    #topmenuul li.selected ul a {padding-left: 5px; font-size: 12px;  color: #ba2600; font-weight: bold;}    
    

#content {
    background: transparent url(/img/content_bg.gif) repeat-y;
    padding-bottom: 5px;
    width: 960px;
}
    
    #left { width: 230px; }
    #right { width: 230px; }

    ul.menu, ul.submenu { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 5px 0;}
    ul.menu li{ border-bottom: 1px #d9d9d9  solid; margin: 0 10px 0 10px;}
    ul.menu li a { background: transparent url(/img/li.gif) no-repeat 0 5px; color: #333; font-size: 12px; font-weight: bold; padding-left: 15px; text-decoration: none; line-height: 22px;}

    .sgalerie { background: #fff; margin-top: 5px; padding: 5px; width: 450px;  }
    .sgalerie ul {list-style-image:none; list-style-position:outside; list-style-type:none;  }
    .sgalerie ul li{margin: 0;  }
    .mycontrolboxclass {
        left: 340px;
        top: 270px;
    } 
 
    .mycontrolboxclass a.pause-button,
    .mycontrolboxclass a.play-button,
    .mycontrolboxclass a.next-button{
        padding-left: 5px;
    }    
    
    .centerbox{ background: transparent url('/img/cbox_bg.gif') repeat-y; float: left; margin-top:5px; overflow: hidden; width:460px;}
    .centerbox h3 { background: transparent url('/img/cboxh3_bg.gif') no-repeat; height:32px; margin-bottom: 10px; margin-top: 0; padding-left: 60px;  text-align: left; }
    .centerbox h3 a{ background: transparent url('/img/cboxh3span_bg.gif') no-repeat right; color: #fff; padding: 8px 40px 8px 0; line-height:32px;   }
    .centerbox .box { background: none; border: 0; }
    h4.mrgn { margin-left: 10px;  }
    
    ul#listaev { float: left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-top: 5px; width: 250px;}
    ul#listaev .data{ font-weight: normal;}
    ul#listaev li{ font-weight: bold; height: 30px; margin-left: 10px;}
    .calendar { float: left; width: 180px; }
    .centerbox a.cboxdetalii{ background: transparent url('/img/cboxdetalii_bg.gif') no-repeat; height:19px; width:960px; display: block; text-decoration: none;  }
    .centerbox .cboxend{ background: transparent url('/img/cboxend_bg.gif') no-repeat; height:19px; width:960px; display: block; text-decoration: none;  }
    
    .rp{ background: transparent url('/img/cbox3_bg.gif') repeat-y; float: left; }
    .rp h3 { background: transparent url('/img/cboxh33_bg.gif') no-repeat; height:32px; margin-bottom: 10px; margin-top: 0; padding-left: 60px;  text-align: left; }
    .rp h3 a{ background: transparent url('/img/cboxh3span3_bg.gif') no-repeat right;   }
    .rp a.cboxdetalii{ background: transparent url('/img/cboxdetalii3_bg.gif') no-repeat; margin-top:5px;  }
    .rp .cboxend{ background: transparent url('/img/cboxend3_bg.gif') no-repeat; margin-top:5px;  }    
    
    .ap{ background: transparent url('/img/cbox2_bg.gif') repeat-y; float: left; }
    .ap h3 { background: transparent url('/img/cboxh32_bg.gif') no-repeat; height:32px; margin-bottom: 10px; margin-top: 0; padding-left: 60px;  text-align: left; }
    .ap h3 a{ background: transparent url('/img/cboxh3span2_bg.gif') no-repeat right;   }
    .ap a.cboxdetalii{ background: transparent url('/img/cboxdetalii2_bg.gif') no-repeat; margin-top:5px;  }
    .ap .cboxend{ background: transparent url('/img/cboxend2_bg.gif') no-repeat; margin-top:5px;  }
    /* rev presei */
    .scrollable {
        position:relative;
        overflow:hidden;
        width: 380px;
        height:180px;
        margin:0;
        border:1px solid #ccc;
    }
    .scrollable .items {
        /* this cannot be too large */
        width:20000em;
        position:absolute;
        clear:both;
    }
    .scrollable .items div.stire {
        float:left;
        background-color:#fff;
        cursor:pointer;
        width:380px;
        height:180px;
        
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
    }
    .scrollable .active {
        border:2px solid #000;
        z-index:9999;
        position:relative;
    }
    .scrollable { float:left; }
    a.browse {
        background:url(/img/hori_large.gif) no-repeat;
        display:block;
        width:30px;
        height:30px;
        float:left;
        margin:60px 5px;
        cursor:pointer;
        font-size:1px;
    }
    a.right                 { background-position: 0 -30px; clear:right; margin-right: 0px;}
    a.right:hover         { background-position:-30px -30px; }
    a.right:active     { background-position:-60px -30px; } 
    a.left                { margin-left: 5px; } 
    a.left:hover          { background-position:-30px 0; }
    a.left:active      { background-position:-60px 0; }
    a.disabled {    visibility:hidden !important; }     
    
    .scrollable .items div.stire p { float: left; margin:5px; width: 364px; }
    .scrollable .items div.stire p.pfoto { width: 230px; }
    .scrollable .items div.stire .rpfoto { float: right; width: 130px; }
    .scrollable .items div.stire .rpfoto img{ margin: 5px 2px 5px 2px; }
    
    /* articole */
    .articol { margin: 10px; font-size: 12px;}
    .articol p{ color: #3f2301; font-size: 12px;}
    .articol img { border: 5px #fff solid; margin: 5px; }
    .art_date { color: #7e7e7d; font-size: 11px; }
    ul.art_details { background: transparent url('/img/artdetails_bg.gif') repeat-x;list-style-image:none; list-style-position:outside; list-style-type:none; height: 26px;  margin-top: 5px; font-size: 12px;}
    ul.art_details li{ float: left; height: 26px; font-weight: bold; line-height: 22px; margin-left: 16px; }
    ul.art_details li a{ color: #333; text-decoration: none; font-weight: bold; }

    ul.art_spec { border-top: 1px #3a7bcb solid;border-bottom: 1px #3a7bcb solid; list-style-image:none; list-style-position:outside; list-style-type:none; margin-top: 5px; font-size: 12px; overflow: hidden; float: left;}
    ul.art_spec li{ float: left; line-height: 16px; margin-left: 16px; width: 200px;}
    ul.art_sepc li a{ color: #333; text-decoration: none; font-weight: bold; }

    
    /*pager */
    .pager { color: #3a7bcb; float: right; line-height: 12px; margin-right: 20px; }
    .pager a, .pager span{ color: #3a7bcb; padding: 2px; }
    .pager .current-page { background: #fd8f09; }
    
    /* galerie */
     .galerie li{
        background: #eeeeee none;
        display: table-cell;
        float: left;
        padding: 0;
        margin: 10px 5px 5px 10px;
        text-align: center;
        width: 120px;
    }

    .galerie a { display: block; margin-left: auto; margin-right: auto; width: 120px; text-align: center;}
    .galerie img
     { background: #fff; border: 1px #bbb solid; padding: 3px; display: block; float: none; margin-left: auto; margin-right: auto;}

    .sgalerie li{
        background: none;
        padding-left: 0;
        margin-left: 0;   
    }
    .sgalerie img,
    .sgalerie img{
        background: none;
        padding: 0;
        margin: 0;   
    }    

/* SONDAJ */
    #poll-container { overflow: hidden; }
    #opt1,#opt2,#opt3,#opt4,#opt5 {border:0; margin-left: 10px;}
    .sondaj p { text-indent: 0; }
    .graph {
      width: 136px;      display: block;
      /*position: relative;*/
      left: 2px;
      /*float: left; clear: both;*/
    }
    .bar-title {
    /*  position: relative;*/
      float: left; clear: both; display: block;
      width: 190px; font-size: 11px;
      line-height: 16px;
      margin-right: 10px;
      font-weight: bold;
      text-align: center;
      border-bottom: 1px #ccc solid;
    }
    .bar-container {
        /*position: relative;   */
      clear: both;  display: block;
      float: left;   left:0;
      width: 190px;
      
      margin: 0px 0px 10px;
      padding-left: 5px;
    }

    .bar-container div.plbar {
      background-color:#cc4400; float: left; display: block;
      height: 20px;
    }

    .bar-container .plbar { clear: both; }

    .bar-container strong {
      /*position: absolute;*/   float: left;  display: block;
      right: -50px;
      top: 0px;
      overflow: hidden;
    }
    #poll-results p {
      text-align: center;
    }
/* END SONDAJ */    
    
#footer {
    background: #cccece;
    width: 960px;
}
    #footer ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin-top: 5px;}
    #footer ul li{ border-right: 1px #595959 solid; float: left; line-height: 15px ; margin: 0 0 0 10px; padding: 0 10px 0 0;}
    #footer ul li a { color: #595959; text-decoration: none; }    
#subfooter{
    background: transparent url('/img/subfooter_bg2.gif') repeat-x;
    width: 960px;
}
    #designer { background: transparent url(/img/pdesigner_bg2.gif) no-repeat; float: right; height: 43px; padding-top: 10px; text-indent: 5px;}
    
/* SONDAJ */
    .graph {
      width: 136px;      display: block;
      /*position: relative;*/
      left: 2px;
      /*float: left; clear: both;*/
    }
    .bar-title {
    /*  position: relative;*/
      float: left; clear: both; display: block;
      width: 190px; font-size: 11px;
      line-height: 16px;
      margin-right: 10px;
      font-weight: bold;
      text-align: center;
      border-bottom: 1px #ccc solid;
    }
    .bar-container {
        /*position: relative;   */
      clear: both;  display: block;
      float: left;   left:0;
      width: 190px;
      
      margin: 0px 0px 10px;
      padding-left: 5px;
    }

    .bar-container div.plbar {
      background-color:#cc4400; float: left; display: block;
      height: 20px;
    }

    .bar-container .plbar { clear: both; }

    .bar-container strong {
      /*position: absolute;*/   float: left;  display: block;
      right: -50px;
      top: 0px;
      overflow: hidden;
    }
    #poll-results p {
      text-align: center;
    }
/* END SONDAJ */

/* login */
#login_name,
#cf_titlu,
#cf_prenume,
#cf_phone,
#cf_author,
#cf_email { background-image:  url('/img/inputu.gif'); background-repeat:  no-repeat; background-position:center;  border :0 ; color: #a4a4a4; height: 21px; line-height: 21px; margin: 5px 2px 5px 2px; padding: 2px 3px 3px 5px; width: 207px; float: left;}
#fid-passwd { background-image:  url('/img/inputp.gif'); background-repeat:  no-repeat; background-position:center;  border :0 ; color: #a4a4a4; height: 21px; line-height: 21px; margin: 5px 2px 5px 2px; padding: 2px 3px 3px 5px; width: 134px; float: left;}
#buttonid-login { background-image:  url('/img/btn_bg.gif'); background-repeat:  no-repeat; background-position:center;  border :0 ; color: #fff; height: 24px; line-height: 24px; margin: 5px 2px 5px 2px; text-align: center;  width: 68px; float: left; font-weight: bold; font-size: 11px;}
#searchtext { background-image:  url('/img/inputs.gif'); background-repeat:  no-repeat; background-position:center;  border :0 ; color: #a4a4a4; height: 21px; line-height: 21px; margin: 5px 2px 5px 2px; padding: 2px 3px 3px 5px; width: 203px; float: left;}
#bname_search,
#cf_submit { background-image:  url('/img/btnc_bg.gif'); background-repeat:  no-repeat; background-position:center;  border :0 ; color: #333; height: 20px; line-height: 20px; margin: 5px 3px 3px 70px;  text-align: center;  width: 88px;  float: left; font-weight: bold; font-size: 11px;}

#commentform label { float: left; height: 26px; line-height: 26px; font-weight: bold; padding-top: 5px; padding-right: 10px; text-align: right; width: 150px;}
#contactform label { float: left; height: 26px; line-height: 26px; font-weight: bold; padding-top: 5px; padding-right: 10px; text-align: right; width: 100px;}
#commentform textarea {background-image:  url('/img/textarea.gif'); background-repeat:  no-repeat; background-position:top left;  border :0 ; color: #a4a4a4; height: 293px; line-height: 21px; margin: 5px 2px 5px 2px; padding: 2px 3px 3px 5px; width: 268px; float: left; overflow: auto;}
/* end login*/

/*comments */
ol.commentlist { list-style-image:none; list-style-position:outside; list-style-type:none;
    margin: 10px; }
ol.commentlist li.alternate {
    margin-left: 10px; margin-top: 5px;
}

ul.subcatlist {
   list-style-image:none; list-style-position:outside; list-style-type:none; 
    
}
ul.subcatlist li{ margin: 0 10px 0 10px;}
ul.subcatlist li a { background: transparent url(/img/mnsublia_bg.gif) no-repeat 0 5px; color: #333; font-size: 12px; font-weight: bold; padding-left: 15px; text-decoration: none; line-height: 22px;}
