/*------------------------------------------------------------------
[file name efstyle.css]

Project:				e-fabrikas.lt
UAB "E-fabrikas"
-------------------------------------------------------------------*/


html, body, div, span, h1, h2, h3, p, a, img, small, strong, ul, li, table, thead, tr, td, a:focus{
	margin:0;
	padding:0;			
	border:none;	
	list-style:none;	
	outline:none;		
	}
body{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#c3c3c3;
	min-width:996px;
	background:url(../images/body-bg.gif) repeat-y left #eaeaea;
	}
#top{
	background:url(../images/top.gif) repeat-x;
	height:54px;
	display:block;
	position:relative;
	z-index:100;
	}
#menu a * {
	display:none;
}
#menu ul li{
	display:inline;
	float:left;
	width:auto;
	}
#menu a,
#menu a .hover {
	height:54px;
	float:left;
	width:auto;
	display:inline;
	position:relative;
	}
#menu a .hover{
  	/* for IE */
  	filter:alpha(opacity=0);
  	/* CSS3 standard */
  	opacity:0;
	}
#menu a #openedmenu {
  	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1;
	}
#menu a.apie-mus {
	background-position:0 0;
	background:url(../images/apie-mus.jpg) 0 0 no-repeat;
	width:101px;
	}
#menu a.apie-mus .hover {
	width:101px;
  	background:url(../images/apie-mus-active.jpg) 0 0 no-repeat;
	}
#menu a.about-us {
	background-position:0 0;
	background:url(../images/about-us.jpg) 0 0 no-repeat;
	width:101px;
	}
#menu a.about-us .hover {
	width:101px;
  	background:url(../images/about-us-active.jpg) 0 0 no-repeat;
	}
#menu a.o-nas {
	background-position:0 0;
	background:url(../images/o-nas.jpg) 0 0 no-repeat;
	width:77px;
	}
#menu a.o-nas .hover {
	width:77px;
  	background:url(../images/o-nas-active.jpg) 0 0 no-repeat;
	}
#menu a.portfolio {
	background-position:0 0;
	background:url(../images/portfolio.jpg) 0 0 no-repeat;
	width:93px;
	}
#menu a.portfolio .hover {
	width:93px;
	background:url(../images/portfolio-active.jpg) 0 0 no-repeat;
	}
#menu a.our-portfolio {
	background-position:0 0;
	background:url(../images/portfolio.jpg) 0 0 no-repeat;
	width:93px;
	}
#menu a.our-portfolio .hover {
	width:93px;
	background:url(../images/portfolio-active.jpg) 0 0 no-repeat;
	}
#menu a.portfolio-ru {
	background-position:0 0;
	background:url(../images/portfolio-ru.jpg) 0 0 no-repeat;
	width:116px;
	}
#menu a.portfolio-ru .hover {
	width:116px;
	background:url(../images/portfolio-ru-active.jpg) 0 0 no-repeat;
	}
#menu a.produktai {
	background-position: 0 0;
	background: url(../images/produktai.jpg) 0 0 no-repeat;
	width:99px;
	}
#menu a.produktai .hover {
	width:99px;
	background:url(../images/produktai-active.jpg) 0 0 no-repeat;
	}
#menu a.products {
	background-position: 0 0;
	background: url(../images/products.jpg) 0 0 no-repeat;
	width:99px;
	}
#menu a.products .hover {
	width:99px;
	background:url(../images/products-active.jpg) 0 0 no-repeat;
	}
#menu a.produkty {
	background-position: 0 0;
	background: url(../images/produkty.jpg) 0 0 no-repeat;
	width:107px;
	}
#menu a.produkty .hover {
	width:107px;
	background:url(../images/produkty-active.jpg) 0 0 no-repeat;
	}
#menu a.paslaugos {
	background-position:0 0;
	background:url(../images/paslaugos.jpg) 0 0 no-repeat;
	width:100px;
	}
#menu a.paslaugos .hover {
	width:100px;
	background:url(../images/paslaugos-active.jpg) 0 0 no-repeat;
	}
#menu a.services {
	background-position:0 0;
	background:url(../images/services.jpg) 0 0 no-repeat;
	width:100px;
	}
#menu a.services .hover {
	width:100px;
	background:url(../images/services-active.jpg) 0 0 no-repeat;
	}
#menu a.uslugi {
	background-position:0 0;
	background:url(../images/uslugi.jpg) 0 0 no-repeat;
	width:83px;
	}
#menu a.uslugi .hover {
	width:83px;
	background:url(../images/uslugi-active.jpg) 0 0 no-repeat;
	}
#menu a.kontaktai {
	background-position:0 0;
	background:url(../images/kontaktai.jpg) 0 0 no-repeat;
	width:95px;
	}
#menu a.kontaktai .hover {
	width:95px;
	background:url(../images/kontaktai-active.jpg) 0 0 no-repeat;
	}
#menu a.contacts {
	background-position:0 0;
	background:url(../images/contacts.jpg) 0 0 no-repeat;
	width:95px;
	}
#menu a.contacts .hover {
	width:95px;
	background:url(../images/contacts-active.jpg) 0 0 no-repeat;
	}
