/* CSS Document */
@media screen
{
  * 
  {
    margin: 0em;
    padding: 0em;
    border: none;
  }
  body
  {
    background: #ccc url('../image/layout/body_bg.gif') repeat;
    color: #666;
    font-family: verdana, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    text-align: center;
    line-height: 1.6em
    
  }
.blue
  {
    background-color: #999;
    color: #fff;
  }
.gray-a
  {
    background-color: rgb(208,208,208);
  }
.gray-b
  {
    background-color: rgb(240,240,240);
  }
.text-logo
  {
    display: none;
  }
.adr-text
  {
    margin-left: 45px;
  }
hr.clear
	{
		clear: both;
	}
h1, h2, h3, h4, h5 {line-height: 1.5em}
h1
  {
    width: 253px;
    height: 150px;
  }
h2
  {
    font-size: 1.35em;
    border-bottom: 1px solid #ccc;
    color: #3A64B0;
  }
h3
  {
  	margin-top: 1em;	
	  font-size: 1.15em;
  }
h3.h-opravy
  {
    height: 2em;
    margin-top: 15px;
    padding-left: 40px;
    padding-top: 5px;
    background: url('../image/layout/opravy_icon.gif') no-repeat; 
  }
h3.h-pneuservis
  {
    height: 2em;
    margin-top: 15px;
    padding-left: 40px;
    padding-top: 5px;
    background: url('../image/layout/pneuservis_icon.gif') no-repeat; 
  }
h3.h-myti
  {
    height: 2em;
    margin-top: 15px;
    padding-left: 40px;
    padding-top: 5px;
    background: url('../image/layout/myti_icon.gif') no-repeat; 
  }
h3.h-prodej
  {
    height: 2em;
    margin-top: 15px;
    padding-left: 40px;
    padding-top: 5px;
    background: url('../image/layout/prodej_icon.gif') no-repeat; 
  }
h3.h-adresa
  {
    height: 2em;
    margin-top: 15px;
    padding-left: 40px;
    padding-top: 5px;
    background: url('../image/layout/adresa_icon.gif') no-repeat; 
  }  
h3.h-telefon
  {
    height: 2em;
    margin-top: 15px;
    padding-left: 40px;
    padding-top: 5px;
    background: url('../image/layout/telefon_icon.gif') no-repeat; 
  }
h3.h-mapa
  {
    height: 2em;
    margin-top: 15px;
    padding-left: 40px;
    padding-top: 5px;
    background: url('../image/layout/mapa_icon.gif') no-repeat; 
  }
h3.h-email
  {
    height: 2em;
    margin-top: 15px;
    padding-left: 40px;
    padding-top: 5px;
    background: url('../image/layout/email_icon.gif') no-repeat; 
  }
p
  {
    width: 95%;
    margin: 0.5em auto 0 auto;
    text-indent: 1em;
  }
strong.orange
  {
    color: rgb(255,153,0);
  }
strong.black
  {
    color: #000;
  }    
strong.text
  {
    display: block;
    clear: both;
    font-size: 1.8em;
    color: #fff;
  }
div.number
  {
	
    font-size: 1.5em;
    font-weight: bold;
    color: #F8FFD2;
  }
span.info-text
  {
	 color: rgb(102,102,0);
  }
#ad
	{
		text-align: left; width: 100%;
	}
#ad li {width: 25% !important; display: block !important;}
#ad a
	{
		color: #336600;
		display: block;
		margin: 0;
	}
#ad h4
	{
		color: #336600;
		display: block;
		margin: .5em;
	}
#ad table 
	{
		clear: both !important;
		width: auto !important;
		margin: 0 auto 0 auto !important;
		padding: 0 !important;
		text-align: center;
		
	}
#ad td
  {
    margin: 0;
		padding: 0;
		width: auto !important;
		
  }
#ad th
  {
    margin: 0;
		padding: 0;
		
  }
#ad ul
  {
    width: 100% !important;
		margin: 0 auto 10px auto!important;
		padding: 0 0 0 10px;
		text-align: center;
  }
em
  {
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 20px;
     text-align: center;
  }
table
  {
    width: 80%;
    margin: 30px auto 10px auto;
    line-height: 1.3em;
  }
td
  {
    height: 2em;   
    padding-left: 1em;
  }
th
  {
    height: 1.8em; 
    padding-left: 0.5em;
  }
table.kontakt td 
  {
    height: 0.8em;  
  }
table.kontakt
  {
    width: auto;
    margin: 0px;
    margin-left: 30px;
  }
a, a:hover, a:visited, a:focus
  {
    text-decoration: underline;
    color: #666;
  }
ul
  {
    list-style-type: none;
  }
li 
  {
    margin-left: 43px;
  }
q
  {
    display: block;
    clear: both;
    width: 70%;
    height: 3em;
    margin: 1em auto 0 auto;
    border: 2px solid rgb(247,247,247);
    padding-top: 10px;
    background: #FBF7F7;
    color: rgb(144,144,144);
    font-style: italic;
    text-align: center;
  }  
/*--------------------------------------------------LAYOUT-------------------------------------------------------*/

#layout-top
  {
    clear: both;
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
    background: #fff url('../image/layout/header_bg.gif') no-repeat; 
  }
#layout-center
  {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    background: #fff url('../image/layout/content_bg.gif') repeat-y; 
  }
#layout-bottom
  {
    clear: both;
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    background: #fff url('../image/layout/footer_bg.gif') bottom no-repeat; 
  }
  
/*--------------------------------------------------HEADER-------------------------------------------------------*/
#header
  {
    position: relative;
    width: 800px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
  }
#head-logo 
  {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 253px;
    height: 150px;
    margin-left: 2px;
    margin-right: 2px;
    background: rgb(51,102,204) url('../image/layout/klice.gif') no-repeat; 
    text-align: left;
  }
#head-logo a
  {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 189px;
    height: 88px;
    margin-top: -44px;
    margin-left: -94px;
    background: rgb(51,102,204) url('../image/layout/logo.gif') no-repeat; 
  }
#header a#auto
  {
    position: relative;
    top: 45%;
    margin-left: 130px;
     color: #A7D5FF;
  }
#header a#pneu
  {
    position: relative;
    top: 45%;
    margin-left: 130px;
    color: rgb(204,255,153);
  }
#head-auto
  {
    position: absolute;
    top: 1px;
    left: 259px;
    width: 267px;
    height: 150px;
    background: #3A64B0 url('../image/layout/motor.gif') no-repeat; 
    color: #A7D5FF;
  }
#head-auto-right
  {
    width: 267px;
    height: 150px;
    background: url('../image/layout/auto_bg.gif') right no-repeat;
  }
#head-pneu
  {
    position: absolute;
    top: 1px;
    left: 527px;
    width: 268px;
    height: 150px;
    margin-left: 2px;
    margin-right: 2px;
    background: #7FC31B url('../image/layout/pneu.gif') no-repeat; 
    color: rgb(204,255,153);
  }
#head-pneu-right
  {
    width: 268px;
    height: 150px;
    background: url('../image/layout/pneu_bg.gif') right no-repeat; 
  }  
/*--------------------------------------------------NAVIGATION-------------------------------------------------------*/
ul#navigation
  { 
    clear: both;
    width: 800px;
    height: 2.5em;
    margin-left: auto;
    margin-right: auto;
    background: url('../image/layout/navigation_bg.gif') bottom repeat-x;
    list-style-type: none;
  }
ul#navigation li
  {
    float: left;
    margin-top: 0.6em; 
    margin-left: 2em; 
    font-size: 0.85em;
  }
ul#navigation a
  {
    padding: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
  }
ul#navigation a:hover
  {
    /*text-decoration: underline;*/
    border-bottom: 2px solid rgb(153,204,0);
  }  
#active
  {
  background-color: rgb(153,204,0);
  color: #ffffff;
  }
 
/*--------------------------------------------------CONTENT-------------------------------------------------------*/   
#content
  {
    background-color: #fff;
    margin: 10px 10px 20px 10px;
    text-align: left;
  }
#g-ad
	{
		padding: 0 0 20px 0;
	}
#info
  {	
     background-color: rgb(153,204,0);
      float: right;
     width: 120px;
  }
#info-inner-1
  {
     float: right;
     width: 120px;
     background: url('../image/layout/callus.gif') 50% 30px no-repeat;
     color: #fff;
     padding: 15px;
     padding-top: 140px;  
     font-size: 0.7em;
     text-align: center;
  }
#info-inner-2
  {
     width: 90px;
     background: url('../image/layout/washing.gif') 50% 30px no-repeat;
     color: #fff;
     padding: 15px;
     padding-top: 140px;  
     text-align: center;
 }

#data
  {
    width: 590px;
    float: left;
    background-color: #fff;
    text-align: justify;
    border-left: 10px solid #999;
    padding: 20px;
  }
/*--------------------------------------------------FOOTER-------------------------------------------------------*/   
#footer
  {
    clear: both;
    padding: 15px;
    height: 90px;
    border-top: 1px dotted #ccc;
    font-size: 0.8em;
    text-align: center;
    line-height: 1.6em;
  }
#footer a
  {
    text-decoration: none;
  }  
a.footer-link
  {
    background-color: #fff;
    color: #aaa;
    margin: 5px;
    border: 1px solid #ccc;
    padding: 2px; font-size: 0.75em;
    text-transform: uppercase;
  }
span.in-link
  {
    background-color: #b4b4b4;
    color: #fff;
    margin-right: 2px;
    padding-left: 5px;
    padding-right: 5px;
  }   
}