@charset "utf-8";
/* CSS Document */
html {background: #000000;}
body {
	background: #000000;
	margin: auto;
}
a {outline:none;}
.doc4 {
	font-family: Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	
}
#hd {
	margin:0 10px 0 0;
}
#ft {
	padding:0px 0 20px 0;
	color:#FFFFFF;
}
#bd {
}
#titlu {
	width:990px;
	height:63px;
	
}
#yui-main {
	width:990px;
}
#top { 
	width:990px;
	height:600px;
	margin:10px 10px 0 0;
}
#top2 { 
	width:990px;
	margin:10px 10px 0 0;
}
#meniuvert {
	width:123px;
	margin-left:20px;
}
#meniuhoriz {
	margin-top:15px;
}
#colstg {
	width:170px;
	height:580px;
}
#colstg p{
	width:132px;
	float:right;
}

#coldr {
	width:820px;
}
#coldr #subdiv {width:740px;float:left; padding-left:40px;}

.flexcroll {padding-right:5px;}

#portret {
	width:837px;
}
.portretstg {
	position:relative;
	width:272px;
	height:426px;
	overflow:hidden;
	float:left;
	margin:-20px 0 0 15px;
	}
.portretcentru {
	float:left;width:258px;	height:425px;
	overflow:hidden; position:relative;
	}
.portretdr {
	margin-top:-40px;float:left;width:270px; height:425px;position:relative;overflow:hidden;
	}
#textascuns1 {
	padding:0px 10px 10px 25px;
}
#textascuns1 p {
	line-height:1.2em;
	text-align:justify;
}
#textascuns2 {
	padding:0px 10px 0px 10px;
	height:440px;
}
#textascuns2 p {
	padding:0px 0px 0 15px;
}	
#textascuns3 {
	padding:0px 10px 10px 25px;

}
#textascuns3 p {
	line-height:1.2em;
	text-align:justify;
}	
#textascuns3 a {
	text-decoration:none;
	color:#FFFFFF;
}
#textascuns3 a:visited {
	color:#FFFFFF;
}

.pcontact {font-size:17px; color:#000000; position:relative; top:380px; left:-15px; text-align:center;}
.pcontact a {text-decoration:none;
	color:#000000;}
.pcontact a:visited {color:#000000;}

#language {
	padding-left:100px;
}
#language a{	
	text-decoration:none;
	color:#FFFFFF;
	zoom:1;
	opacity:0.6;filter:alpha(opacity=60);
}
#language #english a.active , #french a.active {	
	text-decoration:none;
	color:#FFFFFF;
	zoom:1;
	opacity:1;filter:alpha(opacity=100);
}


h1 {
	font-family:Tahoma, sans-serif;
	font-size:43px;
	font-weight:normal;
	color:#c1302f;
}
h3 {
	font-family:Tahoma, sans-serif;
	font-size:16px;
	color:#c1302f;
}
h4 {
	font-family:Tahoma, sans-serif;
	font-size:14px;
	color:#c1302f;
}
h5 {
	font-family:Tahoma, sans-serif;
	font-size:16px;
	color:#FFFFFF;
}
h6 {
	font-family:Tahoma, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
}
p {
	font-family: Tahoma, sans-serif;
	font-size:12px;
	line-height:1.2em;
	color:#FFFFFF;
	text-align:justify;
	font-weight:200;
}

.textmic {
	font-family: Tahoma, sans-serif;
	font-size:10px;
	line-height:1em;
	color:#FFFFFF;
	text-align:justify;
}
.textmediu {
	font-family: Tahoma, sans-serif;
	font-size:10px;
	line-height:1.2em;
	color:#FFFFFF;
	text-align:justify;
	font-weight:100;
}
.textmediu11 {
	font-family: Tahoma, sans-serif;
	font-size:11px;
	line-height:1.1em;
	color:#FFFFFF;
	text-align:justify;
	font-weight:100;
}

.textcolstg {
	font-family: Tahoma, sans-serif;
	font-size:11px;
	line-height:1.2em;
	color:#FFFFFF;
	text-align:justify;
	font-weight:100;
}

#containerimag  { height:650px; }
#containerimag2 { height:650px;}
#containerimag3 { height:620px;}
#containerimag4 { height:620px;}
#containerimag5 { height:580px;}
#containerimag6 { height:580px;}
#containerimag7 { height:600px;}
#containerimag8 { height:600px;}
.h600 { 
 height:600px;
}
.pages {
	width:80px;
	height:1px;
	display:inline;
	margin:-23px 30px 0 0;
}

