/* reset */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, font, img, ol, ul, dl fieldset, form, label {
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, fieldset, form {
	padding:0;
	margin:0 0 20px 0; 
	color:#5d5d5d;
	font-weight:normal;
}
.no-margin-bottom{
	margin:0;
}



/*body style starts here*/
body {
	font:12px/22px Arial, Helvetica, sans-serif;
	background:url(../images/body_bg2.gif) repeat;
}




/*page style starts here*/
#page{
	background:url(../images/page_bg2.gif) repeat-x;
	float:left;
	padding:0;
	margin:0;
	width:100%;
}




/*wrap style starts here*/
#wrap{
	width:1027px;
	margin:0 auto;
}




/* header style starts here */
#header{
	width:960px;
	margin:0 auto;
}
#header #logo{
	width:313px;
	height:100px;
	text-indent:-3000px;
	float:left;
	padding:20px 0;
	margin:0;
}
#header #logo a{
	float:left;
	display:block;
	width: 313px;
	height: 108px;
	background:url(../images/logo.png) no-repeat;
}




/*menu style starts here*/
#header #menu{
	margin:102px 0 0 0;
	padding:0;
	float:right;
	position:relative;
	width:auto;
}
#header #menu li{
	display:inline;	
}
#header #menu li a,
#header #menu li a:link{
	color:#6660d3;
	font-size:15px;
	text-decoration:none;
	text-transform:uppercase;
	padding:20px 6px;
	position:relative;
}
#header #menu li a.current,
#header #menu li a:hover,
#header #menu li a:active{
	background:url(../images/menu_arrowup.gif) no-repeat center bottom;
	padding:20px 6px;
	color:#25207d;
}

/*main-content style starts here*/
#main-content{
	background:url(../images/main_content_bg.gif) repeat-y center;
	float:left;
	width:auto;
}
#main-content .top-bg{
	background:transparent url(../images/top_bg.png) no-repeat;
	float:left;
	width:1027px;
}
.bottom-bg{
	background:url(../images/main_content_bg_bottom.gif) no-repeat bottom center;
	float:left;
	width:1027px;
	margin:0 auto;
	height:4px;
}




/*narrow-content style starts here*/
#narrow-content{	
	width:900px;
	margin:0 auto;
	padding:30px;
}
#narrow-content a,
#narrow-content a:link{
	color:#d55d28;
	text-decoration:none;
}
#narrow-content a:hover,
#narrow-content a:active{
	color:#000;
	text-decoration:underline;
}




/*featured-image style starts here*/
#featured-image{
	padding:0;
	margin:0;
}




/*side-links style starts here*/
#side-links{
	float:right;
	width:270px;
	list-style:none;
}


#side-links li{
	display:block;
}


#side-links li a, #side-links li a:hover{
	color:#d55d28;
	font-size:18px;
	text-decoration:none;
}
#side-links li#link1{
	background:url(../images/48/envelope-money_48.png) no-repeat left 50%;
	padding-left:65px;
	padding-bottom:15px;
	border-bottom:1px solid #e0e0e0;
	
}


#side-links li#link2{
	background:url(../images/48/user_48.png) no-repeat left 50%;
	padding-left:65px;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom:1px solid #e0e0e0;
}
#side-links li#link3{
	background:url(../images/48/head-idea_48.png) no-repeat left 50%;
	padding-left:65px;
	padding-top:15px;
}
#side-links li span{
	display:block;
	color:#5d5d5d;
	font:12px/20px Arial, Helvetica, sans-serif;
}



Read more: http://wiki.answers.com/Q/How_do_you_make_a_background_image_clickable_with_CSS#ixzz2lrkNbYZR






/*content-box style starts here*/
.content-box{
	padding:40px 0;
	margin-bottom:10px;
	float:left;
	width:900px;
}
.content-box-last{
	float:left;
	width:898px;
	margin:0;
	padding:0;

}

.border-top{
	border-top:1px solid #e1e1df;
}
.content-box p, .content-box ul,
content-box-last p, content-box-last ul{	
	font:14px/22px Arial, Helvetica, sans-serif;
	color:#5d5d5d;
}
.content-box ul, .content-box ol{
	
}
.content-box ul ul, .content-box ol ol,
content-box-last ul ul, content-box-last ol ol{
	margin:0;
	list-style:circle;
}
.content-box .who-are-we{
	width:599px;
	float:left;
}
.content-box .why-choose-us{
	width:267px;
	float:right;
}
.content-box .who-are-we h2,
.content-box .why-choose-us h2, 
.col1 h2, .col2 h2, .col3 h2{
	color:#070064;
	font-size:22px;
	font-weight:normal;
}
.col1 h3, .col2 h3, .col3 h3{
	font-size:14px;
	font-weight:normal;
}

