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

/* Barvy

zakladni (hnedocerna): #362f2d
zluta: #ffe400
modra: #088aad
ruzova: #ec008c
zelena: #afc328

********/

/* LAYOUT */

body 
{ 
margin: auto; 
padding: 0;
padding-bottom: 0px;
/*background: #362f2d;*/ 
background: white;
text-align: left; 
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif !important;
font-size: 10pt !important;
color: #372f2d;
max-width: 100%;
} 

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

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

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

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

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

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

}

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

}

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

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

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

/*
h1 {
display: block;
width: 254px;
height: 140px;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}

h1 span {
display: block;
cursor: hand;
width: 254px;
height: 140px;
position: absolute;
left: 0;
top: 0;
z-index: 10;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='../img/logodatour.png',sizingMethod='scale');
}

head:first-child+body h1 span { 
background: url("../img/logodatour.png") left top no-repeat; 
_background: none !important;
}*/

h2 {
font-size: 16px;
line-height: 1.6em;
}

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

#center h2 {
padding: 0;
}

#hlavnipanel-obsah h2 {
border-bottom: 2px dotted #fed206;
margin: 8px 0px;
padding: 0px 2px;
}

#hlavnipanel-obsah h3 {
font-size: 15px;
margin: 8px 0px;
padding: 2px 4px;
}

#hlavnipanel-obsah h4 {
font-size: 13px;
margin: 6px 0px;
padding: 2px 6px;
}
/*
#hlavnipanel-obsah p {
font-size: 13px;
text-align: justify;
margin: 6px 0px;
padding: 2px 8px;
}
*/
#background {
height: 510px;
width: 100%;
min-width: 990px;
/*background: url("../img/bg-lettesdatourem.jpg") top left no-repeat; */
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 2;
}

#background p {
width: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 2;
}

#background p img, #background object {
margin: 0;
padding: 0;
}

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

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

#hlavicka 
{ 
height: 333px; /* vysoka hlavicka */
position: relative;
z-index: 3;
max-width: 100%;
overflow: hidden;
}

#bloglink {
color: #b3adab;
position: absolute;
top: 15px;
right: 30px;
}

#bloglink a{
color: #ffffff;
font-size: 1.15em;
text-decoration: none;
}

#bloglink a:hover{
color: #b3adab;
}

#hlavicka-mini
{ 
height: 222px; /* nizka hlavicka */
position: relative;
z-index: 3;
}

#toppruh {
height: 140px;
width: 100%;
position: relative;
z-index: 4;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='../img/toppruh.png',sizingMethod='scale');
}

head:first-child+body #toppruh { 
background: url("../img/toppruh.png") top left repeat-x; 
_background: none !important;
}

#topmenu {
width: 970px;
height: 55px;
color: white;
font-size: 1.1em;
font-weight: bold;
text-align: right;
line-height: 105px;
position: absolute;
top: 0px;
left: 0;
z-index: 5;
}

#topmenu ul {
	margin: 0;
	padding: 0;
	height: 30px;
	cursor: default;
	list-style-type: none;
	display: inline;
  width: 100%; /*ie*/
  color: #ffffff;
	float: left;
}

#topmenu ul li {
  float: right; /*ie*/
  width: auto;
  height: 30px;
	position: relative;
	padding: 0px 14px;
}

#topmenu ul li a {
text-decoration: none;
color: #ffffff;
font-weight: bold;
padding-bottom: 2px;
}

ul.nav li a {
font-weight: bold;
}

ul.nav {
width: 134px;
padding: 0;
margin: 0;
}

