/*
 * main.css - media screen, projection
 * Autor: Martin Zemánek, mzemanek at seznam.cz 
*/
* { 
padding: 0; 
margin: 0;
}
/* ==============================================[ Poziční bloky ] */
body {
 font-family: Verdana, Helvetica, "Times New Roman", Arial;
 font-size: 12px;
 background: url(../images/admin_back.gif) repeat-x;
 background-attachment: fixed;
 color: black;
}
#wrap { 
 width:870px;
 margin:0 auto;
}
#header {
	width: 100%;
	height: 257px;
	background: url(../images/870/head.jpg) no-repeat;
}
#content .container, #content2 .container{ 
 width: 100%;
}
#main { 
 float: left;
 padding: 0 0 20px 6px;
 width:600px;
}
#main2 { 
 width:840px;
 padding:5px 15px 15px 15px;
}
#content {  
 float:left;
 text-align:left;
 background: white url(../images/back2.gif) repeat-x;
 background-position:bottom left;
}
#content2 {  
 text-align:left;
 background: white url(../images/detail_pozadi.gif) repeat-x;
 float:left;
 background-position:top left;
}
#detail_head {  
 text-align:left;
 background: white url(../images/870/detail_pozadi2.gif) repeat-x;
 height:190px;
}
/* ==============================================[ Hlavní menu ] */
#menu {  
  list-style-type:none; 
  height:59px; 
  margin-left:10px;
}
#menu ul li {
  list-style-type:none;
  float:left;
  background: url(../images/870/menu_link.gif) no-repeat;
  background-position:top right;
}
#menu ul li.link {
  list-style-type:none;
  float:left;
  background: none;
}
#menu ul li a{  
  display:block; 
  float:left; 
  height:100%;  
  line-height:57px; 
  color: white; 
  text-decoration:none; 
  font-size:110%;
  font-weight:normal; 
  text-align:center; 
  padding:0 6px 0 6px; 
  cursor:pointer;
}
#menu ul li a:hover{
  color:gray;
}
#menu ul div li a{
  color:black;
}
#menu_hover a{
  display:block;
  width:870px;
  height:177px;
  cursor:pointer;
}
/* ==============================================[ Vlastnosti elementů ] */
legend {
  color:brown;
}
table {
  width:100%;
}
table, th {
  border-collapse:collapse;
}
input {
  font-size: 11px;
	border: 1px solid black;
	background: url(../images/select.gif) repeat-x;
	width:auto;
	padding-left:2px;
	padding-right:2px;
}
textarea { 
 background: url(../images/detail_textarea.gif) repeat;
 color: #993300;
 border:1px solid black;
 padding:3px;
}
hr {
  margin:10px 0;
  border: dashed gray 2px;
  border-left: none;
  border-right: none;
  border-bottom: none; 
}
a {
  text-decoration:none;
  color:black;
  font-weight:bold;
}
a:hover {
  color:gray;
  text-decoration:underline;
}
h1 {
 font-size:16px;
 color:  RGB(132,0,0);
 padding-bottom:5px;
}
h2 {
 font-size:14px;
 color:  RGB(132,0,0);
 padding-bottom:5px;
}
h3 {
 font-size:14px;
 color: white;
 padding-bottom:5px;
}
h4 {
 font-size:13px;
 color:  black;
 padding-bottom:5px;
}
p {
 font-size:12px;
}
select {  /*Background nefunguje v IE*/
  background: url(../images/select.gif) repeat-x;
  height:18px;
  font-size:10px;
  color:black;
  padding-top:1px;
  border:0;
  width:110px;
}
select option{
  padding:1px 2px;
}
/* ==============================================[ Vlastnosti - třídy ] */
.check {
  border:none;
  background:none;
}
.inline {
  display:inline;
}
.hidden {
	display: none;
}
.red {
  color:red;
}
.green {
  color:green;
}
.noborder {
  border:none;
  background:none;
}
.clear {
  clear: both;
}
.input {
	background: url(../images/tab4.gif) repeat-x;
  color:white;
  font-size:110%;
  border:none;
  padding:1px 3px;
}
.input:hover {
	color:gray;
	text-decoration:none;
}
.input_inzert {
  color:black;  
  background: url(../images/select.gif) repeat-x; 
  cursor: pointer;
  font-size:15px;
  height:22px;
  padding:0;
  margin:0;
  display:block;
  float:left;
}
.smaller {
  font-size:75%;
}
.smaller_color {
  font-size:75%;
  color:#993300;
}
.bigger {
  font-size:115%;
}
.doprava {
  text-align:right;
}
.doleva {
  text-align:left;
}
.dostredu {
  text-align:center;
}
.barva {
 color: #993300;
}
.odsazeni {
  height:70px;
}
.extraoption {
  background:#cccccc;
}
/* ==============================================[ Tabulka ] */
.over{
  background-color:gray;
  color:#fff;
}
.klik{
  background-color:gray;
  color:#fff;
}
.lichy{
  background-color:#cccccc;
}
.sudy{
  background-color:#b3b3b3;
}
/* ==============================================[ Hlavička ] */
#perex p {
  text-align:left;
  margin-left:30px;
  color:white;
  font-weight:normal;
  font-family: "Arial";
  font-size:90%;
  letter-spacing:1px;
}
#perex p a:hover{
  text-decoration:none;
}
/* ==============================================[ Vyhledávací boxy na hlavní stránce ] */
#searchbox {
  background: url(../images/870/search.jpg) no-repeat;
  width:396px;
  height:183px;
  position:absolute;
  top:265px;
  margin-left:30px;
}
#searchbox h4{
  color:white;
  font-weight:normal;
}
#searchbox table{
  margin-left:10px;
  border-collapse:separate;
}
#searchbox .hledej {
  margin-left:62px;
  position:absolute;
  top:159px;
  line-height: 23px;
  height:24px;
  display:block;
  width:152px;
  color:#993300;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  border:none;
  background:none;
  cursor:pointer;
  font-size:13px;
}
#searchbox .hledej:hover {
  background: url(../images/870/search_over.jpg) no-repeat;
  text-decoration:underline;
}
#searchbox div a{
  float:right;
  color:#993300;
  position:absolute;
  bottom:10px;
  right:20px;
  text-decoration:none;
  font-size:90%;
}
#searchbox div a:hover{
  text-decoration:underline;
}
#searchbox table tr td{
  font-size:90%;
  color:white;
  padding:3px 3px 3px 2px;
}
#searchbox2 {
  background: url(../images/870/search2.jpg) no-repeat;
  width:396px;
  height:139px;
  position:absolute;
  top:265px;
  margin-left:440px;
}
#searchbox2 h4{
  color:white;
  font-weight:normal;
}
#searchbox2 table{
  border-collapse:separate;
  margin-left:6px;
}
#searchbox2 .hledej {
  margin-left:62px;
  position:absolute;
  top:115px;
  line-height: 23px;
  height:24px;
  display:block;
  width:152px;
  color:#993300;
  line-height:25px;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  border:none;
  background:none;
  cursor:pointer;
  font-size:13px;
}
#searchbox2 .hledej:hover {
  background: url(../images/870/search_over.jpg) no-repeat;
  text-decoration:underline;
}
#searchbox2 div a{
  position:absolute;
  top:116px;
  right:0;
  color:#993300;
  margin-right:20px;
  text-decoration:none;
  font-size:90%;
}
#searchbox2 div a:hover{
  text-decoration:underline;
}
#searchbox2 table tr td{
  font-size:90%;
  color:white;
  padding:3px 5px 3px 5px;
}
/* ==============================================[ 6 boxů s vozy na hlavní stránce ] */
#left_boxes { 
 width:270px;
 float:left;
 margin-top:5px;
}
#right_boxes { 
 width:330px;
 float:right;
 margin-top:5px;
}
.box1 {
  background: url(../images/870/box1.gif) no-repeat;
  width:260px;
  height:101px;
  float:left;
  margin-bottom:10px;
  overflow:hidden;
}
.box1 table {
  margin-left:6px;
  margin-top:3px;
  margin-right:5px;
  width:121px;
  height:95px;
  float:left;  
}
.box1 table a img {
  border:none;
}
.box1 h4 {
  margin:5px;
}
.box1 p, .box2 p{
  font-size:80%;
  line-height: 16px;
}
.box1 p span{
  color:white
}
.box2 {
  background: url(../images/870/box2.gif) no-repeat;
  width:328px;
  height:101px;
  float:right;
  margin-bottom:10px;
  overflow:hidden;
}
.box2 .left table {
  width:148px;
  height:95px;
  float:left;
  margin-top:3px;
}
.box2 .right {
  width:175px;
  height:95px;
  float:right;
  display:block;
  margin-top:10px; 
}
.box2 .right h4 {
  color:white;
  text-decoration:underline;
}
.box2 .right p{
  color:white;
  line-height: 16px;
}
.box2 .right p span{
  color:#993300;
}
.box2 a img {
  margin-left:10px;
  border:none;
}
.box2 .left img.top {
  width:17px;
  height:auto;
}
.box2 .right span.linka {
  float:right;
	background: url(../images/870/dotted.gif) repeat-x;
	height:20px;
	width:105px;
	position:relative;
	top:-17px;
	left:-5px;
}
.box2 span.linka2 {
  float:right;
	background: url(../images/870/dotted.gif) repeat-x;
	height:20px;
	width:30px;
	position:relative;
	top:-17px;
	left:-5px;
}
.box2 span.linka3 {
  float:right;
	background: url(../images/870/dotted.gif) repeat-x;
	height:20px;
	width:45px;
	position:relative;
	top:-17px;
	left:-5px;
}
/* ==============================================[ Poptávka ] */
.vlozit_poptavku {
  padding: 12px 0px 0px 10px;
  height:38px;
  width:171px;
  color:#993300;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  border:none;
  cursor:pointer;
  background: url(../images/vlozit_poptavku.png) no-repeat;
  font-size:12px;
  color:white;
  margin-top:10px;
}
.vlozit_poptavku:hover {
  color:gray;
  text-decoration:none;
}
.vlozit_poptavku_submit:hover {
  color:gray;
  text-decoration:none;
}
#poptavka { 
 width:790px;
 margin:0 auto;
 padding:15px 0;
}
.padd tr td {
  padding-bottom:10px;
}
.poptavka_box {
  float:left;
  display:block;
  width:240px;
  height:auto;
  border:1px solid gray;
  padding:5px;
  background:#cccccc;
  border:1px solid #a9a7a7;
  color:#333333;
}
.poptavka_kontakt {
  float:left;
  display:block;
  width:758px;
  height:auto;
  border:1px solid gray;
  padding:15px;
  background:#b4b4b4;
  border:1px solid #868484;
  color:#333333;
  margin-top:10px;
  margin-bottom:10px;
}
.vlozit_poptavku_submit {
  position:relative;
  left:550px;
  height:38px;
  width:171px;
  font-weight:bold;
  border:none;
  cursor:pointer;
  background: url(../images/vlozit_poptavku2.jpg) no-repeat;
  font-size:13px;
  color:white;
}
.poptavka_table_kontakt tr td {
  padding-bottom:10px;
}
.poptavka_table_kontakt {
  width:70%;
}
/* ==============================================[ Výběr vozidel ] */
#porovnani {
margin:3px;
width:274px;
height:800px;
overflow:auto;
float:left;
}
#porovnani table tr td {
padding:4px;
}
/* ==============================================[ Registrace prodejce ] */
#reg_prodejce table tr td {
  padding:5px;
}
#reg_prodejce table {
  margin-top:10px;
}
#reg_prodejce legend {
  padding:0 6px;
  font-weight:bold;
}
#reg_prodejce fieldset {
  margin:10px 30px;
}

