hr.cleaner {
  clear: both; 
  height: 0px; 
  margin: -1px 0px -1px 0px; 
  padding: 0px 0px 0px 0px; 
  border: none; 
  visibility: hidden; 
  font-size: 0px;
  }  

body {   
  margin: 0px 15px 15px 15px;
  
  background-color: #FFFFFF;
  
  font-family: Calibri;
  }
  
h1 {
  margin: 2px 0px 0px 0px;
  
  font-size: 19px;  
  font-weight: bold; 
  text-decoration: none; 
  color: #000000; 
  }
  
h2 {
  margin: 20px 0px 10px 0px;
  
  font-size: 17px;  
  font-weight: bold; 
  text-decoration: none; 
  color: #000000; 
  }
  
  
.obal {
  width: 100%;
  min-width: 1300px;
  margin: auto;
  padding-bottom: 15px;
  
  background-color: #FFFFFF;
  }
  
  
header {
  height: 144px;
  
  background-color: #FFFFFF;
  }

header .prava_lista {
  float: right;
  
  font-size: 19px;  
  font-weight: bold; 
  text-decoration: none; 
  text-align: left;
  color: #FFFFFF;
  }
header .prava_lista .web {
  float: left;
  margin: 0px 5px 0px 0px;
  
  background-color: #76BD1D;
  }  
header .prava_lista .web a:link, header .prava_lista .web a:visited {
  display: block;
  width: 30px;
  height: 30px;
  
  background-image: url("../images/ikona_web.png");
  background-position: center center; 
  background-repeat: no-repeat; 
  }  
header .prava_lista .web a:hover {
  background-color: #008809;
  }  
header .prava_lista .hot_line {
  float: left;
  height: 27px;
  margin: 0px 0px 0px 0px;
  padding-top: 3px;
  
  background-color: #76BD1D;

  color: #000000;
  }  
header .prava_lista .hot_line span {
  margin: 0px 10px 0px 10px;
  }  
header .prava_lista .hot_line span:first-child {
  margin-right: 10px;
  color: #FFFFFF; 
  }
header .prava_lista .odhlaseni {
  float: left;
  margin: 0px 0px 0px 5px;
  
  background-color: #76BD1D;
  }  
header .prava_lista .odhlaseni a:link, header .prava_lista .odhlaseni a:visited {
  display: block;
  height: 27px;
  padding: 3px 5px 0px 30px;
  
  background-image: url("../images/ikona_odhlaseni.png");
  background-position: 5px center; 
  background-repeat: no-repeat; 

  text-decoration: none;
  color: #FFFFFF;
  } 
header .prava_lista .odhlaseni a:hover {
  background-color: #008809;
  }
  
header .leva_lista {
  float: left;
  margin: 0px;
  position: relative;
  
  font-size: 14px;  
  font-weight: bold; 
  text-decoration: none; 
  text-align: left;
  color: #919094;
  } 
header .leva_lista a.prihlaseny_uzivatel:link, header .leva_lista a.prihlaseny_uzivatel:visited {
  display: block;

  padding: 4px 12px 2px 20px;
   
  text-decoration: none; 
  color: #919094;
  
  background-image: url("../images/ikona_panacek.png"), url("../images/ikona_mala_sipka_dolu.png");
  background-position: left center, right 11px; 
  background-repeat: no-repeat, no-repeat; 
  }
header .leva_lista ul {
  width: 118px;
  margin: 0px;
  padding: 0px;
  display: none;
  position: absolute;
  left: 0px;
  top: 22px;
    
  list-style-type: none; 
  
  background-color: #76BD1D;
  } 
header .leva_lista:hover ul {
  display: block;
  } 
header .leva_lista ul li a:link, header .leva_lista ul li a:visited {
  display: block;
  padding: 5px 5px 5px 5px;
  
  font-size: 14px;  
  font-weight: normal; 
  text-decoration: none; 
  color: #FFFFFF;  
  }
header .leva_lista ul li a:hover {
  background-color: #008809; 
  }   
   
