/*
----------------------------------- HLAVNI -------------------------------------
*/
body {
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    font-family: "Arial";
    font-size: 12px;
    /*letter-spacing: 1px;*/
    /*word-spacing: 0.25em;*/
    
    color: #444;
    }
#kont { 
    width: 1000px;
    position: relative;
    text-align: left;
    margin: auto;
    }
#podkont {
    width: 1000px;
    padding-top: 0px;
    /*height: 500px;*/
    }
a {
    /*text-decoration: none;*/
    color: #166796;
}
a:hover {
    color:#00a1ff;
}
.clearBoth { 
    clear:both; 
    } 
h1,h2,h3,h4,h5,h6 {
    margin: 0px;
    padding: 0px;
}
h1 {
    font-size: 16px;
    color: #001D1D;
    margin-bottom: 2px;
}
h2 {
    font-size: 14px;
    color: #222;
}
h3,h4,h5,h6{
    font-size: 13px;
    color: #444;
}
a img{
    border: 0px none #fff;
}
hr {
    border: 0;
    color: #aaa;
    background-color: #aaa;
    height: 5px;
}
table {
	border-width: 1px;
	border-spacing: 0px;
}
td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: gray;
	background-color: white;
}
.pager {
    clear: both;
    
}
#blokKartaPopis ul,#blokKartaPopis li{
    list-style: inside square;
    margin: 0px;
    padding: 0px;
    padding-left: 1px;
}

a.btn,input.btn{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #aaa;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 10px; /* Links */
}
a.btn-positive,input.btn-positive {
    color: green;
}
a.btn-positive:hover,input.btn-positive:hover {
    color: black;
    background-color: #BCE774;
    border:1px solid green;
}

/*
------------------------------------- CONTENT ----------------------------------
*/
#obsah {
    float: right;
    margin: 0px;
    padding: 0px;
    margin-top: 100px;
    /*padding-bottom: 20px;*/
    width: 800px;
    /*background-color: #dedede;*/
}
#obsah-text {
    padding: 10px;
}
#rozek {
    position: absolute;
    z-index: 10;
}
/*
-------------------------------- SERVIS LAYOUT, MENU ---------------------------
*/
.leftServis {
    float: left;
    width: 600px;
    
}
.rightServis {
    float: right;
    width: 200px;
    background-color: #ccc;
    
}

/*
------------------------------------- MENU -------------------------------------
*/
/*VSECHNY*/
.menu a{
    text-decoration: none;
    color: #222;
}
.menu a:hover{
    color:#166796;
}
/*SERVIS*/
ul.servis-menu{
    font-size: 14px;
    list-style:none;
    margin: 0px;
    padding: 0px;
}
ul.servis-menu li{
    margin-top: 10px;
}
/*HLAVNI*/
#menu{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-top:120px;
    /*margin-left: 5px;*/
    width:200px;
    
    font-family: Verdana;
    font-size:13px;
    /*text-align: right;*/
    }
#menu ul {
    list-style:none;
}
ul.hlavniMenu{
    list-style:none;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    }
ul.hlavniMenu li{
    margin-top: 17px;
    }
ul.hlavniMenu li a{
    color: #222;
    text-transform: uppercase;
    }
ul.hlavniMenu li a:hover{
    color:#166796;
    }
ul.podMenu{
    list-style:none;
    margin: 0px;
    padding: 0px;
    }
ul.podMenu li{
    margin-top: 3px;
    }
ul.podMenu li a{
    color: #666;
    text-transform: lowercase;
    }    
ul.podMenu li a:hover{
    color:#166796;
    }
#menu strong {
    /*font-weight: normal;*/
    color:#900;
    }
/* 
------------------------------------ HLAVICKA ----------------------------------
*/
#hlavicka {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.horniOdkazy {
    font-size: 12px;
    text-align: right;
    height: 20px;
    padding-top: 26px;
}
.horniOdkazy ul{
    float: right;
    text-align: right;
    margin: 0px;
    padding: 0px;
    
}
.horniOdkazy li {
    float: right;
    text-align: right;
    list-style-type:none;
    
    padding: 4px 15px 4px 15px;
    color: #222;
    border-right: 1px solid #403E41;
}
.horniOdkazy li:first-child {
    padding: 4px 4px 4px 15px;
    border-right: 0px none #fff;
    
}
/*
-------------------------------------- LOGO ------------------------------------
*/
#lg {
    position: absolute;
    margin-top: 21px;
    margin-left: 3px;
}
/*#lg{
    width:200px;
    height:80px;
    position:absolute;
    margin-left:2px;
    margin-top:18px;
    padding:0;
    color:#013595;
    }
#lg span{
    background:url("/img/logo.png") no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    cursor:pointer;
    /* color:#013595;font-size:162.5%; visibility: hidden;*/
    
/*#lg a{
    color:#004c59;
    }*/