.blok {
  text-align:justify;
  position:absolute;
  top:396px;
  padding-left:30px;
}
/* ==============================================[ Vyhledávání ] */
#vyhledavani_vypis {
  background: url(../images/870/searching.gif) no-repeat;
  width:100%;
  height:159px;
  text-align:left;
}
#vyhledavani_vypis2 {
  background: url(../images/870/searching2.gif) no-repeat;
  width:100%;
  height:61px;
  text-align:left;
}
.rozsirene {
 background: #cccccc url(../images/detail_pozadi_ac.gif) repeat-x;
 padding:5px;
}
.more {
  background: url(../images/870/searching.gif) no-repeat;
  width:100%;
  height:63px;
  text-align:left;
}
.tab1 {
  background: url(../images/tab1.gif) no-repeat;
  height:79px;
  width:28px;
}
.tab5 {
  background: url(../images/tab5.gif) no-repeat;
  height:40px;
  width:28px;
  border-bottom:1px solid white;
}
.tab6 {
  background: url(../images/tab6.gif) no-repeat;
  height:30px;
  width:28px;
}
.filtr {
  display:block;
  width:100%;
  height:15px;
  cursor:pointer;
}
.tab3 {
  background: url(../images/tab3.gif) repeat-x;
  height:40px;
  border-bottom:1px solid white;
  color:white;
  font-weight:normal;
}
.tab3 a{
  color:white;
  font-weight:bold;
}
.tab4 {
  background: url(../images/tab4.gif) repeat-x;
  height:30px;
  border-right:1px solid white;
  text-align:center;
  color:white;
  font-weight:normal;
  font-size:90%;
}
.tab2 {
  background: url(../images/tab2.gif) no-repeat;
  height:40px;
  width:10px;
  border-bottom:1px solid white;
}
.tab2b {
  background: url(../images/tab2b.gif) no-repeat;
  height:40px;
  width:10px;
  border-bottom:1px solid white;
}
.tab_footer1 {
  background: url(../images/tab_footer.gif) no-repeat;
  height:27px;
  width:9px;
  float:left;
  display:block;
}
.tab_footer3 {
  background: url(../images/tab_footer3.gif) repeat-x;
  height:27px;
  line-height:22px;
  float:left;
  width:822px;
  color:white
}
.tab_footer2 {
  background: url(../images/tab_footer2.gif) no-repeat;
  height:27px;
  width:9px;      
  float:right; 
}
.vyhl {
  width:840px;
}
.vyhl table {
  margin-top:10px;
  width:100%;
}
.vyhl table tr td{
  border:1px solid white;
  padding:2px 3px;
}
.vyhl table tr th{
  font-size:85%;
}
.vyhl table tr a:hover{
  color:white;
}

