/* obecne */
body 							{ font-family:verdana, sans-serif; font-size:11px; margin:0; padding:0; border:0; background:#fff url(/images/bg-body.png) repeat-x; }

table 							{ font-size:11px; }
a 								{ text-decoration:underline; color:#213C56; }
a:hover 						{ text-decoration:none; color:#aa0027; }

p 								{ text-align:justify; }
.l								{ text-align:left; }
.r								{ text-align:right; }
.c								{ text-align:center; }
.bold							{ font-weight:bold; }
.no-display						{ display: 	none; }
img								{ border:0; }
.clear							{ clear:both; }
.lclear							{ clear:left; }
.nobg							{ background:#fff; }
.nobr							{ white-space:nowrap; }
.varovani						{ color:#900; font-style:italic; }
.margin16						{ margin:16px; }
.margin12						{ margin:12px; }
.spadding16						{ padding-left:16px; padding-right:16px; }
.width600						{ width:600px; margin:auto; margin-bottom:16px; text-align:left; }
.auto							{ width:auto !important; }
.fr								{ float:right; }

input							{ height:14px; border:1px solid #54525A; font-size:11px; }
.butimg          	{ height:auto; border: none; font-size:11px; }
input[type=radio], input[type=checkbox] {border: none;}
button, input[type=submit], input[type=reset]		{  background:#FBD125; border:1px solid #fff; font-size:11px; font-weight:bold; padding:4px; height:auto; }
.but, .butred                            { background:#FBD125; border:1px solid #fff; font-size:12px; font-weight:bold; padding: 3px; cursor: pointer; height:25px; }
.butred                         { background:#FB7826;}
h1, h2							{ width:560px; height:32px; position:relative; font-size:13px; color:#fff; background:url(/images/bg-header-long.png) no-repeat; margin:0; padding:6px 0 0 24px; position:relative; left:-4px; }

.short_v { background:url(/images/bg-header-short2.png) no-repeat; }

.intro-wrap   { height: 190px;}
.intro        { background:transparent url(/images/bg-intro.png) no-repeat scroll 0 0; position:relative; height:80px; margin:3px 7px; text-align:left; width:260px; float: left;}
.intro-img    { left:0; position:absolute; float: left; bottom: 3px; }
.intro-popis  { top:6px; color:#444444; font-size:10px; left:0; padding:0 5px; position:absolute; text-align:right; width: 240px; }
.intro-popis a{ color: #000000; font-size:12px; font-weight: bold; padding: 1px; text-decoration: none; }
.intro-popis a:hover { text-decoration: underline; }
.intro h3 { padding:0; margin: 0;}

.hlaska							{ 
background:#EEF4D3 url(/images/icon-green.png) no-repeat scroll 8px 6px;
border:1px solid #90AC13;
color:#6B800D;
font-weight:bold;
padding:5px 5px 5px 30px;
margin-right:10px;
 }
.chyba							{ 
background:#F7CBCA url(/images/icon-red.png) no-repeat scroll 8px 6px;
border:1px solid #CC0000;
color:#CC0000;
font-weight:bold;
padding:5px 5px 5px 30px;
margin-right:10px;
}

.lichy							{ background:#F1F1F1; }
.sudy							{ background:#FcFcfc ; }
.lichy:hover, .sudy:hover		{ background:#e4e4e4; }
.smaller-text					{ font-size:90%; }


.red 							{ color:#FF2200; }


#main 							{ width:970px; margin:0 auto; background:url(/images/bg-header.png) no-repeat; }



#header 						{ height:160px; position:relative; font-size:13px; }
#header a						{ color:#000; }
#logo							{ position:absolute; left:0px; top:35px; z-index: 3; }
#header h1 { background: none; color:#000000; font-size:180%; margin:0; padding:0; position:absolute; left:0px; top:65px; z-index: 1; }
#header h2 { background: none; color:#000000; font-size:110%; margin:0; padding:0; position:absolute; left:230px; top:120px; z-index: 4; font-style: italic; }

#top-menu, #footer				{ background:url(/images/bg-nav.png) no-repeat; height:30px; position:relative; left:4px; color:#999; margin-bottom:8px; color:#ccc; }
#top-menu div, #footer div		{ position:absolute; right:36px; top:8px; font-size:11px; }
#top-menu a, #footer a			{ color:#fff; text-decoration:none; }

.top-menu{
  position: relative;
  z-index: 10;
  background:url(/images/bg-nav.png) no-repeat; height:30px; position:relative; left:4px; color:#999; margin-bottom:8px; color:#ccc;
 font-size: 12px;
 
}

.top-menu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index: 10;
}

.top-menu div{
	right: 30px;
	top: 0;
	position: absolute;
	padding-top: 8px;
    width: 890px;	
}

.top-menu ul{
	float: right;
}
/*Top level list items*/
.top-menu ul li{
position: relative;
padding: 3px 4px;
display: inline;
float: left;

margin:0;

}

/*Top level menu link items style*/
.top-menu ul li a{
padding: 3px 8px;
border-left-width: 0;
text-decoration: none;
color: #FFFFFF;
background-color: #444;
}

.top-menu ul li a:hover{
color: navy;

}

	
/*1st sub level menu*/
.top-menu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-color: #444;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.top-menu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.top-menu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.top-menu ul li ul li a{
display:block;
margin:0;
padding:0px 10px 6px 0;
position:relative;
text-decoration:none;
width: 180px;

}

.top-menu ul li a:hover{
background-color: #666;
color: white;
}

.top-menu .mainfoldericon{}

.top-menu .subfoldericon{background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .top-menu ul li { float: left; height: 1%; }
* html .top-menu ul li a { height: 1%; }
/* End */


#footer							{ margin-top:8px; }

#header-user					{ position:absolute; top:95px; right:30px; padding:10px 10px 10px 22px; background:url(/images/icon-key.png) 0 11px no-repeat; }
#header-kosik					{ position:absolute; top:120px; right:30px; padding:10px 10px 10px 22px; background:url(/images/icon-box.png) 0 11px no-repeat; }


#left, #right					{ width:185px; }
#left							{ float:left; }
#right							{ float:right; margin-right:0px; }

#left h3, #right h3				{ width:184px; height:32px; position:relative; font-size:13px; background:url(/images/bg-header-short.png) no-repeat; margin:0; }
#left h3 span, #right h3 span	{ position:absolute; left:24px; top:8px; }

#left-links						{ margin-top:24px; }

.frame							{ width:560px; }
.frame, legend					{ font-size:11px; padding:6px; background:#FFF6CB url('../images/bg-frame.png') top repeat-x; border:1px solid #FEEB7E; margin-bottom:20px; }
.frame ul						{ margin:0 0 0 16px;; padding:0; }
.frame li						{ margin-bottom:8px; }
.frame2 a						{ color:#444; }
.frame input, .frame select		{ font-size:11px; font-family:verdana; width:140px; }
.search-frame th				{ text-align:right; }


.white-frame					{ padding:12px; border:1px solid #E4E8ED; margin-left:16px; margin-bottom:12px; }

#vyrobci-frame					{ font-size:11px; }
#vyrobci-frame input			{ width:10px; height:10px; }

.bigform, .bigform input		{ font-size:11px; }

/*
.search {}
.main-form						{ margin:0; }
.main-form td					{ padding:3px; }
.main-form .td1					{ text-align:right; }
.main-form input, .main-form select
								{ border:1px solid #AAB8C6; background:#F2F4F8; width:130px; height:16px; font-family:verdana; font-size:11px; color:#75767A; }
.main-form .submit				{ background:#FF6600; border:0; color:#fff; font-size:10px; width:60px; height:20px; }
.main-form .submit:hover		{ background:#CC0000; }
.main-form .submit-short		{ background:#FF6600; border:0; color:#fff; font-size:10px; width:30px; height:20px; }
.main-form .submit-short:hover	{ background:#CC0000; }
.main-form .short				{ width:90px; }
*/

#shop-main						{ margin-left: 198px; width:580px; _margin-left:194px; }
#shop-main2						{ margin-left: 198px; width:772px; _margin-left:194px; }

#shop-main2  .frame							{ width:755px; }
#shop-main2 h1 { width:749px; background:url(/images/bg-header-long2.png) no-repeat; }
#shop-main2 h2							{ width:749px; background:url(/images/bg-header-long2.png) no-repeat; }


.vyrobek-wrap					{ float:left; width:178px; height:237px; margin:7px; *margin:6px; text-align:center; background:url(/images/bg-product.png) no-repeat; position:relative; }
.vyrobek-nazev					{ position:absolute; width:165px; padding:0 5px; left:0; top:4px; font-weight:bold; }
.vyrobek-nazev a				{ color:#fff;  }
.vyrobek-cena					{ position:absolute; left:0; bottom:7px; font-weight:bold; color:#900; width:165px; padding:0 5px; }
.vyrobek-popis					{ position:absolute; left:0; bottom:32px; color:#333; font-size:10px; width:165px; padding:0 5px; text-align: left; }
.vyrobek-kosik					{ position:absolute; left:0; bottom:165px; font-style:italic; color:#333; font-size:10px; width:165px; padding:0 0 0 0px; text-align:right; }
.vyrobek-auto					{ position:absolute; left:0; bottom:100px; font-style:italic; color:#333; font-size:10px; width:165px; padding:0 0 0 0px; text-align:right; }
.vyrobek-img					{ position:absolute; left:0; top:55px; width:175px; }

.cena							{ color:#820000; font-size:11px; }
.bezna-cena					{ color:#000; font-weight:bold; }
.vyrobek-bottom					{ padding:3px; }

.priznak						{ color:#aa0027; font-weight:bold; }

.aktualne						{ font-size:11px; }
.aktualne-datum					{ color:#FF6803; margin:0; padding:0; font-weight:normal; font-size:11px; }
.aktualne-nadpis				{ color:#CC0000; }

#kategorie, #pruvodci, #vyrobci, #doporucujeme2, #akce	{ background:url(/images/bg-left.png) repeat-y; position:relative; left:8px; }
#prihlaseni, #vyhledavani, #kontakt, #doporucujeme
								{ background:url(/images/bg-right.png) repeat-y; position:relative; left:8px; padding:12px; }
								
#doporucujeme {
	padding-right: 17px; 
	padding-left:0;
}								
#right form						{ margin:0; padding:0; }
#doporucujeme ul				{ margin:0 12px; padding:0; }


.vyr-wrap, .vyts-wrap			{ background:url(/images/bg_vyr.png) left bottom no-repeat; margin:0; padding:0; }
.vyr2-wrap 			{ background:url(/images/bg_vyr2.png) left bottom no-repeat; margin:0; padding:0; }
.vyr, .vyrs		{ padding:6px 5px 6px 16px; font-size:11px; }
.vyr-img		{ padding:6px; font-size:11px; background-color: #ffffff; width: 120px; text-align: center; margin-bottom: 7px; margin-top: 10px; }
.vyr a					{ color:#000; text-decoration:none; }
.vyr a:hover				{ text-decoration:underline; }
.vyr a					{ color:#aa0027; font-weight:bold; }
.vyr p               { padding: 0px; margin: 4px 0px 0px 0px;}


.kat1-wrap, .kat1s-wrap			{ background:url(/images/bg-cat1.png) left bottom no-repeat; margin:0; padding:0; }
.kategorie1, .kategorie1s		{ padding:6px 5px 6px 16px; font-size:11px; }
.kategorie1 a					{ color:#000; text-decoration:none; }
.kategorie1 a:hover				{ text-decoration:underline; }
.kategorie1s a					{ color:#FF2200; font-weight:bold; text-decoration:none;}
.kategorie1s a:hover			{ text-decoration:underline; }

.kat2-wrap						{ }
.kategorie2, .kategorie2s		{ padding:4px 5px 4px 16px; font-size:11px;  }
.kategorie2 a					{ color:#333; text-decoration:none; }
.kategorie2 a:hover				{ text-decoration:underline; }
.kategorie2s a					{ color:#aa0027; font-weight:bold; }

.kategorie3, .kategorie3s		{ padding:3px 5px 3px 25px; font-size:11px; }
.kategorie3 a					{ color:#222; text-decoration:none; }
.kategorie3 a:hover				{ text-decoration:underline; }
.kategorie3s a					{ color:#aa0027; font-weight:bold; }


#right input					{ width:120px;  }

.nice-list						{ margin:0; padding:0; }
.nice-list li					{ margin:0 0 0 12px; padding:6px 24px 10px; line-height:125%; display:block; list-style:none; background:url(/images/bullet.gif) 0 4px no-repeat;  }

hr								{ background:none; height:2px; margin:0; padding:0; border:none; border-top:1px solid #ccc; }

/* lvi... */


/* detail vyrobklu */
#v-right						{ float:right; width:180px; text-align:center; padding-left:16px; background:#fff; }

.v-table td						{ padding:5px; }
.v-table td.prvni				{ padding-left:16px; padding-right:32px; font-weight:bold; }
.v-table td.druhy				{ padding-left:16px; padding-right:16px; }
.v-table .cena					{ color:#820000; font-weight:bold; }

/* tabulky */

.table-insert td				{ padding:4px; }
.table-insert .td1				{ background:#E0E7EF; padding-left:16px; padding-right:32px; }
.table-insert .td2				{ padding-left:8px; padding-right:16px; }

.table-seznam					{ width:100%; font-size:11px; }
.table-seznam td, .table-seznam th
								{ padding:5px; }
.table-seznam th				{ background:#FFF6CB url(../images/bg-frame.png) repeat-x scroll center top; }

th { text-align: left; }

.pages							{ text-align:center; margin-top:12px; padding:5px; border-top:1px dotted #C2D0DF; }

.table-info						{ margin-bottom:11px; }
.table-info td					{ padding:4px; text-align:left; }
.table-info .td1				{ background:#E0E7EF; padding-left:16px; padding-right:32px; }
.table-info .td2				{ padding-left:8px; padding-right:16px; }

/* objednani */
#obj-progress					{ margin:16px 0; text-align: center; }
#obj-progress img				{ margin-right:32px; }
input.red						{ background:#FFDEBF; }



.vysledek .fotka {
  float:left;
  margin-right:24px;
  text-align:center;
  padding:4px;
  width:140px;
  border:1px solid #FF7A00;
}

.vysledek img {
  border:0;
}



.login input, .search input		{ width:160px; }
.p-arrow						{ height:14px; padding-top:4px; background:url('../images/arrow-r.png') right no-repeat; }
.search .button					{ width:160px; text-align:left; background:#820000 url('../images/arrow-r.png') right no-repeat; border:none; font-weight:bold; color:#B2C0D1; font-family:verdana; font-size:11px; margin-top:8px; height:18px; padding-left:0; }

div.divider						{ height:1px; background:#fff; margin-top:6px; margin-bottom:6px; }

.white-bar						{ background:#fff; padding:5px; }

#bottom-flash					{ padding:8px 0; text-align:center; background:#b6c3d3; }

address                    {	font-style: normal;	font-size: 12px; }

.alu_search, .alu_search2, .alu_search3 { border:1px solid #FEEB7E;
              float:left;
              margin:2px;
              padding:2px;
              width:120px;
              background-color: #FEF2AB; 			  
				  color: #000000;
				  text-decoration: none;
			  }

.alu_search2 { width:315px;}
.alu_search3 { width:535px;}

.alu_search:hover, .alu_search2:hover, .alu_search3:hover { background-color: #FCDB54; }
              
.footer2   { color: #888888;}
.footer2 a { color: #888888;}




/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #C0C09F;
padding: 6px 0px 0px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;
}
/* ----- tool tip specific styles ----- */

/* ----------- bannery ----------------- */
.banner1 {
    background:url("/images/banner/banner1.png") no-repeat scroll 0 0 #FFE800;
    height:116px;
    margin:20px 15px;
    width:540px;
}
.banner1 h3 {
    color:#000;
    font-size:140%;
    font-weight:bold;
    margin:0;
    padding-left:150px;
    padding-top:10px;
}
.banner1 p {
    color:#000;
    font-weight:bold;
    padding-left:150px;
    width:380px;
}
.banner1 a {
    background:none repeat scroll 0 0 transparent;
    color:#000;
    display:block;
    padding-left:20px;
    text-align:right;
    width:500px;
}

.banner2 {
    background:url("/images/banner/banner2.png") no-repeat scroll 0 0 #FFE800;
    height:116px;
    margin:20px 15px;
    width:540px;
}
.banner2 h3 {
    color:#000;
    font-size:140%;
    font-weight:bold;
    margin:0;
    padding-left:150px;
    padding-top:10px;
}
.banner2 p {
    color:#000;
    font-weight:bold;
    padding-left:150px;
    width:380px;
}
.banner2 a {
    background:none repeat scroll 0 0 transparent;
    color:#000;
    display:block;
    padding-left:20px;
    text-align:right;
    width:500px;
}