/*-------------------------------------------    

    General Selectors

-------------------------------------------*/

body {font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 75%; color: #262828; background: #fff url(../layout/bodyBack.jpg) repeat; text-align: center; margin: 0; padding: 0;}



ul, ol, li, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0;}

form, input, select, textarea, table, tr, td, th  { font-size: 100%; font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; }

img {border: none;}




h1 { font-family: Verdana; font-weight: normal; color: #c6fe2f; font-size: 220%; padding: 10px 0 0 10px; text-align: left;}

h2 { font-family:  Tahoma; color: black; font-size: 1.4em; font-weight: bold; }

h3 { color: #41b02c; font-size: 1.4em; font-family: Verdana; margin: 5px 0 5px 0; font-weight: normal;}


.table {width: 100%;border-left: 1px dashed #dddddd; border-right: 1px dashed #dddddd;}
.table th { background: url(../layout/backThTable.png) repeat-x top; border-bottom: 1px dashed #dddddd; color: #3385c0; }  
.table td {border-bottom: 1px dashed #dddddd;  }  
.table .grey { background: #f3f3f3;}

.clear { clear: both; height: 1px; background: transparent;}

.nobo {border: none;}

.blue { color:#2de4fa;}

.modre { color: #2de4fa; font-weight: bold; border-bottom: 1px dashed black;}



label {float: left; width: 140px; font-weight: bold; font-size: .9em; text-align: right; margin-right: 4px; color: #248ec4; margin-top: 5px;}
.inputForm, .inputText { padding: 5px; width: 400px; margin-bottom: 8px;}
.inputText {height: 200px;}
.submitKontaktForm { cursor: pointer; padding: 10px 20px;}

.tc {text-align: center;}
.info { font-size: .9em; color: #ACACAC;}

.mt20 {margin-top: 20px;}



/*------------ HLAVNI POZICNI ELEMENTY ----------------*/

#kabat { width: 1000px; margin: 0 auto; text-align: left; position: relative;}

                                                                                            
.logo { float: left; width: 200px; height: 68px; margin: 20px 0 0 0;}


.topRight {float: right; /*background: url(../layout/kontaktyTop.png) left no-repeat;*/ text-align: right; margin-top: 10px;}

    .inputHledat { border: none; background: url(../layout/inputSearch.png) left no-repeat; width: 174px; height: 31px; padding-left: 8px; vertical-align: middle; margin-right: 5px; color: #808080;}    
    .btnHledat { border: none; background: url(../layout/btnHledat.png) no-repeat; width: 63px; height: 32px; cursor: pointer; vertical-align: middle; }

.drobky { position:absolute; color: white; font-size: .9em; top: 120px; left: 240px;}

    .drobky a, #bottom .column a { color: #c9f1ae; text-decoration: none; border-bottom: 1px dotted #c9f1ae;}
    
    .drobky a:hover, #bottom .column a:hover { color: #2de4fa;}

    
#top { position: absolute; top: 0; width: 100%;}    
    




    
    
    
    
.podMenuTop {width: 217px; height: 20px; background: url(../layout/podMenuTop.png) no-repeat;}    

.podMenuBottom {width: 217px; height: 22px; background: url(../layout/podMenuBottom.png) no-repeat;}    

.podMenu { width: 217px; background: url(../layout/podMenuContent.png) repeat-y; color: white; font-family: Calibri, Verdana; font-size: 13px;}

    .podMenu ul { list-style-image: url(../layout/greenLi.png); margin-left: 30px; }
    
    .podMenu ul ul { margin-left: 15px; margin-top: 6px; font-size: 12px; list-style-image: url(../layout/blueLi.png); }
    
    .podMenu li { background: url(../layout/oddelovacHorizontal.png) no-repeat bottom left; padding: 6px 0 8px 0;}
    
    .podMenu ul ul li { background: url(../layout/oddelovacHorizontal2.png) no-repeat bottom left; padding: 6px 0 8px 0; } 
    
    .podMenu li a {color: white; text-decoration: none;}
    
    .podMenu li a:hover {color: #2de4fa; }
    
    .podMenu .active { font-weight: bold;}

    .podMenu p {padding: 10px 15px 0 15px; margin: 0; line-height: 1.5em; font-size: 1.05em;}
    .podMenu p a { color: #b2e61a; }
    .podMenu p a:hover { color: #66d2ff; }
    .podMenu img { padding: 5px 0 5px 15px;}

    
    
    
    
#leftColumn {float: left; width: 217px; padding-top: 109px; }

#rightColumn {float: right; width: 771px;  padding-top: 129px;}

.contentTop { width: 772px; height: 78px; background: url(../layout/contentTop.png) no-repeat;}

.contentBottom { width: 772px; height: 23px; background: url(../layout/contentBottom.png) no-repeat;}

.content {width: 702px; background: url(../layout/content.png) repeat-y; padding: 14px 35px; line-height: 1.5; color: black; font-size: 13px}

    .content ul { list-style-image: url(../layout/contentLi.png); padding-left: 30px; margin: 14px 0;}
    
    .content ol {padding-left: 30px;}
    .content ol li { margin: 5px 0;}
    
    .content .img { background: #F0F0F0; padding: 6px; margin: 8px; border: 1px solid #E0E0E0;}
    .content .img:hover {background:#D0D0D0;border: 1px solid #ACACAC; }

    .content a {color:#0071d0;}
    .content a:hover { color:#00d01d;}
    
    
    .content .tab { border-top: 1px solid #E0E0E0;border-right: 1px solid #E0E0E0;}
    .content .tab td { border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0;}

    .novinky h2 { font-weight: normal; font-size: 1.1em;}
    .novinky .datum {font-size: .85em; font-weight: bold;}
    .novinky p { padding: 4px 0; line-height: 1.5; margin: 0;}
    
    
    .perex {font-weight: bold;}
    
.copyright { margin: 0 auto; width: 980px; margin-top: -20px; text-align: left; color: #8f8f8f; font-size: .9em; padding-bottom: 60px;}

     
.iconka { width: 35px; height: 35px; position: absolute; z-index: 100; margin-left: 720px; margin-top: 15px;}


.zlute { padding: 15px; background: #ffffd8;}


.prosteCokoliv { font-size: 250%; color: #ACACAC;}

/*----------- homepage------------------*/
.hp {padding-top: 109px;}
.hp h2 a { color: #2de4fa; text-decoration: none; font-weight: normal; font-size: 100%; padding-bottom: 2px;}
.hp h2 a:hover { color: #b7f92c; text-decoration: none; }
.hp .boxik { width: 320px; float: left; margin-top: 10px; height: 120px; }
.hp .boxik p { padding-left: 70px; color: white; line-height: 1.5;}
.hp .mr {margin-right: 20px;}
.hp .image { margin: 5px 0 20px 0;}

.hp h1 { margin-top: -5px; margin-bottom: 0px; padding: 11px; font-family: Tahoma; background: url(../layout/backHPreference.png);}

    .nastenka { background: url(../layout/homepage/dashboard.png) 0 30px no-repeat;}
    .objednavky { background: url(../layout/homepage/objednavky.png) 0 30px no-repeat;}
    .marketing { background: url(../layout/homepage/marketing.png) 0 30px no-repeat;}
    .katalog { background: url(../layout/homepage/katalog.png) 0 30px no-repeat;}
    .zakaznici { background: url(../layout/homepage/zakaznici.png) 0 30px no-repeat;}
    .statistiky { background: url(../layout/homepage/statistiky.png) 0 30px no-repeat;}
    .cms { background: url(../layout/homepage/cms.png) 0 30px no-repeat;}
    .newsletter { background: url(../layout/homepage/newsletter.png) 0 30px no-repeat;}
    .design { background: url(../layout/homepage/design.png) 0 30px no-repeat;}


#ramecek { width: 1002px; height: 368px; background: url(../layout/backHPreference.png) repeat; color: white; font-size: .9em; margin: 30px auto; position: relative; }    

#ramecek .nadpis { font-size: 1.9em; color: #c1fc2e; margin-bottom: 10px; }
.novinkyHP {float: left; width: 280px; margin: 20px 0 20px 20px;}   
.novinkyHP h3 a { color: #2de4fa; font-family: Tahoma; font-size: 11pt; text-decoration: none;}
.novinkyHP h3 a:hover { color: #c6fe2f;}
.novinkyHP p {line-height: 1.5; font-size: 1.1em;}
.novinkyHP span.datum {color: #666666; margin-top: -5px;}

.referenceHP {float: right; width: 644px; margin: 20px 20px 20px 0;}   

.archiv {text-align: left; margin-top: 20px;}
.archiv a { color: /*#2de4fa*/ white;}    
.archiv a:hover { color: #2de4fa;}    
    
    
    
#bottom { width: 1000px; min-height: 144px; background: url(../layout/backPaticka.png) no-repeat top; color: white; font-size: .9em; margin: 30px auto; position: relative; }    

    #bottom .column { width: 270px; float: left; margin: 20px 30px; text-align:left;}

    #bottom p {line-height: 1.7; padding: 0; margin: 5px 0;}    

    #bottom .column ul { list-style-type: none; line-height: 2em; margin-left: -10px;}
    #bottom .column li { background: url(../layout/blueLi.png) left no-repeat; padding-left: 10px; }
    
        
    .backTop { clear: both; width: 23px; height: 25px; margin-right: 8px; float: right; margin-top: -150px; background: url(../layout/sipkaTop.png) no-repeat; }

    .backTop:hover { background: url(../layout/sipkaTopHover.png) no-repeat;}


    
    
    

    
    
    
    
    
/*----------------- NAVIGACE HORNÍ MENU ----------------*/  

#nav {float: right; width: 600px; text-align: right; margin-top: 10px; }

#nav li { height: 37px; float: left; list-style: none; position: relative; }

#nav li a.moduly, a.reference, a.cenik, a.faq, a.kontakt { height: 37px; display: block; position: absolute; top: 0; left: 0; z-index: 1; background: url(../layout/navigace.png) no-repeat; }

#nav li.moduly, a.moduly, li.reference, a.reference, li.cenik, a.cenik, li.faq, a.faq, li.kontakt, a.kontakt { width: 107px; margin-left: 11px; }

#nav a.moduly { background-position: 0 0; }
#nav a.moduly:hover{ background-position: 0 -38px; }

#nav a.reference { background-position: -118px 0; }
#nav a.reference:hover { background-position: -118px -38px; }

#nav a.faq { background-position: -234px 0; }
#nav a.faq:hover { background-position: -234px -38px; }

#nav a.cenik { background-position: -351px 0; }
#nav a.cenik:hover { background-position: -351px -38px; }

#nav a.kontakt { background-position: -468px 0; }
#nav a.kontakt:hover { background-position: -468px -38px; }

#nav li span { position: absolute; z-index: 0; top: 0; left: 0; padding-left: 40px; font-size: 1px; }

#nav li span a { color: transparent; line-height: 38px; text-decoration: none; }

#nav li:hover span a { color: transparent; cursor:pointer; }










/*----------------- FORMULÁŘOVÉ POLÍČKA ----------------*/ 

.inputNewsHP { width: 182px; min-height: 23px; font-size: 1em; padding: 4px 0 4px 5px; border: none; background: url(../layout/inputNewsletter.png) no-repeat;vertical-align: top;}

.btnPrihlasit { width: 79px; height: 31px; background: url(../layout/btnPrihlasit.png) no-repeat; border: none; cursor: pointer; vertical-align: top;}
    
    .btnPrihlasit:hover {background: url(../layout/btnPrihlasitHover.png) no-repeat;}
    
    
    
/*----------------- FORMULÁŘOVÉ POLÍČKA ----------------*/

.block { float: left; width: 333px;}



/*------------------  HLÁŠKY ----------------------------*/

.hlaskaOK {background: url(../admin/layout/ok.png) 10px no-repeat; padding: 8px 0 8px 50px; margin: 8px 0; font-size: 1.2em;font-weight: bold; }

.hlaskaError { background: url(../admin/layout/error.png) 10px no-repeat; padding: 8px 0 8px 50px; margin: 8px 0; font-size: 1.2em; font-weight: bold;}




/*-------------------- MAPA WEBU --------------------------*/

.level1 { padding-left: 20px; background: url(../layout/blackCtverec.gif) 5px 6px no-repeat;}

.level2 { padding-left: 40px; background: url(../layout/blueCtverec.gif) 25px 6px no-repeat;}

.level3 { padding-left: 60px; background: url(../layout/greenCtverec.gif) 45px 6px no-repeat;}
                                                                            




/* Easy Slider */

#slider { position: relative; z-index: 1; top: 10px; }

    #slider ul, #slider li,  #slider2 ul, #slider2 li{ margin:0; padding:0;list-style:none; }
    #slider2{margin-top:1em;}
    #slider li, #slider2 li{ width:644px; height:317px; overflow:hidden; }    
    ol#controls{ display: none;}
   
.sliderReference {  background: url(../layout/backSlider.png) repeat-x; margin-left: 20px;}