/*
	COMMON
*/
.clear{
	clear:both;
	height:0px;
}
body{
	overflow:scroll;
	text-align:center;
	font-family:Tahoma, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:black;
	margin:0;
	padding:0;
	/*background:transparent url(../img/content-bg.png);/**/
}

#menu{
	width:1027px;
	height:390px;
	background:url(../img/dummy-header.jpg) no-repeat;
	margin:0 auto 0 auto;
	padding:0;
}

#content{
	width:890px;
	height:60px;
	margin:0 auto 0 auto;
}

.loader{
	margin:0 auto 0 auto;
	width:60px;
	height:60px;
}

#footer{
	width:1027px;
	height:26px;
	background:url(../img/footer.jpg) no-repeat;
	margin:0 auto 0 auto;
	padding:35px 0 0 0;
}

.liniibg{
	background:url(../img/linii-bg.png) no-repeat;
	width:380px;
	height:383px;
	padding:100px 123px 100px 123px;
	margin:0 auto 0 auto;
	text-align:justify;
}
.liniibg div{
	overflow:auto;
	height:383px;
}

.red{color:red;}
.green{color:green;}
.cyan{color:#0ad;}

/*
	DESPRE
*/

#tag-despre{
	background:url(../img/tag-despre.jpg) no-repeat;
	width:126px;
	height:45px;
	float:right;
	margin:0;
	padding:0;
}
#despre{
	margin: -45px auto 30px auto;
	clear:both;
}
#despre .tl{
	width:121px;
	height:108px;
	background:url(../img/despre-tl.png) no-repeat;
}
#despre .t{
	width:600px;
	height:108px;
	background:url(../img/despre-t.gif) repeat-x;
}
#despre .tr{
	width:120px;
	height:108px;
	background:url(../img/despre-tr.png) no-repeat;
}
#despre .l{
	width:121px;
	height:380px;
	background:url(../img/despre-l.gif) repeat-y;
}
#despre .r{
	width:120px;
	height:380px;
	background:url(../img/despre-r.gif) repeat-y;
}
#despre .bl{
	width:121px;
	height:110px;
	background:url(../img/despre-bl.png) 0 -1px no-repeat;
}
#despre .b{
	width:600px;
	height:110px;
	background:url(../img/despre-b.gif) repeat-x;
}
#despre .br{
	width:120px;
	height:110px;
	background:url(../img/despre-br.png) no-repeat;
}
#despre .m div{
	overflow:auto;
	font-family:Tahoma, sans-serif;
	font-size:12px;
	text-align:justify;
	height:380px;
}

/*
	CONTACT
*/

#tag-contact{
	background:url(../img/tag-contact.jpg) no-repeat;
	width:126px;
	height:45px;
	float:right;
	margin:0;
	padding:0;
}

.contact-form{
	text-align:right;
	width:320px;
	line-height:3;
}
#contactbtn{
	margin-right:60px;
}

.input{
	border:1px dotted #666 !important;
	width:200px;
}

textarea{
	vertical-align:top;
}

p#alert{
	color:#0ad;
}

div.c-addr{
	font-family:Tahoma;
	font-size:12px;
	color:#08b;
	margin:30px 10px 10px 10px;
	height:80px;
	overflow:hidden;
}

/*
	PORTOFOLIU
*/
#tag-portofoliu{
	background:url(../img/tag-portofoliu.jpg) no-repeat;
	width:126px;
	height:45px;
	float:right;
	margin:0;
	padding:0;
}
#p-menu{
	width:600px;
	height:40px;
	overflow:visible;
	padding-top:50px;
}
        .lavaLampNoImage {
            position: relative;
            height: 25px;
            width: 521px;
            background-color: white;
            padding: 0;
            margin: 0 0 0 105px;
            overflow: visible;
            border: 0 none;
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                        border: 1px solid #09b;
                        background-color: #ccf5ff;
                        width: 9px;
                        height: 25px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font: bold 12px Tahoma;
                        text-decoration: none;
                        color: #079;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 15px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }    
#pnavup{
	display:block;
	width:377px;
	height:30px;
	text-decoration:none;
	margin:0 0 0 100px;
	background:url(../img/p-up-on.jpg) no-repeat;
	outline:0 none;
}
.pnavupbgoff{
	background:url(../img/p-up-off.jpg) no-repeat !important;
	cursor:default;
}
#pnavdown{
	display:block;
	width:377px;
	height:30px;
	text-decoration:none;
	margin:0 0 0 100px;
	background:url(../img/p-down-on.jpg) no-repeat;
	outline:0 none;
}
.pnavdownbgoff{
	background:url(../img/p-down-off.jpg) no-repeat !important;
	cursor: default;
}
#p-leftbox{
	width:570px;
	overflow:hidden;
	margin:0;
	padding:50px 20px 0 20px;
	clear:right;
	float:left;
}
#p-container{
	height:380px;
	overflow:hidden;
	margin:0;
	padding:0;
}
.p-thumb{
	width:189px;
	height:189px;
	float:left;
	cursor:pointer;
	margin:1px 0 0 0;
	padding:0;
	overflow:hidden;
}
.p-overlay{
	width:189px;
	height:109px;
	position:relative;
	top:-189px;
	left:0px;
	z-index:5;
	background:url(../img/p-overlay.png) 1px 0 no-repeat;
	text-align:center;
	padding:80px 0 0 0;
	font-family: Tahoma, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#fff;
}
#p-thumbnails{
	position:relative;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	height:auto;
}
#p-rightbox{
	float:left;
	width:250px;
	text-align:left;
	padding-top:50px;
}
h1{
	font-family:Tahoma, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#2cb8dd;
}
.hidden{
	display:none;
}
.p-desc a{
	color:#0c98bd;
	text-decoration:none;
}
.p-desc a:hover{
	color:#2cb8dd;
	text-decoration:underline;
}

