/* ----------------------------------------------- */
/* ----- Obecné definice pro všechny stránky ----- */
/* ----------------------------------------------- */

/* ----- Definice hlavních oddílů stránky ----- */
body {margin: 0px 0px 0px 0px; background-image: url('../grafika/pozadi.jpg'); 
      background-repeat: repeat-x; text-align: center; background-color: #cccccc;}
      
.stranka {position: relative; width: 900px;  margin: 48px auto; text-align: justify;
        background-image: url('../grafika/pozadi_lista.jpg'); 
        background-repeat: repeat-y;}
.zahlavi {position: relative; width: 900px; z-index:2;}

.obsah {position: absolute; top: 250px; width: 900px;}

.hlokno {position: absolute; top: 0px; left: 0px; width: 300px;
	_height: 300px; min-height: 300px; background-image: url('../grafika/pozadi_firma.jpg'); 
        background-repeat: no-repeat; }
        
.hlokno_marketing {position: absolute; top: 0px; left: 300px; width: 600px;
	_height: 300px; min-height: 300px;}
        
.hlokno_firprogram {position: absolute; top: 0px; left: 0px; width: 600px;
	_height: 300px; min-height: 300px; 
  background-image: url('../grafika/pozadi_firprogram_lista.gif'); 
  background-repeat: repeat-y;}

.chybovehlaseni {width: 380px; _height: 300px; min-height: 300px;
	text-align: left; background-color: #FFFFFF;
	border: 5px solid #FF0000}

.news {position: relative; width: 900px; z-index:3;}
.jazyk {position: relative; width: 900px; z-index:4;}

.mailform table {border: none; margin: 25px 0 0 55px;}

table {text-align: center}
table tr{border: none; text-align: center; font-family: Arial, Times New Roman; font-size: 10pt; color: #000000;}
table td{border: none; text-align: center; padding-right: 10px 10px 0 0;}

/* ----- Definice zarovnání oddílů stránky -----*/
body {text-align: center; }
div {margin: 0px auto} /* zarovnání blokových prvků na střed v Mozille */
table {margin: 0px auto} /* zarovnání blokových prvků na střed v Mozille */
.obsah {text-align: left}
.hlokno {margin: 0px}

/* ----- Definice písma ----- */
body, table, div {font-family: Times New Roman, Arial, Trebuchet MS, sans-serif; font-size: 14px;
	color: #000}

/* ----- Definice odstavců ----- */
h1 { text-align: left; 
      padding: 0 0 0 50px; font-family: Trebuchet Ms, Arial, Times New Roman; width: 300px; 
      font-size: 14pt; z-index: 1; color: #FD3706;}

.blok_firakce { text-align: left; background-image: url('../grafika/blok_firakce.gif'); 
        background-repeat: no-repeat; width: 600px; height: 40px; line-height: 40px;
      font-family: Trebuchet Ms, Arial, Times New Roman; padding: 0 0 0 50px;
      font-size: 14pt; z-index: 1; color: #FD3706;}

.blok_firakce_2 { text-align: left; background-image: url('../grafika/blok_firakce_2.gif'); 
        background-repeat: no-repeat; width: 600px; height: 40px; line-height: 40px;
      font-family: Trebuchet Ms, Arial, Times New Roman; padding: 0 0 0 70px;
      font-size: 14pt; z-index: 1; color: #FD3706;}
      
.blok_firakce_paticka { text-align: left; background-image: url('../grafika/blok_firakce_paticka.gif'); 
        background-repeat: no-repeat; width: 600px; height: 50px; line-height: 50px;}

h2 {font-size: 12pt; color: #cc0000; margin-left: 10px;
	text-align: left; font-family: Arial, Trebuchet MS, sans-serif;}

.seznam{font-family: Arial, Times New Roman; font-size: 14px; 
	margin-left: 30px; color: #000000; list-style-type: square;}
	
p {text-align: left; color: #000000;  padding: 0px 15px 0px 210px;
  font-size: 10pt; font-family: Trebuchet MS, Arial, Times New Roman; }

p img{float: left; margin-right: 20px;}

p.uvod {text-align: left; color: #ffffff;  padding: 60px 15px 10px 15px;
  font-size: 12pt; font-family: Arial, Times New Roman; }

p.vyrazny {text-align: left; color: #FD3706;  padding: 0px 15px 0px 210px;
  font-size: 10pt; font-family: Trebuchet MS, Arial, Times New Roman; }
  
p.news {text-align: left; color: #B90000;  padding: 0px 15px 0px 210px;
  font-size: 12pt; font-family: Trebuchet MS, Arial, Times New Roman; width: 370px; }

p.firakce_pre {text-align: left; color: #958C51;  padding: 0px 20px 0 35px; font-weight: bold;
  font-size: 12pt; font-family: Trebuchet MS, Arial, Times New Roman; padding-bottom: 10px;}

p.firakce {text-align: left; color: #666666;  padding: 0px 20px 0 35px;
  font-size: 10pt; font-family: Trebuchet MS, Arial, Times New Roman; padding-bottom: 10px;}

.animace_1{position: absolute; left: 300px; top: 0px; z-index:5;}
.animace_2{position: absolute; left: 300px; top: 300px; z-index:10;}

.seznam { text-align: left; margin-left: 250px;}

.seznam li { text-align: left; 
      padding: 0 0 0 20px; font-family: Arial, Times New Roman; 
      font-size: 16pt; z-index: 1;  color: #FF6600;}

.rychly_kontakt {position: absolute; top: 259px; left: 30px; text-align: left; 
          font-family: Arial; font-size: 10pt; font-weight: bold; color: #666666; z-index: 3;}

.reference {position: absolute; top: 300px; left: 0px;background-image: url('../grafika/pozadi_reference.jpg'); 
            background-repeat: no-repeat; width: 300px; height: 100px;}
            
            
.kontakty {position: absolute; top: 400px; left: 0px;background-image: url('../grafika/pozadi_kontakty.jpg'); 
            background-repeat: no-repeat; width: 300px; height: 300px;}
	
.chybovehlaseni h1 {color: #FF0000; margin: 20px; border-color: #FF0000}
.chybovehlaseni p {color: #000000; margin: 20px}

.novinky {background-image: url('../grafika/pozadi_news.jpg'); background-repeat: no-repeat;
            width: 600px; height: 300px;}

.kontaktni_formular {background-image: url('../grafika/pozadi_mail.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px;}

.webdesign {background-image: url('../grafika/pozadi_webdesign.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px; position: absolute; top: 0px; left: 0px;}

.websluzby {background-image: url('../grafika/pozadi_websluzby.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px; position: absolute; top: 200px; left: 0px;}
            
.webeshop {background-image: url('../grafika/pozadi_eshop.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;  position: absolute; top: 400px; left: 0px;}
            
.webseo {background-image: url('../grafika/pozadi_webseo.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px; position: absolute; top: 600px; left: 0px;}
            
.imarketing {background-image: url('../grafika/pozadi_imarketing.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px; position: absolute; top: 0px; left: 0px;}
            
.imarketing p{padding-top: 20px;}

.grafika {background-image: url('../grafika/pozadi_grafika.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px; position: absolute; top: 0px; left: 0px;}

.cim {background-image: url('../grafika/pozadi_cim.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px; position: absolute; top: 200px; left: 0px;}

.tisk {background-image: url('../grafika/pozadi_tisk.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px; position: absolute; top: 0px; left: 0px;}

.navody {background-image: url('../grafika/pozadi_navody.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px; position: absolute; top: 200px; left: 0px;}

.techprace {background-image: url('../grafika/pozadi_techprace.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px; position: absolute; top: 0px; left: 0px;}
            
.propmaterialy {background-image: url('../grafika/pozadi_propmaterialy.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px; position: absolute; top: 0px; left: 0px;}

.novorocenky {background-image: url('../grafika/pozadi_novorocenky.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px; position: absolute; top: 0px; left: 0px;}

.postery_uvod {background-image: url('../grafika/pozadi_posteryuvod.jpg'); background-repeat: no-repeat;
            width: 600px; height: 300px;}

.postery_nove {background-image: url('../grafika/pozadi_postery.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}
            
.pozadi_znojmo {background-image: url('../grafika/pozadi_znojmo.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.pozadi_mikulov {background-image: url('../grafika/pozadi_mikulov.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.firakce_uvod {background-image: url('../grafika/pozadi_firakce_uvod.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.slasti {background-image: url('../grafika/pozadi_slasti.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.vino {background-image: url('../grafika/pozadi_vino.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}
            
.prohlidky {background-image: url('../grafika/pozadi_prohlidky.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.sport_uvod {background-image: url('../grafika/pozadi_sport_uvod.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.poukaz {background-image: url('../grafika/pozadi_poukaz.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.vinice {background-image: url('../grafika/pozadi_vinice.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}
            
.vlacek {background-image: url('../grafika/pozadi_vlacek.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.vip {background-image: url('../grafika/pozadi_vip.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.jeskyne {background-image: url('../grafika/pozadi_jeskyne.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.tenis {background-image: url('../grafika/pozadi_tenis.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.podzemit {background-image: url('../grafika/pozadi_podzemit.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}
            
.podzemil {background-image: url('../grafika/pozadi_podzemil.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.lode {background-image: url('../grafika/pozadi_lode.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px;}

.kongresy {background-image: url('../grafika/pozadi_kongresy.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px;}

.outdoor_uvod {background-image: url('../grafika/pozadi_outdoor_uvod.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.ctyrkolky {background-image: url('../grafika/pozadi_ctyrkolky.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.bungee {background-image: url('../grafika/pozadi_bungee.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}
            
.lano {background-image: url('../grafika/pozadi_lano.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.cyklo {background-image: url('../grafika/pozadi_cyklo.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.paintball {background-image: url('../grafika/pozadi_paintball.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.lyzovani {background-image: url('../grafika/pozadi_lyzovani.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.lety {background-image: url('../grafika/pozadi_lety.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.pevnost {background-image: url('../grafika/pozadi_pevnost.jpg'); background-repeat: no-repeat;
            width: 600px; height: 200px;}

.partneri {background-image: url('../grafika/pozadi_partneri.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px;}

.znojmo_vino {background-image: url('../grafika/pozadi_znvino.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px;}

.mikulov_vino {background-image: url('../grafika/pozadi_mikvino.jpg'); background-repeat: no-repeat;
            width: 600px; height: 400px;}
            
.pozadi_1 {background-image: url('../grafika/pozadi_1.jpg'); background-repeat: no-repeat;
            width: 300px; height: 150px; position: absolute; left: 0px; top: 0px;}
                        
.pozadi_2 {background-image: url('../grafika/pozadi_2.jpg'); background-repeat: no-repeat;
            width: 300px; height: 150px; position: absolute; left: 0px; top: 150px;}
                        
.pozadi_3 {background-image: url('../grafika/pozadi_3.jpg'); background-repeat: no-repeat;
            width: 300px; height: 150px; position: absolute; left: 0px; top: 300px;}
                        
.pozadi_4 {background-image: url('../grafika/pozadi_4.jpg'); background-repeat: no-repeat;
            width: 300px; height: 150px; position: absolute; left: 300px; top: 0px;}
                        
.pozadi_5 {background-image: url('../grafika/pozadi_5.jpg'); background-repeat: no-repeat;
            width: 300px; height: 150px; position: absolute; left: 300px; top: 150px;}
                        
.pozadi_6 {background-image: url('../grafika/pozadi_6.jpg'); background-repeat: no-repeat;
            width: 300px; height: 150px; position: absolute; left: 300px; top: 300px;}


/* ----- Definice změn ----- */
.tucne {color: #BF2F2F}
.podtrzene {text-decoration: underline}
.kurziva {font-style: italic}
.center {text-align: center}


/* ----- Definice odkazů ----- */
p a {color: #000000; font-family: Trebuchet MS, Arial; font-size: 12pt;}
p a:hover {color: #000000; text-decoration: none;}


.hlavicka {background-color: orange;}
/* ----- Definice formulářů a jeho prvků ----- */
form {margin: 0px 0px 0px 0px}
input, button, textarea, select {color: #000000;
	margin: 2px 0px 2px 0px; background-color: #FFFFFF; border: 1px solid #cccccc;}

input.tlacitko, button.tlacitko {color: #000000; background-color: #ffffff;
	border: 1px outset #cccccc; cursor: pointer; cursor: hand}


/* ----- Definice obrázků ----- */
img {_display: block; border: none}
.psgalerie div img {display: block;  margin: 1px 0px 1px 0px}
img.vlajka {_display: inline; margin: 0px 0px 0px 5px;}
     
/* ----------------------------------------------------- */
/* ----- Speciální definice pro jednotlivé stránky ----- */
/* ----------------------------------------------------- */

/* ----- Odkazy ----- */
p.odknazev {font-weight: bold; margin-bottom: 2px}
p.odkadresa {font-size: 11px; margin-top: 0px; margin-bottom: 20px}
p.odknazev a {color: #FFFFFF; text-decoration: none}


/* ----- Fotogalerie ----- */
div.fgaomezujici {position: relative; width: 410px; height: 90px}
div.fga {position: absolute; width: 200px; height: 80px;
	background-image: url('../grafika/fga_pozadi.gif');
	background-repeat: no-repeat}

div.fgalevo {left: 0px}
div.fgapravo {left: 210px}
div.fga div {position: absolute; top: 10px; left: 90px}
div.fga img {position: absolute; top: 10px; left: 20px; width: 60px; height: 60px}
div.fga div p {margin: 0px}


/* menu*/
.menu_marketing {position: absolute; top: 0px; left: 300px; width: 300px; height: 300px;
                 background-image: url('../grafika/pozadi_marketing.jpg'); background-repeat: no-repeat; }

.menu_marketing_2 {position: absolute; top: 0px; left: 0px; width: 300px; height: 300px;
                 background-image: url('../grafika/pozadi_marketing.jpg'); background-repeat: no-repeat; }
                 
.menu_news {position: absolute; top: 0px; left: 0px; width: 300px; height: 300px;
                 background-image: url('../grafika/pozadi_menu_news_cz.jpg'); background-repeat: no-repeat; }

.kontakty_marketing {position: absolute; top: 0px; left: 300px; width: 300px; height: 300px;
                 background-image: url('../grafika/kontakty_marketing.jpg'); background-repeat: no-repeat; }

.kontakty_marketing p {margin: 80px 0 0 40px; font-family: Arial, Times New Roman;
          font-size: 9pt; color: #ffffff; line-height: 12px; padding-left: 25px;}

.kontakty_marketing a {font-family: Arial, Times New Roman;
          font-size: 9pt; color: #ffffff; line-height: 12px;}
          
.kontakty_grafika {position: absolute; top: 0px; left: 600px; width: 300px; height: 300px;
                 background-image: url('../grafika/kontakty_grafika.jpg'); background-repeat: no-repeat; }

.kontakty_grafika p {margin: 90px 0 0 40px; font-family: Arial, Times New Roman;
          font-size: 9pt; color: #000000; line-height: 12px; padding-left: 25px;}

.kontakty_grafika a {font-family: Arial, Times New Roman;
          font-size: 9pt; color: #000000; line-height: 15px;}
               
.menu_firprogram {position: absolute; top: 0px; left: 600px; width: 300px; height: 300px;
                 background-image: url('../grafika/pozadi_firprogram.jpg'); background-repeat: no-repeat; }

.menu_firprogram_2 {position: absolute; top: 0px; left: 600px; width: 300px; height: 300px;
                 background-image: url('../grafika/pozadi_firprogram.jpg'); background-repeat: no-repeat; }
                 
.menu_firprogram_zn {position: relative; top: 78px; left: 410px; 
                 }
                 
.menu_firprogram_mik {position: relative; top: 80px; left: -10px; 
                 }
                 
.menu {padding-top: 47px;}

.menu_kontakt li{list-style-type: none; padding-left: 0px; font-family: Arial, Times New Roman;
          font-size: 12pt; color: #cccccc; line-height: 25px; padding-left: 25px;}

.menu_kontakt a{color: #cccccc; text-decoration: underline;}

.menu_kontakt a:hover {color: #cccccc; text-decoration: none;}

.menu li { list-style-type: none; padding-left: 0px; font-family: Arial, Times New Roman;
          font-size: 12pt; color: #cccccc; line-height: 19px; padding-left: 25px;}
          
.menu li a{color: #ffffff; text-decoration: underline;}

.menu li a:hover{color: #ffffff; text-decoration: none;}
          
.menu_fa {padding-top: 50px;}

.menu_fa li { list-style-type: none; padding-left: 0px; font-family: Arial, Times New Roman;
          font-size: 12pt; color: #cccccc; line-height: 23px; padding-left: 25px;}

.menu_fa li a{color: #52AE0D; text-decoration: underline;}

.menu_fa li a:hover{color: #52AE0D; text-decoration: none;}

.menu_zn li { list-style-type: none; font-family: Arial, Times New Roman;
          font-size: 10pt; color: #cccccc; line-height: 20px; }

.menu_zn li a{color: #52AE0D;}



.menu_mik li { list-style-type: none; font-family: Arial, Times New Roman;
          font-size: 10pt; color: #cccccc; line-height: 20px; }

.menu_mik li a{color: #52AE0D;}
/* konec menu*/

/*rozbalovaci menu*/
/* ----- podmenu ----- */
.menu5 {position:relative; z-index: 10;  left:170px;
background:transparent; height:50px;
}
.menu5 ul {
padding:0; margin:0; list-style-type: none;
}

.menu5 ul {width: auto;
float:left; position:relative;
}
.menu5 li {width: 250px;position:relative;
padding: 0px; margin: 0px; float:left;
}
.menu5 ul li.home {background-image: url('../grafika/menu5home.jpg') ;}
.menu5 ul li.subprod {background:url('../grafika/menu5subprod.jpg') no-repeat;}
.menu5 ul li.subsubl {background:#eee url(next.gif) no-repeat top left;}
.menu5 ul li.subsubr {background:#eee url(previous.gif) no-repeat 120px 0;}

.menu5 ul li a, .menu5 ul li a:visited {font-size: 14pt; font-family: Arial, verdana, sans-serif; font-weight: bold;
display:block; text-decoration:none; width:250px; height:50px; color:#fff; line-height:50px; text-align: left;
margin-left: 15px;
}
* html .menu5 ul li a, .menu5 ul li a:visited {
width:250px; w\idth:250px;
}

.menu5 ul li ul {font-family: Trebuchet Ms, verdana, sans-serif; font-size:10pt;
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu5 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 ul li:hover a,
.menu5 ul li a:hover {
color:#640032; text-decoration:none; border:0;
}
.menu5 ul li:hover ul,
.menu5 ul li a:hover ul {
visibility:visible; width:240px; height:auto; position:absolute; top:50px; left:1px; background:url('../grafika/menu4subprod.jpg'); overflow:visible;
}
.menu5 ul li:hover ul li a,
.menu5 ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#525252; height:auto; 
line-height:30px; padding:0px 0px 0px 0px; width:240px; w\idth:290px; font-size: 10pt;
margin-left: 10px;
}
.menu5 ul li:hover ul li a.drop,
.menu5 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 0px 5px 0px; width:240px; w\idth:240px;
}
.menu5 ul li:hover ul li ul,
.menu5 ul li a:hover ul li a ul {
visibility:visible; position:absolute; top:0; left:0; height:0; overflow:visible;width: 240px;
}
.menu5 ul li:hover ul li a:hover,
.menu5 ul li a:hover ul li a:hover {
color:#9D000C; text-decoration:underline;;width: 240px;
}

/* konce rozbalovaci menu*/