/*  
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, address { margin:.5em ; }
li, dd { margin-left:5%; }


.border { border:1px solid #000000 }
.noborder { border:0 }

.tl { text-align:left}
.tr { text-align:right}
.tc { text-align:center}
.fl { float:left; margin-right:5px; margin-bottom:5px; }
.fr { float:right; margin-left:5px; margin-bottom:5px;}

.hidde, hr { display:none; }
.clr { clear:both; padding:0; margin:0; height:0; visibility:hidden; font-size:0; }

p, fieldset  { margin-bottom:2em; margin-left:1em; margin-right:1em; }

a { color:#FF0000; border:none; }
a:hover { color:#00CC00; border:none; }

a img { border:none; background:transparent; }

ul { margin-bottom:2em; }
li { list-style-type: square; color:#00CC00  }

.no { padding:0; margin:0 }



dl.dlfr { border:0px solid #FFFFFF; margin:4px; padding:0 4px; float:right; }
dl.dlfr dt { padding:0; border:0; color:#000000; padding-bottom:0px; background-color:transparent; padding:4px 4px 2px 4px   }
dl.dlfr dt img { border:0px solid #FFFFFF;}
dl.dlfr dd { padding:0; margin:0; color: #333333; border:0; background-color:transparent; padding-left:6px; padding-bottom:2px; font-size:10px; text-align:center; }


h1 { font-size:18px; color:#FFFFFF; }
h2 { font-size:130%; color:#88CF05; margin-left:.6em }
h3 { font-size:115%; color:#486F02; margin-left:.8em }
h4 { font-size:120%; color:#4A9488; }

h2.nadpis { color:#88CF05; font-weight:normal; font-size:170%; padding:33px 0 15px 10px; margin:0px 0 10px 0; background:url(../images/global/h2-nadpis.gif) no-repeat bottom }

#global-uvod { padding-top:24px }

em { color:#006600; background-color:#FFFFFF; font-style:italic; font-weight:bold; }

.upoutat { margin-left:1em; margin-right:1em;  font-size:100%; padding:0px; color:#000000; background-color:#FFFFFF; text-align:justify; }
.upoutat p { padding:4px }

table { border-collapse:collapse; border:1px solid #88CF05; margin:5px 1em 10px; }
table td { font-size:100%; border:1px solid #88CF05; text-align:center; padding:4px; vertical-align:top;  background-color:#FFFFFF; }
table th { font-size:110%; text-align:center; color:#FFFFFF; font-weight:normal; border:1px solid #FFFFFF; padding:4px; background-color:#88CF05; vertical-align:middle; }
table th strong { color:#FFFFFF; }





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

.cara { border:1px dashed #88CF05; clear:both   }


/*
html 125% 
body 50% 
1 em = 10 bodù 
0.9 = 9 bodù 

html { font-size: 125%  }
body { font-size: 50% }
div#container { font-size:1.2em  }


*/
/* Layout -------------------- */


body {
	font-size: 70%; /* Resets 1em to 10px */
	
	 /*{font-size : 62.5%;}  Resets 1em=10px: */

	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#E0F3C2 url("../images/global/bg.jpg") repeat-x; color:#000000;
	margin:0 0 20px 0;
	}
	
div#header h1 {  height:95px; margin:0; background:#EEE; color:#2C4C79; position:relative; overflow:hidden; line-height:95px; text-align:center; background:url("../images/global/bg-logo.jpg") top left no-repeat; }
div#header h1 span { display:block; position:absolute; left:0; top:0; z-index:15; height:95px; width:950px; background:url("../images/global/bg-logo.jpg") top left no-repeat; cursor:pointer; }

/* BOX -------------------- */
div#container { background:#E0F3C2 url(../images/global/bg-container.jpg) repeat-y; text-align:left;  }
div#wrapper {   }
div#content { background:transparent url(../images/global/bg-content.jpg) no-repeat; }
div#content p {line-height:1.5; }
div#navigace1 { line-height:25px; background:#CCCCCC url(../images/global/bg-nav1.jpg) repeat-x;  }
div#navigace2 { background: #FFFFFF url(../images/global/bg-container.jpg) repeat-y; text-align:center; border-left:0px solid #88CF05; border-right:0px solid #88CF05  }
div#extra { text-align:left; background:#E0F3C2 url(../images/global/bg-extra.jpg) no-repeat; padding-top:160px   }
div#footer { background-color:#E0F3C2; text-align:center; border-top:1px solid #88CF05;  }
div#footer p { margin:0; padding:4px; line-height:1.5em; font-size:90%; margin-top:10px }
div#reklama p {  }
div#reklama a { color:#000000  }
div#reklama a:hover { color: #006600 }


div#container{width:950px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 210px 0 200px}
div#navigace1{float:left;width:950px;}
div#navigace2{float:left;width:200px;margin-left:-950px}
div#extra{float:left;width:210px;margin-left:-210px}
div#footer{clear:left;width:100%}
div#reklama { margin:10px; text-align:center; }




