html {
height: 100%;
}

body {
background-color: #eef9fe; 
font-size: 11px; 
margin: 0 auto; 
padding: 0px; 
color: #333333; 
font-family: 'Tahoma CE', Tahoma, sans-serif, Helvetika, Arial;
height: 100%; text-align: center;
}

img {
border: 0px;
}

h1 {
font-size: 18px; 
font-weight: bold; 
color: #0066CC;  
padding: 22px 10px 22px 10px; 
margin: 15px 0 20px 0; 
background-color: #ffffff;
}

h2 {
font-size: 12px; 
font-weight: bold; 
padding: 0; 
margin: 0;
}

h3 {
font-size: 12px; 
font-weight: bold; 
padding: 5px 0px 5px 10px; 
margin: 0; 
color: #0066CC; 
background-color: #f0f8ff;
}
h3.aktuality {
font-size: 12px; 
font-weight: bold; 
padding: 0px 0px 5px 24px; 
margin: 0; 
color: #0066CC; 
background-color: #f0f8ff;
}
h3.pp {
font-size: 12px; 
font-weight: bold; 
padding: 0px 0px 5px 14px; 
margin: 0; 
color: #0066CC; 
background-color: #f0f8ff;
}

strong	{
font-weight: bold;
}

em {
font-weight: bold; 
font-style: normal;
}

input {
width: 320px; 
height: 18px; 
margin-bottom: 10px; 
border: 1px solid #006699; 
background-color: #EAF4F9; 
font-family: "Tahoma CE", Tahoma, Helvetica, sans-serif; 
font-size: 11px; 
padding: 0; 
margin: 0;
}

textarea {
width: 320px; 
height: 60px; 
margin-bottom: 10px; 
border: 1px solid #006699; 
background-color: #EAF4F9; 
overflow: hidden; 
font-family: "Tahoma CE", Tahoma, Helvetica, sans-serif; 
font-size: 11px;
}

/* nastavení elementu input-tlačítko pro odeslání formuláře, použití ve formuláři na stránce Napište nám */ 
.submit	{
width: 80px; 
height: 20px; 
text-align: center; 
border: 1px solid #006699; 
background-color: #EAF4F9; 
font-family: "Tahoma CE", Tahoma, Helvetica, sans-serif; 
font-size: 11px; 
color: #333399;
}

/* vystředění webu (pro Mozillu atd.) */
#stred_nn {
position: relative; 
text-align: left; 
width: 752px; 
margin: 0 auto; 
height: 100%;
}

/* horiozontální linky v levo a v pravo u webu, nastavení minimální výšky (hack pro IE _height: 100%;) */
#stred	{
position: relative; 
border-right: 1px solid #0b76bc; 
border-left: 1px solid #0b76bc; 
_height: 100%; 
min-height: 100%;
}

/* nastavení šírky a minimální výšky (hack pro IE _height: 100%;) */
#stranka {
position: relative; 
width: 750px; _height: 100%; 
min-height: 100%;
}

/* nastavuje horní světle modrý proužek o šířce 6px, výskyt na všech stránkách na hoře */
#hlava_pruh {
width: 750px; 
height: 6px; 
background-color: 
#b0d8f0; 
overflow: hidden;
}

/* nastavuje horní fotomontáž, výskyt na všech stránkách */
#hlava {
width: 750px; 
height: 51px; 
background: #ffffff url("/images/head.png") no-repeat;
}

/* nastavuje umístění loga společnosti, výskyt na všech stránkách */
#logo {
position: relative; 
width: 750px; 
height: 51px; 
left: 0px; 
top: 0px; 
display: block;
}

/* nastavuje pozadí na kterém je uloženo odkazovací úrovňové menu, výskyt na všech stránkách */
#lista {
width: 750px; 
height: 27px; 
background: url("/images/navig_lista.gif") no-repeat;
}

/* nastavuje rozestupy, barvu, zarovnání, font, velikost textu a kursor v menu, výskyt na všech stránkách, použito je u odkazu ŘEŠEN=,PRODUKTY, SLUŽBY, PARTNEŘI, AKTUALITY O N+S */
.menu {
width: 86px; 
height: 23px; 
text-align: center; 
margin-top: 4px; 
font-size: 10px; 
text-align: center; 
color: #ffffff; 
font-weight: bold; 
font-family: "Verdana"; float: left; 
cursor: default; 
}
/* nastaveni odkazu bezúrovňového menu REFERENCE, AKTUALITY, PARTNEŘI */
a.menu_ne {
color: #ffffff; 
text-decoration: none;
}
/* nastaveni odkazu bezúrovňového menu REFERENCE, AKTUALITY, PARTNEŘI */
a:hover.menu_ne {
color: #ff0000;
}


/* nastavuje rozestupy, barvu, zarovnání, font, velikost textu, výskyt na všech stránkách, použito je u odkazu KONTAKTY */
.menu_leve {
margin: 4px 0 0 0; 
height: 23px; 
width: 130px;
font-size: 10px; 
text-align: left; 
color: #0b76bc; 
font-weight: bold; 
font-family: "Verdana"; 
float: right;
}
/* nastavení odkazu KONTAKTY */
.menu_leve a { 
color: #0b76bc; 
text-decoration: none;
}
/* nastavení odkazu KONTAKTY */
.menu_leve a:hover {
color: #ff0000;
}


a{
color: #333399;
}
a:hover	{
color: #ff0000;
}


/* ZAL+TEK - identifikátory k umístění rozbalovacího menu */
#produkty {
position: absolute; 
top: 71px; 
left: 5px;
}
#products {
position: absolute; 
top: 71px; 
left: 5px;
}
#sluzby	{
position: absolute; 
top: 71px; 
left: 96px;
}
#service	{
position: absolute; 
top: 71px; 
left: 96px;
}
#reference	{
position: absolute; 
top: 71px; 
left: 172px;
}
#references	{
position: absolute; 
top: 71px; 
left: 172px;
}
#aktuality {
position: absolute; 
top: 71px;
left: 258px;
}
#news {
position: absolute; 
top: 71px;
left: 258px;
}
#o-spolecnosti	{
position: absolute; 
top: 71px; 
left: 450px;
}
#about-us	{
position: absolute; 
top: 71px; 
left: 352px;
}
#partneri {
position: absolute; 
top: 71px; 
left: 258px;
}
#partners {
position: absolute; 
top: 71px; 
left: 258px;
}
#comstar {
position: absolute; 
top: 82px; 
left: 120px;
}
#test {
position: absolute; 
top: 102px; 
left: 120px;
}
/* KONEC */

/* nastavuje v rozbalovacím menu neaktivní odkazy */
.link {
height: 20px; 
width: 190px; 
overflow: hidden; 
cursor: default; 
color: #0b76bc;
z-index:2;
}

/* nastavuje v rozbalovacím menu aktivní odkazy */
.link a	{
color: #0b76bc; 
text-decoration: none;  
height: 20px; 
width: 190px; 
display: block;
z-index:2;
}
.link a:hover {
color: #ff0000;  
background-color: #b8d8f0; 
z-index:2;
}

/* sipka v rozbalovacím menu 'Více o Comstáru' */
.link_sipka {
background: url("/images/sipka2.gif") no-repeat; 
background-position: 130px 5px;
z-index:2;
}

/* nastavuje ram u rozbalovacího menu */
.linkram  {
margin: 1px; 
border: 1px solid #0b76bc; 
width: 190px; 
background-color: #eef9fe;
z-index:2;
}

/* nastavuje výplň, použití u rozbalovaciho menu u jednotlivých odkazů */
span.odskok {
padding-left: 4px; 
padding-top: 4px; 
display: block; 
text-align: left;
z-index:2;
}

/* rozdělení indexu na dvě poloviny  */
.pul {
width: 375px; 
float: left;
}
div#flash {
text-align:center;
margin-top:0px;
position:relative; 
left:0px; 
top:0px; 
z-index:1; 
visibility:visible;
}
/* nastavení paty na stránkách (linka plus 2xkosočtverce z loga) */
#pata {
position: absolute; 
bottom: 0px; 
left: 0px; 
clear: both; 
background: url("/images/pata.gif") no-repeat; 
width: 750px; 
height: 84px;
}
/* nastavení odkazu 'nahoru' */
#nahoru {
position: absolute; 
bottom: 36px; 
right: 50px; 
width: 55px; 
height: 12px; 
}
/* umístěni SEO - umyslne pojemovano abc nikolv SEO v patě stránky */
#pata_abc {
font-size: 9px;
margin: 10px;
text-align: left;
width: 635px;
}
#pata_abc strong {
font-weight: normal;
}
/* umístěni názvu společnosti a adresy v patě stránky */
#pata_adresa {
position: absolute; 
bottom: 1px; 
width: 750px; 
height: 20px; 
color: #ffffff; 
text-align: center; 
font-weight: bold;
}
/* nastavení odkazu v patě */
#pata_adresa a {
font-weight: normal; 
color: #cccccc; 
text-decoration: none;
}


