/* commodore styles sheet */
*{
	box-sizing: border-box;
}

/* text="#CCCCCC" link="#FF0000" vlink="#CCCCCC" */
body {color: #CCCCCC; margin: 0;font-family: Arial, Helvetica, sans-serif; background-color: #666666;}
p { font-family: Arial; font-size: 16px ; font-weight: normal;}
td { font-family: Arial; font-size: 16px ; font-weight: normal;}
br { font-family: Arial; font-size: 16px ; font-weight: normal;}
table { font-family: Arial; font-size: 16px ; font-weight: normal;}
h1{	margin: 0;	padding: 5px;}
h3{	margin: 0;	padding: 5px;}

.h1-block{	text-align: center;	background-color: #000000;	margin-bottom: 20px;}

.text_norm { color: #0099CC}
.text_size16 { font-family: Arial; font-size: 16px ; font-weight: normal;}
.text_size19 { font-family: Arial; font-size: 17px ; font-weight: bold;}
.text_size19_b_u { font-family: Arial; font-size: 17px ; font-weight: bold; text-decoration: underline;}
.text_size19_b_u_bl { font-family: Arial; font-size: 17px ; font-weight: bold; text-decoration: underline; color: #CCCCCC;}
.text_size22 { font-family: Arial; font-size: 22px ; font-weight: bold}
.text_size22G { font-family: Arial; font-size: 22px ; font-weight: bold; color: #CCCCCC;}
.text_link_size16 { font-family: Arial; font-size: 16px ; font-weight: normal; color: #CCCCCC;}

a{text-decoration: none; color: orange;}
a:hover {color: red; background-color: rgb(65, 65, 65);}
a:active { outline: none; }

a.text_link_hidden:link,
a.text_link_hidden:hover,
a.text_link_hidden:active,
a.text_link_hidden:visited{ color: #000000;}


.menu_bor {
	border-color: #999999;
	border-width: 0 0 0 3px;
	border-style: solid;
	margin: 6px 2px;
}

main{padding: 0 5px;}


.rcorners_hdr { background-color: #000000;    border-radius: 10px 10px 0 0;    border: 2px #999999 solid;	border-bottom: 0;	border-spacing: 0;}

.rcorners_top {    border-radius: 6px 6px 6px 6px;    border: 2px #999999 solid; padding: 2px; border-spacing: 0;background:  #000000;}
.rcorners_mid {    border-radius: 10px 10px 10px 10px;border: 2px #999999 solid; padding: 2px; border-spacing: 0;background:  #000000; 	margin:0;}
.rcorners_centre1 {border-radius: 6px 6px 6px 6px;    border: 1px #FFFFFF solid; padding: 1px; border-spacing: 0;background:  #333333;}
.rcorners_centre2 {border-radius: 6px 6px 6px 6px;    border: 2px #000000 solid; padding: 15px;border-spacing: 0;background:  #333333;}


.im_bor {			border-top: 2px solid #CCCCCC;	border-right: 2px solid #666666;	border-bottom: 2px solid #666666;	border-left: 2px solid #CCCCCC;	margin-top: 8px;	margin-right: 2px;	margin-bottom: 8px;	margin-left: 2px;}
.im_bor:visited {	border-top: 2px solid #FF0000;	border-right: 2px solid #CC0000;	border-bottom: 2px solid #CC0000;	border-left: 2px solid #FF0000;	margin-top: 8px;	margin-right: 2px;	margin-bottom: 8px;	margin-left: 2px;}
.im_bor:hover {		border-top: 2px solid #0099CC;	border-right: 2px solid #0066CC;	border-bottom: 2px solid #0066CC;	border-left: 2px solid #0099CC;	margin-top: 8px;	margin-right: 2px;	margin-bottom: 8px;	margin-left: 2px;}
.im_bor:active {	border-top: 2px solid #0099CC;	border-right: 2px solid #0066CC;	border-bottom: 2px solid #0066CC;	border-left: 2px solid #0099CC;	margin-top: 8px;	margin-right: 2px;	margin-bottom: 8px;	margin-left: 2px;}

.main-bg-car{
	background-image:  url("./web_images/menu/background_hypo_gray.jpg");
	background-repeat: repeat-y;
	/* background-position: 20px top; */
	background-attachment: fixed;
	background-size: 100% auto;
	/* background-width: 100%;	 */
	padding: 15px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}

li a{
	float:left;
	display: inline;
	display: block;
	background-color: #333333;
	text-decoration: none;
	padding: 3px 0;
	width: 24%;
	border-color: #999999;
	border-width: 0 0 3px 0;
	border-style: solid;
	margin: 6px 2px;
}

.h-car{margin: 40px;}
.nav-margin{margin: 0; padding: 0 40px; border: 0; width: 100%;}
nav{margin: 0; padding: 5px; background-color: #000000; text-align: center;}

.car_hdr{  max-width:100%;  height: auto;}
/* .headn{ width: 100%; max-width: 450px; table-layout: fixed } */

.table-cost{
	border-collapse: collapse;
	width: 100%;
	/* border: #666666 solid 3px; */
}
/* table header */
.table-cost tr:first-child{

	background-color: #000033;
	font-weight: bold;
}
/* table header columns */
.table-cost tr:first-child td{
	border: #666666 solid 1px;
}
.table-cost tr{
	border-collapse: collapse;
	border-width: 1px;
	border-color: #666666;
	border-style: solid ;

}
.table-cost td{
	padding: 5px;
}

@media (max-width:600px){
	main{padding: 0 ;}
	li a{
		display: block;
		border-bottom: 3px solid #999999;	border-top: none;	border-right: none;	border-left: none;
		padding: 8px 8px;
		width: 100%;
		margin-top: 1px;
		margin-right: 2px;
		margin-bottom: 1px;
		margin-left: 2px;
		background-color: #333333;
	}
	.rcorners_centre2 {	border-radius: 6px;    	border: 2px #000000 solid;    padding: 0;	border-spacing: 0 0;	background:  #333333;}
	.backgrng { padding: 0;}
	.div_car_hdr{margin: 0;}
	.nav-margin{padding: 0 10px;}
}