/* CSS kaskádové styly pro layout webu www.rollpap.cz, Created by Elza Design Studio, http://www.elzadesign.cz */

/* ### VŠEOBECNÉ SPECIFIKACE ### */
body { margin: 0 auto; padding: 0; font: 12px Arial, Helvetica, sans-serif; color: #5e5c5b; background: white url(../obr/bg-main.png) repeat-x; }
a { color: #2D8ABC; text-decoration: underline; }
a:hover { color: #2D8ABC; text-decoration: none; }

.l{text-align:left}
.r{text-align:right}
.c{text-align:center}


/* ### ZÁHLAVÍ ### */
.top-header { margin: 10px auto 0 auto; padding: 0; width: 940px; height: 55px; background: url(../obr/bg-top-header.png) no-repeat; }
	.links { margin: 0; padding: 20px 20px 0 0; width: 795px; height: 29px; float: left; font-size: 12px; text-align: right; }
	.lang { margin: 0; padding: 0; width: 125px; height: 49px; float: right; text-align: center; }
	.lang img { margin: 20px 5px 0 5px; border: 0; }

/* ### OBAL ### */
.wrap { margin: 0 auto; padding: 0 5px 20px 5px; width: 930px; height: auto; background: url(../obr/bg-wrap-repeat.png) repeat-y; overflow: auto; }

	/* --- LEVÁ STRANA LAYOUTU --- */
	.leftside { margin: 0; padding: 0; width: 316px; height: auto; float: left; background-color: white; }

		/* Logo */
		.leftside-logo { margin: 0; padding: 0; width: 316px; height: 143px; }
		.leftside-logo img { margin: 27px 84px 72px 34px; border: 0; }

		/* Box "Představení společnosti" */
		.company-info { margin: 0; padding: 20px 25px 10px 25px; width: 266px; height: 197px; background: url(../obr/leftside-company-info-bg.png) no-repeat; }
		.company-info h2 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; color: #2D8ABC; }
		.company-info p { margin: 10px 0 5px 0; padding: 0; font-size: 11px; }
		.company-info img { border: 0; }

		/* Přihlašovací část a uživatelské menu */
		.login { margin: 20px 0 15px 0; padding: 20px 60px 10px 25px; width: 231px; height: 133px; background: url(../obr/leftside-loginform-bg.png) top left no-repeat; }
		.login h2 { margin: 0; padding: 0; font-size: 14px; font-weight: normal; }
		.login p { margin: 5px 0 0 0; padding: 0; }
		.login table { margin: 10px 0 0 0; padding: 0; font-size: 11px; }
		.login .textfield { margin: 0; padding: 4px 5px 0 5px; width: 104px; height: 19px; font-size: 11px; color: #5e5c5b; border: 0; background: url(../obr/textfield-login.png) no-repeat; }
		.login .butt-prihlasit { margin: 0; padding: 0; width: 68px; height: 21px; font-size: 11px; color: white; border: 0; background: url(../obr/butt-prihlasit.png) no-repeat; }

		/* Neohraničený box */
		.leftside-box { margin: 5px 25px 10px 25px; padding: 0; width: 256px; height: auto; border-bottom: 1px solid #D5D4D4; }
		.leftside-box h3 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; }
		.leftside-box p { margin: 2px 0 15px 0; padding: 0; font-size: 12px; }

	/* --- PRAVÁ STRANA LAYOUTU --- */
	.rightside { margin: 0; padding: 0; width: 614px; height: auto; float: right; background-color: white; }

		/* Navigace */
		.nav ul { margin: 20px 0 0 24px; padding: 0; width: 590px; height: 77px; }
			.nav li { display: inline; font-size: 14px; }
			.nav li a { margin: 0 -2px 0 0; padding: 2px 0 0 0; width: 91px; height: 75px; display: block; float: left; text-align: center; color: #9F9F9F; text-decoration: none; background: url(../obr/menu-button.png) no-repeat; }
			.nav li a span { margin: -2px 0 0 0; padding: 2px 0 0 0; width: 91px; height: 75px; display: block; float: left; text-align: center; color: #2D8ABC; text-decoration: none; background: url(../obr/menu-button-active.png) no-repeat; }
			.nav li a:hover { color: #2D8ABC; text-decoration: none; }

		/* Záhlaví stránky - hlavní motiv */
		.rightside-logo { margin: 0; padding: 0; width: 614px; height: 273px; background: url(../obr/rightside-header.jpg) no-repeat; }
    .rightside-logo-en { margin: 0; padding: 0; width: 614px; height: 273px; background: url(../obr/rightside-header-en.jpg) no-repeat; }
		.rightside-logo p, .rightside-logo-en p { margin: 0; padding: 135px 50px 70px 430px; font-size: 11px; }

		/* Hlavní obsahová část */
		.content { margin: 20px 0 10px 0; padding: 0 27px 5px 26px; width: 560px; height: auto; border-left: 1px solid #D5D4D4; background-color: white;overflow: auto;}
		.content h1 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; color: #2D8ABC; }
		.content h2 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; color: #2D8ABC; }
		.content h3 { margin: 10px 0 0 0; padding: 0; font-size: 14px; font-weight: bold; color: #5e5c5b; }
		.content h4 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #5e5c5b; }
		.content h5 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #2D8ABC; }
		.content p { margin: 0; padding: 10px 0 0 0; }
		#produkty-eshop{padding: 13px 15px 15px; font-weight: bold; font-size: 13px;background: url(../obr/box-bg-produkty-odkaz-na-eshop.png) no-repeat;height:50px;margin-top:20px}
		
		#onas-eshop{margin: 20px 0pt 0pt; padding: 13px 15px 15px; font-weight: bold; font-size: 13px;background: url(../obr/box-bg-o-nas-odkaz-na-eshop.png) no-repeat;}
		
		#onas-list{padding-left:0px}
		#onas-list li{margin: 0; padding: 3px 0 5px 24px; display: block; background: url(../obr/bullet1.png) no-repeat 0 2px;font-style:italic}
   .levy-sloupec ul{padding-left:0px}
   .levy-sloupec ul li{margin: 0; padding: 3px 0 0px 24px; display: block; background: url(../obr/bullet1.png) no-repeat 0 2px;}
   
   .pravy-sloupec ul{padding-left:0px}
   .pravy-sloupec ul li{margin: 0; padding: 3px 0 0px 24px; display: block; background: url(../obr/bullet1.png) no-repeat 0 2px;}
   
   
   
			/* Podrobné specifikace pro úvodní stránku */
			.levy-sloupec { margin: 0; padding: 0 20px 0 0; width: 260px; height: auto; float: left; }
      .levy-sloupec p{ text-align:justify }
      .pravy-sloupec p{ text-align:justify }
				.box-produkt { margin: 10px 0 10px 0; padding: 12px 15px 2px 15px; width: 226px; height: 133px; background: url(../obr/box-bg-produkty.png) no-repeat; }
					.nahled-produktu { margin: 3px 0 0 0; padding: 0; width: 109px; height: 109px; float: left; }
					.popis-produktu { margin: 3px 0 0 0; padding: 10px 0 0 10px; width: 107px; height: auto; float: right; }
			.pravy-sloupec { margin: 0; padding: 0 0 0 19px; width: 260px; height: auto; float: right; border-left: 1px dotted #D5D4D4; }
				.aktualita { margin: 12px 0 0 0; padding: 0; }
				.aktualita p { margin: 0; padding: 0; text-align: justify; }
				.nase-sluzby { margin: 10px 0 0 0; padding: 0; }
					.nase-sluzby-box { margin: 10px 0 0 0;  width: 252px;  background: url(../obr/box-bg-nase-sluzby.png) no-repeat; }
          .nase-sluzby-box-bot {background: url(../obr/box-bg-nase-sluzby-bot.png) no-repeat bottom center;padding: 12px 15px 15px 15px; width: 222px;}
          
          #akce-box-mid { margin: 10px 0 0 0;  width: 252px;  background: url(../obr/akce-mid.gif) repeat-y; }
          #akce-box-bot {background: url(../obr/akce-bot.gif) no-repeat bottom center; width: 222px;padding:10px 15px 20px 15px}
          #akce-box-top { width: 252px;  background: url(../obr/akce-top.gif) no-repeat top center; }

          
          
          
          
						.nase-sluzby-box ul { margin: 10px 0 0 0; padding: 0; width: 222px; height: auto; list-style: none; }
						.nase-sluzby-box li { margin: 0; padding: 3px 0 0 24px; width: 198px; display: block; background: url(../obr/bullet1.png) no-repeat 0 2px; }
				.pravy-sloupec .textfield { margin: 0; padding: 5px 5px 0 5px; width: 164px; height: 19px; font-size: 11px; color: #5e5c5b; border: 0; background: url(../obr/textfield-kontakt.png) no-repeat; }
				.pravy-sloupec .textarea { margin: 0; padding: 5px 5px 0 5px; width: 243px; height: 164px; font-size: 11px; color: #5e5c5b; border: 0; background: url(../obr/textarea-kontakt.png) no-repeat; }
				.pravy-sloupec .butt-odeslat { margin: 0; padding: 0; width: 68px; height: 21px; font-size: 11px; color: white; border: 0; background: url(../obr/butt-prihlasit.png) no-repeat; }

/* ### Patička ### */
.bottom-footer { margin: 0 auto 5px auto; padding: 0; width: 940px; height: 10px; background: url(../obr/bg-footer.png) no-repeat; }
.footer-text { margin: 0 auto 15px auto; padding: 0; width: 870px; height: auto; text-align: left; }

/* Specifikace pro informační, výstražná a chybová hlášení */
.error_wrap { margin: 0 auto; margin-top: 5px; padding: 0; width: 505px; height: auto; overflow: auto; background-color: #FEDEDF; border: 2px solid #B9080D; }
.error_wrap .leftside_hl { margin-top: 5px; padding: 0; width: 65px; height: 65px; float: left; background: url(../obr/admin/ntf-error.png) top center no-repeat; }
.error_wrap .rightside_hl { margin: 0; padding: 0; padding-bottom: 5px; width: 440px; height: auto; float: right; }

.warning_wrap { margin: 0 auto; margin-top: 5px; padding: 0; width: 505px; height: auto; overflow: auto; background-color: #FFFF96; border: 2px solid #7D5302; }
.warning_wrap .leftside_hl { margin-top: 5px; padding: 0; width: 65px; height: 65px; float: left; background: url(../obr/admin/ntf-warning.png) top center no-repeat; }
.warning_wrap .rightside_hl { margin: 0; padding-bottom: 5px; width: 440px; height: auto; float: right; }

.critical_wrap { margin: 0 auto; margin-top: 5px; padding: 0; width: 505px; height: auto; overflow: auto; background-color: #FFD282; border: 2px solid #7D2E00; }
.critical_wrap .leftside_hl { margin-top: 5px; padding: 0; width: 65px; height: 65px; float: left; background: url(../obr/admin/ntf-critical.png) top center no-repeat; }
.critical_wrap .rightside_hl { margin: 0; padding: 0; padding-bottom: 5px; width: 440px; height: auto; float: right; }

.info_wrap { margin: 0 auto; margin-top: 5px; padding: 0; width: 505px; height: auto; overflow: auto; background-color: #E6FAFF; border: 2px solid #2D8ACF; }
.info_wrap .leftside_hl { margin-top: 5px; padding: 0; width: 65px; height: 65px; float: left; background: url(../obr/admin/ntf-info.png) top center no-repeat; }
.info_wrap .rightside_hl { margin: 0; padding: 0; padding-bottom: 5px; width: 440px; height: auto; float: right; }

.rightside_hl p { padding-left: 10px; }

/* Specifikace pro dotazová okna */
.question_wrap { margin: 0 auto; margin-top: 5px; padding: 0; width: 505px; height: auto; overflow: auto; background-color: #E6FAFF; border: 2px solid #0046B4; }
.question_wrap .leftside { margin-top: 5px; padding: 0; width: 65px; height: 65px; float: left; background: url(../obr/admin/ntf-question.png) top center no-repeat; }
.question_wrap .rightside { margin: 0; padding: 0; padding-bottom: 5px; width: 440px; height: auto; float: right; }
.question_buttons { margin: 0 auto; }
.question_button_yes { margin: 0 auto; width: 30px; height: 30px; padding: 2px; float: left; background: url(../obr/admin/butt-bg-yes.png) no-repeat; }
.question_button_yes:hover { margin: 0 auto; width: 30px; height: 30px; padding: 2px; float: left; background: url(../obr/admin/butt-bg-yes-onhover.png) no-repeat; }
.question_button_no { margin: 0 auto; width: 30px; height: 30px; padding: 2px; border: 0; float: left; background: url(../obr/admin/butt-bg-no.png) no-repeat; }
.question_button_no:hover { margin: 0 auto; width: 30px; height: 30px; padding: 2px; float: left; background: url(../obr/admin/butt-bg-no-onhover.png) no-repeat; }


/* ESHOP */

.kategorie-seznam {
	overflow: hidden;
}

.kategorie {
	width: 259px;
	height: 115px;
	float:left;
	margin: 10px 20px 0px 0px;
}

.kategorie A {
	font-size: 10pt;
	font-weight: bold;
	margin-top: 88px;
	text-align:center;
 	display: block;
}
#kat-info{padding-left:5px;color:#858383;margin-top:15px}

.zbozi{margin-top:15px;background: url(../obr/produkt-top.png) #F6F6F6 no-repeat 0 0 ;width:256px;position:relative;height:207px;float:left;margin-right:20px;}
.zbozi h3{position:absolute;top:15px;left:20px;margin:0;padding:0;}
.zbozi .code {position:absolute;top:17px; right:20px;color:#A4A3A3;font-size:11px}
.zbozi .info {position:absolute;top:40px; left:140px;width:100px;padding:0;line-height:13pt}
.zbozi .tab{position:absolute;top:43px; left:20px; width:106px; height:96px;text-align:center; vertical-align:middle;border-collapse: collapse;}
.zbozi .tab tr td{padding:0 }
.zbozi .tab a img{border:0 none}
/*
.zbozi .obr{display:block;position:absolute;top:43px; left:20px; width:106px; height:96px;text-align:center; vertical-align:middle}
.zbozi a{position:absolute;top:115px; left:215px;display:block;}
.zbozi a img{border:0 none}    */
.zbozi input[type="text"]{position:absolute;top:115px; left:140px;display:block;width:59px;height:14px;background: url(../obr/input-mnostvi.png);border:0 none;padding:5px}
.zbozi input[type="image"]{position:absolute;top:115px; left:220px;display:block;border:0 none;padding:0px}
.zbozi .popis{margin:0;position:absolute;top:153px; left:20px;width:216px;padding:0;}
.zbozi .pozadi{background: url(../obr/produkt-bottom.png) #F6F6F6 no-repeat 0 0;width:256px;height:10px;position:absolute; bottom:0px;}
#kosik {margin-top:20px;width:550px;}
#kosik tr th{padding:5px;padding-left:5px;background:#CBE2F3; text-align:left}
#kosik tr .c{text-align:center}
#kosik tr td{padding:3px;padding-left:5px;border-bottom:1px solid #D5D4D4;}
#kosik tr td a img{border:0 none}
#kosik tr td input{width:40px}
#kosik #celkem td {border-top:4px double #D5D4D4}

#objednat{display:block;width:120px; height: 12px;background:url(../obr/cart-ok48.png) no-repeat 35px 10px ;padding-top:65px;text-align:center;float:left}
#vyprazdnit{display:block;width:120px; height: 22px;background:url(../obr/cart-minus48.png) no-repeat 35px 10px ;padding-top:65px; text-align:center;float:left;}
#prepocitat{display:block;width:120px; height: 87px;background:url(../obr/calc48.png) no-repeat 35px 10px ;padding-top:0px;text-align:center;float:left; color:#2D8ABC;padding-top:55px; text-decoration:underline; border:0 none;font: 12px Arial, Helvetica, sans-serif;}
#prepocitat:hover{text-decoration:none; cursor: pointer;}

#kontrola{margin-top:20px;margin-bottom:20px}

.zpet {display:block;clear:both;padding:5px;background:#F6F6F6;margin-top:15px;float:left;width:521px;text-align:center}