@CHARSET "UTF-8";

/* author: Ioan Albescu - aminte.ro */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
table td {vertical-align: top;}

.cleared 
{
	clear: both;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 1px;
	width: 100%;
}

body
{
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: url(../images/bg.png) repeat-x;
	background-color: #e8edf0;
}

#donny_wrapper
{
	width: 780px;
	height: 600px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	background: url(../images/bg.png) repeat-x;
}
	#header
	{
		width: 780px;
		height: 336px;
	}
		#header_content
		{
			width: 780px;
			height: 336px;
			background: url(../images/logo_mare.png) 40px 90px no-repeat;
			position: relative;
		}
			#header_titles
			{
				width: 690px;
				height: 290px;
				position: absolute;
				top: 60px;
				left: 44px;
				text-indent: -9999px;
				z-index:200;
			}
				.contact_section
				{
					background: url(../images/contact_img.png) no-repeat;
				}
				.about_section
				{
					background: url(../images/despre_img.png) no-repeat;
				}
				.products_section
				{
					background: url(../images/produse_img.png) no-repeat;
				}
				.sosete_de_bowling
				{
					background: url(../images/sosete_protective_img.png) no-repeat;
				}
				.botosei
				{
					background: url(../images/botosei_img.png) no-repeat;
				}
				.sticle_picurator
				{
					background: url(../images/sticle-picurator_img.png) no-repeat;
				}
				.masti
				{
					background: url(../images/masti_img.png) no-repeat;
				}
				.maneci
				{
					background: url(../images/maneci_img.png) no-repeat;
				}
				.cotiere
				{
					background: url(../images/cotiere_img.png) no-repeat;
				}
				.bonete
				{
					background: url(../images/bonete_img.png) no-repeat;
				}
				.sorturi
				{
					background: url(../images/sorturi_img.png) no-repeat;
				}
				.halat
				{
					background: url(../images/halat_img.png) no-repeat;
				}
				.material_pomi
				{
					background: url(../images/material_pomi_img.png) no-repeat;
				}
				.material_pavaje
				{
					background: url(../images/material_pavaje_img.png) no-repeat;
				}
				.admin_screen
				{
					background: url(../images/admin_img.png) no-repeat;
				}
				.products_display
				{
					/* float: left;
					width: 320px;
					margin-left: 10px; */
				}
					.products_display h2
					{
						font-size: 16px;
						line-height: 24px;
						margin-bottom: 10px;
					}
					
					.products_display ul
					{
						margin-left: 20px;
					}
					
					.products_display ul li
					{
						float: left;
						width: 145px;
						margin-right: 20px;
						margin-bottom: 20px;
						text-align: center;
					}
						.products_display ul li a, .products_display ul li a img
						{
							border: none;
							text-decoration: none;
							color: #003974;
						}
							.products_display ul li a span
							{
								display: block;
								height: 20px;
								font-weight: bold;
							}
							
							.products_display ul li a:hover
							{
								color: #000;
							}
				.product_details
				{
					float: left;
					width: 490px;
					margin-left: 10px;
					background: url(../images/vertical_delim.png) top right repeat-y;
				}
					.product_details p
					{
						margin-left: 20px;
					}
				.product_menu
				{
					float: left;
					width: 150px;
					margin-left: 10px;
				}
					.product_menu ul
					{
						margin-top: 20px;
						margin-left: 10px;
					}
						.product_menu ul li
						{
							margin-bottom: 10px;
							font-size: 12px;
							line-height: 14px;
							display: block;
							width: 100%;
							padding: 5px;
						}
							.product_menu ul li a
							{
								text-decoration: none;
								color: #068eda;
							}
								.product_menu ul li a:hover
								{
									color: #000;
									text-decoration: underline;
								}
			#header_messages
			{
				width: 692px;
				margin-left: 22px;
				position: absolute;
				top: 200px;
				text-align: right;
			}
				#header_messages h1
				{
					font-size: 36px;
					font-weight: bold;
					font-family: Verdana, Tahoma, Arial, sans-serif;
				}
				#header_messages p#site_motto
				{
					font-size: 13px;
					font-family: Verdana, Tahoma, Arial, sans-serif;
					font-style: italic;
				}
				
			#top_delim_img
			{
				margin-left: 44px;
				width: 692px;
				height: 4px;
				background-color: #068eda;
			}
			
			#main_menu
			{
				width: 692px;
				margin: 0 44px;
				z-index:220;
			}
				#logo
				{
					width: 152px;
					margin-top: 10px;
					height: 82px;
					float: left;
					border: none;
					z-index:221;
					position: absolute;
				}
				
				ul#top_menu
				{
					width: 440px;
					margin-top: 10px;
					height: 33px;
					float: right;
					text-align: right;
				}
					ul#top_menu li
					{
						display: inline;
						height: 33px;
						line-height: 33px;
						margin-right: 10px;
					}
						ul#top_menu li a
						{
							color: #000000;
							font-size: 9px;
							font-weight: bold;
							font-family: Verdana, Tahoma, Arial, sans-serif;
							text-decoration: none;
						}
							ul#top_menu li a:hover
							{
								text-decoration: underline;
							}
				ul#products_slideshow
				{
					margin-left: 134px;
					margin-top: 50px;
					text-align: right;
					width: 580px;
				}
				
					ul#products_slideshow li
					{
						display: inline;
						margin-left: 15px;
					}
	#content
	{
		margin-left: 40px;
		margin-top: 30px;
		margin-right: 50px;
		font-family: Verdana, arial, sans-serif;
		/* position: relative; */
	}
	
	#content p
	{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
		margin-right: 10px;
	}
		#content p strong
		{
			font-weight: bold;
		}
		
		#content p.detalii_link
		{
			/* position: absolute; */
			top: 230px;
			font-size: 10px;
			padding-left: 150px;
		}	
			#content p.detalii_link a
			{
				color: #068eda;
				color: #003974;
				text-decoration: none;
			}
				#content p.detalii_link a:hover
				{
					text-decoration: underline;
				}
			
		#produse_recomandare, #form_contact
		{
			width: 400px;
			float: left;
		}
		#produse_recomandare ul
		{
			margin-left: 30px;
			margin-top: 10px;
		}
			/*#produse_recomandare ul li
			{
				background: url(../images/arrow_li.png) left middle no-repeat;
				text-indent: 30px;
			}*/
			#produse_recomandare h2, #form_contact h2
			{
				color: #068eda;
				color: #000;
				font-weight: bold;
				line-height: 22px;
			}
		#content #vertical_delim
		{
			display: block;
			float: left;
			width: 2px;
			height: 250px;
		}
		#content #vertical_delim2
		{
			display: block;
			float: left;
			width: 2px;
			height: 300px;
		}
		#content #vertical_delim3
		{
			display: block;
			float: left;
			width: 2px;
			height: 480px;
		}	
		
		#date_firma
		{
			width: 265px;
			float: right;
			margin-left: 20px;
		}
		
		#horizontal_align
		{
			width: 692px;
			height: 2px;
			margin-top: 35px;
		}
		
		#horizontal_align2
		{
			width: 692px;
			height: 2px;
		}
		
		.horizontal_align3
		{
			width: 490px;
			height: 2px;
		}
		
		#contact_form
		{
			font-size: 11px;
			line-height: 16px;
		}
			#contact_form label
			{
				width: 160px;
				float: left;
				text-align: right;
				margin-right: 10px;
				display: block;
				font-size: 11px;
				line-height: 16px;
			}
			
			#contact_form .error
			{
				color: #FF0000;
			}
			#contact_form span.error
			{
				color: #FF0000;
				font-size: 10px;
				line-height: 16px;
			}
				
			#contact_form input#submit
			{
				margin-left: 170px;
			}
		
		p#copyright
		{
			font-size: 11px;
			line-height: 16px;
			float: left;
		}
		p#footer_links
		{
			font-size: 11px;
			line-height: 16px;
			float: right;
			color: #003974;
		}
			p#footer_links a
			{
				color: #003974;
				text-decoration: none;
			}
				p#footer_links a:hover
				{
					color: #068eda;
					text-decoration: underline;
				}
				
		p#img_source
		{
			margin-top: 40px;
			font-size: 10px;
			line-height: 10px;
		}
			p#img_source a
			{
				text-decoration: none;
				color: #a8a8a8;
			}
			
		.product_menu ul li a.active_product
		{
			color: #000;
		}
		p.product_details_caracteristics
		{
			width: 210px;
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}
		p.product_details_caracteristics_single, p.product_price
		{
			/*min-height: 100px;*/
			float: none;
			clear: both;
		}
		#content p.product_price
		{
			color: #FF4533;
			color: #FF0000;
			font-size: 14px;
			line-height: 20px;
			margin-top: 20px;
			margin-right: 10px;
			clear: both;
			display: block;
		}
		
	#price_tag
	{
		position: absolute;
		top:270px;
		left:-70px;
	}
	
		#price_tag img
		{
			position: absolute;
			z-index:3;
			cursor: pointer;
		}
		
		#price_tag h3
		{
			display:block;
			width: 370px;
			position: absolute;
			top:30px;
			left:50px;
			padding: 10px;
			padding-left: 80px;
			font-size: 24px;
			color: #F00;
			line-height: 36px;
			border: solid 1px #c9c9c9;
			background-color: #FFF;
			z-index:2;
			font-weight: bold;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
h3.special_notice
{
	font-weight: bold;
	margin: 0 20px;
	color: #FF0000;
	clear: both;
	display: block;
}

	h3.special_notice img
	{
		width:24px;
		float: left;
		margin-right: 10px;
	}
	
.multiple_details, .multiple_details_title
{
	display: block;
	clear:both;
	overflow: hidden;
}

	.multiple_details_title
	{
		/*padding-top: 24px;*/
		position: relative;
	}
	
	.multiple_details img.product_demo, .multiple_details_title img.product_demo
	{
		margin-right: 10px;
		margin-left: 20px; 
		margin-top: 30px;
	}
	
	.multiple_details_title img.product_demo
	{
		float: left;
		margin-top: 0;
	}

	.multiple_details h4
	{
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		margin-left: 20px;
		margin-top: 10px;
		display: block;
		color: #068EDA;
	}

.prod_description_table td
{
	vertical-align: top;
}
.prod_description_table p
{
	font-size: 12px;
	line-height: 20px;
	margin-top: 0;
	margin-right: 10px;
}

#logo_motto 
{
    font-weight: bold;
    left: 0;
    padding: 5px;
    position: absolute;
    bottom: 10px;
    left: 470px;
}

.red {
    color: #FF0000;
}

.multiple_details_title h4
{
	font-weight: bold;
	float:left;
	padding-top: 30px;
	padding-left: 20px;
}