/* Copyright (C) 2006 Radu Igret. All rihts reserved.*/


/*--------- tags redefine ----------------------*/

body {
	background-color: #FAFAFA;
	color: #3E3E3E;	
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
}


img {border: none;}

a {color: #3E3E3E; text-decoration: none;}
a:hover {color: #577BC5; text-decoration: none;}

p, ul, ol {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 150%;
}	

h1,h2,h3,h4,h5,h6 {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;	font-style: normal;}

li:hover em {color: #3E3E3E;}
li em, li em a {color: #AAAAAA;}


/*--------- page layout ----------------------*/
#page {
	text-align: left;
	width: 792px;
	margin: 20px auto 20px auto;
}

#leftmargin {
	background-image: url(header_left.gif);
	background-repeat: no-repeat;
	width: 21px;
	height: 90px;
	margin: 0px;
	padding: 0px;	
   float: left;
}

#middlepage {
	width: 750px;
	height: 90px;
	margin: 0px;
	padding: 0px;	
   float: left;
}

#rightmargin {
	width: 21px;
	height: 90px;
	margin: 0px;
	padding: 0px;	
   float: right;
}

/*--------- content layout ----------------------*/
#header {
	background-color: #577BC5;
	width: 100%;
	height: 90px;
	margin: 0px;
	padding: 0px;	
   float: left;
}

#logo {
	background-image: url(logo.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 244px;
	margin: 0px;
	padding: 0px;	
   float: left;
}

#nav {
	display: inline;
	height: 40px;
	padding-top: 10px;
	float: right;
}

#menu {
	background-color: #646464;
	width: 100%;
	margin: 0px;
	padding: 0px;	
   float: left;
}

#content {
	background-color: #FAFAFA;
	width: 100%;
	float: left;
}

#footer {
	background-color: #577BC5;
	color: #FAFAFA;
	width: 100%;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 180%;
	text-indent: 10px;
	border-bottom: 2px solid #577BC5;
	margin-top: 20px;
	clear: both;
}

#designby {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: small;
	color: #AAAAAA;
	padding: 5px;
	clear: both;
	float: right;
}

#designby a:link, #designby a:visited {color: #AAAAAA;}
#designby a, #designby a:focus, #designby a:hover, #designby a:active {color: #577BC5;}


/*--------- menu layout ----------------------*/
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {padding-right: 1px; float: left;}

#menu a {
	display: block; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	letter-spacing: 1px;
}

#menu a:link, #menu a:visited  {
	background-color: #646464;
	color: #FAFAFA;
	text-decoration: none;
	border-top: 4px solid #646464;
	border-bottom: 4px solid #646464;
	border-left: 20px solid #646464;
	border-right: 20px solid #646464;
}

#menu a, #menu a:focus, #menu a:hover, #menu a:active	{
	text-decoration: none;
	background-color: #BDD084;
	color: #646464; 
	border-top: 4px solid #BDD084;
	border-bottom: 4px solid #BDD084;	
	border-left: 20px solid #BDD084;
	border-right: 20px solid #BDD084;
}

#menu a:link b, #menu a:visited b {font-weight: normal; color: #646464;}
#menu a b, #menu a:focus b, #menu a:hover b, #menu a:active b {font-weight: normal;	color: #FFFFFF;}

/*--------- nav layout ------------------------*/
	
#nav ul {margin:0; padding:0;	list-style-type:none;}

#nav li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-small;
	letter-spacing: 0px;
	text-align: center;
	padding-right: 16px;
	float: left;
}

#nav a:link, #nav a:visited  {
	text-decoration: none;
	color: #FAFAFA;
}

#nav a, #nav a:focus, #nav a:hover, #nav a:active	{
	text-decoration: none;
	color: #C0C0C0; 
}

#nav a:link span, #nav a:visited span {
	text-decoration: none;
	visibility: hidden;
}

#nav a:hover{background-color: transparent;}

#nav a span {text-decoration: none; visibility: hidden;}

#nav a:focus span, #nav a:hover span, #nav a:active span {
	background-color: red;
	text-decoration: none;
	font-size: x-large;
	text-align: right;
	color: #FFFFFF;
	visibility: visible;
	position: absolute;
	top: 70px;
	right: 150px;
	width: 400px;
}

#navtitle {
	display: block;
	color: #FFFFFF;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-large;
	letter-spacing: 0px;
	text-align: right;
	padding-right: 13px;
	clear: right;
}

/*----------------- project layout ----------------------*/
.project {
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	float: left;
}	

.project p {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 5px;
	padding: 0;
}

.project img {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin: 4px 8px 4px 0px; 
	float: left;
}

