body * { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;}
body {  padding: 0; margin: 0; font-size: 1em; background-color: #FFFFFF; color:#000000; text-align: center;}

h1 { margin: 10px 5px 0 5px;  font-size: 22px; color: #FF7315; font-weight: bold;}
h2 { padding: 1px 0 0 8px; margin: 0;  font-size: 1em; color: #FF7315; text-transform: uppercase;}
h3 { margin: 20px 0 3px 0;  padding: 1px 0 0 10px; font-size: 1.1em; color: #00aff2;}
h4 { margin: 20px 0 3px 0;  padding: 1px 0 0 10px; font-size: 0.9em; color: #333;}
h5 { margin: 5px 0 3px 0;  padding: 1px 0 0 10px; font-size: 0.9em; color: #FF7315;}
h6 { margin: 5px 0 3px 0;  padding: 1px 0 0 10px; font-size: 0.8em; color: #000;}
p { font-size: 0.9em; margin: 0; line-height: 120%; padding: 10px;}
li {line-height: 180%; font-size: 0.9em;}
ul { margin-left: 20px;}
ol { margin: 10px 0;}
ol { margin-left: 30px; padding:0px;}

hr { height: 1px; margin-bottom: 5px; background-color: #ddd; color: #ddd; border: none;}
img {border: none;}
a:link {color: #3e3e3e; cursor:hand;}
a:visited {color: #1e1e1e}
a:active {color: #FF0000}
a:hover {color: #FF7315;}
div.cls {clear:both; float: none; height: 0;}
div.drobecky { padding: 0 0 5px 10px; text-align:left; color: #777;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 140%;}
div.drobecky a { color: #777;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}

#content { width: 980px; height: 100%; text-align: left; position: relative; margin: 0 auto;}

#page  {padding: 0;} 
#top { width: 980px; height: 165px; padding:0; border: none; }
#lista { width: 100%; height: 35px; text-align: center; background-color: #4a4a4a;}
#lista_content { width: 980px; color: #ffffff; text-align: right; padding: 8px 30px 0 0;}
#lista_content a { color: #ccc; font-weight: bold; text-decoration: none; font-size: 0.9em;}
#lista_content a:hover { color: #fff;}
#logo  { text-align: left; margin: 0 0 0 10px; float: left;}

#sel_hled  { width: 296px; height: 124px; margin: 2px; padding: 0; float: right; border: 0; background-color: #ffffff; text-align: center; }
#sel_hled a { width:292px; height: 120px; display: block; text-decoration: none; cursor: hand; background: url(../data/design/NanoOrbit-add_company.png) no-repeat;}
#sel_hled a:hover { text-decoration: underline; color: #00aff2;}
#sel_hled span {  display: block; font-size: 15px; color: #00aff2; text-transform: uppercase; text-align: left; padding: 35px 5px 10px 100px;}

#site_menu_top { margin: 5px 0 0 10px; height: 35px; width: auto; text-align: left; float: left;}

div.site_menu_top_on_home { width: auto; height: 33px; padding: 0 10px; margin: 0; float: left;  background: url(../data/design/site_menu_top_on_c_home.gif) repeat-x; text-align: center; border-left: 1px solid #fff;  border-right: 1px solid #fff;}
div.site_menu_top_on_home a { line-height: 33px; color: #FFF; font-size: 0.8em; text-decoration: none; font-weight: bold;}
div.site_menu_top_on_home a:hover { line-height: 33px; color: #FF7315; font-size: 0.8em; text-decoration: none; font-weight: bold;}

div.site_menu_top_off_home { width: auto; height: 33px; padding: 0 10px; margin: 0; float: left;  background: url(../data/design/site_menu_top_off_c_home.gif) repeat-x; text-align: center; border-left: 1px solid #fff;  border-right: 1px solid #fff;}
div.site_menu_top_off_home a { line-height: 33px; color: #444; font-size: 0.8em; text-decoration: none; font-weight: bold;}
div.site_menu_top_off_home a:hover { line-height: 33px; color: #FF7315; font-size: 0.8em; text-decoration: none; font-weight: bold;}


div.site_menu_top_on { width: auto; height: 33px; padding: 0 10px; margin: 0 10px 0 0; float: left; text-transform: uppercase; text-align: center; border-top: 1px solid #00aff2;}
div.site_menu_top_on a { line-height: 33px; color: #000000; font-size: 0.7em; text-decoration: none; font-weight: bold;}
div.site_menu_top_on a:hover { line-height: 33px; color: #00aff2; font-size: 0.7em; text-decoration: none; font-weight: bold;}

div.site_menu_top_off { width: auto; height: 33px; padding: 0 10px; margin: 0 10px 0 0; float: left; text-transform: uppercase; text-align: center;  border-top: 1px solid #00aff2;  background-color: #ffffff;}
div.site_menu_top_off a { line-height: 33px; color: #000000; font-size: 0.7em; text-decoration: none; font-weight: bold;}
div.site_menu_top_off a:hover { line-height: 33px; color: #00aff2; font-size: 0.7em; text-decoration: none; font-weight: bold;}


div.site_menu_top_on_m { width: 32%; height: 33px; padding: 10px 0; line-height: 10px; margin: 2px; float: left; text-transform: uppercase; text-align: center; border-top: 1px solid #00aff2;}
div.site_menu_top_on_m a { color: #000000; font-size: 10px; line-height: 10px; text-decoration: none; font-weight: bold;}
div.site_menu_top_on_m a:hover { color: #00aff2; font-size: 10px; line-height: 10px; text-decoration: none; font-weight: bold;}

div.site_menu_top_off_m { width: 32%; height: 33px; padding: 10px 0; line-height: 10px; margin: 2px; float: left; text-transform: uppercase; text-align: center;  border-top: 1px solid #00aff2;  background-color: #ffffff;}
div.site_menu_top_off_m a { color: #000000; font-size: 10px; line-height: 10px; text-decoration: none; font-weight: bold;}
div.site_menu_top_off_m a:hover { color: #00aff2; font-size: 10px; line-height: 10px; text-decoration: none; font-weight: bold;}



#site_menu_top_submenu {float: none; width: 100%; height: 42px; padding: 0; background: #fff url(../data/design/background_top_submenu.png) repeat-x; text-align: left;}
#menu_top_padding {padding: 1px 3px 2px 10px;}

#menu_top_padding div.leve_menu_odkaz { float: left; width: auto; padding: 10px; margin: 0; text-transform: uppercase; height: 18px; text-align: left;  line-height: 120%;}
#menu_top_padding div.leve_menu_odkaz a { color: #333; font-size: 0.8em; text-decoration: none; margin: 0; }
#menu_top_padding div.leve_menu_odkaz a:hover { color: #333; font-size: 0.8em; text-decoration: none; margin: 0;  border-bottom: 2px solid #666;}

div.top_submenu {float: left; width: auto; padding: 10px 6px;  text-align: left; text-transform: uppercase;}
div.top_submenu a { color: #333; font-size: 0.7em; text-decoration: none; }
div.top_submenu a:hover { color: #333; font-size: 0.7em; text-decoration: none; border-bottom: 2px solid #666;}


#stred_stranky {height: 100%; padding: 10px 0px 0px 0px; background-color: #fff; }
#stred_stranky h1{padding-left: 5px;}
#stred_stranky h2{padding-top: 18px; padding-bottom: 8px; font-size: 1.1em}
#stred_stranky h3{padding-top: 8px; padding-bottom: 6px; font-size: 0.8em; color: #00aff2;}
#stred_stranky h4{padding-top: 8px; padding-bottom: 6px; color: #000;}
#stred_stranky img{padding-top: 12px; padding-bottom: 0px; margin-left: 10px;}

#blok1 { width: 956px; height: 100%; text-align: left;}
#leve_menu { width:265px;  margin: 0; padding-bottom: 5px; float: left; background-color: #fff;}
#leve_menu_top { width:265px; height: 10px; margin: 0; float: left; background: #fff url(../data/design/background_leve_menu_top.gif) no-repeat;}
#leve_menu_nadpis  {width:242px; height: 42px;  margin: 0 2px 0 0; padding-left:10px; float: right; background: #fff url(../data/design/background_leve_menu_nadpis.png) repeat-x; color: #FFF; text-align: left; font-weight: bold; font-size: 1.1em; line-height: 250%;}

.leve_menu_odkaz  { width:252px;  margin: 0 2px 0 0;float: right; background: #fff url(../data/design/background_leve_menu_odkaz.gif) no-repeat; color: #0D3B7F; text-align: left; font-weight: normal; font-size: 0.85em; line-height: 280%;}
.leve_menu_odkaz a { text-decoration: none; margin-left: 30px;}
.leve_menu_odkaz_2  { width:230px; height: 23px;  margin: 0 2px 0 0;float: right; background: #fff url(../data/design/background_leve_menu_odkaz_2.gif) no-repeat; color: #0D3B7F; text-align: left; font-weight: normal; font-size: 0.8em; line-height: 180%;}
.leve_menu_odkaz_2 a { text-decoration: none; margin-left: 20px;}
.leve_menu_odkaz_3  { width:230px; height: 40px;  margin: 0 2px 0 0;float: right; background: #fff url(../data/design/background_leve_menu_odkaz_3.gif) no-repeat; color: #0D3B7F; text-align: left; font-weight: normal; font-size: 0.85em; line-height: 280%;}
.leve_menu_odkaz_3 a { text-decoration: none; margin-left: 70px;}

.menu_left_level_2  { width: 100%; height: 27px;  margin: 0 2px 0 0;float: left; background: #fff url(../data/design/background_leve_menu_odkaz_2_new.gif) no-repeat; color: #0D3B7F; text-align: left; font-weight: normal; font-size: 0.85em; line-height: 260%;}
.menu_left_level_2 a { text-decoration: none; margin-left: 35px;}


#promo { height: 100px; padding: 10px 3px 0 3px; margin: 0 0 10px 0; float: none; background-color: #fff;}

.strankovani { width: 650px; height: 25px; font-size: 12px; font-weight: bold; line-height: 200%; margin: 20px 0;}
.strankovani label { float: left;  font-weight: bold; color: #FF6600;  font-size: 14px;}
.strankovani select { float: left;}
.strany1 {float: left;}
.strany2 {float: right;}

.strana_off { width: 21px; height: 23px; background: url(../data/design/strana_off.gif) no-repeat; color: #444444;  float: left; text-align: center;}
.strana_on { width: 21px; height: 23px; background: url(../data/design/strana_on.gif) no-repeat; color: #fff;  float: left; text-align: center;}
.strana_all { width: 83px; height: 23px; background: url(../data/design/strana_all.gif) no-repeat; color: #444444;  float: left; text-align: center; margin: 0 5px;}


div.boxes { width: 100%; height: 520px; background-color: #fff; float: none;}
.box  { margin: 10px; height: 230px;}
.box h2 { color: #0087a9; font-weight: bold; line-height: 80%;}
.box a { color: #0087a9;}
.box p { font-size: 1em; line-height: 130%;}

.box-250  { margin: 0; width: 260px; height: 520px; background-color: #fff; float: left;}
.box-250 h2 { font-size: 0.9em; color: #0087a9; font-weight: bold; line-height: 120%;}
.box-250 h3 { font-size: 0.9em; margin: 0 10px; padding: 0; line-height: 120%;}
.box-250 a { color: #0087a9;}
.box-250 p { font-size: 0.9em; line-height: 110%;}

#box-320-l  { margin: 5px; width: 320px; height: 100%; background-color: #fff; float: left;}
#box-320-l h3 {margin: 5px 0; padding: 0; color: #00aff2; font-weight: bold;}
#box-320-l h4 { margin: 15px 0 10px 0; padding: 0; font-size: 0.9em; color: #666;}
#box-320-l a { text-decoration: none}
#box-320-l a:hover { text-decoration: underline}
#box-320-l p {  margin: 0 0 20px 0; padding: 0; color: #888; font-size: 0.8em; line-height: 120%;}

#box-320-p  { margin: 5px 0 5px 30px; width: 300px; height: 100%; background-color: #fff; float: left;}
#box-320-p h3 {margin: 5px 0; padding: 0; color: #00aff2; font-weight: bold;}
#box-320-p h4 { margin: 3px 0; padding: 0; font-size: 0.9em; color: #666;}
#box-320-p a { text-decoration: none}
#box-320-p a:hover { text-decoration: underline}
#box-320-p p {  margin: 0 0 20px 0; padding: 0; color: #888; font-size: 0.8em; line-height: 120%;}
.discussion-new-table {font-size: 0.6em; color: #888;}
.discussion-new-table td {width: 80px; height: 10px; padding: 3px 0;}


#network {
            color: #666;
            text-transform: uppercase;
            font-size: 25px;
            font-weight: normal;
          }


.box-350  { margin: 0 0 0 10px; width: 350px; height: 520px; background-color: #fff; float: left;}
.box-350 h2 { font-size: 0.9em; margin-top: 20px; color: #0087a9; font-weight: bold; line-height: 120%;}
.box-350 h3 { font-size: 0.8em; margin: 0 10px; padding: 0; line-height: 130%; color: #00aff2;}
.box-350 a { color: #0087a9;}
.box-350 p { font-size: 0.8em; line-height: 110%;}
.box-350 span { margin: 4px; display: block;}


.kategory_boxes { margin-top: 30px;}
.kategory_boxes a { font-size: 14px;}
.kategory_boxes p { font-size: 12px;}

.kategory_box  { width:220px; height: 280px;  margin-left: 10px; float: left; background-color: #E7F0F2;}
.kategory_box h2 { margin: 15px 10px 5px 10px; padding-bottom: 5px; font-size: 0.9em; color: #333; border-bottom: 1px solid #fff;}
.kategory_box h2 a { text-decoration: none;}
.kategory_box p { margin: 5px 0 0 10px; color: #666; font-size: 0.8em;  height: 150px;}
.but_more { margin: 5px 5px 5px 18px; }

.levy_box {width: 475px; height: 375px; margin: 3px 0 6px 2px; background: url(../data/design/background_nabidka_box.gif) repeat-x; float: left; border: 1px solid #D6D6D6;}

#blok2  { width: 980px; text-align: left; background-color: #fff;}
.box2 { width:300px; height: 100%;  margin: 5px; float: left; background-color: #F1F5F6;}

#blok3  { margin: 10px 0; text-align: center; background: #00aff2 url(../data/design/link_and_search.png) repeat-x;}
#link_and_search { width: 980px; height: 300px; text-align: center; color: #fff; font-size: 0.8em; line-height: 120%;} 
#link_and_search a { color: #fff; text-decoration: none;}
#link_and_search a:hover { color: #fff; text-decoration: underline;}
#link_and_search hr { background-color: #31ade7; }
#bottom-links {border: none; width: 800px; margin: 20px;}
#bottom-links td {border-left: 1px solid #fff; padding: 10px 20px; text-align: left;}

#blok4  {float: none; margin-top: 20px; padding: 10px 0; text-align: center; background-color: #333;}
#stred-blok4  {margin: 0 auto; width: 980px;}
.box4 { width: 222px; height: 100%;  margin: 8px; float: left; font-size: 0.8em; padding: 2px 2px 10px 2px;}
.box4 h2 { color: #ccc; text-align: left; padding: 5px 0 5px 10px; text-transform: none; font-size: 1.2em;}
.box4 a { display: block; color: #aaa; text-align: left; padding: 5px 0 0 10px;}

.box3 { width:300px; height: 100%;  margin: 5px; float: left;}

input.odeslat {
                  width: 55px; height: 22px;
                  background: url(../data/design/button_odeslat.gif) no-repeat;
                  border: none;
                  font-size: 14px; color: #FFF; font-weight: bold;
                  cursor:hand;
                  margin: 2px;
                }
.hledat_input { 
                  width: 350px;
                  height: 40px;
                  border: none;

              }
.search-tbl {
                border-collapse: collapse;
            }
.gh-ar-hdn {
                 font-size: 20px;
                 margin: 10px; 
                 color: #333; 
                 font-weight: bold; 
                 line-height: 300%;     
            }            
.tbl-l { 
                  padding: 5px;
                  border-top: 2px solid #00aff2;
                  border-right: 0;
                  border-bottom: 2px solid #00aff2;
                  border-left: 2px solid #00aff2;

                  /* -- CSS3 - define rounded corners -- */	
                  -webkit-border-radius: 5px 0 0 5px;
                  -moz-border-radius: 5px 0 0 5px; 
                  border-radius: 5px 0 0 5px;
              }
.tbl-s { 
                  padding: 5px;
                  border-top: 2px solid #00aff2;
                  border-right: 0;
                  border-bottom: 2px solid #00aff2;
                  border-left: 1px solid #CCCCFF;
              }
.tbl-s select { 
                  border: none;
                  width: 160px;
              }

.tbl-r { 
                  padding: 5px;
                  border-top: 2px solid #00aff2;
                  border-right: 2px solid #00aff2;
                  border-bottom: 2px solid #00aff2;
                  border-left: 0;
                  background-color: #00aff2;

                  /* -- CSS3 - define rounded corners -- */	
                  -webkit-border-radius: 0 5px 5px 0;
                  -moz-border-radius: 0 5px 5px 0; 
                  border-radius: 0 5px 5px 0;
              }


#hledat_top {
               margin-top: 15px;
               width: 500px;
            }
#hledat_top h3{
               float: left;
               margin: 0;
               color: #fff;
            }

.tlacitko {
                  width: 83px; height: 24px;
                  border: none;
                  cursor:hand;
                  float: right;
                  margin: 0 15px 0px 10px;
                }
.tlacitko2 {
                  width: 75px; height: 22px;
                  border: none;
                  cursor:hand;
                  float: right;
                  margin: 0 65px 20px 0;
                }

.orange {color: #FF7315;}
.footer  {font-size: 0.8em; color: #666; line-height: 150%; padding: 5px; margin-top: 20px;}
#obsah_stranky { width: 696px; padding: 10px 10px 10px 10px; float: right; text-align: left; background-color: #fff;  }
#obsah_stranky h2 { margin: 20px 0 10px 0; font-size: 1.1em; }
#obsah_stranky h3 { margin: 10px 0 0 0; font-size: 0.9em; }
#obsah_stranky p { line-height: 150%; }

#zalozky { width:690px;   height: 31px; border-bottom: 1px solid #E8E8F2; margin: 20px 0 0 0; padding: 0;}
#zalozky h1 { width:230px; height: 30px; padding-left: 5px; font-size: 16px; float: left; line-height: 20px;}
.zalozka_on { 
                border-bottom: 1px solid #FFF; 
                border-top: 1px solid #E8E8F2; 
                border-left: 1px solid #E8E8F2; 
                border-right: 1px solid #E8E8F2; 
                width:100px; 
                height: 30px; 
                font-size: 13px; 
                line-height: 36px; 
                margin: 0; 
                padding: 0 0 0 8px; 
                background: #fff; 
                float: left; 
                font-weight: bold; 
                color: #444;
             }
.zalozka_off { 
                border-bottom: 1px solid #E8E8F2; 
                border-top: 1px solid #E8E8F2; 
                border-left: 1px solid #E8E8F2; 
                border-right: 1px solid #E8E8F2; 
                width:100px; 
                height: 30px; 
                font-size: 13px; 
                line-height: 36px; 
                margin: 0; 
                padding: 0 0 0 8px;
                background: #E8E8F2 url(../data/design/background_zalozky.gif) repeat-x; 
                float: left; 
                font-weight: bold; 
                color: #444;
              }
.zalozka_off a { text-decoration: none; margin: 0;}
.zalozka_on a { text-decoration: none; margin: 0;}
.anotace { color: #666; line-height: 150%; font-size: 13px; font-weight: bold;}
.popis { color: #333; line-height: 170%; font-size: 13px; margin: 0 10px;}
.popis h2 { font-size: 1.1em; margin-top: 10px;}

.kategory_boxes { margin-top: 30px;}
.kategory_boxes a { font-size: 14px;}
.kategory_boxes p { font-size: 12px;}
#skolka_detail {border: 1px solid #E8E8F2; margin-top: 0; background: #fcfcfc;}
#skolka_detail p {line-height: 150%; color: #555;}
#skolka_detail h2 {background: #f2f2f2; padding-top: 5px; padding-bottom: 5px; margin-top:8px;}


table#formular_objednavky3 {width: 481px; height: 200px; font-size: 0.8em; color: #333; margin-left: 20px;}
table#formular_objednavky3 td {padding: 5px;}
table#formular_objednavky3 label { display: block;  font-size: 13px; margin:5px 0 0 5px; padding: 0; font-weight: bold; color: #FF6600;}
table#formular_objednavky3 textarea { margin:5px 0 0 5px;}
table#formular_objednavky3 input, select {font-size: 15px;}
table#formular_objednavky3 input, select {width: 230px; height: 30px;}
table#formular_objednavky3 input.odeslat {font-size: 1em; margin: 8px; width: 75px; height: 20px; background: #FFF url(../data/design/button_odeslat.gif) no-repeat;}
.specification td { padding: 5px; border: 1px solid #ccc;}
.specification th { padding: 5px; border: 1px solid #ccc; background-color: #2A4C8F; color: #FFF;}
#contact_print { display: none; }

.login label{ width: 150px; display: block; float: left; text-align: right; font-size: 13px; margin-top: 5px; color: #666; line-height: 300%;}
.login input { 
        height: 35px; 
        width: 300px; 
        margin: 5px; 
        padding-left: 10px;
        color: 666;
        font-size: 18px; 
        border: 1px solid #ccc;
        /* -- CSS3 - define rounded corners -- */	
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px; 
        border-radius: 5px 5px 5px 5px;
    }
.red {color: red; font-size: 12px; }


#login-form { padding: 5px; font-size: 13px;}
#login-form form { margin-left: 10px;}

#kalendar     { margin: 19px 5px 5px 30px; background-color: #fff;  color: #333;}
#kalendar h2  { font-size: 0.9em; color: #00aff2; font-weight: bold; line-height: 120%;}
#kalendar a  { color: #00aff2; text-decoration: none;}
#kalendar a:hover  { color: #00aff2; text-decoration: underline;}

#homepage-kalendar { width:260px; height: 140px; border-collapse: collapse; text-align: center;  margin: 5px 0; font-size: 0.9em;}
#homepage-kalendar td { border: 1 solid #fff;}
#homepage-kalendar a { color: #0087a9; text-decoration: underline;}

#kalendar_list {margin-top: 10px;}
#kalendar_list td {padding: 10px 5px; line-height: 150%;}
#kalendar_list h2 { color: #0087a9; font-weight: bold; padding: 0;}
#kalendar_list a { color: #0087a9;}
#kalendar_list p { padding: 10px 0;}

#kalendar-next-month {
        width: 95%; 
        height: 30px; 
        float: none; 
        padding: 4px;
        text-transform: uppercase; 
        background-color: #eee;
     }

.dnes { background-color: #eee; color: #000;}
.akce { background-color: #00aff2; color: #fff;}
.akce a { color: #fff;}
.grey { color: #888; }
.date { color: #888; font-size: 0.7em; margin: 0; padding: 0;}

#home-obrazek {width: 500px; height: 225px; float: left; color: #fff;}


/* pravidla se aplikují jen při šířce do 768 px */
@media only  screen and (max-width: 768px) {
        #content { width: 760px; }
        #top { width: 750px; }
        #home-obrazek {width: 500px; height: 300px; float: none; color: #fff;}
        #blok1 { width: 750px; height: 100%; text-align: left;}
        #blok2  { width: 750px; }
        #blok3  { width: 750px; }
        #blok4  { width: 750px; }
        #hledat_top { width: 750px; }
        #obsah_stranky { width: 755px; }
        #zalozky { width:750px;}
        #promo { display: none;}
}


/* pravidla se aplikují jen při šířce do 600 px */
@media only  screen and (max-width: 600px) {
        #content { width: 590px; }
        #top { width: 580px; }
        #home-obrazek {width: 100%; height: 300px; float: none; color: #fff;}
        #blok1 { width: 100%; height: 100%; text-align: left;}
        #blok2  { width: 100%; }
        #blok3  { width: 100%; }
        #blok4  { width: 100%; }
        #hledat_top { width: 100%; }
        #obsah_stranky { width: 100%; }
        #zalozky { width: 100%;}
        #promo { display: none;}
}


/* pravidla se aplikují jen při šířce do 320 px */
@media only screen and (max-width: 320px) {
        #top { width: 310px; }
        #content { width: 310px;}
        #home-obrazek {display: none;}
        #top { width: 310px; padding:0; border: none; }
        #blok1 { width: 310px; height: 100%; text-align: left;}
        .strankovani { width: 310px; }
        #blok2  { width: 310px; }
        #blok3  { width: 310px; }
        #blok4  { width: 310px; }
        #hledat_top { width: 310px; }
        #obsah_stranky { width: 310px; }
        #zalozky { width:310px;}
        #promo { display: none;}
}

a.more-results {
    color: #00aff2; 
    font-weight: bold; 
    line-height: 200%;
    font-size: 13px; 
    text-decoration: underline;
}

#steps {
    color: #444;
    background-color: #fff;
    padding: 2px;
    height: 43px;
    border: 1px solid #f4f4f4;
    /* -- CSS3 - define rounded corners -- */	
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px; 
    border-radius: 5px 5px 5px 5px;

}

#steps h2{
  color: #444;
  font-weight: normal;
  margin-top: 13px;
  margin-left: 180px;
  padding: 0;  
 }
#steps-number li{
       color: #444;
       float: left;
       width: 40px;
       height: 40px;
       line-height: 200%;
       font-size: 20px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    /* -- CSS3 - define rounded corners -- */	
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px; 
    border-radius: 5px 5px 5px 5px;

}

#steps-number li#active {
      background-color: #00a7e6;
      color: #fff;
}

#for-register {
    text-align: center;
    font-weight: 100;
    width: 70%;
    font-size: 18px;
    margin: 20px 0;
    color: #444;
}

#form-cmsSubmit {
       cursor: hand;
       color: #00a7e6;
       float: none;
       margin: 10px;
       padding-left: 20px;
       padding-right: 20px;
       text-align: center;
       height: 40px;
       line-height: 200%;
       font-size: 20px;
       background-color: #fce600;
       border: 1px solid #fce600;
    /* -- CSS3 - define rounded corners -- */	
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px; 
    border-radius: 5px 5px 5px 5px;

}

#left-row {width: 675px; height: 100%; float: left;}
#right-row-1 {width: 300px; height: 100%; float: right;}
#page_body {width: 710px; float: right; background-color: #fff;}
#page_body ul {text-align: left; padding-left: 30px; margin-bottom: 30px;}
#page_body li {text-align: left; list-style-type: disc;}

#page_body_events {width: 100%; float: right; background-color: #fff;}
#page_body_events ul {text-align: left; padding-left: 30px; margin-bottom: 30px;}
#page_body_events li {text-align: left; list-style-type: disc;}

#boxes2 {text-align: left;}
#boxes2 ul {text-align: left; padding-left: 30px; margin-bottom: 30px;}
#boxes2 li {text-align: left; list-style-type: disc;}

div.datum_cislo {width: 40px; text-align: center; font-size: 17px; float: left; margin: 0 5px 0 0; color: #FF7315;}

@media (max-width: 400px) 
  {
     #promo { display: none;}
     #blok2 { display: none;}
     #home-obrazek {display: none;}
     #hledat_top  {display: none;}
     #carousel {display: none;}
     .slider-wrap {display: none;}
     hr {display: none;}
     #network {display: none;}
     #company-review {display: none;}
     #box-320-p  {display: none;}
     #stred_stranky {width: 300px;}
     #left-row {width: 300px;}
     #right-row-1 {width: 100%; text-align: left; height: 100%; float: none; padding-top: 30px; margin-bottom: 30px; clear:both; border-top: 3px solid #00aff2; }
     #page_body {width: 100%; float: none; clear:both; background-color: #fff;}  
  }