/* Reset */
	html, body, div, form, fieldset, legend, label
	{
	 margin: 0;
	 padding: 0;
	}
	
	table
	{
	 border-collapse: collapse;
	 border-spacing: 0;
	}
	
	th, td
	{
	 text-align: left;
	 vertical-align: top;
	}
	
	h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
	
	img { border: 0; }
	
	* { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0; padding: 0; margin: 0; }

/* Typografie */
	* {line-height: 17px}
	body {color: #353638}

	strong {
		font-weight: 800;
		font-size: larger;
	}
	
	
	h1 {
		font-size: 150%;
		font-weight: bold;
		padding: 15px 0 15px 0;
		text-align: left;
	}
	
	h2 {
		font-size: 130%;
		font-weight: bold;
/*		padding: 20px 0 5px 0; */
	}
	
	h3 {
		font-size: 13px;
		font-weight: 800;
		padding-top: 8px;
	}
	
	.more {
		color: #e20032;
		font-weight: 800;
		text-decoration: none;
		display: block;
		float: right;
		font-size: 13px;
	}
	.more:hover {text-decoration: underline;}
	
	ul {
		font-size: 13px;
		list-style: disc;
		margin: 10px 0;
	}
	
/* Layout */
	body {
		background: #e6eef1;
		font-family: Arial;
	}
	
	.content { 
		width: 800px;
		margin: 0 auto;
		text-align: left;
	}
	
	p.notice {
		color: #bbd9f2;
	}
	
	p {font-size: 13px}
	
	#perex {
		width: 50%;
		float: left;
		line-height: 21px;
/*		font-size: 17px; */
	}
	#perex strong {font-size: 162%}
	
	#pravidla {
		background: url(../images/pravidla-soutez.png) top left no-repeat;
		float: right;
		font-size:14px;
		height:225px;
		margin-right:-20px;
		padding:20px 20px 0 45px;
		text-align:justify;
		width:270px;
	}
	#pravidla_old {
		width: 40%;
		background-color: #e0e0e0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; 
		float: right;
		padding: 10px;
		font-size: small;
	}
	
	.color_1 {color: #e8a103}
	.color_2 {color: #e20032}

	
	.h1_img {
		color: #ffffff; 
		background: url(../images/h1_sprite.png) no-repeat; 
		font-size:17px; 
		line-height: 50px; 
		padding: 17px 0 0 10px;
		clear: both;
	}
	
	#h_novinky {background-position: -10px -1.5px}
	#h_akce { background-position: -10px -71.5px}
	#h_vyprodej { background-position: -10px -141.5px}
	#h_podpora { background-position: -10px -211.5px}
	
	
	.koupit {
		width: 162px;
		height: 58px;
		display: block;
		float: right;
		margin-right: 10px;
		background: #ffffff url(../images/koupit.png) no-repeat top left;
		text-indent: -9000px;
	}
	
	.objednat {
		width: 186px;
		height: 58px;
		display: block;
		float: right;
		margin-right: 10px;
		background: #ffffff url(../images/objednat.png) no-repeat top left;
		margin: 25px 30px 0 0;
		text-indent: -9000px;
	}
	
	
/* Header */
	#header {
		padding-top: 5px;
		height: 130px;
		background-color: #ffffff;
	}
	
	#header p {
		font-size: 10px;
	}
	
	#header td {
		width: 33%;
		background-color: #E10031;
	}
	
	#header img {
		float: right;
	}
	
	.blank {background-color: #ffffff !important; height:49px;}
	.header_right_bkg {background: url(../images/header_bkg_right.png) left repeat-y}
	.header_left_bkg {background: url(../images/header_bkg_left.png) right repeat-y}
	
	
	
/* Akce */
	#akce {
		background: #c7dae0 url(../images/logo_bkg.png) center repeat-y;
		height: 330px;
	}
	
	#address_overlay {
		display: block;
		position: absolute;
		margin-top: 235px;
		margin-left: 30px;
		width: 300px;
		height: 70px;
		text-align: left;
		font-size: 13px;
		color: #616161;
	}
	
	#address_overlay h3 {
		font-weight: bold;
		font-size: 16px;
		padding-bottom: 2px;
	}
	#address_overlay div {
		padding-left: 15px;
		text-align: left;
	}



