@charset "utf-8";
/* CSS Document */


/********** LAYOUT **********/

body 
{ 
margin: auto; 
padding: 0;
background: #363636 url(../img/bg.jpg) repeat-x; 
text-align: center; 
font-family: "Calibri", "Trebuchet MS", "Geneva CE", lucida, sans-serif !important;
font-size: 10pt !important;
color: #111111;
} 


.noscreen {
display: none;
}

.ghost {
visibility: hidden;
}

.noborder {
border: 0 !important;
}

h1 {
display: block;
width: 311px;
height: 84px;
margin: 0;
padding: 0;
position: absolute;
left: 25px;
top: 24px;
}

h1 span {
background: url("../img/eshoplogo.jpg") no-repeat;
display: block;
width: 311px;
height: 84px;
}

#obal {
width: 1000px;
margin: 0 auto;
background: url(../img/bg-stred.jpg) center repeat-y;
position: relative; 
z-index: 1;
text-align: left;
}

#obsah {
width: 1000px;
margin-left: 22px;
_margin-left: 0px;
min-height: 350px;
_height: 350px;
position: relative; 
z-index: 3;
margin-top: -20px;
}

#left {
margin-left: 36px;
_margin-left: 29px;
margin-top: 15px;
float: left;
width: 172px;
}

#left-in {
margin-left: 6px;
width: 160px;
}

#center {
margin-left: 10px;
_margin-left: -8px;
float: left;
width: 518px;
min-height: 100px;
_height: 100px;
_overflow-x: hidden;
}

#right {
margin-left: 10px;
margin-top: 15px;
float: left;
width: 172px;
}

#right-in {
margin-left: 6px;
width: 160px;
}

#top {
width: 1000px;
height: 175px;
background: url(../img/bg-top.jpg) top left no-repeat;
position: relative; 
z-index: 2;
}

#topmenu{
width: 650px;
height: 40px;
position: absolute;
bottom: 45px;
right: 50px;
}

#topmenu ul li {
float: right;
list-style-type: none;
margin: 0 7px 7px 7px;
font-size: 1.1em;
}

#topmenu ul li a {
color: #ffffff;
}

#topmenu ul li a:hover {
color: #f58220;
}

#topmenu ul li#active a {
color: #f58220;
}


#bottom {
width: 1000px;
min-height: 60px;
_height: 60px;
background: #363636 url(../img/bg-bottom.jpg) top left no-repeat; 
position: relative; 
z-index: 2;
}

#bottom-in {
width: 904px;
margin: 0 auto;
position:relative;
top: 37px;
font-size: 0.8em;
color: #c2c2c2;
}

#smlogo {
position:absolute;
top: 0;
right: 0;
}



/********** DALŠÍ STYLY **********/

#activeClient p {
line-height: 1em;
text-align: right;
}

#activeClient p img {
vertical-align: middle;
}

.homecard-left {
font-size: 0.8em;
display: block;
width: 140px;
clear: both;
margin: 0;
padding: 0;
}

#tabulkaVelka {
font-size: 0.9em;
text-align: center;
}

#tabulkaVelka th {
background: #252525;
color: #fed206;
color: white;
font-weight: bold;
padding: 1px;
}

#tabulkaVelka tr:hover td {
background: #ffe56d;
}

#tabulkaVelka td {
background: #f7f7f7;
padding:1px;
}

.highslide-caption {
display: none;
}

.card {
width: 80%;
margin: 30px auto;
}

.rozbalitko {
color: #808080 !important;
font-size: 1.3em;
text-decoration: none !important;
}

.rozbalitko:hover {
color: #080808 !important;
font-size: 1.3em;
}

/********** MENU **********/

/* tri sloupce menu */
ul.subnav {
list-style-type: square !important;
font-size: 14px;
width: 25%;
_width: 23%;
float: left;
}

.subnav li {
padding: 3px;
list-style-type: square;
}

.subnav li#active a, .subnav li#active {
color: #FED206;
font-weight: bold; 
}
/* tri sloupce menu - konec */

.submenudiv {
float: left;
width: 100%;
_position: relative;
_z-index: 10;
}

.usermenu {
margin: 5px auto 10px auto;
width: 720px;
height: 60px;
padding: 0 15px;
line-height: 60px;
_padding-top: 10px;
background-image: url(../img/lista-navigace.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.usermenu a {
font-weight: bold;
text-decoration: none;
font-size: 1em;
}

.usermenu a:hover {
font-weight: bold;
text-decoration: none;
font-size: 1em;
}

.usermenu img{
vertical-align: middle;
}

#smweb-menu {
position: absolute;
top: 170px;
left: 22px;
height: 41px;
overflow: hidden;
color: #252525;
max-width: 760px;
font-size: 0.9em;
}

#smweb-menu a {
color: #ffffff;
text-decoration: none;
}

#smweb-menu a:hover {
color: #aac006;
text-decoration: none;
}

#smweb-menu li#active a {
color: #ffffff;
text-decoration: none;
}

#smweb-menu a {
color: #ffffff;
}

#smweb-menu ul {
margin: 0;
padding: 0;
height: 28px;
cursor: default;
list-style-type: none;
_display: inline;
_width: 100%;
color: #ffffff;
}

#smweb-menu ul li {
float: left;
_width: auto;
height: 28px;
width: 121px;
position: relative;
text-align: center;
background: url(../img/zalozka-inactive.gif) no-repeat;
padding-top: 7px;
}

