@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFFF;
	color:#6c6c6c;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#6c6c6c;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#005baa;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;

}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: circle;
	list-style-position: outside;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: decimal;
	list-style-position: outside;
}
a{outline: none;}

a:link {
	color: #0098DB;
	text-decoration: none;
	/* border: none;*/
}

a:visited {
  color: #0072bc;
  text-decoration: none;
  /* border: none;*/
}

a:hover {
	text-decoration: underline;
	/* border: none;*/
}

a:active {
	color: #005baa;
	/* border: none;*/
}

a.toplink:link, a.toplink:visited {color: #9ca4ab; font-size: 11px; text-decoration: none;}
a.toplink:hover { text-decoration: underline; }
a.nav:link, a.nav:visited  {color: #505050; text-decoration: none;}
a.nav:active {color: #505050; text-decoration: none;}
a.nav:hover { text-decoration: none; }

#text a:link, #text a:visited  {color: #565656; text-decoration: none;}
#text a:active {color: #565656; text-decoration: none;}
#text a:hover { text-decoration: underline; }

a#ic11:hover, a#ic22:hover, a#ic33:hover{
text-decoration:none;
}

#menu a{
color: #565656;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: underline;
	}
	
#menu a.act{
color: #0098DB;
	font-family: arial, helvetica, sans-serif;
	text-decoration: underline;
}

#footer {
position:relative;
top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a6a8ab;
	width:940px;
	height: 20px;
}

#footer-portfolio {
position:relative;
top: -40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a6a8ab;
	width:940px;
	height: 10px;
	border: 0px solid red;
}

#pol-portfolio {
position:relative;
top: -70px;
background:#ffffff url(../images/s.jpg) repeat-x;
width:940px;
height: 1px;
z-index:0;
}


/*
#footer a{
color: #a6a8ab;
}
*/

.right {
float:right;
}
.left {
float:left;
/*width: 400px;*/
}

#header{
position:absolute;
top:0;
left: 50%;
width: 940px;
margin: 5px 0 0 -470px;
border: 0px solid #cccccc;
}
#toplink{
float:right;
}
#nav{
position: relative;
top: 68px;
left: 62px;
float:right;
margin: 0 0 0 0px;
border: 0px solid red;
}
#logo{
position:absolute;
top: 40px;
background:#ffffff url(../images/logo.jpg) no-repeat;
width:410px;
height: 105px;
}
div.topmenu{
width: 107px;
float:left;
border: 0px solid red;
}

#lasttop{
width: 65px;
border: 0px solid red;
}
/*
#last{
width: 65px;
float:right;
border: 0px solid red;
}
*/
#line{
position: absolute;
top:90px;
left:50%;
margin: 0 0 0 -60px;
background:#ffffff url(../images/line2.jpg) repeat-x;
width:530px;
height: 10px;
}
#p1{
position:absolute;
top:90px;
left:50%;
width: 80px;
height:5px;
margin-top:-5px;
margin-left: 65px;
background-color:#e30088;
display:none;
}

#p2{
position:absolute;
top:90px;
left:50%;
width: 80px;
height:5px;
margin-top:-5px;
margin-left: 179px;
background-color:#e30088;
display:none;
}

#p3{
position:absolute;
top:90px;
left:50%;
width: 80px;
height:5px;
margin-top:-5px;
margin-left: 290px;
background-color:#e30088;
display:none;
}

#p4{
position:absolute;
top:90px;
left:50%;
width: 80px;
height:5px;
margin-top:-5px;
margin-left: 390px;
background-color:#e30088;
display:none;
}

#p1-m{
position:absolute;
top:85px;
left:50%;
height:5px;
margin-left: 65px;
overflow:hidden;
}

#p2-m{
position:absolute;
top:85px;
left:50%;
height:5px;
margin-left: 179px;
overflow:hidden;
}

#p3-m{
position:absolute;
top:85px;
left:50%;
height:5px;
margin-left: 290px;
overflow:hidden;
}

