@media screen, projection, tv{
html,body{ margin: 0; padding: 0; font-family: verdana, Arial, Helvetica, sans-serif;  font-size: 100%; background: #EBF5FD url(../img/back.gif) repeat-y; color: Black; }

.center{ text-align: center !important; }
.center-block{  margin-left: auto !important ; margin-right: auto !important; display: block !important ; }
.right{ text-align: right !important; }
.left{ text-align: left !important; }
.justify{ text-align: justify !important; }

.obr{ float: left; margin: 8px 10px 5px 0; border: 1px solid #B7B7B7; display: block; }
.kur{ font-style: italic; }
.odskok{ padding-top: 13px; }
.bezmarginu{ margin: 0; }
.nofloat, .clear{ clear: both; }
.no{ display: none; }
.proexp{ position: relative; }
.bezramu{ border: 0; }
.hidden{ position: absolute; top: -10000px; left: -10000px; }
.blue{font-weight: bold; color: #003366; }
.modra{ color: #003366; }
.bold{ font-weight: bold; }
.full{ width: 100% !important ; }
.odskok{ padding-top: 15px; }
.bezmarginu{ margin: 0 !important ; }
.bezmarginu-top{ margin-top: 0 !important ; }
.bezmarginu-left{ margin-left: 0 !important ; }
.bezmarginu-right{ margin-right: 0 !important ; }
.bezmarginu-bottom{ margin-bottom: 0 !important ; }
.nopad{ padding: 0 !important ; }
.nopad-top{ padding-top: 0 !important ; }
.nopad-left{ padding-left: 0 !important ; }
.nopad-right{ padding-right: 0 !important ; }
.nopad-bottom{ padding-bottom: 0 !important ; }
.kur{ font-style: italic !important; }
.light{ font-weight: normal !important; }
.bold{ font-weight: bold !important ; }
.top{ vertical-align: top !important; }

/*velikosti*/
.xxs{ font-size: .7em !important; }
.xs{ font-size: .8em !important; }
.s{ font-size: .9em !important; }
.m{ font-size: 1em !important; }
.l{ font-size: 1.1em !important; }
.xl{ font-size: 1.2em !important;}
.xxl{ font-size: 1.3em !important; }
.xxxl{ font-size: 1.4em !important; }

hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
fieldset{ border: 0; padding: 0; margin: 0; }
legend{ visibility: hidden; }
input, textarea, select{ font-family: Arial, Helvetica, sans-serif; border: 1px solid #091E4E; vertical-align: middle; }
fieldset{ border: 0; background-color: #F5FAFE; padding: 5px 30px 10px 30px; }
.btn{ color: White; background-color: #091E4E; cursor: pointer; font-weight: bold; }
textarea{ font-size: 1em; }
h2{ color: #003366; background: White; font-size: 1.7em; font-family: Arial, Helvetica, sans-serif; margin: 15px 0; line-height: 1.25em; padding: 10px 0 0 0;  margin-bottom: 10px;}
h3{ /*color: #0066CC;*/ color: #C20003; background-color: White; font-size: 1.1em; margin: 1.5em 0 .3em 0; }
h4{ color: #003366;  font-size: 1em; margin: 1.5em 0 .3em 0; }
#plocha a{  color: #091E4E; background-color: transparent;}
#plocha a:hover{ color: #3366FF;  }
a{ color: #CC0000; background-color: transparent; }
a:hover{ color: #FF0000; }
a:visited{ color: #6699CC; }
ul.seznam { margin: 1em 0 1em 5px; padding: 0; }
ul.seznam li{line-height: 1.3em; background: transparent url(../img/li2.gif) no-repeat 0 .75em; padding: .2em 0 .2em 15px; list-style-type: none; }
ul.seznam ol li{ background: None; padding-left: 0; list-style-type: decimal; }
.blue{ color: #0066CC; }
.rozpal{ line-height: 1.5em; }
.red{ color: #C20003 !important; }

.obr, .gal img{ border: 3px solid #EBF5FD; float: left; margin: 0 0px 4px 4px; }
.gal{ margin-top: 4px; }
.obr3{ border: 3px solid #EBF5FD; display: block; margin: 0 auto; }
.obr2{ border: 3px solid #EBF5FD; float: right; margin: .5em 0 5px 20px; }
.obrbox{ float: right; width: 250px; margin-left: 20px; margin-right: 10px; }
.obrbox img{ display: block; border: 3px solid #EBF5FD; margin: 4px 0 0 0; }

a img{ border: 0; }

#cont{ background: White url(../img/head-back.gif) repeat-x; }
div#base{ font-size: .85em; width: 996px;}
#up{ color: White; background: #608FE7 url(../img/up-back.gif) no-repeat 118px 0; text-align: right; padding: 1px 25px; font-weight: bold; margin: 0; }
h1{ margin: 0; background: #091E4E url(../img/head/home.jpg) no-repeat 167px 0; height: 114px; }
h1 img{ display: block; border: 0; margin: 0 0 0 0; }
h1 a{ width: 200px; }
h1 #logo{ display: block; position: absolute; top: 0; left: 0; }
#menu{ background: White url(../img/m-back.gif) no-repeat; height: 29px; padding: 0 0 0 142px; }
#menu ul, #menu ul ul{ padding: 0; margin: 0; list-style-type: none;  width: 847px; }
#menu li{ float: left;   behavior: url(/hover.htc); }
#menu a{ display: block; white-space: nowrap; color: #091E4E; text-decoration: none; width: 96px; margin-left: 8px; font-weight: bold; background: #F5F9FD url(../img/m-sip3.jpg) no-repeat 0 0; }
#menu a:hover{ color: #C20003; }
#menu a.first{ background-image: url(../img/m-first2.jpg); margin-left: 20px;}
#menu a.first span{ padding-left: 38px; }
#menu span{ display: block; padding: 4px 0px 8px 23px; }
#menu ul ul{ position: absolute; left: 159px; top: 161px; display: none; background: #F4F4F4 url(../img/sub-back.gif) no-repeat 0 0;  width: 837px;}
#menu ul ul li{ float: left; position: static; }
#menu ul ul a{ font-weight: normal; font-size: .8em; width: auto; background: #F4F4F4 url(../img/sub-sip.gif) no-repeat 0 9px; padding: 6px 0px 5px 8px; color: #091E4E; }
#menu li:hover ul, #menu li.hover ul{ display: block; }
#menu ul ul li.spec2{ padding-left: 460px; }

#main{ background: White url(../img/back.gif) repeat-y; }
#index{ background: transparent url(../img/main-back.gif) repeat-x 200px 0;  margin-left: 144px;}
#plocha{  height: 440px; background: transparent url(../img/main.gif) no-repeat;  padding: 20px 28px 20px  40px; line-height: 1.4em;}
.index #plocha{ background: transparent url(../img/main2.jpg) no-repeat; padding: 25px 20px; }
html>body #plocha{ min-height: 440px; height: auto; }
#pata{ background: #EBF5FD url(../img/back.gif) repeat-y; font-size: .85em; color: #091E4E;  }
#pata p{ margin: 0; padding: 7px 30px; }
#pata a{ color: #091E4E; }

#news, #sub{ width: 124px; position: absolute; left: 10px; top: 200px; color: White; font-size: .8em; }
#news h3{ font-size: 1.1em; color: White; background-color:  #091E4E; }
#news a{ color: White; }
#sub{ left: 0px; width: 144px; }
#sub ul, #sub ul ul{ list-style-type: none; margin: 0; padding: 0; }
#sub a{ display: block; color: white; text-decoration: none; padding: 5px 0px 5px 10px; font-weight: bold; font-size: 1.1em; background: #091E4E url(../img/sip.gif) no-repeat 0 8px; }
#sub a:hover{ color: #C20003; background-color: #091E4E; }
#sub ul ul{ margin-bottom: 6px; margin-top: 0px; }
#sub ul ul li{ padding-left: 9px; }
#sub ul ul a{ font-weight: normal; font-size: 1em; background: #091E4E url(../img/sip3.gif) no-repeat 0 7px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; }
#news a{ border: 0; background: transparent url(../img/sip.gif) no-repeat 100% 4px; padding-right: 7px; color: #C70102; }
.index #plocha{ padding-left: 500px; padding-bottom: 60px;  }
.index #plocha p{ text-align: justify; }
.index h2 span{ display: block; font-size: 1.2em; }
.index h2{ margin-top: 5px; }
.nahoru{ background: transparent url(../img/top.gif) no-repeat 0 6px; padding-left: 11px; }

.novinka{ margin: 1.5em 0; }
.novinka h3{ margin: 0; font-size: 1em; }
#plocha .novinka h3 a{ color: #C20003; text-decoration: none; }
#plocha .novinka h3 a:hover{ color: #3366FF;  }
.novinka p{ margin: 0; }

div.potvrzeni{ width: 230px; height: 110px; background-color: #87CEFA; color: black; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }

table.tab{ font-size: 1em; border-collapse: collapse; margin: 12px 0; border: 1px solid #091E4E; font-size: .9em; line-height: 1.2em;  }
table.tab th{ color: White; background-color: #091E4E; padding: 5px 5px; font-weight: bold; text-align: left; border-right: 1px solid white; border-bottom: 2px solid #C20003; }
table.tab td{ border: 1px solid #091E4E; padding: 2px 5px; background-color: white;  }
tr.sec td{  background-color: #F5FAFE;}
table.tab th.last{ border-right: 0; }
table.tab2 th{border: 1px solid #C20003; border-right: 1px solid white;color: White; background-color: #C20003;border-bottom: 2px solid #091E4E; }
table.tab2 td{ border: 1px solid #C20003; padding: 3px 5px;  }
table.tab2{ border: 2px solid #C20003; }
table.tab3 td{ padding:4px 10px;  }

.tt { border: 1px solid #091E4E; font-size: .8em; border-collapse: collapse;  }
.tt td{ border: 1px solid #091E4E; padding: 2px 2px; line-height: 1.2em; }
.tt td.ttblank{ border-left-color: White; border-right-color: White;border-top-color: White;}
.tt h4{ font-size: 1.1em; }
.tt h3{ font-size: 1.2em; }

.sub-company h1{ background-image: url(../img/head/company.jpg); }
.sub-depot h1{ background-image: url(../img/head/depot.jpg); }
.sub-contact h1{ background-image: url(../img/head/contact.jpg); }
.sub-services h1{ background-image: url(../img/head/services.jpg); }
.sub-terminal h1{ background-image: url(../img/head/terminal.jpg); }

table.formik th{ text-align: right; padding-right: 10px; }

.navigace{ font-size: .8em; line-height: 1.4em; }
.navigace img{ vertical-align: middle; margin: 0 10px; }

.tisk{
	background: transparent url(../img/tisk.gif) no-repeat;  margin-right: 25px; line-height: 1.4em; padding: 1px 0 1px 23px;
}
.site a{
	font-weight: bold; line-height: 1.3em;
}
.site ul a{
	font-weight: normal;
}
.site ul ul li{
	 padding-top: 0px; padding-bottom: 0px;
}
.site ul ul a{
	font-size: .85em;
}

a img.thumb
{
	padding-right: 10px;
}


}