#smweb-menu ul li#active {
background: url(../img/zalozka-active.gif) no-repeat;
}

#mainmenu ul {
margin: 0 0 0 10px;
padding: 0;
list-style: none;
}

#mainmenu ul li {
padding: 0;
}

#mainmenu ul li a {
padding: 0 10px;
}

#mainmenu ul li ul {
padding: 0;
margin: 2px 0 4px 10px;
list-style: none;
font-size: 90%;
}

#mainmenu li {
padding-left: 10px;
background-image: url(../img/sipka-zav.gif);
background-repeat: no-repeat;
background-position: 0 3px;
}

#mainmenu li.active {
background-image: url(../img/sipka-otev.gif);
background-repeat: no-repeat;
background-position: 0 4px;
}

#mainmenu a.active-link {
font-weight: bold;
color: #111111 !important;
}


#mainmenu-web ul {
padding: 0 0 0 0px;
_padding: 0;
margin: 0;
list-style: none;
}

#mainmenu-web ul li {
background: #bfbfbf;
padding: 3px;
padding-left: 7px;
margin-bottom: 3px;
}

#mainmenu-web ul li a {

}

#mainmenu-web li.active {
background: #9c9c9c;
}

#mainmenu-web li.active a{
font-weight: normal;
color: white;
}

#mainmenu-web a.active-link {
font-weight: normal;
color: white;
}

#submenu-drobs {
font-size: 0.9em;
color: #666666;
}

#submenu-drobs a {
font-size: 0.9em;
color: #252525;
}

.moveSet {
margin-left: 20px;
}

/********** HLEDANI **********/

.searchBox {
margin: 10px;
padding: 10px;
}

.searchres {
margin-top: 30px;
margin-bottom: 40px;
}

.searchres li {
list-style-type: square;
line-height: 1.7em;
font-size: 1.1em;
}

.searchres li.AllIndent {
list-style-type: none;
margin-left: 10px;
line-height: 2.0em;
font-size: 1.2em;
}

.searchres li a {
text-decoration: none !important;
}

.searchlist {
margin: 0;
padding: 0;
cursor: default;
list-style-type: none;
display: inline;
width: 100%; /*ie*/
}

.searchlist li {
margin: 5px 0;
}

/********** TRAVELTABLE **********/

.traveltable a
{ 
text-decoration: none !important;
color: #372f2d !important; 
}

.traveltable a:hover
{ 
text-decoration: none !important;
color: #372f2d !important; 
}

.traveltable img
{
width: auto !important;
height: auto !important;
}

.traveltable {
table-layout: auto;
border-collapse: collapse;
border: 0;
margin: 0 auto;
_width: 510px;
font-size: 0.9em;
}

.traveltable img {
width: auto;
height: auto;
}

.traveltable thead tr td {
padding: 5px; 
background-color: #252525 !important;
color: white;
font-weight: bold;
text-align: center;
}

.traveltable thead tr:hover td {
padding: 5px;
background-color: #252525 !important; 
}

.traveltable thead tr td:hover {
padding: 5px;
background-color: #252525 !important;
}

.traveltable tfoot td {
padding: 5px; 
background-color: #252525 !important;
color: white;
font-weight: bold;
}

.traveltable tfoot tr:hover td {
padding: 5px;
background-color: #252525 !important; 
}

.traveltable tfoot tr td:hover {
padding: 5px;
background-color: #252525 !important;
}

.traveltable tbody tr {
padding: 3px 0 3px 0;
background-color: #ffffff;
}

.traveltable tbody tr.oddrow {
padding: 3px 0 3px 0; 
background-color: #ebebeb;
}

.traveltable tbody td {
padding: 5px; 
text-align: center;
}

.traveltable tbody td img {
margin: auto;
max-width: 80px;
_width: 80px;
text-align: center;
}

.traveltable tbody tr.oddrow td {
padding: 5px; 
background-color: #e8eef0;
}

.traveltable tbody tr:hover td {
padding: 5px;
background-color: #FFF9AE !important; 
}

.traveltable tbody tr td:hover {
padding: 5px;
background-color: #fff9c2 !important;
}

.traveltable tbody tr td:hover a:hover {
color: #252525;
}

/********** GALLERY **********/

.tym-foto {
padding: 0px;
float: left;
}

#gall {
width: 500px;
@width: 500px;
padding: 0 0px 20px 20px;
@padding: 0 0px 20px 0px;
margin: 20px auto 0 auto;
}


.gallrow {
width: 100%;
min-height: 150px;
overflow: hidden;
}

#gall a img {

border: 0 !important;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


#gall a img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.zajezd-foto {
margin: 0px 15px 0px 0;
}

.column-foto {
margin: 0px;
max-width: 120px;
_width: 120px;
}

.tym-foto img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

#gallery {
width: 500px;
line-height: 1.8em;
}
#gallery strong {
color: #808080;
padding: 10px 10px 23px 0;
}

#gallery a {
font-size: 1.2em !important;
margin-left: 10px;
text-decoration: none;
margin-right: 10px;
}

#gallery a:hover {
color: #252525 !important;
text-decoration: underline;
} 

#gallery a.active {
color: #252525 !important;
font-weight: bold;
text-decoration: none;
}

.tym-foto img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.notym-foto img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


.notym-foto img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.c_photos {
	position: relative;
  width: 160px;
  overflow-x: hidden;
  @float: left;
  height: 133px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
  margin: 0px;
/*background-color: red;*/
}

.c_photos div, .c_photos_small div {
	text-align: center !important;
	margin: 0 auto;
	padding: 0px;
	@width: 100%;
	@position:absolute;
	@top: 50%;
	@left: 0;
/*border: 1px solid yellow;*/

}
.c_photos p, .c_photos_small p {
	text-align: center !important;
	margin: 0 auto;
	@position: relative;
	@top: 0%

	
/*border: 2px solid #808080;*/
}
.c_photos img, .c_photos_small img {
	display: block;
	text-align: center !important;
	position: relative;
	left: 0;
	border: 0 !important!;
	margin: 0 auto;
}

.c_photos p.popisek, .c_photos_small p.popisek {
padding: 10px 5px;
margin: 0;
	@position: relative;
	@bottom: 0;
background: none !important;
border: 0 !important;
}




a img.smalldetail {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

a:hover img.smalldetail {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}


/* DEFINE Gallery SM Web 1.3.1 */

.gallery {
line-height: 2.0em;
margin-left: 10px;
padding: 0;
}

.highslide-caption {
display: none;
}

.gall {
margin: 0 15px;
padding: 0;
}

.tym-foto-outer {
display: table;
height: 130px;
_position: relative;
overflow: hidden;
float: left;
width: 150px;
}

.tym-foto {
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
}

.c_photos {
width: 133px;
overflow: hidden;
margin: 0;
padding: 0;
float: left;
text-align: center;
position: relative;
_top: -50%
}

.c_photos p {
margin: 0;
padding: 0;
text-align: center;
}

.c_photos img {
max-height: 100px;
max-width: 133px !important;
margin: 0;
padding: 0;
border: 0 !important;
}

.c_photos a img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

.c_photos a:hover img {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.c_photos .highslide-caption2 {
background-image: url(../ico/bgblack70pc.png);
background-repeat: repeat;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0;
height: 20px;
_overflow: hidden;
_background-color: expression(
  this.onmouseover = new Function("this.className += ' hover';"),
  this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
);
}


.c_photos .highslide-caption2 .popisek {
background-image: url(../ico/gallery-sipkaclosed.png);
_background-image: url(../ico/gallery-sipkaclosed-msie.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
padding: 0 4px 0 20px;
margin: 0;
color: #ffffff !important;
_height: 20px;
font-size: 1em !important;
cursor: help;
line-height: 20px;
}

.c_photos .highslide-caption2.hover, .c_photos .highslide-caption2:hover {
height: 100%;
cursor: help;
}

.c_photos .highslide-caption2:hover .popisek {
background-image: url(../ico/gallery-sipkaopen.png);
line-height: 1.2em;
}

.c_photos .highslide-caption2.hover .popisek {
background-image: url(../ico/gallery-sipkaopen-msie.gif);
line-height: 1.2em;
}

/* END Gallery SM Web 1.3.1 */

/********** FORMULÁŘE, REZERVACE + pomocné **********/


/* left */

#left-in input
{
border: 1px solid #c7c7c7;
width: 155px;
padding: 2px;
color: #333333;
font-size: 0.9em;
}

#left-in select
{
border: 1px solid #c7c7c7;
width: 170px;
padding: 1px; 
color: #333333;
font-size: 0.9em;
}

#left-in input.halfinput
{
width: 75px !important;
text-align: right;
font-size: 0.9em;
}

#left-in input.odeslat-left
{
border: 1px solid #c7c7c7;
width: auto;
padding: 2px 5px 2px 5px;
margin: 5px 0 5px 0;
background-color: #080808;
background-image: url(../img/bg-button.jpg);
font-size: 0.9em;
background-position: top left;
background-repeat: repeat-x;
color: white;
float: right;
}

/* left - konec */


/* right */

#right input {
border: 1px solid #c7c7c7 !important;
}

#right input#yourname{
height: 15px !important;
width: 130px;
font-size: 0.9em;
}

#right input#login-usern{
height: 15px !important;
width: 130px;
font-size: 0.9em;
}

#right input#login-passwd{
height: 15px !important;
width: 130px;
font-size: 0.9em;
}

#right input#yourmail{
height: 15px !important;
width: 130px;
font-size: 0.9em;
}

#right input#newsmail{
height: 15px !important;
width: 130px;
font-size: 0.9em;
}

#right label{
text-align: left;
font-weight: bold;
font-size: 0.9em;
}

/* right - konec */


/* searchform */

#searchform input
{
border: 1px solid #c7c7c7;
width: 165px;
padding: 2px; 
color: #333333;
font-size: 0.9em;
background: white;
}

#searchform select
{
border: 1px solid #c7c7c7;
width: 170px;
padding: 1px; 
color: #333333;
font-size: 0.9em;
font-size: 0.9em;
background: white;
}

#searchform label {
@margin-left: -15px;
}

#searchform input.halfinput
{
width: 76px !important;
text-align: right;
font-size: 0.9em;
font-size: 0.9em;
background: white;
}

#searchform input.inputcheck
{
width: 25px !important;
border: 0 !important;
margin-top: 8px;
}

#searchform input.odeslat-center
{
color: white;
width: 70px;
padding: 2px;
margin: 10px 0;
background-color: #080808;
background-image: url(../img/bg-button.jpg);
background-position: top left;
background-repeat: repeat-x;
font-size: 0.9em;
}

