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


/* LAYOUT */

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

#obsah {
width: 950px;
margin-left: 18px;
min-height: 350px;
_height: 350px;
position: relative; 
z-index: 3;
}

#left {
margin-left: 8px;
float: left;
width: 192px;
position:relative;
top: -30px;
_top: -10px;
&top: -10px;
_left: -14px;
}

#left-in {
margin-left: 10px;
float: left;
width: 172px;
}

#center {
margin-left: 8px;
float: left;
width: 564px;
_width: 560px;
min-height: 100px;
_height: 100px;
_position: relative;
_left: -5px;
_overflow-x: hidden;
}

#right {
margin-left: 8px;
float: left;
width: 162px;
position:relative;
top: -15px;
&top: 0px;
_top: 0px;
_right: 10px;
}

#right-in {
margin-left: 5px;
float: left;
width: 152px;
}


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

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

input.odeslat-right {
_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-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;
}

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

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

h1 {
display: block;
width: 215px;
height: 89px;
margin: 0;
padding: 0;
position: absolute;
left: 46px;
top: 29px;
}

h1 span {
background: url("../img/sidlologo.jpg") no-repeat;
display: block;
width: 215px;
height: 89px;;
}

#left h3 {
color: #023469;
font-size: 1.2em;
font-weight: bold;
padding: 5px 0 5px 26px;
position: relative;
left: -10px;
background: url("../img/sipka-nadpis-left.gif") left center no-repeat;
line-height: 24px;
}

#right h3 {
color: #023469;
font-size: 1em;
font-weight: bold;
padding: 10px 23px 5px 0;
position: relative;
right: -5px;
background: url("../img/sipka-nadpis-right.gif") right center no-repeat;
line-height: 20px;
text-align:right;
}

#center h2 {
font-size: 1.2em;
padding: 0;
margin:15px 0 7px 3px;
font-weight: bold;
color: #023469;
}

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

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

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

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

#top {
width: 986px;
height: 260px;
background: url(../img/bg-top.jpg) top left no-repeat;
position: relative; 
z-index: 2;
margin-bottom: -90px;
}

#flash {
width: 515px;
height: 70px;
position: absolute;
right: 24px;
top: 32px;
z-index: 3;
}

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

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

#bottom {
margin-top: -150px;
width: 986px;
height: 244px;
background: url(../img/bg-bottom.jpg) top left no-repeat; 
position: relative; 
z-index: 2;
}

#bottom a{
color: white;
}

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

#copyright {
width: 280px;
height:30px;
position: absolute;
left: 35px;
bottom: 22px;
color: white;
font-size: 0.65em;
}

#adresa2 {
width: 90px;
height:40px;
position: absolute;
right: 35px;
bottom: 26px;
color: white;
font-size: 0.7em;
}

#adresa {
width: 100px;
height:40px;
position: absolute;
right: 140px;
bottom: 26px;
color: white;
font-size: 0.7em;
}

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

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

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

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

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

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

#doporucte-produkt form#rezervace label {
width: 80px !important;
text-align: right !important;
font-weight: bold;
color: #023469;
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 #023469;
border-bottom: 1px dotted #023469;
font-size: 0.9em;
}

#doporucte-produkt input {
font-size: 0.9em !important;
height: 100% !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;
color: #1e477a;
} 

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

#left-in input
{
border: 1px solid #c7c7c7;
width: 165px;
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 p
{
text-align: center;
line-height: 1.2em;
}


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

hr
{ 
width: 90% !important;
border-width:0;
border-top:1px dashed #1e477a;
height:0px;
}

#levypanel-hledej 
{
border-top: 4px solid #372f2d; 
width: 209px; 
min-height: 140px;
_height: 140px;
margin:0; 
position: relative;
z-index: 7;
}

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

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

/*****************************
         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-obsah 
{ 
border-top: 4px solid #372f2d;
margin:0; 
padding: 1em; 
background: white;
position: relative;
z-index: 7;
display: block;
}

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

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

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

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

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

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

#paticka 
{  
background: #023469 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: 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;
}

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

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

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

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

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

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

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

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

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

/*

SMweb styles */


#smweb-menu {
position: absolute;
top: 91px;
right: 26px;
height: 41px;
overflow: hidden;
color: #023469;
max-width: 550px;
}

#smweb-menu-left {
height: 41px;
width: 13px;
float: left;
background: url(../img/smwebmenu-bg-left.jpg) top left no-repeat;
}

#smweb-menu-center {
height: 41px;
float: left;
line-height: 41px;
background: url(../img/smwebmenu-bg.jpg) top left repeat-x;
font-weight: bold;
_width:600px; /*ie 6*/
}

#smweb-menu-right {
height: 41px;
width: 13px;
float: left;
background: url(../img/smwebmenu-bg-right.jpg) top left no-repeat;
}

#smweb-menu a {
color: #023469;
font-weight: bold;
text-decoration: none;
}

#smweb-menu a:hover {
color: #023469;
text-decoration: none;
font-weight: bold;
border-bottom: 2px solid #f2a31e;
}

#smweb-menu li#active a {
color: #023469;
text-decoration: none;
font-weight: bold;
border-bottom: 2px solid #f2a31e !important;
}

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

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

#smweb-menu ul li {
  /*float: right; ie*/
 /* width: auto;*/
 float: right;
  height: 30px;
	position: relative;
	padding: 0px 5px;
}


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

#tabulkaVelka th {
background: #406995;
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: #406995;
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: #023469;
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: #023469 !important;
text-decoration: underline;
} 

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

.pager a.active {
font-weight: bold;
color: #023469 !important;
}

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

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


#kosik {
text-align: right;
}

#kosik img {
vertical-align: middle;
}

#obal {
width: 986px;
/* temp */ min-height: 300px;
margin: 0 auto;
background: url(../img/bg-stred.gif) center repeat-y;
position: relative; 
z-index: 1;
text-align: left;
}

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

/* prvky */

#mainmenu ul {
margin: 15px 0 20px 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 2px 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 2px;
}

#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: #5d7da4 !important;
}

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

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

.bestsel {
text-align: center;
width: 140px;
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;
}

.bestsel a {
color: white !important;
}

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

/* TYPO */

#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 h2 {
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-right: 5px;
overflow: hidden;
background: url("../img/bg-h2right.jpg") top right no-repeat;
}

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

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

#smcopy a{
color: white;
}

#smcopy a:hover{
color: #023469;
}

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

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

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


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

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

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

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

img {
border: 0;
}

.noscreen {
display: none !important;
}

.hidden {
visibility:hidden;
}


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

/* SHOP */

.shop-item {
width: 180px;
height: 265px;
margin: 4px;
_margin: 2px;
background: url(../img/bg-polozka.gif) top left no-repeat;
float: left;
position: relative;
}

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

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

.shop-item-name {
width: 160px;
height: 45px;
line-height: 15px;
color: white;
position: absolute;
left: 10px;
top: 150px;
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: 100px;
height: 17px;
position: absolute;
left: 10px;
top: 203px;
font-size: 0.8em;
line-height: 17px;
}

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

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

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

}

.shop-item-price a:hover{
color: #023469 !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: 220px;
font-size: 0.8em;
text-align: center;
}

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

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

#info-hledani {
width: 499px !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: 5px;
position: absolute;
text-align: left;
top: 25px;
}

#varovani-hledani {
width: 509px !important;
_width: 503px !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;
}

table.nobordel-table {
border: 0;
}

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

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

}

.MarginedAuto {
margin: auto;
} 

label {
vertical-align: middle !important;
}

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

#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: #406995 !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;
}