/**
 * Screen & projection stylesheet
 *
 * @version SVN:$Id: screen.css 52 2010-01-27 12:57:16Z mishal $ 
 * @author mishal <mishal at mishal dot cz>
 *
 */

/* reset all */ 

* {
  margin: 0;
  padding: 0;
}

/* always show vertical scrollbar */
html {
  overflow-y: scroll;
}

/* clear */
.clear {
  clear: both;
}

.hidden {
  display: none;
}

a img {
  border: 0;
}

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

/* LAYOUT */

#wrapper {
  margin: 0 auto;
  text-align: left;
  width: 800px;
  margin-top: 47px;
  background: #fff;
  position: relative;
}

body {
  font-family: Arial, Helvetica, sans; 
  font-size: 10pt;
  background: #fff url("images/body_bg.jpg") top center repeat-x;
  color: #000; 
  text-align: center;
  padding-bottom: 5em;
}

#header {
    width: 251px;
  height: 105px;
}

h1#logo {
  width: 251px;
  height: 105px;
}

h1#logo a {
  width: 251px;
  height: 105px;
  background: url("images/logo.png") top left no-repeat;
  display: inline-block;  
}

h1#logo a span {
  display: none; 
}

#content p {
  line-height: 140%;
}

/* TABLES */

table {
  font: normal 80%/140% arial, verdana, helvetica, sans-serif;
}

#top {
  
}

#ticker {  
  position: absolute;  
  right: 10px;  
  top: 2px;  
  padding: 0.5em 0;
  width: 530px;
  height: 2empx;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  background: #fff;
  color: #726f6f;
  font-weight: bold;
  border-bottom: 1px solid #e5e5e5;
}

#sidebar {
  float: left;  
}

#contact {
  background: url("images/contact_bg.png") top right no-repeat;
  min-height: 125px;
  padding: 10px 25px 10px 25px;
  width: 201px;
}

#main_wrapper {
  width: 522px;
  float: right;
  min-height: 385px;
  margin-right: 1em;
  padding: 0;
  /*padding-right: 25px;*/
  margin-bottom: 2em;
  z-index: 999;
}

#main {
  background: #fff;
  color: #000;
  padding: 10px;
  margin: 0 auto;
  /*
  margin-top: -20px;
  */
  margin-top: -60px;
  z-index: 2;
}

#footer {
  clear: both; 
  padding: 2em 1em 0 1em;
}

/* Menu */

#secondary_menu {  
  position: absolute;  
  top: -2em;
  height: 1em;
  right: 15px;
  /*
  top: 3em;
  right: 15px;
  */
  /*background: url("images/secondary_menu_bg.png") center center no-repeat;*/
}


#secondary_menu ul {
  list-style-type: none;
  
}

#secondary_menu ul li {
  float: left;
}

#secondary_menu ul li a {
  display: block;
}

#secondary_menu ul li a {
  font-weight: bold;
  margin: 0;
  display: inline-block;
  margin-left: 0.2em;
  font-size: 100%;
  height: 2em;
  line-height: 2em;
  text-decoration: none;
  padding: 0 0.4em;
  background: #fff url("images/secondary_menu_bg.png") bottom left repeat-x;
  color: #000;
  /*border: 1px solid #fff;
  border-bottom: 0;*/
}

#secondary_menu ul li a:hover {  
  background: #ed1c24;
  color: #fff;
}

body.kontakt #sm_kontakt,
body.partneri #sm_partneri,
body.nabidka_prace #sm_nabidka_prace,
body.reference #sm_reference,
body.o_spolecnosti #sm_o_spolecnosti {
  background-position: bottom left;
  background: #ed1c24;
  color: #fff;
}

/*
#secondary_menu ul li a:hover {
  background-position: bottom left;
}

#secondary_menu ul li a span {
  display: none;
}

#sm_reference {
  background: url("images/sm_reference.png") top left no-repeat;
  width: 84px;
  height: 38px;
}

#sm_reference:hover {
  background-position: bottom left;  
}

#sm_partneri {
  background: url("images/sm_partneri.png") top left no-repeat;
  width: 60px;
  height: 38px;
}

#sm_partneri:hover {
  background-position: bottom left;  
}

#sm_o_spolecnosti {  
  background: url("images/sm_o_spolecnosti.png") top left no-repeat;
  width: 99px;
  height: 38px;
}

#sm_nabidka_prace {  
  background: url("images/sm_nabidka_prace.png") top left no-repeat;
  width: 102px;
  height: 38px;
}


#sm_kontakt {  
  background: url("images/sm_kontakt.png") top left no-repeat;
  width: 71px;
  height: 38px;
}
*/