form#searchform {
padding-top: 15px;
background: #d9edc6;
}

form#searchform label {
width: 230px !important;
text-align: right !important;
font-weight: bold;
color: #252525;
display: inline-block;
}

/* searchform - konec */

/* odeslattlačítka */

input.odeslat-center-seda { 
border: 1px solid #898989;
width: auto;
padding: 2px;
margin: 0;
background-color: #c6c6c6;
background-image: url(../img/bg-button-seda.jpg);
font-size: 0.9em;
background-position: top left;
background-repeat: repeat-x;
color: white !important;

height: 100% !important;
}

input.odeslat-center
{
border: 1px solid #c7c7c7;
width: auto;
padding: 2px 5px 2px 5px;
margin: 0;
background-color: #080808;
background-image: url(../img/bg-button.jpg);
font-size: 0.9em;
background-position: top left;
background-repeat: repeat-x;
color: white !important;
height: 100% !important;
}

input.odeslat-right
{
border: 1px solid #333333 !important;
width: auto;
padding: 2px 5px 2px 5px;
margin: 0;
background-color: #080808;
background-image: url(../img/bg-button.jpg);
font-size: 0.9em;
background-position: top left;
background-repeat: repeat-x;
color: white !important;

height: 100% !important;
}

/* odeslattlačítka - konec */


/* doporucteprodukt */

#doporucte-produkt form#rezervace label {
width: 80px !important;
text-align: right !important;
font-weight: bold;
color: #252525;
display: inline-block;
margin-right: 5px;
}

#doporucte-produkt form p input.odeslat-center {
position: relative;
left: 115px;
width: 70px;
height: 100% !important;
}

#doporucte-produkt {
border-top: 1px dotted #252525;
border-bottom: 1px dotted #252525;
font-size: 0.9em;
}

#doporucte-produkt input {
font-size: 0.9em !important;
height: 100% !important;
}

#doporucte-produkt label {
vertical-align: middle;
}

/* doporucteprodukt - konec */


/* rezervace */

form#rezervace fieldset legend{
width: 350px;
text-align: left;
color: #8f9626;
} 

form#rezervace fieldset label{
width: 115px;
text-align: right;
display: inline-block;
margin-right: 8px;
} 

form#rezervace fieldset input{
width: 200px;
text-align: left;
display: inline-block;
} 


#rezervace .warn
{
text-align: center;
font-weight: bold;
color: #990000;
}

#rezervace fieldset
{
width: 525px;
margin: auto; 
border: 0;
padding: 10px;
margin: 10px;
}

#rezervace legend
{
color: #a60000;
width: 100px;
text-align:center;
font-weight:bold;
margin-bottom: 0.1em;
}

#rezervace label
{
float: left;
width: 195px;
padding-left:10px;
}

#rezervace label code
{
font-size: 70%;
font-style: italic;
}

#rezervace input, select
{
border: 1px solid #c7c7c7;
width: 170px;
height: 20px;
color: #333333;
margin-bottom: 8px;
}

#rezervace input.odeslat
{
border: 0 !important;
margin-left: 195px;
width: auto !important;
height: auto !important;
margin-bottom: 8px;
margin-top: 8px;
}

#rezervace p input.odeslat
{
margin: 0;
}

#rezervace p
{
padding: 0;
padding-top: 20px;
}


#rezervace label.checkBoxStyle
{
height: 14px;
}

#rezervace input.checkBoxStyle
{
width: 14px;
height: 14px;
border: 1px solid #c7c7c7;  
}

#rezervace textarea
{
border: 1px solid #c7c7c7;
width: 385px;
height: 150px;
margin-bottom: 8px;
}

#rezervace input.odeslat
{
background-color: #8560a8 !important;
border: 1px solid #c7c7c7 !important;
color: #ffffff !important;
margin-left: 90px;
height: 20px;
}

#rezervace #submitbutton
{
margin-left: 107px;
width: 180px;
}

/* rezervace - konec */


/* mailbox */


#mailbox .warn
{
text-align: center;
font-weight: bold;
color: #990000;
}

#mailbox fieldset
{
width: 525px;
margin: auto; 
border: 0;
padding:10px;
}

#mailbox legend
{
color: #8f9626;
width: 100px;
text-align:center;
font-weight:bold;
margin-bottom: 0.1em;
}

#mailbox label
{
float: left;
width: 55px;
padding-left:10px;
}

#mailbox label code
{
font-size: 70%;
font-style: italic;
}

#mailbox input, select
{
border: 1px solid #c7c7c7;
width: 170px;
height: 20px;
color: #333333;
margin-bottom: 8px;
}

#mailbox textarea
{
border: 1px solid #c7c7c7;
width: 255px;
height: 120px;
margin-bottom: 8px;
}

#mailbox input.odeslat
{
margin-left: 65px;
background-color: #080808;
background-image: url(../img/bg-button.jpg);
background-position: top left;
background-repeat: repeat-x;
font-size: 0.9em;
color: white;
width: 100px;
}

#mailbox #submitbutton
{
margin-left: 107px;
width: 180px;
}

/* mailbox - konec */

#obchodni-podminky {
width: 400px;
height: 130px;
margin: 0 auto;
background-color: #ffffff;
border: 1px solid #c7c7c7;
overflow: auto;
margin-top: 30px;
padding: 5px;
font-family: "Courier New", Courier, monospace !important;
}

.obchodni-podminky-check {
margin: 4px 5px 0 30px;
}

