/* CSS RESET
--------------------------------------------------------- */

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 {
	line-height: 1;
}
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;
}

input:focus {
  outline-width:0 !important;
}

textarea:focus {
  outline-width:0 !important;
}

.clr { clear: both; }

.white { color: white; }
.black { color: black; }
.green { color: green; }
.red { color: red; }
.blue { color: blue; }
.gray { color: gray; }

.bold { font-weight: bold; }


/* mnx page style
--------------------------------------------------------- */

html {

	margin: 0px !important;
	padding: 0px !important;

}


body {

	width: 100%;

	margin: 0px;
	padding: 0px;

    font-size: 12px;
    line-height: 12px;

	font-family: Verdana, sans-serif;

	color: #707a86;

	text-align: left;

}

body#homepage {	background: #002a4c url(../images/bkg_home_max.jpg) left top no-repeat; }
body#portfolio { background: #000002 url(../images/bkg_portfolio_max.jpg) left top no-repeat; background-attachment:fixed; }
body#contact { background: #93140b url(../images/bkg_contact_max.jpg) left -150px no-repeat; }

a {
	/*color: #bfe1f3;*/
	color: white;
	text-decoration: none;
}


#container {

	text-align: left;

	margin: 0px;
	padding: 0px;

	width: auto;

	margin-left: 50px;
	margin-top: 45px;


}

#header {

	margin: 0px;
	padding: 0px;

	width:198px;

	height: 180px;

}

#header a {

	margin: 0px;
	padding: 0px;

	display: block;

	width: auto;
	height: auto;

}

img#logo {

	margin: 0px;
	padding: 0px;
	width: 198px;
	height: 180px;

	display: none;

	z-index: 15000 !important;
	position: absolute;


}

#menu-left {

	margin: 0px;
	padding: 0px;

	width: 973px;
	height: 53px;
	line-height: 53px;


	z-index: 1000 !important;

	position: relative;



}

#menu-left {

	width: 200px;

	margin-top: 50px;



}
#menu-left  ul.level0 {

	display: block;

	float:left;

	width: auto;
	height: auto;
	line-height: 40px;

	list-style: none;

	font-size: 14px;

	padding-left: 0px;

 }

#menu-left a.home {
	display: none;
}
#menu-left a.portfolio {
	display: none;
}
#menu-left a.contact {
	display: none;
}

/* language select box */
#language {

	display: block;

	width: auto;
	height: auto;
	line-height: 30px;

	color: #fff;

	top: 0 !important;
	right: 0 !important;

	position: fixed !important;

	padding-right: 50px;
	padding-top: 45px;

	font-family: Arial, sans-serif;
	font-size: 12px;

	display: none;

}

#language a {

	font-family: arial;

}

.lang-separator {
	font-size: 10px !important;
}

#language a.active {
	text-decoration: underline;

}



/* menu top hover, submenu etc. */

.show-slow {
	background: #1a6ba5;
}

.show2-slow {
	background: none !important;
}


/* sub menu */

ul.level1 {

	display: none;
	position: absolute;

	background: #1a6ba5;

	opacity:0.9;
	filter:alpha(opacity=90);

	color: white;
	font-size: 12px !important;

	width:480px;
	height: 175px;

	margin-top: 44px;

	padding-top: 15px;
	padding-left: 15px;

	z-index: 999 !important;

}

ul.level1 li.level1 a {

	color: white;
	line-height: 14px;
	width: 230px;
}

ul.level2 {

	display: block;
	float: left;

	width: 230px;
	height: auto;

}



ul.level2 {

	padding-right: 10px;

}

ul.level2 p {

	text-transform: uppercase;
	font-weight: bold;
	line-height: 20px;
	color: #dadada;

	margin-bottom: 10px

}

li.level2 {

	color: white;
	line-height: 22px;
	height: auto;
	display: block;
	width: 230px;

	background: url(../images/separator_menu_top_sub_li.jpg) left center no-repeat;

	padding-left: 10px;

}


li.level2 a.level2 {


	margin: 0px;
	padding: 0px;

	color: white;
	margin-bottom: 5px;

	text-transform: none;
	text-decoration: none;


}



li.level2 a.level2:hover {

	text-decoration: underline;

}

/* content */


#content {

clear: both;
margin-top: 248px;

height: auto;
background: white;

/* padding: 12px; */

