/*  
Version: 2.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; }

.tl { text-align:left}
.tr { text-align:right}
.tc { text-align:center}
.fl, .img-left { float:left; margin-right:5px; margin-bottom:5px; }
.fr, .img-right { 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; }
.border { border:1px solid #000000 }

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

a { color:#FE0000 ; border:none; }
a:hover { color: #FFFF00; border:none; }

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

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

.no { padding:0; margin:0 }

h1 { font-size:18px; color:#FFFFFF; }
h2 { font-size:1.6em; color:#294908; font-weight:normal; }
h3 { font-size:1.4em; color:#DF2200; font-weight:normal;  }
h4 { font-size:120%; color:#4A9488; }

h2.nadpis { color:#294908; font-weight:bold; text-align:center; font-size:1.6em; padding:0; margin:.1em 0 1em .5em; }

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:left; padding:4px; vertical-align:top;  background-color:#FFFFFF; }
table th { font-size:110%; text-align:center; color: #006600; font-weight:normal; border:1px solid #FFFFFF; padding:4px; background-color:#E0F9C8; vertical-align:middle; }


/*
form { margin:0; padding:0;}
fieldset {    }
legend { margin:1em 0; padding:.5em; color:#01A7E3;	background:transparent; font-size:1.2em; font-weight:bold; color:#E22F32; }
label {	float:left;	width:70px; padding:0 .4em;	text-align:left; clear:both}
fieldset {	margin-bottom:.1em; padding:0 0 10px 0; display:block;}
fieldset input, fieldset   textarea { width:140px; padding:1px; color:#333;}
fieldset  textarea { width:300px; }

input, label {  vertical-align: middle;}
form * { vertical-align: middle; } 

.hvezda { color:#FF0000; }
.red { color:#FF0000; }
*/
#design a { color:#000000; text-decoration:underline; }
#design a:hover { color:#000000; background-color:#B5D5DD; }


/*
html 125% 
body 50% 
1 em = 10 bodù 
0.9 = 9 bodù 
*/
/* Layout -------------------- */
html { font-size: 125%  }
body { font-size: 50% }
div#container { font-size:1.2em  }

body {
	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#FFFFFF url("../images/global/bg.jpg") repeat-x; color:#000000; text-align: center;
	margin:0 0 20px 0;
	}
	
div#header h1 {  height:100px; margin:0; background:#EEE; color:#2C4C79; position:relative; overflow:hidden; line-height:100px; 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:100px; width:950px; background:url("../images/global/bg-logo.jpg") top left no-repeat; cursor:pointer; }

/* BOX -------------------- */
div#navigace-top { background:#FFFFFF; padding:10px 0; margin:0 0 10px 0; height:190px; border-top:1px solid #000000; border-bottom:10px solid #294908;}
div#banner { text-align:center; margin:0px 0 30px  0 ; padding:0px 0 0 0px; background-color: #FFFFFF; }
div#container { text-align:left;  }
div#wrapper {   }
div#content { }
div#navigace1 { line-height:25px; background:url(../images/global/bg-nav1.jpg) repeat-y; z-index:1;    }
div#navigace2 { text-align:center;  }
div#extra { text-align:center; }
div#footer {  text-align:center; border-top:2px solid #294908;  }
div#reklama { }

div#banner p { margin:0;  }
div#banner img  { border:1px solid #000000; margin:1px;  }
div#content p {line-height:1.5; }
div#extra h3 { color:#FFFFFF; font-size:1.1em; text-align:center   }
div#footer p { margin:0; padding:4px; line-height:1.5em; font-size:90%; margin-top:2px }
div#footer img  { border:1px solid #000000; margin:2px; }
div#reklama a { color:#000000  }
div#reklama a:hover { color: #FF0000 }



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

/*

div#navigace-top { float:left; width:950px; }
div#banner { float:left; width:950px;  }
div#container{width:950px;margin:0 auto}
div#wrapper{}
div#content{float:right;width:750px}
div#navigace1{float:left;width:950px;}
div#navigace2{float:left;width:200px}
div#extra{clear:both;width:100%}
div#footer{clear:left;width:100%}
div#reklama { margin:10px; text-align:center; }
*/
/* NAV1-------------------- */

#navigace1 ul {   text-align:center; margin:0;  }
#navigace1 li { display:inline; list-style-type:none; margin:0; padding:0;  }
#navigace1 li a, #navigace1 li a:hover, #navigace1 li span  {  padding:0 10px; font-size:1em; font-weight:normal; text-decoration:none; letter-spacing:0px; }
#navigace1 li a { color:#000000;  }
#navigace1 li a:hover { background-color:transparent; color:#FF0000 }
#navigace1 li span{ background-color:transparent; color:#FF0000 }
* html #navigace1 a {width:1%;} 

/* NAV2-------------------- */

div#navigace2 img { /* border:1px solid #000000 */}
div#navigace2 table { width:170px; text-align:center; margin-left:auto; margin-right:auto;}

/* NAV TOP  -------------------- */
div#navigace-top { float:left; width:950px; background:#FFFFFF url(../images/global/bg-navigace-top.jpg) no-repeat; padding:4px 0; margin:0;  border:0;  clear:left; }

/*
#navigace-top .karta-logo { float:left; width:146px; margin:4px 5px; padding:0px; text-align:center;  }
#navigace-top .karta-logo .logo {	margin:0 auto; padding:0; border:none;}
#navigace-top .karta-logo .logo img  { border:0px solid #000000; }
#navigace-top .karta-logo .nadpis { margin:2px 0 0px 0; padding:0px; font-size:1.2em; color:#000000; font-weight: normal; height:40px  }
#navigace-top .karta-logo .popis { margin:4px 0 0px 0; padding:0px; font-size:.8em; color:#000000; font-weight: normal;  }
*/

#navigace-top .karta-logo { float:left; width:125px; margin:4px 5px; padding:0px; text-align:center;  }
#navigace-top .karta-logo .logo {	margin:0 auto; padding:0; border:none;}
#navigace-top .karta-logo .logo img  { border:0px solid #000000; }
#navigace-top .karta-logo .nadpis { margin:2px 0 0px 0; padding:0px; font-size:1.2em; color:#000000; font-weight: normal; height:40px  }
#navigace-top .karta-logo .popis { margin:4px 0 0px 0; padding:0px; font-size:.8em; color:#000000; font-weight: normal;  }



/* BOX :: BANNER -------------------- */
#banner-banner { padding:0; margin:15px 0 ; float:left; width:950px; clear:left; height:120px; }
#banner-banner1 { padding:0; margin:0; float:left; width:745px;    }
#banner-banner1 img { border:1px solid #000000 }
#banner-banner1 iframe{ border:1px solid #000000 }

#banner-banner2 { padding:0; margin:0 0 0 10px; float:left; width:190px; text-align:center;   }

#MagicImage {  width:745px; height:100px }

#banner-text { float:left; width:950px; background:#E0F9C8 url(../images/global/bg-banner-text.gif) no-repeat; margin:10px 0 0 0; line-height:40px; font-size:1.6em; height:40px;   }
#banner-text a { color:#294908   }
#banner-text a:hover { color:#FF0000  }

/* STR :: uvod -------------------- */
#uvod-box { float:left; width:750px;   }
#uvod-right{ float:left; width:200px; text-align:center;  }
#clanek { float:left; width:550px;}

#clanek h3 { color:#294908; margin:0px 0px 0px 0px; font-size:1.2em; border-top:0px solid #294908; padding: 5px 12px; }
#clanek p {  margin:0px 10px 0px; font-size:100%; padding:0px 0px 20px 0px }
#clanek .left  { float:left; margin-right:5px;  }


div#upozorneni {  text-align:center; margin:10px auto; width:950px;     }
div#upozorneni div { text-align:justify;font-size:1em;width:96%; border:2px solid #294908; color:#294908; background-color:#E0F9C8  }

/* ***************** UVOD FLASH ************************ */
#box-flash { position:absolute; top:0px; left:0; width:100%; z-index:20 }
#flash { margin:0 auto; width:950px; }
#flash p { color:#FFFFFF }




