@charset "utf-8";

#proiectarhivahome ul, li { margin-top:0px; padding-top:0px; }
p {margin: 0; padding: 0;}
a:focus {outline: none}
object { outline:none; }
script { outline:none; }

a:link {
	color: #390;
	text-decoration: none;
}
a:visited {
	color: #390;
	text-decoration: none
}
a:hover {
	color: #06F;
	text-decoration: none
}
a:active {
	color: #06C;
	text-decoration: none
}

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
}

body {
	background-image: url(images/background1.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #4C5777;
}

#continut {
	position: absolute;
	width: 990px;
	/*height: 845px;*/
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: center;
	margin-left: -495px;
	margin-top: 0px;
	z-index:1;
}

#titluarticol {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #64729B;
	text-decoration: none;
	text-align: left;
}

#butoanesus {
	text-align: right;
	float: right;
	height: 44px;
	width: 114px;
	margin-right: 40px;
} 

#butoanelimba {
	text-align: left;
	float: left;
	height: 44px;
	width: 114px;
	margin-left: 40px;
} 

#banner {
	position: absolute;
	width: 990px;
	height: 204px;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: center;
	margin-left: -495px;
	margin-top: 43px;
	z-index:2;
	background-image:url(images/banner.png);
	background-repeat: no-repeat;
}

.celula {
	background-color: #E6EDFF;
	border: 2px solid #96A3C9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-box-shadow: 2px 2px 2px #999;
-webkit-box-shadow: 2px 2px 2px #999;
        box-shadow: 2px 2px 2px #999;
}

#central {
	position: absolute;
	width: 990px;
	/*height: 204px;*/
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: center;
	margin-left: -495px;
	margin-top: 238px;
	z-index:1;

}

#central_sus {
	background-image: url(images/central_sus.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 990px;
}

#central_intern {
	background-image: url(images/central_interior.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 562px;
	width: 990px;
}
#central_jos {
	background-image: url(images/central_jos.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 28px;
	width: 990px;
}

#partejos {
	position:relative;
	width: 990px;
	height: 100px;
	top:-2px;
	z-index:4;
	font-weight: normal;
	color: #DBDBDB;
}

#txtfooter {
	font-weight: normal;
	color: #DBDBDB;
	font-size: 8pt;
}

#txtfooter a {
	font-weight: bold;
	color: #DBDBDB;
	font-size: 8pt;
	text-decoration: none;
}

#art_st_sus {
	background-image: url(images/articol1_st_sus.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 20px;
	}
	
#art_st_sus_mij {
	background-image: url(images/articol1_st_sus_mij.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 20px
	}

#art_dr_sus_mij {
	background-image: url(images/articol1_dr_sus_mij.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 88px;
	}
	
#art_dr_sus_mij2 {
	background-image: url(images/articol1_st_sus_mij.png);
	background-repeat: repeat-x;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 88px;
	}
	
#art_dr_sus {
	background-image: url(images/articol1_dr_sus.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 20px;
	}
	
#art_st_sus_lat {
	background-image: url(images/articol1_st_lat_sus.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 20px;
	}
	
#art_st_jos_lat {
	background-image: url(images/articol1_st_lat_jos.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 72px;
	}
	
#art_st_jos {
	background-image: url(images/articol1_st_jos.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 20px;
	}

#art_st_jos_mij {
	background-image: url(images/articol1_st_jos_mij.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 93px;
	height: 20px;
	background-color: #FFF;
	}

#art_st_jos_mij2 {
	background-image: url(images/articol1_dr_jos_mij.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 93px;
	height: 20px;
	}

#art_dr_jos_mij {
	background-image: url(images/articol1_dr_jos_mij.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 20px;
	}
	
#art_dr_jos {
	background-image: url(images/articol1_dr_jos.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 20px;
	}
	
#art_dr_sus_lat {
	background-image: url(images/articol1_dr_sus_lat.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 117px;
	}

#art_dr_jos_lat {
	background-image: url(images/articol1_dr_jos_lat.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 20px;
	}

.rbcontent a {

}

.rbcontent a:link {
	color: #333;
	text-decoration: none;
}

.rbcontent a:hover {
	color: #000;
	text-decoration: blink;
}

.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 10px; }
.rbroundbox { width: 232px; margin: 1em auto; }

#galeriecontinut {
	margin-top:20px;
	margin-right:7px;
}

/* AFISAREA HARTA */
#harta {
	margin-top:20px;
	padding-right:30px;
	background-image: url(images/bazaharta.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 455px;
	width: 650px;
}

#bulina_Alba {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 290px;
	margin-left: 2px;
}

#bulina_Arad {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 270px;
	margin-left: -110px;
}

