/********************************************
   AUTHOR:  			Václav Šimkanin
   WEBSITE:   		http://www.styleshout.com/	
   SMALL EDIT:    Vít Steklý www.vit-stekly.cz
   All rights reserved!
 *******************************************/
 
/*****************************
      HTML 
******************************/

/* Horní elementy */
* { margin:0; padding: 0; }
body {background-color: #3A3A3A;color: #555; font: 70%/1.5  Arial; margin: 15px 0;}  

/* odkazy */
a	{color: #555;background: inherit;text-decoration: none;font-weight: bold;}
a:hover {color: #72A545;background: inherit;}

 
/* hlavička */
h1, h2, h3 {font-family: 'Arial', Arial, sans-serif;font-weight: bold;}
h1 {font-size: 1.5em;	}
h2 {font-size: 1.3em;text-transform: uppercase;color: #339900;}
ul, ol {margin: 10px 30px;padding: 0 15px;color: #72A545;}
ul span, ol span {color: #666666;}

/* obrázky */
img {border: none;}

img.obrazek {max-height: 200px; max-width: 200px;}
img.avatar {max-height: 100px; max-width: 100px;}
img.avatarsmall {max-height: 50px; max-width: 100px;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}
img.border {border: 2px solid #CCC;}
img.left_menu_icon {padding-right: 10px; padding-left: 0px;margin-right: 0px;text-align: left;}
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 #EAEAEA; border-left: 5px solid #72A545;}
acronym { cursor: help; border-bottom: 1px solid #777;}
blockquote {margin: 15px;	padding: 0 0 0 32px; background: #FAFAFA url(images/quote.gif) no-repeat 5px 10px !important; background-position: 8px 10px;border: 1px solid #EAEAEA; border-left: 5px solid #72A545; font-weight: bold; }

/* formuláře */
form { background-color: #FAFAFA; margin:0px; padding: 0;}
.prehled_form {border: 1px #ccc dotted; margin: 0px 10px 10px 10px;font-weight: normal;}
#main form p {background-color: #FAFAFA; border: 0px; margin:0px}
label {	display:block;	font-weight:bold;	margin:5px 0;}
input {	padding:3px;	border:1px solid #eee;	font: normal 1em Verdana, sans-serif;	color:#777;}
textarea {padding:4px;	font: normal 1em Verdana, sans-serif;	border:1px solid #eee;width: 400px;display:block;color:#777;}
input.button { margin: 0;font: bolder 12px Arial, Sans-serif; border: 1px solid #EAEAEA;padding: 2px 3px; background: #CCC url(images/buttonbg.gif) repeat-x left bottom; color: #333;/* color: #339900; */}
.pagekosik form {border: 0; background-color: transparent; margin:0; padding: 0;}

/* vyhledávání */
#sidebar .search {background: #f2f2f2;margin: 0 15px;padding: 5px 0;}
#sidebar .search img {vertical-align: bottom;}
#sidebar .search .textbox {background: #FFF url(images/input.png) no-repeat top left; border: 1px solid #EAEAEA;font-size: 11px;padding: 3px;	width: 110px;}
#sidebar .search input.searchbutton { margin: 0; font: bold 100% Arial, Sans-serif;border: 1px solid #CCC; background: #CCC url(images/buttonbg.gif) repeat-x left bottom; padding: 1px; height: 25px;color: #333;width: 55px;}

/* tabulky */
.pagekosik {padding:0px;margin:0px;}
table {margin:0;border:0px solid #CECBCE;width:535px;}
th{padding:0px 2px 0px 2px;text-align:left;border-right:1px solid #CECECE;border-bottom:1px solid #CECBCE;border-top:1px solid #CECBCE;background:url("images/http://www.renovace-tonery.cz/new_web/stintop.gif") #fff repeat-x;line-height:25px;}
td{padding:0px 2px 0px 2px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;line-height:24px;}
.pagekosik input{border:0;padding:2px 2px 2px 2px; float: left; }

/*****************************
      STYL 
******************************/
#main p {background-color: #FAFAFA; border: 1px solid gray;}
#border {border: 5px #fff solid;width:799px;}

#wrap { margin: 0 auto ; padding:0;	text-align: left; background-color:#e3e3e3; width: 797px;border: 1px solid #455a00; border-top:0;border-bottom: 0;border: 8px #fff solid }
#content-wrap {	clear:both;   margin:0; padding:0;	width: 796px;}

/* hlavička */
#header {	position: relative; clear:left; width: 795px;	height: 144px; margin: 0; padding: 0;	background: url(logos/logo.jpg) no-repeat left bottom;border:1px solid #455a00;border-bottom: #fff solid 0px;}
#header-tabs {	width: 795px; height: 30px; background: url(images/header-tabs-bg.png) repeat-x; margin: 0; padding: 0;position: relative;text-align: right;border: 0px;border-bottom: 0;border-top: 0;}

/* položky v menu */
#header-tabs {width: 100%; height: 25px; font: bold 0.9em Verdana, Tahoma, 'Trebuchet MS',  Sans-serif; border-bottom: black 2px solid;} 
#header-tabs ul {	margin:0; padding:4px 0px 0px 3px; list-style:none;}
#header-tabs li {	display:inline; margin:0; padding:0;}
#header-tabs a {float:left; background: url(images/tableft.gif) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none;}
#header-tabs a span {	float:left; display:block; background: url(images/tabright.gif) no-repeat right top; padding:3px 6px 3px 3px; color: #D0E0B0;}
/* Commented Backslash Hack hides rule from IE5-Mac */
#header-tabs a span {float:none;}
/* End IE5-Mac hack */
#header-tabs a:hover span {color:#FFF;}
#header-tabs a:hover {background-color: #608030;}
#inf_line_text {float: right; top: 4px; margin-right: 10px;text-align: right; color: #73923a;}
#inf_line_text a {background-position:100% -42px; color: #D0E0B0;}
#inf_line_text a:hover {background-color: #608030;background-position: 100% -42px; color: #FFF;}
#infline_user {vertical-align: middle;padding-right: 5px;}
#infline_kosik {vertical-align: middle;}
#infline_kosik_a {margin: 0px 10px 0px 0px;padding-right: 5px;}
#infline_user_a {padding-right: 5px;}

/* _v new - produkty */
#main h3 {font-size: 1.2em; padding: 0px; margin: 0px; text-indent: 10px;margin-bottom: 0px; padding-top: 5px}

/* cosi */
p {padding: 15px;}
.box {padding: 15px; border: 1px solid gray; background-color: #FAFAFA;width: 526px;}
#main .box p     {background-color: #FAFAFA; border: 0px; padding:0px;} 
  

.box_informace, .box_kategorie, .box_chyba, .box_dulezite, .box_novinka {width: 386px; padding: 10px 10px 10px 160px; margin: 0px;text-align: justify;display: block; /* moz */background-repeat: no-repeat;}
.box_informace p, .box_kategorie p, .box_chyba p, .box_dulezite p, .box_novinka p {width: 353px;padding-top: 4px;padding-bottom: 4px;}
.box_informace {margin: 0px;border: 1px solid #ffd800; background: #fbffbb url(images/poznamka.png) no-repeat left top;}
   #main .box_informace p {background-color: #fbffbb;border: 0px;}
.box_kategorie {padding: 0px 5px 10px 150px;;margin: 0px;border: 1px solid #00c5ff; background: #fff url(images/kategorie.png) no-repeat left top; width: 437px; height: 70px;}
   .katvypis {float: left; width: 320px;background-color: red;padding: 0px;margin:0px;}
   .znacka_logo {float: right;clear: right;width: 100px;height: 60px;}
   .znacka_logo img {/* non IE */ max-width: 100px; max-height: 60px;}
   #main .box_kategorie p {background-color: #fff;border: 0px;}
.box_chyba  {margin: 0px;border: 1px solid #ff0000; background: #fD8757 url(images/problem.png) no-repeat left top;}
   #main .box_chyba p {background-color: #fD8757;border: 0px;}
.box_dulezite {width: 384px;margin: 0px;border: 2px solid #ff7800; background: #fff url(images/dulezite.png) no-repeat left top;}
   #main .box_dulezite p {width: 352px;background-color: #fff;border: 0px;}
.box_novinka {margin: 0px;border: 1px solid #75b300; background: #bdff3f url(images/novinka.png) no-repeat left top;}
   #main .box_novinka p {background-color: #d5ff6f; border: 0px;padding-top: 5px;padding-bottom: 5px;margin-top:5px;}
   


#box_prispevek  {min-height: 90px; margin:0px; padding: 8px; width: 542px; border: 1px solid gray;  background-color: #FAFAFA; }
#box_prispevek2 {min-height: 90px; margin:0px; padding: 8px; width: 542px; border: 1px solid gray;  background-color: #FFF; border-bottom: 0;}
/*#box p {background-color: #FAFAFA; border: 0px; padding:5px;width: 520px;}*/
#box_prispevek2 p {background-color: #FFF; border: 0px; padding:0;}
#box_prispevek p  {background-color: #FAFAFA; border: 0px; padding:0;}
#box_prispevek2 p {background-color: #FFF; border: 0px; padding:0;}
#box_prispevek p  {background-color: #FAFAFA; border: 0px; padding:0;}
#box_clanek2 p     {background-color: #FAFAFA; border: 0px; padding:0px;} 
 
.imgram {margin: 4px; padding: 0px; border: 1px solid #aaa; background-color: #fff;display: block;float: left;}
.imgram * {display: none;}
.imgram img {display: block;} 
 
 
/* seznam produktů */
#main {padding-top:10px;float: right; width: 560px;background-color: inherit;padding-right: 8px;}

h1 {font-weight: lighter;font-size: 1.0em;text-transform: uppercase;padding-left: 12px;margin-bottom: 0px;margin-top: 5px;font-size: 12px;
    height: 27px;line-height: 27px;background: url(images/basebox_head_bg.png);color: #fff;display: block;width: 546px;}
#box_clanek     {border: 1px solid #ccc; min-height: 80px; margin:0px; padding: 8px;padding-bottom: 0px; width: 540px; background-color: #FAFAFA; border-top: 0;border-bottom: 0px; }
#box_clanek p   {background-color: #FAFAFA; border: 0px; padding:0;}

#informace {width:556px; font-weight: bolder; background: #FAFAFA;text-align: right;margin: 0px 0px 20px 0px;border: 1px solid #ccc;border-top: 0px;}
#informace input {vertical-align: middle;width: 150px;height: 22px;background-color: transparent;background-image: url(images/buttonbg.gif);border: 0px;padding: 0px;margin: 0px;}
#informace p {background-color: #FFF;margin: 0px;padding: 0px;height: 22px;}


/* produkt */
.h3family h3 {padding: 0px; margin: 0px; color: black;position: relative; left: -10px;}
#produkt {border: 1px solid gray;  background-color: #FAFAFA; width: 550px;padding: 5px;}
#do_kosiku {font-size: 1.3em;text-align: left;width: 140px;margin-left: 5px;font-weight: bold;}

/* článek - akce*/
#akce {margin: 10px 10px 10px 10px;background: url(images/akcezbozi.png) no-repeat center center;width: 71px;height: 110px;float: right;display: block;}

/* článek - informace */
#box_clanek2 {min-height: 80px; margin:0px 0px; padding: 8px; width: 540px; border: 1px solid gray;  background-color: #FAFAFA; border-top: 0;}
#box_clanek2 textarea {width: 300px;}

/* textarea */
#dodaci_poznamky {width: 500px;}
#obchodnipodminky {width: 500px;}

/* kosik */
.pagekosik input {border: 1px solid #ddd;margin: 0px 0px 2px 0px;clear: left;}
.pagekosik label {display: block;clear: left;}

/* anketa */
#box_anketa {width:170px; margin: 5px 5px; padding: 0;	border: 1px solid #EAEAEA; background-color: #FAFAFA; }

/* sidebar */
#sidebar {float: left;text-align: left;	margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px;width: 184px;}
#sidebar h1 	{ width: 184px;height: 23px;font-size: 14px;font-weight: lighter; margin: 0px 0px 2px 0px;padding: 3px 0px 0px 0px;border-bottom: #dedede 1px solid;background: url(images/left_menu_head_bg.png);text-transform: none;color: #595959;text-indent: 20px;text-align: left;}
#sidebar ul.sidemenu {list-style:none;margin:0px 15px 10px;padding:0;}
/*#sidebar ul.sidemenu li {margin-bottom:1px;border: 1px solid #f2f2f2;}*/
#sidebar ul.sidemenu a {display: block;text-decoration:none;	padding: 2px 5px 2px 10px;background: #FFF;min-height: 18px; font-weight: bold;}
* html body #sidebar ul.sidemenu a { height: 18px; }
#sidebar ul.sidemenu a:hover {padding:2px 5px 2px 10px;	color:  #B0D060;}
#sidebar a  {padding-left: 30px;color: #000;font: 12px Arial;line-height: 20px;background: inherit;}
#sidebar a:hover  {color: #72962c;background: inherit;}
/*#sidebar h2 {font-size: 14px;padding: 0px 0px 0px 0px;margin: 1px 0 1px 6px;background: url(images/left_menu.gif) no-repeat left center;text-transform: none;color: #595959;}*/
/*#sidebar li.sidemenu  {background: url(images/left_menu.gif) no-repeat 0% .7em;}*/
#sidebar {width: 184px; border: 1px solid silver;margin: 10px 0 10px 5px;padding: 0px 0px 8px 0px;background-color: white;}
#sidebar p {margin: 0px 8px 8px 5px;}
.pod{text-indent: 0px;}
.podd{text-indent: 5px;}
.poddd{text-indent: 10px;}
.aktualni{text-decoration: underline;}

/*sidemenu*/
#sidemenu_nejprod, #sidemenu_akce {list-style-type:decimal;list-style-position: outside;margin: 10px 0px 14px 30px;padding: 0px 0px 0px 0px;}
#sidemenu_nejprod li {font-weight: bold;font-size: 1.2em;margin: 0px 0px 8px 0px;}
#sidemenu_nejprod a {padding: 0px;}


#sidemenu_akce {list-style-type:square;display: block;list-style-position: outside;}
#sidemenu_akce li {margin: 0px; padding: 0px;padding-bottom: 10px;}
#sidemenu_akce a {padding: 0px; }
#sidemenu_akce div {color: #528800;margin-left: 5px;font-weight: bold;}

/* patička */
#footer {padding-top: 0px;clear: both;height: 38px;width: 795px;color: #CCC;background:url(images/footer_bg.jpg) #5e8d07;border: 1px solid #455a00; margin: 0;font-size: 11px;}
#footer a { text-decoration: none; font-weight: bold;	color: #FFF;background: inherit; }
#footer #footer-left {width: 66%;	float: left;text-align: left;	margin: 0; padding: 10px;padding-top: 11px;}
#footer #footer-right {	width: 27%;	float: right;	text-align: right;	margin: 0; padding: 10px;padding-top: 11px;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.align-center { text-align: center; }

/* additional classes */
.clear {	clear:both;	} 
.hide  { display: none; }
.gray  { color: #CCC; }
.cena  { color: #ff8700;font-size: 1.3em;text-align: left;}
.bold  { font-weight: bold;}
.none  { padding: 0px; margin: 0px; border: 0px; }


/* Komentáře */
.comments { color: #888; background: #FFF;text-align: right;font-size: 95%; border: 1px solid #EFF0F1; padding: 0px 5px 2px 0px;}
.kosik {background: url('icons/kos.png') no-repeat 0 center;padding-left: 33px;padding-bottom: 5px;padding-top: 5px;}
.pes {background: url('icons/watchdog.png') no-repeat 0 center;padding-left: 33px;padding-bottom: 5px;padding-top: 5px;}
.infoicon {background: url('icons/inf.png') no-repeat 0 center;padding-left: 30px;padding-bottom: 5px;padding-top: 5px;}
.kosik form { border: 0;margin:0px;padding: 0px;}
.kosik input{ margin: 0; border: 0;padding: 0; background-color: transparent; color: #333;}

/* lightbox */
#lightbox{position: absolute;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	}
#imageContainer{	padding: 10px;	}
#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{	width: 49%;	height: 100%;	background: transparent url('lightbox/blank.gif') no-repeat; display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('lightbox/prev.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('lightbox/next.gif') right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;	background-color: #000;	}

/* administrace */
tbody {width: 400px;}
#ajaxhlobr, #ajaxostobr {width: 560px;padding: 0px;border: 0px;}
#ajaxhlobr form,  #ajaxostobr form {padding: 0px;border: 0px;}
#pridatprodukt {background-color: #fafafa;border: 1px solid silver;padding: 0px 0px 5px 5px;}
#pridatprodukt label, #pridatprodukt input, #pridatprodukt p, #pridatprodukt form, #pridatprodukt div {border: none;}
#pridatprodukt textarea {width: 500px;}
#pridatprodukt p, #pridatprodukt label, #pridatprodukt form, #pridatprodukt div {width: 449px;}
#pridatprodukt input {border: 1px solid silver;}
#ajaxhlobr form {padding: 0px;margin: 0px;}
#hlobrlink, #dalsiobrzek {margin-left: 54px;}