@media screen, projection, tv{
html,body{ margin: 0; padding: 0; text-align: center;  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  font-size: 100%; color: #0C1B66;}
body.index{  background: #1A489F url(../img/back.jpg) repeat-x; }
body{  background: white url(../img/back2.gif) repeat-x; }
.center{ text-align: center; }
.right{ text-align: right; }
.left{ text-align: left; }
.obr{ float: left; margin: 0px 10px 5px 0; border-width: 0px; display: block; }
.obr2{ float: right; margin: 0px 0px 5px 10px; border-width: 0px; display: block; }
.obr3{ border: 1px solid #0C1B66; }
.kur{ font-style: italic; }
.odskok{ padding-top: 13px; }
.no{ display: none !important; }
.bezmarginu{ margin: 0 !important ; }
.nofloat{ clear: both; }
.proexp{ position: relative; }
.bezramu{ border: 0 !important ;  }
.clear{ clear: both; }
.float-right{ float: right; }
.hidden{ position: absolute; top: -10000px; left: -10000px; }
.btn{ background-color: #486DBA; color: white; text-decoration: none; font-size: .9em; border: 1px solid #172F62; border-color: #D6DDF7 #172F62 #172F62 #D6DDF7;  text-align: center; text-transform: uppercase;font-weight: bold; cursor: pointer; }
a.btn{ padding: 2px 7px; }
a:hover.btn{ color: White; text-decoration: underline;}
.bold{ font-weight: bold; }
.obr-text{ vertical-align: text-bottom; }
.top{ vertical-align: top; }
a {color: #003399;}
a:hover   {color: black;}
/*a:visited   {color: #98A1C2;}
a:active   {color: #003399;}*/
h1{ color: #1A489F; font-size: 1.9em; margin: .7em 0; }
h2{ color: #003399; font-size: 1em; font-weight: bold; margin: 0; padding: 0; margin: .8em 0 .4em; }
h3{ font-size: 1.1em; color: #003399; }
hr{ display: none;}
fieldset{ border: 0; padding: 0; margin: 0; }
legend{ visibility: hidden; }
input, textarea, select{font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; margin: 3px 0; border: 1px solid #003399; color: #0C1B66; }
input#btn-s{ border: 0; color: White; background: transparent url(../img/btn.png); font-size: .9em; width: 44px; padding: 2px 0 3px 0; margin-left: 2px; }
textarea{ font-size: 1em; }
td{ padding: 3px 7px; vertical-align: top; }
form td{ vertical-align: middle; }
address{ font-style: normal; }
.gal2 td{ padding: 3px 2px; vertical-align: top; }
.middle{ vertical-align: middle !important ; }
.tlacitka{ margin: 0; padding: 5px 0; }
.tlacitka a{ float: right; margin-left: 5px; }

div#base{ text-align: left; font-size: .7em; }
div#head{ background-color: #4C6CBF; color: White; padding: 22px 20px 4px 16px; }
div#head img{ border: 0px;  }

div#menu{ position: absolute; left: 30px; top: 91px;  background: transparent url(../img/menu-l.gif) no-repeat 0 0; padding-left: 4px;}
div#menu ul, div#nav ul,div#menu ul ul, div#submenu ul{ margin: 0; padding: 0; list-style-type: none;}
div#menu li, div#nav li{ float: left;}
div#menu li{ position: relative;   behavior: url(/hover.htc);}
div#menu li.last{ background: transparent url(../img/menu-r.gif) no-repeat 100% 0; padding-right: 10px; }
div#menu a{ cursor: pointer; background: #1A489F url(../img/m-left.gif) no-repeat 0 0; display: block; text-align: left; color: White;  font-weight: bold; font-size: 1.1em; text-decoration: none; }
div#menu a span{ display: block; position: relative; background: transparent url(../img/m-right.gif) no-repeat 100% 0; }
div#menu a span span{ display: block; position: relative; padding: 5px 12px; width: auto; background: #1A489F url(../img/m-top.gif) repeat-x 0 0; margin: 0 3px 0 4px; border-bottom: 1px solid #1A489F;  border-top: 1px solid #1A489F; }
div#menu a span span#b1{ width: auto; }
div#menu a:hover, div#menu li:hover a, div#menu li.hover a{ background-position: 0 -27px; }
div#menu a:hover span, div#menu li:hover span, div#menu li.hover span{ background-position: 100% -27px; }
div#menu a:hover span span, div#menu li:hover span span, div#menu li.hover span span{ border-top: 0; padding-top: 6px; border-bottom: 1px solid #DAE1F0; background: #426EC0 url(../img/m-top-on.gif) repeat-x 0 0; }
div#menu ul ul{ display: none; position: absolute; top: 27px; left: 0px; padding: 3px 0 9px 0; border-top: 1px solid #D1D7EF;  background: transparent url(../img/sub-down.gif) no-repeat 0 100%;  }
div#menu ul ul a{ background: #426EC0 none !important; position: relative; color: White; font-weight: bold; border-style: solid; border-width: 1px; border-color: #426EC0 #244789 #426EC0 #BFCEE8; border-left-width: 0px; text-decoration: none; display: block; width: 145px; }
div#menu li:hover ul, div#menu li.hover ul{ display: block; }
div#menu ul ul span{ border-top: 1px solid #426EC0; position: relative; border-bottom: 1px solid #426EC0; padding: 4px 5px 4px 15px; margin: 0 !important ; background: none !important; ; border-right: 1px solid #6689C9; }
div#menu ul ul a:hover{ border-top: 1px solid #244789; border-bottom: 1px solid #86A3DC; background: #426EC0 none; }
div#menu ul ul li{float: none; border-left: 1px solid #CED9F0; border-right: 1px solid #12377F; }
div#menu ul ul a:hover span{ border-bottom: 1px solid #244789; border-top: 1px solid #86A3DC; background: #4874C6 url(../img/sub-sip.gif) no-repeat 0 6px  !important; }
div#menu ul ul.sub-spec{ background-image: url(/img/sub-down2.gif); }
div#menu ul ul.sub-spec a{ width: 185px; }
div#submenu{ width: 180px; position: absolute; top: 136px; left: 6px; padding-top: 5px; background: transparent url(../img/submenu-top.gif) no-repeat; }
div#submenu li, div#submenu div{ border-left: 1px solid #BDC6E7; border-right: 1px solid #BDC6E7; }
div#submenu a{ display: block; padding: 6px 5px 5px 15px; background-color: #184AA5; color: White; font-weight: bold; text-decoration: none; border-bottom: 1px solid #083184; border-top: 1px solid #396BC6; }
div#submenu a:hover{ background: #426BC6 url(../img/submenu-sip.gif) no-repeat 0 7px; color: White; border-top: 1px solid #94ADE7; }
div#submenu img{ display: block; border-bottom: 1px solid #BDC6E7;}
div#submenu div#pod{ background: #184AA5 url(../img/submenu-pruh.gif) repeat-x; padding-top: 7px; }
div#submenu div#ram{ border: 1px solid #6B7BA5; border-top-width: 0px; }
div#se{ position: absolute; top: 94px; left: 813px; width: 180px; }
div#se .pole{ width: 100px; font-size: 1em; padding: 0 3px 0 3px; }
div#se .btn{ border-width: 1px; border-color: #FFFFFF #172F62 #172F62 #FFFFFF; background-color: #486DBA; color: White; font-size: .8em; }

div#nav{ position: absolute; right: 10px; top: 30px; }
div#nav img{ border-width: 0px; margin: 0; display: block;}
div#nav ul{ width: 330px; }
div#nav a{ background: transparent url(../img/nav-sip.gif) no-repeat 0 7px; display: block;  padding: 5px 0 5px 10px; margin: 5px 0 0 15px; }
div#nav a:hover{ background-position: 3px 7px; }

div#main-index{ background: transparent url(/img/ind_key_visual_0_b.jpg) no-repeat; position: relative; color: #2A55A6; padding-top: 160px; margin-top: 37px; width: 990px; }
div#main{ background-color: White; color: #0C1B66; margin-top: 37px; padding: 18px 10px; font-size: 1.1em;}
div#main div#plocha{ margin: 0 0 0 206px; }
div#stred{ width: 750px; }
div#stred li{ line-height: 1.5em; }
ol.vypis li, ul.vypis li{ margin-bottom: 12px; }
ol ul{ list-style-type: disc; margin-left: 10px; padding-left: 10px; }
div.nad{ background: gray url(/img/folder_top_bg.gif) repeat-x; font-size: 1px; height: 6px; border-left: 1px solid #243C71; border-right: 1px solid #243C71; }
div#plocha{ margin: 0 243px 0 292px; }
div.box{ border: 1px solid #96A7CF; background-color: White; color: #2A55A6; padding: 0 15px; }
div.box h2{ padding: .5em 0 0 0; }
div.box h2 p{margin: 0; padding: 0;}
div.box h2 ul{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}


div#left{ width: 212px; position: absolute; left: 50px; top: 4px; }
div#right{ width: 212px; position: absolute; right: 5px; top: 3px; }
div#left div.nad, div#right div.nad, div.boxik div.nad{ margin-top: 10px; }
div.upoutavka div{ border: 1px solid #687AA1; border-width: 0px 1px; border-bottom: 1px solid #21386A; }
div.upoutavka img{ border: 1px solid #B9C2E5; border-width: 0px 1px; }
div.upoutavka p{ margin: 0; color: White; font-weight: bold; background-color: #5372C2; border-width: 1px; border-style: solid; border-color: #C6D0EB #A2ACC8 #A2ACC8 #4460A7; }
div.upoutavka p span{ display: block; padding: 4px 5px; border-width: 1px; border-style: solid; border-color: #C6D0EB #839AD3 #5372C2 #849BD4; border-top-width: 0px; }

div#left h3, div#right h3, .boxik h3{ margin: 0; border-left: 1px solid #4460A7; border-right: 1px solid #A2ACC8; background: #4B6CBF; color: White; font-size: 1em; }
div#left h3 span, div#right h3 span, .boxik h3 span{ display: block; padding: 2px 5px; border-left: 1px solid #849BD4;  border-right: 1px solid #839AD3; }
div.sloup{ border: 1px solid #96A7CF; border-top: 0px; background-color: #BBCEF6; }
div.in, div.in2, div.in3, div.in4, div.in5{ border: 1px solid white; border-top: 0; padding: 1px 0 0 0px; text-align: left;  /*background: transparent url(/img/pfeil.gif) no-repeat 7px 5px;*/}
div.in p{ padding: 0 10px; margin: 12px 0; }
div.in a{ color: #003399; }
.boxik{ width: 250px; float: right; line-height: 1.5em; margin-left: 30px; }
.boxik h3{ margin: 0; }
div.nad2{ background: gray url(/img/folder_top_bg.gif) repeat-x; font-size: 1px; height: auto; padding: 1px 0 2px 0; margin: 0; line-height: normal; border-left: 1px solid #243C71; border-right: 1px solid #243C71; }

ul#cert ul{ margin-bottom: 0; padding-bottom: 0; }
ul#cert li{ clear: both; border-bottom: 1px solid #4C6CBF; }
ul#cert li img{ border: 1px solid silver; margin-bottom: 3px; }

.tab2 img{ display: block; margin-bottom: 4px; border: 0; }
.tab2 td{ text-align: center; padding: 10px 18px; }
.tisk h2{ padding-bottom: 0; }
.tisk p{ margin-top: 0; padding-top: 0; }
h2.faq{ background-color: #5777C8; color: White; font-size: 1.2em; padding: 6px 10px; margin: 0; }
td.cs-table-heading{ background-color: #9DAEDF; color: White; }
td.cs-table-content{ background-color: #CED6F2; color: #0C1B66; }
table.faq{  border: 1px solid white; border-collapse: collapse; width: 100%; }
table.faq td{ border: 1px solid white; }
.site{ width: 100%; background-color: #F0F3FB; }
.site td{vertical-align: top; font-size: .95em; line-height: 1.8em; padding: 0;}
.site ul{ margin: 0; padding: 0; list-style-type: none;}
.site li{  line-height: 1.2em;}
.site li a{ padding: 4px 0px; font-weight: bold; color: #003399; display: block;}
.site li ul li{background-color: #F0F3FB; padding: 0 10px;}
.site li ul li a{font-weight: normal;}
.site a span span{background-color: #9DAEDF; display: block; padding: 4px 10px;}
.site a:visited span span{ color: #003399;}

.polozka{ clear: both; border-bottom: 1px solid #D3D2F1; padding: 15px 0 5px 0; }
.polozka h2{ line-height: 1.6em; padding: 0; margin: 0; }
.polozka h2.novinka{ background: White url(../img/novinka.gif) no-repeat; padding-left: 75px; }
.polozka img{ float: right; border: 0; margin: 0 0 0 7px; }
.polozka p{ margin: 0; margin-right: 100px; color: Black; }
.polozka p.text{ padding-top: 4px; text-align: justify; }
.polozka p.podr, .polozka p.detail{ line-height: 1.8em; }
.polozka p.detail{ text-align: right; width: 7em; float: right; text-align: right; margin-right: 25px; padding: 0 1px; clear: both; }
.polozka table{ clear: both; }
.polozka td{ padding: 2px 10px 2px 0; line-height: 1.6em; }
.lomic { clear: both; }
.lomic hr{ display: none; }
.polozka-detail p{ margin: 1em 0; }
.box1{ width: 347px; float: left; margin-right: 20px; }

table.tab{ width: 347px; font-size: 1em; margin: 12px 0;  border-bottom: 4px solid #9FACE0; border-right: 1px solid white;}
table.tab th{ color: White; background: #5877C9 url(../img/th.gif) repeat-x; padding: 6px 0 6px 7px ; font-weight: normal; text-align: left; border-bottom: 2px solid white; }
table.tab th span{ border-right: 1px solid white; display: block; padding-right: 7px; }
table.tab th.last{ padding-right: 7px; border-right: 1px solid white; }
table.tab td{ border: 1px solid white; padding: 4px 7px; background-color: #CFD6F3; border-left: 0; border-top: 0; white-space: nowrap; }
tr.sec td{ background-color: #BDC6ED; color: black; }
table.tab2{ width: 750px; }
table.tab2 td{ white-space: normal; text-align: left; }
table.tab2 th{ background-image: none; border-right: 1px solid white; font-weight: bold; }
table.kosik{ width: 100%; }
table.kosik th{ font-size: .9em; }
table.nabidka{ width: 530px;}
table.nabidka img{float: left; margin: 0px 5px 0 0;}
table.nabidka input, table.kosik input{ margin: 0; font-size: .8em; }
table.nabidka td{ padding: 0px 7px; }
table.vnorena{ margin: 0 0 0 38px; border-bottom: 0px; margin-bottom: 2px; empty-cells: show; border: 1px solid black; float: right;} 
table.vnorena th{ background-image: none; white-space: nowrap; font-weight: bold; font-size: .9em; }
table.rozbalovaci td, table.vnorena td{ color: Black; background-color: #BDC6ED; }
table.rozbalovaci tr.spe2 td{ color: Black; background-color: #CFD6F3; }
table.vnorena td{ padding: 0px 7px; }

a.plus{ text-decoration: none; font-weight: bold; }
.bold{ font-weight: bold; }
#oleje{ text-align: center; padding: 10px 0; margin: 0; }
#oleje select{ width: 195px; font-size: .9em; }

/*ESHOP*/
#log-info{ text-align: right; float: right; font-size: .9em; margin: 0; position: relative;  }
.login-pole{ padding: 12px; margin: 0 auto; text-align: left; width: 350px; background-color: #BBCEF6; border: 1px solid #96A7CF; }
.login-pole2{ width: 480px; margin: 0 auto; padding: 5px 12px; }
#cesta{ margin: 0; }

}