#p4-m{
position:absolute;
top:85px;
left:50%;
height:5px;
margin-left: 390px;
overflow:hidden;
}

#moot1, #moot2, #moot3, #moot4{
/*position:absolute;
top:90px;
left:50%;*/
width: 80px;
position:relative;
height:5px;
margin-top: 5px;
background:#e30088;
background-position: 5px 0;
/*overflow: hidden;*/

/*display:none;*/
}


img{
border:0;
}
#content{
position:relative;
top:120px;
/*left: 50%;*/
width: 940px;
height:250px;
/*margin: 5px 0 0 -470px;*/
border: 0px solid red;
margin: 0px auto;
}
#blocks{
border: 0px solid #cccccc;
height:100%;
}
#zag h1{
	/*font: 18px/25px "Arial Narrow";*/
	/*font-family : Arial Narrow, Miriad Pro, Tahoma, Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	font-stretch: narrower;
	font-family: Miriad Pro, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*color: #005baa;*/
	color: #0018A8;
	height: 32px;
	font-weight:normal;
	overflow: none;
	line-height: 18px;
	padding: 25px 0 0 0;
}
#block{
position:relative;
width: 280px;
float:left;
border: 0px solid #cccccc;
}
#block:last{
float:none;
}
#otst{
width:45px;
float:left;
height:200px;
}
#razd{
background:#ffffff url(../images/razd.jpg) repeat-x;
width:280px;
height: 1px;
}
#razdbig{
margin: 7px 0 10px 0;
background:#ffffff url(../images/razd.jpg) repeat-x;
width:940px;
height: 1px;
}
#menu #razd{
width:250px;
margin: 5px 0 0px 0;
}

#pol{
position:relative;
top: 10px;
background:#ffffff url(../images/s.jpg) repeat-x;
width:940px;
height: 1px;
z-index:0;
}

a#icon1 span {display:block;width:67px;height: 68px;margin: 0; padding:0;background: url("../images/k1.jpg") 0 0 no-repeat;text-decoration: none;float:left;cursor:pointer; background-position: 0 -68px; margin: 0 15px 0 0;}
a:hover#icon1 span{background-position: 0 0px;}
a#icon1 span.act{background-position: 0 0px;}

a#icon2 span {display:block;width:67px;height: 68px;margin: 0; padding:0;background: url("../images/k2.jpg") 0 0 no-repeat;text-decoration: none;float:left;cursor:pointer; background-position: 0 -68px; margin: 0 15px 0 0;}
a:hover#icon2 span{background-position: 0 0px;}
a#icon2 span.act{background-position: 0 0px;}

a#icon3 span {display:block;width:67px;height: 68px;margin: 0; padding:0;background: url("../images/k3.jpg") 0 0 no-repeat;text-decoration: none;float:left;cursor:pointer; background-position: 0 -68px; margin: 0 15px 0 0;}
a:hover#icon3 span{background-position: 0 0px;}
a#icon3 span.act{background-position: 0 0px;}

a#icon4 span {display:block;width:67px;height: 68px;margin: 0; padding:0;background: url("../images/k4.jpg") 0 0 no-repeat;text-decoration: none;float:left;cursor:pointer; background-position: 0 -68px; margin: 0 15px 0 0;}
a:hover#icon4 span{background-position: 0 0px;}
a#icon4 span.act{background-position: 0 0px;}

#text{
height:150px;
}

#podrobnee{
float:right;
position:relative;
top: 5px;
z-index:1;
}

a#next span {display:block;width:20px;height: 20px;margin: 0; padding:0;background: url("../images/next.jpg") 0 0 no-repeat;}
a:hover#next span{background: url("../images/next-a.jpg") 0 0 no-repeat;}
a#next span.act{background: url("../images/next-a.jpg") 0 0 no-repeat;}

#portfolio{
position:relative;
top: 20px;
width:940px;
text-align:left;
float:left;
}

#portfolio #vse{
position:relative;
top: -10px;
width:940px;
text-align:left;
float:left;
}

#portfolio #razd, .vse #razd{
background:#ffffff url(../images/razd.jpg) repeat-x;
width:940px;
height: 1px;
}