header .logo {
  display: block;
  width: 306px;
  height: 75px;
  float: left;
  margin: 0px 0px 0px 0px;
  
  background-image: url("../images/logo_snugmail.png");
  background-position: left top; 
  background-repeat: no-repeat; 
  }
  
header h3 {
  float: right;
  margin: 35px 30px 0px 0px;
  
  font-size: 38px;  
  font-weight: bold; 
  text-decoration: none; 
  text-align: right;
  letter-spacing: 3px;
  color: #919094;
  }


nav:first-of-type {
  margin: 0px 0px 0px 0px;
  height: 90px;        
  position: relative;  
    
  font-size: 19px;  
  font-weight: normal; 
  text-decoration: none; 
  text-align: center;
  color: #FFFFFF;  
  }
  
nav:first-of-type > ul {
  margin: 0px;
  padding: 0px;
  height: 50px;
  
  list-style-type: none;   
  }
nav:first-of-type > ul > li {
  height: 40px;
  float: left;
  margin: 9px 1px 1px 0px;   
  }
nav:first-of-type > ul > li img {
  margin-top: -2px;
  } 
nav:first-of-type > ul > li > a:link, nav:first-of-type > ul > li > a:visited {
  height: 24px;
  display: block;
  padding: 8px 25px 8px 25px;
  
  background-color: #76BD1D;
  
  text-decoration: none; 
  color: #FFFFFF;  
  }             
nav:first-of-type > ul > li:hover {
  height: 41px;
  margin: 9px 1px 0px 0px;   
  
  background-color: #008809;  
  }    
nav:first-of-type > ul > li:hover > a {
  padding: 8px 25px 18px 25px;
  
  background-color: #008809;
  }   
nav:first-of-type > ul > li.active {
  height: 50px;
  margin: 0px 1px 0px 0px; 
  
  background-color: #008809;
  }     
nav:first-of-type > ul > li.active a:link, nav:first-of-type > ul > li.active a:visited {
  height: 24px;
  padding: 8px 25px 18px 25px;
    
  background-color: #008809;
  }
  
nav:first-of-type ul li ul {
  display: none;
  }
  
nav:first-of-type ul li.active ul, nav:first-of-type ul li:hover ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 40px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: block;
  
  list-style-type: none;  
  
  font-size: 15px;  
  font-weight: normal; 
  text-decoration: none; 
  text-align: center;
  color: #FFFFFF;  
  
  background-color: #008809; 
  }
nav:first-of-type ul li:hover ul {
  z-index: 1;
  }
  
nav:first-of-type ul li.active ul li, nav:first-of-type ul li:hover ul li {
  height: 40px;
  float: left;
  margin: 0px 0px 0px 0px;   
  }
nav:first-of-type ul li.active ul li a:link, nav:first-of-type ul li:hover ul li a:link, nav:first-of-type ul li.active ul li a:visited, nav:first-of-type ul li:hover ul li a:visited {
  height: 40px;
  display: block;
  padding: 0px 15px 0px 15px;
  line-height: 40px;
  
  background-color: #008809;
  
  text-decoration: none; 
  color: #FFFFFF;  
  }
nav:first-of-type ul li.active ul li.active a:link, nav:first-of-type ul li.active ul li.active a:visited {
  background: url("../images/sipka_odkazu.png") no-repeat center bottom; 
  }   
nav:first-of-type ul li.active ul li a:hover, nav:first-of-type ul li:hover ul li a:hover {
  background: url("../images/sipka_odkazu.png") no-repeat center bottom; 
  }   
nav:first-of-type ul li.active ul li.active, nav:first-of-type ul li:hover ul li.active {
  background: url("../images/sipka_odkazu.png") no-repeat center bottom; 
  font-weight: bold;
  }   
  
    
