/* CSS Document */
html{scrollbar-arrow-color:#000000; scrollbar-track-color:#223C30; scrollbar-face-color:#e69751; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#FE9601; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#660000;}
body {padding:0px; padding-top:10px; margin:0px; background-color:#223C30;}/*am scapat de mica distanta default intre marginea browserului si tot continutul*/

	/*   MENIU SUS   */
		ul#listameniu {list-style-type:none; display:inline; margin:0px; width:900px; height:120px;}/* Am facut elementele meniului sa vina unul 		in dreapta celuilalt, nu unul sub altul*/
		li.men {position:relative; float:left; width:107px; }
		li.men a{text-align:center; font-family: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-size:12px; letter-spacing:0.1em; display:block; padding-top: 96px; text-decoration:none; font-size-adjust:none; font-weight:bold;}/*am dat meniul mai jos sa incapa si fundalurile*/
		/*mai jos stilez culorile linkurilor meniului in functie de cand esti over sau active sau sunt doar linkuri neapasa te sau vizitate*/
		
		li.men a:link, li.men a:visited {color: #8CA067;}
		li.men a:hover, li.men a:active {color:#ffa94b; border-bottom: ridge; border-bottom-width: thin; border-bottom-color: #8CA067;}
		/*  BUTOANE LIMBI   
		urmeaza cod pentru cele 3 butoane de limbi care nu au display:block ca nu vrem si imaginea arta sa fie link, au fundalul de 		trei ori incarcat separat dar pozitionat diferit sa para o singura imagine*/
		li#romana  , li#engleza  , li#portugheza  {width:33px ; padding-top: 96px;}/*aici nu mai paddinghez anchorul(linkul), ci 
		scrisul ca element de lista(li) ca sa nu mai fie link si pe imaginea arta*/
		li#romana a, li#engleza a, li#portugheza a{display: inherit; padding-top:0px; font-size:12px;}/*in timp ca aici ii zic compact adica linkul 
		sa nu mai fie si peste poza, ci doar unde e scris iar paddingul il redul la 0 ca l-am facut din paginarea ca element din 
		lista*/
		li#romana {background-image:url(media/imagini/butoane/arta.jpg);
		background-repeat:no-repeat; background-position: 0px 0px;}
		li#engleza {background-image:url(media/imagini/butoane/arta.jpg);
		background-repeat:no-repeat; background-position: -33px 0px;}
		li#portugheza {background-image:url(media/imagini/butoane/arta.jpg);
		background-repeat:no-repeat; background-position: -66px 0px;}
			/*aici se termina codul pentru cele trei butoane de limbi*/
		li#harta a:link,li#harta a:visited,{background-image:url(media/imagini/butoane/harta.gif);
		background-repeat:no-repeat;}
		li#harta a:hover, li#harta a:active{background-image:url(media/imagini/butoane/harta1.gif);
		background-repeat:no-repeat;}
		
		li#map a:link,li#map a:visited,{background-image:url(media/imagini/butoane/map.gif);
		background-repeat:no-repeat;}
		li#map a:hover, li#map a:active{background-image:url(media/imagini/butoane/map1.gif);
		background-repeat:no-repeat;}
	
		/* FOTO BUTOANE COLORATE MENIU SUS
		aici urmeaza codul pentru butoanele normale din meniu sa aiba background imaginile colorate cand sunt nevizitate sau 
		vizitate si pe randul doi fac imaginile meniului principal alb-negru cand linkul e activ sau cu mouse-over pe el*/
		li#home a:link, li#home a:visited{background-image:url(media/imagini/butoane/home.jpg); 
		background-repeat:no-repeat; background-position: 5px -125px;}
		li#home a:hover, li#home a:active {background-image:url(media/imagini/butoane/home.jpg); 
		background-repeat:no-repeat; background-position: 5px 0px;}
		
		li#artista a:link, li#artista a:visited{background-image:url(media/imagini/butoane/artista.jpg); 
		background-repeat:no-repeat; background-position: 5px -125px;}
		li#artista a:hover, li#artista a:active{background-image:url(media/imagini/butoane/artista.jpg); 
		background-repeat:no-repeat; background-position: 5px 0px;}
		
		li#concept a:link, li#concept a:visited{background-image:url(media/imagini/butoane/concept.jpg); 
		background-repeat:no-repeat; background-position: 5px -125px;}
		li#concept a:hover, li#concept a:active{background-image:url(media/imagini/butoane/concept.jpg); 
		background-repeat:no-repeat; background-position: 5px 0px;}
		
		li#portofoliu a:link, li#portofoliu a:visited{background-image:url(media/imagini/butoane/portofoliu.jpg); 
		background-repeat:no-repeat; background-position: 5px -125px;}
		li#portofoliu a:hover, li#portofoliu a:active{background-image:url(media/imagini/butoane/portofoliu.jpg);
		background-repeat:no-repeat; background-position: 5px 0px;}
		
		li#atelier a:link, li#atelier a:visited{background-image:url(media/imagini/butoane/atelier.jpg); 
		background-repeat:no-repeat; background-position: 5px -125px;}
		li#atelier a:hover, li#atelier a:active{background-image:url(media/imagini/butoane/atelier.jpg); 
		background-repeat:no-repeat; background-position: 5px 0px;}
		
		li#eveniment a:link, li#eveniment a:visited{background-image:url(media/imagini/butoane/eveniment.jpg); 
		background-repeat:no-repeat; background-position: 5px -125px;}
		li#eveniment a:hover, li#eveniment a:active{background-image:url(media/imagini/butoane/eveniment.jpg);
		background-repeat:no-repeat; background-position: 5px 0px;}
		
		li#contact a:link, li#contact a:visited{background-image:url(media/imagini/butoane/contact.jpg); 
		background-repeat:no-repeat; background-position: 5px -125px;}
		li#contact a:hover, li#contact a:active{background-image:url(media/imagini/butoane/contact.jpg); 
		background-repeat:no-repeat; background-position: 5px 0px;}
		
		li#links a:link, li#links a:visited{background-image:url(media/imagini/butoane/links.jpg); 
		background-repeat:no-repeat; background-position: 5px -125px;}
		li#links a:hover, li#links a:active{background-image:url(media/imagini/butoane/links.jpg); 
		background-repeat:no-repeat; background-position: 5px 0px;}
		
		li#spatiu { width:10px;}
		
	
		/*aici stilez div-ul in care e tot meniul sa se comporte ca context fix sa nu se duca butoanele unul sub altul la 
		redimensionarea ferestrei browserului*/
		div#meniu {position: relative;  width:1000px; height:113px;}
