/* **************************************************** */
/* **************************************************** */
/*                                                      */
/*                2007 Skvely.CZ, s.r.o.                */
/*                                                      */
/* **************************************************** */
/* **************************************************** */
@import url("common.css");
/* **************************************************** */
/* **************************************************** */
/*  N A S T A V E N I   W E B U  */
* {
  padding:0;
  margin:0px auto;
  font-size: 8pt;
  line-height: 1.6;
}
body{
  background: #5f5e5c;
  padding:10px 0;
}
body, h1, h2, h3, h4, h5, h6,ol, ul, li, p, input, textarea, select {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  color: #808080;
}
p, div { color: #FFF; }
div { margin: 10px 0; }
img { border: none }
/* **************************************************** */
/* **************************************************** */
/*  N A S T A V E N I   O D K A Z U  */
a,a:visited,a:link {
  color:#e6271d;
  text-decoration:underline;
}
a:hover {
  color:white;
  text-decoration:none;
  font-size: 8pt;
}
/* **************************************************** */
/* **************************************************** */
/*  N A S T A V E N I   N A D P I S U  */
h1, h2, h3, h4, h5 { 
  margin: 0; 
  padding: 0; 
  line-height: 1.2; 
}
h1, h2, h3, h4 {
  font-family: 'Trebuchet MS', 'Verdana', sans-serif;
  padding-top: .2em;
}
h1 {
  font-size: 18pt;
}
#hlavni h2 {
  margin:5px auto;
  padding: 0;
  font-size: 15pt;
  font-style:italic;
  /*line-height:25px;*/
  letter-spacing: 1px;
  color:#ddd;
}
#hlavni h3{
  margin:5px auto;
  padding: 0;
  font-size: 12pt;
  color:#ddd;
}
#hlavni h3 a { font-size: 12pt; } 
#hlavni h4 {
  font-size: 10pt;
  color:#ddd;
  margin-bottom:5px;
}
.nofloat{
  clear:both;
}
/* **************************************************** */
/* **************************************************** */
/*  N A S T A V E N I   F O R M U L A R E  */
#hlavni input, #hlavni textarea {
  margin:2px;
  padding: .2em .5em;
  border: 1px solid #7F9DB9;
  background: #FFF;    
}
#hlavni input.input-spec { padding: 0; border: none; background: transparent; }
#hlavni input.submit {
  background: #fff;
  color: #222;
  cursor: pointer;
}
/* **************************************************** */
/* **************************************************** */
/*  N A S T A V E N I   O B R A Z K U  */
#hlavni img{
  border:0;
}
.img-left{ 
  display: block; 
  float: left;  
  margin: 0 5px 5px 0; 
}
.img-right{ 
  display: block;  
  float: right;  
  margin: 0 0 0 5px; 
}
.img-center{ 
  display: block; 
  margin: 0px auto; 
}
/* **************************************************** */
/* **************************************************** */
/*  C A R A  */ 
#hlavni hr {
  clear:both;
  display:none;
}
#hlavni li{
  margin-left:20px;
}
#hlavni p, #hlavni ul/*, #hlavni #obsah div*/{
  margin:10px 0;
}
/* **************************************************** */
/* **************************************************** */
/*   O B A L   */ 
#hlavni{
  width:949px;
  margin:0 auto;
  padding:0px;
  text-align: left;
  line-height: 22px;
  font-size:16px;
  background:url(../images/paticka.jpg) no-repeat center bottom #0b0b0d;
}  
#hlavni img{
  border:0;
}
/* **************************************************** */
/* **************************************************** */
/*   H L A V A   */  
h1#hlava {
  margin:0 auto;
  padding:0px 0 0 0px;
  font-size:0px;
  line-height:0px;
  color:white;
}
h1#hlava a {
        margin:0;
  padding:0;
  height:174px;
  display:block;
        border:0;
  text-indent:-9000px;
  background:url(../images/hlavicka.jpg) no-repeat center top;
        outline: none;
}
/* **************************************************** */
/* **************************************************** */
/*   H L A V N I   M E N U   */ 
#hlavni-menu{
  margin:13px 0 5px 0;
  padding:0;
  height:92px;
  background:url(../images/menu.jpg) no-repeat top center;
        position: relative;
}
#hlavni-menu ul{  
  padding:0;
  list-style:none;
        position: absolute;
        top: 0;
        left: 310px;
        margin-top: 0;
}
#hlavni-menu li{
  float:left;
  margin:0 auto;
  padding:0;
  height:92px;
}
#hlavni-menu li a{
  margin:0;
  padding:32px 15px 0;
  display:block;
  line-height:60px;
  color:white;
  /*font-weight:bold;*/
  font-size:20px;
  text-decoration:none;
  text-align:center;
  text-transform:lowercase; 
}
#hlavni-menu li a#onas { background:url(../images/menu11.gif) no-repeat center top; }
#hlavni-menu li a#prodej { background:url(../images/menu12.gif) no-repeat center top; } 
#hlavni-menu li a#sluzby { background:url(../images/menu13.gif) no-repeat center top; }
#hlavni-menu li a#racing { background:url(../images/menu13.gif) no-repeat center top; }
#hlavni-menu li a#finance { background:url(../images/menu14.gif) no-repeat center top; }
#hlavni-menu li a#kontakt { background:url(../images/menu15.gif) no-repeat center top; }
#hlavni-menu li a:hover, #hlavni-menu li a.aktivni{
  color:#e6271d;  
}
#hlavni-menu li a#onas:hover, #hlavni-menu li a#onas.aktivni{ 
  background-image:url(../images/menu21.gif);
}
#hlavni-menu li a#prodej:hover, #hlavni-menu li a#prodej.aktivni{ 
  background-image:url(../images/menu22.gif);
}
#hlavni-menu li a#servis:hover, #hlavni-menu li a#servis.aktivni{ 
  background-image:url(../images/menu23.gif);
}
#hlavni-menu li a#racing:hover, #hlavni-menu li a#racing.aktivni{ 
  background-image:url(../images/menu23.gif);
}
#hlavni-menu li a#finance:hover, #hlavni-menu li a#finance.aktivni{ 
  background-image:url(../images/menu24.gif);
}
#hlavni-menu li a#sluzby:hover, #hlavni-menu li a#sluzby.aktivni{ 
  background-image:url(../images/menu23.gif);
}
#hlavni-menu li a#kontakt:hover, #hlavni-menu li a#kontakt.aktivni{ 
  background-image:url(../images/menu25.gif);
}
/* **************************************************** */
/* **************************************************** */
/*  obsah  */  
#obsah{
  margin:0 5px;
  padding:0;
  /*background:url(../images/obsah.jpg) repeat-y right top;*/
}
#obsah #formule{
  margin:0;
  padding:0px 5px;
  min-height:500px;
  background:url(../images/formule.jpg) no-repeat left bottom;
}
#obsah #spacer { padding: 5px 0 10px; margin: 0 5px; }
/* **************************************************** */
/* **************************************************** */
/*  P A T I C K A  */  
#paticka{
  margin:5px auto;
  padding:15px 0 5px 0;
  background:url(../images/paticka-cara.jpg) no-repeat center top;
}
#paticka p{
  padding:0;
  margin:0;
}
#paticka, #paticka p, #paticka a{
  font-size:9px;
  text-align:center;
  line-height:20px;
}
/* **************************************************** */
/* **************************************************** */
/*  O S T A T N �  */  
#hlavni table{
  margin:10px;border-style:solid;
}
#hlavni table th {
        text-align: right;
  vertical-align: top;
  padding:4px;
}
#hlavni #auto-info table th { width: 12em; }
#hlavni table td {
        text-align: left;
  vertical-align: top;
  padding:4px;
 border-color:#ccc;
}
.odkaz-vice{
  display:block;
  clear:both;
  text-align:right;
  margin:0 5px;
  font-size:10pt;
  line-height:10pt;
}
.odkaz-zpet{
  display:block;
  clear:both;
  text-align:left;
  margin:0 5px;
  font-size:10pt;
  line-height:10pt;
}
.ok{
  margin:10px 0;
  padding:5px 10px;
  font-weight:bold;
  color: Green;
  border-top:1px solid Green;
  border-bottom:1px solid Green;
  background: #E1FFE1;
}
.err{
  margin:10px 0;
  padding:5px 10px;
  font-weight:bold;
  color:#c00000;
  border-top:1px solid #c00000;
  border-bottom:1px solid #c00000;
  background: #FFB9B9;
}