nav:first-of-type .informacni_panel {
  margin: 10px 0px 0px 0px; 
  padding: 8px 0px 8px 0px;     
  position: absolute;  
  top: 0px;
  right: 0px;
  
  height: 24px;
    
  font-size: 19px;  
  font-weight: normal; 
  text-decoration: none; 
  text-align: right;
  color: #919094;  
  }  
                /*
nav:nth-of-type(2) {
  margin: 0px 0px 0px 0px;
  height: 40px;
    
  font-size: 19px;  
  font-weight: normal; 
  text-decoration: none; 
  text-align: center;
  color: #FFFFFF;  
  
  background-color: #008809; 
  }
  
nav:nth-of-type(2) form {
  margin: 0px;
  padding: 0px;
  height: 40px; 
  float: left; 
  }
nav:nth-of-type(2) form input[type='submit'] {
  height: 40px;
  margin: 0px;
  padding: 8px 15px 8px 15px;
  
  border: none;
  background-color: #008809;
  cursor: pointer; 
  
  text-decoration: none; 
  color: #FFFFFF;  
  }
nav:nth-of-type(2) form input[type='submit']:hover {
  text-decoration: underline;
  }   
nav:nth-of-type(2) form input[type='submit'].active {
  text-decoration: underline;
  }   
  */
  

#stred { 
  margin: 30px 0px 30px 0px;
  }
  
#stred .ramec {     
  margin: 0px 0px 20px 0px;
  padding: 10px;
  
  border: 1px solid #B0AFB1;
  }
#stred .ramec .leva_cast { 
  float: left;
  line-height: 28px;
  }  
#stred .ramec .leva_cast h1 {     
  float: left;
  }
#stred .ramec .leva_cast input:not([type='submit']), #stred .ramec .leva_cast select {
  height: 30px;
  padding: 0px 3px 0px 3px;
  margin: 0px 0px 0px 10px;
  
  border: 1px solid #76BD1D;
  }
#stred .ramec .leva_cast select {
  padding: 0px 0px 0px 0px;
  }
#stred .ramec .prava_cast { 
  float: right;
  line-height: 28px;
  } 
#stred .ramec .prava_cast form, #stred .ramec .leva_cast form {
  float: left; 
  }
#stred .ramec .prava_cast a:link, #stred .ramec .prava_cast a:visited { 
  text-decoration: none;
  color: #008809; 
  } 
#stred .ramec .prava_cast a:hover { 
  text-decoration: underline;
  }
  
#stred .ramec .konfigurace { 
  padding-top: 20px;
  display: none;
  }
#stred .ramec .konfigurace .vstup_50px { 
  width: 50px;
  }
#stred .ramec .konfigurace .checkbox {
	display:inline-block;
	float:left;
	margin-right:30px;
}
#stred .ramec .konfigurace .checkbox input[type='checkbox'] {
	height:auto;
	margin:0px 5px;
	padding:2px 0px;
}
#stred .ramec .konfigurace .checkbox label {
	width:150px;
	height:1em;
	line-height:1em;	
	overflow: hidden;
	white-space: nowrap;
	display:inline-block;
	text-overflow: ellipsis;
}

#stred .ramec input[type='submit'] {
  height: 30px;
  margin: 0px 0px 0px 10px;
  padding: 0px 10px 0px 10px;
  
  border: none;
  background-color: #76BD1D;
  cursor: pointer; 
  
  text-decoration: none; 
  color: #FFFFFF;  
  }
#stred .ramec input[type='submit']:hover {
  background-color: #008809;
  } 
 #stred .ramec input[type='submit'].znovu_odeslat {
	background-image:url("../images/media_repeat_alt_inv.png");
	background-position: center center;
	background-repeat:no-repeat;
	width:30px;
	margin-left:0px;
	background-size:20px 20px;
}   
  
#stred .ramec input[type='button'] {
  height: 27px;
  margin: 0px 0px 0px 5px;
  padding: 0px 10px 0px 10px;
  
  border: none;
  background-color: #B0AFB1;
  cursor: pointer; 
  
  text-decoration: none; 
  color: #FFFFFF;  
  }
#stred .ramec input[type='button']:hover {
  background-color: #89888C;
  } 

  