div#continut {position: relative; left:0px; padding-top:4px; padding-left:0px;  width:1000px; height:1000px;}
div#navigarestanga {padding-top:30px; position: relative; float:left; width:115px; height:500px; text-align:right;}/*div-ul care tine lista din stanga, cu meniul capitolelor*/
div#navigarestangafaraback { padding-top:30px; padding-left:10px; position: relative; float:left; width:115px; height:500px; text-align:right;}/*div-ul care tine lista din stanga, cu meniul capitolelor*/
h3.titlustanga{padding:0px; padding-top:10px; margin:0px; font-family: Georgia, "Times New Roman", Times, serif;  font-size:25px; letter-spacing:0.6em; display:block; text-decoration:none; font-size-adjust:none; font-weight:bold; color:#ffa94b; border-top: ridge; border-top-width: thin; border-top-color:#586c33; text-indent: 140px; }
h3.titlustanga:first-letter {font-size:36px; font-style:oblique;}
ul.faradecor, ul.faradecor a:link, ul.faradecor a:active, ul.faradecor a:visited {list-style-type:none; margin:0px; padding:0px; text-decoration:none; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing:0.2em; font-size:0.9em; font-weight:
420; color:#ffa94b; display:block;}/*meniu stanga*/
li.stanga{padding-top:20px;}
div#subtitlu{padding-top:20px;}/*padding ca sa am intre continutul propriu-zis si titlul capitolului putina distanta verde inchis*/
h2.titlucentru{ position:relative; left:50%;font-family: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-size:15px; letter-spacing:0.1em; display:block; text-decoration:none; text-align:right; font-weight:bold; color: #8CA067; border-bottom: ridge; border-bottom-width: thin; border-bottom-color: #8CA067; width:50%; margin:0px;}
h1.titluevenim{ position:relative; left:0%;font-family: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-size:15px; letter-spacing:0.1em; display:block; text-decoration:none; text-align:middle; font-weight:bold; color: #ffa94b; border-bottom: ridge; border-bottom-width: thin; border-bottom-color: #8CA067; width:70%; margin-bottom:20px;}
.titluevenim{ position:relative; left:0%;font-family: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-size:15px; letter-spacing:0.1em; display:block; text-decoration:none; text-align:middle; font-weight:bold; color: #ffa94b; border-bottom: ridge; border-bottom-width: thin; border-bottom-color: #8CA067; width:70%; margin-bottom:20px;}
.titluevenim-lung{ position:relative; left:0%;font-family: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-size:15px; letter-spacing:0.1em; display:block; text-decoration:none; text-align:middle; font-weight:bold; color: #ffa94b; border-bottom: ridge; border-bottom-width: thin; border-bottom-color: #8CA067; width:100%; margin-bottom:20px;}
p.scrispagina{color:#8CA067; letter-spacing:0.1em; font-weight:0;}
.scrispagina{color:#8CA067; letter-spacing:0.1em; font-weight:0;}
table#tabelcontinut{width:100%; border:0px;}
td#coloanastanga{width:115px;}
td#coloanacentru{width:100%; vertical-align:top;}
div.content{position:relative; top:0px; left:20px; width:93%; padding-left:40px; padding-top:0px; background-color: #2D4A3C; background-image:url(media/imagini/back/colt.gif); background-repeat: no-repeat;}
div.sfarsitcontent{position:relative; top:0px; left:20px; width:93%; height:50px; padding-left:40px; padding-top:0px; background-color: #2D4A3C; background-image:url(media/imagini/back/coltjos.gif); background-repeat: no-repeat;}
.aerat{ line-height:2em;}
.sus a{position:relative; top:50px; left:-30px; color:#ffa94b; font-style:italic; letter-spacing:0.2em; text-decoration:none;}
p#semnat{color:#8CA067; font-weight:bold; margin:0px; padding-right:60px; display:block; border-bottom-style:groove; border-bottom-width: thin; border-bottom-color:#8CA067;}
.paddsus{ padding-top:30px;}
.paddsusmic{ padding-top:20px;}
.paddsusmare{ padding-top:160px;}
.paddsusimens{ padding-top:270px; padding-left:20px; text-align:center;}
.caseta{background-color:#2D4A3C!important; color:#8CA067; border:none;}
.linkk{ text-decoration:none; color:#ffa94b;}
.linkkverde{text-decoration:none; color:#8CA067;}
.numelucr{ text-decoration:none; color:#ffa94b;}
.lucrari h1{font-size:15px;}
#listasubliniate{list-style-type: square; width:85%; line-height:1.5em;}
#listasubliniate li{border-bottom: solid; border-bottom-color:#8CA067; border-bottom-width:1px; padding-bottom:10px;}
#listasubliniate a{text-decoration:none; color:#ffa94b;}
.art{ height:50px; width:400px; position:absolute; top:400px; overflow: hidden; text-indent: -6000px;}
.fill{ height:1000px; width:1000px;}
.m1{ text-decoration:none; color:#ffa94b; font-weight:bold;}
.m5{ text-decoration:none; color:#8CA067; font-weight:bold;}
.map{ padding-left:50px;}
a#har, #har{cursor: pointer;}
