/*

CODURI CULORI

portocaliu #ff9900
verde #009900
albastru #1573e7

albastru bara #0071ad / #1573e7 (#4cadf4)
verde bara #84e003 / #44c602
albastru titlu #046cb8
verde titlu #61a804
portocaliu #ff6501
portocaliu text #ff7113
footer #4c4c4c
footer text #72bc2b


STRUCTURA CSS

#wrapper
	#header
		#headerLogo
			h1
		#headerSidebar
			#languages
	#navigation
		#navigationMain
			#slogan
		#navigationSidebar
	#content
		#contentMain
			h2, h3, h4
			.contentLeftColumn
			.contentRightColumn
			.portfolioRow
				.contentLeft/RightColumn
					.portfolioTitle
					.portfolioImage
					.portfolioCaption
		#contentSidebar
#footer
	.container
		.copyright

*/

.debug {
	border:1px solid red;
}
body {
	padding:0px;
	margin:0px;
	background:#fff;
	color:#666;
	font:14px/18px Georgia, "Times New Roman", Times, serif;
	background:url('/-images/body-green.png') top repeat-x;
}
div, p, ul, h2, h3, h4, img {
	padding:0px;
	margin:0px;
}

ul {
	list-style-type:none;
}
a {
    /*background:#0099FF; */
	color:#0000CD;
	text-decoration:none;
    /*font-weight: bold;    */
}
ul.circle {
  list-style-type: circle;
  background:none;
  list-style-position: inside;
  margin-left: 60px;
}

a:hover {
	text-decoration:underline;
}
a.sites:hover {
  background: #44c602;
}