.orderfilter input.odeslat {
border: none !important;
background: none !important;
}

input.odeslat-left {
_cursor: hand;
cursor: pointer;
}

input.odeslat-center {
_cursor: hand;
cursor: pointer;
}

input.odeslat-right {
_cursor: hand;
cursor: pointer;
}

fieldset {
padding: 10px;
margin: 15px 6px;
}

.warn
{
color: #9e0b0f;
font-weight: bold;
font-size: 1.2em;
}

.ClientSection {
text-align: center;
line-height: 1.7em;
}

.ClientSection a, .ClientSection a:hover {
text-decoration: none !important;
}

.loginFormStyle label {
text-align: right; 
width: 155px !important;
float: left;
margin-top: 3px;
}

.loginFormStyle input {
margin-left: 10px;
margin-top: 3px;
margin-right: 10px;
border: 1px solid #808080;
}

.loginFormStyle input.odeslat {
margin-left: 10px;
margin-top: 8px;
margin-right: 10px;
border: 0 !important;
}

.fieldsetBox {

}

.fieldsetBox label {
position: absolute; 
text-align: right; 
width: 105px;
margin-bottom: 2px;
}

.fieldsetBox input.normInput, .fieldsetBox select.normInput {
width: 220px;
position: relative;
left: 115px;
margin-bottom: 2px;
}

.fieldsetBox label.checkBoxInput {
position: absolute; 
text-align: left; 
width: 305px;
padding: 0 38px;
margin-bottom: 2px;
}

.fieldsetBox select.checkBoxInput {
width: 20x;
position: relative;
left: 315px;
margin-bottom: 4px;
}

.fieldsetBox textarea {
width: 240px;
height: 100px;
position: relative;
left: 115px;
}

.addcart_input {
width: 25px;
margin: 5px;
border: 1px solid #808080;
}


.wcard {
width: 60px;
text-align: center;
float: left;
font-size: 0.80em;
margin: 0;
}

.wcard img {
margin: 3px 0;
}

.wcard p {
mrgin: 0;
padding: 0;
}

#winopener {
position: relative;
}

#thisUrlDiv {
display: none;
width: 160px;
border: 1px solid #c9c9c9;
height: 60px;
position: absolute;
top: -20px;
left: 110px;
text-align: center;
background-color: #fafafa;
padding: 6px;
}

#thisUrlDiv input {
border: 1px solid #808080;
margin: 2px;
padding: 2px;
background-color: #fcfcfc;
}

#thisUrlDiv em {
margin: 0px;
position: absolute;
top: 30px;
width: 160px;
height: 30px;
_height: 20px;
left: 0px;
padding: 0px;
}

#thisUrlDiv label {
margin: 2px;
padding: 2px;
}

.orderform {
float: right;
width: 30%;
height: 20px;
padding: 10px;
text-align: right;
}

.orderform p {
padding: 0;
margin: 0;
text-align: right;
float: right;
}

.orderform h2, h3, h4, h5 {
padding: 10px;
}


/********** eshop: DETAIL **********/

.fotocell {
padding: 20px 0 0 0;
margin-right: 10px;
width: 35%;
float: left;
background: #ebebeb;
}

.fotocell {
text-align: center;
}

.fotocell img {
max-width: 150px;
_width: 150px;
}

.topinfocell {
float: left;
width: 60%;
}

.infocell {
padding: 5px;
}

.proplist {
margin: 10px;
}

.proplist-hidden {
margin: 10px;
display: none;
font-size: 0.85em;
}

.prop-box {
margin: 20px 10px 10px 10px;
border-top: 1px solid #bababa;
}

.prop-box-odd {
margin: 20px 10px 10px 10px;
background-color: #fafafa;
border-top: 1px solid #bababa;
}

.prop-box-odd:hover, .prop-box:hover {
background-color: #FFF995;
}

#actVariant {
background-color: #FFF995;
}

#actVariant:hover {
background-color: #FFF9AE;
}

.prop-box input.odeslat, .prop-box-odd input.odeslat
{
color: white;
width: 70px;
background-color: #080808;
background-image: url(../img/bg-button.jpg);
background-position: top left;
background-repeat: repeat-x;
font-size: 0.9em;
border: 1px solid #808080;
padding: 2px;
}

.pager {
text-align: justify;
line-height: 1.5em;
}

.pictureThumb {
padding: 0;
margin: 0;
/*
min-height: 180px;
_height: 180px;*/
margin-bottom: 18px;
text-align: center;
}

.pictureThumb img {
margin: 5px auto;
padding: 0;
}

/********** prvky: BESTSEL, FILTRY, KOSIK, apod. **********/

#kosik {
text-align: left;
}

#kosik img {
vertical-align: middle;
}

.orderfilter {
margin: 15px auto;
padding: 5px 10px;
}

.orderfilter select {
width: 75px;
color: #7d7d7d;
font-size: 0.9em;
height: 18px;
}

.orderfilter select#ctlpages {
width: 40px;
}

.orderfilter {
color: #7d7d7d;
font-size: 0.8em;
}

.orderfilter .odeslat {
vertical-align: middle;
}

.bestsel {
text-align: left;
width: 165px;
height: 22px;
line-height:22px;
vertical-align: middle;
padding: 0 5px 0 5px;
background: url(../img/nejprodavanejsi.gif) no-repeat;
overflow: hidden;
margin-bottom: 5px;
font-size: 0.9em;
color: white;
}

