/* CSS - STYLOPIS */
/* Barvy:
obsah svetla: #faf6e6
body: #d49610; #8f6721
obsah: #f4edcc; 
nadpisy: #8a6320;
cerna: #000914;
cerna_radio: #272526;
cervena: #c9001d;
modra - en: #009ed4;
zelena - de: #7eaf3d;
voditka:
svisla: 115, 275, 610, 885
vodorovne: 30, 100, 200
pata=771x19
*/
* {
margin: 0; 
padding: 0; 
border: 0; 
} 
body {
font-family: Tahoma, Verdana, sans-serif;
font-size: small; 
color: #000; 
background: #d49610 url(../lyout/bg_body_.jpg) repeat-x;	
line-height: 1.3;
text-align: center;
min-width: 790px; /* pro Netscape 6 - pokud zmensi okno prohlizece pod hranici vycentrovani - viz. css hacky, str.153 */
} 

/* ---------------/body-----------------*/
/* lenguage */
body#language_de {
background: #7eaf3d url(../lyout/bg_body_de.jpg) repeat-x;	
}
body#language_en {
background: #009ed4 url(../lyout/bg_body_en.jpg) repeat-x;	
}
body#language_it {
background: #ff096c url(../lyout/bg_body_it.jpg) repeat-x;	
}
body#language_sp {
background: #e03102 url(../lyout/bg_body_sp.jpg) repeat-x;	
}
body#language_de #hlavicka {
background: url(../lyout/logo_de.jpg) top left no-repeat;
}
body#language_en #hlavicka {
background: url(../lyout/logo_en.jpg) top left no-repeat;
}
body#language_it #hlavicka {
background: url(../lyout/logo_it.jpg) top left no-repeat;
}
body#language_sp #hlavicka {
background: url(../lyout/logo_sp.jpg) top left no-repeat;
}
body#language_en #paticka {
background: #009ed4 url(../lyout/pata_en.jpg) top left no-repeat;
}
body#language_de #paticka {
background: #7eaf3d url(../lyout/pata_de.jpg) top left no-repeat;
}
body#language_it #paticka {
background: #ff096c url(../lyout/pata_it.jpg) top left no-repeat;
}
body#language_sp #paticka {
background: #e03102 url(../lyout/pata_sp.jpg) top left no-repeat;
}
body#language_en h1 span { 
z-index: 21;
background: url(../lyout/h1_en.jpg) no-repeat;
left: 0px;
top: 0px;
}
body#language_de h1 span { 
z-index: 21;
background: url(../lyout/h1_de.jpg) no-repeat;
left: 0px;
top: 0px;
}
body#language_it h1 span { 
z-index: 21;
background: url(../lyout/h1_it.jpg) no-repeat;
left: 0px;
top: 0px;
}
body#language_sp h1 span { 
z-index: 21;
background: url(../lyout/h1_sp.jpg) no-repeat;
left: 0px;
top: 0px;
}


/* /lenguage */


/* ----------- lyout ------------------- */
#stranka {
width: 770px;  
margin: 0 auto;   
text-align: left;
position: relative;
height: 100%;
background-color: #000914;
}

#all_obsah {
background-color: #f4edcc;
color: #000;
margin: 0 10px;
}

#hlavicka hr, #paticka hr { 
display: none;
}
/* HLAVICKA */
#hlavicka {
width: 770px; 
height: 200px;
background: url(../lyout/logo_.jpg) top left no-repeat;
}
p#vlajky {
	position: absolute;
	top: 36px;
	left: 5px;
	z-index: 25;
	padding: 0;
	visibility: visible;
}

.skryt {
	width : 200px;
	position : absolute;
	left : 0;
	top : -1000px;
	visibility: visible;
} 
/* /HLAVICKA */