/* fotografie pana Píbila na indexu v článku NAŠE VIZE */
#foto_index {
width: 64px; 
height: 98px; 
margin: 0 0 5px 5px; 
float: right; 
background: url("/images/foto_index.jpg") no-repeat;
}

/* nastaveni textu 'více', na indexu */
.vice {
width: 40px; 
height: 12px; 
margin-top: 5px; 
text-align: right; 
float: right;
}

/* konec obtekaní */
.clear {
clear: both; 
height: 1px; 
overflow: hidden;
}
/* konec obtekaní se sirkou 100px, na indexu  */
.index_clear {
clear: both; 
height: 100px; 
overflow: hidden;
}

/* nastaveni výšky 1 boxu na indexu */
.index_1radek {
height: 245px; 
overflow: hidden;
}

/* nastaveni výšky 2 boxu na indexu */
.index_2radek {
height: 115px; 
overflow: hidden;
}

/* nastaveni výšky 3 boxu na indexu */
.index_3radek {
height: 100px; 
overflow: hidden;
}

/* nastaveni výšky 4 boxu na indexu */
.index_4radek {
height: 90px; 
overflow: hidden;
}

/* nastaveni výšky 5 boxu na indexu */
.index_5radek {
height: 70px; 
overflow: hidden;
}

/* nastaveni výšky sirokeho boxu na indexu */
.index_row_wide {
height: 392px; 
overflow: hidden;
}

/* umistěni obrázku COMSTAR NET na indexu */
#comstarnet {
margin-left: 14px; 
height: 43px; 
width: 197px;
background-color: #ffffff;
border: 1px solid #b8d8f0;
}

#comstarnet div{
height: 43px; 
}

/* umistěni obrázku COMSTAR 2000 na indexu */
#comstar2000 {
margin-left: 14px; 
height: 41px; 
width: 355px; 
}

#comstar2000 div{
width: 355px; 
}

/* umistěni obrázku Podporujeme dlouhodobou spolupráci na indexu */
/* odstraneno */ 
#vlajkaeu {
font-size: 12px; 
font-weight: bold; 
color: #0b76bc; 
padding-left: 60px; 
margin-left: 14px; 
height: 41px;  
background: url("/images/vlajkaeu.jpg") no-repeat;
}

/* umistěni obrázku COMSTAR MIS Lite na indexu */
#mislite {
font-size: 4px;
font-weight: bold;
color: #0b76bc;
margin-left: 14px;
height: 44px;
}

#mislite div{
height: 43px;
}

/* umistěni obrázku Evropská Unie na indexu */
#ruce {
font-size: 12px; 
font-weight: bold; 
color: #0b76bc; 
padding-left: 60px; 
margin-left: 14px; 
height: 41px; 
background: url("/images/ruce.jpg") no-repeat;
}

/* umistěni obrázku Access-travel */
#divize_access-travel{
padding-top:0px;
margin-top:0px;
margin-left: 14px; 
height: 41px; 
width: 199px; 
}

#divize_access-travel div{
height: 41px; 
width: 199px; 
}

/* umistěni obrázku SEO */
#seo{
padding-top:0px;
margin-top:0px;
margin-left: 14px; 
height: 41px; 
width: 199px;
border: 1px solid #b8d8f0;
}

#seo div{
height: 41px; 
width: 199px; 
}

/* umistěni obrázku Comstar-reality */
#divize_comstar-reality	{
padding-top:0px;
margin-top:0px;
margin-left: 4px;  
height: 41px; 
width: 199px; 
}

#divize_comstar-reality	div {
height: 41px; 
width: 199px; 
}

/* umistěni obrázku NightLabs */
#nightlabs{
padding-top:0px;
margin-top:0px;
margin-left: 4px;  
height: 41px; 
width: 199px; 
border: 1px solid #b8d8f0;
}

#nightlabs div {
height: 41px; 
width: 199px; 
}

