/**
 *	Detectiv Particular - Main StyleSheet Library
 *	Author: Justin Valceanu @ ODM
 *	Implemented by: Justin Valceanu @ ODM  
 *	www.odm.ro
 */
 
@charset "utf-8";

* { outline: 0; }

/*
	Page Defitions
*/
body {
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #1c1c1c;
}

#container { 
	width: 1000px;
	background: #000000 url('images/bg.webp');
	margin: 0 auto; 
	text-align: left; 
}

/*
	Header Defitions
*/
#header { 
	background: #000000;
	height: 40px;
} 

	#header #logo {
		width: 40px;
		height: 35px;
		float: left;
		display: inline-block;
		background: url('images/face.webp') no-repeat;
		text-indent: -9999px;
		margin-left: 10px;
		margin-top: 0px;
	}
	
		#header #logo a {
			width: 40px;
			height: 35px;
			display: block;
		}

	#header #topMenu {
		margin-left: 0px;
	}
	
		#header #topMenu ul {
			list-style: none;
		}

			#header #topMenu ul li {
				list-style: none;
				float: left;
				margin-top: 10px;
				margin-left: 20px;
			}
	
				#header #topMenu ul li a {
					text-transform: uppercase;
					text-decoration: none;
					font-weight: bold;
					letter-spacing: 0.05em;
					font-size: 14px;
					color:#8f8f8f;
				}
				
					#header #topMenu ul li a.on {
						color: #FFFFFF;
					}

	#header #languages {}
	
		#header #languages ul {
			list-style: none;
			float: right;
			right: 0px;
			padding: 0px;
			line-height: 50px;
		}

			#header #languages ul li {
				list-style: none;
				float: left;
				margin-top: -10px;
			}
	
			#header #languages ul li.language {
				padding: 0;
				background:none;
				padding-left: 10px;
				text-indent: -9999px;
				width: 36px;
				height: 36px;
			}

				#header #languages ul li.language a {
					float: left;
					font-size: 10px;
					text-decoration: none;
					color: #FFFFFF;
					line-height: 10px;
					opacity: 0.7;
					width: 36px;
					height: 36px;
					display: block;
				}

				#header #languages ul li.language a:hover {
					opacity: 1.0;
				}
			
					#header #languages ul li.language a.en {
						background: url(images/us.webp) bottom left no-repeat;
						line-height: 10px;
					}

					#header #languages ul li.language a.ro {
						background: url(images/ro.webp) bottom left no-repeat;
						line-height: 10px;
					}			
									
/*
	Footer Defitions
*/
#footer {
	height: 40px;
	background: #000000;	
}

	#footer #developer { 
		float: left;
		width: 120px;
		height: 45px;
		background: url(images/developer.webp) left no-repeat;
		margin-right: 10px;
		margin-top: 3px;
		text-indent: -1999px;
		display: block;
	}

		#footer #developer a { 
			text-indent: -1999px;
			display: block;
			width: 120px;
			height: 45px;
		}

	#footer #copyright {
		float: left;
		color: #cccccc;
		margin-right: 15px;
		margin-top: 3px;
	}

		#footer #copyright strong {
			color: #FFFFFF;
			font-size: 14px;
		}
		
		#footer #copyright a {
			color: #cccccc;
		}

			#footer #copyright a:hover {
				text-decoration: none;
			}

		#footer #motto {
			margin-top: 3px;
			width: 350px;
			padding-left: 25px;
			font-size: 14px;
			float: left;
			color: #FFCC00;
		}	
		
			#footer #motto a {
				color: #FF0000;
				display: block;
				text-align: center;
				text-decoration: none;
				border: 1px solid #DDDDDD;
				width: 60px;
				padding: 3px;
				margin: 0 auto;
				margin-top: 5px;
				margin-bottom: 5px;
			}
			
	#footer #sigle {
		float: right;
		margin-top:10px;
	}

		#footer #sigle .trafic_ro {
			float: right;
			background: url('images/trafic.webp') left no-repeat;
			width: 88px;
			height: 31px;
			right: 0px;
		}