#bulina_Arges {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 400px;
	margin-left: 93px;
}

#bulina_Bacau {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 270px;
	margin-left: 226px;
}

#bulina_Bihor {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 204px;
	margin-left: -90px;
}

#bulina_Bistrita-Nasaud {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 176px;
	margin-left: 70px;
}

#bulina_Botosani {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 121px;
	margin-left: 220px;
}

#bulina_Brasov {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 324px;
	margin-left: 116px;
}

#bulina_Braila {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 392px;
	margin-left: 285px;
}

#bulina_Buzau {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 382px;
	margin-left: 225px;
}

#bulina_Caras-Severin {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 382px;
	margin-left: -100px;
}

#bulina_Calarasi {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 470px;
	margin-left: 230px;
}

#bulina_Cluj {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 228px;
	margin-left: 15px;
}

#bulina_Constanta {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 474px;
	margin-left: 334px;
}

#bulina_Covasna {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 310px;
	margin-left: 170px;
}

#bulina_Dambovita {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 418px;
	margin-left: 136px;
}

#bulina_Dolj {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 488px;
	margin-left: 5px;
}

#bulina_Galati {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 330px;
	margin-left: 296px;
}

#bulina_Giurgiu {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 507px;
	margin-left: 160px;
}

#bulina_Gorj {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 410px;
	margin-left: -10px;
}

#bulina_Harghita {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 246px;
	margin-left: 140px;
}

#bulina_Hunedeoara {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 340px;
	margin-left: -35px;
}

#bulina_Ialomita {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 444px;
	margin-left: 270px;
}

#bulina_Iasi {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 182px;
	margin-left: 260px;
}

#bulina_Ilfov {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 442px;
	margin-left: 189px;
}

#bulina_Maramures {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 156px;
	margin-left: 30px;
}

#bulina_Mehedinti {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 456px;
	margin-left: -40px;
}

#bulina_Mures {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 248px;
	margin-left: 80px;
}

#bulina_Neamt {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 210px;
	margin-left: 190px;
}

#bulina_Olt {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 477px;
	margin-left: 66px;
}

#bulina_Prahova {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 392px;
	margin-left: 170px;
}

#bulina_Satu-Mare {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 126px;
	margin-left: -26px;
}

#bulina_Salaj {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 184px;
	margin-left: -16px;
}

#bulina_Sibiu {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 322px;
	margin-left: 52px;
}

#bulina_Suceava {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 151px;
	margin-left: 150px;
}

#bulina_Teleorman {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 502px;
	margin-left: 117px;
}

#bulina_Timis {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 330px;
	margin-left: -140px;
}

#bulina_Tulcea {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 398px;
	margin-left: 360px;
}

#bulina_Vaslui {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 252px;
	margin-left: 300px;
}

#bulina_Valcea {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 393px;
	margin-left: 46px;
}

#bulina_Vrancea {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 324px;
	margin-left: 240px;
}

#bulina_Bucuresti {
	width:25px;
	height:25px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	top: 0;
	text-align: left;
	margin-top: 468px;
	margin-left: 178px;
}

/* GATA HARTA */

/* tooltip design */
.ToolTips { display:block; position:absolute; width:350px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(images/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(images/dockBottomHeader.png) no-repeat bottom; height:44px;  }
.ToolTips .dockTopFooter { background:url(images/dockTopFooter.png) no-repeat bottom; height:44px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }

#container {
	display:block;
	position:relative;
	width:350px;
	margin:0px auto 0px;
	background:#FFF;
	padding:20px;
	font-size:12px;
	line-height:18px;
}

.remooz-element
{
	cursor:					-moz-zoom-in;
}

/**
 * Box layout
 */

.remooz-box
{
	position:				absolute;
	top:					0;
	left:					0;
	background:				#fff no-repeat center;
	z-index:				100;
}
.remooz-loading
{
	background-image:		url(images/WhiteLoading.gif);
}
.remooz-body
{
	width:					100%;
	height:					100%;
}
.remooz-box-focus.remooz-type-image .remooz-body
{
	cursor:					-moz-zoom-out;
}
.remooz-box-dragging .remooz-body
{
	cursor:					move;
}

/**
 * Close button
 */

.remooz-btn-close
{
	position:				absolute;
	left:					-15px;
	top:					-15px;
	width:					30px;
	height:					30px;
	text-decoration:		none;
	border:					0;
	background:				url(images/closebox.png) no-repeat center;
	visibility:				hidden;
	cursor:					pointer;
}
.remooz-engine-trident4 .remooz-btn-close
{
	background-image:		url(images/closebox.gif);
}

/**
 * Caption title
 */

