/* baziniai isdestymo elementai */
*{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

a{	
	color: #2769C2;
	font-weight: normal;
	outline: none;
	text-decoration: none;
}

a:hover{
	color: #D90000;
	text-decoration: underline;
}

ul, li{
	list-style: none;
	margin-left: 17px;
}

li{
	background: url(../images/ul-square.gif) no-repeat 0px 9px;
	padding-left: 13px;
}

div.divider{
	background: url(../images/divider.gif) no-repeat center;
	height: 5px;
	line-height: 5px;
	font-size: 2px;
	margin: 10px 0px 10px 0px;
}

/* baziniai puslapio karkaso aprasai */
/* normalus uzdefininimas */
body{
	color: #555;
	font: 11px/20px Tahoma, Verdana,Arial,Helvetica,sans-serif;
	background: #fff url(../images/bg.gif) repeat-x;
}

.center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

table td{
	color: #555;
	font: 11px/20px Tahoma, Verdana,Arial,Helvetica,sans-serif;
}

.body{
	width: 900px;
}

#header{
	height: 102px;
}

#header .left{
	margin: 20px 0px 0px 10px;
	float: left;
}

#header > .left{
	margin: 20px 0px 0px 25px;
}

a#logo{
	background: url(../images/logo.gif) no-repeat;
	display: block;
	width: 254px;
	height: 78px;
	float: left;
}

a#logoPrint{
	display: block;
	width: 254px;
	height: 78px;
	float: left;
}

#header h1{
	margin-top: 25px !important;
}

a#logo span{
	position: absolute;
	text-indent: -5000px;
	overflow: hidden;
}

a#logoPrint span{
	position: absolute;
	text-indent: -5000px;
	overflow: hidden;
}

ul#languages{
	list-style: none;
	float: right;
}

ul#languages li{
	list-style: none;	
	text-align: center;
	margin-left: 5px;
	display: block;
	width: 26px;
	float: left;
	background: none;
	padding-left: 0px;
}

ul#languages li a{
	color: #fff;
	display: block;
	width: 26px;
	height: 30px;
	line-height: 35px;
	font: bold 11px/35px "Trebuchet MS";
	
	background: url(../images/lang-bg.gif) no-repeat;
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

ul#languages li a:hover, ul#languages li a.active{
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
}

#sidebar{
	width: 260px;
	float: right;
}

#sidebar a#mokesciai{
	margin-top: 35px;
	text-align: center;
	background: url(../images/mokesciu-skaiciuokle.gif) no-repeat top;
	padding-top: 40px;
	width: 120px;
	margin-left: 70px;
	display: block;
}

ul#nav{
	list-style: none;
	padding-top: 10px;
	margin-left: 10px;
}

ul#nav li{
	list-style: none;
	display: block;
	margin: 0px;
	background: none;
	padding: 0px;
}

a.lvl1, a.lvl1active{
	display: block;
	color: #D90000;
	/*height: 25px;*/
	border-bottom: 1px dotted #d0d0d0;
	text-decoration: none;
	
	font: normal 11px/25px Tahoma,Verdana,Arial,Helvetica,sans-serif;
	background: url(../images/nav2-arrow.gif) no-repeat 6px;
	padding: 0 0 0 18px;
	margin: 0px;
}

ul#nav li ul {
	padding: 0 0 0 18px;
	margin: 0px;
}

ul#nav li a.lvl2{
	display: block;
	color: #D90000;
	text-decoration: none;
	
	font: normal 11px/25px Tahoma,Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
}

ul#nav li a.lvl1:hover {
	background: #FFF6DB url(../images/nav2-arrow-on.gif) no-repeat 6px;
	color: #353535 !important;
}

ul#nav li a.lvl1active {
	background: #FFF6DB url(../images/nav2-arrow-on.gif) no-repeat 6px !important;
	color: #353535 !important;
}

ul.nav2level{
	width: 236px;
}

ul.nav2level {
	margin: 0px;
	padding: 0px;
}

ul.nav2level li a{
	background: url(../images/nav-arrow.gif) no-repeat left !important;
	border: 0px !important;
	padding-left: 10px !important;
	margin: 0px;
}

ul.nav2level li a:hover, ul.nav2level li a.active{
	background: url(../images/nav-arrow.gif) no-repeat left !important;
	color: #353535 !important;
}

ul.nav2level li a:hover{
	background-color: #FFF6DB !important;
}

ul.nav2level li a.active{
	text-decoration: underline !important;
}

div#main{
	clear: both;
	width: 620px;
	float: left;
	overflow: hidden;
}

div.pagePath{
	font: normal 10px/10px "trebuchet ms",helvetica,sans-serif;
	color: #8E8E8E;
	margin-bottom: 10px;
	padding-left: 6px;
}

div.pagePath a{
	font: normal 10px/10px "trebuchet ms",helvetica,sans-serif;
}

h3{
	font: bold 15px/15px "trebuchet ms",helvetica,sans-serif;
	color: #555;
	margin-bottom: 10px;
	margin-top: 15px;
	margin-left: 20px;
}

