* {margin:0;padding:0;} 

html, body {height: 100%;}
img { border: none }
#wrap {min-height: 100%; }
#main {overflow:auto; overflow-x: hidden; padding-bottom: 20px;   }  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -20px;
	height: 20px;
	clear:both;
	font-size: 9px 
} 
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
.mid { width: 980px;  position: relative; left: 50%; margin-left: -490px }
#top {  height: 65px; postion: relative;  }
h1 { position: absolute; top: 35px; left: 0; display: block; width: 244px; height: 30px; text-indent: -9999px; background: url('../images/logo_chrobok.png'); }
#top ul { margin: 0; list-style: none; position: absolute; right: 0;  top: 20px; z-index: 1000}
#top ul li { float: left; }
#top ul li a {  display: block; width: 92px; height: 91px; margin-left: 10px; text-indent: -9999px;  }
#top ul li a:hover { opacity: .5; }
#mm1 { background: url('../images/m1.png'); }
#mm2 { background: url('../images/m2.png'); }
#mm3 { background: url('../images/m3.png'); }
#mm4 { background: url('../images/m4.png'); }

body { background: #fff url('../images/bg1.png') top left repeat-x;
		font-family: Arial, Helvetica, sans-serif; color: #6291b0; font-size: 12px}
		#content{ padding-top: 50px; }

#flashcontent { z-index: 10; }


.contact_entry { display: block; width: 330px; float: left; margin-right: 30px; min-height: 150px; margin-bottom: 20px;  }
.contact_entry img {float: left; margin-right: 20px; padding-bottom: 20px;}
.contact_entry h3 { padding-bottom: 5px }
.contact_entry ul { margin-left: 30px }
.contact_entry a { font-size: 11px; color: #5766A4 !important }
.contact_entry p { padding-bottom: 10px }
#roadmap_container {
	float: right;
	display: block;
	width: 245px;
	height: 345px;
	margin-top: 20px;
	padding: 5px; 
	background: #fff;
	border: 1px solid #CDD3E9
}
#roadmap { display: block; width: 245px; height: 345px; }

.model { width: 188px; float: left; margin-right: 8px; min-height: 260px;  }
.model a { text-decoration: none; color: #5766A4 !important }

.model_picture { background: url('../images/circle_medical.png') top left no-repeat; height: 188px; text-align: center; }
.model_picture table { width: 100%; height: 100% }
.model h3 { font-size: 18px; margin-top: 5px; font-weight: bolder }
.model h5 { font-size: 12px }
#josoncare .model { min-height: 280px; }
#josoncare .model h5 { font-size: 10px }


.www_catalogue { float: left;  margin-left:25px; 
width:220px; display: block; padding-bottom: 20px; font-weight: bolder; }
#first_www_catalogue { margin-left: 0 }
.www_catalogue ul { list-style-type: none; padding-top: 20px;  }
.www_catalogue span { display: block; margin-bottom: 5px; font-size: 9px; font-weight: lighter; padding-bottom: 5px; border-bottom: 1px solid #ddd  }
.www_catalogue a { color: #6291b0 !important; text-decoration: none; display: block; }
h2 { padding: 20px 0 20px 0; font-size: 20px; }


.download_catalogue { width: 200px; display: table-cell; margin-right: 20px; font-size: 10px; }
#download_catalogue_wrapper { margin-bottom: 20px; }
.download_catalogue a { color: #6291b0 !important; text-decoration: none; }

#about_left { display: block; width: 460px; margin-right: 60px; float: left; text-align: justify }
#about_left p { margin-bottom: 15px }
#about_right p { margin-bottom: 10px; font-size: 11px;  margin-top: 5px; } 

#about_right a { text-decoration: none; }
#about_right img { padding-bottom: 20px; }

#logo_subpage { position: relative; left: 300px; top: 25px; }

#left_side { margin-right:25px; width:340px;float: left; }
#center { margin-right:20px; width:450px; float: left; }
.centerright#center { width: 500px; margin-right: 0; margin-left: 50px; padding-top: 20px; }
#center ul { margin-left: 30px; padding: 5px 0 15px 0; }
#center ol { margin-left: 20px; padding: 5px 0 15px 0; }
#center h2 { padding-top: 0; padding-bottom: 0px; color: #5766A4; }
#center h4 { padding-bottom: 20px;  }
#center p { padding: 5px 0; }
#right_side { width:140px;  float: left; }
#right_side h3 { padding-bottom: 10px }
#right_side img { display: block }
#right_side span img { display: inline; margin-right: 5px; }
#right_side span { font-size: 9px;  }
#right_side .pictures div {margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
#bailida #right_side a { color: #5766A4 !important; text-decoration: none }
#josoncare #right_side a { color: #5766A4 !important; text-decoration: none }


#josoncare .model_picture { padding-top: 43px; height: 145px }

#left_catalogue_side { width: 320px; float: left; margin-right: 50px; }
#left_catalogue_side p { padding-bottom: 10px }

.back_button { display: block; width: 310px; height: 20px; padding-top: 5px; margin-bottom: 5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; clear: both; vertical-align: middle; text-align: center; text-decoration: none !important;
-moz-box-shadow:0 3px 9px -1px #AAAAAA inset;
-webkit-box-shadow:0 3px 9px -1px #AAAAAA inset;
box-shadow:inset 0 3px 9px -1px #AAAAAA;
background:none repeat scroll 0 0 #EEEEEE;
color: #5766A4 !important;
}


#bailida #wrap #main { background: url('../images/bailida_bg.jpg') 0px 116px no-repeat; min-height: 600px; }
#josoncare #wrap #main { background: url('../images/joson_bg.jpg') 425px 138px no-repeat; min-height: 600px; }

#josoncare .model_picture { background: url('../images/circle_josoncare2.png') top left no-repeat; }


body#boxo { background: #216997 url('../images/bg2.png') top left repeat-x; color: #ddd; }

#boxo h3 { color: #fff }
#boxo h5 { color: #96c6e4 }
#boxo .model_picture { background: url('../images/circle_mechanic.png') top left no-repeat; }
#boxo .left_catalogue_side
#boxo #right_side .pictures a { color: #fff !important; text-decoration: none }
#boxo #center { width: 440px; }
#boxo #center h2 { color: #fff }
#boxo #center h4 { color: #96C6E4 }
#boxo #right_side { width: 155px; }
#boxo #right_side .pictures div { background: #fff; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px;  border-radius: 8px;  border: none; }
#boxo #right_side .pictures div a { text-decoration: none; color: #216997 !important  }
#boxo #left_side { width: 320px; }
#boxo #left_side img { padding-bottom: 10px }
#boxo .back_button { -moz-box-shadow:0 3px 9px -1px #DDDDFF inset; box-shadow: inset 0 3px 9px -1px #DDDDFF; -webkit-box-shadow:0 3px 9px -1px #DDDDFF inset; background: #aac; color: #434f99 !important }
#boxo #left_catalogue_side h2 { color: #fff }
#boxo #wrap #main { background: url('../images/boxo_bg.jpg') 445px 50px no-repeat; min-height: 565px; }

body#mannesmann { background: #216997 url('../images/bg2.png') top left repeat-x; color: #ddd; }
#mannesmann h3 { color: #fff }
#mannesmann h5 { color: #96c6e4 }
#mannesmann .model_picture { background: url('../images/circle_mechanic.png') top left no-repeat; }
#mannesmann .left_catalogue_side
#mannesmann #right_side .pictures a { color: #fff !important; text-decoration: none }
#mannesmann #center { width: 440px; }
#mannesmann #center h2 { color: #fff }
#mannesmann #center h4 { color: #96C6E4 }
#mannesmann #right_side { width: 155px; }
#mannesmann #right_side .pictures div { background: #fff; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px;  border-radius: 8px;  border: none; }
#mannesmann #right_side .pictures div a { text-decoration: none; color: #216997 !important  }
#mannesmann #left_side { width: 320px; }
#mannesmann #left_side img { padding-bottom: 10px }
#mannesmann .back_button { -moz-box-shadow:0 3px 9px -1px #DDDDFF inset; box-shadow: inset 0 3px 9px -1px #DDDDFF; -webkit-box-shadow:0 3px 9px -1px #DDDDFF inset; background: #aac; color: #434f99 !important }
#mannesmann #left_catalogue_side h2 { color: #fff }
#mannesmann #wrap #main { background: url('../images/mann_bg.jpg') 290px 50px no-repeat; min-height: 565px; }
#mannesmann .model { min-height:260px; }

.news_entry { display: block; background: #cedfeb; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 5px; min-height: 80px  }
.news_inner { background:none repeat scroll 0 0 #FFFFFF;
display:block;
margin-left:240px;
padding:10px;
width:700px; -moz-border-radius: 8px;  -webkit-border-radius: 8px; border-radius: 8px; min-height: 60px}
.news_header { display:block;
float:left;
height:100px;
padding:10px;
width:200px;   }

.news_header span { display: block; font-size: 9px; border-top: 1px solid #eee; padding: 4px 0 0 0; margin-top: 4px; }