/* CSS Document */

@import "br.css";
* { outline:none; }
body {
	font-family:"Tahoma";
	font-size:11px;
	height:100%;
}
li {
/*	color:#fff;*/
}
a {
	color:#1097c4;
}
#detaliu a {
	color:#fff;
}
a:hover {
	color:#000;
}
.external {
	font-size:12px;
}
.port-text a {
	padding-right:13px;
	background:url(images/external.png) no-repeat right 3px;
}
#lowdetaliu li {
	padding-left:10px;
}
#wrapper {
	margin:0 auto;
	width:810px;
	color:#555;
	background:url(images/contentplus.jpg) repeat;
}
h1.cine { background:url(images/hashuri.gif) no-repeat left top; padding-top:25px; height:0px; overflow:hidden; }
h1.ce { background:url(images/hashuri.gif) no-repeat left -50px; padding-top:25px; height:0px; overflow:hidden; 
margin-top:20px; }
h1.cum { background:url(images/hashuri.gif) no-repeat left -100px; padding-top:25px; height:0px; overflow:hidden; 
margin-top:20px;
}

h3 {
	font-size:13px;
	font-weight:bold;
	color:#555;
/*	text-transform:uppercase;*/
}
#header {
	padding-top:37px;
	_padding-top:38px;
	height:77px;
	width:100%;
	display:block;
	background:url(images/header.jpg) repeat-x;
}
#proiecteweb {
	z-index:0;
}
#logo {
	width:810px;
	margin:0 auto;
}
#logo h1 { margin:0; padding:0;}
#logolink {
	display:block;
/*	width:284px; */
	height:0px;
	background:url(images/logo.png) no-repeat 35px top;
	_background:url(images/logo.jpg) no-repeat 35px top;
	padding-top:40px;
	margin:0 auto;
	overflow:hidden;
}
#contentmic {
	padding-left:20px;
	text-align:left;
}
#content {
	width:810px;
	padding-top:30px;
/*	height:149px;*/
	background:url(images/content.jpg) no-repeat bottom center;
}

#kwick {
	position: relative;
	padding: 10px 0;
	text-align:center
}
.douaproiecte {
	float:left;
	width:104px;
	_width:100px;
}
#ieproblem .douaproiecte.ie {
	width:120px;
	_width:119px;
}
#ieproblemlow .douaproiecte.ie {
	width:117px;
	_width:115px;
}
#ieproblem {
	height:174px;
	width:500px;
	_width:495px;
	overflow-x:hidden;
	overflow-y:scroll;
}
#ieproblemlow {
	width:480px;
	margin-left:8px;
}
#kwicks {
	margin:0 auto;
}
#kwick #kwicks {
	display: block;
	background: transparent url(images/trac.gif) top right no-repeat;
	height: 100px;
	width:750px;
	width:600px;
	padding-bottom:25px;
}

#kwick li {
	float: left;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 80px;
	width: 125px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #f2f6ff;
}

#kwick .kwick span {
	display: none;
}

#kwick .download {
	background: #78ba91 url(images/download.gif);
}

#kwick .documentation {
	background: #7389ae url(images/docs.gif);
}

#kwick .blog {
	background: #c17878 url(images/blog.gif);
}

#kwick .chiarblog {
	background: #ff9933 url(images/zeblog.gif);
}

#kwick .trac {
	background: #a87aad url(images/trac.gif);
	border-right: 0;
}
#pagina {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#d3e3f3;
	display:none;
}
#pagina-content {
	background:url(images/pagina-content-bg.png);
	_background:url(images/pagina-content-bg.jpg);
	padding:25px;
	_padding:25px 25px 20px 25px;
	width:850px;
	height:510px;
	margin:0 auto;
	margin-top:25px;
}


/* meniu */
#meniu { height: 30px; position: relative; z-index: 9998; float:right; margin-top:75px; }
#meniu #navigare { margin: 0; padding: 0;}
#meniu #navigare li { display: inline;}
#meniu #navigare li a { float: left; height: 0px; padding-top: 30px; /*padding-left:30px; padding-right:30px; */overflow: hidden; }
#meniu #navigare li a { 
	background-image: url(images/menu.png); 
	_background-image: url(images/menu.jpg); 
	background-repeat: no-repeat;
}
/* BUTTONS */
#meniu #navigare li#home a { background-position: 0 0; width:92px; }
#meniu #navigare li#portofoliu a { background-position: -92px 0; width:90px; }
#meniu #navigare li#lowcost a { background-position: -182px 0; width:123px; }
#meniu #navigare li#contact a { background-position: -305px 0; width:80px; }

