/* --------------------------- IE8, FF3, OPERA 9, CHROME --------------------------- */
/* --------------------------- CELKOVY VZHLED STRANKY --------------------------- */

* {
margin:0;
padding:0;
}

body, html {
font-family:Arial, Verdana, Courier, sans-serif;
font-size:8pt;
color:#797c80;
text-align:left;
line-height:16px;
background-image:url(obrazky/pozadi.png);
background-position:bottom left;
background-repeat:repeat-x;
background-attachment:fixed;
padding:0 0 8px 0;
}

div#cela_stranka {
width:980px;
margin:0 auto;
height:100%;
position:relative;
}

/* --------------------------- ODKAZY --------------------------- */

a:link, a:visited {
color:#0088cc;
text-decoration:none;
}

a:hover, a:active {
color:#0088cc;
text-decoration:underline;
}

/* --------------------------- OBRAZKY --------------------------- */

img, img a {
border:0px;
}

/* ================================
a.efekt_odkazu_obrazku img {
filter:alpha(opacity=60);
-moz-opacity:0.6; 
opacity:0.6;
-khtml-opacity:0.6;
}

a.efekt_odkazu_obrazku:hover img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
-khtml-opacity:1.0;
}
=================================*/
/* --------------------------- ODRAZKY --------------------------- */

ul li {
list-style-type:none;
}

ul.o_uroven_dal {
padding:5px 0 0 30px;
}

ul.o_dve_urovne_dal {
padding:5px 0 0 60px;
margin:-5px 0 0 0;
}

ul li.dva_radky {
margin-top:-11px;
padding:0 0 0 0;
}

ul.odrazka_ctverec li {
padding:0 0 2px 0;
margin:2px 0 2px 15px;
list-style-type:square;
}

/* --------------------------- TABULKY --------------------------- */

table {
border-width:1px;
line-height:12px;
margin-left:-2px;
}

td.error
{
color:#ff0000;
font-weight:bold;
}

th {
text-align:left;
padding-bottom: 10px;
}

/* --------------------------- VETSI MEZERA --------------------------- */

p {
padding-top:9px;
}

.mezera { 
padding-left:9px;
}

/* --------------------------- JEDNOTLIVE CASTI STRANKY --------------------------- */

/* --------------------------- HORNI CAST STRANKY --------------------------- */

div#horni_cast_stranky {
margin:0 0 0 0;
position:relative;
}

/* --------------------------- LOGO --------------------------- */

div#logo_asys {
margin:19px 0 0 0;
}

/* --------------------------- VYHLEDAVACI POLE --------------------------- */

div#vyhledavaci_pole {
width:108px;
height:20px;
margin:-19px 0 0 872px;
background:url(obrazky/vyhledavaci_pole.png);
}

input#pole_vyhledavace {
font-family:Arial, Verdana, Courier, sans-serif;
font-size:8pt;
color:#797c80;
background-color:transparent;
border-width:0px;
border-color:#000000;
border-style:solid;
width:90px;
margin:3px 0 0 3px;
}

input#lupa {
width:12px;
height:13px;
border:0px;
margin:-17px 0 0 94px;
}

/* --------------------------- HLAVNI MENU --------------------------- */

div#horni_menu {
width:980px;
height:38px;
position:absolute;
left:0px;
top:53px;
}

ul#hlavni_menu {
background:url(obrazky/menu.png);
background-repeat:no-repeat;
top:0px;
left:0px;
padding:0;
margin:0;
width:980px;
position:relative;
}

ul#hlavni_menu li {
width:auto;
float:left;
}

ul#hlavni_menu li a {
height:38px;
display:block;
position:absolute;
top:0px;
text-indent:-9999px;
outline:none;
}

li.pocitacove_site a, li.internet a, li.zabezpecovaci_systemy a, li.hardware a, li.telekomunikace a, li.skoleni a, li.zdravotnicka_technika a, li.eshop a, li.kontakt a {
background:url(obrazky/menu.png);
}

li.pocitacove_site a {
background-position:0 0;
width:108px;
left:0;
}

li.pocitacove_site a:hover {
background-position:0 -38px;
}

li.pocitacove_site a:active {
background-position:0 -76px;
}

body#divize_pocitacove_site li.pocitacove_site a {
background-position:0 -114px;
}

