@charset "utf-8";
/*@import url("undohtml.css");*/
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd{margin:0;padding:0;line-height:1.2em}
a img,:link img,:visited img{border:none}
address{font-style:normal}
dl{margin:0 0 0 .8em}
dl dt{margin:0 0 .5em 0}
dl dd+dt{margin-top:1.5em}
dl dd,ul li{margin:0 0 1em 2em}
ol{list-style:decimal}
ol li{margin:0 0 1em 2.5em}
ol li ol,ol li ul,ul li ul,ul li ol{margin:1em 0 1em 1em}
p{margin-bottom:1em}
ul{list-style:disc}
ul li ul{list-style:circle}
ul li ul li ul{list-style:square}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #555;
	background: #fff;
	min-width: 998px;
	width:expression((document.documentElement.clientWidth)<998?"998px":"auto");
}
.clear,.clrleft,.clrright{clear:both;width:100%;display:block}
.clrleft{clear:left}
.clrright{clear:right}
.left{float:left}
.right{float:right}
.nobr{white-space:nowrap}
div{_height:1%}
a{
	color: #666;
	text-decoration: underline;
	cursor: pointer;
}
/*a:visited{
	color: #666;
}*/
a:hover, a:active {
	color: #ba1616;
}
img.photo, a:hover img.photo {
	background-color: #EBEBEB;
	background-image: url(../i/bgphoto.png);
	padding: 5px;
}
a:hover img.photo {
	background-color: #ba1616;
}
h1, h2, h3 {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin: 0 0 0.4em 0;
	font-weight: normal;
}
h1 {
	color: #ba1616;
	font-size: 1.45em;
}
h2 {
	color: #ba1616;
	font-size: 1.25em;
	font-weight: normal;
}
h3 {
	font-size: 1.2em;
}

table {
	border-collapse: collapse;
	border: #c0c0c0;
}
th, td {
	border: 1px solid #c0c0c0;
	padding: 5px;
}
th {
	background: #EEEEEE;
}
img {
	vertical-align: middle;
}

#main1, #footer {
	background-color: transparent;
	background-image: url(../i/bg.png);
	background-repeat: repeat-x;
}
#brash, #logo, #menu a, #menu span, a.arrow, a.rss, a.blog, #footer1, #clip, #partners-logo {
	background-image: url(../i/mix.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

#header, #menu, #works, .works, .reklama, #col-right, #info, #footer {
	font-size: 12px;
}

#menu ul, #works ul, .works ul, .reklama ul, #menuPortfolio ul, #menuPortfolioHorizontal ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*  */
#tel {
	position: fixed;
	right: 0;
}
#tel a {
	position: absolute;
	right: 0;
	top: 5px;
	display: block;
	width: 226px;
	height: 44px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#tel a:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#main {
	padding: 10px;
}
#main1 {
	width: 100%;
	background-position: right top;
}
#main2 {
	background: transparent url(../i/glass.png) no-repeat right top;
}
#maincontacts {
	background: transparent url(../i/kompas.png) no-repeat right top;
}
#mainservices {
	background: transparent url(../i/bag.png) no-repeat right top;
}
#maininfo {
	background: transparent url(../i/book.png) no-repeat right top;
}
#mainworks {
	background: transparent url(../i/tablet.png) no-repeat right top;
}
#brash {
	width: 108px;
	height: 194px;
	position: absolute;
	margin: 13px 0 0 -10px;
}
#header {
	height: 220px;
	overflow: hidden;
}
#header1 {
	padding: 13px 380px 0 108px;
}
#logo {
	background-position: -108px -87px;
	width: 302px;
	height: 64px;
}
#logo a {
	display: block;
	width: 302px;
	height: 64px;
}
#logo span {
	display: none;
}
#header h2 {
	color: #ba1616;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0;
}
#header p {
/*	font-size: 13px;*/
	/*line-height: 15px;*/
	line-height: 135%;
	color: #4B4B4B;
}

/*  */
#content {
/*	background: #fff;*/

}

