/* CSS Document */

body {
margin: 0; 
padding: 0;
background: #fff;
text-align: center; 
font-family: Helvetica, Arial, lucida, sans-serif !important;
font-size: 13px !important;
color: #8e8e8e;
width:100%;
}

.noscreen {
display: none;
}


.ghost {
visibility: hidden;
}

.noborder {
border: 0 !important;
}

.relative {
position: relative;
}

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

#table,td,th {
border-collapse: collapse;
}


/**
 * TABLE 
 */
 
.infocell table {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin: 15px;
}
.infocell table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
.infocell table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}


.goods-detail-textdesc table {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin: 15px;
}
.goods-detail-textdesc table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
.goods-detail-textdesc table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

#text table{
	border:none !important;
}
#text tbody td{
	/*border:1px solid #d45302 !important;*/
	padding:5px !important;
	color:#333333;
	background:#cccccc;
	border:none !important;
}

#text img {
border: 1px solid rgb(249, 134, 62);
margin: 10px 20px;	
}

/* layout */

#text {
	padding-bottom: 30px;
}

.container {
	margin: 0 auto;
	width: 960px;
	position:relative;
	text-align: left;
}

#top-section {
width: 100%;
position: relative;
background-color: #252525;
background-position: 50% 50%!important;
background-repeat:no-repeat;
}

.bigtop {height: 475px;}
.smalltop {height: 275px;}

#orangestripe {
position:absolute; top: 0;
width:100%;
height: 3px;
background: #FB873E;
}

#whitestripe {
height: 90px;	
background: #fff;
position: relative;
}

h1 {
position: absolute;
display: block;
top: 0px;
left: 10px;
margin: 0;
padding: 0;
width: 191px;
height: 90px;
}
	
h1 a {
display: block;
width: 191px;
height: 90px;

font: 0/0 a;
text-shadow: none;
color: transparent;

background: url(../img/logo.jpg) top left no-repeat;
}

#menu {
position: absolute;	
top: 0;
right: 15px;

height: 90px;
line-height: 87px;
width: 750px;
}

#menu ul, #menu ul li {
margin: 0;
padding: 0;
text-align: right;	
list-style: none;
}

#menu ul li {
display: inline-block;
margin-left: 18px;
}

#menu ul li a{
color: #8e8e8e;
text-decoration: none;
text-transform: uppercase;
height: 87px;
display: inline-block;
border-top:3px solid #fff;
}

#menu ul li#active a{
border-top: 3px solid #8e8e8e;
height: 87px;
}

#menu ul li a:hover{
border-top: 3px solid #fb873e;
height: 87px;
color: #fb873e;
-webkit-transition: border .3s ease-in-out;
  -moz-transition: border .3s ease-in-out;
  -o-transition: border .3s ease-in-out;
  transition: border .3s ease-in-out;
}

#body-section-stripe {
width: 100%;
min-width: 960px;
height: 30px;
margin-top: -30px;
position:relative;
z-index: 10;
background: url(../img/body-section-stripe-bg.png) top center no-repeat;
}

.flags {
position: absolute;
top: 10px; right: 0; 	
}

#body-section {
width: 100%;
min-height: 300px;
background: url(../img/body-section-bg.png) top center repeat-y;
min-width: 960px;
}

#shadow {
width: 19px;
height: 432px;
position: absolute;
top: -30px;
left: -10px;
z-index: 30;
background: url(../img/stin.png) top left no-repeat;
}

.rightblack {
padding-top: 10px;
color: #fff;	
}

ul#rightmenu {
margin: 0;padding: 0;
margin-left: -10px;
margin-top: 20px;
}

ul#rightmenu li {
margin-bottom: 10px;
list-style-type: none;
background: #fb873e;
}

ul#rightmenu li a {
display: inline-block;
width: 100%;
box-sizing: border-box;
text-transform: uppercase;
padding: 5px 5px 5px 20px;
text-decoration: none;
color: #fff;
-webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  -o-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

ul#rightmenu li#active {
background: #fff;
-webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  -o-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

ul#rightmenu li#active a {
	color: #fb873e;
}

ul#rightmenu li:hover {
background: #d45302;
-webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  -o-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

.leftwhite {
position: relative;
top: -10px;
z-index: 30}

#bottom-section {
width: 100%;
min-width: 960px;
padding-top: 30px;
padding-bottom: 10px;
background: url(../img/bottom-section-bg.png) top center no-repeat;
}

/*********** SEARCHBOX a LOGINBOX **********/

#activeClient {
color: #666;
font-size: 12px;
padding: 6px 6px 0 26px;
position: relative;
}

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

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

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

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

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

