/* ===== global styles ===== */

/* asta da culoarea backgroundului "atot-cuprinzator"! */

/*
HTML {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: arial, sans-serif; BACKGROUND: #c9d9e5; HEIGHT: 100%; COLOR: #666; FONT-SIZE: small; PADDING-TOP: 0px
}


BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: arial, sans-serif; HEIGHT: 100%; COLOR: #666; FONT-SIZE: small; PADDING-TOP: 0px;
}

*/

html,body {
	margin:0;
	padding:0;
	/* height:100%;  needed for container min-height */

    background: #f8d496 url(../design/swirl1ok.png) repeat fixed;
	
	font-family:arial,sans-serif;
	font-size: small;
	color:#666;
}


p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}


/* ===== header ===== */

/* Nu stiu daca ne trebuie */
/*
div#totalDiv {
POSITION: relative; MARGIN: 0 auto; MIN-HEIGHT: 100%; height: 100%; height:auto; WIDTH: 100%; 
}
*/

/* Totul e in container */
div#container {
MARGIN: 0 auto; WIDTH: 993px; background:#ffffff;
}
/* ======== butonul de contact ========= */
#container div#contactbtn {
position:absolute;
right:16px;top:7px;
}

/* cum se afiseaza linkul spre pag de contact */
#contactbtn a:link, #contactbtn a:visited {
height:29px;
width:86px;
display:block;
text-indent:-1000em;
background:url(../design/contact_icon_dual.gif) no-repeat left top;
border:none;
outline:none;
}

/* aici imi face swap pe buton - doar prin pozitionare */
#contactbtn a:hover, #contactbtn a:active {
background-position: left bottom;
}

/* ============== div-urile componente ================= */
div#sus {
float:left; MARGIN: 0 auto; height:250px; WIDTH: 993px; background: url(../design/pag_top.jpg); 
}

/* ============ meniul ===============*/
#sus div#menu{
position:absolute;
left:320px;
bottom:0;
}

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

#menu li a:link, #menu li a:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11.5px;
	display:block; 
	color:#FFF; 
	text-decoration:none;
	padding: 0 15px 0 30px;
	margin-right:1px;
	line-height:25px;
	background:url(../design/nav_rollover_ok.jpg) no-repeat left bottom;
	border: none; outline:none;
}

#menu li a:hover, #menu li a:active {
	/* color: #f8b449; */
background-position: left top;
}

#menu li a.current {
margin-top: -5px;
height:30px; background:url(../design/nav_current1.jpg) no-repeat; 
color: #bbb;
line-height:25px;
}

/* asta ca sa nu mai apara link pe butonul curent */
#menu li a.current:hover {
cursor:default;
}

/* ============ sfarsit meniul ==============*/


div#mijloc {
float:left; MARGIN: 0 auto; min-height: 400px; WIDTH: 993px; background: url(../design/pag_background1.jpg); /*opacity:0.7;
filter:alpha(opacity=70);  */
}

div#stanga {
float:left; margin-left:7px; min-height: 400px; WIDTH: 220px; /* background: red; */ border:1px;
}

/* cum se scrie la articole */
#stanga h2 {
    font-family: "Times New Roman", Times, serif; font-size:14.5px;
	font-style:italic;
	color: #361e12; 
	text-decoration:none;
	padding: 0 3px 0 3px;
}

#stanga p {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;
	color: #361e12; 
	text-decoration:none;
	padding: 0 3px 0 3px;
}

div#dreapta {
float:left; MARGIN: 0 auto; min-height: 1300px; WIDTH: 750px; /*background: #FFF*/; border:1px;
}

/* cum se scrie la content */
#dreapta h1 {
    font-family: "Times New Roman", Times, serif; font-size:23.5px;
	font-style:italic;
	color: #361e12; 
	text-decoration:none;
	padding: 30px 10px 5px 10px;
}

#dreapta h2 {
    font-family: "Times New Roman", Times, serif; font-size:18.5px;
	font-style:italic;
	color: #361e12; 
	text-decoration:none;
	padding: 10px 10px 5px 10px;
}

#dreapta p {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
	color: #361e12; 
	text-decoration:none;
	padding: 3px 10px 5px 20px; text-align:justify;
}

/* ====== aici se pune un text-box ===== */
div#textbox{
	width:750px; margin: 20px auto;
}

img.floatright{
	float:right;
	margin-left:15px;
	margin-right:20px;
	margin-top:20px;
}


div#jos {
float:left; MARGIN: 0 auto; height:20px; WIDTH: 993px; background: url(../design/pag_bottom.jpg); 
}

/* ======== linkurile ========== */
 a:link {color:#361e12; border:0px; margin:0; outline:0;}
 a:visited {color:#af7152; border:0px; margin:0; outline:0;}


/* =========== diverse ================= */

/* ======== Citat =========== */
em {
	font-family: Monotype Corsiva, Georgia, Arial, Helvetica, sans-serif;
	font-style: italic; color: #369;
	font-size: 18.5px; background: #EAF3FF;
	}

/* ========== cu asta scriu evenimentele ============== */
h3 {
	font-family: "Courier New", Courier, monospace;
	color: white;
	font-size: 14px; margin-left: 60px;
	background:url(../design/evenimente/bara_eveniment.jpg);
	width:600px;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */

   /* ca sa am si stroke la text */
   /* asta nu pun ca se vede mazgalit in google chrome */
   /* -webkit-text-stroke: 1px black; */
   text-shadow:
       2.5px 2.5px 0 #000,
     -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

/* ======== linkurile evenimentelor ========== */
#dreapta h3 a{color:#ffffff; border:0px; margin:0; outline:0; text-decoration: none;}

/* =========== listele ================ */

ul {
    list-style:none;
    text-align:justify;	
	color:#00008b;
    margin:0 25px 1em 25px;
    padding: 0; padding-left:10px;
	/*margin-right:15px;*/
}

ul li {
    line-height:1.3em;
    margin: 0;
    padding: 0 0 0 17px;
    background:url(../design/bullets/bullet1.jpg) no-repeat 0 3px;
}

li ul{
    margin:0 0 0 30px;
    list-style:disc;
    list-style:none;
}
li ul li{
    padding-left:10x;
    background:url(../design/bullets/bullet1.gif) no-repeat 0 1px;
}