#obsah_hlavni {  /* 10 (margin) + 160 (navigace) + 5 (mezera) + 460 (obsah) + 5 (mezera) + 120 (partneri) + 10 (margin) = 770px */
float: right;
width: 585px;
background-color: #f4edcc; 
}
#obsah {
float: left; 
width: 450px;
padding: 0 5px;
overflow : hidden;
}
.zmena, .box {
padding: 5px 5px 0px 5px;
margin: 0;
background: url(../lyout/hr.gif) bottom left repeat-x;
}
.zmena {
background-color: #faf6e6;
color: #000;
}
#obsah .zmena img {
float: right;
clear: left;
margin: 0 0 3px 5px;
}

#partneri {
width : 120px; 
float : right;
overflow : hidden;
background: url(../lyout/border_end.gif) bottom left no-repeat;
margin: 0;
padding: 0 0 30px 0;
}
#partneri_in {
background: url(../lyout/border.gif) top left repeat-y;
}
#partneri h3, #partneri h4 {
font-size: 115%;
text-align: right;
padding-right: 12px;
padding-bottom: 7px;
}
#partneri h4 {
margin-top: 10px;
}
#partneri h3 {
background: url(../lyout/vpravo_top_rozek.jpg) top right no-repeat;
}
#partneri p {
text-align: center;
padding-bottom: 10px;
}
#partneri p.reklama {
font-size: 85%;
padding: 0 3px 7px 6px;
}

/* PATICKA */
#paticka {
width: 100%;
clear: both; 
background: #d49610 url(../lyout/pata.jpg) top left no-repeat;
color: #f4edcc;
overflow: hidden;
text-align: center;

} 
#paticka p {
margin: 0;
padding: 25px 5px 10px 5px; 
font-size: 80%; 
} 
#paticka a:link, #paticka a:visited { 
color : #D4D4D4;
} 
#paticka a:hover { 
color : #fff;
}
/* /PATICKA */

/* ------------ /lyout ------------- */


/* ------------- NAVIGACE ---------- */
/* navigace top */
#nav_top {
position: absolute;
top: 7px;
left: 5px;
z-index: 30;
visibility: visible;
}

#nav_top ul a:link, #nav_top ul a:visited { 
color : #f4edcc;
} 
#nav_top li a:hover { 
color: #c9001d;  /* jednu z nich vybrat #c6001c;#dd322b; */
text-decoration: none;
} 
#nav_top ul { 
font-size: 93%;
text-transform: lowercase;
}  
#nav_top li { 
list-style: none;
float: left;
padding-right: 5px;
border-right: 1px solid white;
} 
#nav_top a, #nav_top strong { 
padding-left: 5px;
text-decoration : underline;
display : block;
white-space : nowrap;
} 

#nav_top li.border, #obsah img.border {
border: none;
}
#nav_top strong {
text-decoration: none;
color: #f4edcc;
}


/* navigace hlavni*/
#nav {
width: 160px;
float: left;
overflow: hidden;
height: 100%; 
/*background: url(../lyout/vlevo_rozek_top.jpg) top left no-repeat;*/
background: url(../lyout/border_end.gif) bottom right no-repeat;
padding-bottom: 30px;
}

#nav_in {
margin: 0;
padding: 0;
background: url(../lyout/border.gif) top right repeat-y;

}

#navigace { 

background: url(../lyout/vlevo_rozek_top.jpg) top left no-repeat;
} 
#navigace ul { 
padding: 0;
margin: 0;
font-size: 145%;
text-transform: lowercase;
text-align: center;
letter-spacing: 1px;
}
#navigace li {
font-family: Trebuchet MS, Geneva CE, lucida, sans-serif;  
list-style: none;
display: inline; /* Odstanuje velke mezery v IE/Win (CSS hacky, str. 107) */
} 
#navigace a, #navigace strong { 
text-decoration: none;
display: block;
padding: 4px 5px;
margin: 0;
} 
#navigace a:link, #navigace a:visited { 
color: black;
} 
#navigace a:hover { 
color: #8a6320;
} 
#navigace li strong { 
color: #c9001d;
font-weight: normal;
} 
#nav p {
margin: 10px 0 0 4px;
padding: 0; 
}
#nav p.svatek, #nav h4  {
text-align: center;
}
#nav p a {
 padding-left: 15px;
}
#soutez {
position: absolute;
top: 210px;
right: 135px;
width: 102px;
height: 36px; /*40px*/
z-index: 40;
}

