/* --------------------- NASTAVENI ZAKLADNICH ELEMENTU --------------------- */

a, a:link {color: #cc3318; text-decoration: none; font-weight: bold;} a:hover   {color: black;}

img {border: 0px;}

p {margin: 0px 0px 10px 0px;}
table {margin: 0px;}, table td{vertical-align: top;}, table p {margin: 0px;}

hr {height: 1px; border: 0px solid red; background-color: #efefef; width: 100%; }
h1 {margin: 0px 0px 10px 0px; font-size: 18px; color: #cc3318}
h2 {margin: 0px 0px 0px 0px; font-size: 15px; color: #cc3318;}
h3 {font-size: 16px; margin: 0px;}

ul {line-height: 1.5; margin: 0px; list-style: none; padding: 0px;}
li {margin: 0px; padding: 5px; list-style: none;}

tr {height: 0px;}
td{border-collapse:collapse; border:0px solid white; padding: 0px;}

#konfigurace table, #konfigurace td{border-collapse:collapse; border:0px solid white; padding: 5px;}
#konfigurace td {vertical-align: top; border-top: 2px solid white !important; border-bottom:2px solid white !important;}

.obj-kosik table, .obj-kosik td {border-collapse:collapse; border:0px solid white; padding: 5px;}  
.obj-kosik hr {background-color: red;}






/* ---- RYCHLOTAGY ----- */

.maroon{background: #cc3318;}
.grey{background: maroon;}
.white-bold{color: white; font-weight: bold;}
.eee {background: #eee;}
.but_objednej{background: #cc3318 url('engine/but_objednej.png'); height: 50px; font-weight: bold; text-align: center; margin-top: 20px;}
.but_objednej a, .but_objednej a:link {color: white; font-size: 25px; display: block; width: 100%; height: 100%; padding: 10px;} .but_objednej a:hover {text-decoration: underline;} 


/* --------------------- ROZVRZENI LAYOUT --------------------- */

body{
background: #262626 url('engine/bg.jpg') top center fixed;
margin-top: 0px; 
font-family: arial, verdana;
font-size: 11px;
}

.hlavni{
width: 960px;
margin: auto;

/* --------------------- 2019 --------------------- */
display: block;
position: relative;
/* ---------------------2019 --------------------- */


}


/* --------------------- TOP --------------------- */

.top{
width: 960px;
height: 230px;  
background: url('engine/1.png') no-repeat;
position: relative;
margin: 30px 0px 2px 0px;
}

.top a    {text-decoration: none;}

.logo {position: absolute; top: 50px; width: 480px; height: 140px;}

.top-left, .login-right{
position: absolute;
height: 25px;
padding: 7px 0px 0px 20px;
}

.top-left{
width: 200px;
top: 5px;
font-weight: bold;  
} 

.login-right{
left: 400px;
text-align: right;
width: 520px;
}          


/* --------------------- MIDDLE --------------------- */

.navigation{
width: 620px;
height: 42px;
position: absolute;
top: 190px;
left: 310px;
font-size: 13px;
color: white;
}

.navigation a, navigation a:link {color: white; font-weight: bold; font-size: 13px;}
.navigation a:hover   {text-decoration: underline;}

.navigation li {padding: 10px 10px 0px 10px; list-style: none; float: left;}

.text_active{

}

.text_active a, .text_active a:link {
color: #FF6A00;
}

/* --------------------- LEVY PRAVY --------------------- */

.hlavni .main1 {
background: url(engine/main_bg.png) repeat-y;
display: block;
}
.hlavni .main2 {
background: url(engine/main_bg.png) repeat-y;
}

.levy{
float: left;
width: 198px; 
height: 1680px;
color: white;
line-height: 1.5;
overflow: hidden;
background: #282828 url(engine/levy_bg.png) no-repeat;
/*border-right: 2px solid #2a2a2a;*/

}

.nadpis_sekce{
width: 200px;
height: 25px;
padding: 10px 0px 0px 50px;
background: #333;
}

.levy-menu li, .levy-menu2 li{
margin-bottom: 1px;
padding: 0px;
}

.levy-menu2 li{
margin-left: 10px;
}

.levy-menu a, .levy-menu a:link  
{color: white; font-weight: bold; font-size: 13px; text-decoration: none; display: block; width: 200px; height: 25px; padding: 7px 0px 3px 50px;}
.levy-menu2 a, .levy-menu2 a:link
{color: white; font-weight: bold; font-size: 11px; text-decoration: none; display: block; width: 190px; height: 15px; padding: 5px 0px 1px 50px;}

.levy-menu li{background: url(engine/levy-menu.png);} 
.levy-menu a:hover { background: url(engine/levy-menu-hover.png) !important; }
.levy-menu-active{background: url(engine/levy-menu-active.png) !important;}

.levy-menu2 li{background: url(engine/levy-menu2.png);}
.levy-menu2 a:hover, .levy-menu2-active a:hover   { background: url(engine/levy-menu2-hover.png) !important; }
.levy-menu2-active {background: url(engine/levy-menu2-active.png) !important;}



.pravy{
width: 570px;
color: black;
line-height: 1.5;
float: right;
text-align: left;
/* background: blue;                           */
padding: 10px;
position: relative;  
margin-right: 160px;
/* ---------------------2019 --------------------- */
background: white;
/* ---------------------2019 --------------------- */
}

.pravy2{
position: absolute;
right: 10px;
width: 148px;
min-height: 600px;
background: #2c2c2c url(engine/levy_bg.png) no-repeat;
}

.pravy-nadpis{
color: white; font-weight: bold; font-size: 20px; margin: 10px;
}

.shop_produkty{
width: 580px;
position: relative;
border-bottom: 1px solid silver;
padding-bottom: 20px;
margin: 0px 0px 20px 0px;
min-height: 120px;
}

.shop_produkty_img{
width: 115px;
float: left;
}

.shop_produkty_nadpis{
width: 330px;
margin-left: 125px;

}

.shop_produkty_nadpis a{
font-size: 13px;
text-decoration: none;
line-height: 1.2;  
}

.shop_produkty_nadpis a:hover{
text-decoration: underline;
}

.shop-img{
height: 200px;
padding-top: 10px;
}

.shop_produkty_kosik, .shop_produkty_kosik-list{
width: 90px;
height: 150px;
padding: 10px;
position: absolute;
left: 460px;
background: url(engine/kosik_bg.png) no-repeat;
text-align: center;
}        

.shop_produkty_kosik-list{
top: 0px;
left: 460px !important;
}

.shop-detail-parslov{
position: absolute; left: 225px; width: 220px; height: 220px;
}

.cena-bezdph{
font-size: 10px;
}

.cena-sdph{
font-size: 16px;
font-weight: bold;
}

/* --------------------- DOLNI --------------------- */

.dolni{
width: 900px;
height: 16px;
padding: 5px 30px 5px 30px;
text-align: right;
background: #272727 url(engine/dolni.png);
clear:both;
color: white;

/* ---------------------2019 --------------------- */
margin:auto;
/* ---------------------2019 --------------------- */

}

.dolni a, .dolni a:link {color: white; font-weight: bold; text-decoration: none;}
.dolni a:hover   {color: orange;}
        

.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
}


/* --------------------- WEEEB --------------------- */

.novinky_date, .novinky_title, .novinky_content, .fotogalerie_content{
padding: 5px;
}

.novinky {margin: 10px 0px 10px 0px; width: 150px; line-height: 1.5;  overflow: hidden;}
.fotogalerie {background-color: #fff; margin: 10px 0px 5px 0px; width: 603px;}
.novinky_date {float: left; width: 90px; height: 20px;  background-color: #f4f7fc; font-weight: bold; text-align: right;}
.novinky_img {float: left; width: 100px;}
/* .img_lide {width: 85px; height: 100px;} */
.novinky_title {width: 130px; color: white; font-weight: bold; padding: 10px; font-size: 15px; background: url(engine/levy-menu-hover.png);}
.novinky_content {width: 130px; padding: 10px; color: white;}
.fotogalerie_content {clear: both; width: 593px; height: 100px; overflow: hidden;}

.soubor_pod_clankem {font-size: 12px;}


.ke_stazeni{
width: 640px;
padding: 10px 10px 5px 10px;
margin: 20px 0px 10px 10px;
background: #e8eef9;
}
     






/* --------------------- jquery tabs start--------------------- */

                UL.idTabs {
                    list-style: none;
                    margin: 0px 0px 15px 0px;
                    padding: 0;
                }

                UL.idTabs LI {
                    display: inline;
                }

                UL.idTabs LI A {
                    padding: 3px 5px;
                    background-color: #fff0f0;
                    color: #000;
                    text-decoration: none;
                }

                UL.idTabs LI A.selected,
                UL.idTabs LI A:hover {
                    background-color: #333;
                    color: #fff;
                    padding-top: 7px;
                }
                
                UL.idTabs LI A:focus {
                        outline: 0;
                }

                div.tabs > div {
                        padding: 5px;
                        margin-top: 3px;
                        border: 1px solid #00f0f0; 
                }
                
                div.tabs > div h2 {
                        margin-top: 0;
                }

/* --------------------- jquery tabs end --------------------- */



/************* OBJEDNAVKA *****************/

.obj {margin-bottom: 20px;} 
.obj td {vertical-align: top; }
.obj-left{width: 100px; text-align: right;}
.obj-right {width: 190px; padding-left: 15px;} .obj-right2 {padding-left: 15px; width: 500px;}
.dod {position: absolute; top: 78px; left: 270px; width: 300px;}

.obj-nadpis {font-size: 15px; margin: 20px 0px 10px 0px; font-weight: bold;}
.obj-doprava-text {line-height: 1.5; font-size: 15px;}
.obj-doprava-popis {padding-left: 30px; margin-bottom: 8px;}
.obj-chyba {color: red; font-size: 20px;}
.poznamky {width: 490px; height: 100px; border: 1px solid grey;}

.red-border {background: red; color: white;}
.input-text {width: 170px; border: 1px solid grey;}
.submit-produkty {text-align: center; color: white; font-weight: bold; margin: 0px 0px 20px 0px; width: 280px; height: 30px; background: maroon; border: 1px solid white; font-size: 17px; cursor: pointer;}
.submit {float: right; text-align: center; margin: 20px 0px 0px 0px; width: 280px; height: 50px; background: maroon; border: 1px solid white; font-size: 17px; cursor: pointer;}

.obj-topbar {width: 100%; height: 30px; color: white; margin-bottom: 40px;}
.obj-topbar-polozka, .obj-topbar-polozka-active {float: left; width: 185px; padding-top: 10px; height: 100%; margin-right: 5px; text-align: center; font-weight: bold;}
.obj-topbar-polozka {background: #444;}
.obj-topbar-polozka-active {background: maroon;}