@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Expletus+Sans);
/****************************************/
/* R E S E T I N G , RESETING, reseting */
/****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/******************************************/
/* S T R U C T U R A , STRUCTURA, structura
/******************************************/



@charset "utf-8";
body  {
	font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	3text-shadow:0px 0px 2px #ddd;

	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:url(../images/tile.jpg) repeat-x #242124;
	background-position:11px 0;
	padding-bottom:20px;
}
.bigwrap {
	background:url(../images/main_bkr.jpg) no-repeat #242124;
	background-position:0 494px;
	margin:0 auto;
	width:1280px;
	
}
.twoColFixRtHdr #container {
	width: 1100px;

	3background-color:transparent;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */

	3margin-top: 26px;
	padding-bottom:10px;
	background:#f3f3f3 url(../images/greygrad.jpg) repeat-x;
	padding-top: 10px;
} 
.twoColFixRtHdr .container2 {
	background: none!important;
}
.twoColFixRtHdr #header {
	background: url(../images/header.jpg) repeat-x;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:145px;
	font-size:15px;
	border:none!important;
} 
#header h1, #header h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-shadow:none;
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 520px;
	font-size:15px;
	padding-top:5px;
	position:relative;
	left:15px;
}
.twoColFixRtHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 210px;
	font-size:15px;
	padding-top:5px;
	position:relative;
	left:15px;
}
.twoColFixRtHdr #mainContent {
	margin: 0 220px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-left: 15px;
	padding-bottom:20px;
	font-family: 'Expletus Sans', cursive;
	text-shadow:0px 0px 1px #666;
} 
.twoColFixRtHdr .mainContent {
	margin:0!important;
	padding-left:0!important;
}
#mainContent a {
	color:#326499;
}
.twoColFixRtHdr #footer {
	height:285px;
	padding:0px 25px 30px 25px;
	text-shadow:1px 1px 1px #666;
	background:url(../images/footer_bkr.jpg);
	background-position:0 -35px;
	border:none!important;
}
.twoColFixRtHdr .footer {
	position:relative;
	top:-20px; 
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clrlft {
	clear:left;
}




/********************************************/
/* S T I L U R I , STILURI, stiluri, styles */
/********************************************/

.cheisus {
	text-align:center;
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	color:#990033;
	position:relative;
	2text-shadow:1px 1px 2px #ccc;
	top:5px;
}
.cheisus h1, .cheisus h2, .cheisus h3, .cheisus em, .cheisus strong, .textags h1, .textags h2, .textags h3, .textags em, .textags strong  {
	3clear:#2D2D2D;
	display:inline;
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color: #990033;
	position:static;
	font-weight:normal;
} 
.textags h1, .textags h2, .textags h3, .textags em, .textags strong {
	color:#000000;
	text-shadow:1px 1px 2px #ccc;
}
.fastcontact {
	float:right;
	width:178px;
	height:100px;
	margin:22px 23px 0 0;
	text-align:center;
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 0px 2px #fff;
}
.fastcontact a {
	text-decoration:none;
	color:#fff;
	text-shadow:0px 0px 2px #fff;	
}
.fastcontact a:hover {
	text-decoration:underline;
}
.tel {
	font-size:17px;
	text-shadow:0px 0px 1px #fff;
	color:#fff;	
}	
.tel, .mail {
	margin-bottom:6px;
	
}
.tel, .online {
	margin-left:20px;
	text-shadow:0px 0px 1px #fff;
}	
.online {
	font-size:12px;
	position:relative;
	top:-5px;
}
.online a{	
	position:relative;
	top:5px;
}
.logo {
	position:relative;
	top:-65px;
	left:70px;
	width:187px;
	height:193px;
	z-index:1000;	
	float:left;
}
.logo img {
	width:187px;
	height:193px;
}
.socialshare {
	float:right;
	height:10px;
}
.socialsharehome {
	position:relative;
	top:-15px;
}
.decenoi {
	position:relative;
	top:-15px;
}
.spatiu {
	margin-bottom:50px;
}
.twitshare, .inshare {
	position:relative;
	top:6px;
}
.gplus {
	position:relative;
	top:6px;
	left:22px;
}
.twitshare {
	left:7px;
}
.faceb {
	position:relative;
	top:-2px;
}
.facepic {
	border:1px solid #444;
	width:107px;
	height:39px;
	position:relative;
	top:-5px;
}
.gpic {
	width:41px;
	height:41px;
	position:relative;
	top:-5px;
}	
h1 {
	font:32px Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#326499;
	text-shadow:1px 1px 6px #ccc;
	display:inline;
	margin-left:10px;
	position:relative;
	top:-12px;
}	
h1.titlupagina {
	margin-left:0!important;
}
h2 {
	font:25px Tahoma, Arial, Helvetica, sans-serif;
	color:#326499;
	text-shadow:1px 1px 6px #bbb;
}	
h2.titluserviciu {
	display: inline;
	position:relative;
	top:-3px;
	margin-left:4px;
}
.dreapta {
	float: right;
	width:350px;
}
.continutservicii {
	width:85%;
	margin:0 auto;
}
.pingbox {
	float:right;
	margin-right:2px;
	margin-left:10px;
}
.maidr {
	margin-left:10px;
}
.maijos {
	margin-top:15px;
	margin-bottom:15px;
}
.tags {
	background:url(../images/tags.png) no-repeat;
	padding:1px 0px 0 10px;
	height:223px;
	width:209px;
	margin:10px 0 0 0;
	position:relative;
	left:-4px;
}
.textags {
	width:190px;
	height:183px;
}
.rightside {
	float:right;
	position:relative;
	z-index:8999;
	margin-right:8px;
}
@-webkit-keyframes redPulse {
from { background-color: #e72a22; -webkit-box-shadow:: 0 0 9px #333; }
50% { background-color: #c30604; -webkit-box-shadow:: 0 0 18px #c30604; }
to { background-color: #e72a22; -webkit-box-shadow:: 0 0 9px #333; }
}
.awesome, .awesome:visited {	
	background: #d40702 url(../images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 5px 3px;
	font-size:14px;
	color: #fff!important;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	
	-webkit-animation-name: redPulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}
.awesome:hover {
	background-color:#326499;
}
.awesome:active { 
	-webkit-transform: translateY(1px); 
	-moz-transform: translateY(1px); 
}
.rightside2 {
	float:right;
	margin-right:110px;
}
.emph {	
	font-weight:bold;
	color:#326499;
}
.whitetext .emph {
	color:#82b2e5;
}
h1.lighter  {
	color:#FFFFFF;
	text-shadow:0 0 30px #fff;
}
.video {
	position:relative;
	left:8px;
	margin-bottom:20px;
}
.video2 {
	float:right;
	margin:20px 0 0 10px;
	border:1px solid  #666666;
}
.bulb {
	margin-left:7px;
	margin-right:2px;
}
.zimtisus {
	height:16px;
	width:1100px;
	background:url(../images/zimti-sus.png) repeat-x;
	margin: 0 auto;
}
.zimtijos {
	height:79px;
	width:1100px;
	background:url(../images/zimti-jos.png) no-repeat;
	margin: 0 auto;
}
.meniusjos {
	float:left;
	width:150px;
	margin-left: 0px;
}
.meniusjos li {
	margin-bottom:5px;
	font:17px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:14px;
	color:#FFFFFF
}
.meniusjos2 li {
	margin-left:8px;
	color:#FFFFFF;
}
.meniusjos a{
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px 2px #333;	

}
.meniusjos a:hover {
	3color:#326499;
	text-shadow:1px 1px 1px #fff, 0px 0px 1px #fff;
}
.meniujos2 {
	padding:20px 0 0 20px;
	width:180px;
	float:left;
}
.meniujos3, .meniujos4 {
	padding:20px 0px 0 15px;
	width:205px;
	float:left;
}
.meniujos3 a,.meniujos4 a {
	text-shadow:none;
}
.meniujos4 ul {
	margin-left:32px;
}
.meniujos3 h3, .meniujos4 h3 {
	text-decoration:none;
	color:#fff;
	text-shadow:0px 0px 1px #fff;
	display:inline;
	margin:0;
	font-size:17px;
	position: relative;
	top:-10px;
}
.traficranking {
	position:relative;
	left:-12px;
}
.twitfol {
	margin-bottom:19px;
	width:156px;
	height:48px;
	position:relative;
	top:-18px;
}
.webd {
	width:291px;
	height:284px;
	margin-bottom:80px;
}
.centraresus, .centrare {
	width:1100px;
	margin:0 auto;
}
.centrare {
	padding-left: 45px;
	position:relative;
	top:-20px;
}
.contacttel {
	margin-left:29px;
}
.mailoff {
	margin-left:5px;
}
.mailgab {
	margin-left:68px;
}
.seoicon {
	position:relative;
	top:6px;
	margin-right:2px;
}
.megaph {
	position:relative;
	top:2px;
	margin-right:2px;
}
.iconseo {
	position:relative;
	top:0px;
	left:-6px;
}
.titluoptimizare {
	position:relative;
	left:-15px;
	top:-35px;
}
.maisus {
	position:relative;
	top:-23px;
}
.magonpic {
	margin-top:10px;
}
.advertising {
	position:relative;
	top:5px;
	margin-left:2px;
	margin-right:3px;
}
.pen {
	position:relative;
	top:4px;
}
.proiect {
	width:270px;
	height:310px;
	3background-color: #CC3300;
	text-align:center;
	border:1px solid #CCCCCC;
	display:inline;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	box-shadow: 0px 0px 7px #888888;
	-webkit-box-shadow: 0px 0px 7px #888888; /* Safari */
}
.proiect a {
	color:#326499;
}
.pozaport {
	height:270px;
	width:260px;
	margin:0 auto;
	box-shadow:none;
}
.pozaport:hover {
	box-shadow: 0px 0px 7px #888888;
	-webkit-box-shadow: 0px 0px 7px #888888; /* Safari */

}
.links {
	color:#326499;
}
#form1 {
	width: 600px;
	margin-left:60px;
}
.redstar {
	color: #dc1927;
	font-weight: bold;
	font-size: 16px;
}
input, #comentarii {
	2background-color: #F8FFFF;
	outline:none;
}

.pozaestimare {
	float:right;
	margin-right:100px;
	margin-top:50px;
}
.tabel {
	width:100%;
}
.headtable {
	font-weight:bold;
	color:#326499;
}
.linie {
	height:25px;

}
.linietall {
	height:35px;
}
.linie2 {
	background-color:#eee;
}
.coloana {
	width:200px;
	text-align:center;
	vertical-align:middle;
}
.coloana2 {
	width:160px;
	text-align:center;
	vertical-align:middle;
}
.taiat {
	text-decoration:line-through;
	color:#FF0000;
}	
.actual {
	color: #00CC33;
	font-weight:bold;
}
.letter {
	color:#326499;
	font-weight:bold;
	font-size:larger;
}
.cuvant {
	color:#326499;
}
.seosearchpic {
	float:right;
	margin-right:0px;
	margin-left:15px;
	box-shadow: 0px 0px 10px #888888;
	-webkit-box-shadow: 0px 0px 10px #888888; /* Safari */	
}
.offsite {
	float:right;
	position:relative;
	top:-14px;
}	
.sitemaplinks {
	margin-left:20px;
	height:400px;
}
.sitemaplinks a {
	color:#326499;
}
.sitemaplinks a:hover {
	text-decoration:none;
}
.copright {
	font-size:12px;
	color:#CCCCCC;
	text-shadow:none;
	clear:both;
	margin-top:3px;
}
.yes {
	width:18px;
}
.seopacks {
	background-color:#f7f7f7f;
	position:relative;
	left:15px;
	top:-40px;
}
.skysc {
	float:right;
	margin-left:5px;
	border:1px solid #666;
}
#slide0, #slide1, #slide2 {
	width:977px;
	height:352px;
}
.online img {
	width:64px;
	height:16px;
	border:0;
}
.iframefb {
	border:none; 
	overflow:hidden; 
	width:200px; 
	height:350px;
}
.iframefb2 {
	border:none; 
	overflow:hidden; 
	width:200px; 
	height:420px;
}
.mrightzero {
	margin-right:0
}
.mapstyle {
	color:#0000FF;
	text-align:left
}
.portof_slider {
	background:url(../images/portof_bkr.jpg) repeat-x;
	padding-top:20px;
	margin:0 auto;
	width:1280px;
}	
.block {
	width:349px;
	height:388px;
	float:left;
	background:url(../images/block.png) no-repeat;
	padding:15px 0px 2px 17px;
	font-size:15px;
}
.block1 {
	position:relative;
	left:-12px;
}
.block2 {
	position:relative;
	left:-2px;
}
.block3 {
	position:relative;
	left:8px;
}
.doibr {
	position:relative;
	top:10px;
}
.block p {
	width:340px;
}
.whitetext {
	color:#FFFFFF;
}
.tagsblock {
	width:1120px;
	height:61px;
	background:url(../images/tagsblock.png) no-repeat;
	padding:20px 2px 0 13px;
	font-size:12px;
	position:relative;
	left:-12px;
}
.tagsblock .emph {
	font-size:14px;
}
#navcontainer
{
	margin: 0;
	padding: 0;
}

#navcontainer ul
{
	margin: 13px 0 0 0;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

#navcontainer li { float: left; }

#navcontainer a
{
text-decoration: none;

float: left;
margin: 0px;
height: 25px;
width: 80px;
padding-top: 13px;
padding-bottom: 0px;
}
#navcontainer ul li .index {
background: url(../images/meniu_nou.png) no-repeat -32px -10px;
}

#navcontainer ul li a.index:hover, #navcontainer ul li #index 
{
background: url(../images/meniu_nou.png) -32px -98px no-repeat;
}
#navcontainer ul li .servicii {
background: url(../images/meniu_nou.png) no-repeat -111px -10px;
width: 110px;
}
#navcontainer ul li a.servicii:hover, #navcontainer ul li #servicii {
background: url(../images/meniu_nou.png) -111px -98px no-repeat;
}
#navcontainer ul li .portofoliu {
background: url(../images/meniu_nou.png) no-repeat -221px -10px;
width: 150px;
}
#navcontainer ul li a.portofoliu:hover, #navcontainer ul li #portofoliu {
background: url(../images/meniu_nou.png) -221px -98px no-repeat;
}
#navcontainer ul li .estimare {
background: url(../images/meniu_nou.png) no-repeat -370px -10px;
width: 227px;
}
#navcontainer ul li a.estimare:hover, #navcontainer ul li #estimare {
background: url(../images/meniu_nou.png) -370px -98px no-repeat;
}
#navcontainer ul li .cariere {
background: url(../images/meniu_nou.png) no-repeat -590px -10px;
width: 125px;
}
#navcontainer ul li a.cariere:hover, #navcontainer ul li #cariere {
background: url(../images/meniu_nou.png) -590px -98px no-repeat;
}
#navcontainer ul li .blog {
background: url(../images/meniu_nou.png) no-repeat -707px -10px;
width: 88px;
}
#navcontainer ul li a.blog:hover, #navcontainer ul li #blog {
background: url(../images/meniu_nou.png) -707px -98px no-repeat;
}
#navcontainer ul li .contact {
background: url(../images/meniu_nou.png) no-repeat -785px -10px;
width: 110px;
}
#navcontainer ul li a.contact:hover, #navcontainer ul li #contact {
background: url(../images/meniu_nou.png) -785px -98px no-repeat;
}

