@import url(wrbna0.css);

abbr, span.abbr {  cursor: help;  border-bottom: 1px dotted #444; }
strong.kun {font-weight: bolder; } 

body, td, th, textarea, select { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 13px;	}

body{ margin: 5px 0 10px; text-align: center; color: #444; background-color: white; }
#page { position: relative; margin: 0 auto; width: 770px; text-align: left; }

/* odkazy */
a { color: #21467B; background-color: inherit; }
a:hover { color: #21467B; background-color: #FFDA88; text-decoration : none; }

#text a img{ border: 2px solid white; }
#text a:hover img{ border: 2px solid #FFBA38; }
#text a.img:hover{ background-color: transparent; }


/******** hlavicka ********/
#head { position: relative; width:100%; height: 187px; }
#head a { text-decoration : none; }
#logo { position: absolute; top: 0; left: 328px; width: 115px; height: 59px; text-align: center; } 
#amenu, #lmenu	{
	position: absolute; top: 10px; left: 0; width: 322px; height: 25px;
	font-size : 85%; color: #FFBA38; background-color: inherit;
}
#lmenu	{ left: 448px; text-align: right;}

#menu-top-left, #menu-top-right	 { 
	position: absolute; top: 33px; left: 0;
	font-size: 110%; font-weight: bold; 
	border: #FFBA38 solid 2px; padding-top: 3px;
	width: 325px; height: 21px;
	_width: 327px; _height: 28px; /* oprava box modelu */
}
#menu-top-left	{ border-right: 0;}
#menu-top-right	{ left: 443px; border-left: 0;}
#menu-top-left a, 
#menu-top-right a { padding: 0 5px }
.menu-join{ display: none }

#title { 
	position: absolute; top: 67px; left: 0px; 	height: 120px; width: 770px; 
	color : white; background-color: #21467B;
}
.title-centrum {background-image: url(../img/title_centrum.jpg); }
.title-aktuality {background-image: url(../img/title_aktuality.jpg); }
.title-kontakt {background-image: url(../img/title_aktuality.jpg); }
.title-chov {background-image: url(../img/title_galerie.jpg); }
.title-dostihy {background-image: url(../img/title_dostihy.jpg); }
.title-galerie {background-image: url(../img/title_galerie.jpg); }
.title-parkur {background-image: url(../img/title_parkur.jpg); }
.title-historie {background-image: url(../img/title_parkur.jpg); }
.title-nadace {background-image: url(../img/title_nadace.jpg); }
.title-def {background-image: url(../img/title_def.jpg); }
h1 {margin: 15px 0px 0px 15px; width: 320px; font-size : 200%; font-weight : bold; }
h1 span { background-image: url(../img/ti.gif); padding: 0px 3px; }

/* smenu-top */
#smenu-top { margin-top: 8px; padding: 3px 0; border: #FFBA38 solid 1px; font-size: 100%; }
#smenu-top.no { border-width: 1px 0 0; padding: 0; }

.menu {color: #FFBA38; background-color: inherit; text-align: center; }
.menu a{text-decoration : none; }
.menu a.menua { color : #FFBA38; background-color: inherit; }
.menu a.menua:hover { color: #21467B; background-color: #FFDA88}	







/*********** pata ***************/
#pata {width: 100%; height: auto; margin-top: 8px; }
#pata-left {float: left; width: 165px; height: auto; }
#pata-right {float: right; width: 585px; height: auto; }

#border-bottom-left,
#border-bottom-right { height: 20px; margin-bottom: 8px; border: #21467B solid 0; }	
#border-bottom-left { border-width: 0 0 1px 1px }	
#border-bottom-right { border-width: 0 1px 1px 1px }
#copyright { 
	margin-top: 5px; font-size: 85%; text-align: center; 
	color: #21467B;  background-color: inherit; 
}
#smenu-bottom, #smenu-empty { font-size : 85%;}
#menu-bottom { 
	font-size : 100%; font-weight : bold;
	border: #FFBA38 solid 1px; padding: 4px 5px; margin-top: 5px;}

	
	
	
	
	
	


	
	
/* -- obsah -------------------------*/
#obsah {margin-top: 8px; width: 100%; height: auto; }


#news { float: left; width: 165px; height: auto; font-size: 85%}	
#news h2 { 
	height: 20px; padding: 5px; margin: 0 0 10px;
	font-size: 150%;
	border: #21467B solid;	border-width: 0 0 1px 1px;
	color: #FFBA38;  background-color: inherit;
}	
#news h2 a { color: #FFBA38;  background-color: inherit; text-decoration: none;  }	
#news h2 a:hover { color: #21467B; background-color: #FFDA88; }
#news h3 { margin-left: 5px; font-size: 100%}	
#news p{ margin: 2px 0px 10px 5px; text-align: left; }






/* -- obsah -------------------------*/
#text { float: right; width: 585px; height: auto; }	

#text div.left { float: left; width: 49%; height: auto;}
#text div.right { float: right; width: 49%; height: auto; }


#text h2 {
	font-size: 125%; font-weight : bold; text-align: left;
	color : #21467B;  background-color: inherit; 
	border-top: #21467B solid 1px;	border-left: #21467B solid 1px; border-right: #21467B solid 1px;
	padding-left: 10px; padding-top: 5px; margin-top: 0px; margin-bottom: 20px; height: 20px;
}
#text h3 {
	font-size: 110%; font-weight: bold; clear: both; text-align: left;
	border-bottom : 1px solid #FFBA38; margin: 20px 10px 10px;
}
#text h3 div.h3-rok{ float: left;  }
#text h3 div.h3-vek{ text-align: right; }
#text h3 a { text-decoration : none; }