#stred .ramec a.tlacitko_volba:link, #stred .ramec a.tlacitko_volba:visited {
  display: block;
  float: left;
  height: 30px;
  margin: 0px 0px 0px 10px;
  padding: 0px 10px 0px 10px;
  
  border: none;
  background-color: #76BD1D;
  
  line-height: 30px;
  text-decoration: none; 
  color: #FFFFFF;  
  }
#stred .ramec a.tlacitko_volba:hover {
  background-color: #008809;
  } 
#stred .ramec a.tlacitko_volba.active {
  background-color: #008809;
  } 
  
#stred .prepinaci_tabulky:not(.active) {
  display: none;
  } 
  
  
#stred .ramec.vystup { 
  padding: 0px;
  }  
#stred .ramec.vystup table  {
  width: 100%;
  margin: 0px; 
  padding: 0px;
  border-collapse: collapse;
  
  background-color: #E2F0D0;
  
  font-size: 16px;  
  font-weight: normal; 
  color: #000000; 
  }   
#stred .ramec.vystup table td a.tlacitko_pridat:link, #stred .ramec.vystup table td a.tlacitko_pridat:visited {
  display: block;
  padding: 10px 10px 10px 10px;
  margin: 15px 15px 15px 15px;
   
  background-color: #76BD1D;
  
  font-size: 19px;
  color: #FFFFFF;  
  }
#stred .ramec.vystup table td a.tlacitko_pridat:hover {
  background-color: #008809;
  }    
#stred .ramec.vystup table .hlavicka { 
  background-color: #76BD1D;
  
  font-size: 17px;  
  font-weight: bold; 
  color: #FFFFFF; 
  } 
#stred .ramec.vystup table tr:not(.hlavicka):hover {
  background-color: #BEDD96;
  }   
#stred .ramec.vystup table td { 
  padding: 0px;
  border: 1px solid #FFFFFF;
  }    
#stred .ramec.vystup table .hlavicka td { 
  padding: 5px;
  }
#stred .ramec.vystup table tr:not(.hlavicka) td.volby { 
  width: 100px;
  background-color: #BEDD96;  
  
  text-align: center;
  }
#stred .ramec.vystup table tr.hlavicka td.volby { 
  width: 100px; 
  
  text-align: center;
  }
#stred .ramec.vystup table td.datum_cas { 
  width: 150px; 
  }
#stred .ramec.vystup table td.kratky { 
  width: 155px;
  
  text-align: center; 
  }
#stred .ramec.vystup table td.kratky img { 
  width: 145px; 
  }
#stred .ramec.vystup table td.kratky2 { 
  width: 120px;
  
  text-align: center; 
  }
#stred .ramec.vystup table td.atributy { 
  width: 25px;
  
  text-align: center;
  }  
#stred .ramec.vystup table td.volby form { 
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  }
#stred .ramec.vystup table td.volby a:link, #stred .ramec.vystup table td.volby a:visited { 
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  padding: 0px;
  }  
#stred .ramec.vystup table td a:link, #stred .ramec.vystup table td a:visited { 
  display: block;
  padding: 3px 5px 3px 5px;
  
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  }  
#stred .ramec.vystup table .hlavicka a:link, #stred .ramec.vystup table .hlavicka a:visited {
	color: #FFF;
	display:inline-block;
}
#stred .ramec.vystup table .hlavicka a.razeni.asc {
	padding-right:20px;
	background:url("../images/ikona_sipka_dolu.png") no-repeat right center;
}
#stred .ramec.vystup table .hlavicka a.razeni.desc {
	padding-right:20px;
	background:url("../images/ikona_sipka_nahoru.png") no-repeat right center;
}

#stred .ramec table span.cervena { 
  color: red;
  } 
#stred .ramec table span.zelena { 
  color: green;
  } 
#stred .ramec table span.oranzova { 
  color: orange;
  } 
  
  
#stred .ramec.vstup table  {
  width: 900px;
  margin: auto; 
  padding: 0px;
  border-collapse: collapse;
    
  font-size: 16px;  
  font-weight: normal; 
  color: #434345; 
  } 
  