/* OVER STATES */
#meniu #navigare li#home a:hover { background-position: 0 -30px; }
#meniu #navigare li#portofoliu a:hover { background-position: -92px -30px; }
#meniu #navigare li#lowcost a:hover { background-position: -182px -30px; }
#meniu #navigare li#contact a:hover { background-position: -305px -30px; }

/* ON STATES */
#meniu.paghome #navigare li#home a { background-position: 0 -60px !important; }
#meniu.pagportofoliu #navigare li#portofoliu a { background-position: -92px -60px !important; }
#meniu.paglowcost #navigare li#lowcost a { background-position: -182px -60px !important; }
#meniu.pagcontact #navigare li#contact a { background-position: -305px -60px !important; }

#logo2 {
	display:block;
	width:440px;
	height:0px;
	background:url(images/logo2.jpg) no-repeat;
	padding-top:34px;
	float:left;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:45px;
}
#headermic {
	width:850px;
	height:105px;
	display:block;
}
#headermic h1 {
	color:#fff;
	height:0px;
	padding-top:21px;
	float:left;
	overflow:hidden;
	font-weight:bold;
	width:440px;
}
#homepg, #portpg, #lowpg, #contpg {
	width:750px;
	height:335px;
	display:block;
	padding-left:10px;
}
label img {vertical-align:middle; padding-right:10px;}
#portpg { height:8510px; }
#contpg { height:435px; }
#lowpg { height:1785px;margin-bottom:20px; }

#homepg {
	width:750px;
}

#lowpg h2 {
	display:block;
	width:120px;
	font-size:12px;
	font-weight:bold;
	color:#369;
	float:left;
	padding-top:7px;
}
.proiecteclienti {
	list-style-type:none;
	list-style-position:inside;
	width:595px;
	padding:7px 0 7px 15px;
/*	border-left:1px solid #ccc;*/
	float:left;
	margin:0px;
}
.categorieclienti {
	padding-bottom:15px;
	margin-bottom:15px;
	padding-left:15px;
	border-bottom:1px solid #ddd;
}

h1.hhome {
	background:url(images/hash.gif) no-repeat left top;
	_background:url(images/hash.jpg) no-repeat left top;
	width:150px !important;
}
h1.hport {
	background:url(images/hash.png) no-repeat -150px top transparent;
	_background:url(images/hash.jpg) no-repeat -150px top transparent;
	width:150px !important;
}
h1.hlow {
	background:url(images/hash.png) no-repeat -300px top transparent;
	_background:url(images/hash.jpg) no-repeat -300px top transparent;
	width:150px !important;
}
h1.hcont {
	background:url(images/hash.png) no-repeat -500px top transparent;
	_background:url(images/hash.jpg) no-repeat -500px top transparent;
	width:150px !important;
}

p {
	color:#555;
	margin-bottom:10px;
	width:730px;
/*	text-align:justify;*/
}
#containerlow, #containerport {
	float:left;
}
#lowwebsites, #websites, #webapps {
	width:750px;
	display:block;
	padding-top:60px;
	background:url(images/site-bg.png) no-repeat center 5px;
	_background:url(images/site-bg.jpg) no-repeat center 5px;
/*	border:1px solid #eee;*/
	z-index:10;
}
#lowwebsites {
	height:395px;
	margin-bottom:0px;
}
#webapps {
/*	border:1px solid #deecec;*/
	margin-bottom:0px;
	padding-top:80px;
	background:url(images/webapps-bg.png) no-repeat center 25px;
	_background:url(images/webapps-bg.jpg) no-repeat center 25px;
}
#lowdetaliu, #detaliu {
	background:url(images/detalii-bg.png) repeat-x;
	float:left;
	width:258px;
	height:395px;
	padding:10px 10px 0 10px;
	overflow:hidden;
}
.browseleft, .browseright {
	height:177px;
	width:32px;
	float:left;
}
.browseright img {
	float:right;
}
#lowwebsites .browseright, #lowwebsites .browseleft{
	height:227px;
}
#lowwebsites .browseright img, #lowwebsites .browseleft img{
	margin-top:133px;
}
#lowwebsites .containerproiecte {
	height:371px;
	padding-top:10px;
}
.containerproiecte {
	display:block;
	float:left;
	padding-top:6px;
	height:171px;
	width:325px;
	overflow:hidden;
}
.clienti {
	width:2000px;
	height:171px;
	position:relative;
	top:0px;
	
}

