@import url(menu.css);
@import url(forms.css);
@import url(temp.css);

/*@import url(forms.css);
@import url(hp.css);*/

/* Universal
================================================*/
* {margin:0; padding:0;} /*rusi odsazeni ve vsech prvcich*/
a {color:#2d68af;}
a:active {
    color:#000;
    }
a:visited {/*color:#555;*/}

a:hover {
    color:#000 !important;
    background: #EFEFEF;
    }
a span {cursor: pointer} /* kvuli IE a prekryvacim obrazkum */
acronym {
    cursor:help;
}
acronym:hover {
    border-bottom:1px solid;
}
h1, h2, h3, h4, h5, legend {
    color: #2d68af;
    letter-spacing: 1px;
    text-align: left;
    }
h1    {font-size: 175%;}
h2    {font-size: 155%;}
h3    {font-size: 115%; margin: 10px 0 0 0;}
h4    {margin: 15px 0px -5px 0px}
a img {border:none;}
.cleaner {
    clear: both;
    height: 1.1px; line-height: 0.1px;
    /*content: ' ';*/
    overflow: hidden;
    }
.cleaner hr {visibility: hidden;}
sup {font-size:70%} /*horni index*/
.hidden {display: none;}
.invisible {visibility: hidden;}
.nowrap {white-space: nowrap;}

.small {font-size:80%;}
.medium {font-size:100%;}
.large {font-size:120%;}
.x-large {font-size:140%;}

/* Alignment
================================================*/
.left {float: left;}
.right {float: right;}
.center {text-align: center}
.text-left {text-align: left}
.text-rigth {text-align: right}

/* Global layout
================================================*/
body {
    background: #EEE;
    font-family: Verdana, Helvetica, sans-serif; 
    font-size: 80%;
    color: #777;
    text-align:center;
    }
#page {
    position:relative;
    background: #FFF url(../_images/bcgr-page.gif);
    width: 775px;
    margin: 10px auto;
    text-align:justify;
    font-size: 85%;
    }

/* Header
================================================*/
#header {
    width: 775px; 
    height: 115px;
    border: 0px solid;
    background: #2d68af url(../_images/bcgr-header.gif) no-repeat;
    }
#header-inner {margin: 0 15px;}
#motto  {
    position: relative;
    top: 25px;
    left: 60px;
    color:#a9bfdb;
    float: left;
    text-align: center;
    font-size: 300%;
    }
#motto, #motto span {
    display: block;
    height: 43px; 
    width: 501px;
    margin: 0 0px 0 0;
    }
#motto span {
    position: absolute;
    left:0; top: 0;
    background: transparent url(../_images/motto.gif) no-repeat 0 0;
    }
#header a {color:#FFF;}
#header a:active {color:#000;}
#header a:hover {color:#000; background: transparent;}
#logo a {
    position: relative;
    float: left;
    top: 1px; left: 28px;
    overflow: hidden;
    }
#logo a, #logo a span {
    display: block;    
    height:108px; line-height: 170px;
    width: 150px;
    }
#logo a span {
    position: absolute;
    left:0px; top: 0;
    background: transparent url(../_images/logo-wheelbag.gif) repeat-y -14px 0;
    }
/* Side Column
================================================*/
#side-column {
    float: left;
    position: relative;
    top: 12px; left: 38px;
    border: 1px solid #EEE;
    background: #EEE;
    }
#side-column, #side-column span {
    width: 159px;
    height: 394px;
    display: block;
    }
#side-column span {
    position: absolute;
    top: 0; left: 0;
    background: transparent url(../_images/side-column.gif) no-repeat;
    }
#side-column-inner {margin: 10px;}
#side-column-inner ul li{
    margin: 15px 0 0 20px;
    }
#bag-logo {
    position: absolute;    
    top: 150px; left: -39px;
    width: 233px;
    height: 245px;
    display: block;
    background: transparent url(../_images/bag-logo.jpg) no-repeat;
    }

/* Sleva
================================================*/
#sleva  {
    position: absolute;
    top: 335px;
    left: 120px;
    color:red;
    font-weight: bold;
    float: left;
    text-align: center;
    overflow: hidden;
    z-index: 20;
    }