/* H menu */
	#menu {
		list-style: none;
		width: 100%;
		zoom:1; 
		overflow:auto;
		margin-top: 0px;
	}
	
	#menu a {
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}
	
	#menu li {
		float: left;
		padding-left: 27px;
		margin-left: 3px;
		height: 77px;
		background: transparent url(../images/menu-sprite.png) no-repeat top left;
		text-align: center;
		line-height: 33px;
	}
	
	#menu li:hover {
		background-position: 0 -77px;
	}
	
	#menu li:after {
		height: 77px;
		display: block;
		float:right;
		width: 32px;
		content: "";
		background: #e6eef1 url(../images/menu-sprite.png) no-repeat top right;
	}
	#menu li:hover:after {
		background-position: right -77px;
	}
	
	#menu li:first-child {margin: 0 0 0 1px;}
	#menu li:first-child:after {width: 25px}

	#menu .active {background-position: 0 -77px;}
	#menu .active:after {background-position: right -77px;}

/* Main */
	#main {
		margin-top: 5px;
	}
	
	#main .content {
		background: #ffffff url(../images/main_bkg.png) top repeat-x;
		min-height: 400px;
	}
	
	#main .content > div {
		padding: 0 20px;
	}


/* Dolní menu */	
	#dolni_menu {
		width: 100%;
		height: 68px;
		padding: 30px 0 15px;
		clear: both;
	}
	#dolni_menu a {
		float: left;
		display: block; 
		width: 180px; 
		height: 68px;
		margin-left: 13px;
		background: url('../images/dolni-menu.jpg') no-repeat left top;
		text-decoration: none;
	}
	
	#dolni_menu a:first-child {margin-left:0}
	
	#dolni_menu a div {
		text-align: center;
		padding-top: 15px;
		font-size: 120%;
		color: #59778E;
	}
	
	a.doprava {background-position: 0 0;}
	a.expedice {background-position: -195px 0;}
	a.platba {background-position: -390px 0;}
	a.garance {background-position: right 0;}
	
	.dolni_menu_bottom {
		color: #e20032;
		font-size: 70%;
		font-weight: bold;
		clear: both;
	}




/* Footer */
	#footer {
		background: #3f444a;
		border-top: solid 11px #bbcbd1;
		width: 100%;
		height: 150px;
		padding-top: 10px;
		color: #ffffff;
		text-align: center;
	}
	
	#footer hr {
		border-top: 1px solid #ffffff;
		margin: 5px 0;
	}
	
	#footer p {
		text-align: center;
		font-size: 10px;
	}

	
/* ----- Page styles ----- */


