.web * {margin: 0; padding: 0}
BODY.web {margin: 0; background: black}
.web .main-center {text-align: center;
                   background: url(../imgs/layout/podklad.jpg) repeat-x;}
.web .main { width: 980px; margin-left: auto; margin-right: auto;
             text-align: left; }

.web A[href^="mailto:"] {padding-right:10px;
              background-image:url(../imgs/link/link-mail-white.gif);
              background-position:right top; background-repeat:no-repeat;}
              
/*.web A[href^="http://"] {padding-right:10px;
              background-image:url(../imgs/link/link-out-white.gif);
              background-position:right top; background-repeat:no-repeat;}*/

.web UL {list-style-type: none; }
.web LI {}

.web H1 {color: #51AFF5}
.web H2 {color: #51aff5}
.web H3 {color: #1271b5; margin: 10px 0 5px 0}

.web A {}
.web A:visited {}
.web A:hover {}

.web P {text-align: justify;}


/**** layout ****/
.web .top-empty-space {height: 30px;}
.web .header {height: 58px; margin: 0; text-align: center;
              background: url(../imgs/layout/header_bg.jpg) repeat-x}
.web .header-logo {position: absolute;width: 150px; height: 45px; margin: 12px 0 0 25px;;
                   background: url(../imgs/layout/logo.png) no-repeat;}
.web .header-center {margin-left: auto; text-align: left;
                     width: 980px; margin-right: auto;}
.web .header-claim {margin-right: 0px; text-align: right;
                     width: 920px; padding-top: 13px;}

.web .header UL {position: absolute; margin: 30px 0 0 150px; }
.web .header UL LI {float: left; height: 25px; width: 110px; margin: 0;
                     text-align: center;}
.web .header UL LI A {display: block; height: 25px; width: 110px;font-size: 14px;
                      text-transform: uppercase; color: #7ab2ef;
                      text-decoration: none;}
.web .header UL LI A:hover {color: white;}
.web .header-search {height:25px;margin:30px 0 0 730px;position:absolute;
                     width:220px;
                     background: url(../imgs/layout/lupa.png) no-repeat;}
.web .header-search FORM {margin: 0 0 0 30px}
.web .header-search FORM INPUT {border: 1px white dotted; background: transparent;
                                color: white; float: left; height: 20px}
.web .header-search FORM INPUT[type^="submit"] {border: 0; margin: 0 0 0 5px;}

.web .bg {background: transparent url(../imgs/layout/bg.jpg) repeat scroll 0 0}

.web A.main-logo {display:block; height:40px; width:120px; background: none;}

/***************** content ****************************************************/
.web .content {position: relative; margin:0; width: 980px}
.web .cleaner {clear: both;}
.web .table {border-collapse:collapse;color:white; margin: 5px 0 5px 0;}
.web .table TR {}
.web .table TR TD {padding: 3px}


/******* home page **********/
.web .content .hp-menu {}
.web .content .hp-menu DIV.six-box {float:left; height:220px; margin:10px;
                                    width:300px;}

.web .content .six-box A {text-decoration: underline; color: CornflowerBlue}
.web .content .six-box SPAN {color:CornflowerBlue; font-size:22px; cursor: pointer;
                             margin:170px 0 0 0px; position:absolute; width: 300px;                                  
                             text-align: center;}
                             
.web .content .six-box .we-text {margin: 10px; }
.web .content .six-box .we-text H2 {margin: 0 0 10px 0px; color: white;}
.web .content .six-box .we-text P {color: white; font-size: 12px}
 
.web .content .hp-menu .logo-grafika A {width: 300px; height: 220px; display: block;
                                   text-decoration: none;}
.web .content .hp-menu .logo-web A {width: 300px; height: 220px; display: block;
                                   text-decoration: none;}
.web .content .hp-menu .logo-info-sys A {width: 300px; height: 220px; display: block;
                                   text-decoration: none;}

.web .content .hp-menu .logo-grafika {
	          background: url(../imgs/layout/logo_portal.png) no-repeat 40px 0}
.web .content .hp-menu .logo-web {
	          background: url(../imgs/layout/logo_stranky.png) no-repeat 40px 0}
.web .content .hp-menu .logo-info-sys {
	         background: url(../imgs/layout/logo_software.png) no-repeat center top;}

/******* / home page **********/


/******* fast contact **********/
.web .fast-contact {height:152px; width:286px; position:absolute;
       background: url(../imgs/layout/win_contact.jpg) no-repeat scroll 0px 0;}
.web .fast-contact-title {position: absolute; margin: 5px 0 0 160px}
.web .fast-contact-title H3 {margin: 0; color: white; font-size: 13px;}

.web .fast-contact-reflex {height:74px; margin:157px 0 0; position:absolute;
                           width:286px;
background: url(../imgs/layout/win_contact_reflex.png) no-repeat scroll 0px 0;}

.web .fast-contact FORM {margin: 35px 0 0 21px; position: absolute;}
.web .fast-contact INPUT {border: 0; margin: 1px 0 6px 0; width: 230px;
                          position: absolute; height: 15px; text-align: center;
                          background: transparent;color: white;}
.web .fast-contact INPUT.name {margin: 0 0 0 14px}
.web .fast-contact INPUT.email {margin: 36px 0 0 14px}
.web .fast-contact INPUT.phone {margin: 70px 0 0 14px}
.web .fast-contact INPUT.submit {margin: 93px 0 0 163px;width:79px;height: 18px;
     background: url(../imgs/layout/tlacitko_podlouhle_on.png) no-repeat 0 2px;}
.web .fast-contact .submit INPUT:hover {margin: 40px 0 0 90px; width: 50px;}
.web .contact-sent {margin: 0 0 0 15px; color: white;}
/******* / fast contact **********/


/******* win news **********/
.web .win-news {height:148px; width:286px; position:absolute;
	      background: url(../imgs/layout/win_news.jpg) no-repeat scroll 0 0;}
.web .win-news-reflex {height:74px; margin:148px 0 0; position:absolute; 
                       width:286px;
   background: url(../imgs/layout/win_news_reflex.png) no-repeat scroll 0 0;}

.web .win-news-title {margin:5px 0 10px 205px; width:100px;}
.web .win-news-title H3 {margin:0; color: white; font-size:13px;}

.web .win-news-text H4 {margin:5px 0 0 0; color: CornflowerBlue;}
.web .win-news-text P {margin:0; color: white;}
.web .win-news-text A {color: CornflowerBlue}

.web .win-news-text {margin:0px 0px 0 10px; width:265px; height: 118px;}
.web .win-news-text UL {margin:0px 25px 0 0px;}
/******* / win news **********/


/******* butons **********/
.web .btn { height: 295px;}
.web .btn-text {color:white;margin:185px 30px 0; position: absolute;}
.web .sw {position: absolute; z-index:5;margin-left:0px;margin-top:0px;
          width: 326px; height: 295px;}
.web .sw .btn-bg {background: url(../imgs/layout/benya007.jpg); width: 326px;
                  height: 295px; display: block;}
.web .www {position: absolute; z-index: 5; margin-left: 326px; margin-top: 0px;
           width: 329px; height: 295px;}
.web .www .btn-bg {background: url(../imgs/layout/benya008.jpg); width: 329px;
                  height: 295px; display: block;}
.web .design {position: absolute; z-index: 5;margin-left: 655px;margin-top: 0px;
           width: 325px; height: 295px;}
.web .design .btn-bg {background: url(../imgs/layout/benya009.jpg);width: 325px;
                  height: 295px; display: block;}
/******* / butons **********/


/******* basic **********/
.web .basic-left {float: left; width:310px; }

.web .basic-left .small-menu {}
.web .basic-left .small-menu A {width:290px; display:block; height:64px;
                                text-decoration: none;}
.web .basic-left .small-menu A:hover SPAN {color: white;}
.web .basic-left .small-menu A SPAN {margin: 0 0 0 80px; display: block;
                                     font-size:15px; color:#7AB2EF; 
                                     padding: 15px 0 0 0;}
.web .basic-left .grafic {height: 70px; margin: 10px 0 0 0;
                     background: url(../imgs/layout/tbn-grafika.png) no-repeat;}
.web .basic-left .web {height: 65px;
                     background: url(../imgs/layout/tbn-stranky.png) no-repeat;}
.web .basic-left .info-sys {height: 91px;
                     background: url(../imgs/layout/tbn-systemy.png) no-repeat;}


.web .basic-left .small-main-menu {height: 100px}
.web .basic-left .small-main-menu A {color: #7ab2ef; font-size:16px;
                                     font-weight:bolder;}
.web .basic-left .small-main-menu A IMG {float: left; }

.web .basic-left .contact-reflex {height: 148px; margin: 10px 0 0 0;}
.web .basic-left .fast-contact {height: 152px;}
.web .basic-left .news-reflex {height: 220px;margin: 10px 0 0 0;}

.web .basic-content {color: white;}
.web .basic-content P {margin: 0 0 10px 5px;}
.web .basic-content A {color: CornflowerBlue}
.web .basic-content A:hover {color: white;}
.web .basic-content UL {list-style-type:circle; margin:7px 0 7px 20px;}
.web .basic-content LI {}


.web .basic-content {margin:0 75px 0 310px; }
.web .basic-content .center-text {margin: 0 10px 0 10px; padding: 15px 0 1px 0 }
.web .basic-content .center-text SPAN P {color: #7ab2ef}
.web .basic-content .center-text P {color: white;}

.web .home-content {height: 180px;}
.web .home-content DIV {width: 300px;position: absolute; height: 180px}

.web .home-left {margin: 0 0 0 10px; }
.web .home-center {margin: 0 0 0 337px;}
.web .home-right {margin: 0 0 0 666px; }
.web .home-right .fast-contact {margin: 10px 0 0 60px;}

.web .search-result P {margin: 10px 0 10px 0}
.web .search-result UL {text-decoration: none; width: 300px}
.web .search-result LI A {color: CornflowerBlue}
/******* / basic **********/


/******* reference **********/
.web .reference-container {padding: 15px 0 0 0;margin:0 0px 0 310px;  }

.web .win-reference {height: 551px;
                     background: url(../imgs/layout/okno_reference.jpg) no-repeat;}
.web .reference-title {height:20px; margin:7px 0 0 520px; position:absolute;
                       width:70px;}
.web .reference-title H3 {color: white; margin: 0}

.web .win-reference .popupref {height:450px; margin:60px 0 0 76px; display:none;
                               position:absolute; width:450px; z-index: 1;}
.web .win-reference .close-ref {cursor:pointer; float:right; height:16px;
                                margin:5px 10px 0 10px; width:16px;}
.web .win-reference .close-ref SPAN {display: block; width: 16px; height: 16px;
                    background: url(../imgs/layout/close_button.png) no-repeat;}

.web .win-reference .popupref-content {margin: 0px 8px; text-align:justify;
                                       color: #1a2a4e}
.web .win-reference .popupref-content UL {list-style-type: circle;
                                          margin: 0 0 0 20px;}
.web .win-reference .popupref-content OL {list-style-type: decimal;
                                          margin: 0 0 0 20px;}

.ref-top {background: url(../imgs/layout/galerie_vrsek.png) no-repeat;
          height: 22px; width: 451px}
.ref-middle {background: url(../imgs/layout/galerie_prostredek.png) repeat-y;
             width: 451px}
.ref-bottom {background: url(../imgs/layout/galerie_spodek.png) no-repeat;
          height: 21px; width: 451px}

.web UL.reference {margin:40px 0 0 3px; position:absolute; width:592px; }
.web UL.reference LI { float:left; height:130px; text-align: center;
                      margin:0px;width:148px; }
.web UL.reference LI IMG {border: 0;}
/******* / reference **********/

/******* footer **********/
.web .footer { height: 130px; text-align: center;
               background: url(../imgs/layout/bg.jpg);}
.web .footer A {color: white; }
.web .footer H3 A {color: CornflowerBlue}

               
.web .footer .footer-content {
                     height: 150px; position: absolute; width: 980px; 
                     position: relative; margin: 0 auto; z-index: 2; 
                     text-align: left; color: white;}
.web .footer .girl {background: url(../imgs/layout/girl.png) no-repeat;
                    height: 150px; position: absolute; width: 222px;}
.web .footer .address {position: absolute; width: 160px; height: 100px;
                       margin:45px 0 0 300px;}
.web .footer .phone-email {position: absolute; width: 135px; height: 100px;
                           margin:45px 0 0 490px;}
.web .footer .help-link {position: absolute; width: 270px; height: 150px;
                         margin:5px 0 0 660px; }
.web .footer .help-link H3 {margin: 40 0 0 0;}
.web .footer .help-link .hl-bg {float:right; height:169px; width:169px;
	           background: url(../imgs/layout/help_line.png) no-repeat scroll;}

.web .footer .bg {background: url(../imgs/layout/footer_bg.jpg) repeat-x 0 23px;
                     height: 156px; margin: -150px 0 0 0; z-index: 0 }
/******* / footer **********/