.clientilow {
	width:2000px;
	height:255px;
	position:relative;
	top:0px;
	
}
.containerproiecte a {
	padding:3px;
	display:block;
	width:100px;
	height:75px;
}
.containerproiecte a img {
/*	width:85px;
	height:70px;*/
	border:1px solid #aaa;
}
.containerproiecte a.active img,
.containerproiecte a:hover img {
	background:#e5f2f6;
	border:1px solid #1097c4;
}
.containerproiecte p {
	padding-right:13px;
	width:auto;
}
#webapps .containerproiecte a.active img,
#webapps .containerproiecte a:hover img {
	background:#f4f6f6;
	border:1px solid #1097c4;

}
.browseright img, .browseleft img {
	margin-top:83px;
}
#lowdetaliu p, #detaliu p {
	width:auto;
	color:#fff;
}
#lowdetaliu img, #detaliu img {
	width:258px;
	height:148px;
}
#lowdetaliu h2, #detaliu h2 {
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:10px 0 5px;
	text-transform:capitalize;	
}
fieldset {
	width:750px;
	_width:745px;
	border:0px;
}
legend {
	display:none;
}
label {
	float:left;
	width:365px;
	margin-right:5px;
	margin-left:5px;
	_margin-right:3px;
	_margin-left:2px;
	margin-top:5px;
}
input, select {
	width:354px;
	font-size:11px;
	padding:3px;
	background:#fff;
	height:13px;
	border:1px solid #cee4ea;
	color:#808080;
}
#contactimgs {
	float:right;
	display:block;
	width:300px;
	padding-right:1px;
}

#contactimgs a{
	float:right;
	display:block;
	margin:0 5px 5px 5px;
}
#contactimgs a img {
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
	width:120px;
	height:70px;
}
select {
	height:17px;
	padding:1px;
	width:283px;
}
input:focus, select:focus {
	background:#f9f9f9;
	border:1px solid #1097c4;
	color:#202020;
}
option {
	color:#1097c4;
	background:#fff;
}
textarea {
	width:729px;
	background:#fff;
	border:1px solid #cee4ea;
	font-size:11px;
	font-family:"Tahoma";
	height:105px;
	color:#808080;
	padding:3px;
}
.buton {
	width:750px;
	text-align:center;
	display:block;
}
textarea:focus {
	background:#f9f9f9;
	border:1px solid #1097c4;
	color:#202020;
}
.buton input {
	height:20px;
	margin:20px auto;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	width:100px;
	padding:1px;
	background:url(images/button.jpg);
	border:none;
}
#footer {
	float:right;
	text-align:right;
	padding:12px 6px 20px 0;
	font-size:10px;
	color:#999;
}
#mailok {
	display:block;
	width:100%;
	height:100%;
	background:url(images/semi.png);
	position:absolute;
	left:0;
	top:0;
	z-index:99999;
}
#mailok p {
	font-size:18px;
	text-align:center;
	padding-top:28%;
	color:#fff;
	width:auto;
}
#mailok span {
	font-size:10px;
}

/* blinks nofollow */

/*a[rel=nofollow] {
	content: “!”;
	background-color: white !important;
	color: red !important;
	font-weight: bold !important;
	text-decoration: blink !important;
}*/

.port-item {
	display:block;
	width:750px;
	padding-bottom:11px;
	border-bottom:1px solid #eee;
	margin-bottom:11px;
	min-height:110px;
/*	background:url(images/item.png) repeat-x top left;*/
}
.port-logo {
	display:block;
	width:130px;
	float:left;
}
.port-logo a img {
	border:1px solid #ccc;
}
.port-item h2 {
	font-size:13px;
	font-weight:bold;
	padding-bottom:1px;
	color:#369;
}
.port-text {
	width:600px;
	_width:598px;
	padding-left:20px;
	float:left;
	display:block;
}
.port-text p {
	width:590px;
	_width:588px;
	margin-bottom:5px;
}
#contpg h3, #contpg p {
	padding-left:5px;
}
#contpg p {
	width:270px;
	_float:left;
}
#lowpg h3 {
	font-size:14px;
	font-weight:bold;
	padding:10px 0 4px 0;
}
#blooog a.blooog {
	padding-top:50px;
	width:106px;
	height:0px;
	display:block;
	overflow:hidden;
	float:left;
	background:url(img/blooog.png) no-repeat;
}
#blooog {
	position:absolute;
	top:30px;
	left:77%;
}
#blooog a.linx {
	font-size:16px;
	font-weight:bold;
	padding:5px;
	display:block;
	color:#ccc;
	text-decoration:none;
	float:left;
}







.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */