/*
// -----------------------základní prvky---------------------------------------
*/

body {
 background: #232323;
 text-align: center;
 margin: 0px;
 padding:0px;
 padding-bottom:10px;
 }
hr{
 background: url('/line.jpg') no-repeat center;
 height:10px;
 border:0px;
 }
.reklama {
 display: none;
 }
.around {
 background: url('/images/top.gif') 0 22px repeat-x;
 }
.bottom {
 background: url('/images/bottom.gif') bottom left repeat-x;
 }
.main {
 width: 820px;
 margin-bottom:20px;
 padding: 0px;
 text-align: left;
 margin-left:auto;
 margin-right:auto;
 background:#f1f1f1 ;
 _overflow:hidden;
 }
.head {
 height: 200px !important;
 margin: 0px;
 padding: 0px;
 overflow:hidden;
 text-align:center;
 background:#fff url('/images/crunchlogo.jpg') 0px 0px ;
 }
.head h1{
 text-align:left;
 margin:-10 auto 0 auto;
 padding: 0px;
 padding-left: 20px;
 font-family:Verdana;
 font-size:10px;
 height:90%;
 }
.head hr,
.head h2{
 display:none;
 }
.head h1 a{
 color:#000;
 height:100%;
 display:block;
 text-decoration:none;
 }
hr.es,
hr.divend,
br.divend{
 margin:0px;
 clear:both;
 visibility:hidden;
 }
.navigator{
 background:#000 url('/images/topbar.gif') top left repeat-x;
 height:46px;
 }
.navigator form{
 float:right;
 margin-top:10px;
 margin-right:10px;
 }
.navigator form div{
 margin-
 }
.navigator form div input{
 Vertical-align:center;
 }
.sub{
 Vertical-align:bottom;
 margin-left:-10px;
 }
#vyraz{
 border:1px solid #666;
 }
.topbar{
 float:left;
 font-size:13px;
 margin-top:0px;
 width:600px;
 }
.topbar ul{
 float: left;
 margin:0;
 padding:0;
 list-style-type:none;
 font-family:Arial; /*"Lucida Grande", Georgia, "Times New Roman", Times, serif;*/
 }
.topbar li{
 float: left;
 margin:1px 10px 0px 0px;
 border:0;
 padding-left:18px;
 padding-bottom:5px;
 line-height:120%;
 }
.topbar span{
 margin-top:10px;
 display:block
 }
.topbar a{
 font-weight:bold;
 color:#e1e1e1;
 text-decoration:none;
 border-bottom:4px solid #303030;
 display:block;
 padding-bottom:8px;
 }
.topbar a:hover{
 border-bottom:4px solid #FF6600;
 }
/*
****************  LEFTSIDE
*/
.leftside{
 width: 220px;
 float: left;
 padding: 0px;
 margin: 0px;
 margin-left:8px;
 _margin-left:4px;
 padding-top:8px;
 }
.leftside h3,
.leftside h4{
 background: url('/images/topbar.gif') 0 -4px;
 padding:8px;
 padding-left:10px;
 color:#fff;
 font-family:Tahoma;
 font-size:0.9em;
 margin:0;
 }
.leftside ul{
 list-style-type:none;
 margin:0;
 padding:0;
 margin-bottom:10px;
 margin-top:1px;
 }
.leftside li,
#menu1 li,#menu2 li{
 display:block;
 border-bottom:1px solid #656565;
 border-left:1px solid #313131;
 border-top:1px solid #313131;
 background:#434343 url('/images/liback.gif');
 font-family:Tahoma;
 font-size:0.8em;
 margin:0;
 padding:0;
 }
.leftside li:hover,
#menu1 li:hover,#menu2 li:hover{
 background:#434343 url('/images/libackhv.gif');
 }
.leftside li a{
 display:block;
 color:#f1f1f1;
 padding:4px;
 padding-left:10px;
 text-decoration:none;
 }
.leftside li a:hover{
 color:#fff;
 }
#menu1,#menu2{
 margin-left:220px;
 width:170px;
 }
#menu2{
 margin-top:25px;
 }
#slide{
 text-align:center;
 margin-bottom:10px;
  }
#slide h4{
 text-align:left;
 }
#slide img{
 border:3px double #ccc;
 margin-top:10px;
 }
#visit{
 padding-bottom:10px;
 }
#visit img{
 margin-top:5px;
 border:0;
 }
.leftside hr{
 display:none;
 }
.zbozi{
 background:#fff;
 text-align:center;
 }
.zbozi h4{
 text-align:left;
 }
.zbozi h5{
 text-align:left;
 margin-left:8px;
 padding-bottom:4px;
 border-bottom:1px solid #333;
 margin:6px;
 }
.zbozi h5 a{
 font-family:Arial;
 color:#333;
 margin:5 0 5 0;
 text-decoration:none;
 }
.zbozi img{
 text-align:center;
 width:180;
 border:0;
 }
.zbozi strong{
 display:block;
 padding:2px;
 margin:6px;
 margin-bottom:15px;
 background:#f1f1f1;
 border:1px solid #ccc;
 font:bold 12px Arial;
 color:#333;
 }
/*
****************  INDEX
*/
.index .i-right,
.index .i-left{
	width:270px;
	background: url('/images/i-box.gif') center bottom repeat-x;
	margin-bottom:10px;
	height:240px;
	border:1px solid #ccc;
	}
.index .i-left{
	float:left;
	margin-left:10px;
	_margin-left:5px;
	}
.index .i-right{
	float:right;
	}
.index .i-right img,
.index .i-left img{
	margin-right:8px;
	}
.index .i-right p,
.index .i-left p{
	font-family:Tahoma;
	font-size:0.75em;
	margin:10px;
	text-indent:0;
	margin-bottom:0;
	}
.index h2{
  background:#000 url('/images/topbar.gif') top left repeat-x;
	margin:0;
	padding:8px;
	}
.index h2 a{
  Color:#fff !important;
	}
/*
****************  MIDDLE
*/
.viewfoto a,
.middle a {
 color:#990000;
 text-decoration: underline;
 }
.viewfoto a:hover,
.middle a:hover {
 text-decoration: none;
 }
.external{
 padding-right:20px;
 background:url('/ikony/nw.gif') 96% 98% no-repeat;
 }
.middle{
 float: left;
 width: 35em;
 padding: 0px;
 margin:18 18 20 8;
 min-height:500px;
 font-family:Tahoma;
 }
.middle hr{
 display:none;
 }
.middle h1{
 font: 1.4em Arial;
 padding:5px;
 margin:0 0 0 15;
 font-weight:bold;
 text-align:left;
 color:#333;
 background:url('/images/h1.gif') center left no-repeat;
 padding-left:24px;
 }
.middle h2,.kontakty h2{
 font: 1.2em Arial;
 padding-left:15px;
 margin-bottom:0px;
 color:#333;
 }
.middle h2 a{
 color:#333;
 text-decoration:none;
 }
.middle h2 a:hover{
 color:#b00000;
 text-decoration:underline;
 }
h2.info{
 margin-left:0px;
 background:url('/ikony/info.png') top right no-repeat;
 }
h2.info a{
 color:#333 !important;
 }
.middle h3,
.viewfoto h3{
 font: 1.2em Arial;
 margin-left:15px;
 margin-bottom:5px;
 color:#333;
 }
h3#comments{
 border-top:1px dashed #cccccc;
 padding-top:8px;
 margin-top: 30px;
 }
.viewfoto h3#comments{
 margin-right:10px;
 }
#print{
 float:right;
 
 }
center img{
 border:4px solid #333;
 }
.middle p{
 line-height:140%;
 font-size:0.8em;
 text-align:justify;
 margin:5 0 10 15;
 text-indent:10px;
 }
.middle ul,
.middle ol{
 margin:0;
 padding:0;
 line-height:130%;
 list-style-type:none;
 font: 0.8em Verdana;
 }
.middle ul li{
 margin-left:34px;
 padding-left:14px;
 background:url('/images/li.gif') 2px 5px no-repeat;
 }

.viewfoto table td,
.viewfoto table th,
.middle table td,
.middle table th {
 font-family:Verdana;
 font-size:10px;
 margin: 0px;
 padding:2px;
 }
.kontakty table{
 margin-left:20px;
 padding:1px;
 }
table.param{
 width:540px;
 background:#666;
 margin:15px;
 }
table.param td{
 background:#f1f1f1;

 }
table.param th{
 background:#e1e1e1;
 }
table.param .tp th{
 background:#333;
 color:#f1f1f1;
 }

b.stats{
 clear:both;
 display:block;
 font-weight:normal;
 border-top:1px dashed #cccccc;
 margin:2 0 0 20;
 padding-top:3px;
 }
b.stats span{
 color:#8E1B06;
 }
.foto a {
 color: #0066CC;
 text-decoration: none;
 }
.foto a:hover {
 color: black;
 text-decoration: underline;
 }
.strankovani{
 margin:8px;
 margin-left:20px;
 font-weight:bold;
 }
.strankovani a{
 color: #660000;
 text-decoration: underline;
 }
.strankovani a:hover{
 text-decoration: none;
 }
.viewfoto .strankovani{
 margin:18px;
 font-weight:bold;
 }
.viewfoto .strankovani a{
 padding:2px;
 }
.viewfoto .strankovani a:visited{
 color:black;
 }
.viewfoto .strankovani a:active{
 border:1px solid #0066CC;
 }
/*
*************BLOG
*/
.bhead {
 _width: 100%;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 border-top: 1px solid #CCCCCC;
 background:#000 url('/images/topbar.gif') 0px 8px repeat-x;
 margin-left:10px;
 }
.bhead h2{
 margin:6 0 0 5;
 padding:0;
 float:left;
 font-size:1em;
 font-weight:bold !important;
 width:350px;
 color:#fff;
 border:0;
 }
.bhead h2 a{
 background:transparent !important;
 color:#fff;
 text-decoration:none;
 }
.bhead h2 a:hover{
 color:#fff;
 }
.bhead h5,.bhead strong{
 float:right;
 text-align:right;
 margin:8 8 8 0;
 padding:3 25 0 0;
 font:normal 10px Tahoma;
 color:#f1f1f1;
 background:url('../images/kalendarik.gif') right top no-repeat;
 width:150px;
 }

.body {
 _width: 100%;
 text-align: center;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 background: url('/images/i-box.gif') center bottom repeat-x;
 font-size:11px;
 padding-bottom:5px;
 margin-left:10px;
 }
.body p{
 margin: 0px;
 padding: 5 8 5 8;
 text-align:justify;
 font-size:11px;
 }
.body img{
 margin-bottom:10px;
 text-align:center;
 border:1px solid #333;
 }
.bpata {
 _width: 100%;
 height: 20px;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 border-top: 1px solid #CCCCCC;
 margin-left:10px;
 }
.bpata p{
 float:right;
 margin:0px;
 padding: 3px;
 padding-left: 0px;
 font-size: 10px;
 font-family:"Verdana";
 text-align: right;
 }
.bpata img{
 float:left;
 border:0px;
 margin-left:2px;
 margin-right:0px;
 clear:none;
 }
.bpata p a{
 background:transparent;
 border:0;
 }
.bpata p a:hover{
 text-decoration:underline;
 }

/*
****************  FOOTER
*/
.footer{
 width:100%;
 height:60px;
 background:#000;
 border-top:1px solid #111;
 }
.footer strong{
 display:block;
 background: #232323;
 font-size:9px;
 font-family:Verdana;
 color:#c6c6c6;
 font-weight:normal;
 text-align:right;
 padding-top:10px;
 }
.footer a{
 color:#c6c6c6;
 text-decoration:none;
 }
.footer a:hover{
 text-decoration:underline;
 }
.products{
 margin-top:10px;
 border-bottom:1px solid #888;
 }
.products img{
 border:0;
 }
.products a{
 display:block;
 float:left;
 width:140px;
 margin-left:20px;
 margin-bottom:10px;
 }
.products a span{
 display:none;
 }
/*
****************  next
*/
p.darkred,p.alert{
 text-indent:0px;
 color:#b00000;
 line-height:150%;
 border:1px dotted #b00000;
 text-align:center;
 }
.prefix p,
.middle p.alert{
 margin:5 0 5 10;
 padding:10px;
 }
.darkred{
 color:#b00000;
 }
#s-link {
 width: 40em;
 margin-bottom:20px;
 margin-left:auto;
 margin-right:auto;
 font-family:arial;font-size:11px;
 color:#999;
 }
#s-link a{
 color:#999;
 }
/*
-----------------------fotogalerie---------------------------------------
*/
.viewfoto{
 float: left;
 padding: 0px;
 margin: 0px;
 background-color:white;
 }
.viewfoto img,.viewfoto h3,.viewfoto span{
 margin-left:18px;
 }
.viewfoto .bhead,
.viewfoto .body,
.viewfoto .bpata,
.viewfoto table{
 margin-left:18px;
 width:500px;
 }
.viewfoto .body img{
 width:50px;
 height:60px;
 }

.viewfoto h3{
 margin-left:10px;
 margin-top:10px;
 }
.viewfoto span{
 color:#666666;
 }
table.foto{
 margin:0 0 0 15;
 width: 99%;
 border:1px solid #e9e9e9;
 background:#fff;
 padding:0px;
 }
table.foto td b{
 color:red;
 font-size:8px;
 }
img.nahled{
 float:right;
 margin:0px;
 margin-left:15px;
 border:0;
 }
.thumb{
 margin-top:5px;
 border: 1px solid black;
 width:100px;
 height:80px;
 }
.thumb a:hover{
 margin-bottom:0px;
 border: 2px solid #4E4E27;
 }
/*img.smile{
 margin-bottom:0px;
 border:0px;
 }  */
p.reaguj img.smile{
 margin-bottom:0px;
 border:0px;
 width:16px;
 height:16px;
 }
img.ikon{
 width:80px;
 height:15px;
 border:0px;
 margin-left:25px;
 }
/*
##e-shop
*/

.eshop h2{
 background:#C64F00 url('/images/shop.png') repeat-y;
 color:#f1f1f1;
 text-decoration:underline;
 padding:3px;
 margin-left:20px;
 }
.eshop .bhead,
.eshop .body,
.eshop .bpata{
 background:transparent;
 border:0px;
 margin-right:0px;
 }
.eshop .bhead{
 height:18px;
 }
.eshop .bhead h4{
 margin: 3 0 0 5;
 padding:0px;
 font-weight:bold;
 border-bottom:1px dotted #000;
 width:335px;
 float:left;
 }
.eshop .bhead h5{
 font-size:12px;
 width:30px;
 text-align:left;
 color:#800100;
 padding:0px;
 }
.eshop .body p{
 padding: 2 12 0 12;
 text-indent:0px;
 }
.eshop .bpata {
 padding:0;
 margin:2 5 0 15;
 }
.eshop .bpata p{
 display:none;
 }
.eshop .bpata input{
 border-color:#B48545;
 }
/*
********HODNOCENI
*/
.hodnoceni-hvezdami{
 list-style:none;
 margin: 0px;
 padding:0px;
 width: 120px;
 height: 24px;
 position: relative;
 background: url("../images/hrzt_hv.gif") top left repeat-x;
 }
.hodnoceni-hvezdami li{
 padding:0px;
 margin:0px;
 /*\*/
 float: left;
 /* */
 }
.hodnoceni-hvezdami li a{
 display:block;
 width:25px;
 height: 24px;
 text-decoration: none;
 z-index: 20;
 position: absolute;
 padding: 0px;
 font-size:1px;
 color:#fff;
 }
.hodnoceni-hvezdami li a:hover{
 background: url("../images/hrzt_hv.gif") left center;
 z-index: 4;
 left: 0px;
 }
.hodnoceni-hvezdami a span{
 display:none;
 }
.hodnoceni-hvezdami a:hover span{
 text-indent: 0px;
 display:block !important;
 position:absolute;
 top:0px;
 left:130px;
 z-index:100;
 font:12px sans-serif;
 color:#b00000;
 width:100px;
 text-align:center;
 margin:00px;
 padding:5px;
 }
.hodnoceni-hvezdami a.jedna-hvezda{
 left: 0px;
 }
.hodnoceni-hvezdami a.jedna-hvezda:hover{
 width:25px;
 }
.hodnoceni-hvezdami a.dve-hvezdy{
 left:25px;
 }
.hodnoceni-hvezdami a.dve-hvezdy:hover{
 width: 50px;
 }
.hodnoceni-hvezdami a.tri-hvezdy{
 left: 50px;
 }
.hodnoceni-hvezdami a.tri-hvezdy:hover{
 width: 75px;
 }
.hodnoceni-hvezdami a.ctyri-hvezdy{
 left: 75px;
 }
.hodnoceni-hvezdami a.ctyri-hvezdy:hover{
 width: 100px;
 }
.hodnoceni-hvezdami a.pet-hvezd{
 left: 100px;
 }
.hodnoceni-hvezdami a.pet-hvezd:hover{
 width: 120px;
 }
.hodnoceni-hvezdami li.current-rating{
 background: url("../images/hrzt_hv.gif") left bottom;
 position: absolute;
 height: 24px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
 }
	
