@charset "utf-8";
 {margin: 0;}
html, body { margin:0; padding:0; width:100%; height: 100%; background:#ffffff;}
.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: #ececec url(images/header_bg.jpg) top center repeat-x;}
.blok_header2 { margin:0; padding:0; background: #ececec 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;}


.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 #d1d1d1; background:#f7f4eb; margin:0px 0px; padding:10px 20px;}
.body_bg2 { border:0px solid #d1d1d1; background:#f7f7f7; padding:10px 20px;}
.body_text { width:820px; border:1px solid #d1d1d1; background:#f7f7f7; margin:0; padding:10px 20px;}
.body a { text-decoration:none; color:#0094e1;}
.body_main { margin:0; padding:10px 20px;}
.body h4 { font: normal 24px  Arial, Helvetica, sans-serif; color:#606060; margin:0; padding:10px 0; }
.body h5 { font: normal 18px Arial, Helvetica, sans-serif; color:#606060; margin:0; padding:10px 0; }
.body h3 { font:normal 11px Arial, Helvetica, sans-serif; }

.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:normal 12px Arial, Helvetica, sans-serif; color:#606060; line-height:1.5em; padding:5px 0; margin:0; }
.body p span  { font: normal 13px Arial, Helvetica, sans-serif; color:#7f7f7f;  line-height:1.5em; text-align: justify;}
.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;}

.right_cont { width:400px; 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:8px 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 { width:440px; 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:640px; 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:450px; 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 #e3000f; 
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: #e3000f; 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.rollover7990 {background: url(images/7990.png); display: block; width: 121px; height: 57px;} a.rollover7990:hover {background-position: 0 -57px;}
a.rollover7490 {background: url(images/7490.png); display: block; width: 121px; height: 57px;} a.rollover7490:hover {background-position: 0 -57px;}
a.rollover5990 {background: url(images/5990.png); display: block; width: 121px; height: 57px;} a.rollover5990:hover {background-position: 0 -57px;}
a.rollover4990 {background: url(images/4990.png); display: block; width: 121px; height: 57px;} a.rollover4990:hover {background-position: 0 -57px;} 
a.rollover3990 {background: url(images/3990.png); display: block; width: 121px; height: 57px;} a.rollover3990:hover {background-position: 0 -57px;}
a.rollover2990 {background: url(images/2990.png); display: block; width: 121px; height: 57px;} a.rollover2990:hover {background-position: 0 -57px;	}
a.rollover1990 {background: url(images/1990.png); display: block; width: 121px; height: 57px;} a.rollover1990:hover {background-position: 0 -57px;	}
a.rollover2490 {background: url(images/2490.png); display: block; width: 121px; height: 57px; } a.rollover2490:hover {background-position: 0 -57px;}
a.rollover3490 {background: url(images/3490.png);display: block; width: 121px;height: 57px; } a.rollover3490:hover {background-position: 0 -57px;}
a.rollover1490 {background: url(images/1490.jpg);display: block; width: 121px;height: 57px;} a.rollover1490:hover {background-position: 0 -57px;}
a.rollover590 {background: url(images/590.png);display: block; width: 121px; height: 57px;} a.rollover590:hover {background-position: 0 -57px;}
a.rollover990 {background: url(images/990.png);display: block; width: 121px; height: 57px;} a.rollover990:hover {background-position: 0 -57px;}
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;
padding:0;
}