/*NASTAVENIA STYLOV / CSS STYL*/
/* Texty */
.mod_text { font-size: 1em; line-height: 13px; color: black; }
table.tabulka p { padding: 0; }
.mod_text ul li p { padding: 2px 10px; }
.mod_text img { padding: 10px 5px; }
.mod_text .mod_text_images img { padding: 2px; border: 1px solid gray; margin: 8px; }
.mod_text table td { padding: 3px 5px; }
.nadpis_h1, .span_1 { font-size:18px; margin:12px 0 10px 0; text-transform: uppercase; }
.nadpis_h2 { font-size: 14px; margin:12px 0 10px 0; text-transform: uppercase; }

.odkaz_oktan { position: absolute; top: 118px; left: 52px; width: 100px; }
.odkaz_oktan a { text-decoration: none; color: #FECB33; }
.odkaz_oktan a:hover, .odkaz_oktan a:visited { color: #FECB33; }

.originalCss p:first-letter{ margin-left:0px; }
.originalCss p.bez_medzery { padding:0px; }
.originalCss p.bez_odseku:first-letter {margin-left:0px; padding:0px; }
 
.text1{ color:#000; font-size:13px; font-weight:normal;  font-family: Tahoma, Arial, Helvetica, Georgia, Sans-serif, Trebuchet, Courier, Geneva, "Courier New", "Bookman Old Style", "Times New Roman"  ; line-height: 14px;  }

.text2 { color:#000; font-size:13px; font-weight:normal;  font-family: "Courier New", "Bookman Old Style", "Times New Roman"  ; line-height: 14px;  }

.text3 { color:#000; font-size:14px; font-weight:normal;  font-family:  "Times New Roman"  ; line-height: 15px;  }

.text4 { color:#000; font-size:14px; font-weight:normal;  font-family: Verdana, Tahoma, Arial, Helvetica, Georgia, Sans-serif, Trebuchet, Courier, Geneva, "Courier New", "Bookman Old Style", "Times New Roman"  ; line-height: 16px;  }

.podnadpis_h3, .podnadpis_S1, .podnadpis_S2 { font-size:12px; text-transform: uppercase; margin: 8px 0 4px 0; color: #05308C; }

.logo_odklik { position: absolute; top: 30px; left: 54px; }

.uvodny_clanok { width: 727px; height: 483px; margin: 0px -14px 0 0; padding: 0; background: url(/oktan/userfiles/web/uvodny_clanok_oktan2.png) no-repeat left top; }
.uvodny_clanok .mod_text { display: block; margin: 0px 16px 0 355px; text-align: left; color: white; }
.uvodny_clanok .mod_text table { border: 0 none; }
.uvodny_clanok .mod_text table td { height: 238px; vertical-align: top; }
.uvodny_clanok .tlacidlo_uvod { opacity: 0.8; }
.uvodny_clanok .tlacidlo_uvod:hover { opacity: 1; }
.vyhladavanie { position: absolute; width: 188px; height: 19px; left: 725px; top: 168px; background: url(/oktan/userfiles/web/vyhladavanie.jpg) no-repeat; }
.vyhladavanie .text_input { float: left; background: none; border: 0 none; width: 130px; margin: 2px 8px 0; font-size: 11px; }
.vyhladavanie .submit_button { float: left; background: none; border: 0 none; width: 38px; margin-left: 4px; }

.paticka { position: absolute; top: 67px; left: 0; width: 480px; padding: 10px 35px; }
.paticka .mod_text { color: white; }
.paticka a, .paticka a:hover, .paticka a:visited { color: white; }

.karty_meniace { position: absolute; z-index: 10; top: 20px; right: -41px; }

.klikacia_mapa { width: 621px; height: 309px; position: relative; background: url(/oktan/userfiles/images/mapa.jpg) no-repeat left top; }
.klikacia_mapa a { position: absolute; font-size: 10px; padding-top: 23px; text-align: center; background: url(/oktan/userfiles/images/mapa_logo_small.png) no-repeat center top; color: black; }
.klikacia_mapa a:hover { background: url(/oktan/userfiles/images/mapa_logo_big.png) no-repeat center top; color: red; }
.klikacia_mapa a.trnava { top: 196px; left: 60px; }
.klikacia_mapa a.topolcany { top: 180px; left: 110px; }
.klikacia_mapa a.bystrica { top: 128px; left: 212px; }
.klikacia_mapa a.banovce { top: 132px; left: 106px; }
.klikacia_mapa a.brezno { top: 115px; left: 295px; }
.klikacia_mapa a.dubnica { top: 80px; left: 130px; }
.klikacia_mapa a.mikulas { top: 64px; left: 260px; }
.klikacia_mapa a.kezmarok { top: 48px; left: 388px; }
.klikacia_mapa a.poprad { top: 86px; left: 350px; }
.klikacia_mapa a.sobota { top: 86px; left: 386px; }
.klikacia_mapa a.kosice { top: 126px; left: 464px; }
.klikacia_mapa a.michalovce { top: 122px; left: 527px; }

.odkaz_google { position: absolute; right: 20px; top: 56px; text-align: center; }
.odkaz_google p { color: white; padding: 2px; }
.odkaz_google p img { padding: 0 5px; }
.odkaz_google a, .odkaz_google a:visited { color: white; }


.ciara { border-bottom:1px solid red; background:url(/oktan/userfiles/images/ciara.jpg); display:block; height:3px;  }

.aktuality_uvod { position: absolute; width: 247px; height: 47px; background: url(/oktan/userfiles/web/aktuality_uvod.png) no-repeat left top; left: 389px; bottom: 96px; }
.aktuality_uvod .pohyblive_aktuality { width: 235px; display: block; margin-top: 23px; margin-left: 5px; }
.aktuality_uvod .pohyblive_aktuality a { color: black; text-decoration: none; }
.aktuality_uvod .pohyblive_aktuality .item { padding-right: 50px; }
.aktuality_uvod .pohyblive_aktuality .item .nadpis { font-weight: bold; }
.cerpacia_stanica { }
.cerpacia_stanica .paliva { border: 0 none; }
.cerpacia_stanica .paliva td { vertical-align: top; font-size: 9px; line-height: 9px; }
.cerpacia_stanica .paliva td img { padding: 0; }
.cerpacia_stanica .cs_nadpis { font-size: 14px; border-top: 1px solid #aaaaaa; width: 510px; margin-top: 7px; padding: 7px 0; }

.aktuality .item { display: block; padding: 10px; margin-bottom: 10px; border-bottom: 1px solid black; }
.aktuality .item h3 a { color: black; text-decoration: none; font-size: 16px; }





/*NASTAVENIA STYLOV / STYL OBRAZKU*/
 .mod_text img.border {  border: 0px solid #FFFFFF;  padding: 0px;  margin: 0px;  background: #FFFFFF;  } 
 .imageBorder1 img {  border: 0px solid #FFFFFF;  padding: 0px;  margin: 0px;  background: #FFFFFF;  } 
 .mod_photogallery2 img {  border: 0px solid #FFFFFF;  padding: 0px;  margin: 0px;  background: #FFFFFF;  } 

/*NASTAVENIA STYLOV / STYL NADPISU*/
  .header h1,.module_wrapper .head h2,.module_wrapper h2.title {  font-family: Arial, Helvetica, sans-serif;  font-size: 14px;  color: #000088; margin:0; padding:5px 0 5px 30px; } 
 .header,.module_wrapper .head{ margin-bottom:10px; padding:0 10px 10px 10px; } 
 .header .line{ margin:0px; border-bottom:1px solid silver; border-top:1px solid #eee;display:block; clear:both; height:0; } 


/*NASTAVENIA STYLOV / NASTAVENIE CESTY*/
 .path  { display:block; margin:10px 0; padding:10px; border-bottom:1px solid silver;font-size:12px; } 
 .path a{ color:#000088;text-decoration:none; } 
 .path a:hover{ color:#00ffff;text-decoration:underline; } 

/* MENU / TYPY MENU */ 

.menutype6 { display: block; width: 220px; /* height: 437px; */ padding-top: 36px; background: url(/oktan/userfiles/web/left_menu.jpg) no-repeat left top; margin-bottom: 15px; }
.menutype6 ul li { display: block; list-style: none; width: 161px; padding: 4px 0; text-align: center; background: url(/oktan/userfiles/web/tlacidlo_left.jpg) no-repeat left top; margin: 0 0 10px 30px; }
.menutype6 ul li a { font-size: 14px; font-weight: bold; font-family: "Quartz Bold"; color: white; text-decoration: none; text-transform: uppercase; display: block; height: 20px; text-align: center; }

.menutype6 ul li.open ul { display: block; margin-top: 10px; }
.menutype6 ul li.closed ul { display: none; }

.menutype6 ul ul li { background: none; text-align: left; padding: 0; margin: 0 0 0 20px; }

.menutype6 ul ul li a { text-transform: none; font-size: 12px; font-family: "Trebuchet MS"; display: inline; height: auto; }
#left .menutype6 ul ul li a,
#left .menutype6 ul ul li a:hover { background: none; }
.menutype6 ul ul li a:hover,
.menutype6 ul ul li a.active { color: #fecd00; text-decoration: underline; }

.menutype6 ul li a span { display: none; }
.menutype6 ul ul li a span { display: inline; }

.menutype6 .item1 a { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat -212px 3px; }
.menutype6 .item1 a:hover { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat 7px 3px; }

.menutype6 .item2 a { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat -212px -37px; }
.menutype6 .item2 a:hover { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat 7px -37px; }

.menutype6 .item3 a { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat -212px -77px; }
.menutype6 .item3 a:hover { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat 7px -77px; }

.menutype6 .item4 a { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat -212px -117px; }
.menutype6 .item4 a:hover { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat 7px -117px; }

.menutype6 .item5 a { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat -212px -157px; }
.menutype6 .item5 a:hover { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat 7px -157px; }

.menutype6 .item6 a { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat -212px -197px; }
.menutype6 .item6 a:hover { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat 7px -197px; }

.menutype6 .item7 a { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat -212px -237px; }
.menutype6 .item7 a:hover { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat 7px -237px; }

.menutype6 .item8 a { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat -212px -277px; }
.menutype6 .item8 a:hover { background: url(/oktan/userfiles/web/left_menu_texty.png) no-repeat 7px -277px; }
.menutype7 { position: absolute; left: 86px; top: 90px; }
.menutype7 ul li { display: inline; float: left; padding: 0 11px 0 10px; background: url(/oktan/userfiles/web/spodne_menu.gif) no-repeat right 4px; }
.menutype7 ul li.last { background: none; }
.menutype7 ul li a { text-decoration: none; font-size: 12px; color: #b2c2f0; }
.menutype8 { width: 580px; height: 35px; position: absolute; top: 105px; left: 316px; z-index: 15 }
.menutype8 ul li { display: inline; float: left; padding: 0 13px; }
.menutype8 ul li a { color: white; display: block; height: 35px; background-image: url(/ioktan/userfiles/web/topmenu.png); }
.menutype8 ul li a:hover,
.menutype8 ul li a.active { background-image: url(/ioktan/userfiles/web/topmenu_hover.png); }
.menutype8 ul li a span { display: none; }




.menutype8 ul li.uvod a { width: 31px; background-position: left top; }
.menutype8 ul li.oki_karta a { width: 56px; background-position: -57px top; }
.menutype8 ul li.preco a { width: 125px; background-position: -142px top; }
.menutype8 ul li.akcie a { width: 30px; background-position: -290px top; }
.menutype8 ul li.otazky a { width: 68px; background-position: -348px top; }
.menutype8 ul li.cerpacie a { width: 94px; background-position: -440px top; }
.menutype9 { float: left; padding: 0 0 16px 10px; border-bottom: 2px solid gray; }
.menutype9 ul li { display: inline; float: left; width: 161px; height: 23px; margin: 0 3px 3px 0; background: url(/oktan/userfiles/web/oktan_tl_cs.png) no-repeat left top; }
.menutype9 ul li.last { margin-right: 0; }
.menutype9 ul li a { text-decoration: none; color: white; display: block; text-align: center; padding: 3px 0; text-transform: uppercase;}
.menutype9 ul li a:hover,
.menutype9 ul li a.active { color: yellow; }