#stats {
width: 100%;
text-align: center;
}


/********** TYPOgrafické **********/

#bottom a{
color: white;
}

#bottom a:hover{
color: #f2a31e;
}

a:hover {
color: #ea1d1d;
text-decoration: none;
}

a.ishover, a.active {
color: #ea1d1d;
font-weight: bold;
text-decoration: none !important;
}

a {
color: #080808;
text-decoration: none;
}


#center a {
color: #808080;
text-decoration: underline;
}

#center a:hover {
color: #ea1d1d;
text-decoration: underline;
}

hr { 
width: 100% !important;
border-width:0;
border-top:1px dotted #f26522;
height:0px;
text-align:center;
}

#left h3 {
color: #262626;
font-size: 1.1em;
font-weight: bold;
padding: 0px 0 0px 12px;
width: 172px;
height: 24px;
line-height: 27px;
position: relative;
left: -6px;
background: url("../img/bg-h3left.jpg") left center no-repeat;
}

#right h3 {
color: #262626;
font-size: 1.1em;
font-weight: bold;
padding: 0px 0 0px 12px;
width: 172px;
height: 24px;
line-height: 27px;
position: relative;
left: -6px;
background: url("../img/bg-h3right.jpg") left center no-repeat;
}

#center h2 {
font-size: 1.2em;
margin: 0;
padding: 20px 0 10px 0;
font-weight: bold;
color: #f58220;
}

#center h3 {
font-size: 1.1em;
padding: 7px 0 3px 5px;
margin: 0;
font-weight: bold;
color: #262626;
}

#center h4 {
font-size: 1em;
padding: 5px 0 3px 10px;
margin: 0;
font-weight: bold;
}

#center p {
padding: 5px 10px 5px 10px;
}

h2 a {
text-decoration: none !important;
}

#center h2 {
padding: 0;
}

.priloha a {
text-decoration: none !important;
font-weight: bold;
}

.priloha img {
vertical-align: middle;
border: 0 !important;
}

#kosik a {
color: #252525;
font-weight: normal;
padding-right: 2px;
}

#kosik a:hover {
color: #252525;
font-weight: normal;
padding-right: 2px;
background: #cfd56a;
}

#copyright a:hover {
color: #aac006;
}

.bestsel a {
color: white !important;
}

.bestsel a:hover {
color: #e9b242 !important;
}

img {
border: 0;
}

.topinfocell p, .infocell p {
text-align: justify;
padding: 5px;
}

.topinfocell h2, .infocell h2, .topinfocell h4, .infocell h4 {
margin-left: 0;
padding-left: 0;
}


.topinfocell h3, .infocell h3 {
margin: 4px 0;
padding: 2px 0;
}

#paticka-in p.smad {
position: absolute;
left: 10px;
bottom: 5px;
color: white;
font-size: 0.7em;
} 

#paticka-in p.smad a {
color: white;
} 

#paticka-in p.smad a:hover {
color: #fed206;
}

#paticka-in p.paticka-adresa {
float:right;
padding: 0;
margin: 0;
position: relative;
top: 50px;
right: 35px;
font-size: 0.7em;
color: white;
}

#paticka-in p.paticka-adresa2 {
float:right;
padding: 0;
margin: 0;
position: relative;
top: 50px;
right: 50px;
font-size: 0.7em;
color: white;
} 

#paticka-in p.paticka-adresa a {
color: white;
} 

#paticka-in p.paticka-adresa2 a {
color: white;
} 

#paticka-in p.paticka-adresa a:hover {
color: #fed206;
} 

/* editor */


/**
 * Core styles.
 */

.Bold
{
	font-weight: bold;
}

.Italic
{
	font-style: italic;
}

.Underline
{
	text-decoration: underline;
}

.StrikeThrough
{
	text-decoration: line-through;
}

.Subscript
{
	vertical-align: sub;
	font-size: smaller;
}

.Superscript
{
	vertical-align: super;
	font-size: smaller;
}

/**
 * Font faces.
 */

.FontComic
{
	font-family: 'Comic Sans MS';
}

.FontCourier
{
	font-family: 'Courier New';
}

.FontTimes
{
	font-family: 'Times New Roman';
}

/**
 * Font sizes.
 */

.FontSmaller
{
	font-size: smaller;
}

.FontLarger
{
	font-size: larger;
}

.FontSmall
{
	font-size: 8pt;
}

.FontBig
{
	font-size: 14pt;
}

.FontDouble
{
	font-size: 200%;
}

/**
 * Font colors.
 */
.FontColor1
{
	color: #ff9900;
}

.FontColor2
{
	color: #8560a8;
}

.FontColor3
{
	color: #9e0b0f;
}

.FontColor1BG
{
	background-color: #ff9900;
}

.FontColor2BG
{
	background-color: #8560a8;
}

.FontColor3BG
{
	background-color: #9e0b0f;
}

/**
 * Indentation.
 */

.Indent1
{
	margin-left: 40px;
}

.Indent2
{
	margin-left: 80px;
}

.Indent3
{
	margin-left: 120px;
}

/**
 * Alignment.
 */

.MarginedSmall {
margin: 5px;
}

.MarginedMiddle {
margin: 10px;
}

.JustifyLeft
{
	text-align: left;
}

.JustifyRight
{
	text-align: right;
}

.JustifyCenter
{
	text-align: center;
}

.JustifyFull
{
	text-align: justify !important;
}

