.hlavicka{text-align: center; margin-top: 15px; margin-bottom: 15px; }
body{padding-bottom:20px;}

.clear{clear:both;}
label{font-weight: normal;}
       
a{color:#941c80; text-decoration: underline;}
a:hover{color: #222; text-decoration: none;}

.btn-primary{background: #941c80; border:0;}
.btn-primary:hover{background: #941c80;}
       
h1{font-size:18px;margin: 0; padding: 0; margin-bottom: 20px; background: #f8f8f8; color:#333;padding:10px;}
h1 span{color:#777;font-weight: normal; margin-left: 15px; font-size:15px; }
    
.objednavkaUdaje{margin-top: 30px;}                    
.objednavkaUdaje .input-group{margin-bottom: 15px;}            

.kosikLogo{padding:10px;margin: 5px; width:200px; text-align: center; margin-left: auto; margin-right: auto; display: block; }
.kosikLogo img{max-width: 100%;}
#spatDoShopu{padding: 3px;font-size:12px;padding-bottom: 15px;}
#spatDoShopu a{color:#777;}
#spatDoShopu a:first-child{margin-right: 20px;}

                                    
.fullSirokaTabulka{width:100%;margin-top: 2px; margin-bottom: 20px;border-collapse: collapse;}                                     
.fullSirokaTabulka th, .fullSirokaTabulka td{padding: 5px;}                             
.fullSirokaTabulka th{background: #f2f2f2; color:#222;text-align: center;}                     
.fullSirokaTabulka tr th:first-child{text-align: left;}                                    
.fullSirokaTabulka tr th:last-child{text-align: right;}          
.fullSirokaTabulka td{color:#222;text-align: center;}                       
.fullSirokaTabulka tr td:first-child{text-align: left;}                      
.fullSirokaTabulka tr td:last-child{text-align: right;}                        
.fullSirokaTabulka tr{border: 1px solid #ddd;background: #fbfbfb;}         
.fullSirokaTabulka tr:nth-child(odd){background: #f8f8f8;}         
.fullSirokaTabulka tr:hover{background: #fff;}   

.fullSirokaTabulka input[type=number].pocet{max-width: 60px;text-align:center;background: transparent; border: 0; }
.fullSirokaTabulka th.suma, .fullSirokaTabulka td.suma{text-align: right;}          
.fullSirokaTabulka td.vylozit{text-align: center !important;max-width: 50px;}           
                    
.fullSirokaTabulka.produkt{margin-top: 20px;}
.fullSirokaTabulka.produkt td{text-align: left !important;}

.fullSirokaTabulka .kosikPocet{background: #fff; border:1px solid #ccc;max-width: 80px;padding:10px;text-align: center;}

.prveVelkePismeno:first-letter{text-transform: uppercase;}

#udajeObjednavky h2{margin: 0; padding: 10px; background: #eee; color: #444; font-size: 16px; text-align: center;margin-bottom: 20px;}
/*#udajeObjednavky .btn-primary{background: #ddd; color:#333;}*/
.boxBorder{border: 1px solid #ccc;min-height: 300px;}
.boxBorder .inner{padding: 10px;}

#menuNavigacia{ text-align: center; padding-bottom: 30px; padding-top: 10px; }
#menuNavigacia a{margin-right: 10px; background: #ddd; color:#333; display: inline-block; text-decoration: none; display: inline-block; 
                 padding: 5px; padding-left: 20px; padding-right: 20px; -webkit-border-radius: 10px;border-radius: 10px; margin-bottom:5px;}
#menuNavigacia a.active, #menuNavigacia a:hover{color: #fff; background: #941c80;}


#tabsTop{margin-top:25px;}
#tabsTop a{text-decoration: none;}
.tab-pane{padding:20px;padding-left: 0;}

.prepinace{text-align: left; padding-top:30px; padding-left: 16px;padding-bottom: 15px;}
.prepinace span.prep{padding: 15px;padding-left: 50px;padding-right: 20px;display: inline-block;margin-right: 5px;background: #e3e3e3 url(prepAct.png) no-repeat left center; color: #073243;
                -webkit-border-radius: 4px;border-radius: 4px; cursor: pointer; }
.prepinace span.prep span{display: block;font-size:12px;color:#777;}
.prepinace span.prep.active{color: #fff; background: #073243 url(prep.png) no-repeat left center; }
.prepinace span.prep.active span{color:#bbb;}
.prepinace span.prep:hover{color: #fff; background: #941c80 url(prepAct.png) no-repeat left center; }
.prepinace span.prep:hover span{color:#555;}

@media screen and (max-width: 500px){
    .spodneLinky{display: block; width:100%; margin-left: 0 !important; margin-bottom: 5px !important; }
}

@media screen and (min-width: 800px){
    .modal-dialog{min-width:800px;}
}