/* ********* STR: kontakty ********** */
.strkontakty { float:left; width:550px  }
.strkontakty h2 { background-color:#4A9488; font-size:1em; color:#FFFFFF; margin:5px 10px; padding:4px; clear:right   }

/* ********* SKOLENI PRIHLASKA ********** */
#skoleni fieldset   { padding:10px; margin:10px  ; width:450px; }

#skoleni legend { padding:10px; font-size:110%;}
#form-button { margin:10px 0;}
.hvezda { color:#FF0000; }
.red { color:#FF0000; }

#skoleni table { border-collapse:collapse; border:0; margin:5px 10px 10px; }
#skoleni table td { font-size:100%;  border:0; text-align:left; padding:4px; vertical-align:top;  background-color:transparent; }
#skoleni table th { font-size:110%; text-align:center; color:#FFFFFF; border:0; padding:10px; background-color:transparent; vertical-align:middle; }
#skoleni table th strong { color:#FFFFFF; }


/* ********* AKCE PRIHLASKA ********** */

.prihlaska legend { margin:1em 0; padding:.5em; color:#01A7E3;	background:transparent; font-size:1.2em; font-weight:bold; color:#E22F32; }
.prihlaska label {	float:left;	width:70px; padding:0 .4em;	text-align:left; clear:both}
.prihlaska fieldset {	margin-bottom:.1em; padding:0 0 10px 0; display:block;}
.prihlaska fieldset input, .prihlaska fieldset   textarea { width:140px; padding:1px; color:#333;}
.prihlaska fieldset  textarea { width:300px; }

.prihlaska input, label {  vertical-align: middle;}
.prihlaska form * { vertical-align: middle; } 

.prihlaska .fm_anketa label { width:150px}
.prihlaska .fm_anketa input { width:20px}
.prihlaska .fm_platba input { width:20px}



/* STR :: PRIHLASKA AKCE -------------------- */
#prihlaska-akce form { margin:0; padding:0;}
#prihlaska-akce fieldset { }
#prihlaska-akce legend { margin:1em 0; padding:1em; color: #006600;	background:transparent; font-size:1.2em; font-weight:bold;}
#prihlaska-akce label { float:left; width:100px; padding:0 1em;	text-align:left; clear:both}
#prihlaska-akce fieldset {	margin-bottom:.5em; padding:0; display:block;}
#prihlaska-akce fieldset input { width:200px;  padding:1px; color:#333; margin-bottom:.5em}
#prihlaska-akce fieldset textarea { width:340px; padding:1px; color:#333; margin-bottom:.5em}

#prihlaska-akce #fm_submit input { margin: 20px 40px; }
#prihlaska-akce #fm_odeslat input { margin-left:.5em}



input, label {  vertical-align: middle;}
form * { vertical-align: middle; } 

input.submit { margin:5px; padding:10px }


/* STR :: AKCE TABULKA -------------------- */
#akce { margin:0; padding:0;}
#akce table { margin:0; padding:0; border-top:4px solid #000000; border-bottom:4px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000}
#akce table td { margin:0; padding:0; border-color: #333333}
#akce .datum { background-color:#C2D94B; vertical-align:middle; padding:.4em  }
#akce .popis { background-color:#B2D964;  }
#akce .popis h2 { font-size:1.4em; color:#FFFFFF; margin:.4em;  }
#akce .popis p { font-size:.9em; color:#3E3828; margin:.5em }
#akce .info { vertical-align:middle; text-align:center; }
#akce .logo { vertical-align:middle; text-align:center; margin:0; padding:0 }
#akce .mesto { background-color:#3E3828; vertical-align:middle; text-align:center; color:#FFFFFF }
#akce .mesto h2 { font-size:1.2em; color:#FFFFFF }
#akce .mesto p{ margin-bottom:.2em }
#akce .test{ background-color: #FFFFFF; padding:4px  }


#akce .upoutat { background-color:#399B06;  }

/* ********* DOPLNKY ********** */
.noborder { border:0 }

/* ********* PARTNERI ********** */
.partneri table { text-align:center; }
.partneri td { text-align:center; vertical-align:middle; }
.partneri th { text-align:center; vertical-align:middle; font-size:1.3em }

.x  { background:url(../images/x.gif) no-repeat 50% 50%}