ul.nav li.main {
width: 134px;
background-image: url(../img/menu/seda-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
list-style-type: none;
min-height: 20px;
padding: 0 0 0 16px;
margin: 0;

  _background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

ul.nav li.main:hover {
background-image: url(../img/menu/seda-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
}

ul.nav li#active {

background-image: url(../img/menu/seda-vyb.gif);
background-position: left top;
background-repeat: no-repeat;
}

li.active-main-ruzova, li.active-main-zluta, li.active-main-zelena, li.active-main-modra,li.active-main-oranzova, li.active-main {
width: 134px;
background-position: left top;
background-repeat: no-repeat;
list-style-type: none;
min-height: 20px;
padding: 0 0 0 16px;
margin: 0;
color: #fff;
  _background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
  }

li.active-main-ruzova a, li.active-main-zluta a, li.active-main-zelena a, li.active-main-modra a,li.active-main-oranzova a, li.active-main a {

color: #fff;
  }




ul.nav li.main-zluta {
width: 134px;
background-image: url(../img/menu/zluta-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
list-style-type: none;
height: 20px;
padding: 0 0 0 16px;
margin: 0;

  _background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

ul.nav li.main-zluta:hover {

background-image: url(../img/menu/zluta-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
}

ul.nav li.active-main-zluta {

background-image: url(../img/menu/zluta-vyb.gif)!important;
background-position: left top;
background-repeat: no-repeat;
}


ul.nav li.main-ruzova {
width: 134px;
background-image: url(../img/menu/ruzova-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
list-style-type: none;
height: 20px;
padding: 0 0 0 16px;
margin: 0;

  _background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

ul.nav li.main-ruzova:hover {

background-image: url(../img/menu/ruzova-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
}

ul.nav li.active-main-ruzova {

background-image: url(../img/menu/ruzova-vyb.gif);
background-position: left top;
background-repeat: no-repeat;
}


ul.nav li.main-modra {
width: 134px;
background-image: url(../img/menu/modra-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
list-style-type: none;
height: 20px;
padding: 0 0 0 16px;
margin: 0;
  _background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

ul.nav li.main-modra:hover {

background-image: url(../img/menu/modra-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
}

ul.nav li.active-main-modra {

background-image: url(../img/menu/modra-vyb.gif);
background-position: left top;
background-repeat: no-repeat;
}


ul.nav li.main-zelena {
width: 134px;
background-image: url(../img/menu/zelena-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
list-style-type: none;
height: 20px;
padding: 0 0 0 16px;
margin: 0;

  _background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

ul.nav li.main-zelena:hover {

background-image: url(../img/menu/zelena-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
}

ul.nav li.active-main-zelena {

background-image: url(../img/menu/zelena-vyb.gif);
background-position: left top;
background-repeat: no-repeat;
}

ul.nav li.main-oranzova {
width: 134px;
background-image: url(../img/menu/oranzova-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
list-style-type: none;
height: 20px;
padding: 0 0 0 16px;
margin: 0;

  _background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

ul.nav li.main-oranzova:hover {
background-image: url(../img/menu/oranzova-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
}

ul.nav li.active-main-oranzova {
background-image: url(../img/menu/oranzova-vyb.gif);
background-position: left top;
background-repeat: no-repeat;
}

ul.nav li#active a, ul.nav li#active-ruzova a, ul.nav li#active-modra a, ul.nav li#active-oranzova a, ul.nav li#active-zluta a, ul.nav li#active-zelena a {
color: #ffffff !important;
}

#topmenu ul li a:hover, #topmenu ul li#active a {
text-decoration: none !important;
border-bottom: 2px solid #ffCC00;
}


/*
ul.nav li a:hover, ul.nav li:hover a, ul.nav li.hover a {
font-weight: bold;
text-decoration: none !important;
}
*/
ul.nav li.active-main:hover {
background-image: url(../img/menu/seda-nevyb.gif);
background-position: left top;
background-repeat: no-repeat;
}
ul.nav li.active-main {

background-image: url(../img/menu/seda-vyb.gif)!important;
background-position: left top;
background-repeat: no-repeat;
}

ul.nav li ul {
list-style-type: none;
margin: 0;
padding: 5px 0 10px 10px;
font-size: 90%;
}

ul.nav li ul li{
margin: 0;
padding: 0;
}


/*
#white {
background: white;
position: relative;
z-index: 1;
}
*/

#obsah 
{ 
width: 970px; 
margin: 0;
min-height: 600px;
_height: 600px;
text-align:left;
position: relative;
z-index: 6;
background-image: url("../img/bgleft.gif");
background-repeat: repeat-y;
} 

#smwebobsah-obsah hr
{ 
width: 100% !important;
border-width:0;
border-top:3px dotted #ffffff;
height:0px;
text-align:center;
margin: 20px 0 20px 0;
}

#hlavnipanel-obsah a
{ 
text-decoration: underline !important;
color: #372f2d; 
}

#hlavnipanel-obsah a:hover
{ 
text-decoration: underline !important;
color: #fed206; 
}

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

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

#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;
}


/***************************************************** FORMulare ***/

#center input.odeslat
{
border: 1px solid #c7c7c7;
width: auto;
padding: 2px;
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;
}

#searchform input.odeslat {
width: auto !important;
height: 15px;
border: none !important;
background: none !important;
cursor: hand;
}

#right input#yourname{
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 input.odeslat {
position: relative;
left: 75px;
}

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

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

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

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

#doporucte-produkt form p input.odeslat {
border: none !important;
background: none !important;
position: relative;
left: 115px;
}

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

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

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

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

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

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;
} 

/*****************************
         LEVY PANEL
******************************/

#levypanel 
{ 
float: left; 
width: 209px; 
background-color: #fed206;
margin:0; 
padding:0;
position: relative;
z-index: 6;
} 

#levypanel hr
{ 
width: 200px !important;
color: #080808 !important;
height: 1px;
margin-left: -8px;
_margin-left: -16px;
text-align: center;
background-color: #080808; 
border: 0px solid #080808;

}

#levypanel-hledej 
{
border-top: 4px solid #372f2d; 
width: 209px; 
min-height: 140px;
_height: 140px;
margin:0; 
position: relative;
z-index: 7;
/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='../img/levypanel-hledej.png',sizingMethod='scale');
}

head:first-child+body #levypanel-hledej { 
background: url("../img/levypanel-hledej.png") top left no-repeat; 
_background: none !important;*/
}

#levypanel-hledej ul {
margin-bottom: 0px;
padding-bottom: opx;
}

#levypanel-obsah 
{ 
margin:0; 
padding: 0.5em 1em;
position: relative;
z-index: 7;
height: auto;
}

#levypanel h2 {
margin: 0;
margin-bottom: 5px;
padding: 0;
font-size: 1.2em;
}

#levypanel .homecard-left {
margin: 10px 0 15px 0;
}

#levypanel .homecard-left h3 {
margin: 7px 0 0 0;
padding: 0;
color: #080808;
font-size: 1.1em;
font-weight: bold;
}

#levypanel .homecard-left p {
margin: 0;
padding: 3px;
}

#levypanel .homecard-left p strong {
font-weight: normal;
margin: 0;
padding: 0;
padding-bottom: 2px;
color: white;
}

#levypanel .morenews {
margin: 0;
padding: 0;
text-align: right;
}

#levypanel ul {
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
}

/*****************************
         LEVY PANEL /end
******************************/

#hlavnipanel 
{ 
width: 751px;
_width: 721px;
float: left;
margin-left: 10px;
_float: none;
_margin:0 0 0 219px; 
padding:0;
position: relative;
z-index: 6;
display: block;
} 

#hlavnipanel-menu 
{ 
margin:0; 
position: relative;
z-index: 7;
min-height: 63px;
height: 63px;
overflow: hidden;
}

#hlavnipanel-menu ul {
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
  height: 63px;
  width: 100%; /*ie*/
}