#vyhledavani_vypis .hledej {
  position:absolute;
  top:365px;
  margin-left:600px;
  height:28px;
  width:151px;
  color:#993300;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  border:none;
  background:none;
  cursor:pointer;
  font-size:13px;
  background: url(../images/870/search3b.gif) no-repeat;
}
#vyhledavani_vypis .hledej:hover {
  background: url(../images/870/search3b_over.gif) no-repeat;
  text-decoration:underline;
}
#vyhledavani_vypis2 .hledej {
  position:absolute;
  top:290px;
  margin-left:660px;
  height:28px;
  width:151px;
  color:#993300;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  border:none;
  background:none;
  cursor:pointer;
  font-size:13px;
  background: url(../images/870/search3b.gif) no-repeat;
}
#vyhledavani_vypis2 .hledej:hover {
  background: url(../images/870/search3b_over.gif) no-repeat;
  text-decoration:underline;
}

#vyhledavani_vypis span a:hover, #vyhledavani_vypis2 span a:hover{
  text-decoration:underline;
}
#vyhledavani_vypis table tr td,#vyhledavani_vypis2 table tr td{
  color:white;
  padding:1px 5px 2px 2px;
}
#vyhledavani {
  background: url(../images/back1.gif) repeat-x;
  width:100%;
  height:200px;
  background-color:white;
  text-align:left;
}
/* ==============================================[ Reklamní bannery ] */
#inzerat {
  float:right;
  width:435px;
  height:40px;
  margin-top:150px;
  overflow:hidden;
}
#inzerat a img{
  border:none;
}
#inzerat_car {
  width:480px;
  height:40px;
  float:left;
  margin-bottom:10px;
  margin-left:20px;
}
#inzerat_car a img{
  border:none;
}
#right { 
 width: 248px;
 float: right;
}
/* ==============================================[ Hlavní stránka - odrážky ] */
.odrazka1 {
	background: url(../images/870/odrazka.gif) no-repeat;
	width:248px;
	height:33px;
	margin-bottom:1px;
}
.odrazka1 p a{
	color:white;
	display:block;
	padding-left:40px;
	padding-top:12px;
	text-decoration:none;
}
.odrazka1 p a:hover{
	text-decoration:underline;
}
/* ==============================================[ Hlavní stránka - novinky ] */
#novinky {
	background: url(../images/news_header.gif) repeat-x;
	background-position:top left;
	width:248px;
	margin-top:15px;
  color:white;
}
#novinky h3{
  padding:3px;
  font-weight:normal;
  font-size:90%;
}
#novinky ul li hr{
  border: solid gray 1px;
  border-left: none;
  border-right: none;
  border-bottom: none; 
}
#novinky ul li {
	background: url(../images/news_content.gif) repeat-y;
  list-style-type:none;
  display:block;
  padding:5px 5px;
  text-decoration:none;
  text-align:justify;
}
#novinky ul li p a, #novinky ul li a{
	font-weight:bold;
	text-decoration:none;
	color:white;
}
#novinky ul li p a:hover, #novinky ul li a:hover{
	text-decoration:underline;
	color:black;
}
#novinky ul li span {
	color:black;
  display:block;
  padding-top:3px;
}
/* ==============================================[ Karta nabídek, poptávek a prodejců + kontaktní formulář ] */
#detail_head h2{  
 padding-left:130px;
 padding-top:15px;
 color: #993300;
 font-size:180%;
}
#detail_head table{  
 margin-left:20px;
 margin-top:10px;
 width:50%;
 line-height:24px;
 font-size:120%;
}
#detail_left { 
 float: left;
 padding: 0 15px 15px 3px;
 width:470px;
 line-height:19px;
}
#detail_left_nahled { 
 float: left;
 padding: 0 15px 15px 3px;
 width:450px;
 line-height:19px;
 margin-bottom:10px;
}
#detail_right_nahled { 
 float: right;
 width:350px;
 background: white url(../images/detail_pozadi.gif) repeat-x;
}
#detail_right { 
 float: right;
 width:350px;
}
#detail_right h3{ 
 color: #993300;
}
#detail_right .box, #kontaktform { 
 background: url(../images/870/detail_box.gif) no-repeat;
 width:272px;
 height:199px;
 float:right;
 position:relative;
 left:15px;
 margin-top:20px;
 margin-bottom:10px;
 display:block;
}
#detail_right .box h4, #kontaktform h4, #detail_right .box form, #kontaktform form { 
 padding-top:5px;
 padding-left:10px;
}
#detail_right .hledej {
  margin-left:100px;
  height:28px;
  width:151px;
  color:#993300;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  border:none;
  background:none;
  cursor:pointer;
  font-size:13px;
  background: url(../images/870/search3.gif) no-repeat;
  position:absolute;
  top:171px;
}
#detail_right .hledej:hover {
  background: url(../images/870/search3_over.gif) no-repeat;
  text-decoration:underline;
}
#detail_left .tlacitka a{
  float:left;
  margin:30px 10px 0px 10px;
  display:block;
  height:50px;
  width:93px;
  color:white;
  text-align:center;
  text-decoration:none;
  border:none;
  cursor:pointer;
  font-size:11px;
  background: url(../images/870/detail_tlacitko.gif) no-repeat;
  padding-top:8px;
  font-weight:normal
}
.detail_inzerat {
  float:left;
}
#detail_left .tlacitka2 a, #detail_left .tlacitka2 span {
  float:left;
  margin:0 10px;
  display:block;
  height:50px;
  width:93px;
  color:white;
  text-align:center;
  text-decoration:none;
  border:none;
  font-size:11px;
  background: url(../images/870/detail_tlacitko2.gif) no-repeat;
  padding-top:8px;
  font-weight:normal
}
#detail_right span.pocet_text { 
 background: url(../images/detail_button.gif) repeat-x;
 height:23px;
 color: #993300;
 display:block;
 float:left;
 line-height:21px;
 padding-left:6px;
 padding-right:6px;
}
#detail_right span.pocet { 
 height:23px;
 line-height:21px;
 padding-left:6px;
 padding-right:6px;
}
#detail_right span.pocet a:hover{ 
 text-decoration:none;
}
.vybava {
  display:inline;
  padding-right:4px;
  padding-bottom:5px;
  height:25px;
}
.vybava2 {
  display:inline;
  font-size:85%;
  height:25px;
}
#detail_right .box table tr td, #kontaktform table tr td { 
 padding:5px;
}
#footer {
	width: 870px;
	height:33px;
	background: url(../images/footer.gif) repeat-x;
  text-align:left;
}
/* ==============================================[ Vložení inzerátu u nekomerčního prodejce ] */
.shadetabs{
list-style-type: none;
text-align: left;
}

.shadetabs li{
display: inline;
}

.shadetabs li input{
text-decoration: none;
font-size:110%;
}
/* ==============================================[ Patička ] */
#footer p{
	color:#b49187;
	padding-top:12px;
	font-size:90%;
	letter-spacing:1px;
	padding-left:30px;
	font-weight:bold;
}

