/*
Theme Name: Jirka layout
Theme URI: http://www.skladanka.com
Author: Stanislav HeWeR Hruška

HeWeRova grafika pro Jirku || http://www.skladanka.com
*/

html, body, h1, #menu, #info-box ul {margin:0;padding:0;}
img {border:0;}

body {background: #6D6E72; font-size: 0.8em; }
#container {margin-left: auto; margin-right: auto; width: 900px; background: #FFF url(../gfx/page-background.png) repeat-y; font-family: Arial, serif; }

h1 {position: relative; top: 35px; margin-left: 80px; z-index: 1; }

#content {position: relative; float: right; margin-top: 155px; z-index: 1; width: 550px; margin-right: 65px; }
#info-box {position: relative; float: left; width: 180px; margin-top: 160px; z-index: 1; margin-left: 60px; padding-right: 15px; border-right: 1px solid #BFBFBF; }

#info-box h3, #info-box h2 {margin: 0px 0px 10px 0px; font-family: Tahoma; font-size: 1.1em; }
#info-box p {line-height: 150%; font-size: 0.85em; }

#info-box ul {list-style: none; }
#newsletter div {display: none; }
#info-box li.widget {border-bottom: 1px dashed #BFBFBF; margin-bottom: 10px;  }
#info-box li.widget ul {padding-bottom: 10px; }

#info-box li li {line-height: 170%; margin-left: 20px; }

#head {display: block; position: absolute; width: 820px; height: 281px; background: url(../gfx/header.jpg) no-repeat right top; top: 0px; margin-left: 55px; @margin-left: -203px; }

#language {position: absolute; list-style: none; margin: 0; z-index: 2; font-size: 0.8em; top: 10px; left: 770px; }
#language li a {position: relative; display: block; width: 30px; height: 19px; margin-bottom: 5px; }
#language li a span {display: block; position: absolute; left: 0px; top: 0px; width: 30px; height: 19px; cursor: hand; }

#language .cz a span {background: url(../gfx/flag-czech.png); } 
#language .en a span {background: url(../gfx/flag-uk.png); } 

#menu {position: absolute; list-style: none; top: 149px; margin-left: 50px; z-index: 9; @margin-left: -203px;  }
#menu li {float: left; margin-left: 10px; z-index: 9; }
#menu li a {display: block; padding: 10px 15px 10px 15px; background: #3C5A98 url(../gfx/menu-background.png) repeat-x; color: white; text-decoration: none; z-index: 9; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-left-radius-bottomright: 5px; -webkit-left-radius-bottomleft: 5px; }
#menu li a:hover {background: #3A5896 url(../gfx/menu-hover.png) repeat-x; color: white; }
#menu li a.active {background: #A6A6A6 url(../gfx/menu-active.png) repeat-x; font-weight: bold; }

#footer {padding: 0; display: block; clear: both; margin: 15px 26px 0px 27px; background: url(../gfx/footer-background.png) repeat-x; @background: none; text-align: center; padding: 10px; font-size: 0.85em; color: white; @color: black;  }
#footer a {color: white; @color: black; }
#footer a:hover {text-decoration: none; }
 
#content h2 {font-size: 1.6em; margin: 0 0 15px 0; font-family: Tahoma; }
#content h3 {font-size: 1.25em; margin: 20px 0px 10px 0px; }
#content h4 {font-size: 1.2em; margin: 0 0 10px 0; }
 
#content a, #info-box a {color: #2B4376; }
#content a:hover, #info-box a:hover {color: black; }
 
#content p {line-height: 160%; margin: 0px 0 10px 0; }
#content ul, #content ol {line-height: 200%; }
 
#content table {width: 100%; border-collapse: collapse; margin-bottom: 20px; margin-top: 20px;  }
#content table td {border: 1px solid #; padding: 5px; }
#content table th {background: #D3D3D3; color: #; border: 1px solid #; padding: 8px; text-align: left; }


.left {text-align: left; } 
.center {text-align: center; } 
.right {text-align: right; }
 
.flr {float: right; } 
.fll {float: left; }
 
.cleaner {clear: both; }
 
.none {display: none; }
.hide {position: absolute; margin-left: -20000px; }