.col1, .col2{
	float:left;
	width:282px;
	margin-right:35px;
}
.col3{
	float:right;
	width:260px;
}
.blog-entries{
	list-style:none;
	padding:0;
	margin:0 0 20px 0;
	float:left;
}
.blog-entries li{
	clear:both;
	line-height:15px;
	margin:0;
	padding:0;
}
.blog-entries .thumb, .two-column .thumb{
	float:left;
	background:url(../images/thumb_bg.gif) no-repeat;
	width:57px;
	height:54px;
	margin-right:10px;
	position:relative;
}
.two-column .thumb{
	margin-top:8px;
}
.blog-entries .thumb img, .two-column .thumb img{
	margin:7px 0 0 9px;
}
.blog-entries a{
	font-size:13px;
}
.blog-entries .blog-meta{
	display:block;
	font-size:10px;
	text-transform:uppercase;
}




/*styled-list style starts here*/
.styled-list{
	list-style:none;
}
.styled-list li{
	background:url(../images/arrow_right.gif) no-repeat left 0.4em;
	padding-left:17px;
}




/*blockquote style starts here*/
blockquote p{
	font-family:Georgia, "Times New Roman", Times, serif!important;
	font-style:italic!important;
	color:#999!important;
}
.quote{
	background:url(../images/quote.gif) no-repeat top left;
	float:left;
	display:block;
	width:42px;
	height:40px;
	margin:6px 0 0 0;
	padding:0 10px 0px 0;
}





/*thumb-medium style starts here*/
.thumb-medium{
	float:left;
	background:url(../images/thumb_medium_bg.gif) no-repeat;
	width:232px;
	height:200px;
	position:relative;
	padding-right:20px;
	margin:0 0 0 -10px;
}
.thumb-medium img{
	margin:14px 0 0 21px;
}




/*highlighted-box style starts here*/
.highlighted-box{
	border-top:1px solid #d0d0c4;
	background:url(../images/gradient_bg.gif) repeat-x top;
	width:842px;
	padding:20px 30px;
}




/*links-list style starts here*/
.links-box{
	width:168px;
	float:left;
	margin-right:14px;
}
.links-box-last{
	width:100px;
	float:right;
}
.links-box h3, .links-box-last h3{
	color:#131312;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	margin:0 0 0 0!important;
}
.links-list{
	list-style:none;
	padding:0;
	margin:0;
	
}
.links-list li{
	display:block;
	font-size:11px;
}
.links-list li a,
.links-list li a:link{
	color:#87877d!important;
	text-decoration:none;
}
.links-list li a:hover{
	color:#55a191!important;
	text-decoration:underline;
}




/*footer style starts here*/
#footer{
	float:left;
	padding:5px 0 40px 0;
	width:1027px;
	color:#36554f;
}
#footer a,
#footer a:link{
	color:#648b83;
	text-decoration:none;
}
#footer a:hover{
	color:#334e49;
	text-decoration:none;
}


#footer .footer-center{
	width:940px;
	margin:0 auto;
	font-size:11px;
}
.copyright{
	float:left;
	width:auto;
}
.contact{
	float:right;
	width:auto;
}

address {
	text-decoration: none;
}




/*inside-page style starts here*/
#inside-page{
	float:left;
	width:900px;
	padding:20px 0px;
}
.inside-content h2{
	font-size:36px;
	color:#0901A7;
	font-weight:bold;
	margin-bottom:40px;
	padding-top:5px;
}
.inside-content h6, .inside-content h5, .inside-content h4, .inside-content h3{
	font-weight:bold;
	margin-bottom:20px;
}
.inside-content h3{
	font-size:20px;
}
.inside-content h4{
	font-size:16px;
}
.inside-content h5{
	font-size:14px;
}
.inside-content h6{
	font-size:14px;
}




/*intro-text style starts here*/
.intro-text{
	font-size:20px!important;
	color:#4d4d4d;
	line-height:30px;
	font-weight:normal!important;
	margin-bottom:40px!important;
}




/*inside-content style starts here*/
.inside-content{
	float:left;
	width:599px;
	
}




/*inside-sidebar style starts here*/
.inside-sidebar{
	float:right;
	width:278px;
	color:#5d5d5d;
}