/* 
----------------------------------- KATEGORIE ----------------------------------
*/
.blok {
    margin: 0px;
    padding: 0px;
    float: left;
    /*width: 200px;
    height: 354px;*/
    overflow: hidden;
}
.blok-karta a{
    font-size: 10px;
    line-height: 13px;
    text-decoration: none;
    color: #404040;
}
.blok-karta a:hover{
    color: #166796;
}
.blok img{
    padding: 0px;
    margin: 0px;
}
.blok a .kartaNahled-popis {
    background-color: #dfdfdf;
}
.blok a:hover .kartaNahled-popis {
    background-color: #c1d5d8;
}
.kartaNahled-popis-nahled{
    padding-top: 1px;
    /*width: 200px;*/
    height: 56px;
}
.kartaNahled-popis div{
    padding: 1px 4px 0px 4px;
}
.kartaNahled-znacky {
    margin: 0px;
    padding: 0px;
    position: absolute;
    margin-top: -17px;
    height: 32px;
    overflow: hidden;
    /*width: 200px;*/
    font-weight: bold;
    /*text-shadow: 0px 0px 4px #000;*/
}
.kartaNahled-znacky div {
    padding: 2px 6px;
    margin: 0px 3px;
    height: 17px;
    float: right;
    font-size: 12px;
    /*display: inline-block;*/
    background-color: #dfdfdf;
}
.kartaNahled-nazev{
    height: 26px;
    overflow: hidden;
}
.blok a:hover .kartaNahled-znacky div {
    background-color: #c1d5d8;
}
.kartaNahled-model {
    font-weight: bold; 
}
.textNaKonci {
    float: left;
    width: 800px; 
    background-color: #ccc;
    text-align: center;
}
.textNaKonci p{
    margin: 10px;
    font-size: 14px;
}
.kartaNahled-ceny{
    font-size: 1.2em;
    float: right;
    color: black;
    font-weight: bold;
}
.kartaNahled-cena{
    color: green;
    font-weight: bold;
}
.kartaNahled-puvodniCena{
    color: red;
}
a:hover span.nahledHover{
    z-index: 10000;
    position: absolute;
    margin-top:8px;
    margin-left:130px;
    width:64px;
    height:19px; 
    background: url("http://www.e-saty.cz/img/de.png") no-repeat;
}
/*
-------------------------------- SERVIS KATEGORIE ------------------------------
*/
.servis-nadpis {
    background-color: #aaa;
}
.servis-nadpis div{
    margin: 0px;
    padding: 0px;
    width: 600px;
    height: 50px;
    text-align: right;
    
}
.servis-nadpis div h1{
    padding: 10px;
    font-size: 24px;
    color: white;
}
.servis-obsah {
    padding: 10px;
}
/*
------------------------------------- KARTA ------------------------------------
*/
#blokKartaImg {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 300px;
    height: 460px;
}
#blokKartaPopis {
    margin: 0px;
    padding: 0px;
    /*position: absolute;*/
    /*margin-left: 300px;*/
    float: right;
    margin-right: 100px;
    min-height: 460px;
    width: 400px;
    background-color: #eee;
}
#blokKartaPopis .popis{
    margin: 15px;
    margin-right: 20px;

}
#blokKartaPohledy {
    float: left;
    width: 300px;
    margin: 0px;
    padding: 0px;
}
#blokKartaNavigace {
    position: absolute;
    margin-left: 700px;
    
}
#zoomKarty {
    z-index: 20;
    position: absolute;
    width: 500px;
    height: 460px;
}
#zoomKartyImg {
    width: 500px;
    height: 460px;
    
    overflow: hidden; 
}

