/* ======== HORNI MENU - KLASICKE ======= */

/* horni menu */
#hornimenu 						{ width: 980px; height: 33px; margin: 0px auto; position: relative; z-index: 9998; }

#hornimenu_stin					
{ 
	width: 980px; 
	height: 19px; 
	margin: 0px auto; 
	margin-bottom: -13px; 
	position: relative; 
	z-index: 9998;
	
	/* VŠE OSTATNÍ*/
	background-image: url('../grafika/horni_menu_stin.png'); background-repeat: repeat-x;
	
	/* SAFARI*/
	background-image: -webkit-gradient(linear, left bottom, left top, 
						color-stop(1.0, rgba(0,0,0,0.5)),
						color-stop(0.2, rgba(255,255,255,0.0)),
						color-stop(0.0, transparent));
						
	/* MOZZILA FIREFOX*/					
	background-image: -moz-linear-gradient(-90deg,
						rgba(0,0,0,0.5) 0%,	
						rgba(255,255,255,0.0) 80%,
						transparent 100%);	

	background-image: -o-linear-gradient(-90deg,
						rgba(0,0,0,0.5) 0%,	
						rgba(255,255,255,0.0) 80%,
						transparent 100%);
}


/* nastaveni tlacitek v hornim menu */
#hornimenu #tlacitka-hm 		{ margin-left: 134px; padding: 0; }
#hornimenu #tlacitka-hm li 		{ display: inline; }
#hornimenu #tlacitka-hm li a 	{ float: left; width: 110px; height: 0; padding-top: 33px; overflow: hidden; }
#hornimenu #tlacitka-hm li a,

/* obrazek na pozadi horniho menu */
#hornimenu 						
{ 
	background-image: url('../grafika/horni_menu.png'); 
	background-repeat: no-repeat; 
	/*
	background-image: 	
						-webkit-gradient(linear, 0 0, 0 100%, 
										from(rgb(132,39,43)), 
										color-stop(0.05, rgba(0,0,0,0)), 
										color-stop(0.97, rgba(0,0,0,0)), 
										to(rgb(91,0,6))),
						
						-webkit-gradient(linear, 0 0, 0 100%, 
										color-stop(0.00, transparent), 
										
										color-stop(0.05, rgb(200,51,54)), 
										color-stop(0.06, rgb(200,51,54)), 

										color-stop(0.065, transparent),
										color-stop(0.700, transparent),
										
										color-stop(0.7000001, rgb(200,51,54)),
										color-stop(0.7500001, transparent),
										color-stop(0.8000000, transparent),
										color-stop(0.8000001, rgb(200,51,54)),
										
										color-stop(0.8500001, transparent),
										
										color-stop(0.97, rgba(0,0,0,0))),
						
						
						-webkit-gradient(linear, 0 0, 0 100%, 
										from(rgb(153,0,0)), 
										to(rgb(102,0,0)));*/
}

/* tlacitka */
#hornimenu #tlacitka-hm li#hm-redline a 			{ background-position: -134px 0px; }
#hornimenu #tlacitka-hm li#hm-novinky a 			{ background-position: -247px 0px; margin-left: 3px; }
#hornimenu #tlacitka-hm li#hm-akce a 				{ background-position: -360px 0px; margin-left: 3px; }
#hornimenu #tlacitka-hm li#hm-produkty a			{ background-position: -473px 0px; margin-left: 3px; }


/* tlacitka prejety mysi */
#hornimenu #tlacitka-hm li#hm-redline a:hover		{ background-position: -134px -33px; }
#hornimenu #tlacitka-hm li#hm-novinky a:hover		{ background-position: -247px -33px; margin-left: 3px; }
#hornimenu #tlacitka-hm li#hm-akce a:hover			{ background-position: -360px -33px; margin-left: 3px; }
#hornimenu #tlacitka-hm li#hm-produkty a:hover		{ background-position: -473px -33px; margin-left: 3px; }