li.internet a {
background-position:-108px 0;
width:106px;
left:108px;
}

li.internet a:hover {
background-position:-108px -38px;
}

li.internet a:active {
background-position:-108px -76px;
}

body#divize_internet li.internet a {
background-position:-108px -114px;
}

li.zabezpecovaci_systemy a {
background-position:-214px 0;
width:129px;
left:214px;
}

li.zabezpecovaci_systemy a:hover {
background-position:-214px -38px;
}

li.zabezpecovaci_systemy a:active {
background-position:-214px -76px;
}

body#divize_zabezpecovaci_systemy li.zabezpecovaci_systemy a {
background-position:-214px -114px;
}

li.hardware a {
background-position:-343px 0;
width:106px;
left:343px;
}

li.hardware a:hover {
background-position:-343px -38px;
}

li.hardware a:active {
background-position:-343px -76px;
}

body#divize_hardware li.hardware a {
background-position:-343px -114px;
}

li.telekomunikace a {
background-position:-449px 0;
width:106px;
left:449px;
}

li.telekomunikace a:hover {
background-position:-449px -38px;
}

li.telekomunikace a:active {
background-position:-449px -76px;
}

body#divize_telekomunikace li.telekomunikace a {
background-position:-449px -114px;
}

li.skoleni a {
background-position:-555px 0;
width:106px;
left:555px;
}

li.skoleni a:hover {
background-position:-555px -38px;
}

li.skoleni a:active {
background-position:-555px -76px;
}

body#divize_skoleni li.skoleni a {
background-position:-555px -114px;
}

li.zdravotnicka_technika a {
background-position:-661px 0;
width:106px;
left:661px;
}

li.zdravotnicka_technika a:hover {
background-position:-661px -38px;
}

li.zdravotnicka_technika a:active {
background-position:-661px -76px;
}

body#divize_zdravotnicka_technika li.zdravotnicka_technika a {
background-position:-661px -114px;
}

li.eshop a {
background-position:-767px 0;
width:106px;
left:767px;
}

li.eshop a:hover {
background-position:-767px -38px;
}

li.eshop a:active {
background-position:-767px -76px;
}

body#divize_eshop li.eshop a {
background-position:-767px -114px;
}

li.kontakt a {
background-position:-873px 0;
width:107px;
left:873px;
}

li.kontakt a:hover {
background-position:-873px -38px;
}

li.kontakt a:active {
background-position:-873px -76px;
}

body#divize_kontakt li.kontakt a {
background-position:-873px -114px;
}

/* --------------------------- NAZEV DIVIZE --------------------------- */

div#nazev_divize {
margin:74px 0 0 0;
width:386px;
}

/*h1 {
width:auto;
float:left;
position:absolute;
color:#ffffff;
font-family:Arial, Verdana, Courier, sans-serif;
font-size:8pt;
font-weight:normal;
line-height:100%;
text-decoration:none;
margin:-50px 0 0 0;
z-index:-1;
} */

/* --------------------------- MENU DIVIZE --------------------------- */

div#menu_divize {
margin:-16px 0 0 0;
}

div#menu_divize ul.druhy_radek {
margin-left:-191px;
}

div#menu_divize li {
width:auto;
float:right;
}

h2.menu {
font-size:8pt;
font-weight:normal;
line-height:100%;
padding:5px 0px 0px 40px;
color:#000000;
}

h2.menu a:link, h2.menu a:visited {
color:#999999;
text-decoration:none;
}

h2.menu a:hover, h2.menu a:active {
color:#0088cc;
text-decoration:none;
}

/* --------------------------- HLAVNI CAST STRANKY --------------------------- */

div#hlavni_cast_stranky {
margin:28px 0 0 0;
}

/* --------------------------- NADPIS STRANEK DIVIZE = OPAKUJE NAZEV MENU DIVIZE--------------------------- */

h1 {
font-size:20px;
padding:0px 0px 20px 0px;
color:#000000;
}

h1 a:link, h1 a:visited {
color:#000000;
text-decoration:none;
}

h1 a:hover, h1 a:active {
color:#0088cc;
text-decoration:none;
}

/* --------------------------- NADPISY A ZVYRAZNENI TEXTU NA STRANKACH --------------------------- */

