/* -- Copyright 2008 Lukáš Tomek --*/

/* -- Basics -- */
html, body, div, p, li, ul, form, fieldset, h1, h2, h3, h4, h5, h6, address {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	font: normal 60%/1.4 Verdana, "Geneva CE", lucida, sans-serif;
	text-align: center;
	padding: 30px 0;
	color: #fff;
	background: #000 url('../images/bg-body.jpg') 50% 0 no-repeat;
}
a {
	color: #fff;
	cursor: pointer;}

a:hover {
	text-decoration: underline;
	 color: #25adcd;
}
img { border:0; }

a img { border:0; }
address { font-style: normal; }

h1	{ font-size: 2.5em; font-weight: normal; }
h3	{ font-size: 1.0em;}
h2	{ font-size: 1.2em; }
h4	{ font-size: 1.1em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #fff; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

fieldset    { border: 0 !important; }

/* -- User friendly features --*/
.hidden { display: none; }
.noscreen {
	width: 200px;
	position: absolute;
	left: 0;
	top: -999px;
}

/* -- Layout hacks --*/
.clearfix { display: block; }

/* -- Basic layout -- */
#head     { font-size: 1.2em; text-align: left; }
#content  { font-size: 1.2em; text-align: left; }
#foot     { font-size: 1.2em; text-align: left; }

/* -- Main classes -- */
.fr		  { float: right !important; clear: right; }
.fl		  { float: left !important; clear: left; }
.clear  { clear: both !important; }
.noheight  { height: 1px; }
.right	{ text-align: right !important; }
.left		{ text-align: left !important; }
.center	{ text-align: center !important; }
.last		{ margin-bottom: 0 !important; }

/* -- Layout cols (50:50) -- */
.col1	{ width: 460px !important; float: left; }
.col2	{ width: 460px !important; float: right; }

/* -- Layout cols (65:22) (company page) -- */
.col50 { width: 500px !important; float: left; }
.col37 { width: 360px !important; float: right; }
.col30 { width: 260px !important; float: left; }
.col23 { width: 220px !important; float: right; }
.col3 { width: 30px !important; float: left; }

/* -- Layout -- */
.overlaid {
	position: relative;
	display: block;
	overflow: hidden;
	text-decoration: none !important;
}
.overlaid span {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	text-decoration: none !important;
	background-position: 0 0;
} 
.holder {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

/* -- Header constructs -- */
#head {
	height: 35px;
	margin-bottom: 30px;
	background: #fff url('../images/bg-menu.gif') 0 0 repeat-x;
}
#head a { color: #000; }
#logo {
	display: block;
	width: 107px;
	height: 25px;
	padding-top: 10px;
	overflow: hidden;
}
#logo span { background: url('../images/bg-logo.gif') no-repeat; }
#mainMenu {
	position: relative;
	float: right;
	padding: 0 20px;
	margin-top: -35px;
}
#mainMenu li {
	position: relative;
	float: left;
	height: 35px;
	text-align: center;
}
#mainMenu li a {
	display: block;
	height: 24px;
	padding-top: 11px;
	text-decoration: none;
	overflow: hidden;
	background: url('../images/bg-menu.gif') 0 0 repeat-x;
}
#mainMenu li a:hover { font-weight: bold; }
#mainMenu li a:hover span {
	background-position: 0 -35px;
	text-decoration: underline;
}
#mainMenu li strong, #mainMenu li h1 {
	position: absolute;
	width: 100%;
	top: 0; left: 0;
	display: block;
	height: 42px;
	background: url('../images/corner-bottom_top.gif') 50% 100% no-repeat;
}
#mainMenu li a strong { height: 32px; }

#menuHomepage { width: 138px; }
#menuHomepage span { background: url('../images/menu/item-1.gif') no-repeat; }
#menuServices { width: 92px; }
#menuServices span { background: url('../images/menu/item-2.gif') no-repeat; }
#menuReference { width: 103px; }
#menuReference span { background: url('../images/menu/item-3.gif') no-repeat; }
#menuPartneri { width: 85px; }
#menuPartneri span { background: url('../images/menu/item-7.gif') no-repeat; }
#menuAbout { width: 62px; }
#menuAbout span { background: url('../images/menu/item-4.gif') no-repeat; }
#menuContact { width: 103px; }
#menuContact span { background: url('../images/menu/item-5.gif') no-repeat; }
#menuProdukty { width: 92px; }
#menuProdukty span { background: url('../images/menu/item-6.gif') no-repeat; }
/* -- /Header constructs -- */