#menu a.kontakty {
	background-position:0 0;
	background:url(../images/kontakty.jpg) 0 0 no-repeat;
	width:102px;
	}
#menu a.kontakty .hover {
	width:102px;
	background:url(../images/kontakty-active.jpg) 0 0 no-repeat;
	}
#top .icons{
	position:absolute;
	left:580px;
	top:13px;;
	}
#top .icons li{
	padding:0 10px 0 10px;
	display:inline;
	}
#top .lang{
	top:15px;
	position:absolute;
	right:28px;
	z-index:100;
	} 
#menu_head{
	background:url(../images/lang.png) no-repeat;
	width:117px;
	font-size:1.2em;
	color:#666;
	padding-top:5px;
	padding-left:20px;
	height:22px;
	position:relative;
	z-index:1;
	}
.menu_body {
	width:137px;
	margin-top:-6px;
	display:none;
	padding-top:6px;
	overflow:hidden;
	background:#595b5d;
	z-index:2;
	font-size:1.1em;
	}
.menu_body li a{
	color:white; 
	text-decoration:none; 
	padding:5px;
	display:block;
	}
.menu_body li a:hover{
	background:#1e1e1e;
	}
#header{
	background:url(../images/header-bg.gif) repeat-x;
	clear:both;
	height:432px;
	position:relative;
	}
#header a.logo{
	position:absolute;
	top:61px;
	width:191px;
	background:url(../images/logo.png) no-repeat;
	height:81px;
	left:56px;
	z-index:2;
	}
#header .header-img{
	position:absolute;
	left:0;
	background:url(../images/header-img.jpg) no-repeat;
	width:100%;
	height:431px;
	top:0;
	z-index:0;
	}
#slider{
	position:absolute;
	z-index:5;
	width:491px;
	top:238px;
	left:33px;
	height:175px;
	overflow:hidden;
	}	
#slider li, #slider2 li{ 
	width:491px;
	height:176px;
	overflow:hidden;
	}	
#slider2 li{ 
	background:#f1f1f1;
	}		
#slider2 li h2{ 
	margin:0 20px;
	padding-top:20px;
	}	
#slider2 li p{ 
	margin:20px;
	}
#header .news{
	position:absolute;
	left:590px;
	line-height:1.5em;
	height:200px;
	color:#000;
	font-size:1.1em;
	top:40px;
	overflow:hidden;
	}
#header .news p{
	clear:both;
	}
#header .news p a{
	color:#000;
	text-decoration: none;
	}
#header .news p a:hover{
	text-decoration:underline;
	}
#header .news .rss{
	margin-top:10px;
	}
#header .services{
	position:relative;
	top:238px;
	height:194px;
	width:400px;
	overflow:hidden;
	left:590px;
	}
#header .services .main-s{
	margin-top:30px;
	clear:both;
	float:left;
	width:auto;
	display:block;
	margin-left:3px;
	}
#header .services .contact{
	float:left;
	width:auto;
	clear:both;
	margin-top:29px;
	}
#header .services .phone{
	color:#97c8ff;
	position:absolute;
	font-size:2.4em;
	top:130px;
	left:160px;
	}
#content{
	background:url(../images/shadow.gif) no-repeat center top;
	padding-top:65px;
	color:#444444;
	}

#content-inside{
	color:#444444;
    font-size: 1.4em;
    margin: 0 20px 40px 20px;
 	}

#content-inside h1 {
	font-size:3em;
	font-weight: normal;
	margin-bottom: 1em;
	}

#content .left{
	width:590px;
	height:250px;
	float:left;
	position:relative;
	font-size:1.1em;
	}
#content .left .proc{
	position:absolute;
	left:20px;
	top:50px;
	}
#content .left span{
	position:absolute;
	left:20px;
	top:180px;
	color:#000;
	}
#content .left .images{
	width:465px;
	left:64px;
	position:absolute;
	}
#content .left .images img{
	float:left;
	padding:0 23px 20px 0;
	}
#content .right{
	margin-left:590px;
	margin-right:37px;
	position:relative;
	}
.s-fix{
	background:url(../images/tab-container-s.gif) bottom center no-repeat;
	padding-bottom:10px;
	height:auto;
	}
#content .right .tabs{
	position:relative;
	z-index:10;
	margin-top:28px;
	padding-bottom:35px;
	background:#fff;
	}
#content .right .tabs .lb-corner{
	position:absolute;
	top:0;
	width:10px;
	height:10px;
	background:#fff;
	left:0;
	z-index:100;
	}
#content .right .tabs p{
	padding-left:35px;
	padding-top:35px;
	color:#636363;
	font-size:1.1em;
	padding-right:35px;
	}
#content .right .tabs .tabNavigation{
	float:left;
	width:auto;
	margin-top:-27px;
	position:relative;
	z-index:100;
	}
#content .right .tabs .tabNavigation li{
	display:inline;
	}
#content .right .tabs .tabNavigation li a{
	font-size:1.4em;
	background:url(../images/tab.gif) no-repeat;
	text-align:center;
	width:107px;
	float:left;
	color:#4d4e4e;
	padding-top:5px;
	padding-bottom:4px;
	text-decoration:none;
	}