#hlavni #obsah #formule { margin: 0; }
#hlavni #obsah #formule div { margin-top: 0; margin-bottom: 0; }
#hlavni #obsah #formule p { margin-bottom: 0; }

#news { width: 421px; min-height: 500px; border-right: 3px solid #909090; float: left; }

#news-outer { background: url(../images/aktuality1.gif) no-repeat left top; width: 416px; padding-top: 41px; }

#news-inner { background: url(../images/aktuality2.gif) repeat-y left top; padding: 5px 10px 0; }
#news-inner h3 { color: #0A0B0D; margin-top: 0; }
#news-inner div { color: #0A0B0D; }
#news-inner p { margin-top: 0; }
#news-inner a:hover { color:#e6271d; }

#news-bottom { background: url(../images/aktuality3.gif) no-repeat left top; height: 13px; }

#main-outer { background: url(../images/okno1.gif) no-repeat left top; width: 499px; padding-top: 13px; float: right; }

#main-inner1 { background: #7F7D7E url(../images/okno2.gif) no-repeat left top; }

#main-inner2 { background-color: #000; color: #FFF; padding: 20px 10px 5px; border-right: 2px solid #FFF; margin-left: 16px !important; }

#main-bottom { background: url(../images/okno3.gif) no-repeat left top; height: 14px; }

