/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  #al3lea { clear: both;
    }

  body { margin: 0px;
    background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    padding-left: 20px;
    behavior: url(csshover3.htc);
}





  #header {  }

  .centreaza_div1 { border-left: thin solid rgb(170, 170, 170);
    border-right: thin solid rgb(170, 170, 170);
    margin-left: 0px;
    margin-right: 0px;
    width: 800px;
    }

  .centreaza_div2 { border-left: 1px solid rgb(218, 218, 218);
    border-right: 1px solid rgb(218, 218, 218);
    margin-left: 0px;
    margin-right: 0px;
    width: 802px;
    }

  .centreaza_div3 { border-left: 1px solid rgb(234, 234, 234);
    border-right: 1px solid rgb(234, 234, 234);
    margin-left: 0px;
    margin-right: 0px;
    width: 804px;
    }

  .centreaza_div4 { border-left: 1px solid rgb(234, 234, 234);
    border-right: 1px solid rgb(234, 234, 234);
    margin-left: 0px;
    margin-right: 0px;
    width: 806px;
    }

  .centreaza_div5 { border-left: 1px solid rgb(250, 250, 250);
    border-right: 1px solid rgb(250, 250, 250);
    margin-left: 0px;
    margin-right: 0px;
    width: 808px;
    }

  .centreaza_div6 { border-left: 1px solid rgb(250, 250, 250);
    border-right: 1px solid rgb(250, 250, 250);
    margin-left: auto;
    margin-right: auto;
    width: 810px;
    }

  .nounderline a { text-decoration: none;
    color: rgb(102, 0, 0);
    }

  #imag_ext
{
    background-color:#777777;
    margin: 5px;
    border: 3px solid #aabbcc;
    height:auto;
    width:auto;
    text-align: center;
}

#imag
{
  display: inline;
  margin: 3px;
  border: 1px solid #000000;
}
#imag a:hover imag {border: 3px solid #0000ff;}

#desc
{
  text-align: center;
  font-weight: normal;
  width: 100px;
  margin: 2px;
}

#pag_foto
    {   background-color: rgb(227, 196, 114);
     overflow:auto;

    width:800px;
    height:auto;   }
#fond
    {   background-color: rgb(100, 196, 114);
    position:relative;
    left:10px;
    overflow:auto;

    width:750px;
    height:auto;   }

  #fundal_harta { width: 800px;height:600px;
    background-image: url(harta.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    clear: left;
    position: static;
    z-index:1;
    }

     #fundal_eng_harta { width: 800px;height:600px;
    background-image: url(harta_eng.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    clear: left;
    position: static;
    }


  #ind_sighisoara { position:relative; left:80px;top:100px;

    }

  #ind_saschiz {
    position:relative;left:180px;top:155px;
    }
  #ind_cloasterf { position:relative;left:170px;top:200px;
    }

  #ind_crit { position:relative;left:240px;top:260px;
    }

  #ind_bunesti { position:relative;left:440px;top:100px;
    }

  #ind_roades { position:relative;left:610px;top:20px;
    }
  #ind_rupea { position:relative;left:630px;top:100px }

  #ind_mesendorf { position:relative;left:140px;top:190px ;
    }

  #ind_viscri { position:relative;left:400px;top:120px ;
    }

  #ind_brasov { position:relative;left:730px;top:65px ;
    }

  #caseta_steaguri { position: relative;
    bottom: 27px;
    left: 650px;
    width: 128px;
    height:22px;
    }

  #flag { float: left;
    width: 32px;
    height: 15px;
    }

  #main_bar_stg { background: rgb(244, 225, 166) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    float: left;
    width: auto;
    height: auto;
    /*line-height: 2; */
    }

  #bara_sus { background: rgb(244, 225, 166) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    clear: left;
    width: 800px;
    height: 23px;
    }

  span.bara_menu { color: rgb(0, 0, 0);
    font-style: normal;
    font-size: 12px;
    font-family: arial;
    }

  #menu_stg { clear: left;
    float: left;
    width: 95px;
    margin-left: 10px;
    height: auto;
    }

  #linie_menu_stg_largita { clear: left;
    width: 100px;
    height: auto;
    position: relative;
    bottom: 280px;
    line-height: 2;
    }

  #linie_menu_stg_normala { clear: left;
    width: 100px;
    height: auto;
    position: relative;
    bottom: 280px;
    }

  .zona_principala_pg1 a img { border: medium none ;
    margin: 0px;
    float: right;
    width: 800px;
    height: auto;
    }

  #zona_principala_pg2 { float: right;
    width: 780px;
    margin-right: 0px;
    height: auto;
    }

  #fotografie { clear: left;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    width: auto;
    height: auto;
    }

  #lit_mare_foto { float: left;
    margin-bottom: 15px;
    margin-top: 0px;
    width: auto;
    height: auto;
    }

  #paragraf_text { margin-top: 30px;
    font-style: normal;
    font-size: 12px;
    font-family: arial;
    color: rgb(0, 0, 0);
    margin-right: 10px;
    }


 /* -------------sectiunea HOVER----------------------------------------- */
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox {
  cursor: default;
  list-style: none;
  text-decoration: none;
}