/* umistěni obrázku JFire */
#jfire{
padding-top:0px;
margin-top:0px;
margin-left: 4px;  
height: 41px; 
width: 199px; 
border: 1px solid #b8d8f0;
}

#jfire div {
height: 41px; 
width: 199px; 
}

/* umistěni obrázku Eclipse */
#eclipse{
padding-top:0px;
margin-top:0px;
margin-left: 4px;  
height: 41px; 
width: 199px; 
border: 1px solid #b8d8f0;
}

#eclipse div {
height: 41px; 
width: 199px; 
}

/* aktuální ukazatel sekce -> podsekce */
#strana_gen_nazev {
margin: 8px; 
font-weight: 
bold; color: #333333;
}
#strana_gen_nazev a {
color: #0b76bc;
}
#strana_gen_nazev a:hover {
color: #ff0000;
}

/* definuje výplň, okraje, font u generované stránky současně všechny mimo indexu */
#strana_gen {
margin: 16px; 
padding-bottom: 80px; 
font-size: 12px;
}

/* rozděluje generovanou stránku na pul pomoci float */
.pul_strana_gen {
float: left; 
width: 357px;
}

/* definice modrých rámečků na levé straně COMSTAR NET a Podporujeme dlouhodobou spolupráci, Access-Travel, použití na indexu */
.ramm_l	{
background-color: #e0f0ff; 
border: 1px solid #b8d8f0; 
margin: 4px 4px 4px 14px; 
padding: 5px;
}

/* definice modrých rámečků na pravé straně COMSTAR 2000 a Evropská Unie, Comstar-reality, použití na indexu */
.ramm_p	{
background-color: #e0f0ff; 
border: 1px solid #b8d8f0; 
margin: 4px 14px 4px 4px; 
padding: 5px;
}

/* definice modrých rámečků - ramecek pres oba sloupce, použití na indexu */
.ramm_w	{
background-color: #e0f0ff; 
border: 1px solid #b8d8f0; 
margin: 9px 14px 4px 14px; 
padding: 0px 10px 10px 10px;
}

/* definice rámečku AKTUALITY, použití na indexu */
.ramb {
border: 1px solid #b8d8f0; 
margin-left:14px;
margin-right:4px;
padding:10px;
color: #333399;
background-color: white; 
clear: both;
}
/* definice rámečku NASE VIZE, použití na indexu */
.rampp {
border: 1px solid #b8d8f0; 
margin-left:4px;
margin-right:14px;
padding: 10px; 
background-color: #e0f0ff; 
clear: both;
}

/* nastavení horního okraje u boxu na index, Novinky, CMOSTAR 2000, Access-travel atd. */
.odsazeni {
margin-top: 25px;
}

/* nastavení okraje boxu pro umístění stáhnout prezentaci nebo soubor a odkazy pro levou stranu na indexu  */
.podram_index_l	{
margin: 4px 2px 10px 14px; 
clear: both;
}

/* nastavení okraje boxu pro umístění stáhnout prezentaci nebo soubor a odkazy pro pravou stranu na indexu */
.podram_index_p	{
margin: 4px 4px 10px 4px; 
clear: both;
}

/* box pro umístění stáhnout prezentaci nebo soubor na indexu */
.podram_index_float_l {
float: left; 
width: 200px; 
height: 20px;
}

/* box pro umístění odkazu na indexu */
.podram_index_float_p {
float: left; 
width: 156px; 
height: 16px;
margin-top: 4px; 
text-align: right; 
font-weight: bold;
}

.ramm_href {
margin-top: 5px; 
float: right; 
text-align: right; 
font-weight: bold;
}

/* nastaveni obrazku u text, více, nahoru, word, pdf atd. */
.ikona {
position: relative;
top: 3px;
left: 3px;
}

/* obtákaní textu kolem obrazku vlevo, použití v generevaných stránkách */
.imgl {
margin: 4px 5px 5px 0px;
float: left;
}

/* obtákaní textu kolem obrazku vpravo, použití v generevaných stránkách */
.imgp {
margin: 4px 5px 5px 30px;
float: right;
}

/* vycentrování obrázku, použití v generevaných stránkách */
.imgc {
margin: 4px 5px 5px 0px;
text-align: center;
}

/* obtákaní textu kolem obrazku vpravo, pouzito na indexu v sirokem boxu */
.imgp2 { 
    float: right; 
    margin: 10px 0px 7px 25px; 
}