/*  */
#col-right {
	float: right;
	width: 372px;
	padding: 193px 0 0 0;
}
#col-right1 {
	padding: 0 0 0 23px;
}
#col-right h2 {
padding:0.9em 0pt 0.15em;
}

#col-right p{
	padding: 0 10px;
}
a.arrow {
	display: block;
	height: 25px;
	background-position: -410px -119px;
	padding: 0 0 0 32px;
	line-height: 25px;
	color: #ba1616;
	text-decoration: none;
}
a.arrow:hover {
	text-decoration: underline;
}

#text li{
	background: transparent url(../i/li.gif) no-repeat top left;
	list-style: none;
	padding-left: 12px;
}

/*  */
#center {
	margin: 0 372px 0 0;
	background: #fff;
}

#menu, #info, .button {
	background-image: url(../i/line.png);
	background-repeat: no-repeat;
}

#menu {
	height: 35px;
	background-position: right top;
	font: 16px 'Trebuchet MS', Helvetica, sans-serif;
	overflow: hidden;
}
#menu li {
	display: block;
	float:left;
	padding: 0 9px;
	margin: 0;
}

#menu a, #menu span {
	display: block;
	background-position: -1000px -1000px;
	text-decoration: none;
	line-height: 26px;
	z-index: 10;
	white-space:nowrap;
}
#menu a {
	padding: 0 0 0 6px;
}
#menu span {
	padding: 0 16px 0 10px;
}
#menu a:hover {
	background-position: -242px -151px;
}
#menu a:hover span {
	background-position: right -151px;
	color: #FFF;
}
#menu li.active, #menuPortfolio li.active{
	color: #AAAAAA;
}

#menuPortfolio li.active{
background: transparent url(../i/arrow2.gif) no-repeat 2px 7px;
}

#menuPortfolio, #menuPortfolioHorizontal {
	font: 16px 'Trebuchet MS', Helvetica, sans-serif;
	margin-bottom: 16px;
}
#menuPortfolio li {
	display: block;
	margin: 0;
	padding: 0 10px;
}
#menuPortfolio a {
	display: block;
	white-space:nowrap;
}
#menuPortfolio a:hover {
	color: #ba1616;
}

#menuPortfolioHorizontal li {
	float: left;
	padding: 0 25px 15px 0;
	background: none;
	margin: 0;
}

#navigation {
	margin: 0 0 1em 0;
}
.B_crumbBox{
	font-size: 85%;
	color: #AAAAAA;
	padding-bottom: 10px;
}
.B_crumbBox a{
	color: #888888;
}
.B_crumbBox a:hover{
	color: #ba1616;
}

.scroll {
	text-align: center;
}
.scroll h1 {
	display: inline;
	padding: 0 10px;
}

.scroll a{
	color: #E3E3E3;
}
.scroll a:hover{
	color: #666666;
}

#onmain {
	height: 195px;
	overflow: hidden;
}
#works, .works, .reklama {
	padding: 10px 0;
}
#works li, .works li, .reklama li {
	float: left;
	margin: 0;
	width: 240px;
	height: 220px;
	background-image: none !important; 
}
.reklama li {
	width: 180px;
	height: 200px;
	text-align: center;
}
#works a, .works a, .reklama a {
	text-decoration: none;
	display: block;
	position: relative;
	width: 200px;
	height: 195px;
}
.reklama a {
	width: 150px;
}
#works span, .works span {
	display: block;
	padding: 166px 0 0 0;
	text-align: center;
}
#works img, .works img {
	display: block;
	position: absolute;
	width: 200px;
	height: 150px;
	margin-bottom: 6px;
/*	filter:progid:DXImageTransform.Microsoft.Matrix(filtertype='bilinear', sizingmethod='auto expand');*/
}
.reklama img {
	margin-bottom: 6px;
}
#onmain #works span, #onmain .works span {
	padding: 0;
}
#onmain #works img, #onmain .works img {
	position: static;
}
#onmain #works a, #onmain .works a {
	position: static;
}

#text {
	padding: 10px;
}
#text1 {
	width: 100%;
}

#text p, #text li, #col-right p, #col-right li {
line-height:140%;
}