/* Index */
	.article{
		border: #E6EEF1 1px solid;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 5px;
		zoom: 1;
		overflow: auto;
		background-color: #ffffff;
	}
	
	.article img {
		margin: 0 5px 5px 0;
	}

	.datetime {
		color: #7f7f7f;
		font-size: 10px;
	}
	
	.kazeta {
		text-decoration: underline;
		color: #148a9c;
		font-size: 24px;
		font-weight: 800;
		margin: 10px 0;
		display: inline-block;
		cursor:text;
	}

	.b2b {
		zoom: 1;
		overflow: auto;
		width: 720px;
		height: 130px;
	}

	.b2b_akce_cena {
		/*background: url(../images/akce_b2b.png) no-repeat left bottom;
		width: 143px;
		height: 110px;*/
		margin-right: 5px;
		float: left;
		padding-left: 5px;
		color: #ffffff;
		font-size: 13px;
	}
	.b2b_akce_cena img {
		width: auto !important;
		height: auto !important;
		border: 0px !important;
		margin: 0px !important;
	}
	
	.b2b_vyprodej_cena {
		background: url('../images/vyprodej_b2b.png') no-repeat left bottom;
		width: 143px;
		height: 110px;
		margin-right: 12px;
		float: left;
		padding-left: 5px;
		color: #ffffff;
		font-size: 13px;
	}
	
	.b2b_akce_cena p {
		color: #a8b5cd;
		font-size: 26px;
		font-weight: 800;
		line-height: 28px;
		text-align: center;
		
	}
	
	.b2b_vyprodej_cena p {
		color: #a8b5cd;
		font-size: 26px;
		font-weight: 800;
		line-height: 28px;
		text-align: center;
	}
	
	.b2b_vyprodej_sleva {
		position: relative;
		font-size: 200%;
		top: -2px;
		left: 83px;
	}
	
	.b2b_vyprodej_sleva span {
		font-size: 70%;
	}
	
	.b2b_puvodni_cena_title {
		font-size:11px;
		position:relative;
	}
	.b2b_puvodni_cena { font-weight: 800}
	
	.b2b_bez_dph2 {
		font-size:50%;
		left:105px;
		position:relative;
		top:-10px;
	}

	.akce_cena{
		/*background: url(../images/cena.png) no-repeat left top;*/
		/*width: 236px;
		height: 68px;*/
		float: right;
		color: #ffffff;
		/*padding: 5px 5px 0 5px;*/
		font-size: 13px;
	}
	.akce_cena img {
		border: 0px !important;
		width: auto !important;
		text-decoration: none;
	}
	
	.vyprodej_cena {
		background: url(../images/vyprodej.png) no-repeat left top;
		width: 236px;
		height: 68px;
		float: right;
		color: #ffffff;
		padding: 5px 5px 0 5px;
		font-size: 13px;
	}
	
	.sleva_procenta {
		font-size:30px;
		font-weight:bold;
		left:-5px;
		position:relative;
		top:10px;
		padding-right: 10px;
	}
	
	.vyprodej_cena .cena {
		left: 80px;
	}
	
	.vyprodej_cena .bez_dph { 
		left:170px;
		top:-3px;
	}
		
	.cena {
		font-weight: 800;
		font-size: 26px;
		line-height:20px;
	}
	
	.bez_dph {
		display:inline-block;
		font-size:60%;
		left:100px;
		position:relative;
		top:-5px;
		color: #9FBEC1;
	}
	
	.puvodni_cena_title {
		font-size:9px;
		left:120px;
		position:relative;
		top:-20px;
	}
	
	.puvodni_cena {
		font-weight:800;
		left:60px;
		position:relative;
		top:-5px;
	}
	
	.bez_dph2 {
		font-size:50%;
		left:30px;
		position:relative;
		top:5px;
	}
	
	.produkt {
		background: url(../images/produkt_bkg.png) repeat-x bottom;
		padding-left: 20px;
		padding-bottom: 10px;
		color: #4d6663;
		margin-top: 10px;
		zoom: 1;
		overflow: auto;
	}
	
	.produkt + .produkt {
		margin-top: 20px;
	}
	
	.produkt img {
		width: 256px;
		margin: 20px 5px;
		border: #E6EEF1 5px solid;
		float: right;
	}
	
	.tiskarny {
		width: 300px;
		font-size: 11px;
		color: #2c3e3e;
		margin-top: 10px;
		line-height: 13px;
	}
	
	.b2b_tiskarny {
		width: 450px;
		font-size: 11px;
		color: #2c3e3e;
		margin-top: 10px;
		line-height: 13px;
	}
	
	.type_img {
		background-color:#000000;
		display:inline-block;
		height:17px;
		left:-20px;
		position:relative;
		top:3px;
		width:17px;
	}
	
	.type {
		position: relative;
		left: -20px;
	}