#statistiky {
margin-top: 10px;
text-align: center;
border: none;
}
/* pod menu */
#pod_menu_chart  {
float: right;
/*position: absolute;
top: 0px;
right: 0px;*/
height: 30px;
width: 130px;
z-index: 60;
margin: 10px 0;

}
#pod_menu ul {
margin: 10px 0;
padding: 0;
width: 100%;
}
#pod_menu li {
list-style: none;
display: block;
float: left;
line-height: 30px;
}
#pod_menu a, #pod_menu strong, #pod_menu_chart a {
padding: 5px 10px;
margin: 10px 5px 10px 0;
background-color: #000914;
color: white;
font-weight: bold;
text-transform: lowercase;
line-height: 30px;
} 
#pod_menu_chart a {
margin: 0;
} 

/* ------------ /NAVIGACE -------------- */


/* NADPISY */
h2, h3, h4{ 
font-family: Trebuchet MS, Geneva CE, lucida, sans-serif;  
font-weight : normal;
padding : 3px 0 3px 0;
color: #8a6320;
text-transform: lowercase;
}
h2 {
font-size: 150%;  
color: #c9001d;
background: url(../lyout/gramec.gif) left center no-repeat;
padding: 13px 0 10px 50px;
} 
h3 {
font-size: 140%; 
} 
h4 {
font-size: 130%;  
} 
#hlavicka h1 {
font-family: Trebuchet MS, Geneva CE, lucida, sans-serif; 
font-weight : normal;
text-transform: lowercase;
display: block; 
}
h1, h1 span {
	font-size: 200%;
	width: 335px;
	height: 70px;
	overflow: hidden;
	position: absolute;
	left: 160px;
	top: 30px;
	z-index: 20;
	color: #f4edcc;
	background-color: #000914;
	visibility: visible;
} 

h1 span { 
z-index: 21;
background: url(../lyout/h1_.jpg) no-repeat;
left: 0px;
top: 0px;
}

#home h1 span {
cursor: default;
}

h1 a:link, h1 a:visited { 
color: #faf6e6;
} 
h1 a:hover { 
color: #f4edcc;
}
.lowercase {
text-transform: none;
}
h3.zmena_right {
text-align: right;
}

/* /NADPISY  */



/* SEZNAMY  */

#obsah ul {
margin: 0 0 15px 0;
padding: 0 0 0 20px;
}
#obsah ul li {
padding-bottom: 2px;
list-style: circle;
}

.bez_odrazky li {
list-style: none;
}


/* /SEZNAMY */

/* SERVIS */
p.botton {
width: 100%;
padding: 10px 10px 20px;
margin: 0;
clear: both; 
text-align: left;
font-weight: bold;

}
p#servis {
width: 100%;
padding: 15px 10px 10px;
margin: 0;
clear: both; 
text-align: center; 
} 
p#servis a, p.botton a {
padding: 5px 10px;
margin: 0;
background-color: #000914;
color: white;
border : 3px solid #fff;
} 
#servis a:link, #servis a:hover, #servis a:visited, .botton a:link, .botton a:hover, .botton a:visited {
color: white;
} 
acronym {
border-bottom: 1px dotted #f4edcc;
}
/* /SERVIS */



p, address { 
padding : 0 0 15px 0;
font-style: normal;
}
blockquote {
padding : 0 0 15px 0;
} 
strong {
color: #8a6320; 
} 
em {
color: #8a6320;  
} 
.tucne {
font-weight: bold; 
} 
.tucne span {
font-weight: normal; 
} 
.kurziva {
font-style: italic; 
}
/* CISTIC */ 
.cistic {
clear: both;
height: 0;
overflow: hidden;
}
hr.cistic {
display: none;
}
/* /CISTICE */