/*
	Page Contents Defitions
*/
#mainContent {
	min-height: 500px;
}

	#mainContent .topStaticContent,
	#mainContent .bottomStaticContent {
		color: #ffcc00;
		width: 400px;
		padding: 0px;
		margin: 0px;
		margin: 0 auto;
	}

		#mainContent .topStaticContent p,
		#mainContent .bottomStaticContent p {
			text-align: center;
			font-size: 26px;
			margin: 0px;
			padding: 0px;
		}

			#mainContent .topStaticContent p em,
			#mainContent .bottomStaticContent p em {
				font-size: 18px;				
			}

	#mainContent #servicesPage {
		position: relative;
		/*margin: 135px 0px 135px 0px;*/
		margin: 0px 0px 0px 0px;
		height: 310px;
		width: 1000px;
		overflow: hidden;	
	}

		#mainContent #servicesPage ul#services {
			margin: 0px;
			padding: 0px;
			height: 305px;
			display: block;
			width: 3500px;
			list-style: none;
		}
	
			#mainContent #servicesPage ul#services li {
				float: left;
				list-style: none;
				height: 300px;
				width: 248px;
				margin: 6px;
				background: url('images/servicesBoxBg.webp') left top repeat-x;
				border: 1px solid #666666;
			}

			#mainContent #servicesPage ul#services li:hover {
				background: url('images/servicesBoxBgOver.webp') left top repeat-x;
				cursor: pointer;
			}
			
				#mainContent #servicesPage ul#services li .content {
					margin: 0 auto;
					width: 230px;
					margin-top: 7px;
				}
			
					#mainContent #servicesPage ul#services li .content div.image {
						margin: 0 auto;
						text-align: center;
					}
							
						#mainContent #servicesPage ul#services li .content div.image img {
							margin: 0 auto;
							border: 3px solid #666666;
							width: 225px;
							height: 127px;
						}		
				
					#mainContent #servicesPage ul#services li .content h2 {
						color: #FFCC00;
					}

					#mainContent #servicesPage ul#services li .content p {
						color: #979797;
						font-size: 12px;
					}
		
	#mainContent #contactPage {
		margin: 0 auto;
		width: 575px;
		height: 360px;
		margin-top: 135px;
		/*
		margin-bottom: 135px;
		*/
		background: url("images/contactBoxBg.webp") top left repeat-x;
		border: 1px solid #666666;
	}
	
		#mainContent #contactPage #adress {
			width: 250px;
			float: left;
		}
		
			#mainContent #contactPage #adress span {
				font-size: 12px;
				margin: 10px;
			}
			
				#mainContent #contactPage #adress span div.name {
					font-size: 24px;
					color: #FFFFFF;
					padding-left: 10px;
				}

				#mainContent #contactPage #adress span div.text,
				#mainContent #contactPage #adress span div.textBig {
					color: #CCCCCC;
					padding-left: 10px;
				}

				#mainContent #contactPage #adress span div.textBig {
					font-size: 14px;
					color: #FFFFFF;
				}
				
					#mainContent #contactPage #adress span div.text a,
					#mainContent #contactPage #adress span div.textBig a {
						text-decoration: none;
						color: #7e7e7e;
					}

					#mainContent #contactPage #adress span div.textBig a {
						color: #FFFFFF;
					}
				
				#mainContent #contactPage #adress span small {
					color: #ffcc00;
					display: block;
					font-size: 12px;
					padding-left: 10px;
				}

		#mainContent #contactPage #contactForm {
			width: 325px;
			float: left;
			margin-top: 10px;
		}
			
			#mainContent #contactPage #contactForm fieldset {
				border: 0px;
			}
			
			#mainContent #contactPage #contactForm fieldset input[type=text],
			#mainContent #contactPage #contactForm fieldset input[type=submit],
			#mainContent #contactPage #contactForm fieldset textarea,
			#mainContent #contactPage #contactForm fieldset select {
				float: right; 
				margin-right: 10px;
				width: 230px;
				border: 1px solid #666666;
				background: #1a1a1a;
				color: #FFFFFF;
			}

			#mainContent #contactPage #contactForm fieldset input[type=submit] {
				width: 100px;
				margin-right: 60px; 
			}
			
			#mainContent #contactPage #contactForm fieldset textarea {
				height: 200px;
			}
			
			#mainContent #contactPage #contactForm fieldset label {
				float: right;
				color: #FFFFFF;
				font-size: 12px;
				width: 50px;
			}
			
	#mainContent .contentPage {
		width: 800px;
		min-height: 460px;
		margin: 0 auto;
		padding: 10px;
		margin-top: 135px;
		background: #000000 url("images/pageBoxBg.webp") top left repeat-x;
		border: 1px solid #DDDDDD;
	}	

		#mainContent .contentPage h1 {
			color: #FFFFFF;
			margin-bottom: 25px;
		}
		
		#mainContent .contentPage h2 {
			margin: 0px;
			padding: 0px;
			font-size: 12px;
			color: #FFCC00;
		}
		
		#mainContent .contentPage p {
			margin: 0px;
			padding: 0px;
			color: #FFFFFF;
			font-size: 12px;
		}

		#mainContent .contentPage a {
			text-decoration: none;
			color: #FFCC00;
			border-bottom: 0px dotted #FFCC00;
		}

		#mainContent .contentPage a:hover {
			border-bottom: 1px dotted #FFCC00;
		}
		
		#mainContent .contentPage li,
		#mainContent .contentPage strong {
			font-size: 12px;
			color: #FFFFFF;
		}
		
		
/* Modifications */


.siglaPDPR, .sigla20Ani {
	text-indent: -9999px;
	height: 100px;
}

.siglaPDPR {
	float: left;
	width: 207px;
	margin-left: 20px;
	margin-right: 30px;
	/*background: url('poze/siglaPDPR.webp') top left no-repeat;*/
}

.sigla20Ani {
	float: right;
	width: 207px;
	margin-right: 20px;
	background: url('poze/sigla20Ani.webp') top left no-repeat;
}

.topStaticContent p {
	float: left;
	width: 500px;
	
}