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

p { margin: 0; } 
pre, p, blockquote { padding:.5em 1em }

.tl { text-align:left}
.tr { text-align:right}
.tj { text-align:justify}
.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; }
.border { border:1px solid #000000 }

a { color:#004879; border:none; }
a:hover { color: #0000FF; border:none; }
a img, a:hover img { border:none; background:transparent; }

#content p, #content ul, #content ol, #content table { padding:0em; margin:10px 20px 20px 30px; }

li{ margin-left:3em; padding:0 }
li li { margin:0em; padding:0	 }

.no { padding:0; margin:0 }

.red { color:#FF0000}
.white { color:#FFFFFF}
.white-bg { background-color:#FFFFFF}

a img { border:2px solid #3A5C99; padding:2px}
a:hover img { border:2px solid  #FF0000; padding:2px}

h2, h3, h4, h5, h6 { padding:4px; margin: 4px 20px 4px 26px;  }
h1 { font-size:1.2em; color:#000040; font-weight: bold; background:url(../images/global/h1.gif) no-repeat bottom left; padding:1.2em .5em .5em 14px; margin-left:20px; margin-bottom:20px }
h2 { font-size:1.4em; color:#011450; font-weight:normal; }
h3 { font-size:1.3em; color:#DF2200; font-weight:normal; font-weight:bold }
h4 { font-size:1.3em; color:#4A9488; }

em { color:#011450; 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:2px solid #3A5D99; margin:.5em 2.7em 1em 2.4em; }
table td { font-size:100%; border:1px solid #3A5D99; text-align:left; padding:6px; vertical-align:top;  background-color:#F0F3F9 ; color:#000000 }
table th { font-size:110%; text-align:left; color: #FFFFFF; font-weight: bold; border:1px solid #3A5D99; padding:6px; background-color:#819ACC; vertical-align:middle; }

#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.3em  }

body {
	font-family: Calibri, Tahoma, 'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#4E71B8 url("../images/global/bg.jpg") repeat-x; color:#000000;
	margin:4px 0 20px 0; padding:0;
	}

#header { background:#0F0F6F url('../images/global/bg-logo.jpg') no-repeat top left; margin:0; padding:0; height:180px;  width:964px;   }
#headerimg { margin:0; height:50px; width:320px; }

#h0 { font-size:1.6em; text-align:left; margin:0px; padding-top:58px;  padding-left:120px; font-weight: normal; }
#h0, #h0 a, #h0 a:hover, #h0 a:visited, #headerimg .description { text-decoration: none; color:#000066; }
#headerimg .description { font-size:1.1em; text-align:left; padding-left:120px; padding-top:14px; color:#000066; }

/* BOX -------------------- */
div#banner { background-color:#C6D1E8; border-top:0; border-bottom:1px solid #8099CC; border-left:1px solid #8099CC; border-right:1px solid #8099CC;  }
div#container { text-align:left; background: #FFFFFF  url(../images/global/bg-container.jpg) repeat-x;   }
div#wrapper {  }
div#content { background-color: transparent; padding-top:50px; text-align: justify}
div#navigace1 { line-height:30px; background-color:#FFFFFF; position:absolute; z-index:1;  }
div#navigace2 { text-align:left;  padding-top:120px;  }
div#extra { text-align:left;   }
div#footer {  padding:0; margin:0; border-top:1px solid #3A5C99; border-bottom:3px solid #3A5C99; background-color: #FFFFFF; font-size:90% }
div#reklama { text-align:right;  }

div#content p {line-height:1.5; }
div#reklama a { color: #000000  }
div#reklama a:hover { color: #000000 }

div#banner  { display:block; position:absolute; left:50%; margin-left:203px; top:165px; z-index:10; width:266px; }
div#container{width:964px;margin:0 auto}
div#wrapper{}
div#content{float:left;width:684px}
div#navigace1{float:left;width:964px;}
div#navigace2{float:right;width:280px}
div#extra{float:right;clear:right;width:280px}
div#footer{clear:both;width:100%}
div#reklama { margin:0 auto; width:964px; }


/* NAV1-------------------- */
#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:#0F0F6F; padding:2px 8px; margin:0; text-decoration:none; border-right:1px solid #000000; display: block; font-size:1.2em; font-weight:bold;}
#navigace1 ul li a:hover, #navigace1 ul li.menu-on a { color:#FFFFFF; background:#000040; }
#navigace1 ul li.menu-on div { visibility: visible; }
#navigace1 ul li.menu-off div { visibility: hidden; }
#navigace1 ul li div { border-top:8px solid #FFFFFF; border-bottom:3px solid #000040; width:160px;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:.9em; float:none; }
#navigace1 ul li.menu-on ul li a, #navigace1 ul li ul li a { padding:4px; width:152px; color:#333333; background-color:#FFFFFF; border:0; }
#navigace1 ul li ul li a:hover { background:#000040; color:#FFFFFF; }

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


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

/* STR : BANNER linky -------------------- */
div#banner p {padding:0 10px; margin:0; text-align: right }
div#banner ul {list-style-type: none; margin:.2em .5em 1em .5em; padding:0 }
div#banner li { float:left; line-height: 2em; text-decoration: none; text-align: center; padding:0; margin:0 }
div#banner a { font-size:1.2em; padding:.1em .7em .1em .2em; margin:0; font-size:1.2em  }
div#banner a:hover { color:#FF0000 }

/* STR :: uvod -------------------- */
div#list{ width: 270px; background: url(../images/list2/top.gif) top left no-repeat; padding-top:10px;  }
div#boxlist { background: url(../images/list2/bottom.gif) bottom left no-repeat; padding-bottom:10px; }
div#boxlist p { margin: 0 4px 4px 10px; color:#000040 }
div#boxlist ul { margin: 0 4px 4px 10px; color:#000040 }
div#boxlist h2 { margin: 0 20px 10px 20px; padding:0; color:#000040; font-size:1.2em; font-weight:bold;  border-bottom:2px dotted #000040}
div#boxlist img { padding-bottom:4px;}
div#boxlist a { color:#FF0000}


/* STR :: uvod AKTUALITY -------------------- */
div#box-uvod h3 { border-top:1px solid #B4C3E2; font-size:1.2em;  }
#content div#box-uvod p {margin: 10px 20px 10px 30px;  }
div.box-aktualita  { border-left:14px solid #B4C3E2 }
.akl { float:left; margin:8px 6px 0 30px; padding:2px;  border:1px solid #3A5C99;  }
.akr { float:right; margin: 8px 30px 0 6px; padding:2px;  border:1px solid #3A5C99;  }


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

fieldset {	margin:0 0 .5em 3em; padding:0 0 10px 10px;  display:block; border:1px solid #000040; width:350px}

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.submit1 { margin:5px; padding:10px; font-size:1.4em; text-align:center  }
input.submit2 { margin:5px; padding:6px; font-size:.9em ; text-align:center   }


/* STR :: kontakt -------------------- */
table.kontakt  { border:0; float:left; width:450px; border:0; height:130px; padding:0; margin:1em 2em}
table.kontakt img { border:1px solid #000000; padding:2px;}
table.kontakt td { vertical-align:top;  border:0;  background-color:#FFFFFF; text-align:left; padding:0; margin:0 }
table.kontakt th { vertical-align:top;  border:0;  background-color:#FFFFFF; text-align:left; padding:0; margin:0 }
table.kontakt h3 { margin:0; padding:0 0 0 0em; font-size:1.1em; text-align:left;  border:1px solid red;}
table.kontakt p { margin:0; padding:0; border:1px solid red; text-align: left }
.kontakt p { padding:0; margin:0}




table.no-border { border:0; background-color:transparent }
table.no-border td { border:0; background-color:transparent }
table.no-border th{ border:0; background-color:transparent }