/**
 * ZS a MS Dolni Loucky
 * www.zsdolniloucky.cz
 * 
 * Hlavni CSS styl.
 * 
 * Autor: Petr Dvorak, http://dvorak.tisnof.cz
 *
 **/


/*
 * I. Zakladni CSS tridy
 *    ==================
 **/

.none { display: none;}
.hidden { visibility: hidden;}
.clear { clear: both;}

.fl { float: left !important;}
.fr { float: right !important;}

.left, .l { text-align: left;}
.right, .r { text-align: right;}
.center, .c { text-align: center;}
.clear, .clear1px, .q { clear: both;}
.clear1px { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}

.bold { font-weight: bold;}
.italic { font-style: italic;}

.nomargin { margin: 0 !important;}

.w { width: auto !important;}
.w60p { width: 60%;}
.w55p { width: 55%;}
.w50p { width: 50%;}
.w45p { width: 45%;}
.w40p { width: 40%;}
.w33p { width: 32%;}

.clear, .clear1px, .q { clear: both;}

.indent { text-indent: 2em;}
.odsazeny-odstavec { padding-left: 2em;}

img.fr { clear: right; margin: 0 0 5px 10px;}

/*******************************************************************************
 * @media: "screen, projection, tv"
 ******************************************************************************/
@media screen, projection, tv {

* { margin: 0; padding: 0;}
/*
 * 1) Pisma & barvy pisma
 *    ===================
 **/

body { background: #74330B url(../_images/background.gif); font: 0.8em/1.5em Arial, sans-serif;}


h1, h2 { font-family: "Segoe Print", sans-serif; margin: 10px 0;}
h1 { background: url(../_images/h1-underline.gif) 0 100% no-repeat; color: #690F0A; font-size: 1.7em; line-height: 1.3em; padding-bottom: 8px; margin-bottom: 0;}
h2 { font-size: 1.4em; font-weight: bold; margin-top: 20px;}
h3 { font-size: 1.2em; font-weight: bold; margin: 15px 0 5px 0;}
h4 { font-size: 1em; font-weight: bold; margin: 15px 0 5px 0;}

a { color: #690F0A;}
a:hover, a:visited { color: #AE461E;}
a img { border: 0;}


/*
 *  2) Layout
 *     ======
 **/

.box-center { margin: auto; position: relative; width: 940px;}

#top { background: #FEFEF9 url(../_images/header-background.png) 0 0 repeat-x; height: 165px;}
#middle { background: #DEB025 url(../_images/middle-background.gif);}
#right { float: left; padding-top: 50px; width: 230px;}
#footer { background: #7C2C0C url(../_images/footer-background.gif) 0 100% no-repeat; color: #FBF8D9; float: right; font-size: 0.85em; margin-bottom: 10px; margin-right: 8px; padding: 20px 20px; width: 660px;}
#footer a { color: #FBF8D9;}

/* hlavicka + logo */
#header h2 { height: 200px; left: -22px; margin: 0 !important; overflow: hidden; position: absolute; text-align: center; width: 320px; z-index: 5;}
#header h2 span { background: url(../_images/logo.png) 0 0 no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
#header #photo { background: url(../_images/header-photo.jpg) 100% 0 no-repeat; height: 200px;}

#text { background: #fff url(../_images/text-background.gif) 0 0 repeat-y; float: right; min-height: 600px; padding: 20px 25px 20px 35px; width: 650px;}

/* drobeckova navigace */
#breadcrumbs { font-size: 0.9em; left: 270px; position: absolute; top: 138px;}
#breadcrumbs, #breadcrumbs a { color: #FBF8D9;}
#breadcrumbs a:hover { color: #EFD5B6;}

/* navigace */
#menu-title { height: 30px; margin-left: 35px; overflow: hidden; position: relative; width: 190px;}
#menu-title span { background: url(../_images/menu-title.gif) 0 0 no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

/* navigace - rozdeleni ZS - MS */
#mzs, #mms { display: block; height: 48px; left: -5px; margin-top: -17px; overflow: hidden; position: absolute; width: 55px;}
#mzs span, #mms span { background: url(../_images/menu-zs.png) 0 0 no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
#mms { margin-top: -19px;}
#mms span { background-image: url(../_images/menu-ms.png);}

#menu ul { background: #FBF8D9 url(../_images/menu-ul-back.gif) 0 0 repeat-y; border-top: 1px solid #DDA318; font-size: 1.1em; margin-left: 35px; min-height: 50px; width: 191px;}
#menu ul, #menu li { list-style: none;}
#menu li { padding: 0 12px;}
#menu ul a, #menu ul strong { background: url(../_images/menu-a.gif) 98% 0.8em no-repeat; border-bottom: 1px solid #F4DA9D; color: #000; display: block; padding: 6px 14px 6px 5px; text-decoration: none;}
#menu ul a:hover { background-color: #FAF4C8; background-image: url(../_images/menu-a-hover.gif); border-color: #DDA318; color: #914E0A; text-decoration: underline;}
#menu ul .last a, #menu ul .last strong { border: 0;}

#menu ul a.active, #menu ul strong { background-image: url(../_images/menu-a-opened.gif) !important; font-weight: bold;}

#menu ul ul { background: none; border: 0; border-bottom: 1px solid #F4DA9D; font-size: 0.9em; margin: 0; min-height: 0; width: auto;}
#menu ul ul li { padding: 0;}
#menu ul ul a, #menu ul ul strong { background-image: url(../_images/menu-sub-a.gif) !important; padding-left: 15px;}

#menu-1 { padding-top: 8px;} /* obecne odkazy */
#menu-2 { background-position: 0 -10px !important; } /* cast odkazu pro ZS */
#menu-3 { background-position: 0 100% !important; padding-bottom: 8px;} /* cast odkazu pro MS */


/*
 * 3a) Bezna stranka
 *     =============
 */

.author { color: #666666; font-size: 0.85em; margin: 2px 0 8px 0 !important;}
a.continue { background: url(../_images/continue.gif) 100% 0.4em no-repeat; padding-right: 8px;}

.list { border-bottom: 1px solid #F4DA9D; padding: 0 0 10px 0;}
.list h3 { margin-bottom: 2px;}

#text p, #text ul, #text ol, #text hr { margin: 5px 0;}
#text ul, #text ol { margin-left: 25px;}
#text ul li { background: url(../_images/li.gif) 0 0.6em no-repeat; list-style: none; padding-left: 12px;}

#text hr { background: #F4DA9D; border: 0; color: #F4DA9D; font-size: 1px; height: 1px; margin: 15px 0;}

table { border-collapse: separate; margin: 0px 0 20px 0 !important;}
table td { background: #FDFCF0; border-bottom: 1px solid #F9ECCF; padding: 4px 15px 4px 8px;}
table th { border-bottom: 1px solid #EFD5B6; color: #914E0A; font-weight: bold; padding: 0 0 8px 0; text-align: left;}

/*
 * 3b) Homepage
 *     ========
 */

#hp-calendar { float: right; margin: 20px 0 0 20px; width: 191px;}

#hp-calendar h2 { height: 30px; overflow: hidden; position: relative; text-align: right;}
#hp-calendar h2 span { background: url(../_images/hp-calendar-title.gif) 0 0 no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

#hp-calendar .inside, #hp-calendar ul { background: url(../_images/hp-calendar.gif) 0 0 no-repeat; padding-top: 10px;}
#hp-calendar ul { background-position: 0 100%; margin: 0 !important; padding: 7px 10px 10px 17px; min-height: 1px; /* IE 7 hack */}
#hp-calendar li { background: none !important; line-height: normal; margin: 0 0 5px 0 !important; padding: 0 !important;}
#hp-calendar a { color: #690F0A; text-decoration: none;}
#hp-calendar a:hover, #hp-calendar a:hover em { color: #AE461E;}
#hp-calendar li em { color: #7F2C0C; display: block; font-size: 0.9em; font-style: normal; font-weight: bold; padding: 4px 0;}
#hp-calendar a span { text-decoration: underline;}

#hp { background: url(../_images/hp-photo.jpg) 100% 0 no-repeat;}
#hp .italic { color: #7F2C0C; margin: 12px 0; font-size: 1.1em;}
#hp .small { font-size: 0.9em; margin: 12px 0;}
#hp h1, #hp .italic, #hp .small { width: 360px;}

/*
 * 3c) Fotogalerie
 *     ===========
 */

.galerie { margin: 20px 0 0 0 !important; line-height: 1em;}
.galerie, .galerie li { list-style: none; padding: 0 !important;}
.galerie li { display: block; margin: 0 10px 10px 0; float: left; text-align: center;}
.galerie img { margin-bottom: 3px; vertical-align: middle;}
.galerie a { display: block; width: 200px; height: 180px; background: url(../_images/gallery.png) 0 0 no-repeat; overflow: hidden; /*vertical-align: middle; display: table-cell;*/}
.galerie a:hover { background-position: 100% 0; color: #B84E00 !important;}

/*
 * 3d) Kalendar akci
 *     =============
 */

#calendar { background: url(../_images/line.gif) 295px 0 repeat-y; margin-top: 20px;}
#calendar h2.first { margin-top: 0;}
.kalendarbox { display: inline; float: left; margin-right: 20px; padding-bottom: 15px; width: 300px; }
.kalendarbox h4 { color: #690F0A;}

/*
 * 4) Formulare
 *    =========
 */

fieldset { border: 1px solid #EFD5B6; padding: 15px;}
legend { color: #914E0A; font-weight: bold; padding: 0 8px; }
form p label { display: block; font-weight: bold;}
form p input { width: 300px;}

.butt { width: auto !important; padding: 2px 5px;}

/*
 * 99) Zbytek
 *     ======
 **/

/* Odkaz "skoc na navigaci" */
#skip { left: 20px; position: absolute; top: 20px;}
#skip a { background: #E10915; color: #fff; display: block; font-size: 0.9em; left: -2000px; padding: 15px; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 150px; z-index: 50;}
#skip a:active, #skip a:focus { left: 0;}

#nv { left: -2000px; position: absolute;}

}


/*******************************************************************************
 * @media: "print"
 ******************************************************************************/

@media print {
body { color: #000; font: 0.9em/1.5em Arial, sans-serif;}
.noprint, #skip, #menu, #footer { display: none;}
h1, #text h2 { font-family: Cambria, serif; font-weight: bold; margin: 20px 0 10px 0;}
h1 { font-size: 1.9em;}
h2 { font-size: 1.4em;}

#header h2 { font-size: 1.1em;}
#header h2, #header h2 a { color: #69270E; text-decoration: none;}

.author { color: #666666; font-size: 0.9em; margin: 8px 0 8px 0;}

a { color: #000;}

#breadcrumbs { font-size: 0.9em;}
#breadcrumbs a { color: #000; text-decoration: none;}

table td, table th { border-bottom: 1px solid #CACACA; padding: 2px 10px 2px 0} 
.list { border-bottom: 1px solid #CACACA;}

/* homepage */
#hp-calendar li { list-style: none;}
#hp-calendar em { font-style: normal; font-weight: bold; padding-right: 4px;}
#hp-calendar a { color: #000; text-decoration: none;}

/* fotogalerie */
.galerie a { display: block; float: left; height: 190px; overflow: hidden; width: 190px;}
}