@charset "windows-1250";
/* CSS Document */

h1 {font-size:11px; font-style: normal; font-weight: normal; line-height:22px; color:#FFF;}
h2 {font-size:14px; color:#FFF;}
h3 {font-size:14px; font-weight: bold; line-height:22px; color:#336;}
h4 {font-size:12px; font-style: normal; font-weight: normal; color:#333;} 
h5 {font-size:9px; color:#336; line-height:5px; font-style: normal;}
h6 {font-size:10px; font-style: normal; font-weight: normal; color:#fff;} 

BODY {font-family: Arial; font-size:12px; color:#333; padding-top:0px; margin-top:0px; 
background-image: url('layout/pozadi.jpg'); background-repeat : repeat-x; background-position:center top; background-color:#fff; }




A {color:#336;}
A:HOVER {text-decoration:underline; color:#336;}

.msg_text {border:1px dotted #F10000; width:623px; padding:10px; margin-top:3px; margin-bottom:3px; background-color: #F6F6F6;}
.msg_text_web {border:1px dotted #F10000; width:95%; padding:10px; margin-top:3px; margin-bottom:3px; background-color: #F6F6F6;}

.resetovac {clear:both;}

#obal {width:982px; height:99px; background-color: #e2dfdf;; margin-left:auto; margin-right:auto; }

  #obal .hlavicka {width:982px; height:99px; background-image:url('layout/hlavicka.jpg'); display:block}
      #obal .hlavicka .left {width:582px; height:44px; font-size:44px; color:#FC0; float:left; padding:45px 0px 0px 110px;}
      	#obal .hlavicka .left H1 {display: inline; font-size: 40px;}
      #obal .hlavicka .right {width:260px; height:40px; float:right; color:#FFF; font-size:12px; padding:59px 10px 0px 0px; text-align: right;}
    
  #obal .menu {width:982px; height:66px; text-align:center; color:#FFF; font-size: 12px; line-height: 20px;}
    #obal .menu A {color:#FFF;}
  
        
    #obal .menu .uvod {width:164px; height:66px; float:left; background-image:url('layout/menu_1.jpg'); background-repeat: no-repeat;}
      #obal .menu .uvod A {width:164px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none;}
      #obal .menu .uvod A:HOVER {width:164px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none; background-image:url('layout/menu_1_aktiv.jpg');}
    #obal .menu .www {width:164px; height:66px; float:left; background-image:url('layout/menu_2.jpg'); background-repeat: no-repeat;}
      #obal .menu .www A {width:164px; height:54px; padding:12px 0px 0px 0px; float:left; display:block; text-decoration: none;}
      #obal .menu .www A:HOVER {width:164px; height:54px; padding:12px 0px 0px 0px; float:left; display:block; text-decoration: none; background-image:url('layout/menu_2_aktiv.jpg');}
    #obal .menu .grafika {width:163px; height:66px; float:left; background-image:url('layout/menu_3.jpg'); background-repeat: no-repeat;}
      #obal .menu .grafika A {width:163px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none;}
      #obal .menu .grafika A:HOVER {width:163px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none; background-image:url('layout/menu_3_aktiv.jpg');}
    #obal .menu .video {width:164px; height:66px; float:left; background-image:url('layout/menu_4.jpg'); background-repeat: no-repeat;}
      #obal .menu .video A {width:164px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none;}
      #obal .menu .video A:HOVER {width:164px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none; background-image:url('layout/menu_4_aktiv.jpg');}
    #obal .menu .reference {width:163px; height:66px; float:left; background-image:url('layout/menu_5.jpg'); text-align: center; background-repeat: no-repeat;}
      #obal .menu .reference A {width:163px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none;}
      #obal .menu .reference A:HOVER {width:163px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none; background-image:url('layout/menu_5_aktiv.jpg');}
    #obal .menu .kontakt {width:164px; height:66px; float:left; background-image:url('layout/menu_6.jpg'); background-repeat: no-repeat;}
      #obal .menu .kontakt A {width:164px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none;}
      #obal .menu .kontakt A:HOVER {width:164px; height:44px; padding:22px 0px 0px 0px; float:left; display:block; text-decoration: none; background-image:url('layout/menu_6_aktiv.jpg');}
      
  #obal .hlavicka_bottom {width:462px; height:362px; padding:30px 10px 0px 510px; color:#FFF; text-align:right; background-image:url('layout/hlavicka_bottom.jpg');}
    #obal .hlavicka_bottom H1 {color:#FFCC00; font-weight:bold; font-size:18px;}
    #obal .hlavicka_bottom H2 {padding:2px 0px 0px 0px; margin: 0px; font-size: 16px; font-weight:normal;}
    #obal .hlavicka_bottom P {padding-top:15px; font-weight:normal; font-size:12px;}
  
  #obal .panely {width:982px; height:auto;}
    #obal .panely .www {width:306px; height:136px; text-align:left; float:left; text-decoration: none; color:#000; padding:20px 0px 0px 20px; background-image:url('layout/back_www.jpg');}
      #obal .panely .www .vice {width:206px; height:116px; padding:0px 10px 0px 100px; float:left; text-decoration: none; color:#000; overflow:hidden;}
      #obal .panely .www .button {width:-5px; height:29px; padding:0px 0px 0px 100px; float:left; text-decoration: none;} 
      #obal .panely .www H2 {color:#336}
    #obal .panely .grafika {width:309px; height:136px; text-align:left; float:left; text-decoration: none; color:#000; padding:20px 0px 0px 20px; background-image:url('layout/back_grafika.jpg');}
      #obal .panely .grafika .vice {width:189px; height:116px; padding:0px 10px 0px 140px; float:left; text-decoration: none; color:#000; overflow:hidden;}
      #obal .panely .grafika .button {width:-45px; height:25px; padding:0px 0px 0px 140px; float:left; text-decoration: none;}
      #obal .panely .grafika H2 {color:#336}
    #obal .panely .kamera {width:307px; height:136px; text-align:left; float:left; text-decoration: none; color:#000; padding:20px 0px 0px 20px; background-image:url('layout/back_video.jpg');}
      #obal .panely .kamera .vice {width:209px; height:116px; padding:0px 10px 0px 117px; float:left; text-decoration: none; color:#000; overflow:hidden;}
      #obal .panely .kamera .button {width:-25px; height:25px; padding:0px 0px 0px 120px; float:left; text-decoration: none;}
      #obal .panely .kamera H2 {color:#336}
  
  #obal .main-left {width:982px; height:auto; float:left; background-color: #e2dfdf;}
  
  /* navigace */
  #obal .main-left .navigace {width:942px; height:25px; text-align:left; float: left; line-height:18px; padding:10px 20px 0px 20px; color:#666; background-image: url('layout/pozadi_nadpis.jpg');}
    #obal .main-left .navigace A {color:#666; text-decoration: underline;}
    #obal .main-left .navigace A:HOVER {text-decoration: none;}
    
  /* úvodní stránka */
  #obal .main-left .text {width:615px; height:auto; text-align:left; padding:20px 20px 10px 20px; color:#333; line-height:23px; float:left; background-color: #e2dfdf;}    
    #obal .main-left .text H2 {margin-top:0px; padding-top:0px; color:#333366}
    #obal .main-left .text H3 {margin-top:0px; padding-top:0px;}
  
  #obal .main-left .reference {width:327px; height:auto; text-align:left; float: left; padding:0px 0px 10px 0px; color:#FFF; background-image:url('layout/back_reference1.jpg'); background-repeat: repeat-x;}   
    #obal .main-left .reference .nadpis {width:307px; height:25px; text-align:left; color:#336; font-size:14px; font-weight: bold; float: left; padding:20px 0px 0px 20px;}   
    #obal .main-left .reference .img {width:175px; height:120px; text-align:left; float: left; padding:10px 10px 0px 15px;}   
    #obal .main-left .reference .text-reference {width:117px; height:120px; font-size:10px; text-align:left; float: left; padding:10px 10px 20px 0px; color:#333;}   
      #obal .main-left .reference .text-reference H4 {font-size:10px;}
    #obal .main-left .reference H3 {margin-top:0px; padding-top:0px;}
   
  #obal .main-left .reference .baner {width:327px; height:auto; text-align:left; float: left; padding:0px 0px 0px 0px; color:#FFF; background-image:url('layout/pozadi_identita.jpg'); background-repeat: repeat-x;}   
    #obal .main-left .reference .baner .text-baner {width:307px; font-size:11px; text-align:left; float: left; line-height:20px; padding:20px 10px 10px 10px; color:#333;}   


 
  #obal .main-left .text .main-reference {width:200px; height:auto; color:#333; float:left; padding:0px 0px 30px 0px; background-color: #e2dfdf;}    
    #obal .main-left .text .main-reference IMG {text-align:left; padding:0px 15px 15px 0px;}   
    #obal .main-left .text .main-reference .texty {width:173px; height:auto; line-height: normal; font-size:10px; padding:0px 15px 0px 2px; text-align:left; color:#666;}       
      #obal .main-left .text .main-reference .texty A {color:#333366; font-size:10px}
      #obal .main-left .text .main-reference .texty A:HOVER {text-decoration: none;}

   
  /* tvorba www stránek */
  #obal .main-left .text .mini {width:565px; height:100px; text-align:left; float: left; font-size: 11px; line-height:16px; padding:10px 30px 0px 20px; color:#333; background-image: url('layout/www_mini.jpg'); background-repeat: no-repeat;}
    #obal .main-left .text .mini A {color:#333366; text-decoration: underline;}
    #obal .main-left .text .mini A:HOVER {text-decoration: none;}
  #obal .main-left .text .optimal {width:565px; height:100px; text-align:left; float: left; font-size: 11px; line-height:16px; padding:10px 30px 0px 20px; color:#333; background-image: url('layout/www_optimal.jpg'); background-repeat: no-repeat;}
    #obal .main-left .text .optimal A {color:#333366; text-decoration: underline;}
    #obal .main-left .text .optimal A:HOVER {text-decoration: none;}
  #obal .main-left .text .profi {width:565px; height:100px; text-align:left; float: left; font-size: 11px; line-height:16px; padding:10px 30px 0px 20px; color:#333; background-image: url('layout/www_profi.jpg'); background-repeat: no-repeat;}
    #obal .main-left .text .profi A {color:#333366; text-decoration: underline;}
    #obal .main-left .text .profi A:HOVER {text-decoration: none;}
  
  #obal .main-left .text .mini-detail {width:600px; height:auto; padding:0px 15px 0px 0px; line-height: 20px; text-align:left; float: left;}
    #obal .main-left .text .mini-detail .left {width:250px; float: left;}
    #obal .main-left .text .mini-detail .right {width:350px; float: left; text-align: justify;}
       
  /* podstránky grafik */  
  #obal .text_grafika {width:982px; text-align:left; color:#333; float: left;  background-color: #e2dfdf;}    
    #obal .text_grafika .text1 {width:615px; text-align:left; float: left; line-height:18px; padding:20px 20px 20px 20px; color:#333;;}
    
  /* podstránka video služby */
  #obal .text_video {width:982px; text-align:left; color:#333; float: left;  background-color: #e2dfdf;} 
    #obal .text_video .text1 {width:615px; text-align:left; float: left; line-height:18px; padding:20px 20px 20px 20px; color:#333;}
  
  /* podstránka useweb mini */
  #obal .text .mini {width:942px; text-align:left; float: left; line-height:18px; color:#333; padding:10px 20px 20px 20px; background-color: #e2dfdf;}
    #obal .text .mini .mini_img {width:190px; height:214px; text-align:left; float: left; line-height:18px; color:#333; background-image: url('layout/mini.jpg'); background-repeat: no-repeat; background-color: #e2dfdf;}
    #obal .text .mini .mini_text {width:385px; text-align:left; float: left; line-height:18px; color:#333; padding:0px 20px 0px 20px; background-color: #e2dfdf;}

  #obal .text .optimal {width:942px; text-align:left; float: left; line-height:18px; color:#333; padding:10px 20px 20px 20px; background-color: #e2dfdf;}
    #obal .text .optimal .optimal_img {width:242px; height:222px; text-align:left; float: left; line-height:18px; color:#333; background-image: url('layout/optimal.jpg'); background-repeat: no-repeat; background-color: #e2dfdf;}
    #obal .text .optimal .optimal_text {width:333px; text-align:left; float: left; line-height:18px; color:#333; padding:0px 20px 0px 20px; background-color: #e2dfdf;}

  #obal .text .profi {width:942px; text-align:left; float: left; line-height:18px; color:#333; padding:10px 20px 20px 20px; background-color: #e2dfdf;}
    #obal .text .profi .profi_img {width:222px; height:221px; text-align:left; float: left; line-height:18px; color:#333; background-image: url('layout/profi.jpg'); background-repeat: no-repeat; background-color: #e2dfdf;}
    #obal .text .profi .profi_text {width:353px; text-align:left; float: left; line-height:18px; color:#333; padding:0px 20px 0px 20px; background-color: #e2dfdf;}


  /* kontakt */
  #obal .text .kontakt {width:982px; height:434px; color:#FFF; text-align:left; color:#FFF; float:left; line-height:18px; padding:10px 0px 0px 20px;} 
    #obal .text .kontakt .formular {width:634px; height:207px; text-align:left; color:#FFF; float:left; line-height:16px; padding:10px 0px 0px 20px; background-image:url('layout/kontakt/kontakt_f.jpg');}


  #obal .paticka {width:615px; height:20px; float:left; text-align:right; font-size:9px; padding:10px 347px 10px 20px; background-image:url('layout/paticka.jpg');  background-color:#e2dfdf;}
    #obal .paticka A {text-decoration: underline;}
    #obal .paticka A:HOVER {text-decoration: none;}
  
  #obal .clear {width: 1px; clear: both;} /* roztáhne pozadí až dolů */