body { margin: 0; padding: 0; background: #fff; font-size: 11px; color: #606060; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; }

/* -------------- EU ------------------*/
#style_esf h1 { color: #1b4565; }
#style_esf h2 { color: #1b4565; }
#style_esf h3 { color: #79940f; }
#style_esf a { color: #1b4565; }
#style_esf a.vice { background: url(../images/ico_right_esf.gif) no-repeat center right; }
#style_esf #head { background: url(../images/bg_head_esf.jpg) no-repeat top left; }
#style_esf #footer { background: #c1ced7; }
#style_esf #lcol menu li a { background-color: #2b5d83; }
#style_esf #lcol menu li a:hover { background-color: #79940f; }
#style_esf #lcol menu li ul li a { background: #4e98d1 url(../images/ico_menu.gif) no-repeat 37px 13px; }
#style_esf #lcol form#newsletter { background: #edf3f8; }
#style_esf #navigace a { color: #4e98d1; }
#style_esf #rcols .news a.th { border: 2px solid #4e98d1; }
#style_esf #rcols .news p.datum span.den { background: #366f9a; }
#style_esf #rcols .news p.datum span.mesic { background: #2b5d83; }
#style_esf #rcols .news p.datum span.rok { background: #1b4565; }
#style_esf #hot { background: #79940f; }
#style_esf #hot p.datum span.den { background: #63790c!important; }
#style_esf #hot p.datum span.mesic { background: #475707!important; }
#style_esf #hot p.datum span.rok { background: #262f03!important; }
#style_esf #rcol form#login { background: #edf3f8; }
#style_esf #rcol #kalendar { background: #edf3f8; }
#style_esf #rcol #kalendar p.datum { color: #1b4565; }
#style_esf #rcol #kalendar table th { background: #4e98d1; }
#style_esf #rcol #kalendar table th.last { border-color: #4e98d1; }
#style_esf #rcol #kalendar table th.first { border-left: 1px solid #4e98d1; }
#style_esf #rcol #kalendar table td.today { background: #79940f; }
#style_esf #rcol #kalendar table td.event { background: #b8d6ed; }
#style_esf #rcol #kalendar p.mesic { background: #2b5d83; }
#style_esf #footer p a { color: #4e98d1; }


/* -------------- Vyssi odborna skola ------------------*/
#style_vos h1 { color: #5f4100; }
#style_vos h2 { color: #5f4100; }
#style_vos h3 { color: #503700; }
#style_vos a { color: #5f4100; }
#style_vos a.vice { background: url(../images/ico_right_brown.gif) no-repeat center right; }
#style_vos #head { background: url(../images/bg_head_vos.jpg) no-repeat top left; }
#style_vos #footer { background: #edecaf; }
#style_vos #lcol menu li a { background-color: #d2d037; color:#5f4100;}
#style_vos #lcol menu li a:hover { background-color: #5f4100; color:#fff;}
#style_vos #lcol menu li ul li a { background: #d2d037 url(../images/ico_menu.gif) no-repeat 37px 13px; }
#style_vos #lcol form#newsletter { background: #edecaf; }
#style_vos #navigace a { color: #5f4100; }
#style_vos #rcols .news a.th { border: 2px solid #d2d037; }
#style_vos #rcols .news p.datum span.den { background: #543900; }
#style_vos #rcols .news p.datum span.mesic { background: #3f2b00; }
#style_vos #rcols .news p.datum span.rok { background: #2d1500; }
#style_vos #hot { background: #5f4100; }
#style_vos #hot a.vice { background: url(../images/ico_right_vos.gif) no-repeat center right; color: #d2d037;}
#style_vos #hot p.datum span.den { background: #543900!important; }
#style_vos #hot p.datum span.mesic { background: #3f2b00!important; }
#style_vos #hot p.datum span.rok { background: #2d1500!important; }
#style_vos #rcol form#login { background: #edecaf; }
#style_vos #rcol #kalendar { background: #edecaf; }
#style_vos #rcol #kalendar p.datum { color: #5f4100; }
#style_vos #rcol #kalendar table th { background: #d2d037; }
#style_vos #rcol #kalendar table th.last { border-color: #d2d037; }
#style_vos #rcol #kalendar table th.first { border-left: 1px solid #d2d037; }
#style_vos #rcol #kalendar table td.today { background: #5f4100; }
#style_vos #rcol #kalendar table td.event { background: #edecaf; }
#style_vos #rcol #kalendar p.mesic { background: #5f4100; }
#style_vos #footer p a { color: #5f4100; }


/* -------------- Stredni skola ------------------------*/
#style_ss h1 { color: #d06c02; }
#style_ss h2 { color: #d06c02; }
#style_ss h3 { color: #848c02; }
#style_ss a { color: #8e2708; }
#style_ss a.vice { background: url(../images/ico_right_ss.gif) no-repeat center right; }
#style_ss #head { background: url(../images/bg_head_ss.jpg) no-repeat top left; }
#style_ss #footer { background: #ecd270; }
#style_ss #lcol menu li a { background-color: #d06c02; }
#style_ss #lcol menu li a:hover { background-color: #a82d07; }
#style_ss #lcol menu li ul li a { background: #848c02 url(../images/ico_menu.gif) no-repeat 37px 13px; }
#style_ss #lcol form#newsletter { background: #f9edbf; }
#style_ss #navigace a { color: #8e2708; }
#style_ss #rcols .news a.th { border: 2px solid #d06c02; }
#style_ss #rcols .news p.datum span.den { background: #d06c02; }
#style_ss #rcols .news p.datum span.mesic { background: #ca471f; }
#style_ss #rcols .news p.datum span.rok { background: #8e2708; }
#style_ss #hot { background: #a82d07; }
#style_ss #hot p.datum span.den { background: #d06c02!important; }
#style_ss #hot p.datum span.mesic { background: #752006!important; }
#style_ss #hot p.datum span.rok { background: #260a01!important; }
#style_ss #rcol form#login { background: #f9edbf; }
#style_ss #rcol #kalendar { background: #f9edbf; }
#style_ss #rcol #kalendar p.datum { color: #423605; }
#style_ss #rcol #kalendar a { color: #423605!important; }
#style_ss #rcol #kalendar table th { background: #8e2708; }
#style_ss #rcol #kalendar table th.last { border-color: #8e2708; }
#style_ss #rcol #kalendar table th.first { border-left: 1px solid #8e2708; }
#style_ss #rcol #kalendar table td.today { background: #a82d07; }
#style_ss #rcol #kalendar table td.event { background: #c1c580; }
#style_ss #rcol #kalendar p.mesic { background: #d06c02; }
#style_ss #footer p a { color: #8e2708; }


/* -------------- Centrum volneho casu -----------------*/
#style_cvc h1 { color: #047848; }
#style_cvc h2 { color: #047848; }
#style_cvc h3 { color: #53712f; }
#style_cvc a { color: #047848; }
#style_cvc a.vice { background: url(../images/ico_right_cvc.gif) no-repeat center right; }
#style_cvc #head { background: url(../images/bg_head_cvc.jpg) no-repeat top left; }
#style_cvc #footer { background: #99cc5e; }
#style_cvc #lcol menu li a { background-color: #599316; }
#style_cvc #lcol menu li a:hover { background-color: #047848; }
#style_cvc #lcol menu li ul li a { background: #53712f url(../images/ico_menu.gif) no-repeat 37px 13px; }
#style_cvc #lcol form#newsletter { background: #e1fec0; }
#style_cvc #navigace a { color: #047848 }
#style_cvc #rcols .news a.th { border: 2px solid #047848; }
#style_cvc #rcols .news p.datum span.den { background: #16aa6d; }
#style_cvc #rcols .news p.datum span.mesic { background: #01482b; }
#style_cvc #rcols .news p.datum span.rok { background: #022c1b; }
#style_cvc #hot { background: #047848; }
#style_cvc #hot p.datum span.den { background: #16aa6d!important; }
#style_cvc #hot p.datum span.mesic { background: #01482b!important; }
#style_cvc #hot p.datum span.rok { background: #022c1b!important; }
#style_cvc #rcol form#login { background: #e1fec0; }
#style_cvc #rcol #kalendar { background: #e1fec0; }
#style_cvc #rcol #kalendar p.datum { color: #047848; }
#style_cvc #rcol #kalendar table th { background: #047848; }
#style_cvc #rcol #kalendar table th.last { border-color: #047848; }
#style_cvc #rcol #kalendar table th.first { border-left: 1px solid #047848; }
#style_cvc #rcol #kalendar table td.today { background: #047848; }
#style_cvc #rcol #kalendar table td.event { background: #e1e748; }
#style_cvc #rcol #kalendar p.mesic { background: #599316; }
#style_cvc #footer p a { color: #294707; }


/*----------------Obecny styl--------------------- */
h1.top { display: none; }
h1, h2, h3, h4, p { margin: 0; }
h1 { font: 24px Arial; }
h2 { font: bold 12px/16px Arial; text-transform: uppercase; }
h3 { font: bold 12px/16px Arial; }

a { text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
a.vice { float: right; padding-right: 10px; }

.cleaner { float: left; clear: both; width: 100%; height: 0; }
input { float: left; width: 180px; font: 11px/15px Arial; height: 15px; border: 1px solid #cbc9c9; padding: 5px 10px; color: #606060; }
input.btn { background: #606060; color: #fff; font: bold 11px/27px Arial; height: 27px; padding: 0; border: none; float: right; text-align: center; }

#container { width: 901px; margin: 0 auto; }

#top { width: 901px; height: 49px; padding-top: 10px; float: left; clear: both; }
#head { width: 901px; height: 161px; float: left; clear: both; margin: 0 0 4px 0; position: relative; }
#cols { width: 901px; float: left; clear: both; padding-bottom: 20px; }
#lcol { float: left; width: 230px; margin: 0 13px 0 0; }
#rcols {float: right; width: 658px; margin: 0;  }
#mcol { float: left; width: 413px; margin: 0 16px 0 0; }
#rcol { float: right; width: 228px; margin: 0; }
#bottom { width: 882px; float: left; clear: both; margin: 10px 0 0 0; padding: 11px 0 15px 19px; background: #606060; }
#footer { width: 882px; height: 50px; float: left; clear: both; margin: 0 0 15px 0; padding: 0 0 0 19px; }

#top form { margin: 0; padding: 6px 0 0 0; float: left; width: 290px; }
#top form input.btn { width: 80px; }
#top ul { margin: 0; padding: 0; float: right; width: 457px; height: 49px; }
#top ul li { list-style: none; float: left; margin: 0 3px 0 0; }
#top ul li.last { margin: 0; }
#top ul li a { float: left; display: block; width: 112px; height: 49px; font: bold 16px/49px Arial; background: #606060; color: #fff; text-align: center; position: relative; }
#top ul li a:hover span, #top ul li.slc a span { background-position: bottom left; }
#top ul li a span { cursor: pointer; position: absolute; top: 0; left: 0; width: 112px; height: 49px; }
#top ul li a#m_vos span { background-image: url(../images/m_vos.gif); }
#top ul li a#m_ss span { background-image: url(../images/m_ss.gif); }
#top ul li a#m_cvc span { background-image: url(../images/m_cvc.gif); }
#top ul li a#m_esf span { background-image: url(../images/m_esf.gif); }

#head a { position: absolute; top: 0; left: 19px; }
#head h1 { display: none; }

#lcol menu { margin: 0; padding: 0; width: 100%; float: left; clear: both; }
#lcol menu li { list-style: none; width: 100%; float: left; clear: both; margin: 0 0 1px 0; }
#lcol menu li a { display: block; width: 213px; height: 32px; float: left; font: 14px/32px Arial; color: #fff; padding-left: 17px; text-decoration: none; }
#lcol menu li ul { margin: 0; padding: 0; width: 100%; float: left; clear: both; }
#lcol menu li ul li { margin: 1px 0 0 0; }
#lcol menu li ul li a { padding-left: 57px; width: 173px; }
#lcol form#newsletter { float: left; clear: both; margin: 13px 0 0 0; padding: 10px; width: 210px; }
#lcol form#newsletter h2 { margin: 0 0 7px 0; font: bold 14px Arial; color: #5a5959; text-transform: none; padding-left: 23px; background: url(../images/ico_newsletter.gif) no-repeat center left; }
#lcol form#newsletter p { margin: 0; }
#lcol form#newsletter input { margin: 5px 0 0 0; width: 184px; }
#lcol form#newsletter input.btn { width: 90px; margin-right: 5px; }

#navigace { width: 100%; height: 32px; float: left; clear: both; }
#navigace p { line-height: 32px; }
#navigace span { margin: auto 8px; }

#rcols h1 { margin: 0 0 15px 0; }
#rcols h2 { margin: 0 0 5px 0; }
#rcols h3 { margin: 0 0 3px 0; }
#rcols p { margin: 0 0 7px 0; }
#rcols .news { width: 100%; float: left; clear: both; margin: 0 0 20px 0; }
#rcols .news a.th { float: left; position: relative; overflow: hidden; display: block; width: 96px; height: 96px; margin: 0 8px 0 0; }
#rcols .news a.th img { min-width: 96px; min-height: 96px; }
#rcols .news a.th img.ico { position: absolute; bottom: 5px; right: 0; min-width: 20px; min-height: 21px; }
#rcols .news p.datum { font: 12px/20px Arial; color: #fff; clear: right; margin: 0 0 5px 0; }
#rcols .news p.datum span { text-align: center; line-height: 20px; padding: 2px 4px; }

#hot { width: 646px!important; padding: 6px; color: #fff; }
#hot a { color: #fff; }
#hot a.th { width: 147px!important; height: 147px!important; border-color: #fff!important; }
#hot h2 { font: bold 18px Arial; }
#hot p { font: 12px/16px Arial; }
#hot a.vice { color: #262f03; margin-right: 10px; background-image: url(../images/ico_right_gray.gif); }

#rcol form#login { float: left; clear: both; margin: 0 0 13px 0; padding: 12px; width: 204px; }
#rcol form#login h2 { background: url(../images/ico_login.gif) no-repeat center left; margin: 0; font: bold 14px Arial; color: #5a5959; text-transform: none; padding-left: 23px; }
#rcol form#login input { margin: 7px 0 0 0; width: 182px; }
#rcol form#login input.btn { width: 90px; }

#rcol #kalendar { width: 228px; float: left; clear: both; margin: 0; padding-bottom: 12px; }
#rcol #kalendar h2 { background: url(../images/ico_kalendar.gif) no-repeat center left; margin: 0 0 0 12px; font: bold 14px/36px Arial; color: #5a5959; text-transform: none; padding-left: 23px; }
#rcol #kalendar p.datum { font: bold 14px/20px Arial; margin: 0 12px; }
#rcol #kalendar h3 { font: 11px Arial; margin: 0 12px 8px 12px; }
#rcol #kalendar table { width: 226px; margin: 0 0 11px 1px; font: 14px/31px Arial; border-collapse: collapse; background: #fff; }
#rcol #kalendar table td { text-align: center; border: 1px solid #bdbcbc; }
#rcol #kalendar table th { font-weight: normal; color: #fff; border-right: 1px solid #fff; text-transform: uppercase; }
#rcol #kalendar table td.today { color: #fff; }
#rcol #kalendar p.mesic { width: 215px; padding: 6px; height: 23px; font-size: 14px; margin: 0; }
#rcol #kalendar p.mesic a { float: left; }
#rcol #kalendar p.mesic span { color: #fff; width: 169px; text-align: center; line-height: 23px; float: left; }

#bottom ul { float: left; margin: 0 50px 0 0; padding: 7px 0 0 0; }
#bottom ul li { list-style: none; font-size: 12px; color: #fff; }
#bottom ul li a { font: 11px/24px Arial; margin-left: 11px; color: #b9baba; }
#bottom ul.vos { border-top: 1px solid #d2d037; }
#bottom ul.ss { border-top: 1px solid #c39d05; }
#bottom ul.cvc { border-top: 1px solid #aad14e; }
#bottom ul.esf { border-top: 1px solid #4e98d1; }

#footer p { font: 12px/49px Arial; color: #242424; }