/*#############################################################################*/
/*# CSS: Mikado Dancing														  #*/
/*#									DEFAULT									  #*/
/*#																			  #*/
/*# Author: Vorel OLARIU        E-mail: viorelolariu@gmail.com                #*/
/*#############################################################################*/

/*################################# TAG CSS ###################################*/

body			{ margin: 0; padding: 0; font-family:Tahoma; font-size:11px; background: url(../img/site/bg_top.jpg) repeat-x left top; text-align: center;  }
.res1			{ background:url(../img/site/mikado_dance_1024x768.jpg) no-repeat left top fixed}
.res2			{ background:url(../img/site/mikado_dance_1280x960.jpg) no-repeat left top fixed}
.res3			{ background:url(../img/site/mikado_dance_1600x1200.jpg) no-repeat left top fixed}
.res4			{ background: #FFFFFF}
img				{ border: none;}
p				{ margin: 0; padding: 0; }
form			{ margin: 0; padding: 0; }
input, select	{ font-size: 10px; background:#e0f3fe; border:solid 1px #698cbe; width:88px; height:15px; color:#0c4696; padding-top:2px;}
blockquote		{ padding: 0; margin: 0; border: none;}
.clearAll		{ margin: 0; padding: 0; clear: both; height: 1px; font-size: 1px; line-height: 1px; }
h2				{ margin: 0; padding: 0; font-size:28px;font-weight: normal; color:#222121; text-align:left;}
h1				{ margin:0; padding:0; text-align:center; font-family:verdana; font-size:10px; font-weight:bold; color: #999999; display:inline; }
h3				{}
h4				{}
iframe			{ border:none;}

/*################################# DIVERS ####################################*/

#seo a {color: #999999; font-weight:bold; text-decoration:none;}


/*################################## HOME PAGE  ####################################*/

#site_body				{ text-align:left; margin:0 auto; background-color:#FFFFFF; width:801px;}
.header					{ background:url(../img/site/mikado-dance-header.jpg) left bottom repeat-x; height:178px; width:801px;}
.header .logo			{ float:left; padding:40px 5px 0px 10px;}
.header .flesh			{ float:left}
#content				{ background:url(../img/site/content_bg.jpg) repeat-x left 33px; text-align:left;}
#content .meniu			{ background:url(../img/site/meniu-gb.jpg) left top repeat-x; height:31px;width:801px; padding-top:2px;}
#content .meniu ul		{ margin:0; padding:0;margin-left:15px; padding-left:0px}
#content .meniu li		{ margin:0; padding:0;float:left; list-style-type:none;margin: 0 auto; padding: 0 10px 0 0; margin-top:3px; margin-left:0px}
#content .meniu li img	{ vertical-align: middle; margin-right: 10px; }
.left					{ float:left;padding-top:10px; padding-left:10px; width:592px;}
.left .descriere		{ padding-top:0; margin-top:0;font-family:Tahoma; font-size:11px; color:#696969; padding-top:10px; padding-bottom:30px;}
.left .descriere a		{ font-family:Arial; font-size:11px; color:#696969; font-weight: bold; text-decoration:none}
.left .descriere a:hover{ text-decoration:underline;}
.left .lectii			{ float:left;background:url(../img/site/lectii-de-dans.jpg) no-repeat; width:280px; height:132px; padding-right:10px; padding:10px 0 0 20px;}
.left .show				{ float:left;background: url(../img/site/Spectacole-particulare.jpg) no-repeat; width:190px; height:132px;padding:10px 0 0 100px;}
.left .show	span		{ font-weight:bold;}
.left .lectii span		{ font-weight:bold;}
.left .lectii a			{ float:left;background:url(../img/site/lec.gif) no-repeat; display:block; width:82px; height:20px; text-decoration:none; line-height:20px; font-family:tahoma; font-size:11px; color:#FFFFFF; text-align:center; padding-right:5px; margin-top:10px;}	
.left .lectii a:hover	{ background:url(../img/site/lec_on.gif) no-repeat;}
.left .show a			{ float:left;background:url(../img/site/spect.jpg) no-repeat; display:block; width:126px; height:20px; text-decoration:none; line-height:20px; font-family:tahoma; font-size:11px; color:#FFFFFF; text-align:center; margin-top:10px;}	
.left .show a:hover		{ background:url(../img/site/spect_on.jpg) no-repeat;}
.right					{ float:left; width:178px; padding-left:10px; padding-top:37px;}
.footer					{ background:url(../img/site/footer.jpg) no-repeat; width:763px; height:137px; margin-top:10px; margin-left:20px; padding-bottom:10px;}
.footer p				{ font-family:tahoma; color:#5d5d5d; padding-left:55px; padding-top:85px;}
.footer p a				{ color:#65a7eb; font-family:tahoma; font-size:11px; text-decoration:none;}
.footer p a:hover		{ text-decoration:underline;}

/*################################## Tarife  ####################################*/

.left .metadesc					{}
.left .metadesc	span			{ color:#fe4e89; font-weight:bold;}
.left .metadesc .desc_tit		{ background:url(../img/site/desc_tit.jpg) left top repeat-x; width:570px; margin-top:15px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #e6e6e6;font-family:Arial; font-size:12px; font-weight:bold; color:#fe4e89; padding-bottom:3px; padding-top:12px; padding-left:15px;}
.left .metadesc .desc_alb_l		{ float:left;width:154px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #e6e6e6;font-family:Arial; font-size:11px; color:#000000; padding-bottom:5px; padding-top:5px; padding-left:15px;}
.left .metadesc .desc_alb 		{ float:left;width:570px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #e6e6e6;font-family:Arial; font-size:11px; color:#000000; padding-bottom:5px; padding-top:5px; padding-left:15px;}
.left .metadesc .desc_alb_r		{ float:left;width:400px; border-right:1px solid #cccccc; border-bottom:1px solid #e6e6e6;font-family:Arial; font-size:11px; color:#000000; padding-bottom:5px; padding-top:5px; padding-left:15px;}
.left .metadesc .desc_gri		{ float:left;background:#bbd8f6;width:570px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #e6e6e6;font-family:Arial; font-size:11px; color:#000000; padding-bottom:5px; padding-top:5px; padding-left:15px;}
.left .metadesc .desc_gri_l		{ float:left;background:#bbd8f6;width:154px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #e6e6e6;font-family:Arial; font-size:11px; color:#000000; padding-bottom:5px; padding-top:5px; padding-left:15px;}
.left .metadesc .desc_gri_r		{ float:left; background:#bbd8f6;width:400px; border-right:1px solid #cccccc; border-bottom:1px solid #e6e6e6;font-family:Arial; font-size:11px; color:#000000; padding-bottom:5px; padding-top:5px; padding-left:15px;}

/*################################## Program  ####################################*/

.left .program_l				{ float:left; background:url(../img/site/program_l.jpg) no-repeat; width:271px; height:191px; padding-left:15px; padding-top:15px; margin-right:15px;}
.left .program_r				{ float:left; background:url(../img/site/program_r.jpg) no-repeat; width:271px; height:191px; padding-left:15px; padding-top:15px;}
.left table						{ font-family:Arial; font-size:14px; color:#222121; line-height:20px;}
.left .metadesc1					{}
.left .metadesc1	span		{ color:#fe4e89; font-weight:bold;}
.left .metadesc1 .desc_tit		{ background:url(../img/site/desc_tit.jpg) left top repeat-x; width:570px; margin-top:15px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #999999;font-family:Arial; font-size:12px; font-weight:bold; color:#5ea2e9; padding-bottom:3px; padding-top:12px; padding-left:15px;}
.left .metadesc1 .desc_alb_l	{ float:left;height:11px;width:154px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #999999;font-family:Arial; font-size:11px; line-height:11px; color:#000000; padding-bottom:5px; padding-top:5px; padding-left:15px;}
.left .metadesc1 .desc_alb_r	{ float:left;height:11px;width:400px; border-right:1px solid #cccccc; border-bottom:1px solid #999999;font-family:Arial; font-size:11px; color:#000000; padding-bottom:5px; line-height:11px; padding-top:5px; padding-left:15px;}
.left .metadesc1 .desc_gri_l	{ float:left;height:11px; background: url(../img/site/bg_pr.jpg);width:154px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #999999;font-family:Arial; line-height:11px; font-size:11px; color:#000000; padding-bottom:5px; padding-top:5px; padding-left:15px;}
.left .metadesc1 .desc_gri_r	{ float:left;height:11px; background: url(../img/site/bg_pr.jpg);width:400px; border-right:1px solid #cccccc; border-bottom:1px solid #999999;font-family:Arial; font-size:11px; color:#000000; line-height:11px; padding-bottom:5px; padding-top:5px; padding-left:15px;}

/*################################## Contact  ####################################*/

.left .contact					{ background:url(../img/site/contact_bg.jpg) no-repeat; width:577px; height:177px; padding-left:20px;}
.left .contact .contact_l		{ float:left;padding-top:20px; font-family:Arial; font-size:11px; color:#222121; line-height:20px; width:333px;}
.left .contact .contact_l table	{font-family:Arial; font-size:12px; color:#222121; line-height:20px;}
.left .contact .contact_r		{ float:left; padding-top:15px;}
.left .contact .contact_r .mareste		{ background:url(../img/site/lupa.jpg) no-repeat; padding-left:30px; line-height:22px; height:18px; display:block; margin-left:40px; font-family:tahoma; font-size:12px; text-decoration:none; color:#222121;}
.left .contact .contact_r .mareste:hover{ text-decoration:underline;}
.coment							{ border-bottom:1px solid #e1e1e1; padding-bottom:18px;}
.coment .com					{ font-family:Arial; font-size:11px; font-weight:bold; padding-left:13px; padding-top:32px; color:#0f0f0f;}
.coment .com	a				{ font-family:Arial; font-size:11px; text-decoration:none; color:#ff7e00; background:#e4e4e4; padding:2px;}
.coment .com	a:hover			{ text-decoration:underline;}
.coment .com	span			{ font-family:Arial; font-size:11px; color:#828182; line-height:20px;}
.coment .con_com				{ font-family:Arial; font-size:11px;color:#626262; padding-left:20px; padding-top:10px;}
.input_com 						{ width:228px;height:24px;background:url(../img/site/input_com.gif) top left no-repeat;padding:2px 5px 0px 0px;margin-bottom:2px;text-align:right;}
.input_com input				{ width:220px;height:17px;font-size:12px;color:black;font-family:Verdana;border:0px;background-color:transparent;}
.buton_com 						{ width:60px;height:18px;border:1px solid #ccc;background-color:#f1f1f1;font-size:11px; margin-top:10px; color:#000000;}
.textarea_com 					{ width:388px;height:148px;background: url(../img/site/textarea_com.gif) top left no-repeat;padding:2px 5px 0px 0px;text-align:right;}
.textarea_com textarea			{ width:380px;height:140px;border:0px;overflow:hidden;font-size:12px;color:black;font-family:Verdana;background-color:#FFFFFF;}
#add_comentariu 				{ padding:30px 0px 0px 17px;}
.titlu_add_comment 				{ font-size:13px;font-weight:bold;font-family:Verdana;color:#000;margin-bottom:5px;}
.titlu_add_comment				{ padding-top:30px; padding-bottom:20px;}

/*################################## Cursuri de dans  ####################################*/

.left1							{ width:791px; padding-left:10px; padding-top:10px;}
.left1 .titlu					{ background:url(../img/site/dans_l.jpg) no-repeat; width:706px; height:47px; margin-top:20px; padding-left:66px; color:#323232; line-height:47px; font-family:tahoma; font-size:18px;}
.left1 .con						{ float:left; width:529px;padding-left:20px; padding-right:10px; padding-top:20px; color:#404040; font-family:Arial; font-size:11px;}	
.left1 .curs					{ float:left; padding-top:10px; padding-right:10px;}
.left1 .lis						{ background:url(../img/site/dot.jpg) left 5px no-repeat; padding-left:15px; margin-left:30px;color:#404040; font-family:Arial; font-size:11px;}
.left1 .titlu_r					{ background:url(../img/site/dans_r.jpg) no-repeat; width:180px; height:47px; margin-top:20px;padding-left:590px; color:#323232; line-height:47px; font-family:tahoma; font-size:18px;}

/*################################## Cursuri de dans  ####################################*/

.left .eveniment				{ background:url(../img/site/eveniment.jpg) no-repeat; width:552px; height:31px; margin-top:20px; padding-left:15px; padding-right:15px; font-size:14px; font-family:Tahoma; color:#2a2a2a; line-height:30px;}
.left .eveniment .tit			{ float:left;}
.left .eveniment .data			{ float:right;}
.left .foto						{ float:left;}
.left .video					{ float:left; padding-left:20px;}	
.left .al_f						{ font-family:Tahoma; font-size:14px; padding-top:15px;color:#65a7eb; padding-bottom:17px;}
.left .al_v						{ font-family:Tahoma; font-size:14px; padding-top:15px;color:#fe4e89; padding-bottom:17px;}
.left .gal						{ float:left;width:90px; height:54px; padding:5px; border:solid 1px #65a7eb; margin-right:5px;}
.left .gal1						{ float:left;width:90px; height:54px; padding:5px; border:solid 1px #65a7eb; margin-right:5px; margin-bottom:5px;}
.left .parere					{ font-family:Tahoma; font-size:11px; color:#696969;}
.dans							{ color:#696969; text-decoration:none; font-size:12px;}
.dans:hover						{ text-decoration:underline;}
.clik							{ font-family:Tahoma; font-size:11px;color:#fe4e89}

/*################################## Link-uri  ####################################*/

.link2 							{ width:200px; font-family:Arial; font-size:11px; padding:5px 20px; margin-bottom:10px; border-right:solid 1px #D9D9D9; float:left;}
.link2 a 						{ font-family:tahoma; font-size:12px;font-weight:bold;color:#fe4e89; text-decoration:none;}
.link2 a:hover 					{ font-weight:bold; text-decoration:underline;}
.link1 							{ width:200px; font-family:Arial; font-size:11px; padding:5px 0 14px 20px; margin-bottom:10px;  float:left;}
.link1 a 						{ font-family:tahoma;font-weight:bold;color:#fe4e89; text-decoration:none; font-size:12px;}
.link1 a:hover					{ font-weight:bold; text-decoration:underline;}

/*################################## Harta Site  ####################################*/

.harta a 						{ margin:2px 2px 2px 15px; padding:2px; padding-left:25px; color:#fe3d7d;text-decoration:none; background: url(../img/site/folder.jpg) left center no-repeat; font-family:tahoma; font-size:12px;}
.harta a:hover					{text-decoration:none; color:#65a7eb;}
.harta 							{ margin-top:10px; margin-left:10px;}
.harta a span					{ margin: 0px 2px 2px 2px; padding:0 2px 2px 2px; font-size:14px}