/**
 * Template Layouts.
 */

div.leftdiv {
float: left;
width: 50%;
}

div.rightdiv {
float: right;
width: 50%;
}

div.asyleftdiv {
float: left;
width: 66%;
}

div.asyrightdiv {
float: right;
width: 33%;
}

div.clearboth {
clear: both;
visibility: hidden;
height: 1px;
width: 100%;
}

div.thleftdiv {
float: left;
width: 33%;
}

div.thcenterdiv {
float: left;
width: 34%;
}

div.thrightdiv {
float: left;
width: 33%;
}



/**
 * Other.
 */

code
{
	font-family: courier, monospace;
	background-color: #eeeeee;
	padding-left: 1px;
	padding-right: 1px;
	border: #c0c0c0 1px solid;
}

kbd
{
	padding: 0px 1px 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
}

blockquote
{
	color: #808080;
	font-style: italic;
	text-align: justify;
}

ul {
	font-size: 1em;
}

/********** SHOP-ITEM (položka boxík) **********/

.shop-item {
width: 164px;
height: 227px;
margin: 3px;
_margin: 3px;
background: url(../img/bg-polozka.jpg) top left no-repeat;
float: left;
position: relative;
}

.shop-item-photo {
width: 144px;
height: 105px;
line-height: 125px;
vertical-align: middle;
text-align: center;
position: absolute;
left: 10px;
top: 10px;
}

.shop-item-photo img {
max-width: 144px;
max-height: 105px;
text-align: center;
position: relative;
_width: 144px;
_height: 105px;
}

.shop-item-name {
width: 144px;
height: 30px;
line-height: 15px;
color: white;
position: absolute;
left: 10px;
top: 128px;
font-size: 0.85em;
overflow: hidden;
}

.shop-item-name a{
color: #ffffff !important;
text-decoration: none;
}

.shop-item-name a:hover{
color: #e9b242 !important;
text-decoration: none;
}

.shop-item-cat {
width: 130px;
height: 17px;
position: absolute;
left: 10px;
top: 168px;
font-size: 0.8em;
line-height: 17px;
}

.shop-item-cat a {
text-decoration: none !important;
}

.shop-item-price {
width: 130px;
height: 35px;
position: absolute;
left: 10px;
top: 190px;
font-size: 0.8em;
overflow: hidden;
line-height: 17px;
font-weight: bold;
}

.shop-item-price a{
color: #252525 !important;
text-decoration: none !important;

}

.shop-item-price a:hover{
color: #252525 !important;
}

.shop-item-price em {
font-style:italic;
color: #464646;
}

.shop-item-price strong {
font-weight: bold;
}


.shop-item-infocart {
width: 20px;
height: 35px;
position: absolute;
right: 10px;
top: 205px;
font-size: 0.8em;
text-align: center;
}

.shop-item a:hover {
color: #f2a31e;
text-decoration: none;
}

.shop-item-photo .topgoodsStatus {
width: 144px;
height: 20px;
line-height: 20px;
position: absolute;
left: 0px;
top: 85px;
background-color: #666666;
color: #ffffff;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}

.shop-item-photo .bottomgoodsStatus {
	width: 144px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	left: 0px;
	top: 5px;
	background-color: #bcc634;
	color: #ffffff;
}

/********** INFO a VAROVÁNÍ **********/

#info-hledani {
width: 449px !important;
background: #fffbad url(../img/infoicon.jpg) top left no-repeat;
border: 1px dashed #d99f24;
padding-left: 55px;
padding-bottom: 10px;
padding-right: 10px;
text-align: justify;
position: relative;
height: 70px;
}

#info-hledani h3 {
font-size: 1em;
font-weight: bold;
padding: 0 0 5px 0 !important;
margin: 0;
position: absolute;
top: 7px;
color: #252525;
}


#info-hledani p {
font-weight: normal;
padding: 0 5px 0 0;
margin: 0;
position: absolute;
top: 25px;
}

#varovani-hledani {
width: 459px !important;
_width: 453px !important;
padding-left: 55px;
background: #f6cbc1 url(../img/warningicon.jpg) top left no-repeat;
border: 1px dashed #e68c77;
display: block;
text-align: justify;
position: relative;
}

#varovani-hledani-detaily {
margin: 0 10px;
}

#varovani-hledani input.odeslat-center {
background-image: url(../img/bg-button-red.jpg);
background-position: top left;
background-repeat: repeat-x;
width: 160px;
}

#varovani-hledani .nobordel-div {
margin-top: 10px;
margin-left: 50px;
_margin: 0 0 0 10px;
}

/********** NOBORDEL **********/

form.nobordel p input.odeslat-center{
float: right;
_float: none;
}

.nobordel-div input.odeslat-center{
width: 100% !important;
}


.nobordel-div form.nobordel p {
float: left;

}

.nobordel-div .nobordel p {
float: left;
}

.nobordel-div {
margin-top: 40px;
margin-left: 150px;
_margin: 0 0 0 10px;
}

table.nobordel-table {
border: 0;
}

table.nobordel-table tr {
border: 0;
}

table.nobordel-table tr td{
border: 0;
padding: 3px;
}

/*********** POMOCNÉ TŘÍDY **********/

.green {
color: #2bef4b;
}

.red {
color: #ef2b2b;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.MarginedAuto {
margin: auto;
} 

label {
vertical-align: middle !important;
}

.noscreen {
display: none !important;
}

