@charset "utf-8";
 {margin: 0;}
html, body { margin:0; padding:0; width:100%; height: 100%; background:#ffffff;  font-family: 'design';}

.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px;}
.footer, .push {height:150px;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background: #ffffff url(images/header_bg.jpg) top center repeat-x;}
.blok_header2 { margin:0; padding:0; background: #ffffff url(images/header_bg_red.jpg) top center repeat-x;}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo {margin:35px 0px 0px -190px; float:left; }
.rss { width:80px; float:left; height:35px; text-align:left; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:15px 10px 0 0; margin:0;}
.rss img { float:right; margin:0 3px; padding:0;}
.text { width:600px; text-align:right; float:right; margin:0; padding:8px 0 0 0px; font: normal 11px Arial, Helvetica, sans-serif; color:#63b0f8;}
.text a { color:#84daf1; text-decoration:none;}
/* menu */	
.menu {margin:30px 0px 0px 0px;  width:450px;  float:right; }
.menu ul { text-align: left;  padding:0; margin:5; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:normal 15px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover { color:#9bd4ff; background: url(images/r_menu.png) no-repeat right;}
.menu ul li a:hover span {  color:#9bd4ff;   background:url(images/l_menu.png) no-repeat left;}
.menu ul li a.active {  color:#ffffff;  background:url(images/r_menu.png) no-repeat right;}
.menu ul li a.active span { color:#ffffff;    background:url(images/l_menu.png) no-repeat left;}
/* search */
.search { padding:8px 30px 0 0; margin:0; width:320px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:146px; padding:0 5px ; height:27px;}
.search form .keywords { font:normal 12px Arial, Helvetica, sans-serif; color:#58949e; line-height:15px; height:15px; float:left; background:none; border:0; width:146px; padding:6px 0; margin:0;}
.search form .button { float:left; margin:0; padding:0;}
/*FBG_blog*/
.header_blog {border-top:1px solid #589bb0; margin:0; padding:-120px 0 0 0;}
.header_blog_resize { width:960px; margin:0 auto; padding:-80px 0;}
.header_blog_resize h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0;}
.header_blog_resize p { font: normal 20px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0;}
.header_blog_resize p span { font: normal 20px Arial, Helvetica, sans-serif; color:#fff;}

@font-face {
  font-family: 'design';
  src: url('design.eot?#iefix') format('embedded-opentype'),  url('design.woff') format('woff'), url('design.ttf')  format('truetype'), url('design.svg#design') format('svg');
  font-weight: normal;
  font-style: normal;
}


.head_nadpis  p { font: normal 20px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0;}
.header_blog_resize img { float:right; margin:0; padding:0;}
.header_blog_resize .recent { width:560px; float:left; padding:0; margin:5px 0  0 0;}
/* Ca3er style */
.cu3er_resize { width:940px; margin:0 auto; height:380px; padding:-150px -150px -150px -150px; background: url(images/simple_bg.gif) no-repeat bottom;}
#cu3er-container { width:940px; outline:0; }
/********** body **********/
.body_resize { margin:0; padding:0;}
.body { width:960px;  margin:0 auto; padding:10px 0;}
.body_bg { border:0px solid #f4ecd0; background:#ffffff; margin:0px 0px; padding:0px 20px; border-radius: 70px 0px 70px 0 ;
-moz-border-radius:15px;
-khtml-border-radius:25px;}

.portfolio { width:530px;  border:5px solid #ffffff; background:#ffffff; margin:10px 0px 10px 0px; padding:10px 40px; 
border-radius: 110px 0px 60px 0 ; -moz-border-radius: 80px 0px 80px 0 ; -khtml-border-radius: 80px 0px 80px 0 ; z-index: 2; position:relative;


box-shadow: 0 1px 5px rgba(0, 0, 0, .2), -23px 0 20px -23px rgba(0, 0, 0, .3), 23px 0 20px -23px rgba(0, 0, 0, .3), 0 0 7px rgba(0, 0, 0, .1) inset; 



}

.portfolio_vizitki { width:300px;  border:0px solid #1ca1ef; background:#ffffff; margin:10px 0px 10px 0px; padding:12px 0px; 

}


.niz
{ 
position:relative;
z-index: 1;
 padding:70px 0px; 
}


.portfolio1 { width:560px;  border:5px solid #ffffff; background:#ffffff; margin:-40px 0px 10px 0px;   padding:12px 50px; 

border-radius: 70px 0px 70px 0 ;
-moz-border-radius: 15px 15px  15px 0;
-khtml-border-radius: 25px 25px  25px 0;

position:relative;

z-index: 2;
box-shadow: 0 1px 10px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset; 
 opacity:0.8;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
}

#img-radius {
 border:15px solid #ecf0f1;
border-radius: 350px 350px 350px 350px ;
-moz-border-radius: 300px 300px 300px 300px;
-khtml-border-radius: 300px 300px 300px 300px;

margin: 0 auto; 
}

#img-radius2 {
 border:0px solid #ecf0f1;
border-radius: 0px 80px 0px 80px ;
-moz-border-radius: 300px 300px 300px 300px;
-khtml-border-radius: 300px 300px 300px 300px;

margin: 0 auto; 
}



@font-face {
	font-family: 'Roboto-Light';
	src: url('fonts/Roboto-Light.eot');
	    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype');
	src: local('O'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



.body_bg2 { border:0px solid #d1d1d1; background:#f7f4eb; padding:10px 20px;}
.body_text { width:916px; border:0px solid #d1d1d1; background:#ffffff; margin:0; padding:0px 0px;}
.body a { text-decoration:none; color:#0094e1;}


.body_main { margin:0; padding:10px 20px;}
.body h4 { font: 2.2em  'Roboto-Light', georgia,Segoe UI, Verdana, Arial, Helvetica, sans-serif;  color:#444;  margin:0; padding:0px 0;  font-style:light;  font-weight:100;line-height:0.9em; }


.body h5 { font: normal 18px Arial, Helvetica, sans-serif; color:#5f5f5f; margin:0; padding:10px 0; }
.body h3 { font:normal 11px Arial, Helvetica, sans-serif; }
.body h2 { font:normal 11px  sans-serif, Helvetica, Arial ; }

.zag_text  {margin: 158px 0px 0px 28px;  position:absolute;  }

.body h3 span { font: normal 11px Arial, Helvetica, sans-serif; color:#29b0ce;}
.body img { padding:0; margin:0 auto;}
.body img.floated { float:left; padding:0; margin:10px 15px 10px 5px;}
.body p { font: 16px 'design', Arial, Helvetica, sans-serif; color:#444;  padding:5px 0; margin:0; font-style:normal;font-weight:400;line-height:24px; }



.body p span {font: 12px   sans-serif, Helvetica, Arial; color:#9a9a9a; padding:5px 0; margin:0; font-style:normal;font-weight:400;line-height:18px; }

.body p span_price  { font: normal 10px Arial, Helvetica, sans-serif; color:#bbbbbb;  line-height:1.1em;}
.studio {font-family:tahoma,Verdana,Sans-serif; font-size: 7pt; color: #ffffff; font-weight: lighter; letter-spacing: 0.56em; margin: 125px 0px 0px 83px; position:absolute;}

.body a.about { font: bold 12px Arial, Helvetica, sans-serif; color:#1c789a; text-decoration:underline;}
.right { width:296px; float:right; padding:5px 10px 5px 0; margin:0;}
.right_price { width:440px; float:right; padding:5px 10px 5px 0px; margin:0;}
.left_price { width:440px; float:left; padding:5px 10px 5px 0px; margin:0;}

.right_cont { width:380px; float:right; padding:5px 10px 5px 0px; margin:0;}
.left_cont { width:400px; float:left; padding:5px 10px 5px 0px; margin:0;}


.right_menu { width:225px; float:right; padding:7px 0px 0px 0px; margin:0;}
.right_menu li { font: 13px Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-style : normal; color: #cc3366;  }
.right_menu ul { font: 13px Arial, Helvetica, sans-serif; TEXT-DECORATION: none; font-style : normal; color: #cc3366; margin: 6px 0px 0px -36px; }
.right_menu h3 span  { font: normal 11px Arial, Helvetica, sans-serif; color:#cc3366; line-height:1.2em; }
.right_menu h5 { font: normal 17px Arial, Helvetica, sans-serif; color:#e3000f;  padding-bottom: 7px; margin:0;}
.right_menu h6 { font: normal 9px Arial, Helvetica, sans-serif; color:#7f7f7f;  padding-bottom: 7px; margin:0;}
.right_menu h3 { font:normal 13px Arial, Helvetica, sans-serif; color:#0094e1; line-height:1.2em; margin: 6px 0px 0px 0px;}
.right_menu h3 a:link { font-size: 13px; TEXT-DECORATION: none; color:#0094e1; line-height:1.2em; margin: 6px 0px 0px 0px;}
.right_menu h3 a:visited { font-size: 13px; TEXT-DECORATION: none; color:#0094e1; line-height:1.2em; margin: 6px 0px 0px 0px;}
.right_menu h3 a:hover { font-size: 13px; TEXT-DECORATION: underline; font-style : normal; color: #cc3366;  padding:0px 0 0px 7px;padding-bottom: 0px;}
.left_portfolio { width:640px; float:left; padding:5px 0 5px 5px; margin:0;}
.left { width:590px; float:left; padding:5px 0 5px 20px; margin:0;}

.left_price a { text-decoration:none; color:#606060;}
.right_price a { text-decoration:none; color:#606060;}
.left_price_full { width:910px; float:left; padding:5px 0 5px 20px; margin:0;}
.left_p { width:650px; float:left; padding:5px 0 5px 20px; margin:0;}
.left_p_viz { border:1px solid #d1d1d1; background:#ffffff;  width:650px; float:left; padding:5px 0 5px 20px; margin:0;}

.block { width:231px; float:left; margin:10px 5px 10px 1px; padding:10px 0;}
.port_resize { width:285px; float:left; margin: 25px 0px; padding:0px 15px;}
/* END_bloga*/
/*************footer**********/
.footer {padding:0;  margin:0; height:150px;  background: url(images/footer.jpg) top repeat-x; border-top:1px solid #fff;}
.footer_resize { width:960px;  margin:0 auto; padding:0 10px;}



.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#b2b2b2;}
.footer img { float:left; margin:0; padding:0;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#28a2c5; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:500px; margin:0; padding:10px 20px 0 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left;} 
/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:0; background:#fff; border:1px solid #dedede;}
/********** contact form **********/
#contactform { margin:0; padding:5px 0;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:150px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#222; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:500px; border:1px solid #e8e8e8; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8; float:left;}
#contactform textarea { width:500px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#f8f8f8; height:150px; float:left;}
#contactform li.buttons input { padding:3px 0; margin:5px 0 0 5px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.5em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #d2d2d2; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

.small {font-family:tahoma,Verdana,Sans-serif; font-size: 7pt; color: #ffffff; font-weight: lighter;}

img.expando{
float:left; padding:0; margin:0px 20px 0px 0px;
border: none;
}

	
	
.links_a {font-size: 0.7em;	line-height: 1.7em;	margin-bottom: 0.4em; font-weight: normal;	font-family: tahoma; display: inline; text-decoration: none; color: #c2c2c2; letter-spacing: 0.02em;}
.links_u {font-size: 0.7em;	line-height: 1.7em;	margin-bottom: 0.4em;font-weight: normal;	font-family: tahoma; display: inline; text-decoration: none; color: #b00000; letter-spacing: 0.02em;}
.linki {font-size: 0.7em; line-height: 1.7em; margin-bottom: 0.4em; 	font-weight: normal; font-family: tahoma; display: inline; text-decoration: underline; color: #3c8df0; letter-spacing: 0.02em;}

 .mytable {border-collapse: collapse; background: #ffffff; 
font-family: tahoma; font-size: 12px}
 .mytable, #mytable td {border: 1px solid #68777e; 
font-family: tahoma; font-size: 12px}
 .mytable td {padding: 4px 8px; 
font-family: tahoma; font-size: 12px}
 .mytable tr.odd {background: #e5e5e5; 
font-family: tahoma; font-size: 12px}
  .mytable tr.top td {background: #334954; color: white; text-align: center; 
font-family: tahoma; font-size: 12px}


	
 menu2  {width:225px; float:right; padding:0px 0px 0px 0; margin:0;
 
 }




#right-column {
	float: left;
	height: auto;
	width: 235px;
	margin-left: 0px;
	padding-bottom: 22;
	padding-left: 30px;
	padding-right: 0px;
}
a.rollover03 {background: url(images/index-03.png); display: block; width: 144px; height: 167px;} a.rollover03:hover {background-position: 0 -167px;}	
a.rollover02 {background: url(images/index-02.png); display: block; width: 144px; height: 167px;} a.rollover02:hover {background-position: 0 -167px;}
a.rollover01 {background: url(images/index-01.png); display: block; width: 144px; height: 167px;} a.rollover01:hover {background-position: 0 -167px;}
a.rolloverfirm {background: url(images/serv_firm.png); display: block; width: 155px; height: 155px;} a.rolloverfirm:hover {background-position: 0 -155px;}
a.rollover19490 {background: url(images/19490.gif); display: block; width: 166px; height: 65px;} a.rollover19490:hover {background-position: 0 -65px;}
a.rollover17490 {background: url(images/17490.jpg); display: block; width: 121px; height: 57px;} a.rollover17490:hover {background-position: 0 -57px;}
a.rollover14490 {background: url(images/14490.gif); display: block; width: 166px; height: 65px;} a.rollover14490:hover {background-position: 0 -65px;}
a.rollover9990 {background: url(images/9990.gif); display: block; width: 166px; height: 65px;} a.rollover9990:hover {background-position: 0 -65px;}
a.rollover9490 {background: url(images/9490.gif); display: block; width: 166px; height: 65px;} a.rollover9490:hover {background-position: 0 -65px;}
a.rollover8490 {background: url(images/8490.jpg); display: block; width: 121px; height: 57px;} a.rollover8490:hover {background-position: 0 -57px;}
a.rollover8450 {background: url(images/8450.jpg); display: block; width: 121px; height: 57px;} a.rollover8450:hover {background-position: 0 -57px;}
a.rollover7990 {background: url(images/7990.jpg); display: block; width: 121px; height: 57px;} a.rollover7990:hover {background-position: 0 -57px;}
a.rollover6990 {background: url(images/6990.gif); display: block; width: 166px; height: 65px;} a.rollover6990:hover {background-position: 0 -65px;}
a.rollover6490 {background: url(images/6490.jpg); display: block; width: 121px; height: 57px;} a.rollover6490:hover {background-position: 0 -57px;}
a.rollover5990 {background: url(images/5990.gif); display: block; width: 166px; height: 65px;} a.rollover5990:hover {background-position: 0 -65px;}
a.rollover5590 {background: url(images/5590.gif); display: block; width: 166px; height: 65px;} a.rollover5590:hover {background-position: 0 -65px;}
a.rollover5490 {background: url(images/5490.gif); display: block; width: 166px; height: 65px;} a.rollover5490:hover {background-position: 0 -65px;}
a.rollover4990 {background: url(images/4990.gif); display: block; width: 166px; height: 65px;} a.rollover4990:hover {background-position: 0 -65px;} 
a.rollover4490 {background: url(images/4490.gif); display: block; width: 166px; height: 65px;} a.rollover4490:hover {background-position: 0 -65px;} 
a.rollover3990 {background: url(images/3990.gif); display: block; width: 166px; height: 65px;} a.rollover3990:hover {background-position: 0 -65px;}
a.rollover3450 {background: url(images/3450.gif); display: block; width: 166px; height: 65px;} a.rollover3450:hover {background-position: 0 -65px;}
a.rollover3490 {background: url(images/3490.jpg); display: block; width: 121px;height: 57px; } a.rollover3490:hover {background-position: 0 -57px;}
a.rollover2990 {background: url(images/2990.gif); display: block; width: 166px; height: 65px; } a.rollover2990:hover {background-position: 0 -65px;}
a.rollover2490 {background: url(images/2490.gif); display: block; width: 166px; height: 65px; } a.rollover2490:hover {background-position: 0 -65px;}
a.rollover1990 {background: url(images/1990.gif); display: block; width: 166px; height: 65px;} a.rollover1990:hover {background-position: 0 -65px;}
a.rollover1490 {background: url(images/1490.jpg);display: block; width: 121px;height: 57px;} a.rollover1490:hover {background-position: 0 -57px;}
a.rollover990 {background: url(images/990.gif);display: block; width: 166px; height: 65px;} a.rollover990:hover {background-position: 0 -65px;}
a.rollover590 {background: url(images/590.jpg);display: block; width: 121px; height: 57px;} a.rollover590:hover {background-position: 0 -57px;}
a.rolloverlogo{background: url(images/logo_borisart.png);display: block; width: 465px; height: 109px;} a.rolloverlogo:hover {background-position: 0 -109px;}
a.rollover{background: url(images/button.png); display: block; width: 168px; height: 58px; } a.rollover:hover {background-position: 0 -58px;}


.clear {
	clear: both;
}
#main .outer {
	background: transparent url('../img/vines-mid.png') 100% 0 no-repeat;
}
#main .inner {
	background: transparent url('../img/vines-front.png') 100% 0 repeat-x;
}




.image.first,.image.second {
border:2px solid transparent;
margin:0;
padding:0;
}

.image.first {
opacity:1px;
display:block;
position:absolute;
z-index:100;
transition-duration:0.96s;
-webkit-transition-duration:0.96s;
-moz-transition-duration:0.96s;
-o-transition-duration:0.96s;
-ms-transition-duration:0.96s;
}

.image.first:hover {
opacity:0.00;
}
 
div.ImgField {
display:inline-block;
background-position:center center;
background-repeat:no-repeat;
margin:0;
margin-top:5px;
padding:0;
}