/*basics >>>>>>>>>>>>>>>>>>>*/

*{margin :0;padding :0;}
html{background :#f6f6f8 url(img/bg.png) repeat-x left top;}
body{text-align:center;font-family :"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;font-size :12px;color :#271c10;}
a{outline:0;}
a:link{color:#3289ce;}
a:visited{color:#3289ce;}
a:active{color:#3289ce;}
a:hover{color:#3289ce;text-decoration:underline;}
h1{font-size:2.0em;}
h2{font-size:1.7em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.0em;}
h6{font-size:0.8em;}
h2,h3,h4,h5,h6{margin-bottom:10px;text-align:left;color:#3289ce;font-weight:normal;}
#wrapper h1 {margin-top: 20px; color:#434343;}
p{font-size:1em;line-height:1.4em;margin:0 0 1.2em 0;}
#content .paragraph ol,#content .paragraph ul,#content ul{font-size:1.0em;line-height:1.4em;margin:1em 1em 1em 2em;}
#content ul li{list-style:square;}
#content li > p{margin-top:0.2em;}
pre,code{font-family:monospace;font-size:1.1em;}
ol,ul,li,dl,dt,dd,pre,code,blockquote,td,th{text-align:left;}
abbr,acronym{cursor:help;border:0;background-color:#FFF9C5;padding:1px;}
strong{font-weight:bold;}
img{border:0;}
form input{vertical-align:middle;}
hr{clear:both;height:1px;color:#e3e3e3;background-color:#e3e3e3;border:1px dotted #e3e3e3;padding:0;margin:0;}



/*basics <<<<<<<<<<<<<<<<<<<<<<*/





#container {
	width: 1000px;
	text-align: left;
	position: relative;
	margin: auto;
}

#header {
	height: 278px;
	width: 290px;
	float: left;
}
#header h1 a {
	text-indent: -9999px;
	display: block;
	height: 181px;
	width: 290px;
	margin-top: 5px;
	background: transparent url(img/lavina-platform.png) no-repeat 20px 30px;
}




#summary {
	width: 670px;
	height: 278px;
	float: right;
	background: transparent url(img/info1.png) no-repeat 0 20px;

}

.presentation {
	text-indent: -9999px;
	display: block;
	width: 277px;
	height: 34px;
	margin: 150px 0 0 15px;
}


#login {
	float: right;
}
#login,#login a {
	color: white;
}



#wrapper h2{font-size:18px;}

#wrapper{}




/* footer */

#bottom {
	clear: both;
	margin: auto;
	background: #000 url(img/footer-bg.png) repeat-x 50% 0;
	text-align: left;
/*	height:100px;*/
}


#footer {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	text-align: left;
/*	background-color: #000;*/
}




#footer ul.bottom-menu {
	width: 400px;
	display: block;
	margin: 0;
	float: right;
	padding-top: 13px;
}
#footer ul li {
	list-style-type: none;
	display: block;
	float: right;
	color: #fff;
	font-size: 10px;
	margin: 0 5px 0 3px;
}

#footer ul li a{
	display: block;
	height: 10px;
	padding: 0 5px 2px 0;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	border-right: 1px solid #fff;
/*	border-right: 1px solid #9c6944;*/
}

#footer ul li.kontakt a{
	border: 0;
}

#footer ul li a:hover{
	text-decoration: underline;
}

.copyright {
	color: #fff;
	width: 400px;
	display: block;
	margin: 0;
	float: left;
padding-top: 13px;
	font-size: 10px;
	text-align: left;

		
}


/*.copyright a {
	display: block;
	background: transparent url(img/javatech.png) no-repeat left top;
	text-indent: -9999px;
	height: 45px;
	width: 171px;
	position: absolute;
	margin-top: -30px;
	
}

.copyright a:hover {
	background-position: 0 -45px;
	
}*/

/*navigacja >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */




/*top menu >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */




ul.second-menu {
	width: 1000px;
	overflow: hidden;
	height: 44px;
	padding: 0;
	margin: 3px 0 0 0;
	list-style: none;
}
.second-menu li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
.second-menu li a {
	float: left;
	background: url(img/second-menu-bg.png) no-repeat;
	text-decoration: none;
	display: block;
	height: 44px;
	text-indent: -9000px;
	margin-left: 11px;
}
li#navProducts a {
	background-position: 0 0;
	width: 135px;
	margin-left: 8px;
}
li#navNews a {
	background-position: -143px 0;
	width: 143px;
}

li#navHow a {
	background-position: -294px 0;
	width: 173px;
}

li#navWhere a {
	background-position: -476px 0;
	width: 143px;
}
li#navCompany a {
	background-position: -626px 0;
	width: 192px;
}
li#navContact a {
	background-position: -765px 0;
	width: 166px;
	display: none;
}
li#navProducts a:hover {
	background-position: 0 -44px;
	width: 135px;
}
li#navNews a:hover {
	background-position: -143px -44px;
	width: 143px;
}

li#navHow a:hover {
	background-position: -294px -44px;
	width: 173px;
}

li#navWhere a:hover {
	background-position: -476px -44px;
	width: 143px;
}
li#navCompany a:hover {
	background-position: -626px -44px;
	width: 192px;
}

li#navProducts a.current, 

#container.produkty li#navProducts a,
#container.ecm li#navProducts a,
#container.cms li#navProducts a,
#container.dms li#navProducts a,
#container.e-commerce li#navProducts a,
#container.workflow li#navProducts a,
#container.newsletter li#navProducts a,
#container.crm li#navProducts a,
#container.e-learning li#navProducts a,
#container.fomr li#navProducts a

{
	background-position: 0 -88px;
	width: 135px;
}
li#navNews a.current, #container.aktualnosci li#navNews a {
	background-position: -143px -88px;
	width: 143px;
}
li#navHow a.current, #container.funkcjonalnosc li#navHow a {
	background-position: -294px -88px;
	width: 173px;
}
li#navWhere a.current, #container.wdrozenia li#navWhere a {
	background-position: -476px -88px;
	width: 143px;
}
li#navCompany a.current, #container.firma li#navCompany a {
	background-position: -626px -88px;
	width: 192px;
}





/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< top menu*/
#firstmenu {
	height: 20px;
}

.main-menu {
	display: block;
	float: left;
	width: 490px;
	height: 20px;

/*	background: transparent url(img/main-menu-bg.png) no-repeat 50%;*/
}

ul.main-menu li{
	display: block;
	float: left;

	list-style-type: none;

}

ul.main-menu li a{

	display: block;
	border-right: 1px solid white;
	font-size: 10px;
	height: 10px;
	text-decoration: none;
	color: white;
	text-align: center;
	padding: 0 5px 2px 5px;
	margin-top: 7px;

}

ul.main-menu li a:hover{
	text-decoration: underline;
	color: #6e9fd9;
}

#lang-menu {
	display: block;
	position: absolute;
	margin-left: 957px;
	width: 40px;
	margin-top: 5px;
}

#lang-menu li{
	list-style-type: none;
	display: inline;
	color: #fff;
	font-size: 10px;
}

#lang-menu li a{
	
	color: white;
	text-decoration: none;
}

#lang-menu li#pl a{
	
	
/*	text-decoration: underline;*/
}


#user_menu{width: 900px; margin: auto; height:45px;line-height:30px;overflow:hidden;font-size:10px; position: absolute;text-align: right;display: none;}
#user_menu ul li{list-style-type:none;display:block;float:left;color:white;font-size:10px;}
#user_menu ul li a {color:#000;}
#user_menu a:hover {text-decoration:underline;}


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<    navigacja*/