#stred .ramec.vstup table tr.skryta  {
  display: none;
  } 

#stred .ramec.vstup table tr td:first-of-type { 
  vertical-align: top;
  line-height: 27px;
  }
  
#stred .ramec.vstup form table input:not([type='submit']):not([type='button']):not([type='file']):not([type='checkbox']):not([type='radio']), #stred .ramec.vstup form table textarea {
  height: 25px;
  padding: 0px 3px 0px 3px;
  margin: 0px;
  
  border: 1px solid #76BD1D;
  }
#stred .ramec.vstup form table select {
  min-height: 25px;
  
  padding: 0px 3px 0px 3px;
  margin: 0px;
  
  border: 1px solid #76BD1D;
  }
#stred .ramec.vstup form table input[type='checkbox'], #stred .ramec.vstup form table input[type='radio'] {
  height: 13px;
  padding: 0px 0px 0px 0px;
  margin: 3px 5px 3px 0px;
  
  border: 1px solid #76BD1D;
  }
#stred .ramec.vstup form table tr td div#plain_text_email {
  height: 0px;
  overflow: hidden;
  }
#stred .ramec.vstup form table tr td div#plain_text_email textarea {
  height: 500px; 
  }
#stred .ramec.vstup form table tr td div#plain_text_email {
  padding-right: 8px;
  }
  
#stred .ramec.vstup form table tr td select#personalizovane_pole_plain_text {
  display: none;
  }

#stred .ramec.vstup form table select {
  padding: 0px 0px 0px 0px;
  }
#stred .ramec.vstup form table textarea {
  height: 100px;
  padding: 3px 3px 3px 3px;
  }
#stred .ramec.vstup form table textarea.vyssi {
  height: 200px;
  }

#stred .ramec.vstup form table input.vstup_100pro, #stred .ramec.vstup form table textarea.vstup_100pro {
  width: 100%; 
  } 
#stred .ramec.vstup form table input.vstup_89pro {
  width: 89%; 
  }
#stred .ramec.vstup form table input.vstup_82pro {
  width: 82%; 
  }
#stred .ramec.vstup form table input.vstup_95pro {
  width: 95%; 
  }
#stred .ramec.vstup form table .vstup_150px {
  width: 150px; 
  } 
  
#stred .ramec.vstup form table input[type='submit'] {
  height: 30px;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  float: right;
  } 
  
#stred .ramec.vstup .pridat_radek {
  display: block;
  height: 27px;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  float: right;
  
  background-color: #B0AFB1;
  
  text-decoration: none;
  line-height: 27px; 
  color: #FFFFFF;   
  }  
#stred .ramec.vstup .pridat_radek:hover {
  background-color: #89888C;
  }  

#stred .ramec.vstup #polozky_pole img, #stred .ramec.vstup #prilohy img {
  vertical-align: text-bottom;
  }  
  

#stred .ramec.vstup table .hlavicka {   
  font-size: 17px;  
  font-weight: bold; 
  color: #000000; 
  }   

#stred .ramec.vstup table .hlavicka.prepinaci h2 {   
  float: left;
  }
  
#stred .ramec.vstup table .hlavicka.prepinaci a.tlacitko_volba:link, #stred .ramec.vstup table .hlavicka.prepinaci a.tlacitko_volba:visited {
  margin: 20px 0px 10px 10px; 
  }

#stred .ramec.vstup table td { 
  padding: 5px 8px 5px 10px;
  } 
  
#stred .ramec.vstup table tr.paticka td { 
  padding: 5px 0px 5px 0px;
  } 
  
#stred .ramec.vstup table tr:not(.hlavicka):not(.podtabulka) td:first-of-type { 
  text-align: right;
  width: 200px;
  } 
  
#stred .ramec.vstup table.detail tr:not(.hlavicka) td:first-of-type { 
  font-weight: bold;
  }  
  