.variantaSkladem{
    margin: 3px;
    padding: 2px 4px;
    float: left;
    cursor:pointer;
    background-color: #eee;
    color: #222;
   
}
.variantaNeni{
    margin: 3px;
    padding: 2px 4px;
    float: left;
    background-color: #eee;
    color: #bbb;
}
.variantyView{
    position: absolute;
    background-color: #eee;
    margin: 3px;
    padding: 3px;
    border: 1px solid #777;
    -moz-box-shadow: 2px 2px 2px #222;
    -webkit-box-shadow: 2px 2px 2px #222;
    box-shadow: 2px 2px 2px #222;
}
.ceny {
    font-weight: bold;
    color: #000;
    background-color:#f5f5f5;
    width: 180px;
    padding: 10px;
    margin: 20px;
    margin-left: 70px;
}
.cena {
    color: green;
    font-size: 22px;
}
.puvodniCena {
    color: red;
    font-size: 16px;
}
.neniNaSklade {
    font-size: 16px;
    font-weight: bold;
}
#karta-dotaz {
}
#karta-dotaz fieldset {
    margin: 0px;
    padding: 5px;
    width: 350px;
    height: 250px;
}
/*----------pridat do kosiku-----------*/
.karta-variantaSelect select {
   background-color:#f5f5f5;
   border:1px solid #aaa;
   width: 180px;
   font-size: 13px;
   font-weight: bold;
   height: 28px;
}
.karta-variantaSelect {
    float: left;
     margin-right: 10px;
}
.karta-pridatDoKosiku {
    height: 28px;
   
}
/* ---------karta navigace------------ */
#blokKartaNavigace a{
    
    text-decoration: none;
    
    font-size: 14px;
    /*font-weight: bold;*/
}
#blokKartaNavigace a{
    color: #555;
}
#blokKartaNavigace a:hover{
    color: #333;
}
#blokKartaNavigace .text span{
    display: block;
    padding: 3px 5px;
}
#dalsid {
    height: 190px;
    width: 100px;
}
#zpetd {
    height: 80px;
    width: 100px;
}
#predchozid {
    height: 190px;
    width: 100px;
}
#dalsid,#zpetd,#predchozid{
    
}
a #dalsid,a #zpetd,a #predchozid{
    background-color: #ccc;
}
a:hover #dalsid,a:hover #zpetd,a:hover #predchozid{
    background-color: #aaa;
}
/*
---------------------------------- FORMULARE -----------------------------------
*/
.row label {
    font-size: 11px;
    width: 110px;
    display: block;
    float: left;
    text-align: right;
    margin: 2px;
    margin-right: 3px;
}
.row input {
    float: none;
    clear: both;
    margin: 2px;
}
.row {
    display: block;
}

.errorSummary li {
    color: red;
    font-weight: bold;
    font-size: 14px;
}
.errorMessage {
    color: red;
    font-weight: bold;
    font-size: 14px;
}
.dopravaSelect{
    width: 400px;
    margin-left: 100px;
}
.dopravaSelect label{

    width: 350px;
    text-align: left;
}
.dopravaSelect input{
    margin: 6px;
    margin-right: 1px;
    float: left;
}
/*
----------------------------------- PATICKA ------------------------------------
*/
#paticka {
    float: right;
    padding: 5px;
    padding-top: 40px;
    width: 790px;
    margin-bottom: 20px;
    background-color: #ddd;
    text-align: right;
    border-top: 3px solid #bbb; 
}


/*
docasne
*/
.parametry {
    margin-top: 5px;
    margin-right: 5px;
}
.parametry  span{
    /*display: block;*/
    
    
    padding: 2px 6px 2px 6px;
    text-transform: uppercase;
    font-weight: bold;
}
.parametry  span.novinka{
    color: #222;
    background:rgb(255,0,0);
    background:rgba(255,0,0,0.8);
    }   
.parametry  span.sleva{
    color: #222;
    background:rgb(255,255,0);
    background:rgba(255,255,0,0.8);
    }
.parametry  span.modelVerino{
    color: #eee;
    background:#166796;
    }
.parametry  span.vyprodano{
    color: #eee;
    background:rgb(0,0,128);
    background:rgba(0,0,128,0.8);
    }
.parametry  span.doprodej{ 
    color: #eee;
    background:#008000;
    }
.parametry  span.exclusive{
    color: #eee;
    background:#740355; 
    }
.parametry  span.tip{
    color: #eee;
    background:#00a911;
    }
.parametry  span.prehlidka{
    color: #eee;
    background:#008080;
    }
/*------------UPOUTAVKA------------*/
.upoutavka-text {
    padding: 15px;
}
.upoutavka a {
    color: inherit;
    text-decoration: none;
}
.upoutavka a:hover {
    color: inherit; 
}
.upoutavka h1 {
    font-size: 14px;
    color: inherit;
}
.bocniUpoutavka .upoutavka-text {
    padding: 0px;
}
.bocniUpoutavka ul {
    padding: 0px;
}
.bocniUpoutavka li {
    padding: 3px;
}
.bocniUpoutavka .upoutavka a {
    color: #222;
}
.bocniUpoutavka .upoutavka a:hover {
     color:#166796;
}

.tabVel{color:#708285;background:#DBE0E3;width:406px;font-size:14px;line-height:1.6em;margin:5px;border:1px solid #708285;}
.c1{color:#fff;background:#708285;font-size:14px;}
.c2{background:#efefef}
td{border:1px solid #708285;}

.tabVels{color:#708285;background:#DBE0E3;width:180px;font-size:14px;line-height:1.4em;margin:3px;border:1px solid #708285;}
.c1{color:#fff;background:#708285;font-size:14px;}
.c2{background:#efefef}
td{border:1px solid #708285;}

/*  prepinani tabulky velikosti - hover */
/* #tabV{width:1px;height:1px;position:relative;margin:0;padding:0;float:left;z-index:1;}
#tabVel a img{border:0}
#tabV #tabVel a{}
#tabV #tabVel span{position:absolute;}
#tabV #tabVel a:hover{width:1px;height:1px;}
#tabV #tabVel a:hover span{} */

.tabulkaVelikosti{
    float: left;
}