/* START rohy.css */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0px 5px}
.r2{margin: 0px 3px}
.r3{margin: 0px 2px}
.r4{margin: 0px 1px; height: 2px}
.rs1{margin: 0px 2px}
.rs2{margin: 0px 1px}
/* END rohy.css */

body, html{
  background: #222222 url(bb.png) repeat-x;
	margin: 0;
	scrollbar-track-color: #AAAAAA;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #AAAAAA;
	scrollbar-3dlight-color: #AAAAAA;
	scrollbar-darkshadow-color:#AAAAAA;
	scrollbar-shadow-color: #AAAAAA;
	scrollbar-arrow-color:#AAAAAA;
	font-size: 12px;
	font-family: verdana;
	COLOR:#000000;
	text-align: center;
	}

.page{
  width: 800px; 
  position: relative; 
  text-align: center; 
  margin: auto;
 }
 
.top_body{
  background-color: white;
  position: relative;
} 

.top{
  position: relative;
  text-align: left; 
  width: 800px;
  height: 210px;
  top: 0px;
  left: 0px;
  margin: 0;
}

div.top_up {
  position: relative;
  text-align: left;
  background-color: #FFFFFF;
  height: 55px;
  width: 800px;
  top: 0px;
  left: 0px;
  margin: 0;
}

.body{
  position: relative;
  text-align: left; 
  width: 780px;
  left: 0px;
  margin: 10px;
}

.logo{
  position: absolute;
  background-color: #FFFFFF;
  top: 0px;
  left: 35px;
  height: 55px;
  width: 400px;
}

.logo_img {
  position: relative;
  top: 5px;
  }

.login_rounded {
  color: white;
  position: absolute;
  left: 405px;
  top: 20px;
  width: 385px;
  height: 35px;
  background-color: #c51102;
}

.login_rounded a {color: white;}

.login_form{
  position: relative;
  top: 2px;
  #top: 4px;
  left: 10px;
}

input.login {
  background-image: url('form.png');
  background-color: #C51102;
  font-family: Arial; 
  font-size: 8pt; 
  color: #000000; 
  border: 0px solid #000000; 
  width: 80px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}

input.password {
  background-image: url('form.png');
  background-color: #C51102;
  font-family: Arial; 
  font-size: 8pt; 
  color: #000000; 
  border: 0px solid #000000; 
  width: 80px;
  height: 20px; 
}

input.OK {
  position: relative;
  top: 1px;
  #top: 0px;
  background-image: url('ok.png');
  background-color: #C51102;
  border: 0px none; 
  height: 20px;
  width: 24px;
}

.reg_button {
  position: relative;
  top: 8px;
  left: 15px; 
  border: 0px none; 
  height: 20px;
  width: 36px;
}

.login_left {
  position: absolute;
  top: 0px; 
  left: -5px;
}

.login_right {
  position: absolute;
  top: 0px; 
  left: 385px;
}

.logged{
  position: absolute;
  top: 10px;
  right: 50px;
}

.topmiddle{
  position: absolute;
  top: 0px;
  left: 5px;
  width: 790px;
  height: 152px;
  margin: 0;
  border: 0px;
  overflow: hidden;
  text-align: center;
}

.snow{
  position: absolute;
  top: 0px;
  left: 5px;
  width: 790px;
  height: 152px;
  margin: 0;
  border: 5px;
  overflow: hidden;
  text-align: center;
}

.topmiddle_img{
  width: 798px; 
}

.fog_left{
  position: absolute;
  filter: alpha(opacity=50, style=0); 
  -moz-opacity: 0.5; 
  opacity: 0.5; 
  height: 152px;
  width: 26px;
  left: 1px; 
}

.fog_right{
  filter: alpha(opacity=50, style=0); 
  -moz-opacity: 0.5; 
  opacity: 0.5;
  position: absolute;
  height: 152px;
  right: 1px; 
}

.fog_center{
  filter: alpha(opacity=75, style=0); 
  -moz-opacity: 0.75; 
  opacity: 0.75;
  position: absolute;
  height: 152px;
  width: 600px;
  left: 100px; 
}
.fog_snow{
  filter: alpha(opacity=50, style=0); 
  -moz-opacity: 0.5; 
  opacity: 0.5;
  position: absolute;
  height: 20px;
  width: 687px;
  left: 27px;
}

