/* Type CSS rules here and they will be applied
to pages from 'www2.dono.cz'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet default.css ****/

html, body { width: 100%; margin: 0; padding: 0; text-align: center }
body,td,th,h1,h2,h3,h4,span,div,p,input,label,textarea { font-family: verdana, 'Arial CE'; font-size: 11px; line-height: 130%}
h1 { font-size: 13px; color: #BF2839; display: block; margin: 0; padding: 0 }
h2 { font-size: 13px; color: #E05C05; font-weight: bold; margin: 0 0 10px 0 }
h3 { display: inline }
h4 { display: inline }

p {font-size: 15px; line-height: 15px;}

a {color: #8E8F7C; text-decoration: underline}
a:hover {color: #AEAF9C; text-decoration: none}

img {border: none}

h3.h3logout
{
  width: 180px;
  display: block;
  padding: 5px;
  margin: 3px 3px 16px;
  border: 1px solid #900;
  color: #900;
}
h3.h3login
{
  width: 180px;
  display: block;
  padding: 5px;
  margin: 3px 3px 16px;
  border: 1px solid #3C3;
  color: #393;
}

#idNiceColor {position: absolute; left: -10000px}

#reg_form input.controlCheckbox {display: block; float: left; margin-top: 7px; _margin-top: 3px}
#reg_form label.checkLabel,#reg_form label.checkError {float: none; display: inline; width: 400px; color: #F06C15; line-height: 26px; padding-bottom: 5px}
#reg_form label.checkLabel {color: #000}
#reg_form i {line-height: 26px}
#reg_form label.error {color: #F06C15}
#reg_form input.control      {border: 1px solid #A6A6A6}
#reg_form input.controlerror {border: 1px solid #F06C15}
#reg_form h3 {display: block; width: 100%; padding: 3px; background: #EEE; margin: 0 auto 0 0; font-size: small}
  .r_example {margin-left: 3em; color: gray;}
  .br_example {margin-left: 140px; padding-left: 4em}

.homeLargeBlock {
  background: url('images/raml.gif') 0% 0% no-repeat;
  width: 290px;
  height: 197px;
  float: left;
  margin: 0 0 0 4px
}
.homeLargeBlockInner {
  padding: 8px;
  text-align: center;
  position: relative
}
.homeLargeBlock a strong {
  color: #436E15;
  font-size: 90%
}
.homeLargeBlock img {
  float: left
}

.homeSmallBlock {
  background: url('images/rams.gif') 0% 0% no-repeat;
  width: 183px;
  height: 197px;
  float: left;
  margin: 0 3px 0 4px;
}
.homeSmallBlockInner {
  padding: 8px;
  text-align: center;
  position: relative
}
.homeSmallBlock a strong {
  color: #436E15;
  font-size: 90%
}
.homeSmallBlock img {
  float: left
}

.paramTable {border: none; border-collapse: collapse}
.paramTable td {border: none; border-bottom: 1px solid #999; text-align: left; font-weight: normal}
.paramTable th {border: none; border-bottom: 1px solid #999; text-align: left; font-weight: bold}

.paramBTable {border: none; border-collapse: collapse; margin: 0 0 20px 0}
.paramBTable td {border: none; text-align: left; font-weight: normal; font-size: 13px}
.paramBTable th {border: none; text-align: left; font-weight: bold; font-size: 13px}

#head     { width: 950px; height: 86px;  margin: 0 auto}
#head_img { width: 950px; height: 86px}

#logo      { width: 950px; height:  86px; float: left}
#logo h1   { display: inline }
#logo a    { width: 950px; height:  86px; margin: 0; padding: 0; color: #999; display: block; position: relative }
#logo span { margin: 0 0 0 0; display: block; background: url('images/top_logo.jpg') top left no-repeat; cursor: pointer; width: 950px; height:  86px; position: absolute; left: 0; top: 0; z-index: 1 }

#horizontalMenu { width: 950px; height: 25px; margin: 0 auto; background: #688F22 url('images/top_trim.gif') 0% 0% repeat-x; clear: both; padding: 0 }
#horizontalMenu ul { display: block; margin: 0; padding: 0; list-style-type: none }
#horizontalMenu ul li { display: block; width: 119px; margin: 0; padding: 0; height: 25px; float: left; background: url('images/top_trim_trim.gif') 100% 0% no-repeat }
#horizontalMenu ul li span { display: block; width: 100%; padding: 4px 0 0 0; text-align: center; font-weight: bold; font-size: 10px; color: #FFF }
#horizontalMenu ul li.right { background: none; width: 117px }
#horizontalMenu a { color: #FFF; padding: 0; margin: 0; display: inline; text-decoration: none; }
#horizontalMenu a:hover { color: #DDD }

#akvy {margin: 0 0 0 16px}
#akvy a {color: #C33; font-weight: bold; font-size: 15px; text-decoration: underline; line-height: 20px}
#akvy a:hover {color: #666; text-decoration: none}


.lrblock      { width: 100%; background: url('images/colltrim.gif') 0% 0% repeat-x; height: 42px; margin-bottom: 5px; text-align: left}
.lrblock span { display: block; padding: 12px 7px 0 10px; font-size: 11px; color: #FFF; font-weight: bold}

#leftm {margin: 0 0 0 13px}
#leftm i {display: block; float: left; margin: 0 0 0 8px; font-style: normal; text-decoration: underline}
#leftm img {float: left}

#rightcreg {text-align: center}
#rightcreg a {color: #333; font-size: 9px; line-height: 12px; font-weight: normal}
#rightcreg a:hover {color: #000; text-decoration: none}

#container { width: 950px; margin: 0 auto; background: url('images/mainbg.gif') 0% 0% repeat-y}
#left      { width: 171px; float: left; text-align: left}
.left_block   { width: 171px}
.left_block_i { width: 171px}

#right      {width: 146px; _width: 145px; float: left}

#center   { width: 633px; float: left }

#body   { width: 633px; text-align: left }
/*#body_i { border: 1px solid #E2E2E2; padding: 1px }*/
#body_head { width: 556px; background: #FFF }
#body_head div.inner { display: block; padding: 5px 20px }
#body_head div.label { display: block; color: #585858; font-weight: bold; text-decoration: none; background: transparent url('images/a_dot_whitegray.gif') 0% 50% no-repeat; padding: 0 0 0 16px; font-size: 10px }
#body_head a       {color: #585858; text-decoration: underline}
#body_head a:hover {color: #333; text-decoration: none}

#body_contain { padding: 17px; color: #333}
#body_contain p {font-size: 11px; line-height: 14px}
#body div.trim {width: 100%; height: 8px; background: #DDD url('images/body_trim.gif') 0% 0% repeat-x; margin: 0; font-size: 1px; line-height: 1px;}
.body_tips         { width: 180px; float: left}
.body_tips_r       { width: 180px; border-left: 1px solid #EBEBEB; float: left}
.body_tips_i {padding: 15px 0 0 5px}
.body_tips_i img {margin: 0 10px; text-align: left }
.body_tips_i span    { color: #E05C05; text-decoration: none; background: transparent url('images/a_dot_red.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; display: block; font-weight: bold; font-size: 10px }
.body_tips_i a,.body_tips a        { display: block; color: #42A413; text-decoration: none; background: transparent url('images/a_dot_green.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; font-weight: bold; font-size: 10px }
.body_tips_i a:hover {  color: #42A413; text-decoration: underline }

#foot      { width: 560px }
#foot_i    { border: 1px solid #E2E2E2; color: #CCC }
#foot_left  { float: left; padding: 6px; font-size: 10px }
#foot_left a { color: #E05C05; text-decoration: none }
#foot_left a:hover {color: #F06C15; text-decoration: underline }
#foot_right { float: right; margin: 6px 0; background: transparent url('images/a_dot_grayw.gif') 0% 50% no-repeat; padding: 0 5px 0 16px; font-size: 10px }
#foot_right a {color: #CCC; text-decoration: none}
#foot_right a:hover {color: #999; text-decoration: underline}


.redorange {color: #E05C05}

#login_form label {display: block; float: left; width: 80px; }
#reg_form label {display: block; float: left; width: 100px; }
#reg_form i     {font-weight: bold; color: #F06C15}

.important {font-style: italic; color: #F06C15 }
.clear {clear: both; width: 100%; height: 1px; line-height: 1px; font-size: 1px; margin: 0; padding: 0}

.detailSection {width: 600px; border-top: 1px solid #EEE; background: #EEE; border-bottom: 1px solid #EEE; margin: 5px 0; text-align: left}
.detailSection h3 {display: block; width: 150px; padding: 3px; margin: 0 auto 0 0; font-size: small}

.sekceg {margin: 20px 0 0}
.sekce {width: 400px; float: left}
.sekce a {color: #42A413; text-decoration: none; font-size: 10px}
.sekce a:hover {color: #42A413; text-decoration: underline}
.sekce h2 a {color: #E05C05}
.adiv {display: block; float: left; margin: 0}
.sekcei {font-size: 10px}
.sekceg img {float: left; width: 80px; height: 100px; margin: 0 15px 8px 0 }

.gooddetail_popis {font-size: 10px}
#gooddetail {width: 600px}
#gooddetail #detailImage img {float: left; width: 200px; height: 250px; margin: 0 15px 100px 0; border: none }
.param {float: left; width: 300px}
.grayrow { color: #333; margin: 6px 0; background: transparent url('images/a_dot_grayw.gif') 0% 50% no-repeat; padding: 0 5px 0 16px; font-size: 10px; font-weight: bold }
.urceni {display: block; padding: 40px 0 0 0; font-size: 10px}
.gooddetail_cena { font-size: 13px; color: #E05C05; margin: 4px 0; background: transparent url('images/a_dot_red.gif') 0% 50% no-repeat; padding: 0 0 0 16px; font-weight: bold}
#gooddetailform .text {width: 40px; height: 16px; background: #F4F4F4; border: 1px solid #E8E8E8; color: #42A413; font-size: 10px; text-align: right; font-weight: bold}
#gooddetailform .submit {border: none; margin: 0 0 0 8px; color: #42A413; text-decoration: none; background: transparent url('images/a_dot_green.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; text-align: left; font-weight: bold; font-size: 10px}
#gooddetailform {color: #42A413; font-size: 10px; font-weight: bold }
#gooddetailform .left {float: left; font-size: 10px }
#gooddetailform a {color: #333; text-decoration: underline; font-weight: normal}
#gooddetailform a:hover {color: #999; text-decoration: none}

#kosik {border-collapse: collapse; border: none; background: #F1F1F1; width: 590px }
#kosik th, #kosik td {border: 1px solid #FFF; font-size: 10px; text-align: left; color: #666; padding: 3px}
#kosik td {font-weight: normal}
#kosik thead {background: #E0E0E0}
#kosik th {font-weight: bold}
#kosik tfoot td {background: #FFF; color: #42A413; font-weight: normal}
#kosik input.text {border: 1px solid #CCC; width: 30px; height: 16px; text-align: center; font-weight: bold; font-size: 10px; color: #666}
#kosik input.submit {border: none; color: #42A413; font-weight: bold; background: #FFF}
#kosik span {display: block; color: #42A413; text-decoration: none; background: transparent url('images/a_dot_green.gif') 0% 50% no-repeat; padding: 1px 0 0 16px; font-size: 10px }
#kosik a {color: #E05C05; font-weight: normal; text-decoration: underline}
#kosik a:hover {color: #D04C15; text-decoration: none}

.selectBasket {font-size: 10px; font-family: verdana; width: 160px}
.optionBold   {color: #C33}



#objednat_right {width: 500px; font-weight: bold; font-size: 10px; color: #666}
#objednat_right span {color: #333; font-size: 9px; font-weight: normal}
#objednat_right textarea {width: 360px; height: 80px; border: 1px solid #CCC; margin: 5px 0}
#objednat_right a {color: #42A413; text-decoration: underline}
#objednat_right a:hover {color: #62C433; text-decoration: none}
#objednat_aright {width: 70px; padding: 0 0 0 300px}
#objednat_aright input {color: #E05C05; text-decoration: none; background: transparent url('images/a_dot_red.gif') 0% 50% no-repeat; padding: 2px; font-weight: bold; font-size: 10px; border: 1px solid #E05C05; text-align: center}

.categories {font-size: 1.8em}
.categories ul { list-style: none; margin: 1px 0 1px 8px; padding: 0; _margin-left: 10px}
.categories li { margin: 0; padding: 0; font-size: 0.7em; line-height: 1.4em}
.categories li a {color: #333;}
.categories li a:hover {color: #000}
.categories ul ul { margin-left: 10px; font-size: .9em; list-style-position: outside; list-style-type: square; list-style-image: url('images/ul.gif') }
.categories ul ul li { font-size: 0.9em }
.categories ul li a {text-decoration: underline;}
.categories ul ul ul ul li a {font-size: 1.2em; text-decoration: underline; color: #666}
.categories ul ul ul li a {text-decoration: none; color: #C33}


#sett {width: 100%; margin: 8px 0 0; padding: 3px 0; border: 1px solid #999; background: #EEE; border-left: none; border-right: none; text-align: right}
#sett p {margin: 0; padding: 0; line-height: 21px}
#sett form {margin: 0; padding: 0}
#sett select {font-size: 9px; height: 18px; font-family: verdana}
#sett option {font-size: 9px; font-family: verdana}

#sett #selectLineLeft  {float: right}
#sett #selectLineRight {float: right; margin-left: 140px; _margin-left: 70px}
#sett .clear {clear: both}

.btnHledat0 { width: 163px; height: 33px; background: transparent url(images/btn-hledat0.gif) 0% 0% no-repeat; border: none; font-size: 14px; height: 29px; display: block; font-weight: bold; margin: 0 0 0 4px; cursor: pointer }
.btnHledat1 { width: 163px; height: 33px; background: transparent url(images/btn-hledat1.gif) 0% 0% no-repeat; border: none; font-size: 14px; height: 29px; display: block; font-weight: bold; margin: 0 0 0 4px; cursor: pointer }

.btnPrihlasit0 { width: 138px; height: 31px; background: transparent url(images/btn-prihlasit0.gif) 0% 0% no-repeat; border: none; font-size: 14px; height: 29px; display: block; font-weight: bold; margin: 0 0 0 4px; cursor: pointer }
.btnPrihlasit1 { width: 138px; height: 31px; background: transparent url(images/btn-prihlasit1.gif) 0% 0% no-repeat; border: none; font-size: 14px; height: 29px; display: block; font-weight: bold; margin: 0 0 0 4px; cursor: pointer }

/* Podstr?nky potisk*/
  #cenik-potisku table,td,td{
  border-collapse: collapse;
  }
  #cenik-potisku th{
  border: 1px solid black;
   }

  #cenik-potisku table,td{
  border: 1px solid black;
  }



  #cenik-potisku th {
  font-weight: bold;
  text-align: left;
  display: table-cell;
  background-color: #E9F2DA;
  color: #436E15;
  }
  #cenik-potisku th.nadpis {
  background-color: #263801;
  color: white;

  }
  #cenik-potisku h3{
  font-size: 1.2em;
  }
/*kontakt9 formulář*/

  #kontaktni-formular .errorBlock{
      color: #933;
      margin-bottom: 16px;
  }

  #kontaktni-formular {
  width: 370px;
  border: 1px solid #263801;
  padding: 1em;
  }

  #kontaktni-formular input,textarea{
  background-color: #E9F2DA;
  }

  #kontaktni-formular #submit, #reset{
  background: transparent url(images/btn-hledat0.gif) 0% 0% no-repeat; border: none; font-size: 14px; height: 29px; display: inline; font-weight: bold; margin: 0 0 0 4px; cursor: pointer;
  }


  .top {
  margin: 0px 0px;
  text-align: right;
  }

  .potisk-postup {
  float: left;
  margin: .5em;
  width: 180px;
  color: darkgreen;
  font-weight: bold;
  text-align: center;
  }

  .potisk-postup h2 {
   margin: 0px;
   font-size: 1.8em;
  text-align: left;
  }


#navrcholu { margin: 0px auto; margin-top: 30px; text-align: center }
#navrcholu img {width: 80px; height: 15px; border: none }


/******************************************************************************/
/************* Tlačítka koupit a ceny na hlavní stránce ***********************/
/******************************************************************************/

div.priceBuy {
/* prvek združující cenu a tlačístko koupit - střední sloupec*/
position: absolute; 
top: 90px; 
_right: 30px; 
width: 100px; 
height: 60px; 
text-align: 
center; 
margin-left: 160px;
}

div.priceBuy .textPriceNoTax {
/* změna písma u "cena bez DPH" */
font-size: .8em; color: gray;
}

div.priceBuy .priceNoTax {
/* změna písma u ceny bez DPH" */
font-size: 11px; color: #436E15
}

div.priceBuySmall {
/* prvek združující cenu a tlačístko koupit - střední sloupec*/
position: absolute; 
top: 90px; 
right: 0px; 
width: 100px; 
height: 60px; 
text-align: 
center; 
margin-left: 160px;
}


a.button1 {
display: block; 
margin: 0 auto;
margin-right: 15px;
padding-top: 5px; 
background: #FFF url('./images/btn-small0.gif') 0 0 no-repeat; 
width: 76px; 
height: 28px; 
color: #000; 
font-weight: 900;
text-decoration: none;
}

.rightSideItem { background: #FFF; width: 138px; margin: 0 auto 5px auto }
.rightSideItem div { padding: 5px }
.rightSideItem strong { color: #436E15 }
.rightSideItem .price { font-size: 16px }
.rightSideItem a.button {display: block; margin: 0 auto; background: #FFF url('./images/btn-small0.gif') 0 0 no-repeat; width: 76px; height: 28px; color: #000; text-decoration: none}
.rightSideItem span {display: block; padding: 5px; font-weight: bold; font-size: 11px}
.rightSideItem img {width: 125px; height: 100px; display: block; padding: 0; margin: 0 auto}

.searchinput {width: 150px; margin: 0 0 0 7px; font-size: 11px}


.right_form_input_user, .right_form_input_pass_hidden,.right_form_input_pass {display: block; width: 134px; margin: 0 auto}

#odkazy li {margin-bottom: 10px;}

#dovolena {
height: 254px;
    width: 270px;
position: absolute;
top: -80px;
left: 630px;
background: url(images/dovolena-2010.png) no-repeat top;
_background: url(images/dovolena-2010.png) no-repeat top;
z-index: 9;
}


.rightBlock {padding: 5px; text-align: left; font-size: 80%}
.rightBlock p {font-size: 110%}
.rightBlock a {color: #333}
.rightBlock a:hover {color: #999}

input.loginText, input.searchText, input.loginTextHidden { 
 display: block;
 float: left;
 clear: both;
	margin: 0 auto 2px; 
	width: 130px;
	border: 1px solid #ccc; 
	background: #FFF;
	color: #000; 
}
input.searchText {
  float: left;
}
input.loginTextHidden {
  display: none
}
input.loginText:hover { 
	border: 1px solid #808080; 
}

.goodTableList {
	border-collapse: collapse
}

.goodTableList .rowType1 {
	background: #fff;
}
.goodTableList .rowType2 {
	background: #f2f2f2;
}

.goodTableList .label {
	padding: 4px
}

.goodTableList .price {
	text-align: right
}

.goodTableList a {
	color: #333;
	text-decoration: none;
	font-size: 120%
}
.goodTableList a:hover {
	color: #aaa;
	text-decoration: underline
}




#gallery   {
	width: 600px;
}

#gallery a {
	display: block;
	float: left;
	white-space: nowrap;
	border: 1px solid #FFF;
	text-decoration: none;
}

#gallery a:hover {
	border: 1px solid #999;
}

#gallery a img {
	display: block;
	width: 125px;
	height: 100px;
	border: 5px solid #fff;
	padding: 0;
	margin: 0;
	clear: both;
}