#searchbox {
margin: 0;
padding: 0;
padding-bottom: 4px;
}

#searchbox h2 {

}

#searchbox p {
padding: 0;
padding-left: 8px;
line-height:21px;
}

#searchbox input {

}

#searchbox input.odeslat-left {
width: 21px;
height: 21px;
border: 0;
background: none;
display: inline-block;
margin: 0;
position: relative;
top: 6px;
}

#loginbox {

}

#loginbox h3 {
display: none;
}

#loginbox h2 {

}

#loginbox label {
display: none;
}

#loginbox input#login-usern {

}

#loginbox input#login-passwd {

}

input.odeslat-right {
position: relative;
top: 3px;
left: 3px;
}


/* typo */

hr  {
width: 80% !important;
border-width:0;
border-top:1px solid #8e8e8e;
height:15px;
margin: 0 auto;
position: relative;
top: 7px;
}

h2 {
font-weight: normal;
font-size: 17px;
color: #8e8e8e;
text-transform:uppercase;
padding: 0px 0px 10px 0px;
line-height: normal;
margin: 0;
}

h3 {
font-weight: normal;
font-size: 15px;
color: #f9863e;
margin: 0;
padding: 0px 0px 10px 0px;
}


h4 {
color: #f9863e;
font-weight: bold;
padding: 0px 0px 10px 0px;
font-size: 1em;
margin: 0;
}

ul {
list-style-type: disc;
padding-right: 10px;
}

a  {
color: #f9863e;
}

a:hover {
color: #8e8e8e;
}

p {
margin: 0;
padding: 0 0 15px 0;
}

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

.articleLabes {
position: relative;
top: -10px;
}

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

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

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

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

#subnavi ul li a:hover, .articleLabes 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;
}

.bottom-text{
	width:500px;
	float:right;
}


/*bottom - navigation*/
.bottommenu{
	width:200px;
}
.bottommenu li{
	list-style-type:none !important;	
}
.bottommenu li a{
	color:#FFF !important;
	text-decoration:none;
	background:#fb873e;
	margin-bottom:5px;
	padding:5px;
	display:block;
}
.bottommenu a:hover{
	 background-color: #d45302;
    /* Firefox */
    -moz-transition: all 0.4s ease-in;
    /* WebKit */
    -webkit-transition: all 0.4s ease-in;
    /* Opera */
    -o-transition: all 0.4s ease-in;
    /* Standard */
    transition: all 0.4s ease-in;
    text-decoration:underline;
}


/* dalsi */

.smaller {
font-size: 0.85em;
}

.noscreen {
display: none;
}

.JustifyRight {
text-align: right;
}

.center {
text-align: center;
}

.spacer30{
height: 30px;
}

.space368{
height: 368px;
}

img {
border: 0;
}

.clearboth {
clear: both;
}

a {
cursor: pointer;
}



/*

  SMweb defaultni styly

*/


/* dalsi */


.noscreen {
display: none;
}

.center {
text-align: center;
}

img {
border: 0;
}

.clearboth {
clear: both;
}

a {
cursor: pointer;
}

/*------------------------------ ostatní */

sub {
vertical-align:baseline;
position: relative;
top: 0.4em;
}
sup {
vertical-align:baseline;
position: relative;
bottom: 0.4em;
}

.clearboth {
clear: both;
height: 1px;
}

#content img {
border: 4px solid #404040;
}