color: #707a86;
font-family: Tahoma;

width: 973px;

float: left;



}

#content.subpage {

clear: both;
margin-top: 134px;

height: auto;
background: transparent;

padding: 12px;

color: #707a86;
font-family: Tahoma;

float: left;

/*width: 949px;*/
width: 630px;

position: absolute;
margin-top: -105px;
margin-left: 300px;

}




#content h2 {

	font-size: 18px;
	font-weight: bold;

	text-transform: uppercase;

}

/* LEFT COLUMN */
#content.subpage .left {

	width: 630px;
	height: auto;

	float: left;
	/* background: gray; */

}

#content.subpage .left .view-row {

	clear: both;
	float: left;
	margin-bottom: 12px;
	padding-bottom: 12px;

}

#content.subpage .left .left-part {

	float: left;
	width: 300px;
	margin-right: 12px;



}

#content.subpage .left .right-part {

	float: left;
	width: 318px;


}

#content.subpage .left .image-full img,
#content.subpage .left .left-part .image img {

	border: 1px solid #fff;

}


#content.subpage .left .title-full,
#content.subpage .left .right-part .title {

	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 24px;

	display: block;
	width: 100%;
	height: auto;
	float: left;

	color: white;

	margin-top: 4px;

	line-height: 25px;

}

#content.subpage .left .perex-full,
#content.subpage .left .right-part .perex {

	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 12px;

	line-height: 25px;

	display: block;
	width: 100%;
	height: auto;
	float: left;

	text-align: left;

	color: white;


}

#content.subpage .left .right-part .perex {

	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 12px;

	line-height: 25px;

	display: block;
	width: 100%;
	height: auto;
	float: left;

	text-align: left;

	color: white;


}

#content.subpage .left .title-full {

	margin-top: 25px;

}

#content.subpage .left .body-full {

	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 12px;

	line-height: 25px;

	display: block;
	width: 100%;
	height: auto;
	float: left;

	text-align: left;

	color: white;


}

#content.subpage .left .technology {

	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 12px;

	line-height: 25px;

	display: block;
	width: auto;
	height: auto;
	float: left;

	text-align: left;

	color: white;

}

#content.subpage .left .link {

	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 12px;

	line-height: 25px;

	display: block;
	width: 100%;
	height: auto;
	float: left;

	text-align: left;

	color: white;


}

#content.subpage .left .link a {

	color: white;

}


#content.subpage .left .right-part .more-details a {

	font-family: Arial !important;

	font-size: 11px;

	line-height: 22px;
	height: 22px;

	/* width: 111px; */
	width: 123px;

	display: block;
	float: left;

	/*color: #707a86;*/
	text-decoration: none;

	/*background: url(../images/more_details_2.jpg) top left no-repeat;*/
	text-align: left;

	margin-top: 15px;

	color: white;


}

/* RIGHT COLUMN */
#content.subpage .right {

	width: 300px;
	height: auto;

	float: right;
	background: url(../images/bkg_right_column.jpg) left top repeat-y;
	display: none;

}

#content.subpage .right .nadpis{

	font-size: 16px;
	font-weight: bold;

	padding: 12px;
	float: left;

}

#content.subpage .right ul{

	float: left;
	display: block;
	width: 100%;
	height: auto;

	margin-bottom: 12px;

}

#content.subpage .right ul li{

	margin: 12px;

	float: left;
	display: block;
	width: 276px;
	height: auto;


	color: white;

	font-weight: bold;
	font-size: 13px;

	height: 15px;


}



#content.subpage .right ul li a{

	float: left;
	display: block;
	height: auto;

	background: silver;
	color: white;

	font-weight: bold;
	font-size: 13px;

	height: 15px;
	line-height: 15px;

	text-decoration: none;

	padding: 6px 14px;

}

#content.subpage .right .get-in-touch {

	float: left;
	display: block;


	background: silver;
	color: white;

	font-weight: bold;
	font-size: 25px;

	height: 100px;
	line-height: 30px;

	text-decoration: none;

	padding: 6px 14px;

	text-align: center;



}

#content.subpage .right .get-in-touch:hover {

	float: left;
	display: block;

	background: gray;
	color: white;

	cursor: pointer;

}

#content.subpage .right ul li a:hover{
	background: #aaa;
	color: white;
}