#hlavnipanel-menu ul li {
float: left; /*ie*/
width: auto;
text-align: center;
position: relative;
margin-right: 4px;
background-image: url(../img/menu-nevybrane.png);
width: 120px;
height: 63px;
_font-style: expression(this.onmouseover = new Function("this.className='main hover'"), this.onmouseout = new Function("this.className='main'"));
}

#hlavnipanel-menu ul li:hover, #hlavnipanel-menu ul li.hover  {
background-image: url(../img/menu-vybrane.png) !important;
-moz-opacity: 0.9;
}

#hlavnipanel-menu ul li a, #hlavnipanel-menu ul li a:hover {
padding-top: 20px;
color: #000000 !important;
text-decoration: none;
padding-bottom: 0px;
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
}

#hlavnipanel-menu ul li#active {
-moz-opacity: 1 !important;
background-image: url(../img/menu-vybrane.png) !important;
}

#hlavnipanel-menu ul li#active a, #hlavnipanel-menu ul li:hover a, #hlavnipanel-menu ul li.hover a {
color: white !important;
font-weight: bold;
padding-bottom: 15px;
}

#hlavnipanel-obsah 
{ 
border-top: 4px solid #372f2d;
margin:0; 
padding: 1em; 
background: white;
position: relative;
z-index: 7;
display: block;
} 

