/* global settings */

html{ margin:0; padding: 0; width: 100%; position: relative; }
body {text-align: center; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; width: 100%; position: relative; }

img {border: none;}
a {color: #CC3333; text-decoration: underline;}
a:hover {color: #CC3333; text-decoration: none;}

.base {width: 95%; position: relative; text-align: left; margin: 0 auto; min-width: 950px;}

.ds {
	font-size: 10px; 
}

/* header */

#header {background: #ffffff url("../images/logo.jpg") 0% 20% no-repeat; height: 100px;}

/* menu top */

#menutop {margin: 0 0 0 0; padding: 0 0 0 0; font-weight: bold; background: url(../images/bgmenutop.jpg); height: 24px;}

.picbgtopleft {float: left;}
.picbgtopright {float: right;}

#menutop ul {float:left; list-style:none; margin: 0 0 0 0; padding: 0 0 0 2px;}
#menutop li {float:left; list-style:none; margin: 4px 0 0 0; padding: 0 4px 0 4px; border-right: 1px solid #CCCCCC;}

#menulang ul {float:right; list-style:none; margin: 0 0 0 0; padding: 0 2px 0 0;}
#menulang li {list-style:none; margin: 4px 0 0 0; padding: 0 4px 0 4px; border-right: 1px solid #CCCCCC;}


#menutop a {color: #CCCCCC; text-decoration: none;}
#menutop a:hover {color:#ffffff; position: relative; border-top: 2px solid #ffffff; padding: 4px 0 2px 0;}

/* banner */

.banner { text-align: center; padding: 10px; }
.banner img { width: 98%; }

/* container */

#container {width: 100%; margin: 0 0 0 0; text-align: center;}
#leftcolumn {float: left; width: 18%;}
#centercolumn {float: left; width: 60%;}
#rightcolumn {float: left; width: 18%;} /* 2% dolu, aby se tam vesel menuright / pravdepodobne kvuli bokum horniho menu */

#menuleft1 li {text-align: left; margin: 0 0 0 20px; padding: 1px; list-style-image: url("../images/odrazka_01.jpg");}
#menuleft1 li a {display: block; height: auto; background: none; color: #FF9900; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ffffff;}
#menuleft1 li a:hover {background: #FEF8EF; text-decoration: none; font-weight: bold; color: #FF9900;}
.nadpis01 {border-left: 6px solid #FF9900; background: #FEF8EF; text-align: left; font-size: 1.2em; color: #FF9900; font-weight: bold; margin: 8px 0 4px 0; padding: 0 0 0 2px;}
.line1 {border-bottom: 1px solid #FF9900;}

#menuleft2 li {text-align: left; margin: 0 0 0 20px; padding: 1px; list-style-image: url("../images/odrazka_02.jpg");}
#menuleft2 li a {display: block; height: auto; background: none; color: #5371AA; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ffffff;}
#menuleft2 li a:hover {background: #EBF2FF; text-decoration: none; font-weight: bold; color: #5371AA;}
.nadpis02 {border-left: 6px solid #5371AA; background: #EBF2FF; text-align: left; font-size: 1.2em; color: #5371AA; font-weight: bold; margin: 8px 0 4px 0; padding: 0 0 0 2px;}
.hlavninadpis2 {text-align: left; border: 1px solid #5371AA; font-size: 1em; color: #5371AA; background-color: #EBF2FF;  font-weight: bold; margin: 8px 0 4px 0; padding: 0 0 0 2px;}
.line2 {border-bottom: 1px solid #5371AA;}

.nadpis02rght {border-left: 6px solid #14256B; background: #BBC6F1; text-align: left; font-size: 1.2em; color: #14256B; font-weight: bold; margin: 8px 0 4px 0; padding: 0 0 0 2px;}

#menuleft3 { width: 40%; float: right; padding: 0 5px 5px 5px; text-align: left; margin: 0 0 20px 0; }
#menuleft3 li {text-align: left; margin: 0 0 0 20px; list-style-image: url("../images/odrazka_03.jpg");}
#menuleft3 li a {display: block; height: auto; background: none; color: #848484; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ffffff;}
#menuleft3 li a:hover {background: #F1F1F1; text-decoration: none; font-weight: bold; color: #848484;}
.nadpis03 { border-left: 6px solid #848484; background: #F1F1F1; text-align: left; font-size: 1.2em; color: #848484; font-weight: bold; margin: 8px 0 4px 0; padding: 0 0 0 2px;}
.hlavninadpis3 {text-align: left; font-size: 1.1em; color: #000000; font-weight: bold; margin: 8px 0 4px 0; padding: 0 0 0 2px;}
.line3 {border-bottom: 1px solid #848484;}

#menuleft4 li {text-align: left; margin: 0 0 0 20px; list-style-image: url("../images/odrazka_04.jpg");}
#menuleft4 li a {display: block; height: auto; background: none; color: #CC3333; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ffffff;}
#menuleft4 li a:hover {background: #FDEDED; text-decoration: none; font-weight: bold; color: #CC3333;}
.nadpis04 {border-left: 6px solid #CC3333; background: #FDEDED; text-align: left; font-size: 1.2em; color: #CC3333; font-weight: bold; margin: 8px 0 4px 0; padding: 0 0 0 2px;}
.hlavninadpis4 {text-align: left; font-size: 1.1em; color: #000000; font-weight: bold; margin: 8px 0 4px 0; padding: 0 0 0 2px;}
.line4 {border-bottom: 1px solid #CC3333;}


#menuright5 li {text-align: left; margin: 0 0 0 20px; padding: 1px; list-style-image: url("../images/odrazka_05.jpg");}
#menuright5 li a {display: block; height: auto; background: none; color: #14256B; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ffffff;}
#menuright5 li a:hover {background: #E5EAFF; text-decoration: none; font-weight: bold; color: #14256B;}
.nadpis05 {border-left: 6px solid #14256B; text-align: left; font-size: 1.2em; color: #14256B; font-weight: bold; margin: 8px 0 4px 0; padding: 0 0 0 2px;}
.line5 {border-bottom: 1px solid #14256B;}


#footer {margin-top: 10px; text-align: right; width: 100%; height: 50px; background: #ffffff url("../images/bgbottom.jpg") repeat-x; float: left;}
.picfooter {float: right; padding-right: 40px;}
/* content */

.mr-pic {text-align: center;}
.ml-pic {text-align: center;}
.inzerce {font-size: 0.8em; color: #CCCCCC;}

/* nadpisy */

.ctiv {color: #14256B; text-align: left; border-left: 5px solid #14256B; padding-left: 10px; border-bottom: 1px solid #14256B; padding-bottom: 0px;}
.planovane {color: #5371AA; text-align: left; border-left: 5px solid #5371AA; padding-left: 10px; border-bottom: 1px solid #5371AA; padding-bottom: 0px;}
.probehle {color: #848484; text-align: left; border-left: 5px solid #848484; padding-left: 10px; border-bottom: 1px solid #848484; padding-bottom: 0px;}
.casopis {color: #CC3333; text-align: left; border-left: 5px solid #CC3333; padding-left: 10px; border-bottom: 1px solid #CC3333; padding-bottom: 0px;}

.cppu {color: #FF9900; text-align: left; border-left: 5px solid #FF9900; padding-left: 10px; border-bottom: 1px solid #FF9900; padding-bottom: 0px;}

.clanky {color: #CC3333; text-align: left; border-left: 5px solid #CC3333; padding-left: 10px; border-bottom: 1px solid #CC3333; padding-bottom: 0px;}

/* galerie */

.algn { margin-left: 5px; text-align: left; float: left; }
.algn a img { border: 2px solid #BABABA;}
.algn a:hover img { border: 2px solid #2D6891;}
.galpic { padding: 5px; }