h3 {
font-size:11pt;
padding:17px 0 1px 0;
color:#252525;
}

h3.neodsazovat {
padding:0 0 1px 0;
}

h3.cerny_odkaz a, h3.cerny_odkaz a:visited {
color:#000000;
}

h3.cerny_odkaz a:hover, h3.cerny_odkaz a:active {
color:#0088cc;
text-decoration:none;
}


/* --------------------------- SLOUPCE NA STRANACH --------------------------- */

div#sloupec_vlevo, div#sloupec_vpravo {
background:url(obrazky/sloupec_prostredni_cast.png) repeat-y;
width:184px;
line-height:15px;
}

div#sloupec_vlevo {
margin:0 0 0 0;
}

div#sloupec_vpravo {
margin:14px 0 0 796px;
}

div.sloupec_horni_cast {
background:url(obrazky/sloupec_horni_cast.png) no-repeat bottom left;
height:33px;
}

div#sloupec_vlevo_dolni_cast {
background:url(obrazky/sloupec_dolni_cast.png) no-repeat bottom left;
height:463px
}

div#sloupec_vpravo_dolni_cast {
background:url(obrazky/sloupec_dolni_cast.png) no-repeat bottom left;
height:339px;
}

div.nadpis_sloupce {
font-size:9pt;
color:#ffffff;
padding:10px 0 0 18px;
}

div.datum {
font-size:9pt;
font-weight:bold;
color:#000000;
height:7px;
padding:12px 0 10px 0;
}

div.text_sloupce {
padding:3px 18px 18px 18px;
}

div.oddelovac_sloupce { 
background:url(obrazky/oddelovac_sloupce.png) no-repeat bottom left;
height:1px;
margin:12px 0 0 0;
}

div#tlacitko_eshop {
background:url(obrazky/tlacitko_eshop.png) no-repeat bottom left;
height:110px;
width:184px;
margin:-496px 0 0 796px;
}

h1.obchod {
padding:9px 0 0 18px;
font-size:11pt;
}

h1.mobily {
padding:51px 0 0 18px;
font-size:11pt;
}


h1.obchod a:link, h1.obchod a:visited {
color:#bac4cf;
text-decoration:none;
}

h1.mobily a:link, h1.mobily a:visited {
color:#bac4cf;
text-decoration:none;
}

h1.obchod a:hover, h1.obchod a:active {
color:#bac4cf;
text-decoration:underline;
}
h1.mobily a:hover, h1.mobily a:active {
color:#bac4cf;
text-decoration:underline;
}

/* --------------------------- HLAVNI RAMEC UPROSTRED --------------------------- */

div#ramec_uprostred {
background:url(obrazky/ramec_uprostred_prostredni_cast.png) repeat-y;
width:584px;
margin:-496px 0 0 198px;
}

div#ramec_uprostred_horni_cast {
background:url(obrazky/ramec_uprostred_horni_cast.png) no-repeat bottom left;
height:3px;
}

div#ramec_uprostred_dolni_cast {
background:url(obrazky/ramec_uprostred_dolni_cast.png) no-repeat bottom left;
min-height: 493px;
}

div#text_ramce_uprostred {
text-align:justify;
padding:43px 52px 43px 52px;
}

h6 {
font-family:Arial, Verdana, Courier, sans-serif;
font-size:11pt;
color:#252525;
text-align:justify;
padding:0 0 6px 0;
}

/* --------------------------- DOLNI RAMEC --------------------------- */

div#dolni_ramec {
background:url(obrazky/dolni_ramec_prostredni_cast.png) repeat-y;
width:980px;
margin:20px 0 0 0;
}

div#dolni_ramec_horni_cast {
background:url(obrazky/dolni_ramec_horni_cast.png) no-repeat bottom left;
height:3px;
}

div#dolni_ramec_dolni_cast {
background:url(obrazky/dolni_ramec_dolni_cast.png) no-repeat bottom left;
min-height:163px;
}