#content.subpage .right ul li a.active {
	background: gray;
	color: white;
}
#content.subpage .right ul li a.active:hover{
	background: gray;
	color: white;
}

.back {

	clear: both;
	float: left;
	width: 630px;
	text-align: right;
	margin-top:15px;
	margin-bottom: 12px;

}

.back a {

	display: block;
	/*background: url(../images/back.jpg) top left no-repeat;*/
	width: 50px;
	height: 22px;
	line-height: 22px;
	float: left;
	color: #fff;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	font-size: 11px;

	font-family: Arial;



}


/* footer */
#footer {

	font-family: Arial;

	clear: both;

	bottom: 0;
	right: 0;

	font-size: 12px;
	width: auto;
	color: #ffffff;

	font-weight :normal;

	float: left;

	position: fixed;
	padding-right: 50px;
	padding-bottom: 45px;

	display: none;

}

#footer a {


	color: #BFE1F3;

	text-decoration: none;

}

#footer a:hover {

	color: #BFE1F3;

	text-decoration: underline;

}


/* HOME */

.home-info-left {

	height: 124px;
	width: 50%;

	background: url(../images/bkg_home_block.jpg) left top repeat-y;

	border-bottom: 1px solid #efefef;

	float: left;



}



.home-info-right {

	height: 124px;
	width: 50%;

	background: url(../images/bkg_home_block.jpg) left top repeat-y;

	border-bottom: 1px solid #efefef;

	float: left;





}

.home-info-right .in,
.home-info-left .in {

	padding: 12px;

}

.home-info-right .in .title,
.home-info-left .in .title {

	font-size: 18px;
	font-weight: bold;

	margin-bottom: 8px;

}


.home-info-right .in .content,
.home-info-left .in .content {

	font-size: 12px;
	font-weight: normal;
	line-height: 16px;


}

.home-info-right .in .more,
.home-info-left .in .more {

	position: absolute;

	display: block;

	width: 61px;
	height: 22px;
	line-height: 22px;

	font-weight: bold;

	margin-top: 80px;
	margin-left: 402px;

	background: url(../images/more.jpg) left top no-repeat;



}
.home-info-right .in .more a,
.home-info-left .in .more a
{

	display: block;
	line-height: 22px;
	width: 61px;
	text-align: center;

	color: #707a86;
	text-decoration: none;

	font-size: 11px;
}

/* recent work */

.recent-work {

	width: 973px;
	height: 240px;

	float: left;

	display: block;
	position: relative;
	clear: both;

	padding-bottom: 24px;
	padding-top: 12px;

}

.recent-work  .in{

	padding: 12px;
	float: left;

}

.recent-work  .in .title {

	font-size: 14px;
	font-weight: bold;

	text-transform: uppercase;

	margin-bottom: 12px;

	float: left;

	width: 100%;

}

.recent-work  .in .slide {


	width: 300px;
	float: left;

}
.recent-work  .in .slide img {

	border: 1px solid #cfcfcf;

}

.recent-work  .in .slide-1 {

	margin-right: 24px;

}

.recent-work  .in .slide-2 {


	margin-right: 24px;

}


/* services */

p {

	font-size: 12px;
	font-weight: normal;

	line-height: 22px;

}

p.title {

	font-weight: bold;
	font-size: 14px;

	line-height: 22px;



}

.separator {

	height: 12px;
	width: 100%;

}

.right-block-content-main {

	margin-bottom: 5px;
	font-weight: bold;

	display: block;
	font-family: Arial;

}

.right-block-content {

	padding: 12px;
	font-family: Arial;
	color: #9e2217;



}

.mensie {

	font-size: 10px;
	font-style: oblique;
	font-wight: normal;


}

.right-block-content b {

	font-weight: bold;
	color: #9e2217;

	font-size: 13px;

}

.right-block-content b a {

	color: #9e2217;
	text-decoration: none;


}

/* contect form */

form.contact  label {

	font-weight: normal;
	display: block;
	width: 150px;
	float: left;

	margin-top: 10px;

	height: 17px;
	line-height: 17px;

	font-family: arial;
	color: #9e2217;



}


form.contact  input {

	font-weight: normal;

	border: 1px solid #9e2217;

	display: block;
	width: 260px;
	float: left;

	margin-top: 10px;

	font-size: 12px;
	font-family: Arial;
	color: #9e2217;

		height: 17px;
	line-height: 17px;

	padding-left: 3px;
	padding-right: 3px;

}