#text h4 {font-size: 100%; font-weight: bold; margin: 15px 10px 5px; clear: both; }
#text p { margin: 5px 10px; text-align: justify; }
#text ul, #text ol { margin: 5px 10px; text-align: justify; }
#text hr {margin: 0 10px; width: 565px}
#text p a, #text li a { text-decoration: underline; }
#text ul li { margin-left: 20px }
#text ol li { margin-left: 45px }

#text p#dt-changed { font-style: italic; text-align: right; display: none}

#text div.navigace { font-size: 85%;
	clear: both; margin: 15px 5px; text-align: center; vertical-align:middle;}

#text div.navigace a {
	display: inline-block;
    margin: 5px 0;
	white-space: nowrap;
	font-weight: bold; text-decoration: none;
	padding: 1px 3px; border: 1px solid #21467B;
	width: 35px;
}

#text div.navigace span {
	display:inline-block;
    margin: 5px 0;
    width: 50px;
	font-weight: bold; padding: 2px 0px;
}
#text div.navigace span {} 

#text img.left { float: left; margin: 0px 10px 0px 0px }
#text img.right { float: right; margin: 0px 0px 0px 10px }


/*--------------------------------*/
table.pedigree, 
table.data,
table.datacenter,
table.result, 
table.startlist, 
table.rodina { 
	margin: 10px; width: 565px; 
}