/* -- Content constructs -- */
#content {
	overflow: hidden;
	padding-bottom: 20px;
}
#content h1 {
	margin: 0px 0px 24px 0px;
	font-weight: normal;
}

	/* Basic box */
	.box {
		position: relative;
		width: 440px;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 2px 0;
	}
	.box2 {
		position: relative;
		width: 440px;
		margin-bottom: 10px; margin-left: 20px;
		overflow: hidden;
		padding:1px;
	}
	.box .in {
		margin: 0 2px;
		padding: 1px 35px;
	}

	.box .in p { margin: 8px 0 12px; }
	.box .in h2,
	.box .in h3,
	.box .in h4,
	.box .in h5,
	.box .in h6 { margin-bottom: 2px; }

	.box .in ul,
	.box .in ol {
		margin-bottom: 15px;
		line-height: 1.4em;
	}
	.box .in li a { text-decoration: none; }
	.box .in li a:hover { text-decoration: underline; }

	.box .in address,
	.box .in table,
	.box .in img { margin-bottom: 15px; }

	.box .in table th,
	.box .in table td {
		padding: 5px 8px;
		border: 1px #302d2d solid;
	}
	.box .in table th { background: #262626 url('../images/dark-gradient-out_small.gif') 0 50% repeat-x; }
	
	.box .in table.data { width: auto; }
	.box .in table.data th,
	.box .in table.data td {
	  padding: 0;
		border: none;
	}
	.box .in table.data th {
		background: none;
		padding-right: 15px;
		font-weight: normal;
	}
	.box .map {
		font-size: 1.2em;
		padding: 4px;
		margin-top: 0px;
		background: #fff url('../images/bg-rhombus.gif') repeat-x;
	}

	/* Basic box rhombus collumm */
	.withRhombus { padding-bottom: 0 !important; }
	.withRhombus .in { border-bottom: none !important; }
	
	.box .rhombus {
		font-size: 1em;
		padding: 22px;
		margin-top: 0px;
		background: #fff url('../images/bg-rhombus.gif') repeat-x;
	}

	
	
	.rhombus p { margin: 2px 0;}
	.widthAuto {width: auto;}
	.box .rhombus * { color: #333333; }
	.box .rhombus h2,
	.box .rhombus h3 { color: #25adcd; font-weight: bold; padding-top:10px},
	.box .rhombus h4,
	.box .rhombus h5,
	.box .rhombus h6 { margin-bottom: 5px; }

	/* Smaller reference box */
	.boxReference {
		width: 220px !important;
	}
	.boxReference .in {
		padding: 20px 0 0 !important;
		text-align: center;
		height: 195px;
		background: url('../images/corner-top_bottom.gif') 50% 100% no-repeat !important;
	}
	.boxReference .rhombus {
		padding: 15px 18px !important;
		height: 75px;
		font-size: 1em !important;
	}
	.boxReference .rhombus p {
		position: relative;
		top: 15px;
	}
	.boxReference .overlaid {
		position: absolute;
		top: 240px;
		left: 18px;
		height: 14px;
	}
	.boxReference h3 a {
		color: #25adcd;
	}
	/* Reference box as a visit card */
	.boxVisitCard {
	  height: 340px;
		padding-bottom: 0 !important;
		background: #a3a3a3 url('../images/bg-visit-card.gif') repeat-x !important;
	}
	.boxVisitCard * { color: #333333; }
	.boxVisitCard .in {
		height: 113px;
		padding: 30px 130px 0 !important;
		vertical-align: top;
		border: 1px #9d9d9d solid;
		border-width: 1px 1px 0;
		padding-bottom: 0 !important;
		background: url('../images/corner-top_bottom.gif') 50% 100% no-repeat;
	}
	.boxVisitCard .in img { float: left; }
	.boxVisitCard .overlaid {
		position: absolute;
		top: 150px;
		left: 22px;
	}
	.boxVisitCard h3 a {
		color: #25adcd;
	}
	.boxVisitCard .rhombus {
	  margin-top: -1px;
		padding-top: 25px !important;
		background: #fff url('../images/bg-rhombus2.gif') repeat-x !important;
	}

	/* Dark version of basic box */
	.boxDark { background: #262626 url('../images/dark-gradient-out_small.gif') repeat-x; }
	.boxDark .in {
		padding-bottom: 0;
		border: 1px #302d2d solid;
		background: #262626 url('../images/dark-gradient-in_small.gif') repeat-x;
	}
	
	.boxDark .in h2,
	.boxDark .in h3 { color: #fff; font-weight: strong; margin:10px 0px 10px 0px;},
	.boxDark .in h4,
	.boxDark .in h5,
	.boxDark .in h6 { text-decoration: none; }
	.boxDark .in p { margin:10px 0px 10px 0px;}
	/* Larger version of dark box */
	.boxDarkLarge2 { background: #262626 url('../images/dark-gradient-out_large.gif') repeat-x; margin-left: 30px;}
	.boxDarkLarge { background: #262626 url('../images/dark-gradient-out_large.gif') repeat-x; }
	.boxDarkLarge .in {
		padding: 30px 35px 20px;
		background: #262626 url('../images/dark-gradient-in_large.gif') repeat-x;
	}
	.boxDarkLarge .in p { margin: 3px 0 15px; }

	/* Blue version of basic box */
	.boxBlue { background: #26adcd url('../images/blue-gradient-out_small.gif') repeat-x; }
	.boxBlue .in {
		padding-bottom: 0;
		border: 1px #95e2f5 solid;
		background: #26adcd url('../images/blue-gradient-in_small.gif') repeat-x;
	}
		/* Gray version of basic box */
	.boxGray { 
    background: #fefefe url('../images/gray-box_century21.gif') top left no-repeat;
    width:440px;
    height:91px;
    padding: 0;
   }
	.boxGray .in {
		padding-bottom: 0;
		border: 0px none;
		color:#000000;
		background: transparent;
	}
	
	/* Large version of blue box */
	.boxBlueLarge { background: #26adcd url('../images/blue-gradient-out_large.gif') repeat-x; }
	.boxBlueLarge .in {
		padding: 30px 35px 10px;
		background: #26adcd url('../images/blue-gradient-in_large.gif') repeat-x;
	}
	.boxDark2 { background: #262626 url('../images/dark-gradient-service.gif') repeat-x; }
	.boxDark2 .in {
		padding-bottom: 0;
		border: 1px #302d2d solid;
		background: #262626 url('../images/dark-gradient-service.gif') repeat-x;
	}
	
/* -- /Content constructs -- */

/* -- Specific boxes -- */
#techSupport {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
}
#techSupport .in {
	padding-top: 15px;
  padding-left: 120px;
	background: url('../images/bg-techSupport.jpg') 39px 22px no-repeat;
}
#techSupport .in p { margin-top: 4px; }
#section-century21 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
}
#section-century21 .in {
	padding-top: 15px;
  padding-left: 30px;
  color:#000000;
}
#section-century21 .in a { 
 /* height:56px; */
  width:400px;
  display:block;
  color:#000000;
  text-decoration:none;
  padding-top:9px;
}
#section-century21 .in a:hover { 
  color:#000000;
  text-decoration:underline;
}
#boxMap .in {
	padding: 1px 1px 0;
	height: 258px;
	background: url('../images/img_map.jpg') 50% 1px no-repeat;
}
#complexCare .in {
	position: relative;
	height: 160px;
	background: url('../images/bg-complexCare.jpg') 39px 46px no-repeat;
}
#complexCare .in .corner {
	position: absolute;
	width: 14px;
	height: 7px;
	top: 193px;
	left: 50%;
	background: url('../images/blue-corner-top_bottom.gif') no-repeat;
}
#newiesBox .item { margin-bottom: 15px; }
#newiesBox .item p { margin-bottom: 5px; }
/* -- /Specific boxes -- */

/* -- Graphic headers -- */
#header_howToBonicom { height: 29px; }
#header_howToBonicom span { background: url('../images/how-to-bonicom_header.gif') no-repeat; }
#header_takeCare { height: 40px; font-size: 2.3em; font-variant: small-caps; font-weight: 200; display: none;}
/* #header_takeCare span { background: url('../images/take-care_header.gif') no-repeat; } */
#header_complexCare {
	top: 40px;
	left: 150px;
	width: 230px;
	height: 59px;
}
#header_complexCare span { background: url('../images/complex-care_header.gif') no-repeat; }
#header_reference1 {
	width: 180px;
	height: 34px;
}
#header_reference1 span { background: url('../images/reference-2_header.gif') no-repeat; }
#header_reference2 {
	width: 180px;
	height: 14px;
}
#header_reference2 span { background: url('../images/reference-2_header.gif') no-repeat; }
#header_reference3 {
	width: 154px;
	height: 15px;
}
#header_reference3 span { background: url('../images/reference-3_header.gif') no-repeat; }
#header_reference4 {
	width: 141px;
	height: 15px;
}
#header_reference4 span { background: url('../images/reference-4_header.gif') no-repeat; }
#header_reference5 {
	width: 148px;
	height: 15px;
}
#header_reference5 span { background: url('../images/reference-5_header.gif') no-repeat; }
#header_reference6 {
	width: 101px;
	height: 15px;
}
#header_reference6 span { background: url('../images/reference-6_header.gif') no-repeat; }
#header_reference7 {
	width: 160px;
	height: 15px;
}
#header_reference7 span { background: url('../images/reference-7_header.gif') no-repeat; }
#header_reference8 {
	width: 127px;
	height: 15px;
}
#header_reference8 span { background: url('../images/reference-8_header.gif') no-repeat; }
/* -- /Graphic headers -- */