.snow_href{
position: relative;
font-weight: bold;
top: 3px;
}

.text_fog_left {
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
  position: absolute;
  left: -55px;
  #left: 8px;
  top: 68px;
  #top: 5px;
	font-size:12px;
	font-weight:bold;
}

.text_fog_right{
  text-align: right;
  font-weight:bold;
  position: relative;
  top: 10px;
  right: 2px;
  font-size: 11px;
}

.pravidla{
  position:absolute;
  width: 150px;
  height: 20px;
  border: 0px;
  left: 115px;
  top: 5px;
}

.separe1 {
  position: absolute;
  left: 265px;
  top: 5px;
}

.technika{
  position:absolute;
  width: 100px;
  height: 20px;
  border: 0px;
  left: 265px;
  top: 5px;
}

.odkazy{
  position:absolute;
  width: 100px;
  height: 20px;
  border: 0px;
  left: 420px;
  top: 5px;
}

.separe2 {
  position: absolute;
  left: 520px;
  top: 5px;
}

.clubcars{
  position:absolute;
  width: 150px;
  height: 20px;
  border: 0px;
  left: 520px;
  top: 5px;
}

.vzkazy{
  position:absolute;
  width: 165px;
  height: 20px;
  border: 0px;
  left: 0px;
  top: 29px;
}

.separe3 {
  position: absolute;
  left: 165px;
  top: 29px;
}

.diskuze{
  position:absolute;
  width: 100px;
  height: 20px;
  border: 0px;
  left: 165px;
  top: 29px;
}

.separe4 {
  position: absolute;
  left: 265px;
  top: 29px;
}

.projekty {
  position:absolute;
  width: 100px;
  height: 20px;
  border: 0px;
  left: 265px;
  top: 29px;
}

.srazy{
  position:absolute;
  width: 100px;
  height: 20px;
  border: 0px;
  left: 420px;
  top: 29px;
}

.separe5 {
  position: absolute;
  left: 520px;
  top: 29px;
}

.bazar{
  position:absolute;
  width: 100px;
  height: 20px;
  border: 0px;
  left: 520px;
  top: 29px;
}

.separe6 {
  position: absolute;
  left: 620px;
  top: 29px;
}

.komerce{
  position:absolute;
  width: 165px;
  height: 20px;
  border: 0px;
  left: 620px;
  top: 29px;
}

.user_add_picture{
  position: relative;
  height: 250px;
  width: 400px;
  left: 90px;
}

.row1{
  position: absolute;
  top: 22px;
}

.row2{
  position: absolute;
  top: 44px;  
}

.submit{
  position: absolute;
  top: 220px;
  width: 400px;
  text-align: center;
}

.col1{
  position: absolute;
  left: 0px;
}

.col2{
  position: absolute;
  left: 70px;
}

.user_picture{
  position: relative;
  width: 620px;
}

.del_picture{
  position: absolute;
  left: 665px;
  display: table-cell; 
  vertical-align: middle;
  z-index: 2;
}  

div.menu {position: absolute;top: 157px; left:5px}
div.menu_rounded{position: relative; height: 50px; width: 790px;}
div.menuTop { background-color:#c51102;width:780px; height: 25px; color: white; text-align: center;}
div.menuDown {background-color:#a90d00;width:780px; height: 25px; color: white; text-align: center;}
div.menu a {color: white; font-weight: bold;}
div.menu a:hover {color: #AAAAAA; font-weight: bold;}
.menu_left {width: 5px; height: 50px; position: relative; left: -360px; top: -50px;}
.fiat_logo {width: 50px; height: 50px; position: relative; top: -50px; #top: -50px;}
.menu_right {width: 5px; height: 50px; position: relative; left: 360px; top: -50px;}
div.footer {position: relative; left: 5px; #left: 0px; width: 790px; height: 30px}
div.footerTop { background-color:#c51102;width:790px; height: 10px;}
div.footerDown {background-color:#a90d00;width:790px; height: 10px;}
span.footerTopText {color: #FFFFFF; font-size: 10px; position: relative; top: -4px;}
span.footerDownText {color: #FFFFFF; font-size: 10px; position: relative; top: 1px;}