/***************************************************************************/
/* CSS of SimpleFolio - Personal Internet Portfolio
/* By: Firnovion
/* Profile: http://www.themeforest.net/user/firnovion
/***************************************************************************/

/* general style */

/* for all tags */

* {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	color:#555555;
}
html {
	height: 100%;

}
body {
	background:#ffffff url(/img/back_1.jpg) no-repeat bottom left;
	margin:0 auto;
	text-align:center;
	font: 12px Verdana, Arial, sans-serif, Helvetica;
	line-height: 1.5em;
	height: 100%;
	background-attachment:fixed;
}

/* padding */

.pad {
	padding:10px;
	margin:0 auto;
}
.clear {
	clear:both;
}
.space {
	height:20px;
	clear:both;
}

.center {
	text-align:center;
	margin:0 auto;
}

/* tables */

table {
	margin:0 auto;
	width:85%;
	position:relative;
}
th {
	padding:3px;
	background:#333333 url(/img/s1.png) repeat-x bottom center;
	background-image: none;
	text-transform: uppercase;
	color:#ffffff;
}
td{
	padding:1px;
	color:#555555;
	border:1px solid #ffffff;
}
td.a{
	background-color:#ffffff;
}
td.b{
	background-color:#E5E5E5;
	border-top: 1px dotted #d5d5d5;
	border-bottom: 1px dotted #d5d5d5;
}
/*
td:hover{
	border:1px dotted #FF0099;
}
*/
/* sorted list */

ol {
	text-align:left;
	color: #555555;
}
ol li {
	margin:10px 10px 10px 35px;
}
ol li li{
	list-style-type: lower-alpha;
	margin:10px 10px 10px 35px;
	font-style:italic;
}

/* list */

ul {
	text-align:left;
	color: #555555;
}
ul li{
	list-style-type: disc;
	margin:0px 10px 2px 35px;
}
ul li li{
	list-style-type: Square;
	margin:10px 10px 10px 35px;
}

/* text */

p {
	text-align:left;
}
blockquote{
	margin-left: 40px;
	padding: 10px;
	border-left: 5px solid #FF0099;
	font-style:italic;
	text-align:left;
	}

/* headers */

h1 {
	font: 28px Verdana, Helvetica, Arial;
	margin: 15px 0px 20px 0px;
	padding:3px 0px 3px 0px;
	color: #333333;
	text-align:left;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
}
h2 {
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	color: #333333;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
}
h3 {
	font: 18px  Verdana, Helvetica, Arial;
	margin: 5px 0px 5px 0px;
	color: #333333;
	text-align:left;
	border-bottom:1px dotted #FF0099;
	padding-bottom: 2px;
	font-family:"Trebuchet MS";
	border-bottom:1px dotted #FF0099;
}

h4 {
	font: 16px  Verdana, Helvetica, Arial;
	margin: 15px 10px 15px 0px;
	color: #FF0099;
	text-align:left;
	font-family:"Trebuchet MS";
}	

h1 span {
	font: 28px Verdana, Helvetica, Arial;
	color: #F8D61A;
	font-family:"Trebuchet MS";	
	text-transform:lowercase;
}

/* icons */

.icon {
	border:0px;
	background-color:#ffffff;
	vertical-align:middle;
}

/* header void */

#header_void {
	height: 10px;
	width: 100%;
	background-color:#333333;
}

/* featured */

#featured_zone {
	width: 100%;
	margin:0 auto;
	text-align:center;
	background:#596365;
	overflow:auto;
	display:block;
}
#featured_zone .center {
	margin: 0 auto;
	width: 844px;
	text-align:center;
	overflow: auto;
}
#featured_zone .left {
	float:left;
}


/* header controls */

#header {
	margin:0 auto;
	width: 800px;
	height: 185px;
	text-align:center;
}
#header  a{
	border:0px;
	font-style: normal;
}
#header  img{
	border:0px;
}
#header ul {
	float: right;
	margin:0px auto;
	list-style:none;
}

#header a.logo {float:left;}
#header div.slogan {
    text-align:justify; 
	font: 18px  Verdana, Helvetica, Arial;
	margin: 5px 0px 5px 200px;
	color: #333333;
	padding-top: 40px;
	font-family:"Trebuchet MS";
}
div.slogan span{
    text-align:justify; 
	font: 20px  Verdana, Helvetica, Arial;
	color: #333333;
	font-family:"Trebuchet MS";
	font-style:oblique;
}


/* central zone */

#central {
	margin:0 auto;
	/*width: 888px;*/
	width: 85%;
	overflow: visible;
	margin-bottom: 15px;
	/* padding:10px; */
	text-align:center;
}

/* 3 colums */

.colum_3 {
	//width:33%;	
	text-align:center;
	float:left;
	margin:-15px auto 0 auto;
}
.colum_3 h2 {
	text-align:center;
}
.colum_3 p {
	color:#333333;
	padding:0px 10px 0px 10px;
	text-align:center;
	}
	
.colum_3 .logo {
	margin:0px 10px 0px 10px;
	border:0px;
	position:relative;
	vertical-align:middle;
}
.colum_3 .right {
	float:right;	
}
.plink:link {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
}
.plink:visited {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
}
.plink:hover {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-decoration:underline;
}
.selected:hover, .selected:link, .selected:visited {
	color:#336699;
	font: 21px Verdana, Helvetica, Arial;
	margin: 15px 0px 5px 0px;
	text-align:left;
	padding-bottom: 10px;
	font-family:"Trebuchet MS";
	text-decoration:underline;
}