#navcontainer ul li .nimic {
background: url(../images/meniu_nou.png) no-repeat -10px -51px;
width: 73px;
}
#navcontainer ul li a.nimic:hover, #navcontainer ul li #nimic {
background: url(../images/meniu_nou.png) -10px -139px no-repeat;
}
#navcontainer ul li .pachete {
background: url(../images/meniu_nou.png) no-repeat -125px -46px;
width: 195px;
}

#navcontainer ul li a.pachete:hover, #navcontainer ul li #pachete {
background: url(../images/meniu_nou.png) -125px -134px no-repeat;
}
#navcontainer ul li .magazin {
background: url(../images/meniu_nou.png) no-repeat -311px -46px;
width: 212px;
}
#navcontainer ul li a.magazin:hover, #navcontainer ul li #magazin {
background: url(../images/meniu_nou.png) -311px -134px no-repeat;
}
#navcontainer ul li .optimizare {
background: url(../images/meniu_nou.png) no-repeat -515px -46px;
width: 200px;
}
#navcontainer ul li a.optimizare:hover, #navcontainer ul li #optimizare {
background: url(../images/meniu_nou.png) -515px -134px no-repeat;
}
#navcontainer ul li .dictionar {
background: url(../images/meniu_nou.png) no-repeat -710px -46px;
width: 180px;
}
#navcontainer ul li a.dictionar:hover, #navcontainer ul li #dictionar {
background: url(../images/meniu_nou.png) -710px -134px no-repeat;
}