/* umístění obrázku v pravo od nadpisu, použití v generevaných stránkách */
.img_nadpis {
margin-top: 10px; 
float: right;
}


/*  ZAL+TEK - styl využitý při odkazu vpřed a zpět na generovaných stránkach comstar2000 */
/* box na umístění zpět */
#zpet {
position: absolute; 
text-align: center;
width: 240px; 
height: 35px; 
left: 1px; 
bottom: 35px; 
font-weight: bold; 
background: url("/images/sipka1.gif") no-repeat; 
background-position: 92px 0px; 
z-index: 1;
}

/* box na umístění před */
#vpred {
position: absolute; 
text-align: center; 
width: 240px; 
height: 35px; 
left: 221px; 
bottom: 35px; 
font-weight: bold; 
background: url("/images/sipka2.gif") no-repeat; 
background-position: 140px 0px; 
z-index: 1;
}

#zpet a	{
text-decoration: underline;
}
#vpred a {
text-decoration: underline;
}
#zpet .link {
width: 240px;
}
#vpred .link {
width: 240px;
}
/* hack IE _cursor: hand; */
#zpet .odskok {
text-align: center; 
width: 240px; 
_cursor: hand;
}
/* hack IE _cursor: hand; */
#vpred .odskok {
text-align: center; 
width: 240px;
_cursor: hand;
}
#zpet .link a:hover {
background-color: #eef9fe; 
width: 240px;
}
#vpred .link a:hover {
background-color: #eef9fe; 
width: 240px;
}
/* KONEC   */


/* text se šipkou v předu na generovaných stránkách (šipkou mám namysli část vašeho loga) */
.li {
margin-left: 15px; 
margin-bottom: 4px;
padding-left: 18px; 
background: url("/images/sipka2.gif") no-repeat; 
background-position: 0px 2px;
}

/* odskok, horizontální mezera mezi textem, umístění generované stránky */
.mezera	{
height: 8px; 
overflow: hidden; 
clear: both;
}

/* nastavuje u generovaných stránek nadpisky v modré barvě (nadpis druhé urovně) */
.strong	{
font-weight: bold; 
font-size: 12px; 
color: #0066CC; 
margin-top: 6px; 
margin-bottom: 4px;
}

/* nastavuje text boldem, generované stránky */
.em {
font-weight: bold; 
font-style: normal;
}

/* box umístění na umistění textu, generované stránky */
.od {
text-align: justify; 
margin-bottom: 10px;
/* line-height: 17px; mezeri mezi radky */
}


/* všeobecný styl */
.bold {
font-weight: bold;
}
.prava {
text-align: right;
}
.center	{
text-align: center;
}
.blok {
text-align: justify;
}
.modra {
color: #0066CC;
}
.cervene {
color: #cc0000;
}


/* nastavení horního indexu u značky (R) */
.r {
font-size: 8px; 
vertical-align: super;
}


/* ZAL+TEK - tabulkový layout, použity v ComstarNET */
/* šírka tabulky */
.sirka_tab_comstarnet {
width: 600px; 
text-align: left; 
margin: 0 auto;
}
/* nastavuje pozadi (gif o šířce 600px složený z žluté a modré barvy) */
.linka	{
clear: both; 
background: url("/images/linka.gif");  
border-bottom: 1px solid #000000;
}
/* umístění a nastaveni textu v modré půlce */
.modry_pruh {
background-color: #0b76bc; 
font-weight: bold; 
height: 22px; 
color: #ffffff; 
border-bottom: 1px solid #000000; 
float: left; 
width: 320px;
}
/* umístění a nastaveni textu v žluté půlce */
.zluty_pruh {
background-color: #FFE4C8; 
font-weight: bold; 
color: #0b76bc;
}
/* nastavuje výplň */
.pruh_od {
padding: 5px;
}
/* vertikální rozpůlení layoutu (levá pulka) */
.pul_page {
width: 50%; 
float: left;
}
/* pravá půlka */
.pul_p	{
clear: right; 
margin-left: 50%;
}
/* KONEC */


#en{
position: absolute; top: 55px; left: 701px; width: 21px; height: 13px; overflow: hidden;
}

#cz{
position: absolute; top: 55px; left: 726px; width: 21px; height: 13px; overflow: hidden;
}