#main-bottom-img { padding: 16px 0 0 16px; }

.foto { text-align: center; width: 160px; margin-right: 10px; float: left; }

#photo { background-color: #000; }

#photoPop { text-align: center; }

.contact { width: 400px; float: left; }

.carmake,
.type,
.cars { text-align: center; width: 230px; margin-right: 10px; float: left; }

.type { width: 230px; }
.type .type-inner { height: 200px; }

.cars { height: 210px; }
.cars h3 { height: 35px; }

.cars-h4 { height: 25px; margin: 0; }

#auto-info { width: 800px; }
#auto-info table { width: 500px; float: left; }

.hide { display: none; }

.align-c { text-align: center; }

/* autosalon - značky */
#offeredcars, #offeredcartypes {
  width: 800px;
  margin: 0 13px 0 14px;
  padding: 0;
  float: left;
}

#offeredcartypes { margin-top: 20px; } 

#offeredcars .visible, #offeredcartypes .visible {
  height: 30px;
  overflow: hidden;
}

#ofcleft, #ofctleft {
  display: none;
}

#ofcright, #ofctright {
  display: none;
}

.visible #ofcleft, .visible #ofctleft, 
.visible #ofcright, .visible #ofctright {
  float: left;
  width: 20px;
  height: 30px;  
  display: block;  
}

.visible #ofcright, .visible #ofctright {
  background: #000 url(../images/arrow_right.png) 50% 50% no-repeat;
}

.visible #ofcleft, .visible #ofctleft {
  background: #000 url(../images/arrow_left.png) 50% 50% no-repeat;
}

#ofccenter, #ofctcenter {
  padding: 0; margin: 0;
}

.visible #ofccenter, .visible #ofctcenter {
  float: left;
  width: 800px;
  height: 30px;
  overflow: hidden;  
}

#ofcscroller, #ofctscroller {
  margin: 0; padding: 0; width: 800px !important;
}

#ofcscroller .offeredcar, #ofctscroller .offeredcartype {
  float: left;  
  margin: 0;
  height: 30px;
  width: 40px;  
}

#ofcscroller .offeredcar img, #ofctscroller .offeredcartype img {
  padding: 0; margin: 0;
  width: 40px;  
}

#ofcscroller .offeredcar a.image, #ofcscroller .offeredcar a.image:visited {
  padding: 0; margin: 0;
  width: 40px;
  height: 30px;
  display: block;  
}

#carmakes { background-color: #000; width: 907px; height: 230px; padding: 0 10px; border: 1px solid #CCC; margin: 20px auto; }

#names { width: 100%; margin: 0; overflow: hidden; }
#names p { width: 50px; margin: 20px 14px 0 0; float: right; }

#logos { width: 117px; margin: 30px auto 0; position: relative; }

#info-form { margin-top: 10px !important; }

#contacts-left { width: 429px; float: left; }

#contacts-right { width: 500px; float: right; }
#contacts-right #contact-map { width: 500px; height: 400px; margin: 0; }
#contacts-right #contact-map div { color: #000; margin: 0; }

/* **************************************************** */
/* **************************************************** */
/*                                                      */
/*                2007 Skvely.CZ, s.r.o.                */
/*                                                      */
/* **************************************************** */
/* **************************************************** */