/* navigation -------------------- */
#menu { padding:0; margin:0 0px  0px 250px;  }
#navigace1 ul { padding:0; margin:0 0px  0px 0px; float:left;   }
#navigace1 li { float:left; list-style-type:none; white-space:nowrap; text-align:center; margin:0; padding:0;  }
#navigace1 li a, #navigace1 li a:hover, #navigace1 li span  { display:block; padding:0 12px; font-size:1em; font-weight:bold; text-decoration:none; letter-spacing:0px; }
#navigace1 li a { color:#000000;  }
#navigace1 li a:hover { background-color:transparent; color:#000000 }
#navigace1 li span{ background-color:#FFFFFF; color:#000000 }
* html #navigace1 a {width:1%;} 



/* STR -------------------- */

/* NAVIGACE 2-------------------- */
div#navigace2 h2 { color:#88CF05; margin:0 0 20px 0; padding:0; text-align:center; font-size:14px;}
div#navigace2 img { border:1px solid #000000}
div#navigace2 table { width:170px; text-align:center; margin-left:auto; margin-right:auto;}

/* NAVIGACE TOP NAV -------------------- */
div#top-nav { float:left;width:950px; height:183px; background:#FFFFFF url("../images/global/bg-navigace-top.jpg") no-repeat; }

div#top-nav-1 { float:left; width:200px; }
div#top-nav-2 { float:left; width:190px; }
div#top-nav-3 { float:left; width:225px; }
div#top-nav-4 { float:left; width:220px; }

div#top-nav-1 { padding-top:140px; text-align:center; font-size:14px; font-weight:bold }
div#top-nav-1 p { margin:0; padding:0 }

div#top-nav-2 h2, div#top-nav-3 h2, div#top-nav-4 h2 { color:#88CF05; margin:35px 0 20px 15px; padding:0; text-align:left; font-size:19px; font-weight:normal; }

div#top-nav ul { margin-left:35px}
div#top-nav ul li { margin-bottom:4px; list-style-image:url(../images/global/navigace-top-li.gif); }
div#top-nav ul li a { font-size:105%; text-decoration:none; color:#333333}
div#top-nav ul li a:hover { font-size:105%; text-decoration:none; color:#88CF05}



/* STR -------------------- */
/* ********* STR: kurzy:  ********** */
.kurzy-banner { background:url(../images/kurzy/banner.jpg) no-repeat; height:200px; margin-left:1em; margin-right:1em;}

/* ********* STR: CLANKY  ********** */
#clanek h3 { color:#4A9488; margin:5px 1em 0px 0px; font-size:105%; background-color:#EEF9DD; padding: 5px 15px; }
#clanek p { background:url(../images/global/h3-clanek.gif) repeat-y; margin:5px 10px 10px; font-size:100%; padding-left:20px; border-left:5px solid #88CF05}

/* ********* STR: UVOD novinky  ********** */
.novinky { margin:0 0 20px 0; padding:0; position:relative; width:190px; height:40px; overflow:hidden; float:left;  }
.novinky span { display:block; position:absolute; left:0; top:0; z-index:1; width:190px; height:40px; margin:0; padding:0; background:url("../images/global/novinky.jpg") top left no-repeat; }

.iko-kurzy { margin:0 0 20px 0; padding:0; position:relative; width:190px; height:40px; overflow:hidden; float:left;  }
.iko-kurzy span { display:block; position:absolute; left:0; top:0; z-index:1; width:190px; height:40px; margin:0; padding:0; background:url("../images/global/kurzy.jpg") top left no-repeat; }

.iko-akce { margin:0 0 20px 0; padding:0; position:relative; width:190px; height:40px; overflow:hidden; float:left;  }
.iko-akce span { display:block; position:absolute; left:0; top:0; z-index:1; width:190px; height:40px; margin:0; padding:0; background:url("../images/global/akce.jpg") top left no-repeat; }

.recepty { margin:0 0 20px 0; padding:0; position:relative; width:190px; height:40px; overflow:hidden; float:left;  }
.recepty span { display:block; position:absolute; left:0; top:0; z-index:1; width:190px; height:40px; margin:0; padding:0; background:url("../images/global/recepty.jpg") top left no-repeat; }