/*
	SERVICII MAIN
*/
#tag-servicii{
	background:url(../img/tag-servicii.jpg) no-repeat;
	width:122px;
	height:41px;
	float:right;
	margin:0;
	padding:0;
}
#s-acc{
	margin:30px 0 0 0;
	padding:0;
	width:890px;
	height:453px;
}
#s-acc h3{
	background:url(../img/acc-title.jpg) no-repeat;
	margin:0;
	width:138px;
	height:453px;
	float:left;
	cursor:pointer;
	outline:0;
	text-align:center;
}
#s-acc div{
	background:url(../img/acc-content.png) repeat-x;
	margin:0;
	width:337px;
	padding:0;
	height:453px;
	float:left;
	text-align:justify;
}
span.s-acc-content{
	display:block;
	padding:15px;
	margin:0;
	width:307px;
	height:423px;
}
.ui-state-active{
	background:url(../img/acc-active.jpg) no-repeat !important;
	cursor:default !important;
}
.ui-state-default{
	filter:alpha(opacity=60);
}
.ui-state-active{
	filter:alpha(opacity=100);
}
.s-title{
	display:block;
	width:35px;
	height:453px;
	margin:0 auto 0 auto;
}
.s-web-design{
	width:35px !important;
	background:url(../img/s-web-design-off.png) no-repeat;
}
.ui-state-active span.s-web-design{
	background:url(../img/s-web-design-on.png) no-repeat !important;
}
.s-logo-design{
	background:url(../img/s-logo-design-off.png) no-repeat;
}
.ui-state-active span.s-logo-design{
	background:url(../img/s-logo-design-on.png) no-repeat !important;
}
.s-optimizare{
	background:url(../img/s-optimizare-off.png) no-repeat;
}
.ui-state-active span.s-optimizare{
	background:url(../img/s-optimizare-on.png) no-repeat !important;
}
.s-redesign{
	background:url(../img/s-redesign-off.png) no-repeat;
}
.ui-state-active span.s-redesign{
	background:url(../img/s-redesign-on.png) no-repeat !important;
}
a.btn-config{
	float:left;
	margin:40px 0 0 1px;
	display:block;
	width:327px;
	height:54px;
	background:url(../img/btn-config.png) no-repeat;
	text-decoration:none;
}
a.btn-config:hover{
	background:url(../img/btn-config-on.png) no-repeat;
}


/* CONFIGURATOR SITE */

#co-container{
	width:890px;
	height:600px;
	padding:0;
	margin:0;
}
#co-left{
	float:left;
	width:280px;
	padding-left:20px;
}
#co-right{
	float:left;
	width:280px;
	margin:0 0 0 5px;
}
.co-title-big{
	font-weight:bold;
	color:#0ad;
	font-size:20px;
	text-align:left;
	padding:10px;
}
.co-title{
	clear:both;
	color:#09b;
	margin-bottom:10px;
	font-weight:bold;
}
input.co{
	width:160px;
	float:left;
	border:1px dotted black;
	margin:3px;
}
textarea.co{
	width:240px;
	height:80px;
	border:1px dotted black;
}
.box{
	text-align:left;
	margin:20px 0 20px 0;
	padding:0;
}
#co-datecontact label{
	margin:5px;
	clear:left;
	float:left;
	width:60px;
	text-align:right;
}
#co-site-nou label{
	float:left;
}
#conf{
	margin: -45px auto 30px auto;
	clear:both;
}
#conf .tl{
	width:121px;
	height:108px;
	background:url(../img/despre-tl.png) no-repeat;
}
#conf .t{
	width:600px;
	height:108px;
	background:url(../img/despre-t.gif) repeat-x;
}
#conf .tr{
	width:120px;
	height:108px;
	background:url(../img/despre-tr.png) no-repeat;
}
#conf .l{
	width:121px;
	height:450px;
	background:url(../img/despre-l.gif) repeat-y;
}
#conf .r{
	width:120px;
	height:450px;
	background:url(../img/despre-r.gif) repeat-y;
}
#conf .bl{
	width:121px;
	height:110px;
	background:url(../img/despre-bl.png) 0 -1px no-repeat;
}
#conf .b{
	width:600px;
	height:110px;
	background:url(../img/despre-b.gif) repeat-x;
}
#conf .br{
	width:120px;
	height:110px;
	background:url(../img/despre-br.png) no-repeat;
}
#conf .m div{
	font-family:Tahoma, sans-serif;
	font-size:12px;
	text-align:justify;
}
input.submit{
	border:1px dotted black;
	outline:0 none;
	background-color:white;
	color: #09b;
}
#co-mesaj{
	text-align:right !important;
	padding-right:50px;
}
.tooltip{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none; 
	background-color:#aef;
	border:1px solid #0ad;
	font-family:Tahoma;
	font-size:12px;
	color:#035;
	padding:10px;
	width:300px;
}