/********************************************   AUTHOR:  Erwin Aligam    WEBSITE:   http://www.styleshout.com/TEMPLATE NAME:Refresh   TEMPLATE CODE: S-0002   VERSION:          1.0           *******************************************/
/* ZAKLADNI STYLy */
   .cleaner { clear:both; height:1px; font-size:0px; border:none; margin:0; padding:0; background:transparent; }
   .cleaner { clear:both;  border:none;  background:transparent; }
   .height10{ height: 10px; }
   .floatl  { float: left; }
   .floatr  { float: right; }
   .left    { text-align: left; }
   .center  { text-align: center; }
   .right   { text-align: right; }
   .bold    { font-weight: bold; }
   .novis   { display: none; }
   .vis     { display: block; }
   .white   { background-color: white; }
   
   .line { height: 1px; width: 100%; font-size: 0px; background-color: #CECECE; }


/* NOTICE */
 .notice {margin:5px 0 0 10px;color:#2F80AF;font-size: 12px;font-weight: bold;}
 .warning {margin:5px 0 0 10px;font-weight: bold;color:#B05900;font-size: 12px;}
 .error {margin:5px 0 0 10px;font-weight: bold;color:red;font-size: 12px;}
 div.error {border: 1px solid #FB4D3A; background-color: #FFE0EE; margin: 8px auto; width: 450px; padding: 5px 5px 5px 10px; color: #FB4D3A;}
 div.bnotice {border: 1px solid #2F8CAB; background-color: #CFE8F6; margin: 8px auto; width: 450px; padding: 5px 5px 5px 10px; color: #2F80AF;} 
 
/* SCAFFOLDING */
div.scaffold table { width: 100%; }
div.scaffold thead td { background-color: #eee; font-weight: bold; border-bottom: solid 1px #ccc; }

   .lgray { color: #CCC; }
   .debug-profiler { margin: 10px auto; background-color: #eee; padding: 10px; width: 800px; line-height: 20px; }
 
/********************************************   HTML ELEMENTS********************************************/
/* top elements *
/* {margin: 0; padding: 0; } */
body { background: #CCCCCC; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center; }

.center { text-align: center; }
/* links */
a, a:visited {text-decoration: none; color: #F3336C; background: inherit; }
a:hover {color: #4EBF37; background: inherit; }
/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; font-weight: Bold; }
h2 {font-size: 120%; }
h3 {font-size: 110%; text-transform: uppercase; color: #88ac0b; }
h4 {font-size: 110%; color: #666666; }
/* images */
img {border: 2px solid #CCC; }
img.float-right {margin: 5px 0px 10px 10px; }
img.float-left {margin: 5px 10px 10px 0px; }
h1, h2, h3, p {padding: 10px; margin: 0; }
ul, ol {margin: 5px 20px; padding: 0 20px; color: #88ac0b; }
ul span, ol span {color: #666666; }
code {margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'lucida console', 'courier new', monospace;
/* white-space: pre; */
background: #FAFAFA; border: 1px solid #f2f2f2; }
acronym {cursor: help; border-bottom: 1px solid #777; }
blockquote {margin: 10px; padding: 0 0 0 28px; border: 1px solid #f2f2f2; background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px; }
/* form elements */
form { margin: 10px; padding: 0 5px; border: 1px solid #f2f2f2; background-color: #FAFAFA; }
label { font-weight: bold; margin: 5px 0; }
input {padding: 2px; border: 1px solid #eee; font: normal 1em Verdana, sans-serif; color: #777; }
textarea {width: 400px; padding: 2px; font: normal 1em Verdana, sans-serif; border: 1px solid #eee; height: 100px; display: block; color: #777; }
input.button {margin: 0; font: bolder 12px Arial, Sans-serif; border: 1px solid #CCC; padding: 2px 3px; background: #FFF; color: #88ac0b; }
/* search */
form.search {position: absolute; top: 35px; right: 25px; background: transparent; border: none; }
form.search input.textbox { vertical-align: middle; margin: 0; padding: 1px 2px; width: 120px; background: #FFF; color: #333; }
form.search input.button { vertical-align: middle; background: #CCC url(../images/headerbg.gif) repeat-x; color: #333; border: none; width: 100px; height: 21px; }
/********************************************   LAYOUT********************************************/
#wrap {width: 820px; background: #CCC url(../images/content.jpg) repeat-y center top; margin: 0 auto; text-align: left; }
#content-wrap { clear: both; width: 760px; padding: 0; margin: 0 auto; }
#header {width: 820px; position: relative; height: 106px; background: #CCC url(../images/header.jpg) no-repeat center top; padding: 0; font-size: 14px; color: #FFF; }
#header div#logo-text {position: absolute; margin: 0; padding: 0; font: bolder 3.3em 'trebuchet ms', arial, sans-serif; letter-spacing: -2px; color: #F4E735; text-transform: none;
/* change the values of top and left to adjust the position of the logo*/
top: 28px; left: 50px; }
#header h1#slogan {position: absolute; margin: 0; padding: 0; font: normal .8em 'trebuchet ms', arial, sans-serif; text-transform: none; color: #fff;
/* change the values of top and left to adjust the position of the slogan*/
top: 74px; left: 58px; }


div.navibar { margin-top: 8px; }

/* Menu */
#menu {clear: both; margin: 0; padding: 0 30px 0 0; background: url(../images/menu.jpg) repeat-y center top; font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif; height: 26px; }
#menu ul { float: right; list-style: none; margin: 0; padding: 0; width: 613px; }
#menu ul li { display: inline; }
#menu ul li a {display: block; float: left; font-family: verdana;  padding: 0 8px; color: #FFF; text-decoration: none; }
#menu ul li a:hover {background-color: #ECECEC; color: #333; }
#menu ul li#current a {background-color: #FFF; color: #333; }
/* Main Column */
#main {float: right; width: 72%; padding: 0; margin: 0; }
#main h2 {margin-top: 10px; font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(../images/square-green.png) no-repeat 3px 50%; }
.post-footer {background-color: #FAFAFA; padding: 5px; margin: 20px 10px 0 10px; border: 1px solid #f2f2f2; font-size: 95%; }
.post-footer .date {background: url(../images/clock.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; }
.post-footer .comments {background: url(../images/comment.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; }
.post-footer .readmore {background: url(../images/page.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; }
/* Sidebar */
#sidebar {float: left; width: 26.5%; padding: 0; margin: 0; }
#sidebar h3 {margin-top: 10px; text-transform: none; padding: 5px 0 5px 10px; font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; color: #555; background: #EEF0F1 url(../images/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1; }
#sidebar .left-box {border: 1px solid #EFF0F1; margin: 0 0 5px 0; }
#sidebar ul.sidemenu {list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none; }
#sidebar ul.sidemenu li {border-bottom: 1px solid #EFF0F1; background: url(../images/go.gif) no-repeat 8px 50%; padding: 2px 0 2px 25px; margin: 0 2px; }
#sidebar ul.sidemenu a {font-weight: bolder; font-family: verdana; font-size: 12px; text-decoration: none; background-image: none; }

#sidebar ul.backlinks { margin: 3px 0 5px 0; }
#sidebar ul.backlinks li { margin: 0px 0 0px 0; padding: 0; }
/* Footer */
#footer {color: #666666; margin-top: 30px; background: #CCC url(../images/footer.jpg) no-repeat center top; clear: both; width: 820px; height: 55px; text-align: center; font-size: 92%; }
#footer a {text-decoration: none; }
/* alignment classes */
.float-left {float: left; }
.float-right {float: right; }
.align-left {text-align: left; }
.align-right {text-align: right; }
/* display and additional classes */
.clear {clear: both; }
.gray {color: #FEB95A; }

#main div.filtr { background-color: #FAFAFA; border: solid 1px #F2F2F2; padding: 1px; margin-bottom: 10px; margin-top: 2px; }
#main div.flist { height: 22px; line-height: 22px; }
#main div.filtr form { padding: 0; margin:0 }

#main div.list { width: 49%;  margin-left: 3px; padding-top: 8px; float: left; border: 1px solid #F2F2F2 }
#main div.list img { width: 100px; margin: 0 5px 0 2px; float: left }
#main div.list p { padding: 4px 4px 5px 5px }
#main div.list a.detail { padding: 1px 6px 1px 6px; background-color: #C1E066 /*#507625*/; font-weight: bold; color: #507625; border: 1px solid #63932F }
#main div.list a.detail:hover { background-color: #63932F; border: 1px solid #507625; color: #EDF6D3; }
#main div.list a.objednavka { padding: 1px 6px 1px 6px; background-color: #FFCA82 /*#507625*/; font-weight: bold; color: #E4280E; border: 1px solid #FF9000 }
#main div.list a.objednavka:hover { background-color: #FF9000; border: 1px solid #E4280E; color: #FFF2E1; }

#main div.detail img { float: left; width: 100px; margin: 0 10px 0 2px; }
#main div.detail p { margin: 0; padding: 0; }
#main div.detail div.text { margin: 0; padding: 0; float: right; width: 420px; }
#main div.detail h3 { margin: 0; padding: 0; }
#main div.detail a.objednavka { float: right; margin-right: 20px; padding: 2px 8px 2px 8px; background-color: #FFCA82 /*#507625*/; font-weight: bold; color: #E4280E; border: 1px solid #FF9000 }
#main div.detail a.objednavka:hover { background-color: #FF9000; border: 1px solid #E4280E; color: #FFF2E1; }

div.filtr dl { width: 33%; float: left; list-style-position: outside; padding: 0; margin:0; }
div.filtr dd { list-style-position: outside; padding: 0; margin: 3px 0 1px 5px; }
div.filtr label { margin-left: 8px; }
div.filtr form { margin: 0; border: 0; padding: 0; }

.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}