div#text_dolniho_ramce {
padding:5px 10px 15px 10px;
}
/*------------ VYPIS CLANKU DOLNI RAMEC (VARIANTA 3 VEDLE SEBE) --------------*/
div#trio_prvni{
 width: 305px;
 height: 130px;
 float:left; 
 border-right: 1px solid #DFDFDF; 
 text-align: justify; 
 padding-right: 10px; 
}
div.odkaz{
  position: relative;
  padding-top: 5px;
  float: right;
  padding-right: 10px;
}
div#trio_druhy{
  width: 305px;
  height: 130px; 
  float:left; 
  border-right: 1px solid #DFDFDF; 
  text-align: justify; 
  padding: 0px 10px 0px 10px; 
}
div#trio_treti{
  width: 305px;
  height: 130px;
  float:left; 
  text-align: justify; 
  padding: 0px 0px 0px 10px; 
}
/*------------ VYPIS CLANKU DOLNI RAMEC (VARIANTA 2 VEDLE SEBE) --------------*/
div#duo_prvni{
width: 455px;
 height: 130px;
 float:left; 
 border-right: 1px solid #DFDFDF; 
 text-align: justify; 
 padding-right: 10px;
}
div#duo_druhy{
  width: 455px;
  height: 130px;
  float:left; 
  text-align: justify; 
  padding: 0px 0px 0px 10px; 
}
/* --------------------------- JEDINY RAMEC NA STRANCE --------------------------- */

div#ramec_jediny {
background:url(obrazky/dolni_ramec_prostredni_cast.png) repeat-y;
width:980px;
margin:0 0 0 0;
}

div#ramec_jediny_horni_cast {
background:url(obrazky/dolni_ramec_horni_cast.png) no-repeat bottom left;
height:3px;
}

div#ramec_jediny_dolni_cast {
background:url(obrazky/dolni_ramec_dolni_cast.png) no-repeat bottom left;
min-height:379px;
}
h4.menu {
font-size:8pt;
font-weight: normal;
line-height: 100%;
padding: 5px 0px 5px 40px;
margin-left: 40px; 
color:#000000;
}

h4.menu a:link, h4.menu a:visited {
color:#999999;
text-decoration:none;
}

h4.menu a:hover, h4.menu a:active {
color:#0088cc;
text-decoration:none;
}

/* --------------------------- DOLNI CAST STRANKY --------------------------- */

div#dolni_cast_stranky{
font-size:7pt;
color:#666666;
width:980px;
margin:7px 0 10px 0;
text-align:right;
}

p#autorska_prava {
width:auto;
float:left;
}
p#navrh_stranek {
width:auto;
float:right;
margin:0 0 0 0;
}

div#oddelovac_stranky { 
background:url(obrazky/oddelovac_stranky.png) no-repeat bottom left;
height:1px;
margin:7px 0 3px 0;
}

/* --------------------------- MENU VLEVO, OBSAH VPRAVO ---------------------------- */

div#leve_menu {
width:316px;
min-height:556px;
}

div#leve_menu ul {
margin:0 0 0 -30px;
}

div#leve_menu ul.tri {
margin:0 0 0 0;
}

div#leve_menu h3 {
padding:10px 0 0 0;
font-size:11pt;
}

div#leve_menu h4 {
padding-top:4px;
padding-bottom:2px;
font-size:9pt;
font-weight:normal;
}

div#leve_menu h3 a:link, div#leve_menu h3 a:visited, div#leve_menu h4 a:link, div#leve_menu h4 a:visited {
color:#666666;
text-decoration:none
}

div#leve_menu h3 a:hover, div#leve_menu h3 a:active, div#leve_menu h4 a:hover, div#leve_menu h4 a:active {
color:#0088cc;
text-decoration:none
}

div#leve_menu h3.dve, div#leve_menu h3.dve a:link, div#leve_menu h3.dve a:visited, div#leve_menu h3.dve a:hover, div#leve_menu h3.dve a:active {
padding:7px 0 0 10px;
font-size:10pt;
}

div#obsah_ramce {
padding-left:37px;
margin:-556px 0 0 331px;
min-height:556px;
width:auto;
background-image:url(obrazky/oddelovac_menu.png);
background-position:top left;
background-repeat:repeat-y;
}

/* --------------------------- RUZNA NASTAVENI KONKRETNICH STRANEK --------------------------- */
/* --------------------------- UMISTENI KONTAKTU NA STRANCE KONTAKTY --------------------------- */

div#kontakt_vlevo_nahore {
width:240px;
}

