@charset "utf-8";
/* CSS Document */


img.displayed {
    display:block;
    margin-left: auto;
    margin-right: auto }
img.displayed2 {
    display:block;
    margin-left: auto;
    margin-right: 0 }
.sigla {
    display:block;
    margin-left: auto;
    margin-right: auto; margin-bottom:10px; border-color:#1682D1 }


.3d { display:block; margin-top:200px}



/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(./imagini/three_1.jpg);}
.preload2 {background: url(./imagini/three_1a.jpg);}

#nav {padding:0; margin:0 ; width:550px; list-style:none; height:45px; background:#fff url(./imagini/meniu_principal/three_0.jpg) repeat-x; position:relative; z-index:500; font-family:Arial, Helvetica, sans-serif;}
#nav li.top { display:block; float:left; height:45px;}
#nav li a.top_link {display:block; float:left; height:45px; line-height:43px; color:#116F17; text-decoration:none; font-size:15px; font-weight:bolder; padding:0 0 0 10px; cursor:pointer; background: url(./imagini/meniu_principal/three_0.jpg);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 10px; height:45px; background: url(./imagini/meniu_principal/three_0.jpg) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 10px; height:45px; background: url(./imagini/meniu_principal/three_0a.jpg) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(./imagini/meniu_principal/three_1.jpg) no-repeat;}
#nav li:hover a.top_link span{background:url(./imagini/meniu_principal/three_1.jpg) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(./imagini/meniu_principal/three_1a.jpg) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:46px; background:#E5E5E5; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:170px; height:auto; z-index:300;} /* distanta dintre link-urile principale si lista de nivel 2 + fundalul pentru link-urile de nivel 2 fara sublink-uri */
#nav li:hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:168px; font-weight:normal; border-bottom:1px solid #356631} /* aici border; stabileşte setările de la zona de nivel 2 în colo*/
#nav li:hover ul.sub li a
{display:block; font-size:13px; height:30px; width:168px; line-height:30px; text-indent:4px; color:#116F17; text-decoration:none; border:1px solid #ffffff; font-weight:bold}/*63C65C*/
#nav li ul.sub li a.fly
{ background:#bbd37e url(./imagini/meniu_principal/arrow.jpg) 115px 10px no-repeat }/* distanta la care este pozitionata sageata de la nivelul 2 si culoarea fundalului 6FB632*/
#nav li:hover ul.sub li a:hover 
{background:#fff; color:#116F17; font-size:14px; font-weight:bold; text-indent:7px; border-color:#fff; } /* stabileste culorile pt. background, border si font atunci când mouse-ul este peste zona de nivel 2 pentru link-urile care nu mai au alte sublink-uri */
#nav li:hover ul.sub li a.fly:hover
{background:#ffffff url(./imagini/meniu_principal/arrow_over.jpg) 115px 10px no-repeat; color:#116F17;} /* stabileste culorile pt. background, border si font atunci când mouse-ul este peste zona de nivel 2 pentru link-urile care au si ele sublink-uri, adica sageata */


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:157px; top:-4px; background: #E5E5E5; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:170px; z-index:400; height:auto;} /* stabileste setarile pentru zona cu link-uri de nivel 3, pornind configuratiile  de la setarile celorlalte stiluri, adica 90 de px pornind de la marginea din stânga a coloanei de nivel 2 si pâna unde începe cea de nivel 3, 4 px mai în sus fata de link-ul care a deschis lista, cel cu sageata si alte setari: border, latimea, culoarea fundalului */

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} 

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly

{background:#bbd37e url(./imagini/meniu_principal/arrow_over.jpg) 115px 10px no-repeat; color:#116F17; font-size:13px; text-indent:5px; border-color:#fff; background-color:#FFFFFF} /* stabileste culorile pt. background, border si font atunci când mouse-ul este peste zona de nivel 3, pentru sursa de la nivelul 2 */


#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(./imagini/meniu_principal/arrow.jpg) 105px 10px no-repeat; color:#000; border-color:#bbd37e;} 
/* sageata de la nivelul 3, în colo, înainte sa fie mouse-ul peste link */




p.shadow { font-family:"Times New Roman", Times, serif;
 padding-left: 20px;
 line-height: 32px;
 font-size: 14pt;
 color:#000000;
 margin-bottom: 5px;
 margin-left: 15px;
 margin-right:15px;
 text-shadow: 0px 0.09px 0.3px rgb(0, 0, 0);
 text-align:justify}
 




.repeaty { background-repeat:repeat-y; background-position:left}

.center { margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:40px }
.center2 { margin-left:auto; margin-right:auto;  margin-top:5px}
.center3 { margin-left:auto; margin-right:auto }





* {margin:0; padding:0}


#wrapper {width:1000px; margin:0; z-index:9} /* latimea slideshow-ului si marginile in tabelul in care este inserat, cu cat z-indexul este mai mare, cu atat elementul este mai in fata:vezi w3schools pt z-index */ 

.sliderbutton {float:left; width:32px; padding-top:134px; padding-bottom:232px; background:url(imagini/cadru/slideshow/margine.jpg) repeat-y; } /*setarile pentru butonul din stanga slideshow-ului, cel de pe care se schimba imaginile: latine, marinea de sus, marginea de jos si fundalul care se repeta pe axa oy*/
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666} /*cand cursorul mouse-ului este pe buton, isi schimba fundalul, acest lucru se datoreaza si faptului ca imaginea nu e in format jpg, ci are spatii transparente*/

.sliderbutton2 {float:left; width:32px; padding-top:134px; padding-bottom:232px; background:url(imagini/cadru/slideshow/margine2.jpg) repeat-y } /*setarile pentru butonul din dreapta slideshow-ului, cel de pe care se schimba imaginile: latine, marinea de sus, marginea de jos si fundalul care se repeta pe axa oy*/
.sliderbutton2 img {cursor:pointer}
.sliderbutton2 img:hover {background:#666} /*cand cursorul mouse-ului este pe buton, isi schimba fundalul, acest lucru se datoreaza si faptului ca imaginea nu e in format jpg, ci are spatii transparente*/

#slideshow {float:left; width:932px; height:400px; border: 2px solid #FFFFFF; background:#fff; z-index:10} /*setari pt slideshow, adica zona ce inconjoara pozele*/
#slides {position:relative; width:932px; height:400px; list-style:none; overflow:auto; z-index:11}/*setari pentru cadrul in  care vin pozele*/
#slides li {width:932px; height:400px} /*inca o setare pt locul in care vin pozele*/



.pagination {float:left; list-style:none; height:25px; margin:1px 0 0 34px; z-index:12}
.pagination li {float:left; cursor:pointer; padding:3px 6px; background:#888; border:1px solid #bbb; margin:0 4px 0 0; text-align:center; color:#222; z-index:12}
.pagination li:hover {background:#999; border:1px solid #ddd; color:#000; z-index:12}
li.current {border:1px solid #eee; background:#aaa; z-index:12}


.img { margin:0; z-index:-2;}

.right {background-repeat:repeat-y; background-position:right}

.fundal { background-image:url(imagini/fundal_verde.jpg); background-repeat:repeat-x;}



#menu { /*latimea meniului si marginile acestuia*/
width: 200px;
margin-right:13px;
margin-left:27px;
       }

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

#menu img {
border: none;
}

#menu li a { /*stabileste setarile pentru text si pentru fiecare patratica din meniu*/
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
margin-bottom:3px;
height: 32px;
text-decoration: none;
       }

#menu li a:link, #menu li a:visited { /* stabileste setarile pentru link-urile din meniu in cadrul patratelului de contur, sau dupa ce au fost vizitate*/
margin-bottom:3px;
color: #333;
display: block;
background:  url(imagini/meniu_secundar/meniu.jpg);
padding: 8px 0 0 20px;
       }

#menu li a:hover, #menu li #current { /* stabileste culoarea, fundalul si distanta de la fiecare margine a patratelului la text(sus, dreapta, jos, stanga) pentru link-urile din meniu atunci cand mouse-ul este peste ele sau cand ne aflam pe pagina curenta*/
color: #FFF;
background:  url(imagini/meniu_secundar/meniu_over.jpg);
padding: 8px 0 0 30px;
       }