#wrapper {
	width:850px;
	margin:0 auto;
}
#header {
	display:block;
	height:80px;
	width:100%;
	overflow:hidden;
}
#headerLogo {
	float:left;
	overflow:hidden;
	display:block;
	width:540px;
}
#headerLogo a {
	display:block;
	background: url('/-images/logo.png') no-repeat;
	width:400px;
	height:60px;
	margin:0;
	padding:0;
}
#headerLogo h1 span {
	visibility:hidden;
	display:none;
}
#headerSidebar {
	display:block;
	background: url('/-images/sidebar.gif') repeat-y;
	width:273px;
	height:80px;
	float:left;
}
#navigation {
	clear:both;
	display:block;
	height:190px;
	width:100%;
}
#slogan {
	background:none;
}
#navigationMain {
	display:block;
	width:540px;
	height:190px;
	float:left;
}
#navigationSidebar {
	display:block;
	background: url('/-images/sidebar-nav-green.png') repeat-y;
	width:273px;
	height:190px;
	float:left;
	background-color:#FFF;
}
#content {
	clear:both;
	display:block;
	padding-bottom:20px;
	overflow:auto;
	min-height:500px;
}
#contentMain {
	display:block;
	width:540px;
	float:left;
}
.contentBreak {
	display:block;
	width:540px;
	float:left;
}
#contentSidebar {
	display:block;
	background: url('/-images/sidebar.gif') repeat-y;
	width:273px;
	float:left;
	background-color:#FFF;
}
#contentSidebarBottom {
	display:block;
	background: url('/-images/sidebar-bottom.gif') no-repeat top;
	width:273px;
	height:20px;
}
#footer {
	clear:both;
	display:block;
	width:100%;
	background-color:#4c4c4c;
	overflow:auto;
}
#footer p {
	padding:5px;
}
#content h2 {
	padding:20px 10px 0 10px;
}
#content p {
	padding:10px;
}
#sidebar h2, #sidebar ul {
	padding:10px;
}
#slogan p {
	color:#1573e7;
	font-style:italic;
	padding:10px;
	font-size:18px;
}
#navigationMain ul {
	position:relative;
	top:105px;
	left:160px;
	font-family:Verdana, Geneva, sans-serif;
	font-variant:small-caps;
	letter-spacing:2px;
	color:#fff;
	font-weight:bold;
}
#navigationMain ul li {
    float:left;
    margin-left:250px;
}
#navigationMain ul li a {
	display:block;
	color:#000;
	border-right:1px dotted #000;
	padding:1px 15px 3px 15px;
	background:none;
}
h2 {
	margin:10px;
	color:#f90;
}
h3 {
	margin-left:10px;
	padding:10px;
	color:#1573e7;

}
h4 {
	margin-left:10px;
    padding:10px;
  	/* padding-top:0; */
	color:#090;
}
#languages {
	padding-right:40px;
	padding-top:20px;
	text-align:right;
}
.navigationHome a {
	color:#000;
	display:block;
	height:80px;
	width:80px;
	background-color:#1573e7;
	margin-left:40px;
	float:left;
	text-align:center;
	background:url(/-images/navigation-home-blue.png);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:30px;
}
.navigationHome a span {
	display:block;
	padding-top:50px;
}
.navigationHome a:hover {
	background-color:#0071ad;
	background:url(/-images/navigation-home-blue.png) 0 80px;
	text-decoration:none;
}
.navigationContact a {
	color:#000;
	display:block;
	height:80px;
	width:80px;
	background-color:#44c602;
	margin-left:30px;
	float:left;
	text-align:center;
	background:url(/-images/navigation-contact-blue.png);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:30px;
}
.navigationContact a span {
	display:block;
	padding-top:50px;
}
.navigationContact a:hover {
	background-color:#84e003;
	background:url(/-images/navigation-contact-blue.png) 0 80px;
	text-decoration:none;
}
.navigationServices a {
	color:#000;
	display:block;
	height:80px;
	width:80px;
	background-color:#44c602;
	margin-left:30px;
	float:left;
	text-align:center;
	background:url(/-images/navigation-services-blue.png);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:30px;
}
.navigationServices a span {
	display:block;
	padding-top:50px;
}
.navigationServices a:hover {
	background-color:#84e003;
	background:url(/-images/navigation-services-blue.png) 0 80px;
	text-decoration:none;
}
.navigationAbout a {
	color:#000;
	display:block;
	height:80px;
	width:80px;
	background-color:#44c602;
	margin-left:40px;
	float:left;
	text-align:center;
	background:url(/-images/navigation-about-blue.png);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:30px;
}
.navigationAbout a span {
	display:block;
	padding-top:50px;
}
.navigationAbout a:hover {
	background-color:#84e003;
	background:url(/-images/navigation-about-blue.png) 0 80px;
	text-decoration:none;
}
#contentSidebar ul {
	width:190px;
	margin:10px 0 20px 40px;
}
#contentSidebar ul li.dot {
	background:url(/-images/bullet.gif) 0 7px no-repeat;
	padding:0 0 0 20px;
	margin-top:10px;
	font-weight:bold;
	color:#f90;
}
#contentSidebar ul li {
	background:none;
	padding:0 0 0 20px;
}
#contentSidebar h2 {
	margin-left:30px;
}
a.last {
	border:0 !important;
}
#content p {
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
}
#footer .container {
	width:800px;
	margin: 0 auto;
}
#footer .copyright {
	float:right;
	display:block;
	color:#6B8E23;
	/*padding:10px 20px;*/
    font-size: 75%
}
#footer ul {
	list-style:none;
	padding:10px;
	float:left;
}
#footer ul li {
	float:left;
	background:none;
}
#footer ul li a {
	background:none;
	padding:2px 20px;
	border-right:1px dotted #ccc;
    color:	#FFFFFF;
}
.contentFirstRow {
	display:block;
	width:540px;
	float:left;
}
.contentSecondRow {
	display:block;
	width:540px;
	float:left;
}
.contentThirdRow {
	display:block;
	width:540px;
	float:left;
}
.contentLeftColumn {
	display:block;
	width:270px;
	float:left;
}
.contentRightColumn {
	display:block;
	width:270px;
	float:right;
}
#contentSidebar a {
	color:#090;
	background:none;
	text-decoration:underline;
}
#contentSidebar a:hover {
	text-decoration:none;
}
#languages img {
	border:0;
	padding:3px;
	background:#fff;
}
.portfolioItem {
	padding:10px 20px;
	margin:10px;
}
.portfolioTitle {
	font-weight:bold;
	text-align:center;
	color:#1573e7;
	padding:3px;
}
.portfolioImage {
	border:1px;
}
.portfolioImage img {
	width:200px;
	height:150px;
    border: solid;
    border-color: gray;
}
.portfolioCaption {
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#090;
}
.contactTable {
  padding:3px;
  margin:10px;
}
hr {
  margin:15px;
  color:#009900;
}

h5 {
  color:#FF0000;
  margin-left:20px;
  font-weight:bold;
}

.crossLinksWrap
{
  width:1068px; 
  margin-left:165px; 
  color:black; 
  padding:5px 0px 5px 0px; 
} 

.crossLinks table 
{
  width:100%; 
} 

.crossLinks td 
{
  text-align:center; 
  width:1%; 
}