/*div {border: 1px solid blue;} /*ohraničí DIV rámeček*/
/*.zbozi_obal{float:left;display:inline;width:200px;height:296px;background:url(pozadi_upr.jpg) no-repeat;}*/
/*http://www.jakpsatweb.cz/priklady/obtekani-sloupce.html*/

#adminHlavicka {position: relative; width: 1005px; height: 150px; top: 0px; left: 0px}
#adminMenu {position: relative; width: 1005px; height: 40px; top: 0px; left: 0px; color: #ffffff; background-color: #000000;}
#adminStred {float:left; width: 1005px; top: 0px; left: 0px; color: #000000; background-color: #b79064;}
#adminPaticka {float:left; width: 1005px; height: 40px; top: 0px; left: 0px; color: #ffffff; background-color: #000000;}
#adminLogoutTlacitko {position: absolute; width: 250px; height: 10px; top: 108px; left: 755px; color: #ffffff;}
#adminMenuOdkazy {position: absolute; width: 800px; height: 10px; top: 15px; left: 15px; color: #ffffff;}

body {font-family: Verdana, Courier, sans-serif; font-size: 11px; color: #000000; text-align: center; background-color: #efeee3;}
#zakladniRamecek {position: relative; width: 1005px; text-align: left; margin: auto}
#hlavicka {float:left; width: 1005px; height: 165px; top: 0px; left: 0px;}
#logoTransparent {position: absolute; width: 260px; height: 80px; top: 5px; left: 0px;}
#logoVIP {position: absolute; width: 330px; height: 160px; top: 5px; left: 294px;}
#stred {float:left; width: 1005px; top: 0px; left: 0px; background-color: #efeee3;}
#levy {float:left; width: 200px; top: 0px; left: 0px;}
#levy01 {position: relative; width: 200px; top: 10px; left: 0px;}
#levy02 {position: relative; width: 200px; top: 20px; left: 0px;}
#levy03 {position: relative; width: 200px; top: 30px; left: 0px;}
#levy04 {position: relative; width: 200px; top: 40px; left: 0px;}
#levy05 {position: relative; width: 200px; top: 50px; left: 0px;}
#levy06 {position: relative; width: 200px; top: 60px; left: 0px;}
#levy07 {position: relative; width: 200px; top: 70px; left: 0px;}
#levy08 {position: relative; width: 200px; top: 80px; left: 0px;}
#levy09 {position: relative; width: 200px; top: 90px; left: 0px;}
#levy10 {position: relative; width: 200px; top: 100px; left: 0px;}
#levy11 {position: relative; width: 200px; top: 110px; left: 0px;}
#stredni {float:left; width: 585px; top: 0px; left: 0px;}
#stredni01 {position: relative; width: 585px; top: 10px; left: 10px; background-color: #efeee3;}
#pravy {float:left; width: 200px; top: 0px; left: 0px;}
#pravy01 {position: relative; width: 200px;  top: 10px; left: 20px;}
#pravy02 {position: relative; width: 200px;  top: 20px; left: 20px;}
#pravy09 {position: relative; width: 200px;  top: 30px; left: 20px;}
#pravy03 {position: relative; width: 200px;  top: 40px; left: 20px;}
#pravy04 {position: relative; width: 200px;  top: 50px; left: 20px;}
#pravy05 {position: relative; width: 200px;  top: 60px; left: 20px;}
#pravy06 {position: relative; width: 200px;  top: 70px; left: 20px;}
#pravy07 {position: relative; width: 200px;  top: 80px; left: 20px;}
#pravy08 {position: relative; width: 200px;  top: 90px; left: 20px;}
#pravy10 {position: relative; width: 200px;  top: 100px; left: 20px;}
#paticka {float:left; width: 1005px; top: 0px; left: 0px; color: #ffffff;}
#prihlaseni {position: absolute; width: 250px; height: 10px; top: 110px; left: 70px; color: #ffffff;}
#vyhledavani {position: absolute; width: 250px; height: 10px; top: 80px; left: 680px; color: #ffffff;}
#hlavickaOdkazy1 {position: absolute; width: 250px; height: 10px; top: 125px; left: 652px; color: #ffffff;}
#hlavickaOdkazy2 {position: absolute; width: 250px; height: 10px; top: 125px; left: 736px; color: #ffffff;}
#hlavickaOdkazy3 {position: absolute; width: 250px; height: 10px; top: 125px; left: 828px; color: #ffffff;}
#hlavickaOdkazy4 {position: absolute; width: 250px; height: 10px; top: 125px; left: 922px; color: #ffffff;}
#hlavickaKosik {position: absolute; width: 250px; height: 10px; top: 83px; left: 755px; color: #ffffff;}
#hlavickaVelikosti {position: absolute; width: 80px; height: 50px; top: 83px; left: 200px; color: #ffffff;}
#hlavickaKontakt {position: absolute; width: 40px; height: 50px; top: 83px; left: 300px; color: #ffffff;}


#nahledProduktu {float:left; width: 170px; top: 0px; left: 0px; background-color: #ffffff; border: 1px solid blue;}
#nahledProduktuVnitrek {position: relative; width: 170px;  top: 0px; left: 20px; background-color: #ffffff; border: 1px solid blue;}
#strankovaniCisla {border-style: solid; border-width: 1px; border-color: #061402; background-color: #bbc3ac; width: 30px; height: 20px;}

.adminOdkazProdukty a:hover {color: #B70113; font-weight: bold; font-size: 12px; text-decoration: underline;}
.adminOdkazProdukty a {color: #B70113; font-weight: bold; font-size: 12px; text-decoration: none;}
.adminOdkazMenu a:hover {color: #f1e905; font-weight: bold; font-size: 13px; text-decoration: underline;}
.adminOdkazMenu a {color: #f1e905; font-weight: bold; font-size: 13px; text-decoration: none;}

.basicText {color: #000000; font-family: tahoma, verdana; font-size: 12px; font-weight: normal; text-align: center;}
.formTextBily {font-family: Verdana, Courier, sans-serif; font-size: 10px; color: #ffffff;}
.formTextCerny {font-family: Verdana, Courier, sans-serif; font-size: 10px; color: #000000;}
.input {border: 1px solid #aaaa71; background-color: #efeee3; font-size: 10px; color: #000000; font-family: Verdana, Courier, sans-serif;} 
.inputHlavicka {border: 1px solid #b0b899; background-color: #efeee3; font-size: 10px; color: #000000; font-family: Verdana, Courier, sans-serif;} 
.inputKosik {border: 1px solid #f0d4b4; background-color: #efeee3; font-size: 10px; color: #000000; font-family: Verdana, Courier, sans-serif;}   
.form {font-size: 11px; color: #000000; font-family: Verdana, Courier, sans-serif; font-weight: normal; width=400px; border-style: solid; border-width: 1px; border-color: #000000; background-color: #aaaa71; padding: 4px;}         
.cervenyTextForm {color: #B70113; font-family: tahoma, verdana; font-size: 10px; font-weight: normal; font-style: italic;}
.cervenyTextVychozi {color: #B70113; font-family: tahoma, verdana; font-size: 12px; font-weight: normal; text-align: center; } 
.cervenyTextNapis {color: #B70113; font-family: verdana; font-size: 14px; font-weight: bold; text-align: center; }
.cernyTextVychozi {color: #000000; font-family: tahoma, verdana; font-size: 12px; font-weight: normal; text-align: center;}
.sedyTextVychozi {color: #333333; font-family: tahoma, verdana; font-size: 12px; font-weight: normal; text-align: center;}
.bilyTextInzerat {color: #ffffff; font-family: tahoma, verdana; font-size: 11px; font-weight: normal; text-align: center;}
.bilyTextVychozi {color: #ffffff; font-family: tahoma, verdana; font-size: 12px; font-weight: normal; text-align: center;}
.bilyTextTucny {color: #ffffff; font-family: tahoma, verdana; font-size: 11px; font-weight: bold; text-align: center;}
.bilyTextNadpis {color: #e0e3d2; font-family: tahoma, verdana; font-size: 14px; font-weight: bold; text-align: center;}
.zelenyTextVychozi {color: #03b403; font-family: tahoma, verdana; font-size: 12px; font-weight: normal; text-align: center; } 
.zlutyTextVychozi {color: #f1e905; font-family: tahoma, verdana; font-size: 12px; font-weight: bold; text-align: center; }
.cernyTextNadpis {color: #000000; font-family: tahoma, verdana; font-size: 16px; font-weight: bold; text-align: center;}
.cernyTextMaly {color: #000000; font-family: tahoma, verdana; font-size: 11px; font-weight: normal; text-align: center;}
.cervenyTextCena {color: #B70113; font-family: tahoma, verdana; font-size: 16px; font-weight: bold;} 
.cervenyTextCenaInzerce {color: #990000; font-size: 10px; font-weight: bold;}
.aktivniMenu {color: #990000; font-weight: bold; font-size: 12px; text-decoration: none;}
.odkazHlavicka a:hover {color: #e0e0ca; font-weight: bold; text-decoration: underline;}
.odkazHlavicka a {color: #e0e0ca; font-weight: bold; text-decoration: none;}
.odkazHlavickaZluty a:hover {color: #f1e905; font-weight: bold; text-decoration: underline;}
.odkazHlavickaZluty a {color: #f1e905; font-weight: bold; text-decoration: none;}
.odkazUzivatelCerveny a:hover {color: #B70113; font-size: 11px; font-weight: bold; text-decoration: underline;}
.odkazUzivatelCerveny a {color: #B70113; font-size: 11px; font-weight: bold; text-decoration: underline;}
.odkazMenu a {color: #000000; font-weight: bold; font-size: 12px; text-decoration: none;}
.odkazMenu a:hover {color: #990000; font-weight: bold; font-size: 12px; text-decoration: none;}
.odkazMenuSpecial a {color: #990000; font-weight: bold; font-size: 12px; text-decoration: none;}
.odkazMenuSpecial a:hover {color: #000000; font-weight: bold; font-size: 12px; text-decoration: none;}
.odkazMenuVyrazny a {color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none;}
.odkazMenuVyrazny a:hover {color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none;}
.odkazMapa a:hover {color: #990000; font-weight: bold; font-size: 12px; text-decoration: none;}
.odkazMapa a {color: #000000; font-weight: bold; font-size: 12px; text-decoration: underline;}
.odkazMenuPodkategorie a:hover {color: #990000; font-weight: normal; font-size: 12px; text-decoration: none;}
.odkazMenuPodkategorie a {color: #000000; font-weight: normal; font-size: 12px; text-decoration: none;}
.odkazKosik a:hover {color: #f1e905; font-weight: bold; font-size: 18px; text-decoration: none;}
.odkazKosik a {color: #f1e905; font-weight: bold; font-size: 18px; text-decoration: none;}
.odkazPanel a:hover {color: #990000; font-weight: normal; font-size: 12px; text-decoration: underline;}
.odkazPanel a {color: #990000; font-weight: normal; font-size: 12px; text-decoration: none;}
.odkazPanelBold a:hover {color: #990000; font-weight: bold; font-size: 12px; text-decoration: underline;}
.odkazPanelBold a {color: #990000; font-weight: bold; font-size: 12px; text-decoration: none;}
.odkazStrankovani a:hover {color: #0a1402; font-weight: bold; font-size: 13px; text-decoration: underline;}
.odkazStrankovani a {color: #0a1402; font-weight: bold; font-size: 13px; text-decoration: none;}
.odkazNadpisInzeratu a:hover {color: #ffffff; font-weight: bold; font-size: 11px; text-decoration: none;}
.odkazNadpisInzeratu  a {color: #ffffff; font-weight: bold; font-size: 11px; text-decoration: underline;}
.odkazDetailInzeratu a:hover {color: #990000; font-weight: bold; font-size: 10px; text-decoration: underline;}
.odkazDetailInzeratu  a {color: #990000; font-weight: bold; font-size: 10px; text-decoration: underline;}
.textStrankovani {color: #dce4cf; font-family: tahoma, verdana; font-size: 13px; font-weight: bold; text-align: center;}
.odkazcervenyTextVychozi a:hover {color: #B70113; font-size: 12px; font-weight: normal; text-decoration: underline; } 
.odkazcervenyTextVychozi a {color: #B70113; font-size: 12px; font-weight: normal; text-decoration: underline; } 
.odkazsedyTextVychozi a:hover {color: #333333; font-size: 11px; font-weight: normal; text-decoration: underline; } 
.odkazsedyTextVychozi a {color: #333333; font-size: 11px; font-weight: normal; text-decoration: underline; } 
.odkazFacebook a:hover {color: #3b5998; font-weight: normal; font-size: 12px; text-decoration: underline;}
.odkazFacebook a {color: #3b5998; font-weight: normal; font-size: 12px; text-decoration: underline;}
.odkazDalsiInzeraty a:hover {color: #000000; font-weight: normal; font-size: 10px; text-decoration: none;}
.odkazDalsiInzeraty a {color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline;}
.odkazcervenyTextNadpis  a {color: #990000; font-weight: bold; font-size: 16px; text-decoration: underline;}
.odkazcervenyTextNadpis  a:hover {color: #990000; font-weight: bold; font-size: 16px; text-decoration: none;}



#container {
	width:550px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:550px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:715px;
	height:341px;
	top:-3px;
	left:-78px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:550px;
	/*border: 1px solid blue;*/
  overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:550px;
	height:270px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:565px;
}

/*
	Pagination
*/

.pagination {
	
  margin:26px auto 0;
	width:500px;
}

.pagination li {
	
  float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:18px;
	height:18px;
	padding-top:0px;
	/*background-image:url(../img/pagination_off.png);*/
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	/* background-position:0 -12px;*/
  
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}