div#kontakt_vpravo_nahore {
width:240px;
margin:-219px 0 0 270px;
}

div#kontakt_vlevo_dole {
width:240px;
margin-top:50px;
}

div#kontakt_vpravo_dole {
width:240px;
margin:-187px 0 0 270px;
}

/* --------------------------- UMISTENI CENIKU INTERNET (STRANKA INTERNET/CENIK) --------------------------- */

div#cenik_internet td {        
text-align: center;
padding: 5px 0px 5px 0px;

}
div#cenik_internet th{
padding: 10px 0px 10px 0px;
}

table#cenik_internet_vlevo_nahore {
width: 300px;
border-collapse: collapse;
}

table#cenik_internet_vpravo_nahore {
width: 300px;
border-collapse: collapse;
position: relative;
left: 535px;
top: -183px;
}

table#cenik_internet_vlevo_uprostred {
width: 300px; 
border-collapse: collapse;
}

table#cenik_internet_vpravo_uprostred {
width: 300px; 
border-collapse: collapse;
position: relative;
left: 535px;
top: -125px;
}

table#cenik_internet_vlevo_dole {
width: 300px;
border-collapse: collapse;
}

table#cenik_internet_vpravo_dole {
width: 300px;
border-collapse: collapse;
position: relative;
left: 535px;
top: -68px;
}

p#cenik_internet_platnost {
margin-top: 0px;
}

/* --------------------------- UMISTENI KONTAKTU HARDWARE (STRANKA HARDWARE/KONTAKT) --------------------------- */

div#hardware_kontakt_eshop {
margin:40px 0 0 0;
}

div#hardware_kontakt_nabidky {
margin:-163px 0 0 470px;
}
/* --------------------------- UMISTENI KONTAKTU INTERNET (STRANKA INTERNETKONTAKT) --------------------------- */

p#internet_kontakt_sloupec {
margin:-137px 0 0 170px;
}

/* --------------------------- UMISTENI FORMULARE INTERNET (STRANKA INTERNET/KONTAKT) ------- */
div#formular_internet {
position:absolute;
margin: -341px 0 0 576px;
}

/* --------------------------- UMISTENI KONTAKTNIHO FORMULARE ------- */
div#formular{
border: 0px solid #DFDFDF;
width: 380px;
margin: 15px;
padding: 15px;
position: absolute;
top: 200px;
left: 500px; 
}
div#formular h3{
padding-bottom: 20px;
}

/* --------------------------- ROZMISTENI TABULKY (STRANKA SKOLENI/ECDL) --------------------------- */

table#ecdl {
margin-top:5px;
border-collapse: collapse;
}

table#ecdl td {
width:150px;
text-align:right;
padding:3px;
}

table#ecdl th {
width:180px;
padding:3px;
}

/* --------------------------- ROZMISTENI TABULKY (STRANKA SKOLENI/JPD3) --------------------------- */

table.jpd3 {
padding:5px 0 0 0;
}

table.jpd3 td {
padding:3px 0 0 0;
}

table.jpd3 th {
padding:3px 0 0 0;
}

/* --------------------------- UMISTENI OBRAZKU NA STRANKACH --------------------------- */

img#ecdl_icdl {
position:absolute;
margin:-1663px 0 0 580px;
}

div#gifko {
margin:10px 0 0 -5px;
}
/* --------------------------- KAPITOLY ------------------------------- */
#obrazek_kapitoly {
width: 144px;
height: 160px;
float: left;
padding-right: 30px;
}
table.parametry{
width: 100%;
text-align: center;
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 20px;
font-size: 10px;
}
table.parametry td{
border: 1px solid #797c80;
padding: 2px 2px 2px 2px;
}
tr.hlavicka {
background-color: #E0E0E0;
}

#obsah_ramce h2 {
font-size:16px;
padding:0px 0px 10px 0px;
color:#000000;
text-align: left;
}
#obsah_ramce h3 {
font-size:12px;
padding:5px 0px 5px 0px;
color:#000000;
}
/* --------------------------- KONEC STYLU  --------------------------- */
/* ----------------------------- TABULKA -------------------------------*/
.tabulka table{
  padding-top: 10px;
  padding-bottom: 10px;
}
.tabulka td{
 padding: 5px;
}

.tabulka th{

}