#levypanel-obsah input
{
border: 1px solid #c7c7c7;
width: 120px;
padding: 2px;
margin-right: 10px; 
color: #333333;
font-size: 0.9em;
}

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

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

input.searcbbutton
{
/*border: 1px solid #c7c7c7;
width: 60px !important;
padding: 2px;
margin: 0;
background-color: #088aad;
background-image: url(../img/bg-button.jpg);
background-position: top left;
background-repeat: repeat-x;
color: white !important;
font-size: 0.9em;
font-weight: bold;*/
border: 0 !important;
width: 70px !important;
height: 18px !important;
position: absolute;
right: -7px;
_right: 7px;
margin-top: 3px;
}
#activeClient {
color: #333;
font-size: 12px;
padding: 6px 6px 20px 26px;
position: relative;
}

#activeClient h3{
margin-left: -20px;
margin-top: -10px;
padding-left: 0;
}

#activeClient p {
margin: 0;
padding: 2px 0 2px 0;
}

#activeClient a {
margin: 0;
padding: 0;
color: #333 !important;
text-decoration: none;
}

#activeClient img {
height: 15px;
position: absolute;
left: 5px;
}

#activeClient a:hover {
color: #666 !important;
}


.homecard-left {
font-size: 0.8em;
}

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

.searchlist li {
margin: 5px 0;
}

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

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

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

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

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

#searchform input.odeslat
{
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;
}

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

#quickjump {
display: none;
}

.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;
display: none;
}

.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;
}

#paticka 
{  
background: #362f2d url("../img/bottompruh.jpg") top left repeat-x; 
height: 127px;
position: relative;
z-index: 3;

} 

#paticka-in
{ 
width: 970px; 
background: url("../img/bottompruh-in.jpg") top left no-repeat; 
height: 127px;
}

#paticka-in img.datourlogo {
float: right;
margin-top: 17px;
} 

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

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

.cleaner 
{ 
clear: both; 
display: none; 
}

.cleaner-visible {
clear: both;
display: none;  
}

img {
border: 0;
}

.noscreen {
display: none !important;
}

.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;
}

/*

SMdeal styles */

.ClientSection {
text-align: left !important;
padding: 7px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
margin: 0 !important;
}

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

.ClientSection img{
vertical-align: middle;
width: 12px;

}

.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;
}

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

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

#smwebobsah-obsah .traveltable img{
width: auto;
height: auto;
}

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

.traveltable thead tr td {
padding: 5px; 
background-color: #362f2d !important;
color: white;
font-weight: bold;
}

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

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

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

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

.traveltable tfoot tr td:hover {
padding: 5px;
background-color: #362f2d !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;
}

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

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

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

/*.active {
color: #088aad !important;
text-decoration: underline;
}*/

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

/*

SMweb styles */


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

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

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

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


/* pro jine pouziti nez "tabulkaVelka" / zatim je to to same
.tabstyled {
font-size: 0.9em;
text-align: center;
}

.tabstyled th {
background: #362f2d;
color: #fed206;
color: white;
font-weight: bold;
padding: 1px;
}

.tabstyled tr:hover td {
background: #ffe56d;
}

.tabstyled td {
background: #f7f7f7;
padding:1px;
}

*/
.highslide-caption {
display: none;
}

#levypanel a {
color: #362f2d;
text-decoration: underline;
}

#levypanel a:hover {
color: white;
}

#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: #088aad !important;
text-decoration: underline;
} 

#gallery a.active {
color: #088aad !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;
}


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


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

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

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

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