.remooz-title
{
	position:				relative;
	left:					0;
	top:					15px;
	text-align:				left;
}
.remooz-title-bg
{
	position:				absolute;
	left:					0;
	top:					0;
	width:					0px;
	height:					0px;
	background-color:		#000;
	z-index:				99;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	/* shadow opacity differs from box shadow because its default set to opacity 0.8 */
	-webkit-box-shadow:		0 0 10px rgba(0, 0, 0, 0.9);
	visibility:hidden;
}
.remooz-title-content
{
	position:				relative;
	padding:				5px 15px;
	color:					#fff;
	z-index:				101;
	font:					11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
	visibility:hidden;
}

.remooz-engine-trident4 .remooz-title-bg
{
	display:				none;
}
.remooz-engine-trident4 .remooz-title-content
{
	background-color:		#333;
}

.remooz-title-content h6
{
	font-size:				1.2em;
	font-weight:			bold;
	color:					#eee;
}
.remooz-title-content p
{
	color:					#eee;
}

/**
 * Type specific
 */

.remooz-type-image img
{
	display:				block;
	border:					0;
	width:					100%;
	height:					100%;
}

/**
 * Shadow
 */

.remooz-bg
{
	position:				absolute;
	width:					33px;
	height:					40px;
}

.remooz-bg-n
{
	left:					0;
	top:					-40px;
	width:					100%;
	background:				url(images/remo_bg_n.png) repeat-x;
}
.remooz-bg-ne
{
	right:					-33px;
	top:					-40px;
	background:				url(images/remo_bg_ne.png) no-repeat;
}
.remooz-bg-e
{
	right:					-33px;
	top:					0;
	height:					100%;
	background:				url(images/remo_bg_e.png) repeat-y;
}
.remooz-bg-se
{
	right:					-33px;
	bottom:					-40px;
	background:				url(images/remo_bg_se.png) no-repeat;
}
.remooz-bg-s
{
	left:					0;
	bottom:					-40px;
	width:					100%;
	background:				url(images/remo_bg_s.png) repeat-x;
}
.remooz-bg-sw
{
	left:					-33px;
	bottom:					-40px;
	background:				url(images/remo_bg_sw.png) no-repeat;
}
.remooz-bg-w
{
	left:					-33px;
	top:					0;
	height:					100%;
	background:				url(images/remo_bg_w.png) repeat-y;
}
.remooz-bg-nw
{
	left:					-33px;
	top:					-40px;
	background:				url(images/remo_bg_nw.png) no-repeat;
}
#myGallery, #myGallerySet, #flickrGallery
{
	width: 690px;
	height: 516px;
	z-index:5;
	border: 0px solid #FFF;
}

.jdGallery a
{
	outline:0;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}

.jdGallery img
{
	border: 0;
	margin: 0;
	
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	/*background-color: #FFF;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #FFF;
	color: #000;
	text-indent: 0;
	overflow: hidden;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #333;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('images/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 10pt;
	background: #FFF;
	color: #4B5676;
	cursor: pointer;
	font-weight: bold;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #fff;
	color: #4B5676;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #4B5676;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #4B5676;
	border: 1px solid #fff;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #4B5676;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('images/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('images/fleche1.png') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('images/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('images/fleche2.png') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('images/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('images/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('images/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 10pt;
	background: #FFF;
	color: #4B5676;
	cursor: pointer;
	font-weight: bold;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	opacity: .7;
	-moz-opacity: .7;
	-khtml-opacity: 0.7;
	filter:alpha(opacity=70);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 10pt;
	line-height: 30px;
	color: #96A3C9;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #96A3C9;
	padding: 5px;
	height: 75px;
	color: #64729B;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #E6EDFF;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #fff;
	background-position: center center;
	float: left;
	border: none;
	width: 100px;
	height: 75px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

.column{
	/*column styles here*/
}

.gutter{
	/*gutter styles here*/
}

.multiColumn, .multiColumn-screen{
		display:block; 
		position:relative;
		/*width:50%;*/
		/*margin:0 0 20px 20px;*/
		/*padding: 25px;*/
	}
.multiColumn-print{ display:none; 	}

/*meniu*/

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
 * Dropdowns by Patrick Griffiths and Dan Webb.
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:5px 17px;
	background-color:#fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #64729B;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#96A3C9;
	color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#96A3C9 ;
	color:#FFF;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(images/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(images/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(images/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(images/arrow_down_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none;
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
	/*border around submenu goes here*/	 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#fff;
	border:1px solid #96A3C9;
	left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	z-index:100;
	top:15px;
	/*left:50%;*/
	text-align: center;
	/*margin-left: -470px;*/
	display:block;
	/*width:930px;*/
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