/* stisknuta tlacitka */
#hornimenu #tlacitka-hm li#hm-redline a:active		{ background-position: -134px -66px; }
#hornimenu #tlacitka-hm li#hm-novinky a:active		{ background-position: -247px -66px; margin-left: 3px; }
#hornimenu #tlacitka-hm li#hm-akce a:active			{ background-position: -360px -66px; margin-left: 3px; }
#hornimenu #tlacitka-hm li#hm-produkty a:active		{ background-position: -473px -66px; margin-left: 3px; }


/* stisknuta aktualni stranka */
/* #home #tlacitka-hm li#hm-redline a				{ background-position: -134px -99px; !important; } */
#newsvse #tlacitka-hm li#hm-novinky a				{ background-position: -247px -99px !important; margin-left: 3px; }
#newsredline #tlacitka-hm li#hm-novinky a			{ background-position: -247px -99px !important; margin-left: 3px; }
#newsapple #tlacitka-hm li#hm-novinky a				{ background-position: -247px -99px !important; margin-left: 3px; }
#newsclanky #tlacitka-hm li#hm-novinky a			{ background-position: -247px -99px !important; margin-left: 3px; }
#action #tlacitka-hm li#hm-akce a					{ background-position: -360px -99px !important; margin-left: 3px; }
#products #tlacitka-hm li#hm-produkty a				{ background-position: -473px -99px !important; margin-left: 3px; }



/* ====== VYHLEDAVAC ======== */

/* vyhledavac umisteny v hornim menu */
#vyhledavac
{	
	width: 175px;
	height: 27px;
	position: absolute;
	margin-left: 791px;
	margin-top: 6px;
	padding-right: 14px;
}

form vyhledavac input,
input[type="search"] {
    -webkit-appearance: searchfield;
}


/* presne umisteny vyhledavac */
input.search
{
	width: 100%;
	height: 15px;
	font-size: 11px;
}








/* ========= PATICKA ========= */


/* dolni menu - paticka s jazykovym panelem */
#paticka				{ height: 25px; margin: 0px auto; position: relative; z-index: 9998; float: left; margin-top: 3px; }

#paticka #pata 			{ margin-left: 0; padding: 0; font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; font-size: 12px; color: #2F2323; font-weight: normal; }
#paticka #pata li 		{ display: inline; border-right: 1px solid rgb(210,210,210); padding: 0 5px 0 5px; }

#paticka #pata li:last-of-type { border-right: none; }
#paticka #pata li:first-of-type { padding: 0 5px 0 0; }

/* jazykovy panel */
#jazyky
{
	width: 87px;
	height: 25px;
    margin: 0px auto;
    position: relative; 
    z-index: 9998;
    float: right;
}

#jazyky #vlajky 		{ margin: 0px; padding: 0px; }
#jazyky #vlajky li		{ display: inline; }
#jazyky #vlajky li a 	{ float: left; width: 29px; height: 0; padding-top: 25px; overflow: hidden; }
#jazyky #vlajky li a,

#jazyky 				{ background-image: url('../grafika/jazyky.png'); background-repeat: no-repeat; }

/* tlacitka */
#jazyky #vlajky li#cz a				{ background-position: 0px 0px; }
#jazyky #vlajky li#en a				{ background-position: -29px 0px; }
#jazyky #vlajky li#de a				{ background-position: -58px 0px; }

/* tlacitka prejety mysi */
#jazyky #vlajky li#cz a:hover		{ background-position: 0px -25px; }
#jazyky #vlajky li#en a:hover		{ background-position: -29px -25px; }
#jazyky #vlajky li#de a:hover		{ background-position: -58px -25px; }

/* stisknuta tlacitka */
#jazyky #vlajky li#cz a:active		{ background-position: 0px -50px; }
#jazyky #vlajky li#en a:active		{ background-position: -29px -50px; }
#jazyky #vlajky li#de a:active		{ background-position: -58px -50px; }

/* stisknuta aktualni stranka */
.cz #jazyky #vlajky li#cz a			{ background-position: 0px -75px; !important; }
.en #jazyky #vlajky li#en a			{ background-position: -29px -75px; !important; }
.de #jazyky #vlajky li#de a			{ background-position: -58px -75px; !important; }