.zitem {
    width:160px;
    height:112px;  
    border:1px solid #dbdada; 
    margin:15px 32px 5px 0;
     
    /* required to hide the image after resized */
    overflow:hidden;
     
    /* for child absolute position */
    position:relative;
     
    /* display div in line */
    float:left;
}

.last{
margin:15px 0px 0px 0;
}

#items{
width: 972px;
height: 150px;
white-space: nowrap;
}

#items #podrobnee{
top: 150px;
left: -30px;
border: 0px solid red;
}

.clear {
	clear:both;	
}
#navigation{
position:relative;
top:143px;
/*top:138px;
left: 50%;*/
width: 940px;
height:150px;
/*margin: 5px 0 0 -470px;*/
margin: 0px auto;
}
#menu{
position:relative;
left: 148px;
width: 280px;
height:140px;
float:left;
border: 0px solid #cccccc;
float:left;
}
#name{
position:relative;
left: 200px;
top: 20px;
width: 300px;
border: 0px solid #cccccc;
float:left;
}
#nameimg{
position:relative;
top: 20px;
float:right;
}
#name h1{
	font-family : Myriad Pro, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 28px;
	text-decoration: none;
	color: #a6a6a6;
	font-weight:lighter;
}

#info{
position:relative;
top:125px;
/*left: 50%;*/
width: 940px;
/*margin: 5px 0 0 -470px;*/
margin: 0px auto;
border: 0px solid #000000;
height: 100%;
}

/*
#osntext{
position:relative;
left: 146px;
width: 736px;
background-color: #f5f4f4;
padding:  5px 0 20px 60px;
border: 0px solid red;
}*/

#osntext{
position:relative;
left: 0px;
width: 880px;
/*background-color: #f5f4f4;*/
padding:  5px 0 20px 60px;
border: 0px solid red;
}

#osntext h1{
	font-family : Myriad Pro, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;
	text-decoration: none;
	color: #e8008b;
	height:36px;
	font-weight:lighter;
	background:#fff url(../images/h1.png) no-repeat;
	padding: 20px 0 0 45px;
	margin-left: -50px;
	margin-top: 5px;
	margin-bottom: 10px;
}



#portfolioone{
position:relative;
top:100px;
left: 50%;
width: 940px;
margin: 5px 0 0px -470px;
border: 0px solid #000000;
height: 800px;
}
#nameport{
border: 0px solid red;
width: 400px;
float:left;
white-space: nowrap;
}
#topport{
position:relative;
width:940px;
border: 0px solid red;
height: 50px;
}
.linkport{
margin: 30px 0 0 0;
}
/*
.right {
float:right;
}
*/
#portfolioone h1{
	font-family : Myriad Pro, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;
	text-decoration: none;
	color: #e8008b;
	height:36px;
	font-weight:lighter;
	padding: 20px 0 0 0px;
	margin:0;
	width: 200px;
	
}

#ich1{
background:#f5f4f4 url(../images/h1.jpg) no-repeat;
position:absolute;
top: 10px;
left: 95px;
width: 42px;
height: 38px;
z-index: 9999;
}

#osntext h1.text{
	font-family : Myriad Pro, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #0018A8;
	height:36px;
	background:none;
	font-weight:lighter;
	padding: 5px 0 0px 0px;
	margin: 0;
	
}
#osntext p{
padding: 0 0px 0 0px;
text-align:justify;
margin-top: -10px;
border: 0px solid red;
white-space: nowrap;
}

#text a p{
text-align:justify; !important
}

#osntext em{
padding: 0 45px 0 0px;
}

#osntext #razd {
margin-top: 15px;
margin-bottom: 30px;
width: 880px;
}

#osntext ul{
padding: 0 45px 0 0px;
text-align:justify;
}

#osntext ul ul{
padding: 10px 45px 0 20px;
text-align:justify;
}

.akz{
color: #4b4b4b;
}
a.lr, .lr{
font-size: 10pt;
color: #ffffff;
}