#stred .ramec.vstup table tr td.navrh_kampane div:first-child { 
  width: 150px;
  margin-right: 10px;
  float: left;
  } 
  
#stred .ramec.vstup table tr td.navrh_kampane div:nth-child(2) { 
  width: 720px;
  float: left;
  } 

#stred .ramec.vstup table tr.statistika:not(.hlavicka):not(.podtabulka) td:nth-child(odd) { 
  width: 80px;
  
  vertical-align: middle;
  font-weight: bold;
  text-align: right;
  }   
#stred .ramec.vstup table tr td div.graf { 
  margin-top: 40px;
  width: 293px;
  height: 400px;
  float: left;
  }

#stred .ramec.vstup form > div.graf { 
  height: 400px;
  margin: auto;
  }     


#stred.prehled .obal_ramcu1 { 
  width: 18.4%;
  min-width: 240px;
                     
  float: left;
  margin-right: 10px;
  }
#stred.prehled .ramec1 { 
  height: 63px;
  padding: 10px;
  
  border: 1px solid #B0AFB1;
  
  font-size: 30px;  
  font-weight: bold; 
  text-decoration: none; 
  text-align: center;
  text-transform: uppercase;
  color: #008809; 
  } 
#stred.prehled .ramec1:not(:first-child) { 
  margin-top: 10px;
  }  
#stred.prehled .ramec1 h1 { 
  margin: 0px 0px 5px 0px;
  
  text-align: center;
  }
  
#stred.prehled .ramec2 { 
  width: 79%;
  min-width: 1028px;
  height: 253px;
  padding: 10px;
  float: right;
  
  border: 1px solid #B0AFB1;
  } 
#stred.prehled .ramec2 h1 { 
  float: left;
  text-transform: uppercase;
  } 
#stred.prehled .ramec2 .prava_cast { 
  float: right;
  line-height: 28px;
  } 
#stred.prehled .ramec2 a.tlacitko_volba:link, #stred.prehled .ramec2 a.tlacitko_volba:visited {
  display: block;
  float: left;
  height: 30px;
  margin: 0px 0px 0px 10px;
  padding: 0px 10px 0px 10px;
  
  border: none;
  background-color: #76BD1D;
  
  line-height: 30px;
  text-decoration: none; 
  color: #FFFFFF;  
  }
#stred.prehled .ramec2 a.tlacitko_volba:hover {
  background-color: #008809;
  } 
#stred.prehled .ramec2 a.tlacitko_volba.active {
  background-color: #008809;
  }

#stred.prehled .ramec2 .grafy {
  width: 1028px;
  height: 232px;
  margin: auto; 
  overflow: hidden; 
  } 
#stred.prehled .ramec2 .grafy .obal_grafu {
  width: 3084px;
  height: 232px;
  position: relative; 
  left: 0px;   
  } 
#stred.prehled .ramec2 .grafy .obal_grafu .graf { 
  width: 1028px;
  height: 232px;
  float: left;       
  }   
      

#stred.prehled .ramec3 { 
  width: 47.9%;
  min-width: 623px;
  height: 300px;
  float: right;
  padding: 10px;
  margin-top: 10px;
  
  border: 1px solid #B0AFB1;
  } 
#stred.prehled .ramec3.prvni { 
  margin-right: 10px;
  float: left;
  }
#stred.prehled .ramec3.prvni .radek { 
  background: url("../images/ikona_panacek.png") no-repeat left center; 
  }
#stred.prehled .ramec3 h1 { 
  text-transform: uppercase;
  margin-bottom: 5px;
  }  
#stred.prehled .ramec3 .radek { 
  padding: 5px 0px 5px 20px;
  
  background: url("../images/ikona_obalka_zelena.png") no-repeat left center; 
    
  font-size: 11px;   
  font-weight: normal;
  text-decoration: none; 
  text-align: left;
  color: #919094; 
  }
#stred.prehled .ramec3 .radek:not(:first-of-type) { 
  border-top: 1px solid #000000;
  }  