/* spodni lista oddelujici dalsi polozku */
hr.paticka
{
	margin: 0px auto;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both; 
	width: 100%; 
	color: #fff; 
	background: none; 
	border: none; 
	border-bottom: 1px solid rgb(240,240,240);
}











/* ========== LEVE MENU ========= */

/* menu */
#menuleve
{
	width: 132px;
	font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; 
	color: #674B4B;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	position: relative;
}


/* text podmenu */
ul.menu_text
{
	width: 132px;
	position: relative;
	font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; 
	color: #480006;	
	font-size: 12px;
	font-weight: normal;
	text-shadow: #ffffff 0px 1px 1px; /* +L -P, +D -H, bluer */
	text-align: left;
	vertical-align: top;
	line-height: 30px;
}

/* barva odkazu v menu */
.menu_text a { color: #480006; }


 li.menu-li
 {
 	list-style: none outside;
    display: block;
 	width: 107px;
 	padding-left: 20px;
 	padding-right: 5px;
 }
 
  
 /* cara hr v oddelenych polozkach v podmenu u menu */
 hr.menu
{
	margin: 0px auto;
	clear: both; 
	width: 124px; 
	color: #fff; 
	background: none; 
	border: none; 
	border-bottom: 1px solid #dbdbdb;
}


/* jednotlive polozky menu - nastaveni pozadi=zaklad */
#menuobchod { width: 132px; height: 33px; margin: 0px auto; position: relative; z-index: 9998; }
#menuobchod { float: left; width: 132px; height: 0; padding-top: 33px; overflow: hidden; }
#menuobchod { background-image: url('../grafika/leve_menu.png'); background-repeat: no-repeat; background-position: 0px -33px;}

#menusluzby { width: 132px; height: 33px; margin: 0px auto; position: relative; z-index: 9998; }
#menusluzby { float: left; width: 132px; height: 0; padding-top: 33px; overflow: hidden; }
#menusluzby { background-image: url('../grafika/leve_menu.png'); background-repeat: no-repeat; background-position: -132px -33px;}

#menuonas { width: 132px; height: 33px; margin: 0px auto; position: relative; z-index: 9998; }
#menuonas { float: left; width: 132px; height: 0; padding-top: 33px; overflow: hidden; }
#menuonas { background-image: url('../grafika/leve_menu.png'); background-repeat: no-repeat; background-position: -264px -33px;}

#menukontakt { width: 132px; height: 33px; margin: 0px auto; position: relative; z-index: 9998; }
#menukontakt { float: left; width: 132px; height: 0; padding-top: 33px; overflow: hidden; }
#menukontakt { background-image: url('../grafika/leve_menu.png'); background-repeat: no-repeat; background-position: -396px -33px;}

#menustahnetesi { width: 132px; height: 33px; margin: 0px auto; position: relative; z-index: 9998; }
#menustahnetesi { float: left; width: 132px; height: 0; padding-top: 33px; overflow: hidden; }
#menustahnetesi { background-image: url('../grafika/leve_menu.png'); background-repeat: no-repeat; background-position: -528px -33px;}

/* obchod */
.obchod #menuobchod { background-position: 0px 0px; }
#ceniky #menuobchod { background-position: 0px -33px; }
#ceniky .obchod #menuobchod { background-position: 0px -99px; }

.obchod #menuobchod { background-position: 0px 0px; }
#zaruka #menuobchod { background-position: 0px -33px; }
#zaruka .obchod #menuobchod { background-position: 0px -99px; }

/* sluby */
.sluzby #menusluzby { background-position: -132px 0px; }
#leasing #menusluzby { background-position: -132px -33px; }
#leasing .sluzby #menusluzby { background-position: -132px -99px; }

.sluzby #menusluzby { background-position: -132px 0px; }
#servis #menusluzby { background-position: -132px -33px; }
#servis .sluzby #menusluzby { background-position: -132px -99px; }

/* o nas */
.onas #menuonas { background-position: -264px 0px; }
#profilfirmy #menuonas { background-position: -264px -33px; }
#profilfirmy .onas #menuonas { background-position: -264px -99px; }

.onas #menuonas { background-position: -264px 0px; }
#kdenasnajdete #menuonas { background-position: -264px -33px; }
#kdenasnajdete .onas #menuonas { background-position: -264px -99px; }

/*kontakt */
.kontakt #menukontakt { background-position: -396px 0px; }
#kontakt #menukontakt { background-position: -396px -33px; }
#kontakt .kontakt #menukontakt { background-position: -396px -99px; }

/* stahnete si */
.stahnetesi #menustahnetesi { background-position: -528px 0px; }
#stahnivse #menustahnetesi { background-position: -528px -33px; }
#stahnivse .stahnetesi #menustahnetesi { background-position: -528px -99px; }

.stahnetesi #menustahnetesi { background-position: -528px 0px; }
#stahnigrafika #menustahnetesi { background-position: -528px -33px; }
#stahnigrafika .stahnetesi #menustahnetesi { background-position: -528px -99px; }

.stahnetesi #menustahnetesi { background-position: -528px 0px; }
#stahniinternet #menustahnetesi { background-position: -528px -33px; }
#stahniinternet .stahnetesi #menustahnetesi { background-position: -528px -99px; }


.stahnetesi #menustahnetesi { background-position: -528px 0px; }
#stahnikancelar #menustahnetesi { background-position: -528px -33px; }
#stahnikancelar .stahnetesi #menustahnetesi { background-position: -528px -99px; }


.stahnetesi #menustahnetesi { background-position: -528px 0px; }
#stahniutility #menustahnetesi { background-position: -528px -33px; }
#stahniutility .stahnetesi #menustahnetesi { background-position: -528px -99px; }


.stahnetesi #menustahnetesi { background-position: -528px 0px; }
#stahnivideoazvuk #menustahnetesi { background-position: -528px -33px; }
#stahnivideoazvuk .stahnetesi #menustahnetesi { background-position: -528px -99px; }




/* polozky menu zavrene, po najeti mysi se rozevrou */
.obchod { height: 33px; overflow: hidden;}
.sluzby { height: 33px; overflow: hidden;}
.onas { height: 33px; overflow: hidden;}
.kontakt { height: 33px; overflow: hidden;}
.stahnetesi { height: 33px; overflow: hidden;}




/* rozevrene polozky dle vyberu stranky */
#ceniky .obchod { height: auto; overflow: visible;}
#zaruka .obchod { height: auto; overflow: visible;}
#leasing .sluzby { height: auto; overflow: visible;}
#servis .sluzby { height: auto; overflow: visible;}
#profilfirmy .onas { height: auto; overflow: visible;}
#kdenasnajdete .onas { height: auto; overflow: visible;}
#kontakt .kontakt { height: auto; overflow: visible;}
#stahnivse .stahnetesi { height: auto; overflow: visible;}
#stahnigrafika .stahnetesi { height: auto; overflow: visible;}
#stahniinternet .stahnetesi { height: auto; overflow: visible;}
#stahnikancelar .stahnetesi { height: auto; overflow: visible;}
#stahniutility .stahnetesi { height: auto; overflow: visible;}
#stahnivideoazvuk .stahnetesi { height: auto; overflow: visible;}


/* zvyrazneny text v rozevrenem menu - aktualni stranka */
#ceniky li#stranka-ceniky { font-weight: bold; }
#zaruka li#stranka-zaruka { font-weight: bold; }
#leasing li#stranka-leasing { font-weight: bold; }
#servis li#stranka-servis { font-weight: bold; }
#profilfirmy li#stranka-profilfirmy { font-weight: bold; }
#kdenasnajdete li#stranka-kdenasnajdete { font-weight: bold; }
#kontakt li#stranka-kontakt { font-weight: bold; }
#stahnivse li#stranka-stahnivse { font-weight: bold; }
#stahnigrafika li#stranka-stahnigrafika { font-weight: bold; }
#stahniinternet li#stranka-stahniinternet { font-weight: bold; }
#stahnikancelar li#stranka-stahnikancelar { font-weight: bold; }
#stahniutility li#stranka-stahniutility { font-weight: bold; }
#stahnivideoazvuk li#stranka-stahnivideoazvuk { font-weight: bold; }








/* ===== MENU MODULY - DOPLNKY ===== */

#moduly	{ margin-top: 20px; }

/* modul - ve kterem je neco umistene, nejaky doplnek */
.modul
{
	width: 132px;
	position: relative;
	margin-top: 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid rgba(210,210,210,0.75);
	border-top: 1px solid rgba(255,255,255,0.35);
	font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif";
	font-size: 10px;
	color: #000000;
	text-shadow: #ffffff 0px 1px 1px;
}

/* prvni a posledni bude bez oddeleni carou - rameckem */
.modul:first-of-type { border-top: none; }
.modul:last-of-type { border-bottom: none; }


.modul a			{ color: #480006; text-decoration: none; } /* vypne automaticke podtrzeni odkazu */
.modul a:link		{ color: #480006 } /* odkaz */
.modul a:visited 	{ color: #480006 } /* navstiveny */
.modul a:active  	{ color: #480006 } /* aktivni */
.modul a:hover  	{ color: #2F2323; text-decoration: underline; } /* po najeti mysi na odkaz zmeni barvu */


/* nadpis jednotlivych sekci modulu */
.modul-nadpis	{ padding-left: 5px; padding-right: 5px; text-align: left; font-weight: bold; color: #333333; }


/* pocitadlo */
#pocitadlo { width: 100%; position: relative; text-align: center; line-height: 25px; }
#pole-pocitadlo { height: 17px; margin-left: 2px; padding-right: 5px; padding-left: 5px; background:url('../grafika/background_pocitadlo.png') repeat-x; font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; font-size: 12px; color: #cccccc; }

#pole-pocitadlo a			{ color: #cccccc; text-decoration: none; } /* vypne automaticke podtrzeni odkazu */
#pole-pocitadlo a:link		{ color: #cccccc } /* odkaz */
#pole-pocitadlo a:visited 	{ color: #cccccc } /* navstiveny */
#pole-pocitadlo a:active  	{ color: #cccccc } /* aktivni */
#pole-pocitadlo a:hover  	{ color: #cccccc; text-decoration: none; } /* po najeti mysi na odkaz zmeni barvu */


/* skryte pocitadlo blueboard kvuli grafum pro statistiku */
#skryte_pocitadlo	{ display: none; visibility: hidden; }

/* anketa*/
#anketa { width: 100%; position: relative; }

/* tip dne */
#tip_dne { width: 112px; padding-left: 5px; padding-right: 5px; margin-top: 5px; text-align: left; }

/* tlacitko sdilet facebook */
#sdilet_facebook { width: 100%;	padding-left: 5px; }

.share 
{
	width: 112px; padding-left: 5px; padding-right: 5px; margin-top: 5px; 
}







/*============================ iAD ============================*/


.iad-clip
{
  	-webkit-animation-name: open-4;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-delay: 0.0s;
}



@-webkit-keyframes open-4 {
    from { opacity:0; -webkit-transform:translate3d( 5px, -145px, 0); }
    25%  { opacity:1; -webkit-transform:translate3d( -3.3px, 4.1px, 0); }
    30%  { opacity:1; -webkit-transform:translate3d( -2.2px, 2.7px, 0); }
    35%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
    40%  { opacity:1; -webkit-transform:translate3d( 0.9px, -1.2px, 0); }
    45%  { opacity:1; -webkit-transform:translate3d( 0.6px, -0.8px, 0); }
    50%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
    55%  { opacity:1; -webkit-transform:translate3d( -0.3px, 0.3px, 0); }
    60%  { opacity:1; -webkit-transform:translate3d( -0.2px, 0.2px, 0); }
    65%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
    70%  { opacity:1; -webkit-transform:translate3d( 0.1px, -0.1px, 0); }
    75%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
    80%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
    85%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
    90%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
    to   { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
}