html
{
    height: 100%;
}

body
{
    height: 100%;
    background-color: #ffffff;
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
    margin: 0px;
}

body, td, th
{
    font-family: "Trebuchet MS" , Arial, Verdana;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

form
{
    padding: 0;
    margin: 0;
}



/*LAYOUT*/

#obsah a:link
{
    color: #006699;
    text-decoration: underline;
}
#obsah a:visited
{
    text-decoration: underline;
    color: #006699;
}
#obsah a:hover, #obsah a:active
{
    text-decoration: none;
    color: #0066CC;
}

#obsah a
{
    font-style: normal;
    font-weight: bold;
}

#obsah li
{
    padding: 4px;
}

#shadow
{
    width: 1180px;
    margin: 0 auto;
    background:url(images/shadow1.png);
}

#stranka
{
    background-color: #FFFFFF;
    background-position: center;
    width: 1150px;
    margin: 0 auto;
    padding: 0px;
    border:1px solid #c0c0c0;
}

#hlavicka
{
    height: 142px;
    overflow: hidden;
    background: url(images/head-bg.jpg);
}

#flashHlavicka
{
    position: absolute;
    top: 19px; 
}
#banner1
{
    float: right;
    width: 120px;
    padding: 20px 5px 0 0;
}

#hlavicka h1
{
    width: 526px;
    height: 74px;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0px;
    margin: 68px 0 0 20px;
    float:left;
}

#hlavicka h1 a
{
    padding: 0px 526px 64px 0px;
    line-height: 0px;
    font-size:10px;
}

#hlavicka h1 a span
{
    display: none;
}

a#santander
{
    display: block;
    width:126px;
    height:48px;
    padding: 0 126px 48px 0;
    background: url(images/ge-auto.jpg) no-repeat top left;
    margin: 0;
    padding: 0;
    z-index: 500;
    float: right;
}


a#santander span
{
    display: none;
}

#VINdetect
{    
    position:relative;
    float:right;
    width:300px;
    background: #fff;
    padding: 4px 10px;
    margin:65px 20px 0 0;
    z-index: 501;
}
#VINdetect input
{
    padding: 1px 2px;
    margin: 0 2px;
}

#menu1
{
    height: 43px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    clear: both;
}

#menu1 ul
{
    padding: 0px;
    margin: 0px;
    height: 43px;
    background: url(images/menu-bg.jpg) repeat-x top;
    list-style-type: none;
}

#menu1 ul li
{
    float: left;
    padding: 0px;
    display: inline;
}

#menu1 ul li a
{
    padding: 9px 1em;
    line-height: 40px;
    position: relative;
    color: #FFFFFF;
    font-size: 16px;
}

#menu1 ul li a:hover
{
    background: url(images/menuOver.jpg) repeat-x top;
    color: orange;
}
#menu1 ul li a span
{
    width: 100%;
}

#slogan
{
    width: 312px;
    height: 200px;
    float: left;
    background: url(images/splitter.jpg) repeat-x top right;
    margin: 0px;
    padding: 0px;
}
#slogan h2
{
    padding: 0 260px 175px 0;
    font-size: 20px;
    background: url(images/topBaner.jpg) no-repeat top left;
    margin: 0px;
}
#slogan h2 span
{
    display: none;
}


#excl
{
    background: url(images/exkl-bg.jpg);
    height: 200px;
    margin: 0 0 0 312px;
}

#exclin
{
    padding: 10px 20px;
    overflow: hidden;
}

#excl h2
{
    color: #ffffff;
    font-size: 160%;
    margin: 0 0 5px 0px;
}
#excl dl
{
    width: 135px;
    float: left;
    margin: 0 10px;
}
#excl dt a, #excl dt a:link, #excl dt a:visited, #excl dt a:active
{
}
#excl dt a img
{
    background: url(images/shade.png);
    padding: 1px;
}

#excl dt a:hover img
{
    background: url(images/shade1.png);
    padding: 1px;
    margin: 0;
}
#excl dt
{
}
#excl dd
{
    color: #c0c0c0;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 90%;
    padding: 0 20px 0 0;
    font-family: Helvetica, Arial, sans-serif;
}
#excl dd h3
{
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-size: 110%;
}
#excl div.hr
{
    height: 14px;
    margin: 0px;
    padding: 0px;
    clear: both;
    border-bottom: 1px solid #c0c0c0;
}
div.hr hr
{
    border: none;
    display: none;
}

.clearBoth{ clear:both;}

#obsah
{
    padding: 20px 120px 20px 20px;
    text-align: left;
    background: url(images/bg.jpg) repeat-x;
    border-top: 3px solid #333333;    
}
#obsah p
{
    padding-left: 4px;
    line-height: 1.5em;
}
#obsah p.kontakt
{
    text-indent: 0px;
    padding-left: 20px;
    font-size: 120%;
}

#pravy
{
    width: 180px;
    float: right;
    padding: 30px 10px;
    text-align: left;
}

#pravy #novinky
{
    padding: 30px 5px;
}
#pravy #novinky h3
{
    border-bottom: 1px dotted #0779A0;
    padding-bottom: 3px;
}


#paticka
{
    padding: 10px;
    color: #ffffff;
    font-size: 9px;
    background: #000000 url(images/paticka.jpg);
    text-align: center;
    margin: 0 auto;
    clear: both;
}

#paticka a:hover
{
    color: #990000;
}



/*layout konec*/


a
{
    text-decoration: none;
}
div
{
    margin: 0px;
    padding: 0px;
}
img
{
    border: 0px;
}

label
{
    display: block;
}

input, textarea, select
{
    padding: 2px;
    font: 400 1em verdana, sans-serif;
    color: #444;
    background: #EEE;
    border: 1px solid #444;
}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover
{
    color: #000;
    background: #E4F7FA;
    border: 1px solid #00DFFF;
}
input.button
{
    padding: 2px 5px;
    font: 400 1.1em "trebuchet ms" , serif;
    color: #555;
    background: #9FF3FF;
    border-width: 1px;
    border-style: solid;
    border-color: #FFF #00DFFF #00DFFF #FFF;
}

h1, h2, h3, h4, h5, h6
{
    font-family: "Century Gothic" , "Trebuchet MS" , "Arial Narrow" , Arial, sans-serif;
    color: #0099CC;
    text-transform: uppercase;
    font-weight: normal;
}
h1
{
    font-size: 22px;
}
h2
{
    font-size: 17px;
}
h3
{
    font-size: 14px;
}
h4
{
    font-size: 12px;
}
h5
{
    font-size: 10px;
}
h6
{
    font-size: 9px;
}




#katlist .hr
{
    clear: both;
}


#katlist dl
{
    float: left;
    margin: 0;
    width: 32%;
    height: 11em;
    border-color: #555555;
    border-width: 0 1px 1px 0;
    border-style: dotted;
    padding: 0;
}

#katlist dl dt
{
    position: relative;
    float: left;
    width: 105px;
    padding: 1em;
}

#katlist dl dt img
{
    border: 2px solid #666666;
}

#katlist dl dd
{
    margin: 0 0 0 117px;
    padding: 1em;
}
.strankovani table
{
    margin: 0 auto;
}
.strankovani td
{
    font-size: 15px;
    font-style: italic;
}
.strankovani a:link
{
}
.strankovani b
{
    background-color: #A4DCF7;
    padding: 0 0.5em;
    color: White;
}

.katalogNazev
{
    font-size: 130%;
}
.katalogCena
{
    font-size: 120%;
}

#dtImg
{
    float: left;
    width: 170px;
}
#dtImg img
{
    border: 2px solid #666666;
    margin-bottom: 1em;
}

#detailRight
{
    margin-left: 200px;
}
#detailRight table
{
    float: left;
    margin: 1em 6em 0 0;
}



#znackyMain
{
    font-size: 120%;
    padding: 5px;
}
#znackyMain a
{
    padding: 0 0.5em;
}
#znackyMain a:link, #znackyMain a:visited
{
    text-decoration: none;
}
#znackyMain a:hover, #znackyMain a:hover
{
    border-bottom: 3px solid black;
    color: Black;
}



.detailCena
{
    background-color: #0099CC;
    padding: 1em;
    color: #ffffff;
    width: 200px;
}
.detailCena
{
    font-size: 130%;
    margin-top: 2em;
}
.detailAlt
{
    background-color: #A4DCF7;
}

.detailParametry
{
    padding: 1em;
    border: 1px dotted #999999;
}
.detailParametry td
{
    padding: 0.2em 0.5em;
}
.detailParametry th
{
    padding: 0.2em 0.7em;
}