.inside-sidebar .sidebar-nav{
	list-style:none;
	padding:0 0 20px 0;
	float:left;
	position:relative;
	margin:0 0 0 -22px
}
* html .sidebar-nav {
	margin:0 0 0 -10px!important;
}
.inside-sidebar .sidebar-nav li{
	border:none;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.inside-sidebar .sidebar-nav li a{
	float:left;
	display:block;
	width:210px;
	padding:10px 10px 10px 30px;
	color:#2d2c2c!important;
	font-size:16px!important;
	background:none;
	font-weight:bold;
}
.inside-sidebar .sidebar-nav li a:hover, .inside-sidebar .sidebar-nav li a.current{
	background:#f6f6f4 url(../images/sidebar_nav_bg_hover.gif) repeat-x!important;
	border-top:1px solid #dbdbda;
	border-right:1px solid #dbdbda;
	border-bottom:1px solid #dbdbda;
	text-decoration:none!important;
	font-weight:bold;
}



/*sidebar-box style starts here*/

.kontakty{
	margin-top:103px;
}

.side-box{
	float:left;
	background:url(../images/sidebar_box_bg.gif) repeat-y;
	width:278px;
	margin-bottom:20px;
}

.side-box .side-box-top{
	background:url(../images/sidebar_box_top.gif) no-repeat top left;
	float:left;
	width:278px;
}


.side-box .side-box-top .side-box-bottom {
	background:url(../images/sidebar_box_bottom.gif) no-repeat bottom;
	float:left;
	width:278px;
}
.side-box-content{
	padding:26px 38px!important;
	float:left;
	width:230px;
}

.short-description{
	font-size: 12px;
}

* html .side-box-content{
	padding:23px!important;
}






/*news style starts here*/
.side-news h2{
	font-size:16px;
	text-transform:uppercase;
	color:#222222;
	padding: 14px 0px 10px 0px;
	font-weight:bold;
	text-align: left;
}
.side-news ul{
	list-style:none;

}


.side-news ul li{
	line-height:15px;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #e4e4e4;

}
* html .side-news ul li{ /*IE6 fix*/
	border-top:1px solid #fff;
}
.side-news ul li .news-date{
	font-size:11px;
	display:block;
	margin:0 0 0px 0;
	color:#898989;
}
.side-news ul li .news-title{
	font-size: 12px;
	display:block;
	margin:0 0 15px 0;
	font-weight: bolder;
	
}




/*newsletter style starts here*/
.newsletter{
	clear:both;
	line-height:15px;
}
.newsletter span{
	display:block;
	margin:0 0 5px 0;
}
.newsletter h2{
	font-size:16px;
	text-transform:uppercase;
	color:#222;
	padding:25px 20px 10px 52px;
	font-weight:bold;
	background:url(../images/mail_reply.png) no-repeat left 0;
}
.blog-search h2{
	font-size:16px;
	text-transform:uppercase;
	color:#222;
	padding:12px 20px 15px 52px;
	font-weight:bold;
	background:url(../images/search.png) no-repeat left 0;
}
.blog-categories h2{
	font-size:16px;
	text-transform:uppercase;
	color:#222;
	padding:12px 20px 15px 52px;
	font-weight:bold;
	background:url(../images/window_osx.png) no-repeat left 0;
}
#n_email{
	border:0;
	background:#d9d9d9;
	padding:4px 2px;
}
#btn_send{
	background:#418f80;
	border:0;
	padding:3px 5px;
	color:#fff;
}



/*2col style starts here*/
.two-column{
	float:left;
	width:598px;
	margin:20px 0 0 0;
}
.two-column .col-one, .two-column .col-two{
	width:250px;
	background:url(../images/sub_column_bg.gif) repeat-x;
	padding:20px;
	border-top:1px solid #d0d0cf;
}
.two-column .col-one{
	float:left;
}
.two-column .col-one h3, .two-column .col-two h3{
	font-weight:bold;
	font-size:17px;
}
.two-column .col-two{
	float:right;

}




/*featured-product style starts here*/
.featured-product{
	margin:0 0 40px 0;
	float:left;
}
.featured-info{
	float:right;
	width:350px;
}





/*contact-info style starts here*/
.inside-sidebar h2{
	font-size:16px;
	text-transform:uppercase;
	color:#222222;
	font-weight:bold;
}






/*blogpage style starts here*/
.blog-categories ul{
	list-style:none;
}
.blog-post{
	float:left;
}
.post-excerpt{
	float:right;
	width:350px;
}
.post{
	float:left;
	padding: 30px 0 30px 0;
	border-bottom:1px solid #dadada;
}
.post h3{
	font-size:24px;
	padding:0;
	margin:0;
}
.post .post-author{
	display:block;
	padding:0 0 20px 0;
}
#s{
	width:145px;
}