/* content */

#content {
	overflow: auto;
	display:block;
	clear:both;
	width:100%;
	border-top: 5px solid #333333;
	border-bottom: 5px solid #333333;
	background-color: #ffffff;
}
#content  p{
	padding:10px;
	margin:0 auto;
	text-align: justify;
	color: #555555;
}
#content  h2{
	border-bottom: 1px solid #f5f5f5;
}
#content img {
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	float:left;
	margin:10px;
}
#content iframe {
	width:90%;
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	margin:10px;
}
.portfolio {
	width:92%;
	height: 150px;
	position:relative;
	padding:5px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
}

/* lightbox class style */

.lightbox:link {
	border:0px;
}
.lightbox:visited {
	border:0px;
}

.lightbox:hover {
	border:0px;
}

/* 2 colums - 66% -33% */

.colum23 {
	width:66.6%;
	float:left;
}
.colum13 {
	width:33.3%;
	float:left;
}

.colum13 img:hover {
	cursor:pointer;
}

/* 2 columns - 50% 50% */

.colum2{
	width:50%;
	float:left;
}

/* footer zone */

#footer {
	margin:0 auto;
	width: 844px;

	overflow: auto;
	display:block;
}
#footer a , a:visited{
	font-size: 10px;
	color:#999999;
	font-style:normal;
	text-decoration:none;
}
#footer a:hover{
	color:#336699;
}
#footer  div{
	text-align:center;
	margin:0 auto;
	margin: 9px 15px 0px 15px;
	font-size: 10px;
	color:#999999;
}

/* contact form */

form {
	margin:0 auto;
	width: 80%;
	text-align:left;
}
label {
	padding:10px;
	margin:0 auto;
	margin:5px 0px 0px 0px;
	text-align: left;
	font-size: 14px;
	color:#336699;
	clear:both;
}
input {
	//width: 90%;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	clear:both;
	margin:10px 0px 10px 0px;
	border:1px solid #cccccc;
	background: #ffffff url(/img/s2.png) repeat-x top center;
	color:#333333;
}
input:focus {
	background: #ffffff url() repeat-x top center;
}
textarea{
	width: 90%;
	height: 140px;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	clear:both;
	margin:10px 0px 10px 0px;
	border:1px solid #cccccc;
	background: #ffffff url(/img/s2.png) repeat-x top center;
	color:#333333;
}
textarea:focus {
	background: #ffffff url() repeat-x top center;
}

/* submit button */

#submit {
	width: 100px;
	height: 30px;
	background: transparent url(/img/b_contact_n.png) no-repeat top center;
	border:0px;
	cursor:pointer;
	clear:both;
	float:right;
	margin-right:6.5%;
}
#submit:hover {
	background: transparent url(/img/b_contact_h.png) no-repeat top center;
}

/* services */

li.service {
	margin: 10px 10px 10px 40px;
	list-style-image: url(/img/tic.png);
}

/* featured effects */

.boxgrid h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				padding:6px;
				float:left; 
				overflow: hidden; 
				position: relative; 
			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0px;
 				}
				
			.boxgrid h3 a{}
			

/* general links */

a:link {
	font: 12px Verdana, Helvetica, Arial;
	color: #555555;
	text-decoration:none;
	border-bottom:0px;
	font-style: italic;
	line-height: 2.0em;
}
a:visited {
	font: 12px Verdana, Helvetica, Arial;
	text-decoration:none;
	color: #555555;
	line-height: 2.0em;
}
a:hover {
	font: 12px Verdana, Helvetica, Arial;
	text-decoration:underline;
	font-style: normal;
	color:#336699;
	line-height: 2.0em;
}

a.iconsulting { background:transparent url(/img/btn/konsaltingOff.png) no-repeat scroll 0 0; float:left; height:139px; margin-left:0; width:191px; }
a.iconsulting:hover { background:transparent url(/img/btn/konsaltingOn.png) no-repeat scroll 0 0}

a.idoc { background:transparent url(/img/btn/dokumentOff.png) no-repeat scroll 0 0; float:left; height:139px; margin-left:0; width:191px; }
a.idoc:hover { background:transparent url(/img/btn/dokumentOn.png) no-repeat scroll 0 0; }

a.iaplicaton { background:transparent url(/img/btn/aplicatonOff.png) no-repeat scroll 0 0; float:left; height:139px; margin-left:0; width:191px; }
a.iaplicaton:hover { background:transparent url(/img/btn/aplicatonOn.png) }

a.ireselling { background:transparent url(/img/btn/resselingOff.png) no-repeat scroll 0 0; float:left; height:139px; margin-left:0; width:191px; }
a.ireselling:hover { background:transparent url(/img/btn/resselingOn.png) no-repeat scroll 0 0;}

a.iizdatel { background:transparent url(/img/btn/izdatelOff.png) no-repeat scroll 0 0; float:left; height:139px; margin-left:0; width:191px; }
a.iizdatel:hover { background:transparent url(/img/btn/izdatelOn.png) no-repeat scroll 0 0;}


div.menu_desc {margin: 5px 0 0 0; text-align:left; height:70px;}
div.menu_desc h3 {	margin: 0; }