td.left{ text-align: left }
td.center{ text-align: center }
td.right{ text-align: right }
th{ font-weight: bold; color: white; background-color: #21467B; text-align: center;}

/* data */
table.data td, table.data th{ padding: 2px 3px; border: 1px solid white; }
table.data td{ color: black; background-color: #FFEED1;}
table.data tr.sudy td{ color: black; background-color: #EEEEEE;}

/* datacenter */
table.datacenter td, table.datacenter th{ padding: 2px 3px; border: 1px solid white; }
table.datacenter td{ color: black; background-color: #FFEED1; text-align: center;}
table.datacenter tr.sudy td{ color: black; background-color: #EEEEEE;}


/* result - kone, dostihy, parkur, centrum */
table.result td, table.result th { 
	padding: 1px; border: 1px solid white; 
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 12px;  }
table.result td{ color: black; background-color: #FFEED1; text-align: center; padding: 3px 1px;}
table.result tr.sudy td{ color: black; background-color: #ddf; }
table.result td.right-nowrap{ white-space: nowrap; text-align: right;}
table.result td.left{ text-align: left;}
table.result a img{ float: right; border: 0px; margin: 0}

table.result tr.wrbna td{ color: black; background-color: #FFEED1; }
table.result tr.wrbna-sudy td{ color: black; background-color: #ddf; }
table.result tr.wrbna-win td{ color: black; background-color: #FFCA68; font-weight: bold;}
table.result tr.wrbna-win-sudy td{ color: black; background-color: #bbe; font-weight: bold;}

table.result tr.other td{ color: black; background-color: #f8f8f8; }
table.result tr.other-sudy td{ color: black; background-color: #eee; }
table.result tr.other-win td{ color: black; background-color: #f8f8f8; font-weight: bold;}
table.result tr.other-win-sudy td{ color: black; background-color: #eee; font-weight: bold;}


#text table.startlist {	border-top: 1px solid black; border-bottom: 1px solid black; padding: 5px 0;}
#text table.startlist td { padding: 0px 3px; }

table.pedigree td { 
	font-size: 10px; padding: 2px; border: 1px solid #21467B; 
	color: inherit; background-color : #CADAF1; 
}
table.pedigree td.klisna{	color: inherit; background-color : #FFEED1; }

table.rodina { border: 1px solid #21467B; margin-top: 20px}
table.rodina td { font-size: 10px; padding: 2px; border: none; vertical-align: top}
table.rodina td.r1 { background-color : #AABFE8; border-top: 1px solid #21467B  }
table.rodina td.r11 { border-top: 1px solid #21467B; padding-right: 10px  }
table.rodina td.r2 {} 
table.rodina td.r3 { background-color : #E0EDFA;  }
table.rodina td.r4 { background-color : #CADAF1;  }
table.rodina col.rodina-sl { width: 50px  }



/* =================================================== */

#vizitka { margin: 10px; width: 565px; color: white; background-color: #21467B;}
#vizitka.logo { position: relative; height: 204px;}
#vizitka a.logo {display: block; position: absolute; left: 10px; top: 10px; height: 180px; width: 240px; text-align: center}
#vizitka a.logo img {border-color: #21467B; }
#vizitka TABLE{ margin: 12px 10px; width: 545px; border: 1px solid #FFBA38;}
#vizitka.logo TABLE{ margin-left: 260px; width: 295px; }
#vizitka td, #vizitka th { color: white; background-color: #21467B; padding: 0px 3px; height: 18px;}
#vizitka th { font-weight: bold;  text-align: left}
#vizitka a {color: #FFBA38; }
#vizitka a:hover { color: #21467B; background-color: #FFDA88; text-decoration : none; }
#vizitka a.logo:hover {color:#FFDA88;  background-color: #21467B;}
#vizitka a.logo:hover img {border-color: #FFDA88; }


#text div.extra { clear: both; margin: 20px 10px; border: 1px solid #21467B;  
	background-color: #21467B; color: white; text-align: center; }
#text div.extra2 { margin: 10px; border: 1px solid #FFBA38; padding: 10px; }
#text div.extra h4 { background-color: #21467B; color: #FFBA38; font-weight: bold; }
#text div.extra p { background-color: #21467B; color: white; text-align: center; margin: 10px; }
#text div.extra a { background-color: #21467B; color: white; font-weight: bold; margin: 10px;}
#text div.extra2 div { border-top: 1px solid #FFBA38; margin-top: 20px; padding-top: 20px}


#text ul.puvod p { margin: 0 0 2px 0; font-style: italic}

/*#text ul.list-kone{ list-style: url(/img/tlg.gif) }
#text ul.list-kone li{ padding-left: 0;}
*/
#text ul.list-kone-chov{ list-style: none;}
#text ul.list-kone-chov li{ margin-left: 0; margin-top: 4px;}
#text ul.list-kone-chov p{ margin: 2px 5px 10px 15px; }

#text ul.lide a { font-weight: bold }

#text div.row { width: 100%; height: auto;}
#text div.row div.left { float: left; width: 49%; height: auto;}
#text div.row div.right { float: right; width: 49%; height: auto; }

#text p.banner{ text-align: center; }

#text div.row div.tn { float: left; margin: 10px 10px 10px 5px; width: 174px; height: auto; }
#text div.row div.tn div{ width: 174px; height: 124px; text-align: center; margin: 0px; }
#text div.row div.tn p{ font-size: 11px; text-align: center; margin: 0px; }

#text ul.kurzy li { font-weight: bold; }
#text ul.kurzy li p { margin: 0px 0px 5px 0px; font-weight: normal; text-align: left;}






/* kniha navstev */
.zaznam h5 {text-align: right; padding: 0px; margin: -10px 10px 0px; font-size: 100%; font-weight: normal}
label { display: block }
#fbook-name, #fbook-mail { width: 15em; }
#fbook-text { width: 25em; height: 12em; font-family: inherit; }
#fbook-name, #fbook-mail, #fbook-text { background-color: #fff8cf; color : black; }