#menu_wrapper {
  background: url("images/left_menu_wrapper_bg.png") top right repeat-y;
  padding-bottom: 1em;
}

#menu {
  background: url("images/left_menu_bg.png") top left no-repeat;  
  min-height: 260px;
  /*padding-left: 15px;
  width: 235px;
  */
  width: 250px;
  padding-right: 1px;
}

#menu ul {
  list-style-type: none;
  padding-top: 0.5em;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:active
 {
  display: block;
  font-weight: bold;
  color: #fff;
  text-decoration: none;  
  margin-left: 10px;
  /*margin-right: 13px;*/
  margin-right: 3px;
  padding: 4px 10px 3px 10px;  
  min-width: 80%;
}

#menu ul li a:hover {
  background: #fff url("images/m2_over.png") center right no-repeat;
  color: #000;
}

#menu ul li ul {
  list-style-type: none;
  margin-left: 10px;
  padding: 0;
}

/* Typo */
#main p {
  margin-bottom: 0.5em;
  line-height: 140%;
}

#main ul {
    list-style-position: outside;
    list-style-image: url("images/li_arrow.png");
    margin: 1em 0 1em 0.5em;
}

#main ul li {
  margin-left: 2em;  
  margin-bottom: 0.2em;
  padding-left: 0.5em; 
}

#main h2 {
  border-bottom: 3px solid #ed1c24;
  margin-bottom: 0.5em;
  font-size: 13pt;
  letter-spacing: 0.05em;
  z-index: 9 !important;
}

#main h3 {
  margin-bottom: 0.5em;
  margin-top: 1em;
  border-bottom: 3px solid #ed1c24;
  font-size: 12pt;
  letter-spacing: 0.03em;
}

#main h4 {
  font-size: 11pt;  
}

#main h3.alt {
  margin-bottom: 0.5em;
  margin-top: 1em;
  border-bottom: 0;
  font-size: 12pt;
  letter-spacing: 0.03em;
  color: #ed1c24; 
}

#main .add {
    padding: 1em;
    border: 1px solid #ccc;
    margin-bottom: 1em;
    padding-top: 0;
    margin-top: 1em;    
}

#main .highlighted {
  padding: 1em;
  background: #F8D2A5;
  font-size: 105%;
}

ul.highlighted {
  background: transparent !important;  
}

#main .info {
  padding: 1em;
  font-size: 104%; 
  background: #F8F3A5 url("images/bulb.gif") top left no-repeat;
  padding-left: 50px;
}

#main .alert {
  padding: 1em;
  font-size: 104%; 
  background: url("images/alert_icon.gif") center right no-repeat;
  padding-right: 55px;
  color: #e90606;
}

#main .info2 {
  padding: 1em;
  font-size: 102%; 
  font-style: italic;
}

#main a, #main a:link, #main a:visited {
  text-decoration: underline;
  color: #ed1c24;
  font-weight: bold;
}

#main a:hover {
  text-decoration: none;
  background-color: #fbf5f5;
}

#contact a, #contact a:link, #contact a:visited {
  text-decoration: underline;
  color: #000;
  font-weight: bold;    
} 

#contact a:hover {
  text-decoration: none;  
} 

#footer_links {
  margin-top: 20px;
  padding-top: 1em;
  border-top: 4px solid #363736;
  /*
  width: 60%;
  margin-left: 250px;
  */
}

#footer_links ul {
  list-style-type: none;
}

#footer_links ul li {
  float: left;
  margin-right: 0.5em;
}

#footer_links a, #footer_links a:link, #footer_links a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}

#footer_links a:hover {
  text-decoration: none;
}

#footer_copyleft {
  clear: both;
  padding: 2%;
}

#mishal_cz {
  clear: both;
}

#mishal_cz a {
  display: block;
  width: 159px;
  height: 31px;
  background: url("images/mishal_cz.png") center center no-repeat;
  float: right;
  margin-top: -40px;
}

#mishal_cz a span {
    display: none;
}

/* shortcuts */
#shortcuts {
    
}

#shortcuts ul {
  list-style-type: none;
  margin: 0;
  padding: 0;  
}

#shortcuts ul li {
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  list-style-image: none;
}

.widget h3 {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;  
}

.widget a {
    display: block;
    
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    margin-right: 2px;  
}

