html,body  
{ padding: 0; margin: 0; font-size: 12px; background-color:white;
  font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; min-width:860px;
}
#page{ text-align:left;padding:0px; width:1000px;}

/* LOGO ČSÚ*/
#logo { position:absolute; top:16px; left:-51px; width:194px; height:50px; display:block }
#logo .in {
	position:relative; font-size:13px; padding:5px; width:184px; height:40px;
	position:relative; display:block }
#logo .in span {
	position:absolute; display:block; top:0; left:0; width:194px; height:50px;
	background:url("/soubory/staticke/soubory/csu/grafickeprvky.nsf/csu_2012_logo.png") 0 0 no-repeat; cursor:pointer; _cursor:hand }
	
#load_text
  { 
    background-color: #ffd;
    position:absolute; left: 50%; top: 50%;
    width:        280px;  height:     80px;
    margin-left: -140px; margin-top: -40px; 
    text-align:center; font-size:120%;
    padding:20px;
    border:3px solid orange; 
  }
#load_text p {margin:5px}
#no_js_text a {color:royalblue; font-weight:bold; margin:5px}
#pyramid 
  { float:left;
    /* background:transparent url("/soubory/staticke/animgraf/cz032/noscript.gif") no-repeat center top;  */
    height: 597px; width: 530px; padding: 0px; margin:0px;
  }
#controls { width:480px; height:65px; padding:0px; margin:0px; clear: both; font-size:12px;}
#controls p { padding:0px; margin:0px; clear:both;}
.controls_tab { margin:0px; padding:0px; font-size:100%; clear:both; width:480px; width:510px}
.controls_tab td { text-align:left; padding:0px;padding-left:2px; padding-right:2px; border:none; background-color:transparent; font-size:100%}
#languageControl { padding:0px}
#selectLanguage { float:left; padding:0px; margin:0px}
#anim_buttons { float:right; position:relative; right:0px}
form { color:black; margin:0px}
input, select, .button, #sex_surplus, #label_sex_surplus, #label_showagediv  
  { cursor:pointer }
.button
  { float:right; position:relative; right: 0px; top:0px; 
    padding:4px; padding-top:0px; padding-bottom:3px; 
    font-size:12px; border: 1px solid navy; border-radius: 4px; border-color:navy; background:white }
#button_variantchange { float:right; padding:0px; font-size:11px; }
#yearControl { text-align:left; display:none }
#languageControl { float:left; margin-left:10px; display:block}
#sex_surplus 
  { float:left; position: relative; right:5px; top:0px; 
    margin-left:15px; font-size:12px;}
#label_sex_surplus,#label_showagediv { padding-top:4px;}
#meta 
  { float:left; width: 430px; height: 597px; 
    padding-right:0px; padding-left:15px; padding-top:0px; padding-bottom:0px;
    margin-left:15px; 
    font-size: 14px; margin:0px; 
  }
#txt12 , #meta p { margin:0; padding:0;}
/* #logo { background-color: #fff; width: 350px} */
#titre {}
#tot_pop_graph { height:260px; clear:both; padding:0px; margin:0px; width:100%;}
#tpg_bottom p {font-size:12px}  
#tpg_bottom_link a
{ color: #0257b2; font-weight: normal; font-size:13px;
padding-left:20px}
/* #autre_pyr_link */
#linky
{ background-color: transparent;
  background-image: url("/soubory/staticke/animgraf/cz032/puce_lien.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0pt 0.3em;
}
#tpg_bottom_link a:hover { text-decoration: underline; color: #BC091B; }
#xlslink 
  { float:left; display:block;
    padding:0px; padding-left:22px; margin :0px;
    background:url("/soubory/staticke/animgraf/cz032/xlsicon.gif") no-repeat left center;}
#graph-evol-pop {position:absolute; top:50px; padding:10px; }
a:link, a:visited { color: #0059A9; text-decoration:underline; }
a:hover, a:active {color: #BC091B;}
#ag_data { clear:both;float:left;  width:210px;}
#age_graph_sex, #age_groups 
  { position: relative; top: 10px; width: 100%; height: 150px; display:block;
    margin-bottom: 5px; padding: 0px; padding-left:0px;
  }
#dynamicTextGroup 
  { padding-left:15px; padding-bottom:6px; padding-right:5px; padding-top:4px; 
    margin-bottom:35px; 
    position: relative; top:20px; width: 300px; height:110px;  
    background-color:#fff; display:none;}
#displayCurrentYear { text-align:left; font-size:18px;}
#displayAge {font-size:16px; font-weight:bold;}
#displayBirthYear {font-size:12px;}
#popcount {font-size:12px;}
#sexratio {font-size:12px;}
#countData { margin-top:40px; margin-left:175px; font-size:12px; line-height:95%;}
#yearData {float:left; width:200px; }
#yearData p { margin:0px; margin-top:5px}
#variantControl { float:left; margin-right:10px; }

table 
  { width:100%; margin-left:0px; 
    text-align:left; border-width:1px; border-spacing:0px; border-collapse:collapse 
  }
caption,.caption
  { text-align:left; padding-left:10px; padding-bottom:5px; color:black; font-weight:bold; font-size: 15px;}
td,th { text-align:center;}
th { font-weight:bold;}
td { padding:3px; font-size:90%; border:solid #ccc 1px; border-spacing:0px; background-color:#fff; }
td.variant0,td.variant1,td.variant2 
 { background-repeat:no-repeat; background-position:right center; padding-right:20px}
td.variant0 { background-image:url("/soubory/staticke/animgraf/cz032/img/varlevel0.png");}
td.variant1 { background-image:url("/soubory/staticke/animgraf/cz032/img/varlevel1.png");}
td.variant2 { background-image:url("/soubory/staticke/animgraf/cz032/img/varlevel2.png");}
tr {}
tfoot td { background-color:transparent; padding:5px}
.head { background-color:#fffee1; font-weight:bold;}
.left { padding-left:8px; text-align:left;}
ul {margin-bottom:0; margin-top:0; clear:both;}
li { margin-bottom:6px; }
h3 {font-size:16px; font-weight:bold;}
h4 { margin-left: 10px; margin-bottom: 5px; margin-right: 0px; margin-top: 2px; font-size: 12px; font-weight: bold;}
.stop1{	stop-color:#7DB41E;}
.stop2{	stop-color:#7DB41E;}

@media screen 
{
  #page, #load , .load
    {
      background-color: #ffffff;
      position:absolute; left: 50%; top: 0px;
      width:        1000px;  height:     597px;
      margin:0px;
      margin-left: -500px; margin-top: 2px; 
    }
  #load 
    { background:#fff url("/soubory/staticke/animgraf/cz032/pyramide_big_nb.png") no-repeat left top } 
}
@media print 
{
  #page { margin:0px; margin-right:auto; margin-left:auto; }
	.slide { display:none;}
	#mainpyramid { opacity:1;}
}
li 
{ margin-top: 0pt;margin-right: 0pt;margin-bottom: 10px;margin-left: 0pt;
padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 15px;
}
ul
{
margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;
padding-top: 5px;padding-right: 10px;padding-bottom: 0pt;padding-left: 0pt;
}
ul li
{
background-color: transparent;
background-image: url("/soubory/staticke/animgraf/cz032/puce_liste.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 0.05em;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
ul.liens li
{ background-color: transparent;
  background-image: url("/soubory/staticke/animgraf/cz032/puce_lien.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0pt 0.3em;
}
a
{ color: #0257b2; text-decoration: none; font-weight: normal;}

ul.liens li a:hover {color:  #BC091B;}

a:hover 
{text-decoration: underline;}