/* ********* STR: UVOD clanky  ********** */
.uvod-clanek { width:167px; height:60px; float:left; border:1px solid #5BAA1C; margin:.4em; background:#73D623 url(../images/uvod/bg-clanek.jpg) repeat-x; }
.uvod-clanek h3 { font-size:1.2em; text-align:left; height:50px; color:#284401;  text-align:center;}
.uvod-clanek p { font-size:.9em; }

p.c1 { background:url(../images/uvod/c1.gif) no-repeat 96% 0%; }
p.c2 { background:url(../images/uvod/c2.gif) no-repeat 96% 0%; }
p.c3 { background:url(../images/uvod/c3.gif) no-repeat 96% 0%; }
p.c4 { background:url(../images/uvod/c4.gif) no-repeat 96% 0%; }

/* ********* STR: UVOD uvodnik  ********** */
.uvod-uvodnik { border:0px solid #346110; position:relative; overflow:hidden; margin:.4em auto 0em auto; width:520px; background:#3CA200 url(../images/uvod/bg-uvodnik.jpg) no-repeat 100% 100%}
.uvod-uvodnik p { font-size:1.3em; color:#FFFFFF; padding:6px; text-align:justify   }
.uvod-uvodnik a { font-size:5em; color:#FFFFFF; margin:0; padding:0; text-decoration:none;  }
.uvod-uvodnik a:hover { color:#006600 }
.uvod-uvodnik .link { text-align:right; padding:0; margin:0; position:absolute; bottom:-20px; right:10px }
.uvod-uvodnik h2 { text-align:center; font-size:1.6em; color:#FFFFFF}

/* ********* STR: UVOD mesic  ********** */
.uvod-mesic { border:0px solid #3CA200; position:relative; overflow:hidden; margin:.0em auto 0em auto; padding-top:12px; width:520px; background:#E0F3C2 url(../images/uvod/bg-mesic-2010-09.jpg) no-repeat 100% 0%}
.uvod-mesic p { font-size:1.2em; color:#000000; padding:2px 175px 0px 0px; text-align:left   }



/* ********* STR: FOOTER  ********** */
div#footer img  { border:1px solid #000000; margin:2px; }


/* ********* vikend **********   */ 
.vikend  {width:94%; margin:10px; border-bottom:1px solid #00FF00; float:left}
.vikend .submit  { padding:6px; margin:0 6px 10px 6px; }

/* ********* kurzy **********   */ 
table tr.kurz-p1 td { background-color:#C9FC69}



/* ********* FORM  **********   */ 

form { margin:0; padding:0; }
form * { vertical-align: middle; } 

fieldset {	margin-bottom:.5em; padding:0 0 10px 0;  display:block; border:1px solid #88CF05; width:90%}

legend {  margin:1em 0; padding:.5em; background:transparent; font-size:1.2em; font-weight:bold; color:#E22F32; }

label {	float:left; clear:both; width:80px  }
input { float:left; text-align:left; }




input, label {  }


input.submit { margin:5px; padding:10px; font-size:1.4em  }
input.submit1 { margin:5px; padding:10px; font-size:1.4em  }
input.submit2 { margin:5px; padding:6px; font-size:.9em   }


.fm_platba label {width:60px }
.fm_platba input {width:30px; }
  
.fm_anketa label {width:130px}
.fm_anketa input {width:30px; }
  
  
  
  
  
  
 /* ---------- KURZY ---------- */
#kurzy table { border-collapse:collapse; border:2px solid #94BE39; margin:5px 10px 10px; width:100%x; }
#kurzy table td { font-size:100%;  border:1px solid #81A20F; text-align:left; padding:2px; vertical-align:top;  background-color:#F9FCBE; }
#kurzy table th { font-size:1.5em; text-align:center; color:#FFFFFF; border:1px solid #8ACF81; padding:5px;  vertical-align:middle; }
#kurzy table th strong { color:#FFFFFF; }

#kurzy h2 { font-size:1.3em; margin:0; padding:10px 10px; color:#17B117 }

#kurzy table td form input.submit { padding:10px; margin:4px 8px} 

#kurzy table td.den { width:70px; text-align:center; vertical-align: top; }
#kurzy table td.den p strong { font-size:1.3em; color: #FF0000 }
#kurzy table td.den form input.submit { padding:8px 20px; margin:4px 4px} 
#kurzy table td.den p em { font-size:1.3em; color: #009900; font-style:normal; background-color:transparent }
#kurzy table td.studio { background-color:#F7FB9F; font-size:1.2em; font-weight:bold; vertical-align:middle; text-align:center; width:60px; }
#kurzy table td.kurz {  }
#kurzy table td.cena { width:60px; vertical-align:middle; text-align:center; } 


 /* ---------- LEKTORI---------- */
#lektori table { border-collapse:collapse; border:2px solid #94BE39; margin:5px 10px 10px; width:100%x; }
#lektori table td { font-size:100%;  border:0; border-bottom:0px solid #81A20F; text-align:left; padding:2px; vertical-align:top;  background-color: #FFFFFF; }
#lektori table th { font-size:1.5em; text-align:center; color:#FFFFFF; border:0px solid #8ACF81; padding:5px;  vertical-align:middle; }
#lektori table th strong { color:#FFFFFF; }

#lektori h2 { font-size:1.5em; margin:0; padding:10px 10px; color:#17B117 }

#lektori img { margin:0; padding:2px; border:1px solid #000000}

#kurzy table td.foto {  margin:0; padding:0  }