#stred.prehled .ramec3 .radek a:link, #stred.prehled .ramec3 .radek a:visited { 
  font-size: 14px;   
  text-decoration: none;
  font-weight: bold; 
  color: #000000; 
  } 
#stred.prehled .ramec3 .radek a:hover { 
  text-decoration: underline;
  }
  
#stred.prehled .ramec4 { 
  width: 230px;
  height: 63px;
  padding: 10px;
  margin-left: 10px;
  float: left;
  
  border: 1px solid #B0AFB1;
  
  font-size: 30px;  
  font-weight: bold; 
  text-decoration: none; 
  text-align: center;
  text-transform: uppercase;
  color: #008809;   
  } 
#stred.prehled .ramec4:first-child { 
  margin-left: 0px;
  }  
#stred.prehled .ramec4 h1 { 
  margin: 0px 0px 5px 0px;
  
  text-align: center;
  }
#stred.prehled .ramec4 a:link, #stred.prehled .ramec4 a:visited { 
  text-decoration: none; 
  color: #008809;   
  }
#stred.prehled .ramec4 a:hover {  
  color: #76BD1D;   
  }
  
#stred.prehled .ramec5 { 
  min-width: 1278px;
  height: 421px;
  padding: 10px;
  margin-top: 10px;
  
  border: 1px solid #B0AFB1;
  } 
#stred.prehled .ramec5 h1 { 
  float: left;
  text-transform: uppercase;
  } 
#stred.prehled .ramec5 .prava_cast { 
  float: right;
  line-height: 28px;
  } 
#stred.prehled .ramec5 a.tlacitko_volba:link, #stred.prehled .ramec5 a.tlacitko_volba:visited {
  display: block;
  float: left;
  height: 30px;
  margin: 0px 0px 0px 10px;
  padding: 0px 10px 0px 10px;
  
  border: none;
  background-color: #76BD1D;
  
  line-height: 30px;
  text-decoration: none; 
  color: #FFFFFF;  
  }
#stred.prehled .ramec5 a.tlacitko_volba:hover {
  background-color: #008809;
  } 
#stred.prehled .ramec5 a.tlacitko_volba.active {
  background-color: #008809;
  }

#stred.prehled .ramec5 .grafy {
  width: 1278px;
  height: 400px;
  margin: auto; 
  overflow: hidden; 
  } 
#stred.prehled .ramec5 .grafy .obal_grafu {
  width: 5112px;
  height: 400px;
  position: relative; 
  left: 0px;   
  } 
#stred.prehled .ramec5 .grafy .obal_grafu .graf { 
  width: 1278px;
  height: 400px;
  float: left;       
  }
  
#stred.prehled .ramec6 { 
  min-width: 1278px;
  padding: 10px;
  margin-top: 10px;
  
  border: 1px solid #B0AFB1;
  }
#stred.prehled .ramec6 div.graf { 
  width: 33.3%;
  height: 400px;
  float: left;
  }      


footer {
  padding: 15px 0px 15px 0px;
  
  border-top: 5px solid #76BD1D;
  
  font-size: 15px;  
  font-weight: normal; 
  text-decoration: none; 
  text-align: left;
  color: #919094; 
  }
  
footer .leva_cast {
  float: left;
  width: 350px;
  } 
footer .leva_cast .logo {
  display: block;
  float: left;
  width: 162px;
  height: 35px;
  
  background-image: url("../images/logo_snugdesign.png");
  background-position: left top; 
  background-repeat: no-repeat;  
  } 
footer .leva_cast .oddelovac {
  float: left;
  width: 1px;
  height: 25px;
  margin: 5px 0px 0px 10px;                  
  
  background-color: #919094;  
  } 
footer .leva_cast .provozovatel {
  float: left;
  height: 30px;
  margin: 3px 0px 0px 10px; 
  
  line-height: 15px;                 
  }  
  
footer .prava_cast {
  float: right;
  
  font-size: 13px;
  text-align: right;             
  }   

  

.prihlasovaci_box {
  width: 340px;
  position: relative;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 130px;
                  
  font-size: 19px;  
  font-weight: normal; 
  text-decoration: none; 
  color: #FFFFFF; 
  }
  
.prihlasovaci_box .postava {
  width: 99px;
  height: 255px;
  position: absolute;
  left: -89px;
  top: -38px;
  
  background-image: url("../images/login_postava.png");
  background-position: left top; 
  background-repeat: no-repeat;  
  }
  
.prihlasovaci_box .sipka {
  width: 125px;
  height: 113px;
  position: absolute;
  right: -140px;
  bottom: -85px;
  
  background-image: url("../images/login_sipka.png");
  background-position: left top; 
  background-repeat: no-repeat;  
  }
  
.prihlasovaci_box .hlavicka {
  height: 85px;
  
  border-top: 10px solid #76BD1D;
  background-color: #FFFFFF;
  
  background-image: url("../images/logo_snugmail.png");
  background-position: center center; 
  background-repeat: no-repeat;  
  background-size: 269px 66px;
  }

.prihlasovaci_box .obal_vstupu {
  padding: 10px 0px 10px 0px;
  background-color: #76BD1D;  
  }

.prihlasovaci_box .vstup {
  margin: 0px 0px 10px 0px;
    
  text-align: right;
  font-weight: bold;  
  }
    
.prihlasovaci_box .vstup input {
  margin-left: 5px;
  height: 26px;
  width: 220px; 
  padding: 0px 5px 0px 5px;
  
  border: none;
  }
  
.prihlasovaci_box .trvale_prihlaseni {
  margin: 0px 0px 0px 105px;
  }

.prihlasovaci_box .trvale_prihlaseni input {
  margin-right: 5px;
  }

.prihlasovaci_box .obal_tlacitko {
  margin-top: 3px;
  border-top: 7px solid #76BD1D;
  }
    
.prihlasovaci_box .tlacitko {
  margin: 0px 0px 0px 0px;
  padding: 3px 10px 3px 10px;
  float: right;
  
  background-color: #76BD1D;
  border: none;
  
  font-family: Calibri;
  font-size: 19px;  
  font-weight: bold; 
  text-decoration: none; 
  color: #FFFFFF; 
  }
  
.prihlasovaci_box .tlacitko:hover {
  background-color: #008809;
  }  
  
.prihlasovaci_box .status {
  margin: 10px 0px 10px 0px;
  
  text-align: center;
  font-size: 18px;  
  font-weight: bold; 
  text-decoration: none; 
  color: #D25B5B; 
  }  
  
  
  
  
  
  
  
.uspesna_hlaska { 
  margin: 20px 0px 0px 0px;
  padding: 20px 20px 20px 70px;
  border: 0px solid #4BA52E;
  background-color: #99E078;
  
  background-position: 20px center; 
  background-repeat: no-repeat; 
  background-image: url("../images/ikona_uspech.png");
  
  font-family: Verdana; 
  font-size: 15px;  
  font-weight: bold; 
  text-decoration: none; 
  color: #FFFFFF; 
  }  
  
.chybova_hlaska { 
  margin: 30px 0px 0px 0px;
  padding: 20px 20px 20px 70px;
  border: 0px solid #9D2F2F;
  background-color: #D25B5B;
  
  background-position: 20px center; 
  background-repeat: no-repeat; 
  background-image: url("../images/ikona_chyba.png");
  
  font-family: Verdana; 
  font-size: 15px;  
  font-weight: bold; 
  text-decoration: none; 
  color: #FFFFFF; 
  }  
  
.varovna_hlaska { 
  margin: 20px 0px 0px 0px;
  padding: 20px 20px 20px 70px;
  border: 0px solid #A56D05;
  background-color: #FFC502;
  
  background-position: 20px center; 
  background-repeat: no-repeat; 
  background-image: url("../images/ikona_varovani.png");
  
  font-family: Verdana; 
  font-size: 15px;  
  font-weight: bold; 
  text-decoration: none; 
  color: #FFFFFF; 
  }