html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,

/* Eric Meyer's Reset Stylesheet: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* Body
==============================================================================*/
html {
			font-size: 100%;
			height: 100%;
			margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
			overflow: -moz-scrollbars-vertical;
      overflow-y: scroll;
}
				
body {
	background: #9fc3f6;
	
    text-align:center;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    
	margin: 0px;
	padding:0px; 
	height: 100%;
}
.home-2013 {
	background: url(../images/body_bg_2013.png) no-repeat center 508px #FFED00;
	width: 1051px; height: 1150px;
	position: absolute; left:50%; top: -2px;
	margin-left: -515px;
	z-index: 1;
}
.pattern { background: url(../images/bg.jpg); }

.home-frame {
	border-left: 16px; border-right: 16px; border-bottom: 12px; border-color: #fff; border-style: solid; height: 652px;
	position: relative;
}

.home-social{
	position: absolute;
	bottom: 0px; width: 100%;
	background: #fff;
	height: 16px;
	padding-top: 10px; padding-bottom: 12px;
}

#anime {
	background: url(../images/home_bg.png) no-repeat;
	position: absolute; left: 50%; top: 90px;
	width: 1024px; height: 1024px;
	margin-left: -516px;
	z-index: 2;
}


/** Other important classes
==============================================================================*/
.clear { clear:both; }
.bg-blue { background: #545c4c }
.bg-brown { background: #545c4c }

.blue { color: #545c4c }
.brown { color: #545c4c }
.orange { color: #ed677a }

.no-underline { text-decoration:none }

.text { line-height:16px; font-size:12px }

.button-harta { background: #000; padding:3px; display:block; color: #fff; text-decoration:none; margin-top:5px; }

a:hover { text-decoration:	none }
h1 { line-height:30px; font-size:20px; color: #000; margin-bottom:10px; font-weight:bold; font-family: 'Dosis', sans-serif; }
h2 { line-height:30px; font-size:20px; color: #000; margin-bottom:10px; font-weight:bold; font-family: 'Dosis', sans-serif; }


/* Wrapper */


.logo-image {
	position: absolute;
	left: 22px;
}

#wrapper {
	position:relative; margin:0px auto 0px auto; top:10px; text-align:left; z-index:10
}

.main_content {  background:#fff; padding:12px 16px;  margin-bottom:20px; }
.narrow {  width:784px;  }
.narrow-home { width: 790px }

.social { height:36px; line-height:36px; text-align:right; color: #fff; }
.social li { margin:0px 0px 0px 15px; float:right }
.social li a { display:block; color: #000; text-decoration: none;  font-family: 'Dosis', sans-serif; font-size: 18px;}
.social li a:hover, .social li a.active { color: #fa704e }
.social li a span { display:none }

.social li a.language { background:url(../images/buton_limba.png); width:23px; height:23px; }

.social li a.english { background-position: -34px 0px; }
.social li a.english:hover,
.social li a.en-active { background-position: -34px -38px; }

.social li a.romana { background-position: 0px 0px; }
.social li a.romana:hover,
.social li a.ro-active { background-position: 0px -38px; }

.social li a.social-icons { background:url(../images/social.png) no-repeat; margin:0px 5px 0px 0px; height:25px; display:block }

.social li a.facebook { background-position:0px 0px; width:14px; }
.social li a.rss { background-position:-30px 0px; width:24px; }
.social li a.twitter { background-position:-70px 0px; width:28px; }
.social li a.redbull { background-position:-107px 0px; width:43px; }


.social li a.facebook:hover { background-position:0px -30px; }
.social li a.rss:hover  { background-position:-30px -30px; }
.social li a.twitter:hover  { background-position:-70px -30px; }
.social li a.redbull:hover  { background-position:-107px -30px; }


/* Menu */
#menu { margin: 53px 0 0px -3px; }

#menu.menu-ro { background:url(../images/MenuRo.png) no-repeat; }
#menu.menu-en { background:url(../images/MenuEn.png) no-repeat; }

#menu.menu-ro a.home { width: 43px; }
#menu.menu-ro a.galerii { width: 51px; }
#menu.menu-ro a.spatii { width: 116px; }
#menu.menu-ro a.harta { width: 44px; }
#menu.menu-ro a.program { width: 66px; }
#menu.menu-ro a.artisti { width: 47px; }
#menu.menu-ro a.parteneri { width: 67px; }
#menu.menu-ro a.stiri { width: 33px; }
#menu.menu-ro a.arhiva { width: 49px; }
#menu.menu-ro a.despre { width: 52px; }

#menu.menu-en a.home { width: 42px; }
#menu.menu-en a.galerii { width: 64px; }
#menu.menu-en a.spatii { width: 127px; }
#menu.menu-en a.harta { width: 32px; }
#menu.menu-en a.program { width: 64px; }
#menu.menu-en a.artisti { width: 51px; }
#menu.menu-en a.parteneri { width: 62px;}
#menu.menu-en a.stiri { width: 38px; }
#menu.menu-en a.arhiva { width: 55px; }
#menu.menu-en a.despre { width: 47px; }

#menu ul { width: 100% }
#menu li { font-size:10px; margin:0px; padding: 0px 5px 0px 0; float:left }
#menu.menu-en li { padding: 0px 6px 0px 0; }

#menu a { color: #000; text-indent: -2000px; display: block; height: 28px; float:left }

#menu span { font-size:9px; margin:0px 0px 0px 4px; float:left; line-height:17px;   }
#menu a:hover,
#menu a.active { color: #ed677a }
a:hover { color: #ed677a }

#menu li.feat { margin-right: 0; padding-right: 0; width: 23px; height: 42px; float: right; margin-top: -10px; }
#menu li.feat a { float: none; text-indent: 0 }
#menu li.feat img { margin-top: -5px }

/* Home */

.h-left { width:368px; height:528px; overflow:hidden; float:left }
.h-right { width:368px; float:right }

.home-menu li { margin-bottom:12px; text-align:center; line-height:50px; float:left }
.home-menu a {  width:176px; height:168px; display:block; color:#fff; text-decoration:none; font-size:22px; font-weight:bold }
.home-menu li.margin { margin-right:16px } 

.home-menu a.artisti:hover { background:url(../images/artisti.jpg) }
.home-menu a.harta:hover { background:url(../images/harta.jpg) }
.home-menu a.galerii:hover { background:url(../images/galerii.jpg) }
.home-menu a.news:hover { background:url(../images/news.jpg) }
.home-menu a.parteneri:hover { background:url(../images/parteneri.jpg) }
.home-menu a.program:hover { background:url(../images/program.jpg) }




/* Program */
.table-program th { color: #545c4c; padding:3px 2px; background:#fff; border-bottom:solid 1px #ddd }
.table-program td { padding:7px 3px; color: #545c4c; border-bottom: solid 1px #e9e9e9; line-height: 1.5 }

.table-program .alt-row { background:#f9f9f9 }
.table-program tr:hover { background:#f9f9f9 }

.list-tipuri { margin:0px; padding:0px }
.list-tipuri li { float:left; padding:0px 5px 0px 0px; margin:0px; }
.tip-color { width:10px; height:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0px 5px 0px 0px; display: block; cursor:pointer; float:left }
.tip-text { float:right }

/* stiri */
.stire h3 { font-weight:bold; color:#545c4c; font-size:12px }
.stire h3 span { background: #545c4c; color:#fff; padding:2px 4px; }
.stire { color: #666; margin-bottom:15px; }
.stire .blue a { color:#545c4c } 
.stiri-list li { padding:3px 0px; }



/* artisti */
.artisti li { float:left; padding:2px 5px 2px 0px; position:relative; }
.artisti li a { text-decoration:	none }
.artisti li a:hover { text-decoration:underline }
.artisti li .holder { padding:5px; background:#fff; position:absolute; right:-50px; top:-112px; border:solid 1px #ddd }
.artisti li span { color: #545C4C }



/* arhiva */

.archive { line-height: 1.6 }

.archive a { color: #3099b3 }



/* Galerii */
h1.galerie { color: #545c4c }

.gallery-list li { width:176px; height:176px; margin-bottom:10px; float:left }
.gallery-list li.margin { margin-right:16px }
.gallery-list li.active { background: #3CAEC3; color:#fff }
.gallery-list li.active a { color:#fff; }

.gallery-list-d div { width:176px; height:166px; margin-bottom:10px; float:left }
.gallery-list-d div.margin { margin-right:16px }

.nr-holder { 
	background:url(../images/cerc-albastru.png) no-repeat center center; 
	color:#fff; font-size:18px; line-height:30px; font-weight:bold; text-align:center; padding-right:4px; margin-left:25px; text-decoration:none;
	width:26px; height:30px; display:block; float:left; }

.nav {  background:url(../images/butoane-nav.png) no-repeat; float:left; margin-left:15px;  }
.next { background-position: -62px -11px; width:12px; height:13px; display:block;}
.prev { background-position: -12px -11px; width:12px; height:13px; display:block;}



/* Easy Slider */
.slider-container { margin-bottom:10px; overflow:hidden; background:#fff; }

.slider-list { height:166px; overflow:hidden }

#slider ul, #slider li { margin:0; padding:0; list-style:none; }

/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
#slider li { width:752px; height:166px; }	
		
	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif.html) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif.html) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	.slider-container ol#controls{
		margin:5px 0 0 0;
		padding:5px 0 0 0px;
		float:right;
		}
	.slider-container ol#controls li{
		margin:0px 0px 0px 10px; 
		padding:0;
		float:left;
		list-style:none;
		font-size:1px;
		}
	.slider-container ol#controls li a{
		float:left;
		height:10px;
		width:10px;
		background:#ccc;
		color:#fff;
		display:block;
		text-decoration:none;
	
		-moz-border-radius: 5px; 
		
		-webkit-border-radius: 5px;
		}
	.slider-container ol#controls li.current a{
		background:#333;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */