/*———————————————————————————————————————— CSS Document ————————————————————————————————————————*/
* {margin:0;padding:0;}
body {font-size:62.5%;font-family:Arial, sans-serif;text-align:center;background:url('/images/bg-bot.jpg') repeat-x left bottom;height:100% !important}
html {height:100%;background:#7b1000}
.obal {overflow:hidden;min-height:100%;width:100%;z-index:1;background:#7b1000 url('/images/bg-bot.jpg') repeat-x  bottom;;padding-bottom:20px;}
#main {width:995px;margin:0 auto;text-align:left;position:relative;z-index:2;}
a {color:#ff3a00; outline-style: none;}
a:hover {text-decoration:none;}
/*———————————————————— horni lista - menu ... ————————————————————*/
.ho-lista {width:995px;overflow:hidden;background:url('/images/lista-bg.png') repeat-x #760000;font-size:1.2em;}
.ho-lista menu {list-style:none;width:750px;float:left}
.ho-lista menu li {width:106px;float:left;background:url('/images/menupra.jpg') no-repeat right;}
.ho-lista menu li a {display:block;text-align:center;color:#ffefae;font-weight: bolder;height:1%;padding:19px 0;text-decoration:none;}
.ho-lista menu li a.aktiv {background:url('/images/hov.jpg') no-repeat}
.ho-lista menu li a:hover {background:url('/images/sipka.jpg') no-repeat 50% 80%;color:#fff}
.ho-lista menu li a.aktiv:hover {background:url('/images/hov.jpg') no-repeat;color:#ffefae;cursor:default}
.ho-lista .links {float:right;width:110px;list-style:none;padding:15px 0;}
.ho-lista .links li {float:left;width:30px;margin:0 2px;}
.ho-lista .links li a span {display:none;}
.ho-lista .links a {display:block;width:19px;height:19px;}
.ho-lista .links a.domu {background:url('/images/domu.jpg') center center;}
.ho-lista .links a.kontakt {background:url('/images/kon.jpg') center center;}
.ho-lista .links a.mapa-webu {background:url('/images/mapa.jpg') center center;}

#druhemenu{
    width:995px;
    height:35px;
    list-style:none;
    background-image:url('/images/menu2.jpg');
}
#druhemenu li{
    float:left;
    /*width:120px;*/
    height:33px;
    line-height:33px;
    vertical-align:middle;
    padding:0 10px;
    
}
#druhemenu li a,#druhemenu li a:visited{
    color:#ffefae;
    font-size:1.2em;
    text-decoration:none;
}
#druhemenu li a.active{
    font-weight:bold;
    text-decoration:underline;
}
#druhemenu li a:hover{
    text-decoration:underline;
}
/*———————————————————— logo ... ————————————————————*/
.head {width:995px;float:left;background:url('/images/head.jpg') repeat-x #40180c;margin-top:-2px;}
.head .logo {margin-top:0px;float:left}
.head .logo span {display:none;}
.head .logo img {border:0}
hr {display:none;}
/*———————————————————— blok s referencemi ————————————————————*/
.re-ob {width:563px;float:right;overflow:hidden;}
.refer {width:523px;float:left;background:url('/images/head2.jpg') no-repeat -9px -1px;padding:20px 20px 30px 20px;}
.refer div#ramecek{
	width:435px;
	height:135px;
	overflow:hidden;
	float:left;
	position:relative;
}
.refer div#roller{
	height:195px;
	width:800px;
	position:absolute;
	left:0;
	top:0;
	
}
.refer .si-rel span, .refer .si-rep span{display:none;}
.refer .si-rel {background:url('/images/si-rel.jpg') no-repeat;margin:55px 5px 0 0;display:block;float:left;width:26px;height:26px;cursor:pointer;}
.refer .si-rep {background:url('/images/si-rep.gif') no-repeat;margin:58px 5px 0 6px;display:block;float:left;width:26px;height:26px;cursor:pointer;}
.refer .ref {margin:10px 5px 0 5px;}
.refer .ref img {border:0}
.refer .refob {display:block;float:left;width:135px;margin:5px;overflow:hidden;}
.refer .refob strong {color:#9e3e2a;font-size:1.1em;display:block;padding:2px 0;font-weight: normal;text-align:center}
/*———————————————————— hostingove programy ————————————————————*/
.hostingy {width:995px;overflow:hidden;position:relative;clear:both;background:#6c281b url('/images/bgzea.gif');}
.hostingy .program {width:230px;float:left;margin:0 6px;display:inline;position:relative;}
.hostingy h2 {display:block;width:81px;height:48px;margin-left:120px;position: relative; _font-size: 1em; overflow: hidden;}
.hostingy h2.mini span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url('/images/eshop-mini.jpg') no-repeat;}/*shmini*/
.hostingy h2.sma span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url('/images/eshop-start.jpg') no-repeat;}
.hostingy h2.max span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url('/images/eshop-maxi.jpg') no-repeat;}
.hostingy h2.pro span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url('/images/eshop-vip.jpg') no-repeat;}
.hostingy .promini {background:url('/images/vuz_mini.jpg') no-repeat 0 13px transparent;}
.hostingy .prosmart {background:url('/images/vuz_start.jpg') no-repeat 0 13px transparent;}
.hostingy .promaxi {background:url('/images/vuz_maxi.jpg') no-repeat 0 14px transparent;}
.hostingy .proprofi {background:url('/images/vuz_vip.jpg') no-repeat 0 6px transparent;}
.hostingy .vlastnosti {list-style:none;width:110px;float:right;color:#fff;font-size:1.1em;padding-top:20px;margin-left:5px;height:126px}
.hostingy .vlastnosti li {float:none;display:block;background:url('/images/odrazka.gif') no-repeat left 5px;padding-left:8px;}
.hostingy .in {width:975px;float:left;padding:10px 10px 8px 10px;background:url('/images/bghost.jpg') repeat-x;}
.hostingy .srovna {width:86px;display:block;text-align:center;color:#000;font-weight: bolder;padding:3px 0;background:#f7a21a url('/images/srovnani_eshop2.jpg') no-repeat;position:absolute;right:0;bottom:-8px;text-decoration:none}
.hostingy .srovna:hover {background-position: 0 -19px; color: white;}
.tlacitka .obj {width:86px;margin:1px 0 0 150px;display:inline;text-align:center;color:#8de422;font-weight: bolder;padding:4px 0;background:#1e460c url('/images/objednavka_eshop.jpg') no-repeat 0 0;text-decoration:none;float:left;}
.tlacitka .obj:hover {background-position: 0 -20px; color: white;}

div.tlacitka {width:975px;float:left;clear:left;padding:1px 10px;background:url('/images/tla-bg2.jpg') repeat-x #f2e499;}
div.tlacitka .dru {margin-left:156px}
div.tlacitka .tre {margin-left:156px}
/*———————————————————— textova cast ————————————————————*/
.bordertop {border-top:1px solid #69301c}
.textovkatop {width:995px;clear:left;float:left;background:url('/images/pozadi_03.jpg') repeat-x #fff;}
.textovka {width:955px;padding:40px 20px;clear:left;float:left;}
.textovka .pravy p {font-size:1.2em;padding:5px;color:#651d00;width:450px}
.textovka p {font-size:1.2em;padding:5px;color:#350d00; text-align: justify;}
.textovka ul{padding:5px;color:#350d00;margin-left:15px}
.textovka ul li {font-size:1.2em;padding:1px;color:#350d00;margin-bottom:3px}
.textovka p.uvod {float:left}
.textovka .pravy {float:right;width:450px;margin: 0 0 15px 25px}
.textova .levy {float:left;width:400px;padding:0 20px}
.textovka .pravy2 {float:right;width:325px;padding:20px}
.textovka h2 {color:#ff3a00;font-size:1.6em;font-style:italic;font-family:Arial;font-weight: bolder;margin:10px 0 5px 0}
.textovka h3 {color:#ff3a00;font-size:1.4em;font-style:italic;font-family:Arial;font-weight: bolder;margin:5px;}
.textovka h1, h1 {color:#ff3a00;font-size:1.9em;font-style:italic;font-family:Arial;font-weight: normal;margin:0 3px 10px 3px}
.textovka h1.brown {color: #421609;}
.textovka ul.pod {width:430px;list-style:none;font-size:1.2em;margin:10px 0;}
.textovka ul.pod li {float:none;display:block;color:#fd4318;padding:4px 0 4px 25px;background:url('/images/odrazka2.png') no-repeat 0 5px}
*html .textovka ul.pod li {background:url('/images/odrazka2.gif') no-repeat 0 5px}
.textovka ul.pod strong, .textovka ul.pod a {color:#f4a100}
.textovka .cti {display:inline;color:#000;font-weight: bolder;float:right;margin-right:30px;width:95px;padding:3px 0;font-size:1.2em;text-decoration:none;text-align:center;background:url('/images/cti.jpg') no-repeat}
.textovka .cti:hover {background-position: 0 -23px;}
.textovka .pravy strong {color:#fd4318;}
.textovka .pravy .sbo {border-bottom:2px solid #f5ecb5}
/*———————————————————— paticka ————————————————————*/
#footer {width:995px;background:url('/images/footer.gif') -2px top no-repeat;clear:both;padding-top:20px;padding-bottom:20px;font-size:1.2em;}
#footer p {display:block;background:url('/images/fo-sim.gif') no-repeat 10px 0;padding:10px 0 10px 150px;color:#fff;}
#footer a {color:#fff;}
#footer .copy {float:right;padding:10px 10px 0 0 }

tr.tlacitka .obj2 {width:86px;display:block;margin:0 auto;text-align:center;color:#8de422;font-weight: bolder;padding:3px 0;background:url('/images/obj2.jpg') no-repeat;text-decoration:none; margin-top: 10px;}
tr.tlacitka .obj2:hover {background-position: 0 -20px; color: white;}
tr.tlacitka td{text-align:center}


table#srovnani,table.srovnani,table.list{
width:950px;
background-color:white;
font-size:12px;
}
table.list td.left,table#srovnani td.left,table.srovnani td.left{
    text-align:left;
    text-indent:5px;
}
table.list .hlavicka td, table#srovnani .hlavicka td, table.srovnani .hlavicka td{
	text-align:center;
	font-weight:bold;
	font-size:14px;
	background-color:#6F1203;
	color:white;
	height:20px;
	/*width:120px;*/
}
table.list .hlavicka-mala td{
	text-align:center;
	font-weight:bold;
	font-size:11px;
	background-color:#6F1203;
	color:white;
	height:20px;
	/*width:120px;*/
}
table.list td strong{
    font-size:15px;
    font-weight:bold;
}
table#srovnani tfoot td,table.srovnani tfoot td, table.list tfoot td  {
	text-align:center;
}
table#srovnani td b,table.srovnani td b{
	font-size: 12px;
}
table.list .low{
    color:#888;
}
table#srovnani tbody th,table.srovnani tbody th,table.list tbody th{
	text-align:left;
	font-size:12px;
	background-color:#dccac7;
	color:#6F1203;
	text-indent:5px;
	height:19px;
    
}
table#srovnani tbody td,table.srovnani tbody td{
	text-align:center;
	
	font-size:11px;
}



a img{
	border:none;
}

.nahled{
	display:block;
	width:200px;
	float:left;
	margin:5px 10px;
}
.popis{
	width:200px;
	float:left;
}
strong{
	font-weight:normal;
}
.admintext strong{
	font-weight:bold;
}
h1 strong,h2 strong,h3 strong{
	font-weight:bold;
}

.textovka ul {list-style:inside;}
.textovka .pravy ul {list-style:outside;}

big p{text-align:center;margin:10px;}

.reference{
	width:48%;
	float:left;
	margin-bottom:15px;
	height:220px;
}
.reference img{
	border:1px solid black;
}

.procento,#srovnani b,.srovnani b{
	font-size:1.3em
}

#srovnani tbody td,.srovnani tbody td{
	border-right:1px solid #ddd;
}



.cotojatka-anchor { border: 2px solid #ECA999; }
.cotojatka { border: 2px solid #AFC691; }

.cotojatka, .cotojatka-anchor { padding: 3px 5px; background: white; }
body > .cotojatka, body > .cotojatka-anchor { font-size: 90%; }
* html .cotojatka, * html .cotojatka-anchor { font-size: 85%; }


h1#hlavninadpis{
	text-indent:-15px;
	padding-left:15px;
	/*color:#421609;*/
	width:385px;
}
h2#vyhody{
	color:#421609;
}

#boxiky-vpravo {float: right; width: 300px;}
.boxik{
	padding:10px;
	margin:8px;
	float:right;
	width:250px;
	border:3px solid #7b1000;
	font-size:1.1em;
}
.boxik ul{
	margin:0;
}

.boxik-velky{
	padding:10px;
	margin:8px;
	background-color:#7b1000;
	
	border:3px solid #7b1000;
	font-size:1.2em;
    color:white;
 
    text-align:center;
}

.nahledeshop{
	margin:3px;
	display:block;
	width:145px;
	float:left;
	border:1px solid black;
	text-align:center;
}
.nahledsablona{
	margin:10px;
	display:block;
	width:400px;
	float:left;
	border:1px solid black;
	text-align:center;
}


h1.spozadim{
	display:block;
	background-image:url('/images/bg_nadpis2.jpg');
	height:28px;
	margin:0;
	color:#db8a19;
	padding:20px 10px;
	font-size:2.3em;
	font-style:normal;
	font-family:"Trebuchet Ms";
	/*font-weight:bold;*/
	width:975px;
	float:left;
}

abbr{
	color:#ff3a00;
	text-decoration:underline;
	cursor:help;
}



/*
html, body { margin: 0; padding: 0;
 
 height:100%;
 }*/

#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
	position:fixed;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 12px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	text-decoration:underline;
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }

#lightbox-imageBox {
	position:relative;
	border:1px solid black;;
	background-color:white;
	width:400px;
	height:400px;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:1px;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
/* #lightbox-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }*/


#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
	/* cursor:pointer; */
	zoom:1; /* who knows why? */
	
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {
	background:url("../images/prev.gif") left 45% no-repeat;
}
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {
	background:url("../images/next.gif") right 45% no-repeat;
}
*/

#lightbox-infoBox {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
	
	/* width: 100%;
	padding: 0 10px 0; */
}

#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	
	line-height:normal;
	/* height:30px; */
}
#lightbox-infoHeader {
	width:100%;
	text-align:center; 
}
#lightbox-caption {
	text-align:justify;
}
#lightbox-caption-title {
	font-weight:bold;
}
#lightbox-caption-description {
	font-weight:normal;
}

#lightbox-infoFooter {
	margin-top:3px;
	color:#999999;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
}
#lightbox-close-button{
	padding-left:30%;
}
#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
	text-decoration:underline;
	color:#999999;
}
#lightbox-close-button:hover {
	color:#666666;
}

#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}

/********************/
/********************/
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}
/********************/
/********************/
.odd td{
	background-color:#f0e9e8;
}

#malviklogo{
	display:block;
	width:250px;
	height:89px;
	display:block;
	float:right;
	margin:55px;
}

.napsali p{
	text-indent:3em;
	font-style:italic;
	
}
.width_645px {width: 645px;}
a.chcieshop{
	display:block;
	width:400px;
	height:10px;
	color:white;
	background-color:#4e1e0f;
	border:2px solid #7b0000;
	margin:20px auto;
	padding:10px 0 18px 0;
	text-align:center;
	font-size:1.6em;
	
	text-decoration:none;
}
a.chcieshop:hover{
	background-color:#7b0000;
	border:2px solid #4e1e0f;
}

label{
	font-size:1.2em;
}


table#kontakt label{
	font-weight:bold;
	display:block;
	width:80px;
}
table#kontakt td{
	vertical-align:top;
}
table#kontakt2{
	font-size:1.2em;
}
table#kontakt2 td{
	width:200px;
}

fieldset{
	padding:10px;
	border:solid 1px #ddd;
}
.odeslat-kontakt {width:100px; padding: 2px 0; border: 1px solid #7B1000; margin-left: 84px; color: white; font-weight: bold; background: #703321;}
.text_input, #kontakt textarea {padding: 2px; border: 1px solid #7B1000;}
.zajem {margin: 1px 0; border: 1px solid #7B1000;}




.sekce{
    width:321px;
    height:222px;    
    float:left;
    margin:5px;
    _margin: 4px;
    position: relative;
}
.sekce p{
    color:white;
    display:block;
    width:150px;
    height:80px;
    font-size:11px; 
    margin:80px 0 0 140px; 
}
#sekce_eshop{
    background: #33631a url('/images/sekce-eshop.jpg');   
}
#sekce_firmy{
    background-image:url('/images/sekce-firmy.jpg');   
}
#sekce_penziony{
    background-image:url('/images/sekce-penziony.jpg');   
}
#sekce_srazy{
    background: #33631a url('/images/sekce-srazy.jpg') no-repeat 0 0; height: 221px; width: 320px; margin-top: 6px;  
}
#sekce_hostesky{
    background-image:url('/images/sekce-hostesky.jpg');   
}
#sekce_affil{
    background: #33631a url('/images/sekce-affil.jpg') no-repeat 0 0; height: 221px; width: 320px; margin-top: 6px;   
}
#sekce_eshop .sekce_headline, #sekce_srazy .sekce_headline, #sekce_affil .sekce_headline {position: absolute; font-size: 1.3em;}
#sekce_eshop .sekce_headline {left: 132px; top: 32px; width: 79px; height: 22px;}
#sekce_eshop .sekce_headline span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/sekce-eshop_headline.jpg') no-repeat 0 0;}
#sekce_srazy .sekce_headline {left: 127px; top: 31px; width: 174px; height: 22px;}
#sekce_srazy .sekce_headline span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/sekce-srazy_headline.jpg') no-repeat 0 0;}
#sekce_affil .sekce_headline {left: 121px; top: 32px; width: 168px; height: 22px;}
#sekce_affil .sekce_headline span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/sekce-affil_headline.jpg') no-repeat 0 0;}
.dalsi_info{
    display:block;
    width:113px; 
    height:20px;
    background: #fdac19 url('/images/dalsi_info.jpg');
    margin:20px 0 0 180px;
    position: relative;
    color: #552012;
}
.dalsi_info span {
    width:100%; 
    height:100%;
    background: url('/images/dalsi_info.jpg');
    position: absolute;
    left: 0; top: 0;
}
.dalsi_info:hover span {
    background-position: 0 -20px;
}