#content .right .tabs .tabNavigation li a.selected{
	background:url(../images/s-tab.gif) no-repeat;
	text-align:center;
	width:107px;
	color:#4d4e4e;
	padding-top:5px;
	padding-bottom:4px;
	text-decoration:none;
	}
a:hover.selected{
	text-decoration:none;
	}
#content .right .tab-container{
	background:#fff;
	float:left;
	width:auto;
	display:block;
	}
#footer{
	height:65px;
	clear:both;
	font-size:1.1em;
	background:url(../images/footer.png) no-repeat center #fff;
	width:100%;
	color: #666;
	}
#footer .info{
	margin:auto;
	position:relative;
	width:758px;
	}
#footer .info .copyright{
	position:absolute;
	left:175px;
	}
#footer .info .phone{
	position:absolute;
	left:350px;
	}
#footer .info .mail{
	position:absolute;
	left:505px;
	}
/*subpages*/
#content h1{
	font-size:3em;
	font-weight: normal;
	}
#content a{
	font-size:1em;
	color:#4d4d4e;
	text-decoration:none;
	}
#content a:hover{
	text-decoration:underline;
	color:#444444;
	}
#content h2{
	}
.proc_month{
	width:550px;
	padding-bottom:30px;
	float:left;
	clear:both;
	padding-top:10px;
	}
.proc_day{
	float:left;
	padding:10px;
	}
#portfolio-left{
    float:left;
	font-size: 1em;
	width: 60%;
	}
#content #portfolio-left h1{
	margin-left:-15px;
	}
#content #portfolio-left h2{
	}
#portfolio-right{
	float:right;
	padding-left:30px;
	font-size: .8em;
    line-height: 1.5em;
	width: 30%;
    }

#portfolio-right a {
    color: #000;
    text-decoration: underline;
    }

#item-box {
    height: 200px;
}
.cloud {
    display:inline;
    margin-right: 20px;
}

#logo-inside {
    position: absolute;
    top: 80px;
    right: 40px;
}
#content form{
	text-align:right;
	width:820px;
	position:relative;
	background:url(../images/contact-bg.gif) repeat-y;
	margin:auto;
	color:#7c8cba;
	font-size:1.2em;
	}
#content form fieldset{
	border:none;
	margin-right:20px;
	}
#content form input{
	padding:3px 0px 3px 0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	}
.phone_prefix{
	width:30px;
	margin-right:2px;
	font-size:1.0em;
	}
.prefix_error{
	width:30px;
	font-size:1.0em;
	margin-right:2px;
	border:1px #fd6430 solid;
	}
.number_error{
	width:184px;
	font-size:1.0em;
	border:1px #fd6430 solid;
	}
.phone_number{
	width:184px;
	font-size:1.0em;
	}
#short_description{
	height:80px;
	font-size:1.0em;
	width:221px;
	}
#service{
	width:225px;
	padding:3px 0px 3px 0px;
	font-size:1.0em;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	}
#answer_by{
	width:225px;
	padding:3px 0px 3px 0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	}
#name_surname{
	width:221px;
	font-size:1.0em;
	}
#email{
	width:221px;
	font-size:1.0em;
	}
#company{
	width:221px;
	font-size:1.0em;
	}
#answer_in{
	width:225px;
	padding:3px 0px 3px 0px;	
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	}
.error_input{
	border:1px #fd6430 solid;
	font-size:1.0em;
	}
.error{
	font-size:0.9em;
	color:#fd6430;
	}
#the-nearest{
	clear:both;
	}
.near-proc {
	float:left;
	width: 10%;
    text-align: center;
    font-size: 0.7em;
    color: #aaa;
	}
.process-normal{
    width: 70px;
    padding: 5px;
    margin: auto;
    text-align: left;
	}
.process-selected{
    border: 1px solid #bbb;
    width: 70px;
    padding: 5px;
    margin: auto;
    text-align: left;
	}
.process{
	clear:both;
    text-align: center;
    width: 100%;
	}
.process-image {
    text-align: center;
    margin: auto;
    padding-top: 20px;
    font-size: 2em;
    color: #999;
    }
#map_canvas{
	width:600px;
	height:600px;
	}
#portfolio-years{
	list-style:none;
	padding:10px 0 10px 0;
	}
#portfolio-years li{
	display:inline;
	padding:0 20px 0 0;
	}
#portfolio-years li a{
	display:inline;
	}
a.selected_year{
	color:#000;
	text-decoration:none;
	display:inline;
	padding:5px 10px 8px 10px;
	background:url(../images/portfolio-shadow2.gif) bottom no-repeat #efefa0;
	}
#portfolio-types ul li a.selected_type{
	color:#000;
	text-decoration:none;
	background:url(../images/portfolio-shadow.gif) bottom no-repeat #efefa0;
	padding:5px 10px 11px 10px;
	}
#portfolio-types{
	float:left;
	width:100%;
	padding-bottom:25px;
	}
#portfolio-types ul li{
	padding-right:20px;
	display:inline
	}
.year_links{
    padding-bottom: 15px;
}