#meniuh {
	height:160px;
}
#bio2container {height:500px;width:320px; margin-top:50px;}
.bio2txt {text-align:center;}
#achdiv1 {width:170px;height:590px; }
#achdiv2 {width:410px;margin:0 0 0 0; }
#achdiv3 {width:400px;margin:0 0 0 0; }
#biopoza1 {width:315px; height:488px;}
#biopoza2 {position:relative;left:-130px;padding:14px 0 0 0;}
.butonclose {color:#c1302f; text-decoration:none; cursor:pointer; float:right;}
.butonclose:hover{color:#FFFFFF;}
.butonclosevar {color:#FFFFFF; text-decoration:none; cursor:pointer;float:right; font-size:13px;}
.butonclosevar:hover{color:#c1302f;}

.contact {background:url(../images/contact.jpg) no-repeat center; text-align:center;}
/*
=================================== Vertical Navigation EN================================*/
#vnav { position: relative; width:  123px; height: 440px; background: url(../images/meniu_vert.jpg) no-repeat;}
#vnav li { position: absolute; left: 0; width: 123px; height: 146px; }
	#vnav #vnavabout { height: 146px; top: 0px; }
	#vnav #vnavbio { height: 146px; top: 146px; }
	#vnav #vnavachiev { height: 146px; top: 292px; }
	
#vnav #vnavabout a { display: block; position: absolute; top: 0; left: 0; width: 123px; height: 122px;}
#vnav #vnavbio a { display: block; position: absolute; top: 0; left: 0; width: 123px; height: 125px;}
#vnav #vnavachiev a { display: block; position: absolute; top: 10px; left: 0; width: 123px; height: 130px;}

/*
=================================== Horizontal Navigation EN================================*/
#hnav { position: relative; width: 990px; height: 176px; background: url(../images/meniu_horiz.jpg) no-repeat;}
#hnav li { position: absolute; left: 0;  height: 176px; }
	#hnav #hnavpaint { height: 176px; left: 9px; width:100px; }
	#hnav #hnavdraw { height: 176px; left: 112px; width:135px;}
	#hnav #hnavpastel { height: 176px; left: 251px; width:129px;}
	#hnav #hnavportrait { height: 176px; left: 380px; width:133px; }
	#hnav #hnavchild { height: 176px; left: 513px; width:125px;}
	#hnav #hnavadult { height: 176px; left: 635px; width:120px;}
	#hnav #hnavjewish { height: 176px; left: 755px; width:100px;}
	#hnav #hnavvarious { height: 176px; left: 855px; width:116px;}
	
#hnav #hnavpaint a { display: block; position: absolute; top: 0; left: -5px; width: 95px; height: 176px;}
#hnav #hnavdraw a { display: block; position: absolute; top: 0; left: 11px; width: 126px; height: 176px;}
#hnav #hnavpastel a { display: block; position: absolute; top: 0; left: 6px; width: 121px; height: 176px;}
#hnav #hnavportrait a { display: block; position: absolute; top: 0; left: 6px; width: 116px; height: 176px;}
#hnav #hnavchild a { display: block; position: absolute; top: 0; left: 10px; width: 107px; height: 176px;}
#hnav #hnavadult a { display: block; position: absolute; top: 0; left: 10px; width: 96px; height: 176px;}
#hnav #hnavjewish a { display: block; position: absolute; top: 0; left: 9px; width: 88px; height: 176px;}
#hnav #hnavvarious a { display: block; position: absolute; top: 0; left: 9px; width: 124px; height: 176px;}

/*
=================================== Vertical Navigation FR================================*/
#vnavfr { position: relative; width:  123px; height: 440px; background: url(../images/meniu_vertfr.jpg) no-repeat;}
#vnavfr li { position: absolute; left: 0; width: 123px; height: 146px; }
	#vnavfr #vnavabout { height: 146px; top: 0px; }
	#vnavfr #vnavbio { height: 146px; top: 146px; }
	#vnavfr #vnavachiev { height: 146px; top: 292px; }
	
#vnavfr #vnavabout a { display: block; position: absolute; top: 0; left: 0; width: 123px; height: 122px;}
#vnavfr #vnavbio a { display: block; position: absolute; top: 0; left: 0; width: 123px; height: 125px;}
#vnavfr #vnavachiev a { display: block; position: absolute; top: 10px; left: 0; width: 123px; height: 130px;}
/*
=================================== Horizontal Navigation FR================================*/
#hnavfr { position: relative; width: 990px; height: 176px; background: url(../images/meniu_horizfr.jpg) no-repeat;}
#hnavfr li { position: absolute; left: 0;  height: 176px; }
	#hnavfr #hnavpaint { height: 176px; left: 9px; width:100px; }
	#hnavfr #hnavdraw { height: 176px; left: 112px; width:135px;}
	#hnavfr #hnavpastel { height: 176px; left: 251px; width:129px;}
	#hnavfr #hnavportrait { height: 176px; left: 380px; width:133px; }
	#hnavfr #hnavchild { height: 176px; left: 513px; width:125px;}
	#hnavfr #hnavadult { height: 176px; left: 635px; width:120px;}
	#hnavfr #hnavjewish { height: 176px; left: 755px; width:100px;}
	#hnavfr #hnavvarious { height: 176px; left: 855px; width:116px;}
	
#hnavfr #hnavpaint a { display: block; position: absolute; top: 0; left: -5px; width: 95px; height: 176px;}
#hnavfr #hnavdraw a { display: block; position: absolute; top: 0; left: 11px; width: 126px; height: 176px;}
#hnavfr #hnavpastel a { display: block; position: absolute; top: 0; left: 6px; width: 121px; height: 176px;}
#hnavfr #hnavportrait a { display: block; position: absolute; top: 0; left: 6px; width: 116px; height: 176px;}
#hnavfr #hnavchild a { display: block; position: absolute; top: 0; left: 10px; width: 107px; height: 176px;}
#hnavfr #hnavadult a { display: block; position: absolute; top: 0; left: 10px; width: 96px; height: 176px;}
#hnavfr #hnavjewish a { display: block; position: absolute; top: 0; left: 9px; width: 88px; height: 176px;}
#hnavfr #hnavvarious a { display: block; position: absolute; top: 0; left: 9px; width: 124px; height: 176px;}

/*
=================================== Meniu jos Navigation ================================*/
#meniujos {
	display:block;width:1070px;
}
#meniujos li{
	display:inline-block;
	zoom:1;
	*display:inline;
	font-size:12px;
	margin-right:20px;
	vertical-align:middle;
}

#meniujos li a{
	color:#FFFFFF;
	text-decoration:none;
}

#meniujos li a:hover{
	color:#c1302f;
}