img {
border: 0;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

.JustifyLeft {
text-align: justify;
}

.JustifyCenter {
text-align: center;
}

.JustifyRight {
text-align: right;
}

.MsoNormal {
font-size: 1em;
font-weight: normal;
text-decoration: none;
text-align: left;
}

.FontSmaller {
font-size: 0.8em;
}



.orange {
color: #f67521;
}

.green {
color: #6ebd04;
}



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

.FontColor2
{
	color: #f26e2f;
}

.FontColor3
{
	color: #252525;
}

.FontColor1BG
{
	background-color: #555555;
	color: #ffffff;
}

.FontColor2BG
{
	background-color: #feca3e;
	color: #252525;
}

.FontColor3BG
{
	background-color: #252525;
  color: #ffffff;
}


/**
 * Indentation.
 */

.Indent1
{
	margin-left: 40px;
}

.Indent2
{
	margin-left: 80px;
}

.Indent3
{
	margin-left: 120px;
}

/**
 * Alignment.
 */

.JustifyLeft
{
	text-align: left;
}

.JustifyRight
{
	text-align: right;
}

.JustifyCenter
{
	text-align: center;
}

.JustifyFull
{
	text-align: justify;
}


/**
 * Template Layouts.
 */

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

div.leftdiv p {
padding-right: 7px;
}

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

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

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

div.asyleftdiv p {
padding-right: 7px;
}

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

div.asy2rightdiv {
float: right;
width: 66% !important;     
}

div.asy2rightdiv p {
padding-left: 7px;
}

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

div.thleftdiv {
float: left;
width: 33%;
}
div.thleftdiv p {
padding-right: 7px;
}

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

div.thrightdiv {
float: left;
width: 33%;
}
div.rightdiv p {
padding-left: 7px;
}

/* nove */

div.thleftdivborder {
float: left;
width: 33%;
border-right: 1px solid #ccc;
}
div.thleftdivborder p {
padding-right: 7px;
}

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

div.thrightdivborder {
float: left;
width: 33%;
}
div.thrightdivborder p {
padding-right: 7px;
}

div.leftdivborder {
float: left;
width: 49%;
border-right: 1px solid #ccc;
}


div.rightdivborder {
float: right;
width: 49%;
}

div.asyleftdivborder {
float: left;
width: 66%;
border-right: 1px solid #ccc;
}

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

div.asy2leftdivborder {
float: left;            
width: 33% !important;
}

div.asy2rightdivborder {
float: right;
width: 66% !important;  
border-left: 1px solid #ccc;   
}

div.thsedivak {
width: 100%;
min-height: 30px;
position: relative;
background: #363636;
padding: 5px 0 5px 0;
color: #ffffff !important;
}

div.thsedivak a:hover{
color: #ffffff !important;
}

div.thsedivak-lh {
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 4px;
background: url(../img/sedivak-lh.gif) no-repeat;
}

div.thsedivak-ld {
position: absolute;
bottom: 0;
left: 0;
width: 4px;
height: 4px;
background: url(../img/sedivak-ld.gif) no-repeat;
}

div.thsedivak-ph {
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 4px;
background: url(../img/sedivak-ph.gif) no-repeat;
}

div.thsedivak-pd {
position: absolute;
bottom: 0;
right: 0;
width: 4px;
height: 4px;
background: url(../img/sedivak-pd.gif) no-repeat;
}

div.greyblock {
padding: 12px;
background: #8E8E8E;
color: #ffffff;
}

div.greyblock p, div.greyblock h2, div.greyblock h3, div.greyblock h4, div.greyblock a {
color: #ffffff;
}

div.orangeblock {
padding: 12px;
background: #F9863E;
color: #ffffff;
}

div.orangeblock p, div.orangeblock h2, div.orangeblock h3, div.orangeblock h4, div.orangeblock a {
color: #ffffff;
}

/* --------------------------- */

#reference {
}

.flags a {
text-decoration: none;
padding: 0px 5px 0 0;
}

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

.flags a:hover img {
-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;
}


#newsbox .clearboth  {
clear: left !important;
}

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


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


#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: 18px;
color: #333333;
margin-bottom: 8px;
}

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

.warn
{
	margin: 10px 10px 0 10px;
	font-weight: bold;
	font-size: 1.2em;
}
#mailbox input.odeslat
{
background-color: #940207 !important;
border: 1px solid #000000 !important;
color: #ffffff !important;
font-weight:bold;
margin-left: 65px;
height: 20px;
}

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

.card {

}



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

margin: 5px;
}

a:hover img.smalldetail {
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}
.refebuttons a img.smalldetail {
margin: 0;
}

.refebuttons a:hover img.smalldetail {
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
}

/* CLANKY */

.card {
margin-bottom: 20px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 20px;
}

.card h3 a,.card h2 a { 
text-decoration: none;
text-transform: uppercase;
}

.card h3, .card h2 {
margin:0;
padding-bottom: 3px;
font-size: 15px;
}

.card .articlesdate {
padding-bottom: 8px;	
}

.card .articlesdate strong{
font-weight: normal !important;
font-size: 12px;
}

.card .floatleft img{
max-width: 150px;
max-height: 150px;
margin: 0 7px 7px 0;
}

/* DEFINE Gallery SM Web 1.3.1 */

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

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

.highslide-caption {
display: none;
}

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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


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

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 {
text-align: center;
line-height: 1.7em;
}

.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, .orderform h3, .orderform h4, .orderform h5 {
padding: 10px;
}


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

.fotocell {
padding: 0;
margin: 0;
width: 100%;
background: #ebebeb;
clear: both;
margin-top:10px;
text-align: left;
}

.fotocell {

}

.fotocell img {
max-width: 200px;
_width: 200px;
display: inline-block;
margin: 10px 0 10px 10px;
}

.topinfocell {
margin-top: 20px;
}