/* Kontakty */
	#item {
		width: 250px;
		float: left;
		font-size: 13px;
		background-color: #ffffff;
	}
	
	#item+#item {margin-left: 5px;}
	
	#item img {
		width: 20px;
		height: 20px;
	}
	
	#item h1 {
		padding: 0 0 0 10px;
		background: url('../images/pruh-pod-nadpisem.png') no-repeat left top;
		text-align: left;
		font-size: 17px;
		line-height: 29px;
		font-weight: bold;
	}
	
	#item h1:after {
		width: 10px;
		height: 28px;
		float: right;
		display: block;
		content: "";
		z-index: 100;
		background: #ffffff url('../images/pruh-pod-nadpisem.png') no-repeat right top;

	}
	
	#item table.info {
		width: 100%;
		background-color: white;
		border: 1px solid #e6ebf0;
		padding-bottom: 5px;
	}
	
	.info td {
		padding: 5px 5px 0;
	}
	
	#item table.info td+td {
		vertical-align: middle;
		border: 0px;
		padding: 0px 5px 5px;
	}
 
 /* Objednávky */
	.trolley {
		padding: 20px 5px;
	}
	
	#main table.options {
		width: 100%;
		border-collapse: separate;
		border-spacing: 15px 4px;
	}
	
	#main table.options td {
		width: 358px;
		padding: 5px;
		height: 70px;
	}
	
	.big {
		font-size: 150%;
		color: #245273;
		padding-left: 75px;
		padding-top: 5px;
	}
	
	a .big:hover {
		text-decoration: underline;
	}
	
	#main .adresa {background: url('../images/tlacitko-shopBtoB.png') no-repeat}
	#main .fax {background: url('../images/tlacitko-faxem.png') no-repeat}
	#main .telefon {background: url('../images/tlacitko-telefonicky.png') no-repeat}
	#main .icq {background: url('../images/tlacitko-icq.png') no-repeat}
	#main .email {background: url('../images/tlacitko-email.png') no-repeat}
	
	.options h4 {
		margin-bottom: 5px;
		font-size: 75%;
		padding-top: 5px;
		padding-left: 75px;
	}
 
 
 
 /* Podpora */
	.podpora h1 {
		background: url('../images/pruh-pod-nadpisem.png') no-repeat left top;
		margin-left: 110px;
		padding: 0 0 0 15px;
		font-size: 110%;
		line-height: 35px;
				
	}
	.podpora h1:after {
		width: 10px;
		height: 35px;
		content: " ";
		float: right;
		display: block;
		background: #ffffff url('../images/pruh-pod-nadpisem.png') no-repeat right top;
		z-index: 100;
	}
	.podpora p {
		margin-left: 110px;
		border: 1px solid #E6EEF1;
		height: 100%;
		font-size: 95%;
		padding: 15px 0 15px 20px;
	}
	
	.podpora img {
		float: left;
	}

/* Doprava */
	.italic {
		font-style: italic;
	}
	.grey {
		color: #797979;
	}
	.small_text {
		font-size: 80%;
	}
	.article_doprava {
		margin: 10px 0 10px 0;
	}
	.article_doprava p {
		padding-left: 123px;
	}
	.article_doprava img {
		float: left;
	}
	table.separate {
		border-collapse: separate;
		border-spacing: 10px;
	}
	table.doprava_ceny {
		margin-left: 123px;
		margin-top: 10px;
		width: 60%;
	}
	table.doprava_ceny caption {
		font-weight: bold;
		text-align: left;
	}
	table.doprava_ceny td {
		border-top: 1px solid #E6EEF1;
		border-bottom: 1px solid #E6EEF1;
		padding: 2px 0 2px 25px;
	}
	table.doprava_ceny td:first-child {
		border-right: 1px solid #E6EEF1;
	}
 
 /* Návody */
	#h_canon {
		background: url('../images/lista-canon.png') no-repeat 0 0;
		height: 56px;
	}
	#h_hp {
		background: url('../images/lista-HP.png') no-repeat 0 0;
		height: 56px;
	}
	#h_lexmark {
		background: url('../images/lista-lexmark.png') no-repeat 0 0;
		height: 56px;
	}
	div.small {
		font-size: 11px;
		padding-bottom: 15px;
	}
	
	table.navody {
		width: 100%;
		border-collapse: separate;
		margin-bottom: 15px;
		border-spacing: 20px 20px;
	}
	
	table.navody td h4 {
		background: url('../images/box-lista.png') repeat-x left top;
		width: 100%;
		margin-bottom: 3px;
		line-height: 14px;
		padding: 0;
	}
	table.navody td h4:after {
		background: url('../images/box-lista.png') no-repeat right top;
		content: " ";
		width: 14px;
		float: left;
		width: 14px;
		z-index: 100;
		
	}
	table.navody td h4 span {
		padding-left: 3px;
		line-height: 14px;
		vertical-align: top;
		font-size: 10px;
		font-weight: bold;
	}
	
	table.navody tr {
		height: 100%;
	}
	
	div.navod_img {
		border: 1px solid #C8D3D6;
		-moz-border-radius: 2px;
		position: relative;
	}
	
	div.navod_img img {
		padding: 5px;
		float: none;
		padding-bottom: 30px;
		vertical-align: middle;
	}
	
	div.navod_img img.ikona {
		position: absolute;
		right: 5px;
		bottom: 5px;
		padding: 0;
	}
 
 
 
 */