/*****************************************************************/
/*  5.5.2008                                          			 */
/*	Css realizat de Trif Mircea, firma BitPublimedia  			 */
/*  Vizitati  www.bitpublimedia.ro pentru servicii de web design */
/*  pentru www.mammothstage.ro                            		 */
/*****************************************************************/

/*------[GENERAL]--------*/
* { margin: 0; padding: 0; }

body{
	background-color:#060606/*#1f1a17*/;
	color: #fff500; 
   	font: 13px Verdana, Georgia, "Times New Roman", Times, serif;
}

a { color: #fff; text-decoration: none; outline: none; border-bottom:1px dotted #fff; }
a:hover { color: #fff; text-decoration: none; outline: none; border-bottom:1px solid #fff; }
a img { border: none; }

h1,h2,h3,h4,h5,h6 { color: #fff500; font-family:  Arial, sans-serif; }

/*-------[ Layout General ]-----------*/
#header-wrap { border-bottom:1px solid #3f3f3f; background-color:#060606;  }
#body-wrap { background-color:#181818; }
#footer-wrap { border-top:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f; background-color:#111; color:#5e5e5e; clear:both; }
/*------[ Header ]-------*/

#header { position:relative; height:200px; width:850px; margin:0 auto; padding-left:150px; background:url(img/mammoth-sigla.jpg) no-repeat left top; }

#link-magazin{ position:absolute; right:560px; top:11px; padding:3px 10px 10px 35px; background:url(img/basket.jpg) no-repeat top left; font-size:14px; }
#link-magazin a{ color:#fff500;}
#link-magazin a:hover{ text-decoration:underline; }

#telefon { position:absolute; right:165px; top:11px; padding:3px 10px 10px 35px; background:url(img/phone-yellow.jpg) no-repeat top left; font-size:14px; }
#email{ position:absolute; right:160px; top:10px; padding:3px 10px 10px 35px; background: url(img/mail.jpg) no-repeat top left;
font-size:15px; }
#email a{color:#fff500;}
#limba { position:absolute; right:140px; top:9px; padding:3px; font-size:16px;}

#header a { border-bottom:none; }

#logo { padding-top:65px; }

#menu {    }

#menu ul { margin: 25px 0px; padding:0; list-style: none; }

#menu li { display: inline; }

#menu a { display: block; float: left; padding:9px ; color: #fff500; font-size: 13px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }

#menu a:hover { background-color:#fff500; color:#111; }

#menu .active a { background-color:#fff500; color:#111; }

/*--------------------------------------*/
#content{
	width:710px;
	padding:10px;

	margin:0 auto;
}
/**************************** Coloana Principala ***************************************************************************/
#content {  line-height: 1.46667em; color:#fff500; font-family:Verdana, Arial, Helvetica, sans-serif; }

#content h1{text-align:left; padding-bottom:2px; margin-bottom:15px; margin-top:15px; border-bottom:1px solid #fff500; font-size:28px; text-indent:5px; font-family:Geneva, Arial, Helvetica, sans-serif;}


	#content .first, #content .drop_cap { padding: 0.17em 0.08em 0.05em 0; font-size: 3.4em; line-height: 0.6em; color: #fff500; float: left; }
	
	#content p { margin: 0 0 1.25em 0; }
	
	#content a, #content a:visited {  }
	
		#content a:hover {  }
		
	#content blockquote { font-style:italic; padding:10px; padding-left:35px; padding-right:35px; margin-bottom:5px; background:#fff500 url(images/bg_blockquote.gif) no-repeat top left; color:#111;}
	
		#content blockquote ul, #content blockquote ol { }

	#content ul, #content ol { }
	
	#content ul { list-style: disc; }
	
		#content li { margin: 0 0 0.4em 35px; }
		
			#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { margin: 0 0 0 25px; }
	


		#content img.block { display: block; margin: 0 auto 1.46667em 0; float: none; clear: both; }

		#content img.frame { padding: 6px; background: #e5e5e5; }
		
	
	#content .img_box { padding: 8px; background: #e5e5e5; }
	


	.multimedia_sectiune { border: 1px solid #333; background: #000; padding:5px; margin:0px 0px 10px 10px; float: right; width:300px; text-align:center; vertical-align:middle; }
	


/*--------[Footer]---------------------*/

#footer{ width:745px; margin:0 auto; padding:10px 0px 10px 10px; text-align:center; }
#footer hr{ padding-bottom:5px; clear:both; visibility:hidden; }

.footer-column{ float:left; width:25%; text-align:left; padding:10px; padding-top:0px; }
.footer-navi { width:40%; border-right:1px dotted #3f3f3f; border-left:1px dotted #3f3f3f; padding-top:2px; }
.footer-navi ul{ width:45%; list-style:none; margin-left:5px; }
.footer-navi a{ display:block; border-bottom:1px solid #333; height:20px; padding-top:1.5px; vertical-align:middle;}
.footer-navi a:hover{ border-bottom:1px solid #fff;}

/*------------------------------------------------------------------*/
/*----Lista Aparatura--*/
.echipament{
	padding:10px;
	padding-bottom:0px;
	border:1px solid #363636;
	margin-bottom:10px;
	position:relative;
}
.echipament h2{
	background-color:#000;
	border-bottom:1px solid #fff;
	margin-bottom:5px;
	padding:10px;
	font-size:15px;
}
.echipament img{
	float:left;
	border:1px solid #fff;
	margin-top:5px;
}
.echipament hr{
	clear:both;
	visibility:hidden;
	margin-bottom:5px;
}
.echipament table{
	width:490px;
	float:right;
	
	/*color:#fff;*/
}
.echipament tr{
	height:45px;
}
.echipament tr:hover{
	background-color:#111;
	/*color:#fff;*/
}

.echipament td{
	border-bottom:1px solid #363636;
	padding-left:10px;
	padding-right:10px;
}
.numar_buc{
	color:#111;
	background-color:#fff;
	width:32px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
}
/*------------ forms -----------------------*/
label { font-weight: bold; }


/* Fieldsets */
fieldset    { padding:10px; border: 1px solid #333; width:290px; }
legend      { font-weight: bold; font-size:12px; }

/* Text fields */
input.text, input.title   { width: 280px; }
input.text, input.title   { border:1px solid #333; padding:1px; margin-bottom:6px; }


/* Textareas */
textarea            { width: 280px; height: 150px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #333;  padding:5px; }


/* Select fields */
select              { border:1px solid #333; background:#f6f6f6; width:200px; }


/*------------------------------------------------------*/

.el_galerie{
color:#fff;
width:150px;
height:150px;
padding:10px;
border:1px solid #333;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; background-color:#222; margin-bottom:5px; float:left; margin-left:5px;}

.el_galerie img{
 display:block; width:130px; margin:0 auto;}

.el_galerie a{
display:block;
background-color:#ffff50;
color:#111;
font-weight:bold;
text-align:center;
margin:10px;
margin-top:15px;}

.el_galerie a:hover{
background-color:#FFFFFF; color:#111;} 

a.bt_back_gal{
	display:block;
	background-color:#ffff50;
	color:#111;
	font-weight:bold;
	text-align:center;
	margin:1px;
	margin-top:1px;
	width:155px;
}
a.bt_back_gal:hover{ background-color:#FFFFFF; color:#111;} 

/*--- image slideshow -----*/
	#dhtmlgoodies_slideshow{
		width:680px;	/* Total width of slideshow */
		margin:0 auto;


	}
	
	#previewPane{
		border:1px solid #3f3f3f;
		margin-bottom:10px;
		margin-top:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 522px;	/* IE 5.x */
		height/* */:/**/510px;	/* Other browsers */
		height: /**/510px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
		color:#ffff50;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		/*border-top:1px solid #333;*/
		/*border-bottom:1px solid #333;*/
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		
		padding:1px 1px 1px 0px;
		border-right:1px solid #ffff50;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		
		padding:1px 0px 1px 1px;
		border-left:1px solid #ffff50;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
/*------------*/
#parteneri{}
#parteneri a{
	display:block;
	width:140px;
	height:100px;
	padding:5px;
	background-color:#FFFFFF;
	border:5px solid #333;
	margin:5px;
	float:left;
	text-align:center;
	vertical-align:bottom;
}
#parteneri a:hover{ background-color:#ffff50;}
#parteneri a img{}