.infocell {
}

.proplist {
margin: 10px;
}

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

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

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

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

#actVariant {
background-color: #FFF995;
}

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

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

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

.pager a.active {
color: #f9863e;
font-weight: bold;
}


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

.orderfilter {
margin: 15px auto;
padding: 5px 10px;
font-size: 13px;
}

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

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

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

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

.bestsel {
background: #288fb5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: left;
line-height:20px;
vertical-align: middle;
padding: 0 5px 0 5px;
overflow: hidden;
margin-bottom: 5px;
margin-top:10px;
font-size: 0.9em;
color: #ffffff;
}

.bestsel a{
color: #ffffff !important;
text-decoration: none;
}

.bestsel a:hover{
color: #cccccc !important;
text-decoration: none;
}

.column-foto {
max-width: 130px !important;
max-height: 100px !important;
}

.column-foto img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

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

#kosik {
margin-left: -480px;
position: fixed;
color: #fff;
height: 40px;
line-height: 40px;
bottom: 0;
left: 50%;
z-index: 100;
background: #fb873e;
width: 930px;
text-align: left;
padding: 0 15px 0 15px;
}

#kosik p {
	margin: 0;
	padding:0;
}
#kosik a{
color: #fff;
text-decoration: none;
}
#kosik a:hover{
color: #ebebeb;
}
#kosik img{
vertical-align: middle;
}


/* 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 #fb873e;
border-top: 1px solid #fb873e;
border-right: 1px solid #fb873e;
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: #fb873e;
text-decoration: none;
}

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

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


/* zalozky - kosik -end */

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

.shop-item {
width: 210px;
height: 235px;
margin: 1px 1px 0 0;
background: #434343;
float: left;
position: relative;
}

.shop-item-photo {
width: 210px;
height: 165px;
line-height: 165px;
text-align: center;
position: absolute;
background: #ebebeb;
left: 0;
top: 0px;
}

.shop-item-photo img {
max-width: 210px;
max-height: 165px;
text-align: center;
position: relative;
}

.shop-item-name {
width: 180px;
height: 30px;
line-height: 15px;
color: #fff;
position: absolute;
left: 10px;
top: 175px;
font-size: 0.85em;
overflow: hidden;
}

.shop-item-cat {
width: 160px;
height: 55px;
line-height: 14px;
color: #666666;
position: absolute;
left: 10px;
top: 180px;
font-size: 11px;
overflow: hidden;
font-weight: normal;
}

.shop-item-cat p {
padding: 0;
margin: 0;
}

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

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


.shop-item-cat strong {
font-weight: normal;
}

.shop-item-cat-ghost {
display: none;
}

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

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

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

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

}

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

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

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


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

.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: 5px;
background-color: #666666;
color: #ffffff;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}

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

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

#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 !important;
position: relative;
height: 70px;
}

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


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

#varovani-hledani {
width: 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;
}

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

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

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


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

}

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

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

table.nobordel-table {
border: 0;
}

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

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

.floatleft {
float: left;
}

.floatright {
float: right;
}

.MarginedAuto {
margin: auto;
} 

/****** doporucte produkt *******/

#doporucte-produkt {
font-size: 12px;
padding: 7px;
background: #ebebeb;
}

#doporucte-produkt input {
height: 17px;
}

#doporucte-produkt label {
text-align: right;
margin-right: 10px;
vertical-align: middle;
}

#doporucte-produkt input.odeslat-center {
position: relative !important;
left: 200px !important;
width: 130px !important;
}

.cenovkadiv {
	/* MARO zkus to nejak nastylovat lip - neco jako jsem to zakomentoval... */
	float: right;
	width: 50%;
	text-align: right;
	/* background: #ebebeb;
	margin: 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;*/
}

.topinfocell p {
float: left;
}
.clear-cenovka {
	clear: both;
}

h2.nadpis {
	width: 94%;
	background: #288fb5;
	color: #ffffff;
	margin: 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 1% 3%;
}
/*fielset */
fieldset {
border: 1px solid #e3e3e3;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}


/* signUP */
.signupForm label{
width: 130px;
text-align: right;
display: inline-block;
padding-right: 5px;
}

.signupForm input{
width: 230px;
margin-bottom: 3px;
}

input.obchodni-podminky-check {
width: auto;
height: auto;
}

label.obchodni-podminky-label {
width: auto;
height: auto;
}

/* COLUMNS */

 	.container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
	
	  /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    

div.thisisdeal img {
	border: 0 !important;
	margin: auto !important;
}

div.frame h1 {
    position: static !important;
    display: inline !important;
    height: auto !important;
}