BODY { margin:0; padding:0; font-size:1em; font-family:Lucida, sans-serif; line-height:1.1em; background:#e5e5e5 }

#leftCol { float:left; width:250px; }
#rightCol { margin-left:270px; }

.content { clear:both; padding:10px; }
.clr { clear:both; }
.red { color:#f30 }
.green { color:green }
.checkbox { border:none;background:none }
.hidden { display:none }

H1 { margin:0; font-size:14pt; padding-bottom:4px; margin-bottom:20px; font-weight:normal }
H1 A { color:#f30 }
H1 A:hover { color:#d30 }
H2 { font-size:12pt; xmargin-top:0px; }
H2 A, H3 A { color:#369; font-weight:normal }
H4 { border-bottom:1px solid #999; margin:0px; padding:0px; margin-bottom:10px }

A { color:#f30; text-decoration:none }
A:hover { xcolor:#036; text-decoration:underline }
IMG { border:none }

.rounded { border:1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/* AJAX page */
#ajaxpage { position:fixed; top: 50%; left: 50%; z-index: 20000; padding:15px; text-align:left; background:#fff; color:black; display:none; -webkit-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); -moz-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); -moz-border-radius:10px; border-radius: 10px; }
#ajaxpage-close { float:right; cursor:pointer }
#page-cover { display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 9999; top: 0; left: 0; }
#page-cover-load { display: none; position: fixed; width: 100%; height: 100%; background:#000; z-index: 9999; top: 0; left: 0; }

.checkinChyba { display:inline-block; border:1px solid #f60; background:orange; color:white; margin-top:10px; margin-right:5px; padding:5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.kategorieTop, kategorieTop A { display:block; background:#f86; padding:3px; margin-bottom:1px; color:white }
.kategorie1 { display:block; background:#eee; padding:3px; margin-bottom:1px; }
.kategorie1:hover { background:#d5d5d5 }
.kategorie2 { display:block; background:#f5f5f5; padding:3px; padding-left:10px; margin-bottom:1px; color:black }
.kategorie2:hover { background:#d5d5d5 }
.kategorie3 { display:block; background:#f5f5f5; padding:3px; padding-left:20px; margin-bottom:1px; color:#666 }
.kategorie3:hover { background:#d5d5d5 }


span.tool { position:relative; cursor:help; }
span.tool span.tip { display:none; }
span.tool:hover span.tip { z-index:200; font-size:9pt; text-align:left; display:block; position:absolute; width:200px; left:30px; top:-20px; padding:10px; border: 1px solid #333; background:#025A9B; color:white }

.datum INPUT { width:85px }
.datum INPUT + img { position: relative; left: -20px; top: 3px; }

.DPH1 { float:right; cursor:pointer; font-size:7pt; background:lightblue; padding:2px; margin-left:2px }
.DPH0 { float:right; cursor:pointer; font-size:7pt; background:lightblue; padding:2px }

#RZ_hledani { position:relative; display:inline-block }
#RZ_input { width:130px; font-weight:bold; text-transform:uppercase }
#RZ_seznam { position:absolute; width:400px; z-index:1000; display:none; background:white; border:20px solid white; -webkit-box-shadow: 5px 5px 19px -1px rgba(0,0,0,0.88); -moz-box-shadow: 5px 5px 19px -1px rgba(0,0,0,0.88); box-shadow: 5px 5px 19px -1px rgba(0,0,0,0.88); }


input[type="checkbox"] { display:none; }
input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/images/check_radio_sheet.png) left top no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url(/images/check_radio_sheet.png) -19px top no-repeat; }
input[type="radio"] { display:none; }
input[type="radio"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/images/check_radio_sheet.png) -38px top no-repeat; cursor:pointer; }
input[type="radio"]:checked + label span { background:url(/images/check_radio_sheet.png) -57px top no-repeat; }


/* tabulka class="hovertable" se stridanim radku + klik na url=*/
.hovertable TR:hover { background:#ccc; cursor:pointer }
.TRdark { background:#eee; }
.TRlight { background:#fff; }

#partner label.error { color:rgb(254,84,66); font-size:0.8em }

#xtopmenu { padding:0; width:100%; font-size:10pt; margin-top:1px; height:20px }
#topmenu UL { margin:0; margin-left:150px; padding:0; list-style:none }
#topmenu LI { display:block; margin: 0 2px 0 0; padding:0; text-transform:uppercase; }
#topmenu A { float:left; display: inline-block; color: white; margin: 0 1 0 0; padding: 8px 16px; text-decoration: none; background-color: black; border-bottom: 1px solid white; }
#xtopmenu A:hover { background-color: gray; }
#xtopmenu #current A { background-color: #025A9B; }

#pagemenu { clear:both; padding:0; width:100%; font-size:10pt; background:#025A9B; height:27px }
#pagemenu UL { margin:0; padding:0; list-style:none; }
#pagemenu LI { display:inline; margin: 0 0px 0 0; padding:0; text-transform:uppercase; }
#pagemenu A { float:left; display: block; color:white; padding: 5px 16px; text-decoration: none; border-right:1px solid #fff }
#pagemenu A:hover { background-color: gray; }
.menuactive { background:#c00 }

.detail-foto { width:220px; float:left; background:#eee; margin-right:10px }
.detail-ikony { margin-left:10px; margin-bottom:10px }
.detail-ikony IMG { margin-right:10px; }

.searchBox { color:#333; font-size:0.9em; width:200px; xheight:100px; z-index:10000; position:absolute; top:30px; left:-200px; padding:15px; text-align:left; background:#fff; display:none; -webkit-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); -moz-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); -moz-border-radius:10px; border-radius: 10px; }
.klientBox { color:#333; font-size:0.9em; width:400px; xheight:100px; z-index:10000; position:absolute; top:30px; left:-420px; padding:15px; text-align:left; background:#fff; display:none; -webkit-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); -moz-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); -moz-border-radius:10px; border-radius: 10px; }
.searchBoxLine { margin-bottom:10px }
.searchBox input[type="button"] { width:50px; }
.searchBox input[type="text"] { width:120px }
.klientBox input[type="button"] { width:50px; }
.klientBox input[type="text"] { width:120px }


.topauto { xwidth:200px; border:5px solid white; margin-right:5px; margin-bottom:5px; float:left; font-size:0.9em; }
.topauto:hover { background:#eee }
.topauto IMG { display:block; }
.topauto A { color:#f74d0d; text-decoration:none }
.topauto A:hover { color:#008bd2 }
.topauto H1 { margin-top:5px; margin-bottom:0px; font-size:1.1em; font-weight:normal }
.topauto H2 { margin-top:0px; margin-bottom:0px; font-size:1.0em; font-weight:normal }
.cena { font-weight:bold; color:#008bd2 }
.popis { padding:4px }


/* KALENDAR */
.den, .denMinuly, .denAktualni { float:left; padding-left:3px; width:90px; height:70px; background:white; margin:1px; border:2px solid #ddd }
.denAktualni { xcolor:#e00000; xfont-weight:bold; border-color:red }
.denMinuly { background:#eee; color:#aaa }
.denNazev { float:left; width:99px; height:20px; text-align:center; }

.ikony IMG { filter: alpha(opacity=30); opacity:0.3; }
.ikony IMG:hover { filter: alpha(opacity=100); opacity:1; }

.pismeno { color:white; display:block; float:left; padding:2px 0px 2px 0px; width:20px; text-align:center; background:#666; margin-right:2px}
.pismeno:hover { color:red }

FORM { xmargin:0;}
FIELDSET { padding:10px; margin:0; border:1px solid #ccd; }
LEGEND { color:white;background:#555;padding:3px;margin-bottom:5px;color:white }
INPUT, .input { border:1px solid #aaa; color:#333; margin-right:5px }
TEXTAREA, SELECT { border:1px solid #aaa; color:#333; font-family:Lucida, sans-serif; font-size:10pt }

INPUT, textarea, select, button {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:4px
}

.button, .buttonSave, .buttonDelete, .buttonGrey, .buttonOrange { text-transform:uppercase; padding:3px 15px 3px 15px; background:#025A9B; border:0; color:white}
.buttonGrey { background:#999; color:white; }
.buttonSave { background:green; color:white; }
.buttonOrange { background:orange; color:white; }
.buttonDelete { background:#d00; color:white; }
.buttonmid { border:none; padding:4px 20px; text-transform:uppercase; color:white; }
.buttonsmall { border:none; padding:2px 10px; text-transform:uppercase; color:white; }
.buttonMobil { padding:20px 10px 20px 20px; font-size:1.3em }


TD, TH { padding:5px; font-size:0.9em }
TH { background:#666; color:#fff; text-align:left; font-weight:normal }

@media print {
.noPrint { display:none }
#topmenu { display:none }
#pagemenu { display:none }
.pneuIMG, .pneuFiltr, .mfb-slidein { display:none }
.pneuTyp { display:block }
A { color:black }
body { background:white; }
table, td { padding:10px 5px}
td, th { font-size:10pt }
.tucne { font-weight:bold }
}



@media only screen and (min-width: 1000px)
{
	.buttonMobil { padding:3px 15px 3px 15px; font-size:1em  }
}