/*  
Version: 1.0
Author: Stanislav Kratochvil
Author URI: http://www.3wd.cz/
*/

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, p, blockquote, label, ul, ol, dl, fieldset, address { margin:.5em ; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.left{ float:left; }
.right{ float:right; }
.center { text-align:center;  }
.border { border:1px solid #000000 }

.hidde, hr { display:none; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px;}
.cistic { clear:both; height:1px; border:none; margin:-1em 0 0 0; visibility:hidden; font-size:0;}
.cleaner {clear:both; height:1px; margin:0; top:-1px; border:none;}
.clr { clear:both; padding:0; margin:0; height:0; visibility:hidden; font-size:0; }
br.clean { clear:both; }

a { color:#FF0000; border:none; }
a:hover { color: #666666; border:none; }

a img, a:hover img { background:transparent;}

h1 { font-size:18px; color:#FFFFFF; }
h2 { font-size:140%; color:#FF0000; }
h3 { font-size:125%; color:#002F65; }
h4 { font-size:120%; color:#4A9488; }

h2.nadpis { font-size:150%; color:#E10915; margin:10px 0 20px 10px; padding:5px 0 5px 50px; background:url(http://img.csae.cz/h2-nadpis.gif) no-repeat; }

/*em { color:#F4ECE9; background-color:#9D894E; font-style:italic; font-weight:bold; }*/

.upoutat { width:100%; font-size:100%; padding:0px; color:#000000; background-color:#F4EDE7; text-align:justify; }
.upoutat h2 { background-color:#8798B5  ; padding:6px; margin:0; font-size:110%; color:#FFFFFF  }

table { border-collapse:collapse;}


#design a { color:#000000; text-decoration:underline; }
#design a:hover { color:#000000; background-color:#B5D5DD; }

/* Layout -------------------- */
body {
	font-size: 70%; /* Resets 1em to 10px */
	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#C5C6A7 url("http://img.csae.cz/bg.jpg") repeat-x; margin-bottom:20px;
	}

div#header h1 {height:203px; margin:0; padding-left:10px;background: #EEE;color:#2C4C79; position:relative; overflow:hidden;}
div#header h1 span { display:block; position:absolute; left:0; top:0; z-index:5; height:203px; width:960px; background:url("http://img.csae.cz/bg-logo.jpg") top left no-repeat; }
div#rok { display:block; position:absolute; left:50%; margin-left: -506px; top:0; z-index:10; height:55px; border:0; width:25px; background:url(http://img.csae.cz/rok-2007.jpg) top left no-repeat; }

/* BOX -------------------- */
div#container { background-color:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000;position:relative }
div#wrapper {  }
div#content { background-color:#FFFFFF; }
div#content p {line-height:1.4; }
div#navigace1 { line-height:40px; background:#6C6E70 url(http://img.csae.cz/bg-navigace1.jpg) repeat-x; border-bottom:1px solid #000000; }
div#extra { background:#FFFFFF url("http://img.csae.cz/bg-sipka.jpg") no-repeat 10px 0; border-top:1px solid #000000;    }
div#footer { background-color:#AEAF85; border-top:2px solid #00235B; border-bottom:2px solid #9B9C69; text-align:right; }
div#footer p { margin:0; padding:4px; line-height:1.5em; font-size:90%; }

div#container {width:960px; margin:0 auto; }
div#wrapper {}
div#content {}
div#navigace1 {float:left; width:100%; height:40px; }
div#navigace2 { display:none;   }
div#extra { clear:both; width:100%; }
div#footer {clear:both; width:100%;  }

/* navigation -------------------- */
#navigace1 ul { padding:0; margin:0; list-style-type:none; }
#navigace1 ul li { float:left; list-style-type:none; margin:0px; }
#navigace1 ul li a { color:#FFFFFF; padding:0px 8px; margin:0; text-decoration:none; border-right:1px solid #000000; display: block; }
#navigace1 ul li a:hover, #navigace1 ul li.menu-on a { color:#000000; background-color:#808080; }
#navigace1 ul li.menu-on div { visibility: visible; }
#navigace1 ul li.menu-off div { visibility: hidden; }
#navigace1 ul li div { border-top:5px solid #000000; border-bottom:3px solid #808080; width:150px; background:#808080; margin:0; display:block; position:absolute; visibility:hidden; }
#navigace1 ul li ul { padding:0; margin:0; line-height:20px; }

#navigace1 ul li ul li { padding:0;	border-top:0; font-size:10px; float:none; }
#navigace1 ul li.menu-on ul li a, #navigace1 ul li ul li a { padding:3px 4px; width:100%; color:#333333; background-color:#FFFFFF; border:0; }
#navigace1 ul li ul li a:hover { background:#CD5A58; color:#FFFFFF; }

#navigace1 ul li ul li span { margin:0 0 0 10px; }

#content #paty {position:absolute;top:0px;left:965px;}
/* navigation --------------------
OK menu4.php
div#navigace1 {float: left;  }
div#navigace1 ul {margin: 0; padding: 0; background: white;  border: 1px solid #CCC; border-width: 0 1px;}
div#navigace1 li {position: relative; list-style: none; margin: 0;  float: left; width: 7em;}
div#navigace1 li:hover {background: #EBB;}
div#navigace1 li.submenu {background: url(../dropmenu.gif) 95% 50% no-repeat;}
div#navigace1 li.submenu:hover {background-color: #EDD;}
div#navigace1 li a {display: block; padding: 0.25em 0.2em 0.25em 0;  text-decoration: none; width: 7.5em; color:#FFFFFF;}
div#navigace1>ul a {width: auto;}
div#navigace1 ul ul {position: absolute; width: 10em;  display: none;}
div#navigace1 ul ul li {border-bottom: 1px solid #CCC; text-align: left;}
div#navigace1 li.submenu li.submenu {background: url(../submenu-rt.gif) 5% 50% no-repeat;}
div#navigace1 ul.level1 li.submenu:hover ul.level2, div#navigace1 ul.level2 li.submenu:hover ul.level3 {display:block;}
div#navigace1 ul.level2 {top: 3.3em; left: -1px; margin-top: 2px; background-color:#000000}
div#navigace1 ul.level3 {top: -1px; right: 7em;  border-top: 1px solid #CCC;}
*/

/* UVOD -------------------- */
#uvod-menu { height:150px; clear:both;   }
#uvod-partner-top {  clear:both; border-top:1px solid #000000; border-bottom:1px solid #000000; text-align:center; }
#uvod-partner-top img { margin:10px 10px;  }
#uvod-banner-top {  clear:both;  }

#uvod-box  { width:960px; float:left; background:url(http://img.csae.cz/bg-uvod-box.jpg) repeat-y; border-top:4px solid #4B4C50; border-bottom:4px solid #4B4C50; clear:both;   }
#uvod-stred-box  { width:960px; background:url(http://img.csae.cz/bg-home-stred.jpg) repeat-y; border-top:1px solid #000000; border-bottom:4px solid #000000; clear:both;  overflow:hidden}
#uvod-stred-box #prvni {float:left;width:200px;min-height:30px;overflow:hidden}
#uvod-stred-box #druhy {float:left;width:364px;min-height:30px;overflow:hidden}
#uvod-stred-box #treti {float:left;width:200px;min-height:30px;overflow:hidden}
#uvod-stred-box #ctvrty {float:left;width:196px;min-height:30px;overflow:hidden}

#in-stred-box  { width:960px; background:url(http://img.csae.cz/bg-in-stred.jpg) repeat-y; border-top:1px solid #000000; border-bottom:4px solid #000000; clear:both;  overflow:hidden }
#in-stred-box #prvni {float:left;width:200px;min-height:30px;overflow:hidden}
#in-stred-box #druhy {float:left;width:564px;min-height:30px;overflow:hidden}
#in-stred-box #treti {float:left;width:196px;min-height:30px;overflow:hidden}

.uvodnik {float:none;clear:both}
.clanek {float:none;clear:both}
.cesta {float:none;clear:both}
.navstevnost {float:none;clear:both;text-align:right}
#druhy .anketa {clear:left;float:left;width:220px;}
.anketa {clear:both;border:1px solid #ff0000;border-top:none;margin:5px;background:#ffffff}
.anketa h5 {margin:0px;margin-bottom:5px;padding:3px;background:#ff0000;color:#ffffff;font-size:11px;font-weight:bolder}
.anketa .bar {height:5px;background:#ff0000;display:block;margin:0px;margin-top:2px;margin-bottom:5px}
.anketa div {margin:5px;padding:0px}
.r {text-align:right}
.cl {float:none;clear:both}
#uvod-aktuality  { width:480px; background-color:#E1D9C8; float: left; height:100% }
#uvod-aktuality h2 { color:#FF0000; font-size:20px; margin-bottom:20px; font-weight:normal  }
#uvod-aktuality h3 { color: #FFFFFF; font-size:12px; padding:4px; background-color:#AAA69D; margin:0; border-right:2px solid #E1D9C8; }

#uvod-akce  {  width:480px;  background-color:#AAA69D; float:left;  }
#uvod-akce h2 { color: #000000; font-size:20px; margin-bottom:20px; font-weight:normal  }
#uvod-akce a { color:#FFFFFF;  }
#uvod-akce a:hover { color: #000000;  }
#uvod-akce table { border:0px solid #E3D2C4; width:450px; background-color:transparent;  }
#uvod-akce table td { background-color:#AAA69D; border:0; border-bottom:1px solid #E1D9C8; padding:10px 4px 4px 4px; vertical-align:middle }
#uvod-akce table td.datum { font-size:1.3em; width:5em; text-align:center; color:#666666  }
#uvod-akce table td.program { font-size:1.2em;   }

#uvod-banner {  clear:both; border-bottom:1px solid #000000  }

#sponzor-partner { margin:5px; border-top:1px solid #000000; text-align:center  } 
#sponzor-partner img { margin:5px  15px;  } 


/* KALENDARE */
table.kalendar-souteze { border:2px solid #E3D2C4; width:940px;  }
table.kalendar-souteze td {	border:1px solid #E3D2C4; padding:2px; background-color:#FFFFFF;}
table.kalendar-souteze th {	border:1px solid #E3D2C4; padding:5px; background-color:#F4EDE7; text-align:center; color:#000000;}

table.kalendar-souteze td.datum { font-weight:bold; color:#FF0000; width:50px; font-size:14px; text-align:center; }
table.kalendar-souteze td.info { text-align:center; width:25px; padding:0 2px; }
table.kalendar-souteze td.popis { font-size:12px;  }
table.kalendar-souteze td.misto { font-size:10px; width:300px; }

table.kalendar-souteze td.info a { text-align:center; display:block; border:1px solid #000000; padding:2px 4px; margin:10px 0; color:#FFFFFF; background:#C50A04; text-decoration:none; font-size:16px; font-weight:bold; }
table.kalendar-souteze td.info a:hover { color:#FFFFFF;	background:#000066; }
table.kalendar-souteze td.popis h2 { border:0; margin:0 0 2px 0; color:#9D894E; font-size:18px; padding:0 0 0 5px;   }


/* AKCE -------------------- */
.popisek-vzdelavani, .popisek-souteze { float:left; clear: both; width:100%; font-size:12px; background-color:#F4ECE9; margin:0 0 10px 0; padding:0; height:150px; border-bottom:1px solid #000000;   }
.popisek-vzdelavani h2, .popisek-souteze h2 { padding:0px; margin:10px; color:#9D894E; font-size:18px;  }
.popisek-vzdelavani h3, .popisek-souteze h3 { padding:0px; margin:10px; color:#9D894E;  }

/* REKLAMA u AKCE*/
#sponzor-partner { margin: 0 0 0 5px; border: 0; float: right; }

/* FOTO z AKCE -------------------- */
.foto-galerie { margin:.5em; text-align:center }
.foto-galerie img { margin:15px; border:1px solid #000000; }
.foto-galerie-cislo { font-size:14px; margin:.5em; }
.foto-galerie-fotka { text-align:center }

.kalendar-login {text-align:justify}
.kalendar-login table {margin:5px}
.kalendar-login input {width:200px;padding:1px}
.kalendar-login th {padding:5px;text-align:left;font-weight:bolder}
.kalendar-login td {padding:5px}
.kalendar-login button {}

.srameckem {border:1px solid #009900;margin:10px}
.kalendar {}
.kalendar .ajaxtip {position:absolute;left:345px;top:30px;border:1px solid #009900;background:#ffffff;width:200px;height:100px;overflow:auto;z-index:10}
.kalendar .ajaxtip a {display:block;cusor:pointer;cursor:hand;padding:2px;font-weight:bolder}
.kalendar table {margin:5px}
.kalendar input {width:200px;padding:1px}
.kalendar th {padding:5px;text-align:left;font-weight:normal}
.kalendar th span {position:relative;border:none;border-bottom:1px dashed #009900;cursor:help}
.kalendar td {padding:5px}
.kalendar button {}
.kalendar-horni-menu {float:right;padding:7px;text-align:right}
.reklamniBlok {text-align:center;font-size:12px;margin:5px;margin-top:10px;margin-bottom:10px}

.stredniinp {width:200px}
.vyhledavaciBox {border:none;border-top:1px solid #000000;border-bottom:1px solid #000000;margin:5px;margin-top:10px;margin-bottom:10px;padding:0px;padding-top:5px;padding-bottom:15px}
.vyhledavaciBox h5 {color:#000000;font-size:13px;font-weight:bolder;margin:10px;margin-left:5px}
.vyhledavaciBox input {padding:1px;font-family:verdana,sans-serif;font-size:12px;width:110px}
.vyhledavaciBox button {font-weight:bolder;font-family:verdana,sans-serif;font-size:12px;width:65px}
.padder {padding:10px}
.brule {margin:10px;height:1px;background:#000000;overflow:hidden}
.grule {margin:10px;height:1px;background:#999999;overflow:hidden}
.fotogalerie-box {text-align:center}
.fotogalerie-box img {margin:3px;border:1px solid #000000}
.diskusni-forum {float:none;clear:both}
.diskusni-forum textarea {width:450px}

.diskusni-forum div {margin:0px;}
.diskusni-forum div div {margin:0px;margin-left:10px}
.diskusni-forum h5 {margin:10px;margin-bottom:2px;font-weight:normal;font-size:10px}
.diskusni-forum h5 strong {font-size:12px}
.diskusni-forum p {margin:10px;margin-top:0px;margin-bottom:0px}
.diskusni-forum h5 img {position:relative;bottom:-3px;cursor:pointer;cursor:hand}
.clanek-odkazy {margin:10px}
.clanek-odkazy h4 {margin-left:0px;margin-right:0px}
.kalendarsprava tr:hover {background:#dddd00}
.kalendarsprava .zahlavi:hover {background:#ffffff}



/* PRVNI -------------------- */
#uvod-stred-box #prvni h2 { color:#000000; font-size:1.1em; border-top:1px solid #000000; margin-top:10px; padding-top:4px  }
#uvod-stred-box #prvni h3 { color: #990000; font-size:1.2em;  }

#uvod-stred-box #druhy div.uvodnik { border-bottom:1px solid #000000; margin:6px 0; padding:2px 0  }
#uvod-stred-box #druhy div.uvodnik h2 { color:#000000; font-size:1.1em;  }

#uvod-stred-box #ctvrty h2 { color:#000000; font-size:1.1em; border-top:1px solid #000000; margin-top:10px; padding-top:4px  }
#uvod-stred-box #ctvrty h3 { color: #990000; font-size:1.2em;  }

/* DRUHY -------------------- */
#in-stred-box #prvni h2 { color:#000000; font-size:1.1em; border-top:1px solid #000000; margin-top:10px; padding-top:4px  }
#in-stred-box #prvni h3 { color: #990000; font-size:1.2em;  }

#in-stred-box #treti h2 { color:#000000; font-size:1.1em; border-top:1px solid #000000; margin-top:10px; padding-top:4px  }
#in-stred-box #treti h3 { color: #990000; font-size:1.2em;  }