#sleva, #sleva span {
    display: block;
    height: 69px; line-height: 68px;
    width: 68px;
    }
#sleva span {
    position: absolute;
    left:0; top: 0;
    background: transparent url(../_images/sleva-podzim.gif) no-repeat 1px 2px;
    background: transparent url(../_images/sleva-20.gif) no-repeat 1px 2px;
    /*background: transparent url(../_images/sleva.gif) no-repeat 1px 2px;*/
    }
#sleva  {display: none;}

/* Galery
================================================*/
#galery {
    float: right;
    position: relative;
    top: 35px; left: -50px;
    width: 70px;
    height: 420px;
    /*border: 1px solid;*/
    }
#galery a img{
    width: 68px;
    height: 68px;
    border: 1px solid #EEE;
    }
#galery a:hover img{
    border: 1px solid #AAA;
    }

/* Content
================================================*/
#content{
    position: relative;
    float: left;
    top: 12px; left: 68px;
    width: 400px;
    letter-spacing: 1px;
    line-height: 1.5;
    overflow: visible;
    }
#content.wider {width: 495px;}
#content-inner {margin: 0 0 25px 0;}
#content h2 {
    border-bottom: 1px solid #EEE;
    padding: 0 0 5px 0;
    position: relative; /*bez toho nezobrazuje IE6 border*/
    }
#content h3 {
    margin: 25px 0 0.5em 0;
    }
#content p {margin: 0.5em 0 1em 0;}
#content ul {
    margin: 0 10px 0 2em;
    }
#content ul li{
    margin: 5px 0;
    }
#content .ico-links li{
    list-style-type: none;
    padding-left: 20px;
    }
#content p.major {
    border: 1px solid #DDD;
    padding: 10px;
    color: #2d68af;
    font-weight: bold;
    font-size: 155%;
    text-align: center;
    }
.left-col {
    float: left;
    width: 190px;
    }
.right-col {
    float: right;
    width: 190px;
    }
#content table {
    border: 1px solid #DDD;
    width: 100%;
    text-align: center;
    }
#content table th {
    background: #EEE;
    padding: 2px;
    }

#content table td {
    border: 1px solid #EEE;
    padding: 2px;
    }

table tr #typ-m {
    padding: 0 0 100px 0;
    background: transparent url(../_images/fabia.jpg) no-repeat bottom right;
    }
table tr #typ-l {
    padding: 0 0 100px 0;
    background: transparent url(../_images/octavia.jpg) no-repeat bottom right;
    }
table tr #typ-xl {
    padding: 0 0 100px 0;
    background: transparent url(../_images/touareg.jpg) no-repeat bottom right;
    }
.objednej a {
    font-weight: bold;
    font-size: 155%;
    text-align: center;
    display: block;
    width: 340px;
    margin: 10px 0 20px;
    height: 48px; line-height: 38px;
    color: #FFF;
    float: right;
    background: #CCC url(../_images/bcgr-order-button.jpg) no-repeat 0px -52px;
    text-decoration: none;
    }
.objednej a:hover {
    background: #2d68af url(../_images/bcgr-order-button.jpg) no-repeat 0px 0px;
    color: #FFF !important;
    }
/* Footer
================================================*/
#footer {
    position:relative;
    font-size: 90%;
    background: #2d68af url(../_images/bcgr-footer.gif) no-repeat 0px 0px;
    color: #c4d5ea;
    height: 38px; line-height: 30px;
    padding: 0 19px;
    }
#footer a{
    color: #c4d5ea;
    text-decoration: none;
    }
#footer a:hover{
    color: #fff !important;
    background-color: transparent;
    text-decoration: none;
    border-bottom: 1px dotted;
    }
#w3w a{
    position:absolute;
    top:23%;
    display:inline;
    background: transparent url(http://www.w3w.cz/shared/images/w3w-hover-28x38-a9bfdb.gif) no-repeat 0 0;
    width: 38px;
    height:14px;
    padding: 0px; margin: 0px;
    }
#w3w a:hover{
    background-position: 0% 100%;
    border: 0px dotted;
    }
#w3w span {display:none;}
#controller {float: right;}