#text h2, #text h3{
	padding: 0.6em 0 0 0 ;
}
#maintext {
	float: left;
	width: 69%;
}
#news {
	float: left;
	padding: 0 5% 0 0;
	width: 25%;
}
#news ul, #news li, #allnews ul, #allnews li {
	margin: 0 0 1em 0;
}
#allnews li {
	background: none;
}

#info {
	clear: both;
	margin-right: 372px;
	background-position: right -33px;
	padding: 20px 0 0;
	font-size: 11px;
	color: #aaa;
}
#info-left {
	float: left;
	text-align: left;
	width: 330px;
}
#info-left p {
	margin: 0;
	padding: 0 0 12px;
}
#partners-logo {
	float: right;
	background-position: -170px -177px;
	width: 252px;
	height: 32px;
	margin-bottom: 20px;
}
a.rss, a.blog {
	display: block;
	height: 16px;
	padding: 0 0 0 20px;
	line-height: 16px;
	font-size: 11px;
	color: #888;
}
a.rss:hover, a.blog:hover {
	color: #ba1616;
}
a.rss {
	background-position: -410px -87px;
}
a.blog {
	/*background-position: -410px -103px;*/
	background: transparent url(../i/blogicon.gif) no-repeat left;

}

/*  */
#footer {
	background-position: left bottom;
	clear: both;
}
#footer1 {
	background-position: -108px 0;
	height: 87px;
	padding: 0 0 0 122px;
	overflow: hidden;
}
#copy {
	padding: 41px 0 0;
}
#copy p{
	margin: 0;
	padding: 0 0 0.7em 0;
}
#copy a {
	color: #666;
}
#copy a:hover {
	color: #ba1616;
}
#copy span{
	color: Silver;
}
#buttons {
	float: right;
	width: 395px;
	text-align: right;
	padding: 11px 0 0;
}
#clip {
	float: left;
	background-position: -108px -151px;
	width: 62px;
	height: 67px;
}
#buttons1 {
	text-align: right;
	padding: 41px 10px 0;
}

#buttons1 img{
	margin-left: 10px;
}

a.pro-kiwi, a.pro-ftpcopy, a.pro-rosmex{
	display: block;
	height: 30px;
	padding: 0 0 0 24px;
}

a.pro-kiwi{
	background: transparent url(../i/kiwi.png) no-repeat top left;	
}

a.pro-ftpcopy{
	background: transparent url(../i/ftpcopy.png) no-repeat top left;	
}

a.pro-rosmex{
	background: transparent url(../i/rosmex.png) no-repeat top left;	
}



#news-archive{
	font-size: 11px;
	background: transparent url(../i/news.gif) no-repeat left;
	padding-left: 10px;
}
#news-bottom{
	text-align: right;
}
#news li{
	
	padding: 0;
	background: transparent;
}
#news li a:visited{
	color: #A9A9A9;
}

.fitem{
	margin: 0 0 10px;
}

input.text, textarea.text, input.vkey{
	padding: 3px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.2em;
	width: 350px;
	border: 1px solid #CFCFCF;
	color: #4B4B4B;
	background-color: #F9FAF9;
}

input.text:focus, textarea.text:focus, input.vkey:focus{
	background-color: White;
	border: 1px solid #888888;
}

input.vkey{
text-align: center;
width: 150px;
margin-left: 10px;
vertical-align: middle;
}

 .ltd{
	padding: 2px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.2em;
	width: 100px;
	border: 1px solid #CFCFCF;
	color: #4B4B4B;
	background-color: #F9FAF9;
	}

input.button{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	border: 1px solid Silver;
	font-size: 1.2em;
	color: #BA1616;
	padding: 4px;
	cursor: pointer;
}

input.button:hover{
	color: #8D1212;
	border: 1px solid #AAAAAA;
}

div.errors, div.msgok{
	background-image: url(../i/bgphoto.png);
	margin: 10px 0;
	padding: 10px;
}

div.errors{
	background-color: #FDF0F0;
}

div.msgok{
	background-color: #E7FFD2;
}

form{
	margin-bottom: 1em;
}


@media print {
#col-right, #menu, #info {
	display: none;
}
}