.kalendarik {
    background:url('/images/kalendar_2010.png') no-repeat 0 0;
    width:52px;
    height:29px;
    padding:25px 0 0 10px;
    font-size:16px;
    float:left;
    margin:15px 10px 5px 0;
}
*html .kalendarik {_background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop src='../images/kalendar_2010.png');}
.novinka{
    clear:both;
    /*width:450px;*/
    margin:10px 0 10px 10px;
    
    
}
.novinka p{
    color:#96100f;
    font-size:12px;
    font-family:Arial
}

#levyobsah{
    float:left;
    width:610px;
    padding-right: 20px;
}
#novinky{
    float:left;
    width:325px;
}
#novinky h2 {margin: 5px 0 5px 10px;}


.kontakt_osoba{
    width:450px;
    float:left;
    bordeR:1px solid black;
    padding:5px;
    margin:5px;
    background: white;
    min-height: 90px;
    _height: expression(this.scrollHeight < 90? "90px" : "auto" );
}
.kontakt_osoba table{
    width:200px;
    display:block;
    float:left;
}
.kontakt_osoba p{
    width:190px;
    display:block;
    float:left;
    text-align: left;
}
.kontakt_osoba h4{
    font-size:14px
}

.tarif_mini, .tarif_start {float: left; width: 470px; height: 175px; background: #2a6013 url('../images/mini_start.jpg') no-repeat 0 0; margin: 0 15px 15px 0; position: relative;}
.tarif_start {margin-right: 0;}
.tarif_mini h2 , .tarif_start h2 {float: right; width: 62px; height: 34px; position: relative; margin: 18px 280px 0 0; _margin: 18px 140px 0 0; color: #ea931b; font-size: 1.2em;}
.tarif_mini h2 span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/objednavka_h2-mini.jpg') no-repeat 0 0;}
.tarif_start h2 span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/objednavka_h2-start.jpg') no-repeat 0 0;}
.tarif_mini .prize , .tarif_start .prize {float: left; width: 103px; height: 68px; background: #e3d17b; position: relative; margin: 10px 0 0 11px; _margin: 10px 0 0 5px; color: red;}
.tarif_mini .prize span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/prize_mini.jpg') no-repeat 0 0;}
.tarif_start .prize span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/prize_start.jpg') no-repeat 0 0;}
.tarif_mini p , .tarif_start p {float: left; width: 440px; padding: 2px 15px 0 15px; color: white; font-size: 1.2em;}
.tarif_mini .continue , .tarif_start .continue {position: absolute; right: 9px; bottom: 9px; width: 87px; height: 20px; background: #f7a21a; cursor: pointer;}
.tarif_mini .continue span , .tarif_start .continue span {position: absolute; left: 0; top: 0; width: 87px; height: 20px; background: url('../images/mini_start-continue.jpg') no-repeat 0 0;}
.tarif_mini .continue:hover span , .tarif_start .continue:hover span {background-position: 0 -20px;}

.tarif_ideal, .tarif_vip {float: left; width: 470px; height: 214px; background: #2a6013 url('../images/ideal_vip.jpg') no-repeat 0 0; margin: 0 15px 0 0; position: relative;}
.tarif_vip {margin-right: 0;}
.tarif_ideal h2 , .tarif_vip h2 {float: right; width: 62px; height: 34px; position: relative; margin: 18px 280px 0 0; _margin: 18px 140px 0 0; color: #ea931b; font-size: 1.2em;}
.tarif_ideal h2 span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/objednavka_h2-ideal.jpg') no-repeat 0 0;}
.tarif_vip h2 span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/objednavka_h2-vip.jpg') no-repeat 0 0;}
.tarif_ideal .prize , .tarif_vip .prize {float: left; width: 103px; height: 68px; background: #e3d17b; position: relative; margin: 10px 0 0 11px; _margin: 10px 0 0 5px; color: red;}
.tarif_ideal .prize span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/prize_ideal.jpg') no-repeat 0 0;}
.tarif_vip .prize span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/prize_vip.jpg') no-repeat 0 0;}
.tarif_ideal p , .tarif_vip p {float: left; width: 440px; padding: 2px 15px 0 15px; color: white; font-size: 1.2em;}
.tarif_ideal .continue , .tarif_vip .continue {position: absolute; right: 9px; bottom: 9px; width: 87px; height: 20px; background: #f7a21a; cursor: pointer;}
.tarif_ideal .continue span , .tarif_vip .continue span {position: absolute; left: 0; top: 0; width: 87px; height: 20px; background: url('../images/ideal_vip-continue.jpg') no-repeat 0 0;}
.tarif_ideal .continue:hover span , .tarif_vip .continue:hover span {background-position: 0 -20px;}

.objtarif{
    height:232px;
    width:850px;
    background-image:url('/images/bghost.jpg');
    float:left;
    margin:0 20px 10px 0;
}
.objtarif .vozik{
    display:block;
    float:left;
    width:114px;
    height:188px;
    margin:23px 20px 0 20px;
}
.objtarif h3{
    width:400px;
    float:left;
    height:70px;
}
.objtarif div{
    width:500px;
    float:left;
    margin-left:20px;
    
}
.objtarif p{
    color:white;
    font-size:12px;
}

/* OBJEDNAVKA FORM */
#krok2 {width: 750px;}
#krok2 tr td {padding-bottom: 5px;}
#krok2 tr th {vertical-align: top; font-size: 1.2em; text-align: left;}
#krok2 tr .td-th_grafika {padding-top: 30px;}
.nazev, .url, .sortiment, .grafikatext, .poznamka {width: 350px; padding: 2px; border: 1px solid #7B1000; margin: 0 5px 0 0;}
.radio {margin: 0 5px 10px 0; _margin-top: -3px; %margin-top: -3px;}
label {padding: 0 0 10px 0; _vertical-align: top; _text-align: left; %vertical-align: top; %text-align: left;}
.submit {width:100px; padding: 2px 0; border: 1px solid #7B1000; margin-left: 134px; color: white; font-weight: bold; background: #703321;}
#krok3 input {width: 250px; padding: 2px; border: 1px solid #7B1000; margin: 0 5px 2px 20px;}
.submit_finish {width:180px; padding: 2px 0; border: 1px solid #7B1000; margin: 5px 0 0 75px; color: white; font-weight: bold; background: #703321;}








/***** affil **/
div.error {color:#d1481a;}
div.success {color:#669900;}
div.question {color:#399ece;}
 div.error,  div.success,  div.question,  div.loading {border-width:1px; border-style:solid; padding:16px 20px 0 60px;margin-bottom:10px}
 div.error {border-color:#d1481a; background:#fff1ec url('/images/error.gif') center left no-repeat;}
 div.success {border-color:#669900; background:#f9ffec url('/images/succes.gif') center left no-repeat;}
 div.question {border-color:#399ece; background:#f3f9fc url('/images/question.gif') center left no-repeat;}
 div.loading {border-color:#399ece; background:#f3f9fc url('/images/loading.gif') center left no-repeat;}
 div.question input {padding:0 10px;}
 div.error p,  div.success p,  div.question p,  div.loading p{
    margin:0 0 5px 0;
 }
.registration {font-size: 1.2em; font-weight: bold;}
.registration legend {color: #FF3A00; font-size: 1.4em;}
.registration input {width: 250px; padding: 2px; border: 1px solid #7B1000; margin: 0 5px 2px 20px;}
.registration input#souhlas {width: auto; padding: 2px; border: none; margin: 2px 20px 2px 5px;}
.registration label {font-weight: normal;}
.registration input.submit {width:180px; padding: 2px 0; border: 1px solid #7B1000; margin: 5px 0 0 144px; color: white; font-weight: bold; background: #703321;}
ol.podminky {font-size: 1.2em; margin: 10px 20px 10px 35px;}
.registrace {font-size: 1.3em;}
.registrace legend {color: #fcc803; padding: 0 10px;}
.registrace label {font-size: 1.1em; padding: 0 20px 0 0; color: white;} 
#infopartner {font-size: 1.3em; color: white; border: 1px solid white; padding: 20px; width: 260px; float: right;}


code{
    font-size: 12px;
    font-family:Courier;
    background-color: #eee;
    display:block;
}

td.right{text-align:right}
td.center{text-align:center}