.green {
color: #2bef4b;
}

.red {
color: #ef2b2b;
}


.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;
}
/* 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;
}

/**
 * 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;
}

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

#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;
}


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

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

#mailbox legend
{
color: #a60000;
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;
}

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

#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;
}

.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;
}

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

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

.floatleft {
float: left;
}

.floatright {
float: right;
}

.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;
}

.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%;
}


.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;
}

.infocell {
padding: 5px;
}

.proplist {
margin: 10px;
}

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


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

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

.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;
}

#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;
} 

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

#hlavni {
margin: 0 auto;
width: 960px;
background: url("../img/bg-hlavni.gif") repeat-y;
}

#top {
width: 960px;
height: 163px;
background: url("../img/topbg.jpg") no-repeat;
position: relative;
}

#kosik {
width: 350px;
height: 15px;
line-height: 15px;
position: absolute;
right: 40px;
bottom: 20px;
text-align: right;
color: white;
}

#kosik img {
vertical-align: middle;
}

#obal {
width: 960px;
min-height: 200px;
_height: 200px;
background: url("../img/topobal.gif") no-repeat;
text-align: left;
}

#bottom {
width: 960px;
height: 115px;
background: url("../img/bottom-bg.jpg") no-repeat;
position: relative;
}

#left {
float: left;
width: 150px;
margin-left: 40px;
_margin-left: 20px;
margin-top: 10px;
position: relative;

min-height: 20px;
_height: 20px;

/*background: red;*/
}


#left input
{
border: 1px solid #c7c7c7;
width: 140px;
padding: 2px;
margin-right: 10px; 
color: #333333;
font-size: 0.9em;
}

#center {
float: left;
width: 540px;
margin-left: 20px;
_margin-left: 5px;
margin-top: 10px;

min-height: 20px;
_height: 20px;

/*background: blue;*/
}


#right {
float: left;
width: 150px;
margin-left: 20px;
margin-top: 25px;
_padding-right: 10px;

min-height: 20px;
_height: 20px;

/*background: green;*/
}

#smwebobsah {
background-color: #fff9c2;
width: 540px;
}

#smwebobsah-top {
width: 540px;
height: 10px;
padding: 0;
margin: 0;
background: url(../img/smwebbg-top.gif) no-repeat;
}

#smwebobsah-obsah {
width: 520px;
background: #fff9c2;
padding: 0 10px 0 10px;
_margin-top: -6px;
margin-left: 0;
margin-right: 0;
_width: 510px;
_overflow-x: hidden;
}

#smwebobsah-obsah p {
padding: 0;
margin: 5px 15px 5px 15px;
}

#smwebobsah-bottom {
width: 540px;
height: 10px;
padding: 0;
margin: 0;
_position: relative;
_bottom: -6px;
background:  url(../img/smwebbg-bottom.gif) no-repeat;
}

.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;
}

#smcopy {
width: 500px;
height: 30px;
text-align: left;
position: absolute;
left: 40px;
top: 80px;
color: white;
font-size: 0.7em;
}

/* nadpisy */

h2.nadpis-zelena {
background: url("../img/nadpisy/sipka-zelena.gif") center left no-repeat;
padding-left: 17px !important;
color: #afc328;
}

h2.nadpis-modra {
background: url("../img/nadpisy/sipka-modra.gif") center left no-repeat;
padding-left: 17px !important;
color: #088aad;
}

h2.nadpis-oranzova {
background: url("../img/nadpisy/sipka-oranzova.gif") center left no-repeat;
padding-left: 17px !important;
color: #f26522;
}

h2.nadpis-zluta {
background: url("../img/nadpisy/sipka-zluta.gif") center left no-repeat;
padding-left: 17px !important;
color: #ffe400;
}

h2.nadpis-ruzova {
background: url("../img/nadpisy/sipka-ruzova.gif") center left no-repeat;
padding-left: 17px !important;
color: #ec008c;
}

h3.nadpis-ruzova, h4.nadpis-ruzova {
padding: 3px 27px !important;
margin: 5px 0 !important;
color: #ec008c;
}
/* prvky */

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

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

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