/* boxy >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#content {
	padding-top: 20px;
}



#left-column {
	float: left;
	width: 450px;
	margin: 0 20px 0 20px;
}

#right-column {
	float: right;
	width: 450px;
	margin: 0 20px 0 20px;	
}

.produkty #left-column .paragraph,.produkty #right-column .paragraph{
	margin-bottom: 10px;
}

#box0 {
	padding: 0 15px 10px 15px;
}

#box1 {
	background: transparent url(img/shadow-line.png) no-repeat 50% 100%;
	padding-bottom: 10px;
	margin-bottom: 20px;
	padding-left: 10px;
}

#box1 .paragraph {
	float: left;
	background: transparent url(img/box.png) no-repeat 50%;
	width: 206px;
	height: 270px;
	overflow: hidden;
	padding: 20px 15px 20px 15px;
	margin: 10px 5px 10px 5px;
	
	
}

#box1 h2{
	font-weight: bold;
	font-size: 13px;

	
}


#box2 {
	padding-left: 20px;
    
}

.witamy #box2 {
	background: transparent url(http://dms.javatech.com.pl/app/document/file/14713/obieg.png) no-repeat 100% 30%;
    
}



.witamy #box2 .paragraph {
	width: 406px;
	padding: 20px 15px 20px 15px;
	margin: 10px 5px 10px 5px;
/*	color: #7e7e7e;*/

}

.witamy #box2 .paragraph {
	width: 500px;
	padding: 5px;
	margin: 5px;
	
	
}

.witamy #box2 .paragraph p{
	width: 300px;
	float: right;
	border-bottom: 1px dotted #e3e3e3;
	padding-bottom: 10px;
	
}


.witamy #box2 h2 {
	font-size: 14px;
}

div.img-left p{
	display: none;
}

#box3 {
	width: 1000px;
	height: 114px;
	margin: auto;
	overflow: hidden;
	text-align: left;
}


#box3 h2{
	color: #fff;
	font-size: 14px;
	margin: 5px 0 6px 0 ;
	text-align: center;
	
}

#lavina-contact  {
	width: 400px;
	height: 135px;
	overflow: hidden;
	float: right;
	margin-top: 20px;
}



#lavina-contact p {
	float: left;
	display: block;
	height: 40px;
	width: 154px;
	margin: 0 0 4px 0;
	font-size: 10px;
	padding-left: 40px;
	line-height: 4px;
	
}

#lavina-contact b {
	margin: 0 0 5px 0;
	display: block;
	
	
}

#lavina-contact .email,#lavina-contact .phone,#lavina-contact .skype,#lavina-contact .gtalk,#lavina-contact .gg  {
	background-position: 0 2px;
	background-repeat: no-repeat;
}

/*#lavina-contact .email{background-image:url(http://dms.lavina.javatech.com.pl/app/document/file/12427/mail.png) ;}
#lavina-contact .phone{background-image:url(http://dms.lavina.javatech.com.pl/app/document/file/12428/phone.png);}
#lavina-contact .skype{background-image:url(http://dms.lavina.javatech.com.pl/app/document/file/12429/skype.png) ;}
#lavina-contact .gtalk{background-image:url(http://dms.lavina.javatech.com.pl/app/document/file/12430/talk.png);width:250px;}
#lavina-contact .gg{background-image:url(http://dms.lavina.javatech.com.pl/app/document/file/12426/gg.png);}
*/

#newsletter-field{float:left;width:350px;margin-left:10px;}
#newsletter-field p{line-height:15px;font-size:11px;}
#newsletter-field span.info{font-weight:bold;display:block;padding-bottom:30px;margin-bottom:60px;}


/*ul#custom-menu{float:left;width:210px;margin-top:8px;}
ul#custom-menu li{list-style-type:none;margin:0;padding:0;display:block;}
ul#custom-menu li a{display:block;color:#666666;text-decoration:none;width:175px;height:10px;padding:5px 0 2px 5px;font-size:11px;background:transparent url(img/lavinaportal-menu.png) no-repeat left bottom;float:left;height:20px;}
ul#custom-menu li a:hover{background-color:#eeeeee;}
*/


ul#custom-menu{
	float:left;
	width: 580px;
	overflow: hidden;
	display: block;

}

ul#custom-menu li{
	
	display: block;
	float: left;
	
}

ul#custom-menu li a{
	padding:20px 5px 0px 5px;
	width: 140px;
	height: 52px;
	display: block;
	float: left;
	text-indent: -9999px;
	background-image: url(img/bottom_menu_bg.png);
	background-position: 10px 22px;
	background-repeat: no-repeat;
}

ul#custom-menu li.mapa a{
	background-position: 10px 22px;
	width: 130px;
}

ul#custom-menu li.materialy a{
	background-position: -140px 22px;
	width: 170px;
}