.hr {
background: url(../lyout/hr.gif) bottom left repeat-x;

}
#webcam {
position: absolute;
top: 70px;
right: -10px;
width: 50px;
height: 50px;
z-index: 50;
}


/* ODKAZY */
a {
text-decoration: underline; 
} 
a:link {
color: #8a6320;
} 
a:visited {
color: #333333;
} 
a:hover {
color: #000;
text-decoration: none;
}

/* /ODKAZY */

/* OBRAZKY */

#obsah img {
clear: right;
float: left;
margin: 0 10px 3px 0;
border: 3px solid #d49610;
}
#obsah a img:hover {
border: 3px solid black;
}
#obsah img.img_right {
float: right;
clear: left;
margin: 0 0 3px 10px;
}

/* /OBRAZKY */

/* FOTOGALERIE */
.foto, .foto_ {
   width: 95%;
   clear: both;
   min-height: 160px;
   padding: 1%;
   margin-bottom: 10px;
   background: #faf6e6 url(../lyout/hr.gif) bottom left repeat-x;
   color: #000;
   line-height: 1.4;
} /* pro mtv */
.foto_ {
   font-size: 120%;
   font-weight: bold;
}
.foto_ h3 {
   font-size: 150%;
  color: #c9001d;
}
/* pro mtv */


#obsah .foto img.left {
   float: left;
   margin: 0 1em 1em 0;
}
#obsah .foto img.right, #obsah .foto_ img.right {
   float: right;
   margin: 0 0 1em 1em;
}
.foto span {
font-size: 85%;
color: #d49610;
}
/* /FOTOGALERIE */



/* ----------- TABULKA ----------- */
table {
margin: 0 0 20px;
padding: 0;
width: 100%;
border: 1px solid black;
background-color: white;
color: black;
border-collapse: collapse;
}
table caption {
display: none;
}
table td {
padding: 4px 2px 4px 5px;
border: 1px solid black;
text-align: left;
}

table th {
border-right: 1px solid #fff;
font-weight: normal;
font-style: normal;
background-color: #d49610;
color: #fff;	
text-align: center;
padding: 4px 2px 4px 5px;

}
.th_end {
border-right: 1px solid #2A166E;
}
table tr.t_zmena {
background-color: #f4edcc; 
}
.th_end {
border-right: 1px solid black;
}
#obsah tr:hover {
background-color: black;
color: white;
}
/* /TABULKA */



/* ------------ FORMULAR ------------ */
#form {
width: 95%;
}
legend { 
padding : 5px 10px;
font-size : 130%;
color: #8a6320;
} 
fieldset { 
padding : 10px 20px 10px 20px;
border : 5px solid #d49610;
} 
fieldset input, textarea { 
margin : 0 0 7px 0;
width : 90%;
border : 1px solid gray;
}
fieldset input.radio {
width: 20px;
display: inline;
margin: 5px 5px 10px 10px;
color: black;
border: none;
}
fieldset input.mensi { 
width: 50%;
}
fieldset p span {
color: #FF3300; 
}
input.button_ { 
margin: 10px 0 10px 20px;
background-color: #000;
color: #fff;
border: 3px solid #fff;
padding: 5px 10px;
font-weight: bold;
}
input, textarea { 
border: 1px solid gray;
}
.barva {
color:  #c9001d; 
}
p.chyba {
    color: #000;
	font-size: 110%;
	background: transparent url(../img/chyba.gif) left 0.4em no-repeat;
	padding-left: 20px;
}
p.ok {
    color: #000;
	font-size: 110%;
	background: transparent url(../img/ok.gif) left 0.4em no-repeat;
	padding-left: 20px;
}

/* /FORMULAR */