/*  
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; }

.border { border:1px solid #000000 }

.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, ul  { margin-bottom:2em; margin-left:1em; margin-right:1em; }

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

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

.no { padding:0; margin:0 }

h1 { font-size:18px; color:#FFFFFF; }
h2 { font-size:140%; margin-left:.6em }
h3 { font-size:125%; color:#B15E01; margin-left:.8em }
h4 { font-size:120%; color:#4A9488; }

h2.nadpis { color:#AFAFB1; font-weight:normal; font-size:180%; padding:10px 0 30px 50px; margin-bottom:40px; background:url(../images/global/h2-nadpis.gif) no-repeat bottom }

em { color:#194267; font-style:italic; font-weight:bold; }

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

table { border-collapse:collapse;  margin:5px 10px 10px; }
table td { font-size:100%;  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;  vertical-align:middle; }
table th strong { color:#FFFFFF; }





#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;
	margin:10px 0 10px 0
	}
	
div#header h1 {  height:210px; margin:0; background:#EEE; color:#2C4C79; position:relative; overflow:hidden; line-height:210px; text-align:center;  }
div#header h1 span { display:block; position:absolute; left:0; top:0; z-index:15; height:210px; width:900px; cursor:pointer; }

/* BOX -------------------- */
div#banner{ text-align:center}
div#container { background-color:#FFFFFF; text-align:left; border:1px solid #000000; }
div#wrapper {   }
div#content { background-color:#FFFFFF; }
div#content p {line-height:1.5; }
div#navigace1 { line-height:30px;  border-bottom:1px solid #000000; margin-bottom:10px  }
div#navigace2 {  }
div#extra { text-align:center; margin-top:20px  }
div#footer { background-color:#FFFFFF; text-align:right; }
div#footer p { margin:0; padding:4px; line-height:1.5em; font-size:90%; }

div#banner{clear:both;width:100%; height:140px; margin-top:10px}
div#container{width:900px;margin:0 auto}
div#content{float:right;width:500px}
div#navigace1{float:left;width:900px}
div#navigace2 {float:left;  width:400px; text-align:justify }
div#extra{float:left;clear:left;width:400px}
div#footer{clear:both;width:100%}

div#reklama { margin:10px; text-align:center; }
div#reklama p {  }
div#reklama a { color:#000000  }
div#reklama a:hover { color: #FFFFFF }


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


#reklama #navigation_bottom ul, #reklama li  { margin:0; padding:4px; text-align:center;   }
#reklama #navigation_bottom li { float:left; list-style-type:none;  white-space:nowrap; text-align:center;   }
#reklamali #navigation_bottom a, #reklama #navigation_bottom li a:hover, #reklama #navigation_bottom li span  { display:block; padding:2px; font-size:1em; }
#reklama #navigation_bottom li a { color:#FFFFFF;  }
#reklama #navigation_bottom li a:hover { color:#000000 }
#reklama #navigation_bottom li span{ color:#000000 }
* html #navigation_bottom #reklama a {width:1%;} 

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




/* STR: nabidka  -------------------- */
#nabidka { text-align:center; margin:0 auto; width:650px; }

div.karta { float:left; width:200px; position:relative; height:250px; background-color: #FFFFFF; margin:5px; padding:0; text-align:center; font-size:100%; border:1px solid #FFFFFF }
div.karta .jmeno {	margin:0 auto; padding:0; border:none;	}
div.karta .fce { margin:0 auto; padding:0; border:none;	}
div.karta .foto {	margin:0 auto; padding:0; border:none;	}
div.karta .mail { margin:0; padding:4px; font-size:10px; color:#FFFFFF; font-weight:bold;}
div.karta .mail a { font-size:10px; color:#FF0000; font-weight:normal}

div.karta h2 { font-size:1.4em  }


/* STR: uvod  -------------------- */
#global-uvod h3 { font-size:1em; padding-left:30px; line-height:23px; margin-bottom:0px; padding-bottom:0px}
.upoutat-uvodni { background-color:#CCCCCC; font-size:1.2em; text-align:justify; padding:6px 6px 0px 6px; float:left; width:485px; }
.upoutat-uvodni p { margin:.8em }

#box-uvod-banner { float:left; width:484px; margin-left:5px  }
#box-uvod-banner-1 { float:left; width:230px;  }
#box-uvod-banner-2 { float:right; width:230px;   }

#MagicImage {  height:200px }

/* STR: Poradna -------------------- */
#global-poradna form { margin:0; padding:0;}
#global-poradna fieldset {   }
#global-poradna legend { margin:1em 0; padding:.5em; background:transparent; font-size:1.2em; font-weight:bold;}
#global-poradna label {	float:left;	width:100px; padding:0 1em;	text-align: right;}
#global-poradna fieldset div {	margin-bottom:.5em; padding:0; display:block;}
#global-poradna fieldset div input, #global-poradna fieldset div textarea { width:180px; border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:1px; color:#333;}
#global-poradna fieldset div textarea { width:300px; }

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

/* STR: Anketa -------------------- */

#anketa div.fm_jmeno label  { float:left;	width:80px; padding:0;	text-align: right; }
#anketa div.fm_prijmeni label   {  float:left;	width:80px; padding:0;	text-align: right;   }
#anketa div.fm_email label   {  float:left;	width:80px; padding:0;	text-align: right;   }
#anketa div.fm_dotaz label   {  float:left;	width:80px; padding:0;	text-align: right;   }
#anketa fieldset div textarea { width:180px; border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:1px; color:#333;}
#anketa .fm_adresa textarea { width:300px; }

#anketa fieldset   {  padding:10px 6px; margin:4px; width:450px; float:left; }
#anketa fieldset legend {padding:10px; color:#009055; font-weight:bold;}
#anketa fieldset label { margin:2px 10px }
#anketa fieldset select { margin:2px 10px 20px 10px; background-color:#FFE2C4 }

/* STR: pochutnejte si  -------------------- */

#box-recepty  { float:left;	width:500px; }
#box-recepty-left  { float:left; width:250px; }
#box-recepty-right { float:left; width:250px; }
#box-recepty-left  li { margin-bottom:6px }
#box-recepty-left  li a { color: #FF0000; font-size:1.1em }
#box-recepty-left  li a:hover { color:#990000 }

/* archiv  -------------------- */
.archiv-pdf  { float:left; border:1px #999999 solid; margin:2px  }
.archiv-pdf p { text-align:center; margin:.6em  }
.archiv-pdf p.nadpis { color:#000000; font-size:1.2em  }




/* CARA  -------------------- */
.cara  { border:1px solid #CCCCCC }


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

.predplatne form { margin:0; padding:0; }
.predplatne form * { vertical-align: middle; } 
.predplatne fieldset {	margin-bottom:.5em; padding:0 0 10px 0;  display:block; border:0px solid #88CF05; width:90%}
.predplatne legend {  margin:1em 0; padding:.5em; background:transparent; font-size:1.2em; font-weight:bold; color:#E22F32; }
.predplatne label {	float:left; clear:both; width:80px  }
.predplatne input { float:left; text-align:left; width:200px; }
.predplatne input.submit1 { margin:5px; padding:10px; font-size:1.4em; width:120px; text-align:center  }

.predplatne input.submit1 { margin:5px; padding:10px; font-size:1.4em; width:240px	   }
.predplatne input.submit2 { margin:5px; padding:6px; font-size:1.1em; text-align:center   }

.predplatne .check input { width:20px; float:none }
.predplatne .check input br { display:block}
.predplatne .check label { width:200px; float:none}