/* TYPO */

h1 {
display: block;
width: 301px;
height: 41px;
margin: 0;
padding: 0;
position: absolute;
left: 30px;
top: 28px;
}

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

#left h2 {
width: 160px;
height: 24px;
line-height: 24px;
/*margin: 0 0 10px -10px;*/
color: white;
font-size: 1em;
font-weight: bold;
padding-left: 5px;
overflow: hidden;
background: url("../img/bg-h2left.jpg") no-repeat;
position: relative;
left: -10px;
}

#right h3 {
width: 160px;
height: 24px;
text-align: right; 
line-height: 24px;
margin: 0 0px 10px 0;
_padding-right: 20px;
position: relative;
right: 5px;
color: white;
font-size: 1em;
font-weight: bold;
padding: 0 5px 0 0;
padding-right: 5px;
overflow: hidden;
background: url("../img/bg-h2right.jpg") top right no-repeat;
}

#kosik a {
color: white;
font-weight: normal;
}

#kosik a:hover {
color: #e2e9b1;
font-weight: normal;
}

#smcopy a{
color: white;
}

#smcopy a:hover{
color: #088aad;
}

.bestsel a {
color: #362f2d;
text-decoration: none;
}

.bestsel a:hover {
color: #362f2d;
text-decoration: underline;
}



/********************** dalsi ****************************/

img.gallborder {
border: 5px solid #afc328;
}


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

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

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

img {
border: 0;
}

.noscreen {
display: none !important;
}

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

/* SHOP */

.shop-item-ruzova {
	width: 158px;
	height: 235px;
	margin: 11px;
	_margin: 8px;
	float: left;
	position: relative;
	background: url(../img/blocks/bg-polozka-ruzova.gif) top left no-repeat;
}
.shop-item-ruzova a {
	color: #ffffff !important;
	text-decoration: none !important;
}
.shop-item-ruzova a:hover {
	color: #362f2d !important;
	text-decoration: none !important;
}
.shop-item-zluta {
	width: 158px;
	height: 235px;
	margin: 11px;
	_margin: 8px;
	float: left;
	position: relative;
	background: url(../img/blocks/bg-polozka-zluta.gif) top left no-repeat;
}
.shop-item-zluta a {
	color: #ffffff !important;
	text-decoration: none !important;
}
.shop-item-zluta a:hover {
	color: #362f2d !important;
	text-decoration: none !important;
}
.shop-item-zelena {
	width: 158px;
	height: 235px;
	margin: 11px;
	_margin: 8px;
	float: left;
	position: relative;
	background: url(../img/blocks/bg-polozka-zelena.gif) top left no-repeat;
}
.shop-item-zelena a {
	color: #ffffff !important;
	text-decoration: none  !important;
}
.shop-item-zelena a:hover {
	color: #362f2d !important;
	text-decoration: none !important;
}
.shop-item-oranzova {
	width: 158px;
	height: 235px;
	margin: 11px;
	_margin: 8px;
	float: left;
	position: relative;
	background: url(../img/blocks/bg-polozka-oranzova.gif) top left no-repeat;
}
.shop-item-oranzova a {
	color: #ffffff !important;
	text-decoration: none !important;
}
.shop-item-oranzova a:hover {
	color: #362f2d !important;
	text-decoration: none !important;
}
.shop-item-modra {
	width: 158px;
	height: 235px;
	margin: 11px;
	_margin: 8px;
	float: left;
	position: relative;
	background: url(../img/blocks/bg-polozka-modra.gif) top left no-repeat;
}
.shop-item-modra a {
	color: #ffffff !important;
	text-decoration: none !important;
}
.shop-item-modra a:hover {
	color: #362f2d !important;
	text-decoration: none !important;
}
.shop-item-seda {
	width: 158px;
	height: 235px;
	margin: 11px;
	_margin: 8px;
	float: left;
	position: relative;
	background: url(../img/blocks/bg-polozka-seda.gif) top left no-repeat;
}
.shop-item-seda a {
	color: #ffffff !important;
	text-decoration: none !important;
}
.shop-item-seda a:hover {
	color: #362f2d !important;
	text-decoration: none !important;
}
.shop-item-photo {
	width: 138px;
	height: 110px;
	line-height: 90px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	left: 10px;
	top: 10px;
	position: relative;
}

