@charset "utf-8";
/* CSS Document */

/*pe ie6 -> probleme cu hover : modifica o margine mai mica sau mai mare a unui element din-ainte sau de dupa ->rezolvat: height: auto pe acel element */



body {margin: 0px 0px 0px 0px; padding: 0px; background-color: #BC1010; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; behavior: url("resurse/css/hover.htc")}
html {overflow-x: hidden; overflow-y: auto;}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*															clearfix														*/
/*--------------------------------------------------------------------------------------------------------------------------*/
div:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;}
* html div {height: 1%}
div {display: inline-block}
div {display: block; clear: both}
/*-----*/




/*--------------------------------------------------------------------------------------------------------------------------*/
/*															generale														*/
/*--------------------------------------------------------------------------------------------------------------------------*/
a {color: #C90000; font-weight: bold; text-decoration: none; outline: none}
a:hover {text-decoration: underline}

a img {border: none; outline: none}

form {margin: 0px; padding: 0px}
fieldset {margin: 5px 0px 5px 0px; padding: 0px; background-color: transparent; border: none;}
label {float: left; clear: none; width: 55px; padding: 0px 10px 0px 10px; font-size: 11px; font-weight: bold; text-align: right}
input,select,textarea {float: left; clear: none; width: 175px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px; height: 15px; background-color: #ffffff !important; border: 1px solid #DFDABD; color: #595959}
textarea {overflow: auto; height: 70px}
input.buton {float: right; clear: both; width: auto; height: auto; padding: 3px 15px 3px 15px; background-color: #C90000 !important; border: 1px solid #ffffff; color: #FFFFFF; font-weight: bold}
input.buton:hover {background-color: #333333 !important}


p {padding: 7px 0px 7px 0px; margin: 0px}
ul, ol {margin: 0px; padding: 0px}
li {padding: 0px; margin: 5px 0px 0px 15px}
h1,h2,h3,h4 {display: block; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif}
hr {display: block; float: none; clear: both; height: 1px; margin: 0px 0px 0px 0px; padding: 0px; color: #ECE9D8; background-color: #ECE9D8; border: 0px}

p.mesaj {padding: 15px; background-color: #F9F9F4; border: 1px solid #DFDABD; margin: 5px 0px 5px 0px}
/*-----*/


#meniu-limba {margin: 0px; width: 100%; height: auto; padding: 0px 0px 0px 0px; background-color: #232323; border-bottom: 1px solid #fff}
#meniu-limba div {margin: 0px auto 0px auto; width: 850px; height: auto;}
#meniu-limba div fieldset {float: left; clear: none; width: 192px; margin: 5px 0px 0px 0px}
#meniu-limba div fieldset input#emailNewsletterI {float: left; clear: none; margin: 0px; width: 150px; background-color: #3F3F3F!important; 
																			border: 1px solid #fff; color: #fff}
#meniu-limba div fieldset input#newsletterSubmitI {float: left; clear: none; margin: 0px; width: 30px; height: 21px; padding: 0px; 
																			background-color: #fff!important; border: 1px solid #fff; border-left: none; 
																			color: #333; text-align: center; font-size: 11px; font-weight: bold}
#meniu-limba div fieldset input#newsletterSubmitI:hover {background-color: #3F3F3F!important; color: #fff}

#meniu-limba div fieldset #raspuns-abonare p {width: 170px; text-align: center; border: 1px solid #fff; margin: 5px 0px 5px 0px; color: #fff}

#meniu-limba div ul {float: right; clear: none; margin: 5px 0px 0px 0px; padding: 3px; list-style: none}
#meniu-limba div ul li {display: inline; padding: 3px 0px 3px 0px; border-left: 1px solid #3F3F3F; margin: 0px}
#meniu-limba div ul li a {padding: 3px 10px 3px 10px; color: #fff; margin: 0px}
#meniu-limba div ul li a:hover {background-color: #3F3F3F; text-decoration: none}
#meniu-limba div p {float: right; clear: none; margin: 0px; padding: 5px 10px 5px 10px; background-color: #9C0E0E; border: 1px solid #fff; border-top: none; border-bottom: none}
#meniu-limba div p:hover {background-color: #3F3F3F}
#meniu-limba div p a {color: #fff}
#meniu-limba div p a:hover {text-decoration: none}
#meniu-limba div p a img {margin: 0px 0px 0px 10px; vertical-align: middle}




#header {margin: 50px auto 0px auto; width: 950px; height: auto; max-height: 179px}
#header ul {width: 848px; height: 17px; list-style: none; background-color: #ECE9D8; padding: 2px 0px 3px 0px; border: 1px solid #FFFFFF; border-top: none; border-bottom: none}
#header ul li {display: inline}
#header ul li a {float: left; clear: none; margin: 1px 1px 0px 0px; padding: 0px 3px 1px 3px; background-color: #414141; border: 1px solid #414141; color: #FFFFFF; font-weight: normal; font-size: 9px}
#header ul li a:hover {text-decoration: none; background-color: #E80000; border: 1px solid #C40000}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*															continut														*/
/*--------------------------------------------------------------------------------------------------------------------------*/
#continut {margin: 0px auto 0px auto; width: 798px; height: auto; padding: 25px; background-color: #ECE9D8; border: 1px solid #ffffff; border-top: none; border-bottom: none}

#continut h1{width: 100%; margin: 0px 0px 17px 0px; font-size: 23px; color: #2F2F2B}
	#continut h1 a {color: #2F2F2B}
#continut h2 {width: 100%; margin: 0px 0px 17px 0px; font-size: 18px; color: #2F2F2B}
#continut h3 {width: 100%; margin: 17px 0px 17px 0px; font-size: 17px; color: #2F2F2B}

#continut h4 {width: 100%; margin: 17px 0px 17px 0px; font-size: 12px; color: #2F2F2B}

	/*----------------------------------------------------------------------*/
	/*							artisti / echipa							*/
	/*----------------------------------------------------------------------*/
	#echipa #continut ul {float: left; clear: none; margin: 0px 25px 0px 0px}
	#artist #continut #meniuPlayer {float: left; clear: none; width: 150px; margin: 0px 30px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px}
	#artist #continut #meniuPlayer ul,
	#echipa #continut ul {list-style: none; border-bottom: 1px solid #DFD9BD}
	#artist #continut #meniuPlayer ul li,
	#echipa #continut ul li {display: block; margin: 0px; padding: 0px}
	#artist #continut #meniuPlayer ul li a,
	#echipa #continut ul li a {display: block; background-color: #FFFFFF; border: 1px solid #DFD9BD; border-bottom: none; padding: 3px 10px 3px 10px; color: #565656; width: 129px}
	#echipa #continut ul li a {width: 139px}
	#artist #continut #meniuPlayer ul li a:hover,
	#artist #continut #meniuPlayer ul li a.curent,
	#echipa #continut ul li a:hover,
	#echipa #continut ul li a.curent {background-color: #C90000; border: 1px solid #DFD9BD; border-bottom: none; color: #ffffff; text-decoration: none; border: 1px solid #FFFFFF; border-bottom: none}
	

	#artist #continut #cuprins,
	#echipa #continut #cuprins {float: left; clear: none; margin: 0px; width: 350px; text-align: justify}
	#echipa #continut #cuprins {width: 400px}
		#artist #continut #cuprins #afisare-informatii p.intrebare {padding: 10px 0px 0px 0px; font-weight: bold}

		#artist #continut #cuprins #afisare-informatii div.videoclip {float: none; clear: both; width: 100%}
		#artist #continut #cuprins #afisare-informatii div.videoclip a img {float: left; clear: none}
		#artist #continut #cuprins #afisare-informatii div.videoclip div {float: left; clear: none; display: inline; text-align: left; margin: 0px 0px 0px 15px; width: 180px}
		#artist #continut #cuprins #afisare-informatii div.videoclip div h3 {margin: 10px 0px 5px 0px; color: #BC1010; font-size: 14px; font-weight: bold}
		#artist #continut #cuprins #afisare-informatii div.videoclip div p a {background-image: url(../img/iconita-film.gif); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 0px 25px}

		#artist #continut #cuprins #afisare-informatii ul  {float: none; clear: both; width: 100%; margin: 10px 0px 10px 0px}
		#artist #continut #cuprins #afisare-informatii ul li  {list-style: none; padding: 3px}
		#artist #continut #cuprins #afisare-informatii ul li small {padding: 2px 10px 2px 10px; margin: 0px 15px 0px 0px; font-size: 9px; color: #736F60;  background-color: #FFFFFF; border: 1px solid #D5CEAA}

		#artist #continut #cuprins #afisare-informatii h3 {font-size: 14px}

		#artist #continut #cuprins #afisare-informatii ul#membrii {list-style: none; margin: 0px 0px 10px 0px}
			#artist #continut #cuprins #afisare-informatii ul#membrii li {display: inline; margin: 0px 1px 0px 0px}
			#artist #continut #cuprins #afisare-informatii ul#membrii li a {background-color: #ffffff; border: 1px solid #E2DEC2; padding: 3px 15px 3px 15px}
			#artist #continut #cuprins #afisare-informatii ul#membrii li a:hover,
			#artist #continut #cuprins #afisare-informatii ul#membrii li a.curent {background-color: #C90000; border: 1px solid #ffffff; color: #FFFFFF; text-decoration: none}
			
		#artist #continut #cuprins #afisare-informatii ul#concerte {float: none; clear: both; width: 100%; margin: 10px 0px 10px 0px; text-align: left}
		#artist #continut #cuprins #afisare-informatii ul#concerte li {float: none; clear: both; width: 330px; height: auto; list-style: none; padding: 5px 5px 5px 5px; border-bottom: 1px dotted #BDBBAF; margin: 0px 10px 0px 10px;}
		#artist #continut #cuprins #afisare-informatii ul#concerte li:hover {background-color: #F9F9F4}
		#artist #continut #cuprins #afisare-informatii ul#concerte li p {margin: 5px 0px 5px 0px; padding: 0px; font-weight: bold; color: #81773F}
		#artist #continut #cuprins #afisare-informatii ul#concerte li p em {float: right; clear: none; width: 120px; font-size: 11px; text-align: right; margin: -14px 0px 0px 0px; font-weight: normal; color: #000}
		#artist #continut #cuprins #afisare-informatii ul#concerte li p span {margin: 0px 0px 0px 15px; font-size: 11px; text-align: left; font-style: italic; font-weight: normal}
		#artist #continut #cuprins #afisare-informatii ul#concerte li p strong {display: block; font-size: 11px; text-align: left; font-style: italic; font-weight: normal}


	#artist #continut img {float: right; clear: none; margin: 0px 0px 0px 0px; padding: 0px}
	#echipa #continut #imagine-diplome {width: 183px; float: right; clear: none; margin: 0px 0px 0px 0px; padding: 0px}
	#echipa #continut #imagine-diplome #diplome {margin: 10px 0px 0px 0px; text-align: center}
	#echipa #continut #imagine-diplome #diplome a img {border: 2px solid #D2CBA4; margin: 7px}
	#echipa #continut #imagine-diplome #diplome a:hover img {border: 2px solid #fff}
	#echipa #continut #imagine-diplome #diplome h3 {font-size: 12px; margin: 0px 0px 10px 0px; color: #BC1010}
	/*-----*/
	
	
	/*----------------------------------------------------------------------*/
	/*					pagina listare artisti / evenimente					*/
	/*----------------------------------------------------------------------*/
	#artisti #continut .artist,
	#evenimente #continut .eveniment {float: left; clear: none; display: inline; width: 170px; height: 95px; margin: 10px 10px 10px 17px}
	#artisti #continut .artist a img,
	#evenimente #continut .eveniment a img {float: left; clear: none}
	#artisti #continut .artist div,
	#evenimente #continut .eveniment div {float: left; clear: none; margin: 5px 0px 0px 15px; width: 85px}
	#artisti #continut .artist div h3,
	#evenimente #continut .eveniment div h3 {margin: 0px 0px 10px 0px; color: #BC1010; font-size: 14px; font-weight: bold}
	#artisti #continut .artist div p,
	#evenimente #continut .eveniment div p {padding: 0px 0px 0px 0px; font-size: 11px; height: 30px; overflow: hidden}
	#artisti #continut .artist div p a,
	#evenimente #continut .eveniment p a {color: #595959; font-weight: normal}
	/*-----*/



	/*----------------------------------------------------------------------*/
	/*			imagini artist / echipa / evenimente / stire				*/
	/*----------------------------------------------------------------------*/
	#stire #continut div,
	#eveniment #continut div,
	#artist #continut #cuprins #afisare-informatii div,
	#echipa #continut #cuprins #afisare-informatii div {margin: 25px 0px 0px 0px; text-align: center}
	#echipa #continut #cuprins div a img.portrait,
	#echipa #continut #cuprins div a img.landscape,
	#stire #continut div a img.portrait,
	#stire #continut div a img.landscape,
	#eveniment #continut div a img.portrait,
	#eveniment #continut div a img.landscape,
	#artist #continut #cuprins #afisare-informatii div a img.portrait,
	#artist #continut #cuprins #afisare-informatii div a img.landscape {float: none; display: inline; margin: 10px 15px 10px 15px; border: 3px solid #595959; vertical-align: middle}	
	#artist #continut #cuprins #afisare-informatii div a img.portrait,
	#artist #continut #cuprins #afisare-informatii div a img.landscape {margin: 10px 11px 10px 11px}	

	#artist #continut #cuprins #afisare-informatii div.portrait,
	#artist #continut #cuprins #afisare-informatii div.landscape {float: left; clear: none; display: inline; width: 91px; height: 156px; margin: 10px 12px 10px 12px}	
	#artist #continut #cuprins #afisare-informatii div.landscape {width: 151px; height: 128px}
	#artist #continut #cuprins #afisare-informatii div.portrait a img,
	#artist #continut #cuprins #afisare-informatii div.landscape a img {margin: 0px; border: 3px solid #595959;}
	#artist #continut #cuprins #afisare-informatii div.portrait p,
	#artist #continut #cuprins #afisare-informatii div.landscape p {float: none; clear: both; width: 100%; margin: 0px; height: 35px; padding: 5px 0px 0px 0px; text-align: right}
	#artist #continut #cuprins #afisare-informatii div.landscape p {height: 22px}
	#artist #continut #cuprins #afisare-informatii div.portrait p a,
	#artist #continut #cuprins #afisare-informatii div.landscape p a {background-image: url(../img/iconita-print.gif); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 0px 30px}
	/*-----*/

	#stire #continut ul {list-style: none; margin: 10px 0px 20px 0px}
	#stire #continut ul li {width: 500px; padding: 3px 0px 3px 15px; margin: 0px 0px 0px 5px; background-image: url(../img/bullet.gif); background-repeat: no-repeat; background-position: 3px 2px; border-bottom: 1px dotted #BDBBAF}
	#stire #continut li:hover {background-color: #F9F9F4}


	/*----------------------------------------------------------------------*/
	/*								home									*/
	/*----------------------------------------------------------------------*/
	#home #continut div#stg {float: left; clear: none; margin: 0px 0px 20px 0px; width: 520px}
	#home #continut div#stg #swf-artisti {position: relative; margin: 0px 0px 0px -13px}
	#home #continut div#stg #anunt {margin: 0px 0px 0px 10px;}
	#home #continut div#stg #countdown {margin: 14px 0px 0px 10px; background-color:#E6E1CA; border:1px solid #FFFFFF; width:507px; height:23px; text-align:center; padding-top:7px;}

	#home #continut div#noutate {float: right; clear: none; width: 206px; margin: 14px 0px 10px 0px; text-align: center; padding: 17px; background-color: #E6E1CA; border: 1px solid #fff}
	#home #continut div#promo-video {float: right; clear: none; width: 240px; margin: 14px 0px 10px 0px; text-align: center; padding: 0px 0px 0px 0px; background-color: #E6E1CA; border: 1px solid #fff;}
	#home #continut div#noutate p {margin: 15px 0px 7px 0px; padding: 0px; font-size: 11px;}
	#home #continut div#noutate h3 {margin: 15px 0px 0px 0px; padding:0px;  font-size: 11px; font-weight: bold; color: #9C0E0E}
	#home #continut div#noutate a img {float: none; clear: none; border: 2px solid #fff}

	#home #continut a img {float: right; clear: none}

	#home #continut #player {width: 242px; margin: 0px 0px 10px 0px; float: right; clear: none}
	#home #continut #banner {width: 242px; padding: 0px 0px 10px 0px; float: right; clear: none}
	/*-----*/

	/*----------------------------------------------------------------------*/
	/*								prezentare									*/
	/*----------------------------------------------------------------------*/
	#prezentare #continut h2 {margin: 20px 0px 10px 0px}
	#prezentare #continut img {display: block; margin: 10px auto 10px auto; border: 1px solid #333}
	/*-----*/


	/*----------------------------------------------------------------------*/
	/*								servicii								*/
	/*----------------------------------------------------------------------*/
	#servicii #continut ul,
	#parteneri #continut ul {list-style: none; margin: 10px 0px 20px 0px}
	#servicii #continut ul li,
	#parteneri #continut ul li {float: left; clear: none; display: inline; width: 240px; padding: 3px 0px 3px 15px; margin: 0px 0px 0px 5px; background-image: url(../img/bullet.gif); background-repeat: no-repeat; background-position: 3px 2px; border-bottom: 1px dotted #BDBBAF}
	#parteneri #continut ul li {width: 335px; padding: 3px 10px 3px 20px}
	#servicii #continut ul li:hover,
	#parteneri #continut ul li:hover {background-color: #F9F9F4}
	/*-----*/

	
	/*----------------------------------------------------------------------*/
	/*								contact									*/
	/*----------------------------------------------------------------------*/
	#contact #continut form {float: left; clear: none; width: 263px; margin: 0px 0px 0px 0px}
	#contact #continut div {float: left; clear: none; width: 200px; margin: 0px 0px 0px 35px}
	#contact #continut div p strong {display: block}
	#contact #continut div.harta-contract {text-align: center}
	/*-----*/
	


	/*----------------------------------------------------------------------*/
	/*								stiri									*/
	/*----------------------------------------------------------------------*/
	#stiri #continut div.stire {margin: 15px 0px 15px 0px}
	#stiri #continut div.stire a img {float: left; clear: none; border: 3px solid #595959}
	#stiri #continut div.stire div {float: left; clear: none; width: 610px; margin: 0px 0px 0px 25px}
	#stiri #continut div.stire div h2 {color: #C90000; font-size: 14px}

	#stire #continut h2 {margin: 0px 0px 10px 0px}
	#stire #continut p {margin: 0px 0px 20px 0px; padding: 0px;}
	#stire #continut p.mesaj {margin: 15px 0px 15px 0px; padding: 15px; }
	#stire #continut p small {font-style: italic;}
	
	#stire #continut form {margin: 20px 0px 0px 0px; height: auto}
	#stire #continut form fieldset {margin: 10px 0px 10px 0px}
	#stire #continut form fieldset label {float: left; clear: none; width: 90px; background-color: #E80000; border: 1px solid #C40000; color: #FFFFFF; padding: 2px 10px 2px 10px; margin: 0px 0px 0px 20px}
	#stire #continut form fieldset input {width: 245px}
	#stire #continut form fieldset textarea {width: 634px}
	#stire #continut form fieldset input.buton {width: 100px; margin: auto 19px 0px 0px}
	#stire #continut form fieldset div {float: left; clear: none; width: 112px; margin: 3px 0px 0px 0px; padding: 0px; text-align: right}

	#stire #continut div {margin: 25px 0px 25px 0px}
		
	#stire #continut h3 {margin: 25px 0px 10px 0px; font-size: 20px}
	#stire #continut div.comentariu {margin: 15px 0px 15px 0px; width: 765px; padding: 15px; background-color: #F5F3EB; border: 1px solid #DFDABD; height: auto}
	#stire #continut div.comentariu:hover {background-color: #fff}
	#stire #continut div.comentariu h4 {padding: 0px; margin: 0px; text-align: left; font-size: 15px}
	#stire #continut div.comentariu h4 small {font-size: 11px; margin: 0px 0px 0px 20px; font-weight: normal}
	#stire #continut div.comentariu p {margin: 10px 0px 0px 0px; padding: 0px; text-align: left}
	/*-----*/
	
	
	#concerte #continut div {float: left; clear: none; width: 260px; height: auto; padding: 10px 0px 10px 0px}
	#concerte #continut div a img {float: left; clear: none; width: 70px; margin: 0px 15px 0px 0px}
	#concerte #continut div div {float: left; clear: none; padding: 0px; width: 170px}
	#concerte #continut div div h2 {font-size: 17px; margin: 0px 0px 5px 0px; color: #900}
	#concerte #continut div div h2 span {display: block; font-size: 12px; font-weight: normal}
	#concerte #continut div div p {margin: 5px 0px 0px 0px; padding: 0px}
	
	
	ol#paginare {margin: 15px 0px 0px 0px; list-style: none; padding: 0px; text-align: right; height: 25px;}
	ol#paginare li {display: inline}
	ol#paginare li a {background-color: transparent; border: 1px solid #ECE9D8; color: #595959; padding: 1px 6px 2px 6px; font-size: 11px; font-weight: bold}
	ol#paginare li a:hover,
	ol#paginare li a.activ {background-color: #C90000; border: 1px solid #ffffff; color: #ffffff; text-decoration: none}
/*-----*/



/*--------------------------------------------------------------------------------------------------------------------------*/
/*																footer														*/
/*--------------------------------------------------------------------------------------------------------------------------*/
#footer {margin: 0px auto 15px auto; width: 788px; height: auto; padding: 4px 30px 6px 30px; background-color: #232323; border: 1px solid #ffffff; border-top: none}
#footer ul {float: left; clear: none; list-style: none; text-align: left; color: #8B8B8B}
#footer ul li {display: inline; margin: 0px 15px 0px 0px;}
#footer ul li a {color: #8B8B8B; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif}
#footer img {float: right; clear: none; margin: 4px 0px 0px 0px}
/*-----*/

#lista-parteneri {list-style: none; width: 860px; margin: 0px auto 15px auto; text-align: center}
#lista-parteneri li {display: inline; vertical-align: middle; margin: 5px}
#lista-parteneri li a img {vertical-align: middle}

#utile {list-style: none; width: 860px; margin: 30px auto 15px auto; text-align: center; _filter: alpha(opacity=70); opacity: 0.7}
#utile li {display: inline; vertical-align: middle}
#utile li a img {vertical-align: middle}