html            {margin:0px; padding:0px;}
body            {margin:0px; padding:0px; font-size:100%; font-family:"Trebuchet MS", "Luxi Sans", Geneva, Arial, Helvetica, sans-serif; background:#fff repeat top center;}

.page           {width:1000px; margin:0 auto; text-align:left;}

.top            {background:#000 url('http://www.karotka.cz/img/top.png'); width: 980px; height:102px; color:#fff; border-style:solid; border-color:#fff; border-width: 1px 0px 0px 0px; display:block;}
.topLeft        {background:#ffa247; width: 225px; height:30px; float:left; overflow:hidden;}
.topRight       {background:#ffa247; width: 754px; height:14px; float:left; border-style:solid; border-color:#fff; border-width: 0px 0px 1px 1px; overflow:hidden;}
.topRightDown   {background:#306096; width: 754px; height:15px; float:left; border-style:solid; border-color:#fff; border-width: 0px 0px 5px 1px; overflow:hidden;}


h2 {color: #fff; font-size: 14px; padding: 10px 0px 0px 10px; }
h3 {color: #474747; font-size: 10px; padding: 10px 0px 0px 8px; }
p  {color: #474747; font-size: 14px; padding: 10px 0px 0px 8px; }
p .hidden {}
hr {border:0px; background-color: #ffa247; height: 1px; }
ul, li {color: #474747;}
img {border:0;}

a:link,
a:visited,
a:hover {color: #306096; }


.menu     {float:left; background:#fff; width:215px; padding: 10px 0px 50px 10px;}/* border-style: solid; border-width: 0px 0px 1px 1px; border-color:#ffa247; padding: 10px 0px 50px 10px;}*/
.menuImp  {padding: 0px 0px 0px 8px; }
.menuItem {padding: 7px 2px 5px 8px; color:#306096; }
.content  {float:left; background:#fff; width:732px; min-height: 300px; border-style: solid; border-width: 0px 0px 1px 1px; border-color:#ffa247; padding: 0px 10px 10px 10px; color:#306096;}
.foot     {text-align:center; font-size:11px; color:#5e5e5e; padding: 10px 10px 10px 30px;}


.articles {float:left; width:700px; padding: 7px 2px 5px 8px; }
.article {float:left; width:700px; padding: 7px 2px 5px 8px; color:#5e5e5e; font-size: 14px; }
.date  { font-size: 12px; color:#5e5e5e; font-weight: bold;}
.title { font-size: 18px; color:#5e5e5e; font-weight: bold;}
.perex { font-size: 14px; color:#5e5e5e;}
.picture { padding: 8px 8px 8px 8px; }
.picture img    { border: 1px #5e5e5e solid; }
.errors { font-size: 18px; color:#ffa247; }


pre.code, pre.literal-block { background: #f7f7f7; border: 1px solid #d7d7d7; margin: 1em 1.75em; padding: .25em; overflow: auto; font-size: 12px;}


input, textarea, select {background-color: #f7f7f7; border: solid 1px #5e5e5e; }

table {cellpadding: 0px; cellspacing: 0px; text-align: left; }


.photoPopUp div { border: 1px #FFFFFF solid; padding: 0px; }
.photoPopUp     { position: absolute; background-color: #464646; font-size: 9pt; z-index: 98; border: 5px solid #ffa247; width:800px; text-align: center; }
.infoPopUp  div { border: 1px #FFFFFF solid; padding: 0px; }
.infoPopUp      { position: absolute; background-color: #ffc082; font-size: 9pt; z-index: 99; border: 1px solid #ffa247; }

.photoPopUp #title { position: absolute; top: 14px; right: 130px; cursor:pointer; color: #fff; font-weight: bold; }
.photoPopUp #prev  { position: absolute; top: 10px; right: 120px; cursor:pointer; }
.photoPopUp #next  { position: absolute; top: 10px; right: 100px; cursor:pointer; }
.photoPopUp #play  { position: absolute; top: 10px; right: 80px; cursor:pointer; }
.photoPopUp #stop  { position: absolute; top: 10px; right: 60px; cursor:pointer; }
.photoPopUp #info  { position: absolute; top: 10px; right: 30px; cursor:pointer; }
.photoPopUp #close { position: absolute; top: 10px; right: 10px; cursor:pointer; }