h2{
	font: normal 20px/20px "trebuchet ms",helvetica,sans-serif;
	color: #DB2C2D;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

div.pageTitle{
	font: bold 11px/16px Arial,Helvetica,sans-serif;
	color: #8E8E8E;
	padding: 7px 0px 7px 10px;
	
	margin-left: 10px;
	background: #EDEDED;
}

div.pageTitle a.print{
	display: block;
	height: 16px;
	width: 150px;
	float: right;
}

div.pageTitle a.print.lt{
	background: #EDEDED url(../images/print_version_lt.gif) no-repeat right;
}

div.pageTitle a.print.lt:hover{
	background-image: url(../images/print_version_lt_active.gif);
}

div.pageTitle a.print.en{
	background: #EDEDED url(../images/print_version_en.gif) no-repeat right;
}

div.pageTitle a.print.en:hover{
	background-image: url(../images/print_version_en_active.gif);
}

h2.even{
	color: #F59A09;
}

p{
	margin-bottom: 10px;
	margin-left: 20px;
}

div#main span{
	color: #399AC6;
}

.softGray{
	color: #aaa;
}

#header h1{
	font: normal 16px "trebuchet ms",helvetica,sans-serif;
	color: #777777;
	position: relative;
	top: 3px;
	left: 15px;
	float: left;
	margin: 0px;
}

#footer{
	clear: both;
	background: #F9F9F9 url(../images/footer.gif);
	position: relative;
	top: 30px;
	padding: 14px 0px 17px 30px;
	height: 57px;
	clear: both;
}

#footer a.active{
	color: #353535;
}

#footer .left{
	float: left;
}

#footer .right{
	float: right;
	text-align: right;
}

#footer div.right{
	color: #aaa;
}

table#contactForm{
	width: 100%;
	margin-left: 20px;
}

table#contactForm label{
	padding-left: 4px;
}

table#contactForm h3{
	margin-top: 10px;
	font-size: 13px;
}

table#contactForm td{
	padding: 2px;
	border-collapse: collapse;
}

input.focus, select.focus, textarea.focus, input.text:focus, select:focus, textarea:focus{
	background-color: #FFFFD7;
	border-color: #3D5376 #7B92B7 #7B92B7 #3D5376;
	border-width: 1px;
}

select, textarea, .text{
	border: 1px solid;
	border-color: #888 #ccc #ccc #888;
	padding: 2px;
	color: #000;
	font: 11px/19px Tahoma,verdana,arial,sans-serif;
}

textarea{
	width: 93%;
	height: 75px;
}

select, .text{
	min-width: 140px;
}

.text{
	padding: 0px;
	padding-left: 2px;
	line-height: 16px;
	height: 16px;
}


.hidden{
	display: none;
}

.visibleRow{
	display: block;
}

tbody > .visibleRow{
	display: table-row;
}

.button{
	padding: 3px 7px 3px 7px;
	border: 1px solid #ccc;
	color: #fff;
	font-weight: bold;
	margin-right: 7px;
	background: #908F8D;
	margin-top: 7px;
	font-size: 13px;
	cursor: pointer;
}

.button:hover, .buttonfocus{
	background: #5A5A59;
}

td > .button{
	padding: 7px 15px 7px 15px;
}

.bold{
	font-weight: bold;
}

.red{
	color: #DC143C !important;
}

.notice{
	margin-top: 13px;
	padding-top: 4px;
	border-top: 2px solid #F0F0F0;
	text-align: right;
}

div.webStudio{
	background: url(../images/webstudio-2-presentation.gif) no-repeat;
	width: 229px;
	height: 98px;
	margin-top: 30px;
	margin-left: 20px;
}

div.webStudio a{
	display: block;
	width: 229px;
	height: 98px;
}

ul.portfolio{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

ul.portfolio li{
	list-style: none;
	background: none;
	margin: 0px 0px 12px 0px;
	padding: 7px;
	border: 1px solid #fff;
}

ul.portfolio li img{
	margin: 11px 0px 0px 12px;
	border: 1px solid #aaa;
}

ul.portfolio li a:hover img{
	border-color: #F9BB00;
}

ul.portfolio li a.image{
	background: url(../images/screenshot.gif) no-repeat;
	width: 207px;
	height: 180px;
	display: block;
	float: left;
}

.fClear{
	clear: both;
}

ul.portfolio li div.info{
	margin-left: 15px;
	float: right;
	width: 372px;
}

ul.portfolio li div.info div.url{
	margin: 3px 0px 7px 0px;
	color: #333;
}

ul.portfolio li div.info div.url span{
	float: right;
	color: #908F8D !important;
}

ul.portfolio li h3{
	font: bold 13px/13px Tahoma, "trebuchet ms",helvetica,sans-serif;
	color: #D84D5F;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

ul.portfolio li div.info h4{
	font: normal 11px/11px Tahoma, "trebuchet ms",helvetica,sans-serif;
	margin: 5px 0px 9px 0px;
	padding: 0px;
	color: #908F8D;
}
