html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { background: #fdfdfd url('/img/bg.jpg') repeat top left; font-family: Trebuchet MS; font-size: 12px; color: #828282; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table { border-collapse: collapse; border-spacing: 0; }


/* Iwix */
html, body { width:100%; height:100%; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
h1{
	line-height: 40px; font-size: 26px; color:#252626; margin-bottom: 16px;
}
h2{
	line-height: 30px;
	padding: 0 0 10px 0;
	color:#646464; 
	font-size: 22px;
}
h3{
	line-height: 30px;
	padding: 0 0 10px 0;
	font-size: 20px;
	color:#646464; 
}
h4{
	font-size:18px; 
	color:#828282; 
	line-height: 30px;
	padding: 0 0 10px 0;
}
h5{
	font-size:16px; 
	color:#828282;
	line-height: 20px;
	padding: 0 0 10px 0;
}
h6{
	font-size:14px; 
	color:#828282;
	line-height: 30px;
	padding: 0 0 10px 0;
}
p { line-height: 16px; margin: 0 0 16px; }
strong { font-weight: bold; }

a { text-decoration: underline; color: #9d5683; outline: none; }
a:hover{ text-decoration: none; }

textarea { overflow: auto; }

#wrap { height:auto !important; height:100%; min-height:100%; position:relative; background: url('/img/bg-header.png') repeat-x top left; }
#content { position:relative; min-height: 400px; padding-bottom: 70px; margin-bottom: 20px; }



/* Top menu */
	nav.vmenu ul { width: 1000px; min-height: 45px; margin: 0px auto; background-color: #313131; }
	nav.vmenu ul li { float: left; }
	nav.vmenu ul li a { float: left; padding: 13px 30px 13px 30px; font-size: 15px; line-height: 19px; color:#999999; border-right:1px solid #1e1e1e; border-left:1px solid #434343; text-decoration: none; 
		-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; 
		-ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
	}
	nav.vmenu ul li a:hover { color:#ffffff; background-color:#262626; opacity: 1; }
	nav.vmenu ul li a.current { background-color: #89426f; border-right:1px solid transparent; border-left:1px solid transparent;  color:#ffffff; }
	
	nav.vmenu ul li.online { float: right; } 
	nav.vmenu ul li.online a { border-left:1px solid #151515; border-top:1px solid #151515; border-bottom:1px solid #414141; border-right:1px solid #414141;
	padding: 4px 10px 6px 30px; background:url('/img/start.png') no-repeat 7px 6px;  margin: 10px 15px 0px 0px; font-size: 12px; line-height: 15px; background-color:#292929; }
/* End Top menu */


header { height: 130px; width: 1000px; margin: 0px auto; }
.logo { float: left; width: 180px; margin-top: 44px; margin-right: 70px; text-align: center; font-size: 11px; color: #414141; font-family: Helvetica; font-weight: bold; text-shadow: -1px -1px 1px #f7f6f3;}
.logo img { padding-bottom: 5px; }
.podpis { float: left; width: 250px; margin-top: 50px; font-size: 12px; color: #828282; line-height: 14px; font-weight: bold; text-shadow: -1px -1px 1px #f7f6f3; }


/* Contact icons */
	.contact-block { float: right; margin: 50px 0 0 0; padding:5px 1px 1px 1px; background-color: rgba(112,112,112,0.13); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.contact-block span { float:left; display:block; padding:3px 0 2px 23px; background-repeat:no-repeat; background-position: 0px 1px; color: #646464; text-shadow: -1px -1px 1px #f7f6f3; font-weight:bold; margin:0 10px 5px 9px; }
	.contact-block .ico-scype { background-image:url('/img/ico-skype.png'); }
	.contact-block .ico-phone { background-image:url('/img/ico-phone.png'); }
	.contact-block .ico-mail { background-image:url('/img/ico-mail.png'); }
	.contact-block .adress { background-image:url('/img/ico-adress.png'); }
/* End Contact icons */

#inside { position: relative; width: 968px; height: 58px; padding: 10px 15px 0px 15px; margin: -70px auto 0px auto;  background-color: #e5e5e5;  border:1px solid #ededed; outline: 1px solid #e2e2e2; }
#footer_home { position: relative; width: 970px; height: 58px; padding: 10px 15px 0px 15px; margin: 30px auto 0px auto;  background-color: #e5e5e5;  border-top: 3px solid #b5b5b7;  }
 
.inside_1, .inside_2, .inside_3 { float: left; width: 200px; color: #646464; text-shadow: -1px -1px 1px #f7f6f3; font-weight:bold; line-height: 16px; } 

.inside_4 { float: right; width: 200px; margin-top: 10px; text-align: right; }
.inside_4 a { margin-left: 5px; opacity:0.4; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.inside_4 a:hover { opacity:1; }

.where { margin-bottom: 15px; }
.where a { font-size: 11px; color: #646464; text-shadow: -1px -1px 1px #f7f6f3; }


/* Blog */
	.nw_blog { float: left; width: 200px; height: 230px; overflow: hidden; border-top: 1px solid #f0f0e5; border-right: 1px solid #f0f0e5; position: relative; padding: 44px 44px 1px 78px; }
	.nw_last { border-right: none; padding: 44px 44px 1px 80px; }
	.nw_blog span { position: absolute; top: 0; left: 0; display: block; background-color: #f5f5ec; border-right: 1px solid #eaeadd; border-bottom: 1px solid #eaeadd; width: 48px; height: 45px; line-height: 21px; text-align: center; font-size: 11px; text-transform: uppercase; padding-top: 3px; }
	.nw_blog span strong { display: block; font-size: 20px; font-weight: bold; margin-top: -3px; color: #676761; }
	.nw_blog  h2 { text-transform: uppercase; font-weight: bold; font-size: 12px; padding-bottom: 5px; line-height: 18px; }	
	.nw_blog  a { text-decoration: none; color: #676761; }
	.nw_blog  a:hover { color: #484844; }
	.blog_kto { font-style: italic; font-size: 12px; color: #c0c0b5; margin-bottom: 10px; }
	.nw_blog  p { line-height: 20px; }
	.nw_close1 { float: left; width: 647px; height: 10px; border-top: 1px solid #f0f0e5; }
	.nw_close2 { float: left; width: 324px;  border-top: 1px solid #f0f0e5; }
/* End Blog  */

/* Toogle */
	.toggle { padding:10px 10px 10px 12px;  margin: 10px 0 0px 0; background-color:rgba(0,0,0,0.08); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.toggle a.question { display:block; color:#707070; line-height: 20px; text-decoration:none; }
	.toggle a.question:hover { text-decoration:underline; }
	.toggle a.question.act i.q_a { background: url('/img/toggle-act.png') no-repeat 0 -20px; }
	.toggle a.question i.q_a { display: block; float: left; height: 20px; width: 20px; margin: 0px 8px 0 0px; background: url('/img/toggle.png') no-repeat -22px 0; }
	.toggle a.question:hover i.q_a { background-position: 0 -20px; text-decoration:underline; }
	.toggle a.question.act:hover i.q_a { background-position: -22px 1px; }
	.toggle a.question.act strong:hover { text-decoration:underline; }
	.toggle div.answer { display: none; margin: 4px 0 0 8px; padding: 0px 10px 6px 19px; }
	.toggle a.question.act strong { color:#171717; }
	.toggle a.question.act:hover strong { text-decoration:underline; }
/* End Toogle */

/* Razbivka */
	.razbivka { width:970px; float:left; padding:5px 15px 3px 15px; margin-bottom: 15px; background-color: rgba(112,112,112,0.13); }
	.paginator li { float:left; }
	.paginator li.dotes { width:10px; height:23px; margin:0 10px 0 6px; background:url('/img/dotes.png') no-repeat 0 bottom; }
	.paginator li.act a{ color:#7e7e7e; }
	.paginator li.act a.button:hover { background-position:0 0; }
	.paginator li.act a.button:hover span { background-position:right 0; }	
	.paginator li a.button { margin:1px 0px 2px 0; padding:0 4px 1px 4px; }
	.paginator li a.button span { padding:2px 8px 3px 4px; }  
	
	.paginator-r { float:right; position:relative; }
	.paginator-r a.next, .paginator-r a.prev { height:20px; width:18px; margin-top: 2px; display: block; float: left; margin-left: 2px; }
	.paginator-r span.pagin-info { float:left; font-size:10px; margin:7px 3px 9px 0; }
		.paginator-r a.prev { background:url('/img/arrow-left.png') no-repeat 0 0; }
		.paginator-r a.next { background:url('/img/arrow-right.png') no-repeat 0 0; }
		.paginator-r a.next:hover, .paginator-r a.prev:hover { background-position: 0 -20px; }
		.paginator-r a.next.no-act, .paginator-r a.prev.no-act, .paginator-r a.next.no-act:hover, .paginator-r a.prev.no-act:hover { background-position: 0 -40px; }
/* EnD Razbivka */   

/* Buttons */
	a.button { padding:0px 4px 1px 4px;  margin:1px 2px 4px 0; text-decoration:none; color:#1a1a1a; text-shadow:#eeeeee 1px 1px 0; font-size:11px; height:22px; font-weight:bold; display:block; float:left; line-height:18px; background: url('/img/butn_left.png') no-repeat 0 0px; }
	.button span { display: block; padding:2px 7px 3px 2px; position: relative; white-space: nowrap; text-align:center; background: url('/img/button_bg.png') no-repeat right 0px; }
	.button span i{ display: block; float: right; width:11px; height:15px; display:block; float:left; margin:1px 3px 0 0px; padding:0 0 0 0px; }
	.button span i.submit { background: url('/img/ttt/submit.png') no-repeat right 5px; }
	.button span i.lik { background: url('/img/ttt/like.png') no-repeat left 4px; }
	.button span i.dol { background: url('/img/ttt/dol.png') no-repeat left 3px; margin:1px 0px 0 1px; }
	.button span i.commen { background: url('/img/ttt/i-com.png') no-repeat left 4px; }
	.button span i.more { background: url('/img/ttt/more.png') no-repeat left 4px; }
		
	a.button:hover { background-position:0 -23px; }
	a.button:hover span { background-position:right -23px; }

	.cap_button a  {width:110px; height:22px; float:left; font-size:11px; color:#909090; text-align:center; line-height:22px; -moz-border-radius: 15px; -webkit-border-radius:15px; border-radius:15px; 
		background: #ffffff; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-left:5px; text-decoration: none; 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */  	
	}
	.cap_button a:hover { color:#aa6591; background: #f7f7f7; }
	.cap_button a span { border-left:1px solid #e3e3e3; margin-right:10px; height:20px; float:right; padding-left:8px; padding-top:2px; }

/* End Buttons */

/* Table */
	ul.nav-tab li { background-color: rgba(0,0,0,0.08); }
	.list-wrap { position:relative; }
	
	.bg_wrap { padding:15px 18px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(0,0,0,0.08); }
	
	ul.nav-tab li a.current { color:#171717; }
	ul.nav-tab li:hover a.current { text-decoration:none; }	 
	ul.nav-tab li a { color:#707070 }
	ul.nav-tab {	margin:0px 0 3px 0px; overflow:hidden; }  
	ul.nav-tab li { display:block; float:left; margin:0 3px 0 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	ul.nav-tab li a { font-weight:bold; text-decoration:none; padding:9px 17px 8px 19px; display:block; }
	ul.nav-tab li:hover a { text-decoration:underline; } 
/* EnD Table */

/* Acordion */
	.basic div.accord { padding:10px 10px 4px; margin:5px 0 0px 0;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(0,0,0,0.08); 
	}
	.basic p { margin: 0px 0 10px 28px; }
	.basic a { display:block; padding:2px 0px 3px 28px; text-decoration: none; font-weight:bold; margin:0 0 5px 0; color:#707070; cursor: pointer; background:url('/img/toggle.png') no-repeat -22px 0;}
	.basic a:hover{ background-position:0 -20px;	text-decoration:underline; }
	.basic a.selected { color:#171717; background:url('/img/toggle-act.png') no-repeat 0 -20px; }
	.basic a.selected:hover { background-position:-22px 1px; text-decoration:underline; }
/* EnD Acordion */



.pix { height:3px; margin: 15px 0px 30px 0px; background-color: #e5e5e5; }

.txtblock { width: 1000px; margin: 15px auto 10px auto; }
.txtblock_home  { width: 1000px; margin: 310px auto 10px auto; }
.topslider { position: absolute; width: 100%; top: 170px; margin: 0px auto; }

.bg-border  { background-color:#e5e5e5; border:1px solid #ededed; outline: 1px solid #e2e2e2; padding:14px; margin-bottom: 20px; }
.cap-box { padding: 20px 30px 30px 30px; background-color:#fafafa; }
.cap-box-all { padding:20px 0px 30px 30px; background-color:#fafafa; }
.cap-box-non { padding: 10px 0px 0px 0px; background-color:#fff; }
.cap-box-mini { padding: 10px 15px 15px 15px; background-color:#f4f4f4; }
.cap_box_line { float: right; width:705px; border-bottom:1px solid #e5e5e5; margin-top: 20px; }

.cap-box-mini h1 { line-height: 30px; font-size: 20px; color:#252626; margin-bottom: 16px; }
.pf_tt { margin-bottom: 10px; line-height: 14px; }
.pf_tt strong { color: #646464; }


.cap_serv { float:left; width:200px;	height:auto; margin-right: 35px; }
.cap_img { text-align: center; padding: 20px 0px 16px 0px; }
.cap_serv h3 { font-weight: bold; font-size: 13px; color: #646464; line-height: 20px; text-align: center; padding: 0; margin-bottom: 15px;  }
.cap_serv h3 a { border-bottom: 2px solid #e5e5e5; color: #646464; display: block; padding: 0px 0px 5px 0px; }
.cap_serv h3 a:hover { color: #aa6591; border-bottom: 2px solid #d2a1c0; }
.cap_serv p{ text-align:justify; font-size:12px; line-height:18px; }

.pf_blok1 { width: 270px; float: left; margin-right: 30px; }
.pf_blok2 { width: 700px; float: left; }

.cn_block1 { width: 690px; float: left; margin-right: 40px; }
.cn_block2 { width: 270px; float: left; }
.cn_icons { padding-top: 10px; }
.cn_icons img { margin: 3px 6px 0px 0px; display: block; float: left; }
.cn_line { border-bottom: 1px solid #e5e5e5; margin: 10px 0px 20px 0px; }

.cn_mi1, .cn_mi2, .cn_mi3 { display: block; width: 220px; margin-bottom: 24px; color: #646464; font-size: 14px; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; padding: 10px 10px 10px 45px; border-bottom: none; border-right: none; }
.cn_mi1 { background: #e5e5e5 url('/img/icons/mi1.png') no-repeat 15px 12px; }
.cn_mi2 { background: #e5e5e5 url('/img/icons/mi2.png') no-repeat 15px 12px; }
.cn_mi3 { background: #e5e5e5 url('/img/icons/mi3.png') no-repeat 15px 12px; }
.cn_textarea { border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; resize: vertical; color: #646464; font-size: 14px; font-family: Trebuchet MS; border-bottom: none; border-right: none; padding: 10px; float: right; width: 300px; height: 137px; background-color: #fff; }


#clients { margin: 15px 0px 0px 37px; }
#clients a, #clients span { background:#f2f2f2; border:1px solid #d5d5d5; border-radius:3px; display:inline-block; width:160px; height:160px;
box-shadow:inset 0 1px 0 0 #fff; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; margin:0 10px 20px 10px; text-align:center; }
#clients a:hover, #clients span:hover { background: #fafafa; box-shadow: 0 4px 10px 0 rgba(0,0,0,.2); border-color:#fafafa; }

.add_shad img { box-shadow: 0px 0px 5px #818181; }
.color1 { color: #252626; }


.serv_blo { float:left; width:280px;	height:auto; margin-right: 30px; margin-bottom: 15px; }
.serv_zag h3 { line-height: 56px; color: #646464; font-size: 13px; font-weight: bold; }
.serv_zag img { float: left; margin-right: 10px; }



ul.prosto {
	margin: 10px 0 10px 20px;
}
ul.prosto li {
	list-style:none;
	background-image:url('/img/bullet.png');
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding: 1px 0px 1px 12px;
}











	
		





#footer { margin-top: 60px; min-height: 200px; background: url('/img/footer_bg.jpg') repeat 0 0 #1D1D1D;  }
.podval { width: 1000px; margin: 0px auto; padding: 20px 0px; }


.alignright { float:right; margin: 0px 0px 15px 15px; }
.alignleft { float:left; margin: 0px 15px 15px 0;}
.alignleft, .alignright {
	padding:4px;
	font-size:0;
	line-height:0;
	position:relative;
	display:block;
}

		
		
.err { border: 1px solid #af231b; background-color: #ffccba; color: #af231b; padding: 5px; font-size: 12px; text-align: center; margin: 5px 0px; -moz-border-radius: 5px; border-radius: 5px; }
.err strong { font-size: 12px; color: #af231b; }

.clear { clear: both; }