.widget p {
  display: none;
}

.widget a span {
  display: none;
}

#w_elektroinstalace a {
  display: block;
  width: 247px;
  height: 110px;
  background: url("images/w_elektroinstalace.gif") top left no-repeat;  
}

#w_elektroinstalace a:hover {
  background-position: bottom left;  
}

#w_int_instalace a {
  display: block;
  width: 247px;
  height: 110px;
  background: url("images/w_int_instalace.gif") top left no-repeat;  
}

#w_int_instalace a:hover {
  background-position: bottom left;  
}

#w_spotrebice a {
  display: block;
  width: 247px;
  height: 110px;
  background: url("images/w_spotrebice.gif") top left no-repeat;  
}

#w_spotrebice a:hover {
  background-position: bottom left;  
}

#w_kamerove_systemy a {
  display: block;
  width: 247px;
  height: 110px;
  background: url("images/w_kamerove_systemy.gif") top left no-repeat;  
}

#w_kamerove_systemy a:hover {
  background-position: bottom left;  
}

#w_zabezpecovaci_systemy a {
  display: block;
  width: 247px;
  height: 110px;
  background: url("images/w_zabezpecovaci_systemy.gif") top left no-repeat;  
}

#w_zabezpecovaci_systemy a:hover {
  background-position: bottom left;  
}

#w_rozhlasove_ustredny a {
  display: block;
  width: 247px;
  height: 110px;
  background: url("images/w_rozhlasove_ustredny.gif") top left no-repeat;  
}

#w_rozhlasove_ustredny a:hover {
  background-position: bottom left;  
}

#w_eps a {
  display: block;
  width: 247px;
  height: 110px;
  background: url("images/w_eps.gif") top left no-repeat;  
}

#w_eps a:hover {
  background-position: bottom left;  
}

#w_svitidla a {
  display: block;
  width: 247px;
  height: 110px;
  background: url("images/w_svitidla.gif") top left no-repeat;  
}

#w_svitidla a:hover {
  background-position: bottom left;  
}

#w_dochazkove_systemy a {
  display: block;
  width: 247px;
  height: 110px;
  background: url("images/w_dochazkove_systemy.gif") top left no-repeat;  
}

#w_dochazkove_systemy a:hover {
  background-position: bottom left;  
}

/* body classes */

body.uvodni_stranka #m_uvodni_stranka,
body.elektroinstalace #m_elektroinstalace,
body.inteligentni_elektroinstalace #m_inteligentni_elektroinstalace,
body.osvetleni #m_osvetleni,
body.slaboprouda_technika #m_slaboprouda_technika,
body.eps #m_eps,
body.zabezpecovaci_systemy #m_zabezpecovaci_systemy,
body.kamerove_systemy #m_kamerove_systemy,
body.dochazkove_systemy #m_dochazkove_systemy,
body.rozhlasove_ustredny #m_rozhlasove_ustredny,
body.spotrebice #m_spotrebice {
  background: #fff url("images/m2_over.png") center right no-repeat;
  color: #000 !important;
}

.mobil {
  font-size: 14pt;
}

.mobil_prefix {
  font-size: 10pt;  
}

.right {
  float: right;
}

img.right {
  float: right;
  margin: 1em;  
}

.no_margin {
  margin: 0 !important;  
}

#main address {
  font-size: 11pt;
  margin: 0.2em 0 1em 0; 
}

.image {
  float: left;
  margin-top: 1em;
  padding: 0;
  text-align: center;
  background: white;
}

.image_title {
  font-size: 130%;
  color: green;
}
.images_src {
  margin: 0 auto; 
  padding: 0;
  border: none;
}

.image_desc {  
  text-align: left;
  font-size: 80%;
  border-bottom: 1px solid #ccc;
  margin-left: 1em;
  background: transparent url("images/info_icon.gif") center left no-repeat;
  padding-left: 20px;
}

.image_info {
  margin: 5px 10px 0 10px; padding:0;
  text-align: right;
  font-size: 90%;
  color: #666;
}

span.note {
  font-size: 90%;
}

p.reference img {
  margin: 1em;
}

.tickercontainer { /* the outer div with the black border */
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  
}

ul.newsticker { /* that's your list */
  position: relative;  
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.newsticker li {
  float: left; /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding: 0;
  background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;

}
ul.newsticker span {
margin: 0 10px 0 0;
}


body.reference a img {
  border: 1px solid #ccc;
  padding: 0.3em;
}