.shop-item-photo .bottomgoodsStatus-zelena, .shop-item-photo .bottomgoodsStatus-modra,
.shop-item-photo .bottomgoodsStatus-ruzova, .shop-item-photo .bottomgoodsStatus {
	width: 138px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	left: 0px;
	bottom: -10px;
	background-color: #f26522;
	color: #ffffff;
}

.shop-item-photo .bottomgoodsStatus-zelena {
	background-color: #afc328;
}

.shop-item-photo .bottomgoodsStatus-modra {
	background-color: #088aad;
}

.shop-item-photo .bottomgoodsStatus-ruzova {
	background-color: #ec008c;
}



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


.shop-item-photo img {
max-width: 138px;
margin: auto;
_width: 138px;
max-height: 110px;
_height: 110px;
}
.shop-item-name {
	width: 143px;
	height: 28px;
	height: 40px;
  color: #ffffff;
	position: absolute;
	left: 5px;
	top: 140px;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: center;
	overflow: hidden;
}
.shop-item-price {
	width: 110px;
	height: 35px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 0.75em;
	line-height: 17px;
}
.shop-item-price em, .item-price em {
	font-style:italic;
	font-weight: normal !important;
}
.shop-item-price strong {
	font-weight: bold;
	color: #362f2d;
}
.shop-item-infocart {
	width: 20px;
	height: 35px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 0.8em;
	text-align: center;
}


table.nobordel-table {
border: 0;
}

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

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

.MarginedAuto {
margin: auto;
}

input.odeslat-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: #ffffff !important;
}

.top-bottomgoodsStatus {
	background-color: #f26522;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 0 2px 0;
}

.top-bottomgoodsStatus-zelena {
	background-color: #afc328;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 0 2px 0;
}

.top-bottomgoodsStatus-modra {
	background-color: #088aad;
		text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 0 2px 0;
}

.top-bottomgoodsStatus-ruzova {
	background-color: #ec008c;
		text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 0 2px 0;
}


#info-hledani {
width: 499px !important;
border: 1px dashed #898989;
padding-left: 10px;
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: 5px;
position: absolute;
text-align: left;
top: 25px;
}
/* Template layouts – styly pro speciální bloky obsahu */

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

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

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

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

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

div.asy2rightdiv {
float: right;
width: 66%;
@width: 65%;
}

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

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

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

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

/* nove */

div.thleftdivborder {
float: left;
width: 33%;
border-right: 1px dotted #666;
}

div.thcenterdivborder {
float: left;
width: 33%;
border-right: 1px dotted #666;
}

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




/* DEFINE Gallery SM Web 1.3.1 */

.gall p {
padding: 0 !important;
text-align:left !important; 
}

.gallery {
line-height: 2.0em;
padding: 0;
}

.highslide-caption {
display: none;
}

.gall {
margin: 0 7px;
padding: 0;
position: relative;
left: 28px;
}

#text .gall {
margin-left: 10px;
}

#text-2c .gall {
margin-left: 20px;
}
#text-title .gall {
margin-left: 10px;
}

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

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

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

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

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

.c_photos a img {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
_filter: none;
text-align: center !important;
}

.c_photos a:hover img {
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
_filter: none;
}

.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 !important;
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 */


/* 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 */
/* rezervace */

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

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 - 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 a, .ClientSection a:hover {
text-decoration: none !important;
}

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

.loginFormStyle input {
margin-top: 3px;
margin-right: 10px;
}

.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;
}

/* zalozky - kosik */
#regchecker {
margin-top: 30px;
height: 50px;
padding-left: 5px;
}

#regchecker ul {
width: 100%;
height: 50px;
list-style: none;
margin: 0;
padding:0;
}

