@media screen, projection {
body{ 
	font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; 
	background-color: #a6bc3d; 
	background-image: url(images/bgtop.gif); 
	background-repeat: repeat-x; 
	background-position: left top; 
	text-align: center; 
	margin: 0; padding: 0; 
}
#content{ background-image: url(images/bg.gif); background-repeat: repeat-y; margin: 0 auto; padding: 0; width: 755px; }
/* header */
#logo a  { background-image: url(images/header.jpg); background-repeat: no-repeat; width: 775px; margin: 0; padding: 0; height: 237px ; display: block; }
/* header end */
h1   { color: #fff; font-size: 0.8em; font-weight: bold; line-height: 40px; background-image: url(images/ramecek.gif); background-repeat: no-repeat; text-align: left; height: 38px; padding-left: 30px      }
h2 { color: #fff; font-size: 0.8em; font-weight: bold; line-height: 40px; background-image: url(images/ramecek.gif); background-repeat: no-repeat; text-align: left; padding-left: 30px; height: 38px; }
h3{ color: white; font-size: 0.8em; font-weight: bold; line-height: 2em; background-color: #a6bc3d; margin: 0; padding: 0 0 0 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
p{ font-size: 0.7em; text-align: justify; margin: 10px; }
img { margin-left: 5px; border: solid 2px white   }
a{ color: #00f; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: underline; }
a:hover{ 
	color: #000; 
	text-decoration: underline;
}
ul { margin: 0 0 5px; padding: 0 }
ul li    { font-size: 0.7em; text-align: left; margin: 0 0 0 20px; padding: 0 0 0 0; list-style-type: none; list-style-image: url(images/bod.gif); }
.inner{ 
	margin: 12px 12px 12px 22px; 
	padding: 0; 
}
#left{ width: 500px; float: left; }
.gray { color: #a38628; font-weight: bold; }
.vstup     { color: #737373; padding-left: 10px; width: 120px }
.tlac{ color: #fff; background-image: url(images/tlac.gif); background-repeat: repeat-x; padding: 0; width: 80px; height: 24px; float: left; margin: 5px 0 0 0; }
.novinky{ margin: 0 0 0 10px; padding: 0; border: 0; }
.email     { width: 170px ; float: left; }
#right       { width: 225px; float: left ; margin: 0; padding: 0; }
#right a { font-size: 1.1em; font-weight: bold; }
	.right-box  { background-color: #dadada; margin: 12px 0 0; padding: 0; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid #fff; }
.right-box p { margin-right: 8px; margin-left: 8px; }
.box { margin-left: 5px; }
/* navigace */
#navigace{ color: #fbfbe9; background-image: url(images/navigace.gif); background-repeat: no-repeat; height: 38px; }
#navigace ul{ font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 37px; margin: 0 0 0 20px; padding: 0; }
#navigace ul li   { float: left; margin: 0 5px; padding: 0; list-style-type: none; display: inline; }
#navigace a  { color: #fffff8; text-decoration: none }
#navigace a:hover           { color: #cdc40e; text-decoration: none; background-image: url(images/navigace-a.gif); background-repeat: repeat-x }
body.uvod #navigace li#nav-1 a, 
body.pension #navigace li#nav-2 a, 
body.skola #navigace li#nav-3 a, 
body.pujcovna #navigace li#nav-4 a, 
body.novinky #navigace li#nav-5 a, 
body.kontakt #navigace li#nav-6 a
{ color: #cdc40e; text-decoration: none; background-image: url(images/navigace-a.gif); background-repeat: repeat-x }
/* navigace end */
/* foot */
#footer { background-image: url(images/foot.gif); background-repeat: no-repeat; background-position: center 0; width: 755px; height: 25px ; margin: 0 auto;}
#copy p { text-align: center; margin: 0; padding: 0 0 20px }
#copy a{ color: #000; }
#copy a:hover{ color: #fff; }
/* foot end */
.fl_left{ 
	margin-right: 20px; 
	margin-bottom: 10px; 
	float: left; 
}
.fl_right { margin-bottom: 10px; float: right; margin-left: 20px; }
.cleaner{ 
	font-size: 1px; 
	line-height: 1px; 
	float: none; 
	clear: both; 
}
.red{ color: #bd2703; }
.center{ text-align: center; }
#vlajecky             { margin: 0; padding: 10px 0 0; }
#vlajecky img   { margin: 0 0 0 10px; padding: 0; border: solid 1px #fff   }
.foto { float: left; margin-top: 10px; margin-left: 10px; border: solid 1px #a6bc3d; }
form p { margin: 10px 0 5px; padding: 0; }
select { width: 150px }
input { width: 150px }
fieldset img   { margin: 15px 0 0; padding: 0; border: solid 2px #fbfbe9; }
fieldset      { margin: 0 40px 10px 10px; padding: 12px; border: solid 1px #a6bc3d   }
legend   { color: #fff; font-size: 80%; background-color: #a6bc3d; text-align: right; padding: 0.2em 0.5em; border: solid 1px    }
label     { text-align: right; margin-right: 0.5em; padding-top: 0.2em; width: 25%; float: left }
table   { color: #333; font-size: 12px; text-align: left; margin: 10px 0 15px 5px; padding: 0; width: 465px; border: none; border-collapse: collapse                         }
th  { color: #fff; font-weight: bold; background-color: #a6bc3d; padding: 2px 5px; border: solid 1px #7f7f7f }
td { padding: 2px 5px; border: solid 1px #7f7f7f }
.nodisp { display: none; }
.chyba  { font-weight: bold; background-color: #a6bc3d; padding: 10px; border-top: 1px dotted #5a6b41; border-bottom: 1px dotted #5a6b41 }
#moje { color: #000; text-decoration: none; cursor: text; }
#moje a:hover { color: #eee7cf; text-decoration: none; cursor: text; }
}

@media print {
body { color: #000; font-family: sans-serif; font-weight: normal; font-style: normal;font-variant: normal; }
.noprint {display:none}
}