.project a:hover img {border: 1px solid #577BC5;}
.project:hover { background-color: #F7F7F7;}

.project h2 {
	color: #3E3E3E;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: large;
	padding: 0;
	margin: 5px 0 10px 0;
}

.project h2 em {color: #AAAAAA; font-style: normal; padding-right: 3px;}

/*----------------- item layout ----------------------*/
.item {width: 100%;	border-bottom: 1px solid #DDDDDD; float: left;}	
.item p {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;	font-size: small;	margin: 5px; padding: 0;}
.item img {padding: 2px; margin: 4px; float: left;}

/*------------- titlu layout ----------------*/
.titlubox {clear: left;}
.titluno {float: right;}
.titlu {float: left;}
.titluimg {float: left;}
.subtitlu {clear: left;}
.titludata {
	color: #AAAAAA;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: x-small;
   clear: right;
	float: right;
}
.titlu h1, .titlu h2, .titlu h3, .titluno h1, .titluno h2, .titluno h3 {	
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

.titlu h1 {font-size: xx-large;}
.titlu h2 {font-size: x-large;}
.titlu h3 {font-size: large;}
.titlu h6 {font-size: small; font-weight: normal;}

/*------------- siteanv layout ----------------*/
#sitenav {
	float: left;
	margin-bottom: 15px;
}

#sitenav ul {
	margin: 0px; 
	padding: 0px;
	line-height: 120%; 
	float: left;
}

#sitenav li {
	background-image: url(arrow_bullet.png);
	background-repeat: no-repeat;
	background-position: 0px;
	display: inline;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding-left: 12px;
	padding-right: 2px;		
}

#sitenav a:link, #sitenav a:visited  {
	text-decoration: none; 
	color: #AAAAAA;
}

#sitenav a, #sitenav a:focus, #sitenav a:hover, #sitenav a:active	{
	text-decoration: none;
	color: #577BC5; 
}

/*----------------- paragraf layout ----------------------*/
.paragraf {font-size: large; color: gray; clear: left;}

.paragraf em {
	background-color: #577BC5;
	color: #FAFAFA;
	font-style: normal;
	padding: 1px 6px 1px 6px;
	border-right: 8px solid #FAFAFA;
}

/*----------------- lists layout ----------------------*/
.bullet_in {list-style-position: inside;}
.bullet_out {list-style-position: outside;}
.nobullet_in {list-style-type: none; list-style-position: inside; margin: 0;}
.nobullet_out {list-style-type: none; list-style-position: outside; margin: 0;}
.check_bullet_in {list-style: inside url(check_bullet.png);}
.check_bullet_out {list-style: outside url(check_bullet.png);}
.pcb_bullet_in {list-style: inside url(pcb_bullet.png);}
.pcb_bullet_out {list-style: outside url(pcb_bullet.png);}
.pdf_bullet_in {list-style: inside url(pdf_bullet.png);}
.pdf_bullet_out {list-style: outside url(pdf_bullet.png);}
.zip_bullet_in {list-style: inside url(zip_bullet.png);}
.zip_bullet_out {list-style: outside url(zip_bullet.png);}
.asm_bullet_in {list-style: inside url(asm_bullet.png);}
.asm_bullet_out {list-style: outside url(asm_bullet.png);}
.link_bullet_in {list-style: inside url(link_bullet.png);}
.link_bullet_out {list-style: outside url(link_bullet.png);}
.png_bullet_in {list-style: inside url(png_bullet.png);}
.png_bullet_out {list-style: outside url(png_bullet.png);}
.jpg_bullet_in {list-style: inside url(jpg_bullet.png);}
.jpg_bullet_out {list-style: outside url(jpg_bullet.png);}

/*----------------- items layout ----------------------*/
.text {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
}	

.textbig {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: large;
	padding: 0;
}	
	
.clearboth {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

.right {padding-left: 4px; float: right;}
.left {padding-right: 4px; float: left;}
.righttight {padding: 0px; margin: 0px; float: right;}
*html .righttight {padding: 0px; margin: 0 -6px 0 0; float: right;}
.lefttight {padding: 0px; margin: 0px; float: left;}
*html .lefttight {padding: 0px; margin: 0 0 0 -6px; float: left;}


.portocaliu {color: orange;}
.gri {color: gray;}
.grideschis {color: silver}

.alungit { letter-spacing: 1px;}
.maialungit { letter-spacing: 3px;}

.border4L {
	border: 1px solid #DDDDDD;
	padding: 4px;
	margin: 2px;
	float: left;
}

.border4L:hover {border: 1px solid #577BC5;}

.important {
	background-color: #DDDDDD;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	padding: 5px 12px 5px 12px;	
}		

.italic {font-style: italic;}
* html .italic {font-style: normal;}

.collist {
	padding-left: 10px;
	width: 31%;
	float: left;
	border-left: 1px solid #DDDDDD;
}

.collistbig {
	padding-left: 10px;
	width: 31%;
	border-left: 1px solid #DDDDDD;
}

.collistbig ul {
	padding: 5px;
}

.popup span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
	text-decoration: none;
	float: left;
}

.popup:hover span{ /*CSS for enlarged image on hover*/
	position: relative;
	visibility: visible;
	top: -30px;
	z-index: 400;
	float: right;
}

/*----------------- logo buttons layout ----------------------*/

#logobuttons {width: 600px; clear: left;}

#logobuttons a {
	text-decoration: none;
	display: inline;
	padding: 0px;
	margin: 5px 0 5px 5px;
	float: left;
}

a#getfirefox {background: url(get_firefox.png) no-repeat; width: 80px; height: 15px; padding:0px;}
a#getfirefox:hover {background: url(get_firefox_hover.png) no-repeat; width: 80px; height: 15px; padding:0px;}