#regchecker ul li {
display: block;
width: 28%;
margin: 0 1% 0 1%; 
padding-left: 2%;
padding-top: 7px;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-border-left-topright: 5px;
-webkit-border-top-left-radius: 5px;
float: left;
z-index: 99;
height: 42px;
position: relative;
top: 1px;
background: #ffffff url(../img/ouska-grad.png) bottom left repeat-x;
}

#regchecker ul li strong {
display: block;
}

#regchecker ul li.active {
border-left: 1px solid #288fb5;
border-top: 1px solid #288fb5;
border-right: 1px solid #288fb5;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-border-left-topright: 5px;
-webkit-border-top-left-radius: 5px;
z-index: 101;
background: #ffffff;
}

#regchecker ul li a {
color: #666;
text-decoration: none;
}

#regchecker ul li a:hover {
color: #288fb5;
text-decoration: none;
}

#regchecker ul li.active a {
color: #288fb5;
text-decoration: none;
}

#regbody {
position: relative;
z-index: 100;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #288fb5;
padding: 10px;
margin: 0;
background: #ffffff;
margin-bottom: 20px;
}


/* zalozky - kosik -end */

/* SMWEB navigace */

.usermenu {
border: 1px solid #e3e3e3;
background: #fff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
font-size: 13px;
line-height: 20px;
height: 20px;
padding: 4px;
margin-top: 5px;
}

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

.usermenu img {
vertical-align: middle;
}

#navigaceweb {

padding-bottom: 10px;
position: relative; z-index: 20;
}

#navigacedeal {

padding-bottom: 10px;
position: relative; z-index: 20;
}


#dealsubnavi {
padding-bottom: 10px;
padding-top: 15px;
position: relative; z-index: 20;
}

#dealsubnavi {
background:url(../img/bg-navi.png) no-repeat bottom right;
margin-top: 2px;
position: relative;
color:#666;
margin-bottom: 15px;
padding: 10px;
}

#dealsubnavi ul {
margin: 0px;
padding: 0px;
padding-left: 30px;
font-size: 0.9em;
color:#666;
display: block;
list-style-type: circle;
}

#dealsubnavi ul li {
padding: 1px 0 1px 0px;
float: left;
width: 33%;
}

#dealsubnavi ul li a {
color:#666;
text-decoration: underline;
}

#dealsubnavi ul li a:hover {
color:#333;
}



#subnavi {
padding: 10px;
background:url(../img/bg-navi.png) no-repeat bottom right;
margin-top: 2px;
position: relative;
color:#666;
}

#subnavi ul {
margin: 0px;
padding: 0px;
padding-left: 30px;
font-size: 0.9em;
color:#666;
list-style-type: circle;
}

#subnavi ul li {
padding: 1px 0 1px 0;
}

#subnavi ul li a {
color:#666;
text-decoration: underline;
}

#subnavi ul li a:hover {
color:#333;
}


#drobky {
height: 20px;
/*overflow: hidden;*/
font-size: 11px;
}

#drobky a {
background: url("../img/drobky-bg.png") no-repeat;
padding: 0 10px 0 26px;
height: 20px;
line-height: 20px;
display:block;
float: left;
margin: 0;
text-decoration: none;
color: #666;
}

#drobky a:hover {
color: #333;
}

#drobky a.actual {
color: #333;
font-weight: bold;
}

#drobky a.actual:hover {
color: #666;
font-weight: bold;
}


#drobky a.homenavi {
background: url("../img/drobky-home.png") no-repeat;
height: 20px;
width: 20px;
line-height: 20px;
display:block;
float: left;
padding: 0;
}

#drobky-end {
height:20px;
width: 20px;
background: url("../img/drobky-end.png") no-repeat;
float:left;
}


/* dalsi */

.noscreen {
display: none;
}

#drobky .noscreen-drops {
display: none;
}

input {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* super important */

ul.nav li ul li a {
color: #666;
}

li.active-main-ruzova a.active-link, li.active-main-zluta a.active-link, li.active-main-zelena a.active-link, li.active-main-modra a.active-link,li.active-main-oranzova a.active-link, li.active-main a.active-link {

color: #fff;
  }

ul.nav li ul li.active a.active-link {
text-decoration: none !important;
font-weight: bold !important;
color: #333 !important;
}