/*common classes style starts here*/
a img{
	border:0;
	float:left;
}

.block{
	display:block;
}
.clear{
	clear:both;
}
.alignLeft{
	text-align:left;
}
.alignRight{
	text-align:right;
}
.alignJustify{
	text-align:justify;
}
.alignCenter{
	text-align:center;
}

.floatRight{
	float:right
}
.floatLeft{
	float:left;
}

abbr, acronym{
	font-style:italic;
	cursor:help;
	color:#ada397;
}

.imageLeft{
	background:#fff;
	border:1px solid #ebe8e2;
	padding:10px 10px;
	margin:0 15px 20px 0;
}
.imageRight{
	background:#fff;
	padding:10px 10px;
	margin:0 0 20px 15px;
	border:1px solid #ddddda;
}
.hide{
	display:none;
}
img{
	border:0;
}


/*Table*/
table {  
  margin: 0 0px 20px 12px;
  padding: 0;
  display: block;
  font-size: 14px;
  border-collapse: collapse;
  width:100%;
}
table caption {
  margin: 0 12px;
  padding: 20px 0 5px 0;
  font: 14px arial, sans-serif;
  text-align: left;  
}

table th,table td {
  text-align: left;
  vertical-align: top;
  padding: 6px 10px;
}


thead th {
  color: #FFF;
  background-color: #6d6453;
  border-bottom: 1px solid #585043;
}

tbody tr.highlighted {
  background-color: #3c3028;
}

tbody td {
  border-bottom: 1px solid #42352c;
  color:#82725f;
}

tbody tr:hover td {
  background: #47382f; 
  border-bottom: 1px solid #6b503d;
}
.widthA{
	width:20%;
}
.widthB{
	width:40%;
}





/*form - Form Style*/
form {
  padding: 0px 0;
  margin:0;
}
form p{
	padding:0;
	margin:0 0 20px 0;
}
label {
  float: left;
  width: 100px;
  padding-right: 1px;
}
input,
textarea{
  padding: 6px;
  font: 400 14px arial, sans-serif;
  background: #f1f0ee;
  border:1px solid #e0e0e0;
  color: #353431;
}
input:focus,
textarea:focus{  
  color: #353431;
  background:#ebeae7;
  border:1px solid #d3d3d3;
}
#name, #email, #subject{
	width:300px;
	background:url(../images/sidebar_nav_bg_hover.gif) repeat-x top;
}
#message{
	width: 370px;
	height:150px;
	background:url(../images/sidebar_nav_bg_hover.gif) repeat-x top;
}
input.button {
  padding: 5px 20px;
  font: bold 1em arial, sans-serif;
  cursor: pointer;
  color: #efefef;
  background-color:#0901A7;
  border-width: 1px;
  border-style: solid;
  border: #276c5f 1px solid;
}
input.btn-search{
  padding: 5px 10px;
  font: bold 1em arial, sans-serif;
  cursor: pointer;
  color: #efefef;
  background-color:#418f80;
  border-width: 1px;
  border-style: solid;
  border: #276c5f 1px solid;
}



/*errorMsg - Error Message Block style*/
#errorMsg{
	float:left;
	padding:20px 20px 0px 20px;
	background:#e6e6e6;
	margin:0 0 20px 0;
	border-top:1px solid #d9d8d8;
	border-bottom:1px solid #d9d8d8;
	width:93%;
}
#errorMsg h3{
	color:#c22414;
	margin:0;
	padding:0;
}
#errorMsg ul{
	margin:0;
	padding:0 0 20px 0;
}
#errorMsg ul li{
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	color:#c22414;
}
#errorMsg p{
	color:#c22414;
}

/*highlight style*/
.highlight{
	color:#0c0402;
}


/*infoMsg - Info Message Block style*/
.infoMsg{
	float:left;
	padding:20px 20px 0px 20px;
	background:#83b406;
	margin:0 0 20px 0;
	border-top:1px solid #2d993c;
	border-bottom:1px solid #2d993c;
	width:93%;
	color:#fefefe;
}
.infoMsg h3{
	color:#cfdab4;
	margin:0;
	padding:0;
}





/*slideshow style starts here*/
#slideshow{
	float:left;
}
.pics {
	height: 270px;
	width: 607px;
	padding:0;
	margin:0;
	overflow: hidden;
}
.pics a img {
	top:0;
	left:0
}