#meniujos li a.active{
	color:#c1302f;
}
/*
=================================== Meniu sus Navigation ================================*/
#meniusus li{
	display:inline;
	font-size:12px;
	margin-right:4px;
	vertical-align:middle;
}

#meniusus li a{
	color:#c1302f;
	text-decoration:none;
}
#meniusus li a.active {
	text-decoration:underline;
	color:#FFFFFF;
}

#meniusus li a:hover{
	color:#FFFFFF;
}

/*
=================================== Meniu various Navigation ================================*/
#meniuvarious li{
	font-size:12px;
	margin-right:20px;
	vertical-align:middle;
}

#meniuvarious li a{
	color:#FFFFFF;
	text-decoration:none;
}

#meniuvarious li a:hover{
	color:#c1302f;
}

#meniuvarious li a.active{
	color:#c1302f;
}

/*
=================================== Meniu sus Navigation ================================*/
#meniupoze {
	font-size:13px;
	margin-right:4px;
	vertical-align:middle;
	position:relative;
	top:-14px; width:125px; height:16px;
}
#numerepoze {
	width:40px;
	position:relative;
	left:-100px;
}



/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
width: 19px;
background: #000000 url(../images/scrollbar.png) -19px 0px repeat-y;
/* do not forget to put colors for backgrounds for before image(s) can load , this is more important for
the scrollbar itself than the scrollbase, as user can live without an image on the base but cannot see
any scrollbar when images cannot load. */
}
.vscrollerbarbeg {
/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
height: 10px !important;
/* ...unless we force the size using an !important decleration */
/* forcing would not be required if Webkit-Safari did not have a background-repeat bug*/
/* this may be fixed by the time Safari 3.0 is released. */
width: 19px;
background: url(../images/scrollbar.png) -19px 0px no-repeat;
}
.vscrollerbarend {
/* height of this element should be set */
height: 10px;
width: 19px;
background: url(../images/scrollbar.png) -19px -10px no-repeat;
}

.vscrollerbase {
width: 19px;
background: #000000 url(../images/scrollbar.png) 0px 0px repeat-y;
}
.vscrollerbasebeg {
/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
width: 19px;
height: 17px !important; /*Again, the safari fix, normally this line is not needed.*/
background: url(../images/scrollbar.png) -38px -0px no-repeat;
}
.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 17px;
width: 19px;
background: url(../images/scrollbar.png) -38px -17px no-repeat;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {
height: 16px; background-color: black;
}
.hscrollerbar {
height: 16px; background-color: black;
}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 28px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 19px;
height: 16px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #000000;
}


/* Scroll Bar Master Styling Ends Here */