form.contact  select {

	font-weight: normal;

	border: 1px solid #9e2217;

	width: 268px;
	float: left;

	height: 25px;
	line-height: 25px;

	margin-top: 20px;

	font-size: 12px;
	font-family: Arial;
	color: #9e2217;

	height: 25px;
	line-height: 30px;

	padding-left: 3px;
	padding-right: 0px;

	padding-top: 3px;
	padding-bottom: 3px;

}

form.contact  textarea {

	width: 450px;
	border: 1px solid #9e2217;

	padding: 3px;
	line-height: 17px;

	font-size: 12px;
	font-family: Arial;
	color: #9e2217;

	margin-top: 10px;

	height: 100px;

}

.title.contact {
	font-size: 12px;
	font-weight: bold;

	color: #9e2217;

	text-align: center;

	margin-top: 20px;

}

.content.contact {

	font-size: 12px;
	font-weight: normal;

	padding: 12px;

	padding-left: 0px;

	/*float: left;*/
	margin-bottom: 0px;

	color: #9e2217;


}

form input.submit {


	background: none repeat scroll 0 0 #9e2217;
    color: white;
    display: block;

    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0px 14px;
    text-decoration: none;

	width: 100px;

	cursor: pointer;


	display: block !important;

	font-size: 12px;
	font-family: arial;

	text-align: center;


	margin-left: 180px;

	margin-top: 0px;

}

.error-form-element {
	background: #ffd2d8;
	color: red;
}

form input.submit:hover {


	background: none repeat scroll 0 0 #9e2217;
    color: white;
    display: block;
    /*float: left;*/
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0px 14px;
    text-decoration: none;

	width: 100px;

	cursor: pointer;


	display: block !important;

	font-size: 12px;
	font-family: arial;

	text-align: center;

}

.error {

	color: red;
	font-weight: bold;

	clear: both;
	display: block;

	height: auto;
	font-size: 11px;

	margin-left: 260px;


 }


.image-full.not-page {

	width: 300px;
	height: 200px;

	margin-left: 10px;

	float: right;


 }

 .blok-textu {

	width: 320px;
	height: auto;

	float: left;

 }

.extlink {

	display: block;

	/*background: url(../images/more_details_2_eye.jpg !important) top left;*/
	width: 123px;
	height: 22px;
	line-height: 22px;
	text-align: left;

	text-decoration: none;
	font-weight: bold;
	font-size: 11px;


}

#content.subpage .left .right-part .more-details a.extlink.list {

	display: block;

	/*background: url(../images/more_details_2_eye.jpg) top left;*/
	width: 123px;
	height: 22px;
	line-height: 22px;
	text-align: left;

	text-decoration: none;
	font-weight: bold;
	font-size: 11px;

	margin-left: 0px;
	color: #fff;

}

#content.subpage .left .link a.extlink {

		display: block;

	/*background: url(../images/more_details_2_eye.jpg) top left !important;*/
	width: 123px;
	height: 22px;
	line-height: 22px;
	text-align: left;

	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #fff;

}

.footer-portfolio {
	/*position: relative !important;
	margin-left: -355px !important;*/
}

.of-content {
	display: none;
}

.blurry {
	text-shadow: 0px 0px 10px #fff;
}


.pyramida-content {
	z-index: 10000;
	position: absolute;
	text-align: center;
	/* margin-left: -72px; */
               margin-left: 66px;
	display: none;
}

.pyramida-content.success-en {
	z-index: 10000;
	position: absolute;
	text-align: center;
	left: 42px;
	display: none;
}

.pyramida-content.success-sk {
	z-index: 10000;
	position: absolute;
	text-align: center;
	left: 6px;
	display: none;
}

.on {
    transition: text-shadow 500ms;
    -webkit-transition: text-shadow 500ms;
    -moz-transition: text-shadow 500ms;
    -ms-transition: text-shadow 500ms;
    -o-transition: text-shadow 500ms;
    text-shadow: 0 0 12px #fff;
}

.off {
    transition: text-shadow 250ms;
    -webkit-transition: text-shadow 250ms;
    -moz-transition: text-shadow 250ms;
    -ms-transition: text-shadow 250ms;
    -o-transition: text-shadow 250ms;
    text-shadow: 0;
}