*{margin:0; padding:0;}
body{
	font: 70% 'Verdana CE', Verdana, 'Arial CE', Arial, 'Lucida Grande CE', lucida, 'Helvetica CE',  sans-serif;
	background: #C8C8C8 url(img/body.jpg) repeat-x ;
	text-align: center;
	color: #dddddd;
}
h1{ font-size: 1.2em;}
h2{ font-size: 1.2em;}
h3{margin: 15px 0 ; font-size: 1.2em; border-left: 1px solid #720106; padding:10px 0 0 10px; color: #ffffff;}
h4{ font-size: 1em; margin: 10px 0 ;}
h5{ font-size: 0.9em;margin: 10px 0 ;}
h6{ font-size: 0.9em;}
p{margin: 15px 0 ;}
img{border:none; border: 7px solid #4E5771; margin: 0 5px 5px 5px;}
ul{margin: 15px 0 ;}
li{margin-left: 50px; list-style: square;}

a:link {text-decoration: underline; color: #89BCE4; }
a:visited {text-decoration: none;  color: #89BCE4;}
a:hover {text-decoration: none; color: #ffffff; }
a:active {text-decoration: underline; color: #000000;}

hr {display: none;}

table{margin: 15px 0 ;border: 1px solid #0D111B; color: #ccc; border-bottom: 1px solid #575F7A;  border-right: 1px solid #575F7A; font-size: 0.9em; width:520px; border-collapse: separate;}
th,td{border: 1px solid #0D111B; border-left: 1px solid #575F7A; border-top: 1px solid #575F7A; padding:4px 6px;}
th{text-align: center; color: #ccc; font-size: 1em; background-color: #3D4356;}
td{}
.legend {background-color: #1E2B56;}
.note {background: none; color: #999; }



fieldset{
	border: 1px solid #575F7A;
	padding:0 15px 15px 15px;
	margin:15px 0;
	font-size: 1em;}
legend{
	border: 1px solid #575F7A;
	padding:2px 15px;
	font-weight: bold;
	background: ;
	margin-bottom:10px;
	color: #575F7A; }
label{
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	padding: 6px 10px 0 0;
	vertical-align: top;
}
input,select,textarea{
	font-family: 'Arial CE', Arial, 'Helvetica CE', helvetica, sans-serif;

	background: #3D4356;
	margin:5px 0;
	color:#cccccc;
	padding: 1px 2px;
	border-top: 1px solid #222;
	border-left:1px solid  #222;
	border-bottom:1px solid  #666;
	border-right:1px solid  #666;
}
button{	background: #3D4356;
	border-bottom: 1px solid #222;
	border-left:1px solid  #666;
	border-top:1px solid  #666;
	border-right:1px solid  #222;
	color: #ccc;
	padding:3px;
	_padding:0;
}

/*		ID's		*/
#mother{
  margin-left: auto;
  margin-right: auto;
  width: 771px;
  text-align: left;

background: url(img/header.jpg) repeat-x ;
  background-color: #2A3457;
}
#mother2{
	width: 771px;
	background: url(img/header_2.jpg) no-repeat 196px 21px ;
	position: relative;
}
#header{height: 160px;	text-align: right;	}
#header_1{
	position: absolute;
	top:1px;
	left:347px;
	background: url(img/header_1.gif) no-repeat 0px 0px;
	width:385px;
	height:20px;

}
#header_3{
	position: absolute;
	top:113px;
	left:1px;
	background: url(img/header_3.jpg) no-repeat 0px 0px;
	width:195px;
	height:121px;
}
#header_flash{
	position: absolute;
	top:22px;
	left:210px;
	width:561px;
	height:91px;
}

#header h1 a{
	display: block;
	width: 162px;
	height:73px;
	position: absolute;
	top:30px;
	left:22px;
	background: url(img/spetra-truckwash.jpg) no-repeat ;
}
#header h1 a span{display: none;}
#header h2 {position: absolute; top:124px; right:35px; color: #C6C6C6; font-size: 0.8em; letter-spacing: 1px; font-weight: normal; border-left:1px solid black; padding-left:12px;}
#header .link{position: absolute; top:4px; left:10px; color: #C6C6C6; text-decoration: none; font-size: 0.8em; letter-spacing: 1px;}
#header .link:hover{color: #ffffff;  }

#header .lang{display: block; float: right;margin-left:5px; width: 23px; height: 15px; position: relative; top:3px; right:3px;  color: #C6C6C6; text-decoration: none; font-size: 0.8em; background-color: #8E929E;z-index:9999;}
#header .lang span{display: block; width: 23px; height: 15px; position: absolute; top:0; left:0; cursor: pointer;}
#header .cz span{background: url(img/flag_cz.gif) no-repeat center center; }
#header .en span{background: url(img/flag_en.gif) no-repeat center center; }
#header .de span{background: url(img/flag_de.gif) no-repeat center center; }
#header .lang:hover{ background-color: #bbb;}


#navigation{float: left; margin: 78px 0 80px 0;} /*position: absolute; left:0; top:234px;*/
#navigation ul{margin:0;}
#navigation li{margin:0; list-style:none; display: block; width: 141px;	height:45px; background: url(img/nav_on.gif) no-repeat; }
#navigation li a{display: block; width: 141px;	height:41px; background-image: url(img/nav_off.gif); font-size: 0.9em; text-decoration: none; color: #cccccc; font-weight: bold;}
#navigation li a span{display: block; padding:15px 0 0 12px;}
#navigation li a:hover{background: none; color: #fff;}
#navigation li a:active{}
/**/
#col-1{ float: right;  line-height:150%; width:550px;}
#col-1 .in{ padding: 0 30px 40px 0;}

/**/
.welcome{float: left; width: 50%;}

.news{float: right; width: 42%;}
.news strong{font-size: 0.9em; color: white;}

.bigger{font-size:1.1em; text-align: justify}

/**/
#footer{
	border-top: 1px solid #00002D;
	border-bottom: 1px solid #ccc;
	font-size: 0.8em;
	color: #cccccc;
	text-align: right;
	background: #353D56;

}
#footer .container{	border-top: 1px solid #454A5C;	border-bottom: 4px solid #999; padding:10px 15px;}


#toplist{}
#toplist img{border:0;}

#creactive {color:#ccc; text-decoration: none;}
#creactive strong{color:#c60;}
#creactive:hover {background: none;}

#tab_uvod {width:250px}

/* 	CLASS 	*/
.separator{border-bottom: 1px solid  #0D111B;}
.none{display: none;}
.hidden{visibility: hidden;}
.break {clear: both;}

.align-l { text-align: left;}
.align-r { text-align: right;}
.align-c { text-align: center;}
.float-l { float: left;}
.float-r { float: right; margin-left:8px}