.hidden {
visibility: hidden;
}

.cursorhand {
cursor: hand;
cursor: pointer;
}

.cursorhandodd {
background-color: #f7f7f7 !important;
cursor: hand;
cursor: pointer;
}

/********** VLAJKY **********/

.flags a {
text-decoration: none;
}

.flags img {
border: 1px solid #C4C4C4;
}


.flags {
position: absolute;
top: 5px;
right: 15px;
z-index: 10;
text-align: left;
height: 18px;
padding: 0px 8px 0 0;
}


.flags a img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


.flags a img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.flags a img.activeflag {
-moz-opacity: 1 !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}

/********** CLEANERY **********/

.obal-cleaner {
clear: both;
visibility: hidden;
width: 960px;
height: 0px;
}

.center-cleaner {
clear: both;
visibility: hidden;
width: 518px;
height: 0px;
}

.obsah-cleaner {
clear: both;
visibility: hidden;
width: 950px;
height: 0px;
}

.sectcleaner {
margin: 5px 0;
clear: left;
}

.clearleft {
clear: lef;
display: none;  
}

.clearright {
clear: right;
display: none;  
}

.clearboth {
clear: both;
visibility: hidden; 
}

.clearboth-visibility {
clear: both;
visibility: hidden;
}

.allinonecleaner {
width: 100%;
line-height: 10px;
display: inline;
}

.100%-clearboth {
width: 100%;
height: 0;
clear: both;
}

/* client table */

#subbody table {
background-color: #ebebeb;
table-layout: auto;
border-collapse: collapse;
}

#subbody table tr:hover {
background-color: #FF9933;
-moz-opacity: 1;
opacity: 1 !important;

}
#subbody table tr.oddrow  {
_font-style: expression(this.onmouseover = new Function("this.className='oddrow hover'"), this.onmouseout = new Function("this.className='oddrow'"));
}

#subbody table tr.evenrow  {
_font-style: expression(this.onmouseover = new Function("this.className='evenrow hover'"), this.onmouseout = new Function("this.className='evenrow'"));
}

#subbody li.main.evenrow ul  { _filter: none !important; }
#subbody li.main.evenrow { _font-style: expression(""); }
#subbody li.main.evenrow ul  { _filter: none !important; }
#subbody li.main.evenrow { _font-style: expression(""); }

#subbody table tr:hover td {
_filter: none !important;
opacity: 1 !important;
}

#subbody table td:hover {
background-color: #FF9900;
}

#subbody table thead tr:hover, #subbody table thead td:hover {
background-color: #6cab17;
}

#subbody .focussubrow, #subbody .focussubrowH {
background-color: #FF4500;
}

#subbody .focussubrow td, #subbody .focussubrowH td {
background-color: #FF4500;
}

.hiddenrow {
display: none;
}


.visiblerow {
display: table-row-group;
@display: block;

}

#subbody .focusrowH td:hover, #subbody .focusrowH tr:hover,
#subbody .focusrow td:hover, #subbody .focusrow tr:hover  {
background-color: #252525;
}

#subbody .focussubrowH td:hover, #subbody .focussubrowH tr:hover,
#subbody .focussubrow td:hover, #subbody .focussubrow tr:hover  {
background-color: #FF4500;
}

#subbody .subsectrow {
background-color: #FFFFCC;
}

#subbody .subsectrowodd {
background-color: #FFFF99;
}

#subbody .subsectrow td {
padding-top: 7px;

padding-bottom: 5px;
}

#subbody .subsectrowodd td {
padding-top: 7px;
padding-bottom: 5px;
}


#subbody .subsectrow:hover, #subbody .subsectrowodd:hover {
background-color: #FF9933;
}

#subbody .subsectrow td:hover, #subbody .subsectrowodd td:hover {
background-color: #FF9900;
}

.headfocussubrow {
background-color: #CC6633 !important;
color: #ffffff;
}

#subbody table thead {
padding: 3px;
text-align: center;
font-weight: bold;
font-size: 1em;
color: white;
background-color: #6cab17 !important;
}

.focusrow {
background-color: #252525 !important;
color: white;
}

.focusrowH {
font-weight: bold;
font-size: 9px;
color: white;
background-color: #252525 !important;
}

.focusrowH td {
padding: 0 !important;
}

.focusrowH p {
text-align: left !important;
margin: 0 !important;
padding: 1px;
padding-left: 4px;
}


.focussubrow {
background-color: #ff3300 !important;
color: white;
}

.focussubrowH {
font-weight: bold;
font-size: 9px;
color: white;
background-color: #ff3300 !important;
}

.focussubrowH td {
padding: 0 !important;
}

.focussubrowH p {
text-align: left !important;
margin: 0 !important;
padding: 1px;
padding-left: 4px;
}

#subbody table td {
border: 1px solid black;
padding: 3px;
text-align: center;
}

.focusrow input {
border: 1px solid black;
font-size: 12px;
}

.focusrow input.big {
width: 130px !important;
}

.green {
color: #006600;
}

.red {
color: #CC0000;
}

.focussubrow input {
border: 1px solid black;
font-size: 12px;
}

.focussubrow select {
border: 1px solid black;
font-size: 12px;
}

.focusrow select {
border: 1px solid black;
font-size: 12px;
}

#subbody table img {
border: 0px;
}
.oddrow {
background-color: #c1c1c1;
}

.morenews {
font-size: 1.2em;
text-align: center;
}