/* -- Footer constructs -- */
#foot {
	overflow: hidden;
	height: 100%;
	clear: both;
	padding-top: 20px;
	background: url('../images/bg-foot.jpg') 50% 0 no-repeat;
}
#footerLogo {
	position: absolute;
	width: 80px;
	height: 13px;
	top: 0;
	left: 20px;
	overflow: hidden;
}
#footerLogo span { background: url('../images/bg-footer_logo.gif') no-repeat; }
#quickLinks {
	width: 30%;
	padding-left: 130px;
}
#quickLinks ul {
	margin-top: 8px;
	line-height: 1.4em;
}
#quickLinks li a { text-decoration: none; }
#quickLinks li a:hover { text-decoration: underline; }
#quickLinks .col1 {
	width: 49% !important;
	float: left;
}
#quickLinks .col2 {
	width: 49% !important;
	float: right;
}
#companyInfo address { 
	margin-top: 8px;
	font-style: normal; 
}
/* -- /Footer constructs -- */

/* -- images box -- */

.pic{
float: right;
margin: 0 0 15px 15px;
}

.picture img {
	margin: 0;
}

.boxService {
	background: #2c2c2c url('../images/dark-gradient-service.gif') repeat-x;
	width: 220px !important;
}
.boxService .in{
	background: #2e2e2e url('../images/corner-top_bottom.gif') 50% 100% no-repeat !important;
	height: 210px;
}