.hoverbox a {
  cursor: default;
}

.hoverbox a .preview {
  display: none;
}

.hoverbox img {
  background: #fff;
  border-color: #0a550a;/*#aaa #ccc #ddd #bbb;       */
  border-style: solid;
  border-width: 1px;
  color: #fff;
  padding: 2px;
  vertical-align: top;
  width: auto;
  height: auto;
  }

.hoverbox a:hover .preview {
  display: block;
  position: absolute;
  text-decoration: none;
  top: 100px;
  left: 290px;
  z-index: 9;
}

.hoverbox li {
  background: rgb(148, 136, 81);
  text-decoration: none;
/*border-color:#ddd #bbb #aaa #ccc;  */
  border-style: none;
  border-width: 1px;
  display: inline;
  float: right;
  margin: 1px;
  padding: 0px;
  position: relative;
  vertical-align: top;
}

.hoverbox .preview {
  background-color: rgb(255, 255, 255);
  border-color: rgb(0,0,0);
  border-style: solid;
  border-width: 1px;
  color: #fff;
  margin: 1px ;
  padding: 2px;
  width: auto;
  height: auto;
}
/**/

#fot_oven {
    height:75px; width:75px;
   position:relative;float:left;     }


#rama_cuptor {
  width:800px;height:400px;position:relative;float:left;
  text-align: left;
  background: #ccaa00;}
  #rama_ico {
    width: 400px;height:400px;position:relative;float:left;
    text-align: left;
    background: #eeeeea; }
    #head_foot  {
        width:400px;height:75px;text-align:left;
        background: #99ff99;    }
    #spatiu_ico {
      width: 400px; height:250px;
      background: #334400; }

 /*pop up menu */
 /*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

ul {
    width: auto;
    float:left;
    height:auto;
    margin-top:3px;
    list-style: none;              }

ul a {
    text-decoration: none;
    display:block;
    width: auto;
    height: auto;       }

ul a:hover {
    color:#609060;
    vertical-align: center;
    text-decoration: none;
    height:auto;
     display:block;
     }
ul li {
    float: left;
    position: relative;
    height:auto;   }

ul li ul li {
  border: 1px solid #FFF;
  height:100%;
  width:100px;
  background:rgb(227,196,114);
  z-index:9;
  margin:2px;
  padding:3px;    }

ul li ul {
    list-style: none;
    position: absolute;
    left: 0;
    top:95%;
    display: none;
    width: 450px;
    height:auto;
    background:rgb(244, 225, 166);
    z-index:8;
    margin:0px; padding-left:10px;}

ul li:hover ul { display: block; }

ul li:hover ul li ul { display: none; }

ul li ul li:hover ul {
    display: block;
    position: absolute;
    left: 0px;
    border: 1px solid #FFF;
    background: rgb(227,196,114);
    z-index:9;       }

/*gata  pop up menu */

#introdd {
  width:798px;height:auto;text-align:left;
  position:relative;
  z-index:4;
}

#div_stg {
text-align:left;
position:relative;clear:both;  float:left;
width:500px; height:auto;
z-index:5;  }

#div_dr{    text-align:center;
position:relative;float:left;   z-index:5;
width:295px; height:auto;             }

#tampoox {
  width:790px;height:2px;
  position:relative; clear:left;
  z-index:5;  }

#evenim {
    text-align:center;
    width:290px;height:auto;
    position:relative; z-index:6; }

#ev_imag {
/* max 3 imagini */
/* icon imagini: 60x60 */
/* imagini: 200x200 */
width:240px;
margin-left:auto;
margin-right:auto;
height:70px;
font-family:arial;font-size:12px;
text-align:center;  }


/*  -------inceput -------------------- */

.hoverboxy {
  cursor: default;
  list-style: none;
  text-decoration: none;
  margin-left:0px; padding-left:0px;
}

.hoverboxy a {
  cursor: default;
}

.hoverboxy a .preview {
  display: none;
}

.hoverboxy img {
  background: #fff;
  border-color: #0a550a;/*#aaa #ccc #ddd #bbb;       */
  border-style: none;
  border-width: 1px;
  color: #fff;
  width: auto;
  height: auto;
  margin:1px; padding:1px;
    }

.hoverboxy a:hover .preview {
  display: block;
  position: absolute;
  text-decoration: none;
  top: -100px;
  left: -300px;
  z-index: 9;
}

.hoverboxy li {

  text-decoration: none;
/*border-color:#ddd #bbb #aaa #ccc;  */
  border-style: none;
  border-width: 1px;
  display: inline;
  position:relative;
  float: right;
}

.hoverboxy .preview {
  background-color: rgb(255, 255, 255);
  border-color: rgb(0,0,0);
  border-style: solid;
  border-width: 1px;
  color: #fff;
  width: auto;
  height: auto;
   margin:1px;
   padding:3px;
}

/*  -------inceput -------------------- */