/***********************************************/
/* E N G I N E, ENGINE, engine, slider, SLIDER */
/***********************************************/

#slider-container  .slide_bullets {
	top:32px;
    right: 32px;
}
#slider-container  .slide_bullets .slide_bulframe{
	top:20px;
}
#slider-container {
	zoom: 1;
	position: relative;
	width:977px;
	height:352px;
	margin:0 auto;
	z-index:100;
	top:-40px;
	left:-22px;
}
.slider-container2 {
	left:-80px;
}
	
* html #slider-container{
	background-image: none;
}
#slider-container .slide_images{
	position: absolute;
	left:27px;
	top:24px;
	width:977px;
	height:352px;
	overflow:hidden;
}
#slider-container .slide_images2 {
	position: absolute;
	left:-45px;
	top:25px;
	width:1108px;
	height:352px;
	overflow:hidden;
}
.slide_images a{
	color:transparent;
}

.slide_images img{
	top:0;
	left:0;
	border:none 0;
}
#slider-container a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#slider-container  .slide_bullets { 
	font-size: 0px; 
	padding: 0px; 
	float: left;
	position:absolute;
	z-index:70;
}
.slide_bullets div{
	position:relative;
	float:left;
}
.slide_bullets a { 
	margin-left: 0; 
	width:20px;
	height:20px;
	background: url(../engine1/bullet.png) right top;
	float: left; 
	text-indent: -1000px; 
	position:relative;
}
#slider-container .slide_bullets a.slide_selbull{
	background-position: left top;
}
.slide_bullets a:hover{
	background-position: left top;
}
#slider-container a.slide_next, #slider-container a.slide_prev {
	position:absolute;
	top:50%;
	margin-top:-17px;
	opacity:0.85;
	z-index:60;
	height: 48px;
	width: 48px;
	background-image: url(../engine1/2rightarrow-red.png);
}
#slider-container a.slide_prev {
	background-image: url(../engine1/2leftarrow-red.png);
}
#slider-container a.slide_next:hover, #slider-container a.slide_prev:hover {
	opacity:1;
	3filter:Alpha(opacity=100);
}	
	
* html #slider-container a.slide_next, * html #slider-container a.slide_prev{
	background-image: url(../engine1/2rightarrow-red.png);
	filter:Alpha(opacity=85);
}
* html #slider-container a.slide_prev {
	background-image: url(../engine1/2leftarrow-red.png);
}
#slider-container a.slide_next{
	background-position: 100% 0; 
	right:-60px;
}
#slider-container a.slide_prev {
	left:-17px;
	margin-top:-4px;
	background-position: 0 0; 
}
* html #slider-container a.slide_next,* html #slider-container a.slide_prev{display:block}
#slider-container:hover a.slide_next, #slider-container:hover a.slide_prev {display:block}


#slider-container .slide-title{
	position: absolute;
	bottom:55px;
	left: 25px;
	margin-right:30px;
	z-index: 50;
	padding:10px;
	color: #000000;
	background:#FFF;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: left;
    text-shadow: 0 0 2px #FFFFFF;	
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	border-radius:0 8px 8px 0;
	font-size: 14px;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
}

.slide-title div{
	padding-top:5px;
	font-size: 12px;
}
.fblike {
	position:relative;
	left:30px;
	display:inline;
}