body { font-family: sans-serif; background: #fffdf4 url(../images/background.png) repeat-x; margin:0; padding:0; background-attachment: fixed; }
#head { padding:12px; height:22px; width:100%; position: fixed; top:0px; left:0px; background: #fffdf4 url(../images/background.png) repeat-x; z-index:1000; }
#head h1 { color: white; font-size:20px; margin:0px; }
#body { padding: 12px; max-width:1280px; margin-top:45px; margin-left: 160px; margin-right: auto; z-index:10; }
#body h1 { font-size:20px; color:#000; }
#body h2 { font-size:18px; color:#c9a059; }
#body h2 a { float: right; }
#body.nomenu { margin-left: 10px; }
div.block { background-color: white; padding:15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); overflow:auto; margin-bottom:20px; }
a { text-decoration: none; color:#7c7c7c; }
div.smlurl { color:gray; font-size:12px; overflow:hidden; }
ul.smlul li { color:gray; font-size:12px; margin-bottom:0px; }
li { margin-bottom:5px; }
div.ln { clear : both; margin-bottom:5px; min-height:35px; }
div.ln label { margin-top:3px; margin-bottom:5px; width:200px; display: inline-block; float:left; }
div.ln b { margin-bottom:5px; display: inline-block; }
hr { color:#d2d2d2; background:#f0f0f0; height:3px; border:none }

input[type=submit] { width:170px; height:29px;  border:1px solid #d2d2d2; background:#d9d8d4; font-size:14px; color:#383838; margin-top:15px; margin-bottom:15px; }
input[type=text],input[type=password],input[type=mail] { height:25px; border:1px solid #c3c5cc; color:#383838; font-size:14px; width:500px; margin-bottom:5px; } 
select { width:500px; height:28px; border:1px solid #c3c5cc; margin-bottom:5px; }

div.block.info 	{padding:18px 25px 15px 65px; background: white url('../images/ico-info-big.png') no-repeat 17px 11px}
div.block.warning 	{padding:18px 25px 15px 65px; background:white url('../images/ico-warning-big.png') no-repeat 17px 12px}

table.table { width: 100%; border-collapse: collapse; border-spacing: 0px; }
table.table th { padding: 7px; text-align:left; border-bottom:2px solid #7c7c7c; border-left: 1px solid  #c3c5cc; }
table.table td { padding: 7px; border-bottom: 1px solid #c3c5cc; border-left: 1px solid  #c3c5cc; }
table.table td.first { border-left: 0px; }
table.table th.first { border-left: 0px; }
table.table td.nodata { text-align: center; padding:20px; }
table.table tr.ptr { cursor: pointer; }
table.table tr.odd td { }
table.table tr.even td { background-color: #e8e7e3; }

#menu { width:140px; background-color:white; position:fixed; top:46px; bottom:0px; box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2); padding-top:10px; overflow:hidden; } 
#menu a { width:29px; height:29px; display:block; margin:4px; font-size:15px; width:200px; padding-top:4px; }
#menu a span { padding-left:40px; }
#menu a.car { background: url(../images/car-4-24.png) no-repeat 3px 2px; }
#menu a.cargr { background: url(../images/car-group-24.png) no-repeat 3px 2px; }
#menu a.chip { background: url(../images/chip-2-24.png) no-repeat 3px 2px; }
#menu a.road { background: url(../images/road-2-24.png) no-repeat 3px 2px; }
#menu a.user { background: url(../images/user-24.png) no-repeat 3px 2px; }
#menu a.variable { background: url(../images/variable-24.png) no-repeat 3px 2px; }
#menu a.card { background: url(../images/card-inserting-24.png) no-repeat 3px 2px; }
#menu a.forward { background: url(../images/fast-forward-2-24.png) no-repeat 3px 2px; }
#menu a.sett { background: url(../images/settings-5-24.png) no-repeat 3px 2px; }

div.cardlist div.card { display: inline-block; width:100px; height:50px; background-color:lightgray; font-size:12px; padding:5px; border-radius:5px; margin-right:15px; margin-bottom:15px; position:relative; }
div.nothing { padding:30px; text-align:center; }
div.cardlist div.card a { cursor: pointer; position:absolute; right:5px; bottom:5px; font-size:10px; }

div.carlist div.car { display: inline-block; width:100px; height:50px; background-color:lightgray; color:black; font-size:12px; padding:5px; border-radius:5px; margin-right:15px; margin-bottom:15px; position:relative; }
div.carlist div.car span.spz { color:gray; }
div.carlist div.car.can { background-color: #89d39c; }
div.carlist div.car a { cursor: pointer; position:absolute; right:5px; bottom:5px; font-size:20px; color:black; }

@media screen and (max-width: 800px) {
	div.ln label { width:100%; }
	input[type=text],input[type=password],input[type=mail] { width: 99%; }
	select { width: 99%; }
	#menu { width:40px; }
	#body { margin-left: 50px; }	
}