/*** Global Settings ****/
body {font : normal 12px/1.6em Arial, Helvetica, sans-serif;color : #2a3845;margin : 0;padding : 0;background:#FFFFFF;}
p { margin : 0;padding : 0;}
a:visited, a:link {color : #a43b55;text-decoration : underline;background:none;}
a:hover {color : #a43b55;text-decoration : none;background:none;}
h1 { color : #e90015;margin: 0px 0px 10px 0px;padding-bottom : 10px;font : normal 18px Georgia, serif;border-bottom : 1px solid #efece7;}
h2 {color : #e90015;margin : 20px 0 10px;padding-bottom : 10px;font : normal 17px Georgia, serif;border-bottom : 1px solid #efece7;}
h3 {color : #e90015;margin : 10px 0;padding-bottom : 10px;font : normal 16px Georgia, serif;
border-bottom : 1px solid #efece7;}
/* ul {padding:0;margin:0 0 0 17px;list-style: square url(images/bullet.gif);} takhle to nefunguje, jak má
představa byla asi takováhle */
ul {padding: 0; margin-left: 17px;}
ul li{list-style-image: none url(images/bullet.gif);}
.box {background : #f7f7f7;border : 1px solid #f0e9eb; padding : 15px;}

/*** Layout ****/
/* takhle je to dost na hovno
#wrapper {margin : 0 auto;width : 776px;border-left : 1px solid #f0e9eb;border-right : 1px solid #f0e9eb;}

 tohle bude mnohem lepší. Aby se totiž dalo smysluplně pracovat s vrstvami, je dobré mít "obal"
 pozicovaný, protože pak všecny vnořený prvky počítají svou pozici od top left obalu a ne od top left
 monitoru a když je pomocí margin: 0 auto; text na monitoru vycentrovany, tak se bez position: relative;
 dějou zajimavý věci. :D */
#wrapper {position: relative; margin: 0 auto; width: 776px; 
  border-left: 1px solid #f0e9eb; border-right: 1px solid #f0e9eb;}
#header {margin : 0 1px;}
#bg {height: 36px; background: url(images/bg.gif) repeat-x;}
#menu {background : #E90015; height: 34px;}
/* menu horní */
#menu ul{list-style: none; padding: 0; margin: 0;}
#menu li{float: right; position: relative; z-index: 10; padding: 7px 0 7px 0; border-left: 1px solid #fff;}
#menu a, .menu :visited {display: block; font-size: 0.9em; width: 74px;
      padding: 0;color: #fff; background: #E90015; text-decoration: none;
      margin-right: 1px; text-align: center;}
#menu a:hover{color: #fff; background: #E90015; font-size: 0.9em; text-decoration: underline;}
/*
#nav {background : #E90015; padding : 10px 20px;text-align : right;color : #f6dde3;}
#nav a:visited, #nav a:link {text-decoration : none;color : #f6dde3;}
#nav a:hover {text-decoration : underline;color : #f6dde3;}
*/
/* #main-content {margin : 0 auto;}  tohle je na nic, vnořenený div se nemá na co vycentrovat,  */
#main-content {border: 1px solid #ffffff; margin: 2px 0 2px 0;}
#logo {margin: 2px 0 110px 0; background: #fff}
#logo img {border:0;}
.logotxt1 {font: normal 18px Georgia, serif; color: #fa7393; margin: 10px 0 0 15px;}
.logotxt2 {font: normal 18px Georgia, serif; color: #7a2e40;}
#left-column {width: 440px; padding: 0 30px; float: left;}
#right-column {width: 270px; float: right;}
.crd a:visited, .crd a:link, .crd a:hover{text-decoration : none;color : #2a3845;cursor: text;}
#footer {float: left; width: 746px; background: #f7f7f7; border-top: 1px solid #f0e9eb; margin-top: 15px;
  padding: 10px 15px;}
hr.cistic {clear: both; height: 1px; border: none; margin: -1em 0 0 0; visibility: hidden;}
/*** SideBAR ***/
#main-image {text-align : center;}
#main-image img {width: 90px; margin-top: 2px;}
.sidebar {width : 218px;margin : 0;padding : 10px 25px;background : url(images/shadow.jpg) no-repeat top;}
/**** práporky ****/ 
#langimg {position: absolute; top: 7px; left: 10px; z-index: 10; color: #fff;}
#langimg img {border: none; width:20px;}
#langimg a {color: #fff;  text-decoration: none;}
#langimg a:hover {color: #fff;  text-decoration: underline;}