/* CSS Document */
/* ---  Obecne elementy  --- */

img, div, a, tr, td, table, input, h1, h2 {margin: 0px; padding: 0px; border: 0px;}
a {text-decoration: none;}
h1 {color: #FF9900; font-size: 22px; font-weight: normal; margin-bottom: 16px;}
h1 b {color: #cc0002; font-weight: normal;}
h2 {font-size: 13px; font-weight: bold; padding-top: 15px; padding-bottom: 8px;}
body {background: #000 url('../images/podklad/bg_line.jpg') repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; text-align: center;}
ul {font-size:12px; font-weight: normal; text-align:left; margin-left: 10px; margin-top: 0px; color:#666666;}
div.clear {clear:both; font-size: 0px; height: 0px; }



/* ---  Zakladni rozvrzeni  --- */

#cele {margin: 0px auto; text-align: center; width: 935px;}
#cele #hlavni_oblast {width: 935px; float: left;}



/* ---  Horni cast s logem  --- */
#cele #hlavni_oblast #horni {width: 935px; position: relative; float: left;}
#cele #hlavni_oblast #horni #jazyky {height: 38px; float: right; color: #fff; font-size: 12px; text-align: right;}
#cele #hlavni_oblast #horni #jazyky_inner {padding: 12px 50px 0px 0px;}
#cele #hlavni_oblast #horni #jazyky_inner a {color: #fff;}	
#cele #hlavni_oblast #horni #jazyky a:hover {text-decoration: underline;}
#cele #hlavni_oblast #horni #horni_s_nadpisem {width: 935px; height: 75px; float: left;}
#cele #hlavni_oblast #horni #horni_s_nadpisem #logo {width: 237px; height: 75px; float: left;}	
#cele #hlavni_oblast #horni #horni_s_nadpisem #logo a {width: 237px; height: 75px; background: url('../images/podklad/telematix_logo.jpg') no-repeat; display: block;}
#cele #hlavni_oblast #horni #horni_s_nadpisem #right_text {width: 698px; height: 75px; background: url('../images/podklad/right_top.jpg') no-repeat; float: left; text-align: left;}
#cele #hlavni_oblast #horni #horni_s_nadpisem #right_text #skupina {padding: 32px 0px 0px 24px; color: #999999; font-size: 16px; font-weight: bold;}

p.message {color: red;}


/* ---  Reklamni banner  --- */

#cele #hlavni_oblast #horni #banner {width: 935px; height: 170px; float: left;}
#cele #hlavni_oblast #horni #line {width: 935px; height: 2px; float: left; background: #333333;}



/* ---  Plovouci text  --- */

#cele #hlavni_oblast #horni #float_text {width: 245px; height: 245px; position: absolute; left: 643px; top: 38px; background: url('../images/podklad/float_text_bg.jpg') no-repeat; z-index: 1000;}
#cele #hlavni_oblast #horni #float_text #float_text_inner {vertical-align: top; padding: 95px 15px 0px 15px; margin: 0px; text-align: left; color: #fff; font-size: 17px; font-weight: bold; line-height: 130%;}



/* ---  Hlavni menu  --- */
		
#cele #hlavni_oblast #horni #menu {width: 935px; height: 34px; background: url('../images/podklad/menu_bg.jpg'); float: left; text-align: left;}			
#cele #hlavni_oblast #horni #menu table {height: 34px; color: #010101; font-size: 12pt;}
#cele #hlavni_oblast #horni #menu table a {text-decoration: none; color: #010101; padding-right: 15px; padding-left: 15px; font-weight: bold;}
#cele #hlavni_oblast #horni #menu table a:hover {color: #fff; text-decoration: none;}
#cele #hlavni_oblast #horni #menu table a.menu_act {color: #fff; text-decoration: none;}
#cele #hlavni_oblast #horni #menu table td { padding: 0px 0px 0px 0px; text-align: center;}	
#cele #hlavni_oblast #horni #menu table td:hover {background: url('../images/podklad/menu_over_bg.jpg') repeat-x; text-align: center;}
#cele #hlavni_oblast #horni #menu table td.menu_act {background: url('../images/podklad/menu_act_bg.jpg') repeat-x; text-align: center;}


/* ---  Vyhledavani --- */

#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #vyhledavani {width: 313px; float: left; font-weight: normal; margin-top: 35px; margin-left: 23px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #vyhledavani #nadpis_vyhledavani {width: 220px; text-align: left; font-size: 19px; color: #666666; font-weight: normal; margin-bottom: 12px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #vyhledavani #nadpis_vyhledavani .cervena {color: #CC0000; font-weight: normal;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #vyhledavani #search {width: 313px; height: 22px; line-height: 22px; background: none; margin-top: 0px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #vyhledavani #search input.search { float: left; padding: 2px 0px 0px 3px; border: 1px solid #999999; color: #666666; font-size: 16px; height: 22px !important; height /**/:22px; width: 198px !important; width /**/:198px; background-color: #F2F2F2;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #vyhledavani #search input.submit_search {background: url('../images/podklad/search.jpg') no-repeat 0px 0px; border: 0px; width: 30px; height: 26px; cursor: pointer; float: left;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec div.separate {margin-top: 19px; width: 249px; height: 16px; float: left; background: url('../images/podklad/left_separate.jpg') no-repeat 0px 0px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #odkazy {width: 313px; height: 132px; float: left; font-weight: normal; margin-top: 20px; margin-left: 23px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #odkazy #nadpis_odkazy {width: 220px; text-align: left; font-size: 19px; color: #666666; font-weight: normal; margin-bottom: 12px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #odkazy #nadpis_odkazy .cervena {color: #CC0000; font-weight: normal;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #odkazy a {text-decoration: none; color: #666666; padding-left: 25px; font-size: 17px; font-weight: normal; line-height: 19px; display: block; background: url('../images/podklad/sipka.jpg') no-repeat 0px 4px; margin-bottom: 8px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #blue_banner {float: left; margin-left: 3px; width: 300px; height: 120px; float: left; background: url('../images/podklad/blue_bg.jpg'); font-weight: normal;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #blue_banner #blue_banner_inner {padding: 8px 8px 8px 8px; text-align: justify;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #yellow_banner {float: left; margin: 15px 0px 0px 3px; width: 300px; height: 120px; float: left; background: url('../images/podklad/yellow_bg.jpg'); font-weight: normal;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #yellow_banner #yellow_banner_inner {padding: 8px 8px 8px 8px; text-align: justify;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec a.banner {float: left; margin-left: 3px; width: 300px; height: 120px; float: left; display: block;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec a.yellow_banner {float: left; margin: 15px 0px 0px 3px; width: 300px; height: 120px; float: left; background: url('../images/podklad/yellow_bg.jpg'); font-weight: normal; display: block;}

/* ---  Leve menu  --- */

#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec {font-size: 12px; color: #fff; width: 313px; float: left; text-align: left;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu {width: 283px; height:auto; padding-left: 0px; text-align:left; padding-top:10px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu h2 {font-size: 22px; color: #666666; padding-left: 15px; font-weight: normal;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu ul { font-size:10px; margin-left:0px; margin-top:10px; padding:0px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu ul ul { margin-left: 40px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li { list-style:none; padding-top: 8px; padding-bottom: 8px; background: url('../images/podklad/cara.gif'); _2background-position: 0 100%; background-repeat:repeat-x; font-weight:bold;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li .last{ list-style:none; padding:0px; background: url('../images/podklad/cara.gif'); background-repeat:repeat-x; font-weight:bold; margin: 0px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li li{padding-bottom:4px; padding-top: 4px; background-image:none;font-weight:normal;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li .act{color:#0099CC;font-weight:bold;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li a{padding-left:5px;color:#0099CC;text-decoration:none;padding-right:5px; font-size:16px; font-weight: bold; line-height:130%;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li a.plus{background: url('../images/podklad/menu_plus.jpg'); background-position:4px 4px; background-repeat:no-repeat; padding-left:5px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li a.nonplus{padding-left:25px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li li a.sipka{background: url('../images/podklad/menu_sipka.gif'); background-position:0 3px; background-repeat:no-repeat; padding-left:12px; color: #666666;font-size:12px; font-weight: bold; line-height:130%;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li a:hover {color: #006F93;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #lmenu li li a:hover{ color:#999999;}


/* ---  Oblast s textem  --- */
							
#cele #hlavni_oblast #stred {width: 935px; float:left; background-color: #fff; padding-top: 16px;}
#cele #hlavni_oblast #stred  #stredni_cast {width: 935px; float:left;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec {width: 313px; height: auto; float:left; text-align: left;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #submenu {width:260px; height:auto; float:left; padding-left: 30px; padding-top:5px; text-align:left; font-size:12px; color:#5C5C5C;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #novinky {width:260px; height:auto; float:left; padding-left: 30px; padding-top:5px; text-align:left; font-size:12px; color:#5C5C5C;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #novinky .modra{color: #0099CC;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #novinky .nadpis{width:260px; float:left; text-align:left; font-size:22px; color:#666666; font-weight:bold; margin-bottom: 20px;}
#cele #hlavni_oblast #stred  #stredni_cast #levy_sloupec #novinky .nadpis .modra {color:#0099CC; font-weight:normal;}
#cele #hlavni_oblast #stred  #stredni_cast #obsah {width: 622px; height: auto; float:left; text-align: left;}
#cele #hlavni_oblast #stred  #stredni_cast #obsah a {color: #CC0000; text-decoration: underline;}
#cele #hlavni_oblast #stred  #stredni_cast #obsah #inner {padding: 0px 15px 0px 30px;}
#cele #hlavni_oblast #stred  #stredni_cast #obsah h1 {font-size:22px; font-weight: bold; text-align:left; margin-top:5px; color: #666666;}
#cele #hlavni_oblast #stred  #stredni_cast #obsah h1 .oranzova {font-weight: normal; color:#EA5E1A;}
#cele #hlavni_oblast #stred  #stredni_cast #obsah h2 {font-size: 14px; font-weight:bold; text-align:left; margin-top:5px; color: #CC0000;}
#cele #hlavni_oblast #stred  #stredni_cast #obsah p {font-size: 12px; margin-top: 0px; color:#666666;}

/* ---  Paticka s copyrighty  --- */

#cele #hlavni_oblast #paticka {width: 935px; height: 168px;background: url('../images/podklad/footer_bg.jpg'); clear: both;}
#cele #hlavni_oblast #paticka #dolni_menu {width: 915px; color:#fff; font-size: 12px; text-align:right; padding-top: 76px;}
#cele #hlavni_oblast #paticka #dolni_menu a { text-decoration: none; color:#fff; font-size: 12px; text-align: center}
#cele #hlavni_oblast #paticka #dolni_menu a:hover {text-decoration: underline;}
#cele #hlavni_oblast #paticka #copyright {width: 915px; text-align: right; margin-top: 8px;}
#cele #hlavni_oblast #paticka #copyright p {color:#666666; font-size: 11px;}

#webmap ul li {font-size: 12px; font-weight: bold; color: #666666;}
#webmap ul li ul li ul li {font-size: 12px; font-weight: normal; color: #666666;}
#webmap ul li a {font-size: 12px; font-weight: bold; color: #CC0000; text-decoration: none !important;}
#webmap ul li ul li a {color: #666666 !important;}
#webmap ul li ul li ul li a {font-weight: normal !important;}
#webmap ul {list-style-type: none; line-height: 23px; padding-left: 0px; margin-left: 0px;}
#webmap ul ul {padding-left: 20px;}

fieldset
     {
     	float: left;
			margin-top: 15px;
      border: 1px solid #CCCCCC;
      color: #CC0000;
      background-color: #FFFFFF;
      font-size: 12px;
      padding: 5px 0px 10px 10px;
      width: 500px;
     } 

legend
     {
      padding: 5px;
      color: #CC0000;
     }
     
textarea.kontakt
     {
      border: 1px solid #000000;
      width: 400px;
      height: 130px;
      color: #000000; 
      background-color: #FFFFFF;
     }

input.kontakt_text
     {
      background-color: #FFFFFF;
      border: 1px solid #000000;
      color: #000000;
      text-decoration: none;
      vertical-align: middle;
      font-size: 11px;
      padding-left: 2px;
     }
     
input.kontakt
    {
     border: 1px solid #000000;
     padding: 0px 5px 0px 5px;
     background-color: #CC0000;
     color: #FFFFFF;
     font-size: 12px;
     cursor: Pointer;
    } 
    
table.mapy {
border: 1px #000 solid;
}  

table.mapy tr td{
border: 1px #000 solid;
}