.boxService .rhombus {
	height: 514px;
}

.bottomSmallBox {
	background:  url('../images/dark-gradient-out_small2.gif') repeat-x !important;
		padding: 1px;
}
.bottomSmallBox .rhombus {
	background: #fff url('../images/light-gradien-in_small.gif') repeat-x !important;
	padding: 12px;
}

.box .rhombus a.blueLink {
	color: #25adcd;
	font-weight: bold;
}
.box .rhombus a.blueLink:hover{ 
	text-decoration: none;
}

.boxDark img {
	margin: 0 auto;
	display: block;
}

.boxDark2 {
	background: #2c2c2c url('../images/dark-gradient-service.gif') repeat-x;
}

.boxDark2 .in {
	background: url('../images/corner-top_bottom.gif') 50% 100% no-repeat !important;
	height: 213px;
}

.marginLeft20 {
	margin-left: 20px;
}

.marB20 {
	margin-bottom: 20px;
}

.bonicomLogo {
	margin: 85px;
}

.fright		  { float: right; }
.fleft		  { float: left; }
.news  {
		height: 270px;
		overlay: hidden;
	}


/* ------ home page, homepage boxes --------- */
.news p {
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 7px 0px;
	}
p.services {
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 12px 0px;
	}
.services-height {
		height: 299px;
		overlay: hidden;
	}
.boxReference .rhombus {
		height: 75px;
		overlay: hidden;
	}
p.maintextonhome  {
		line-height: 24px;
		height: 188px;
		overlay: hidden;
	}
h2.home {
		margin: 0px;
		padding: 0px 0px 4px 37px;
	}
div.partners-logos {
		margin: 0px;
		padding: 0px;
	}
div.partners-logos p {
		float: left;
		margin: 0px 0px 15px 60px;
		padding: 0px;
	}
div.partners-logos h2 {
		margin-top: 24px;
		float: left;
	}
div#nahled-mapy-tisk {
		display: none;
	}
div#flash { margin: 0; padding: 0; }