ul#custom-menu li.technologia a{
	background-position: -330px 22px;
	width: 120px;
}

ul#custom-menu li.wspolpraca a{
	background-position: -465px 22px;
	width: 120px;
}


ul#custom-menu li a:hover{

	background-position: 10px -58px;
}



ul#custom-menu li.materialy a:hover{
	background-position: -140px -58px;

}

ul#custom-menu li.technologia a:hover{
	background-position: -330px -58px;

}

ul#custom-menu li.wspolpraca a:hover{
	background-position: -465px -58px;
	/*	background-color: #ededed;*/
}



/* <<<<<<<<<<<<<<<<<<<<<<<<< boxy*/



/*rozne formatki >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

input.text,textarea,select,.inactive,select{background:#fff url(img/input-bg.gif) repeat-x left top;border-top:1px solid #7C7C7C;border-right:1px solid #C3C3C3;border-bottom:1px solid #DDDDDD;border-left:1px solid #C3C3C3;padding:1px;color:#333;font-family :"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;}
select{padding:0px;}
input.text:hover,input.text:focus,input.text:active,select:hover,textarea:hover,textarea:active,textarea:focus{background-color:#F7FFF8;border-top:1px solid #565656;border-right:1px solid #A7A7A7;border-bottom:1px solid #BBBBBB;border-left:1px solid #A7A7A7;}
textarea{font-size:12px;}

/* rozne formatki <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/*tabelka tabelka tabelka tabelka tabelka tabelka >>>>>>>>>>>>>>>>>>>>>>>>> */

table{width:99%;}
table{clear:both;}
table{margin-top:10px;border-collapse:collapse;border:1px solid #bbbbbb ;empty-cells:hide;background-color:#f7f7f7;margin:5px auto 5px auto;width:99%;}
table tr{vertical-align:top;}
table th,table td,table caption{vertical-align:top;border-collapse:collapse;border:1px solid #d8d7d7 ;padding:10px;}
table th{font-weight:bold;background-color:#f1f1f1 ;font-weight:bold;border:1px solid #bbbbbb ;}
table th p,table td a,#new-viewtable th a{text-align:left;font-size:1em;}
table caption{background-color:#F8F3E6;padding:10px;caption-side:top;margin-bottom:5px;}

/*<<<<<<<<<<<<<<<<<<< tabelka tabelka tabelka tabelka tabelka tabelka */


	


div.img-left img, div.img-right img, div.img-bottom img, .paragraph a.thickbox img, .innerfade img, .gallery-image img {
background-color:inherit;
background: transparent;
border:none;
margin:4px 10px 0 0;
padding:4px;
text-align:center;
vertical-align: middle;
}


div.img-left {
	width: 190px;
	text-align: center;
	vertical-align: middle;
}

.produkty div.img-left {
	width: 140px;

}

#content ul.path  {
	position: absolute;
	display: none;
	margin: -20px 0 0 0;
	padding: 0;
	width: 995px;
	text-align: right;
}

ul.path li {
	list-style-type: none;
	display: inline;
	font-size: 10px;
	color: #b3b3b3;
}

ul.path li a{
	font-size: 10px;
	text-decoration: none;
	color: #a9d3ed;
}

ul.path li a:hover{
	text-decoration: underline;
	color: #3289ce;
}



#container.ecm ul.path,
#container.cms ul.path,
#container.dms ul.path,
#container.e-commerce ul.path,
#container.workflow ul.path,
#container.newsletter ul.path,
#container.crm ul.path,
#container.e-learning ul.path,
#container.fomr ul.path {
	display: block;
	
}


#paragraph7172, 
#paragraph8471, 
#paragraph8472,
#paragraph7077
{
	padding-top: 5px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left top;

}


#paragraph7172 {background-image:url(http://dms.javatech.com.pl/app/document/file/17082/advanced.png);}

#paragraph8471 {background-image:url(http://dms.javatech.com.pl/app/document/file/17081/general_preferences.png);}

#paragraph8472 {background-image:url(http://dms.javatech.com.pl/app/document/file/17083/smiley.png);}

#paragraph7077 {background-image:url(http://dms.javatech.com.pl/app/document/file/17084/users.png);}