@media screen
{
	/*********Obecne tagy********/
	body
	{
		font: 75%/150% tahoma, sans-serif;
		margin: 0;
		padding: 0;
		color: #666;
		background-image: url(images/bg.gif);
		background-repeat: repeat-y;
		background-position: center;
		line-height: 1.3em;
	}
	
	img
	{
		margin: 0;
		border-style: none;
	}
	
	img.right, img.left, img.center, img.bottom { padding: 3px; }
	
	img.right
	{
		float: right;
		margin: 5px 5px 5px 10px;
	}
	
	img.left
	{
		float: left;
		margin: 5px 10px 5px 5px;
	}
	
	img.center
	{
		float: none;
		margin: 5px auto;
	}
	
	img.no_border
	{
		border-color: transparent;
		border-style: none;
	}
	
	div
	{
		margin: 0;
		padding: 0;
	}
	
	a { color: black; }
	a:hover { color: #333; }
	p { margin: 0 5px 5px 5px; }
	
	h1, h2, h3, h4, h5
	{
		margin: 10px 0px 0px 5px;
		color: #FE0E24;
		font-weight: bold;
	}
	
	h1
	{
		font-size: 155%;
		margin: 10px 0 15px 5px;
	}
	
	h2 { font-size: 125%; }
	h3 { font-size: 115%; }
	
	hr.cleaner
	{
		clear: both;
		height: 1px;
		border: none;
		margin: -1em 0 0 0;
		padding: 0;
		visibility: hidden;
	}
	
	hr
	{
		border-color: #F60;
		border-width: 1px;
		border-style: solid;
	}
	
	dl
	{
		display: block;
		border: 0;
		margin: .6em 1em;
		padding: 0;
	}
	
	dt
	{
		display: block;
		border: 0;
		margin: .4em 0;
		padding: 0;
		font-weight: bold;
	}
	
	dd
	{
		display: block;
		border: 0;
		margin: .4em 0 .4em .5em;
		padding: 0;
	}
	
	cite
	{
		font-style: italic;
		font-weight: bolder;
	}
	
	cite:before { content: "\""; }
	cite:after { content: "\""; }
	
	/*********Layout DIVs********/
	div#cover
	{
		width: 780px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0;
		background-color: #BA2126;
		background-image: url(images/cover_bck.jpg);
		background-repeat: repeat-x;
		background-position: left top;
	}
	
	div#cover-in
	{
		width: auto;
		height: auto;
		padding: 0;
		
	}
	
	img#logo
	{
		margin: 10px auto 5px auto;
		display: none;
	}
	
	div#header, div#footer
	{
		width: 780px;
		margin: 0;
		background-repeat: no-repeat;
	}
	
	div#header
	{
		background-image: url(images/header_bck.jpg);
		height: 116px;
		background-color: #FFF;
	}
	
	div#footer
	{
		height: 100px;
		clear: both;
		margin: 0;
		font-size: 90%;
		background-image: url(images/footer_bck.jpg);
		position: relative;
	}
	
	div#header h1, div#header p { display: none; }
	
	div#footer p
	{
		text-transform: inherit;
		text-align: center;
		color: #FFF;
		line-height: 25px;
		display: none;
	}
	
	div#footer span 
	{
		position: absolute;
		bottom: 50px;
		color: White;
		font-size: 10px;
		display: block;
		width: 780px;
		text-align: center;
		background-color: black;
	}
	
	/*Hlavni menu*/
	div#main_menu
	{
		clear: both;
		margin: 0;
		padding: 0;
		background-color: #000;
		font-size: small;
		height: 2.5em;
		width: 780px;
		white-space: nowrap;
	}
	
	div#main_menu ul, div#main_menu_2 ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	div#main_menu li, div#main_menu_2 li
	{
		list-style-type: none;
		display: block;
		margin: 0;
		_margin: 0 0 0 1px;
		padding: 0;
		text-transform: inherit;
		float: left;
	}
	
	div#main_menu a
	{
		width: auto;
		display: block;
		margin: 0 0 0 10px;
		text-decoration: none;
		height: 2.5em;
		line-height: 2.5em;
		text-transform: inherit;
		padding: 0 10px;
		_padding: 0 4px;
		color: #fff;
		float: left;
		background-color: transparent;
		text-align: center;
		vertical-align: middle;
		/*border-color: #FFF;
				border-width: 0 1px 0 0;
				border-style: solid;*/
	}
	
	div#main_menu a:hover, div#main_menu a.selected
	{
		text-transform: inherit;
		text-decoration: none;
		color: #DCDCDC;
	}
	
	/*druhe menu obrazky*/
	div#main_menu_2
	{
		clear: both;
		margin: 0 0 10px 25px;
		padding: 0;
		font-size: small;
		height: 45px;
		width: auto;
		white-space: nowrap;
	}
	
	div#main_menu_2 span { display: none; }
	
	div#main_menu_2 a
	{
		width: 116px;
		display: block;
		margin: 0 9px 0 0;
		_margin: 0 4px 0 0;
		text-decoration: none;
		height: 43px;
		text-transform: inherit;
		color: #fff;
		float: left;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
	div#main_menu_2 a#hut { background-image: url(images/btn/btn_hutni.gif); }
	div#main_menu_2 a#kovarske { background-image: url(images/btn/btn_kovarske.gif); }
	div#main_menu_2 a#sterky { background-image: url(images/btn/btn_haki.gif); }
	div#main_menu_2 a#spedice { background-image: url(images/btn/btn_spedice.gif); }
	div#main_menu_2 a#inox { background-image: url(images/btn/btn_inox.gif); }
	div#main_menu_2 a#beton { background-image: url(images/btn/btn_beton.gif); }
	
	div#noV {
		display: none;
	}
	
	div#main_menu_2 a:hover, div#main_menu_2 a.selected
	{
		text-transform: inherit;
		text-decoration: none;
		color: #fff;
		background-position: 0px -43px;
	}
	
	/*div#main_menu a span { display: none; }*/
	/*Mistni menu*/
	div#local_menu
	{
		width: 175px;
		height: auto;
		margin: 0 0 0 25px;
		_margin: 0 0 0 13px;
		padding: 0;
		background-color: #FFF;
		z-index: 100;
		float: left;
	}
	
	IMG.pecete {
		position: absolute;
		margin-left: 5px;
		margin-top: 30px;
	}
	
	div#local_menu ul, div#local_menu ul ul.sub, div#header_menu ul, div#local_menu li ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	div#local_menu ul li, div#header_menu ul li
	{
		margin: 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
		display: block;
		width: 175px;
	}
	
	/*menu inspirace*/
	div#local_menu ul#inspirace { margin: 20px 0 0 0; }
	
	div#local_menu li a, div#header_menu li a
	{
		display: block;
		margin: 0;
		padding: 0 5px 0 20px;
		text-decoration: none;
		text-transform: inherit;
		color: #FE0E24;
		text-align: left;
		background-image: url(images/odrazka_b.gif);
		background-repeat: no-repeat;
		background-position: left center;
		border-width: 0;
		border-style: none;
		height: auto;
	}
	
	div#local_menu a:hover, div#header_menu a:hover
	{
		font-weight: bold;
		background-image: url(images/odrazka_s.gif);
	}
	
	div#local_menu ul.sub a
	{
		margin-left: 10px;
		background-image: none;
	}
	
	#column-corner-t, #column-corner-b
	{
		width: 175px;
		height: 16px;
		background-repeat: no-repeat;
	}
	
	#column-corner-t { background-image: url(images/column-corner-t.jpg); }
	#column-corner-b { background-image: url(images/column-corner-b.jpg); }
	
	#content, #content_left_menu
	{
		width: 555px;
		height: auto;
		background-color: #FFF;
		margin: 0 12px 0 0;
		_margin: 0 5px 0 0;
		&margin: 0 5px 0 0;
		float: right;
	}
	
	.marque {
		color: yellow;
		font-weight: bold;
		margin: 0 12px 10px 0;
		_margin: 0 5px 10px 0;
		&margin: 0 5px 10px 0;
		float: right;
		width: 552px;
	}
	div.marque A {
		color: White;
	}
	
	div#content-corner-t, div#content-corner-b
	{
		width: 555px;
		height: 16px;
		background-repeat: no-repeat;
	}
	
	div#content-corner-t { background-image: url(images/content-corner-t.jpg); }
	div#content-corner-b { background-image: url(images/content-corner-b.jpg); }
	div#content-in { padding: 10px 10px 20px 10px; }
	div#content-in ul { margin-top: 0; }
	
	div#content-in li
	{
		margin: 0.2em;
		list-style-type: disc;
	}
	
	div#content-in ol li { list-style-type: decimal; }
	
	/**********Tabulky**********/
	table
	{
		width: auto;
		display: table;
		border-collapse: collapse;
		margin: 0.5em 0em;
		border-color: #C91224;
		border-width: 0 5px 0 0;
		border-style: solid;
	}
	
	tr { display: table-row; }
	
	td, th
	{
		display: table-cell;
		border-color: #C91224;
		border-width: 1px;
		border-style: solid;
		height: auto;
		text-align: left;
		text-transform: inherit;
		padding: 1px 1px;
		/*font-size: 90%;*/
	}
	
	th
	{
		background-color: #767978;
		width: auto;
		text-align: left;
		text-transform: inherit;
		color: #fff;
	}
	
	td a { color: #fff; }
	
	/********form********/
	p label
	{
		display: block;
		font-weight: bold;
	}
	
	fieldset
	{
		width: 300px;
		height: auto;
		margin: 0;
		padding: 5px;
	}
	
	select { font-size: 11px; }
	
	/*Index*/
	#index_box1, #index_box2
	{
		width: 200px;
		float: left;
	}
	
	#index_box2 { float: right; }
	p#index1, p#index2, p#index3, p#index4 { padding: 5px; }
	
	p#index1
	{
		border-color: #006;
		border-width: 2px;
		border-style: solid;
	}
	
	p#index4
	{
		border-color: #666;
		border-width: 2px;
		border-style: solid;
	}
	
	/***Produkty***/
	/***Produkty uvod rozcestnik***/
	a.rozcestnik
	{
		float: left;
		text-decoration: none;
		background-color: #FFF;
		width: 230px;
		margin: 5px 5px;
		border-color: #CCC;
		border-width: 1px;
		border-style: solid;
		height: 40px;
	}
	
	a.rozcestnik span
	{
		margin: 0 0 0 15px;
		padding: 0;
		line-height: 40px;
	}
	
	div.prod_box
	{
		width: 470px;
		height: auto;
		float: left;
		margin: 5px 10px 5px 0px;
		border-color: #CCC;
		border-width: 0 0 1px 0;
		border-style: solid;
	}
	
	div.prod_box h3
	{
		background-color: #E5E5E5;
		padding: 3px;
		border-right: #CCC;
		border-left: #C91224;
		border-width: 0 0 0 5px;
		border-style: none none none solid;
		margin: 0 0 0 0;
	}
	
	div.prod_box a
	{
		text-transform: inherit;
		text-decoration: none;
	}
	
	div.prod_box div
	{
		width: 200px;
		display: block;
		float: left;
		margin: 5px 0 0 5px;
		overflow: hidden;
	}
	
	div.prod_box div img
	{
		margin: 0 auto;
		display: block;
	}
	
	div.prod_box table
	{
		float: right;
		width: 200px;
	}
	
	p.priklady_pouziti, p.novinky
	{
		clear: right;
		float: right;
	}
	
	p.novinky { color: #FE0E24; }
	
	/*katalogy*/
	div#katalogy div
	{
		width: 120px;
		height: 170px;
		background-color: #EBEBEB;
		float: left;
		margin: 5px;
	}
	
	div#katalogy div img
	{
		margin: 5px auto;
		display: block;
	}
	
	/*kontakty*/
	#kontakty_box1 h2 { color: #999966; }
	
	#contact_form, #contact_text
	{
		width: 220px;
		height: auto;
		float: left;
		margin: 0 5px 5px 0;
		text-align: left;
		text-transform: inherit;
	}
	
	#contact_form
	{
		width: 300px;
		float: right;
	}
	
	.priklady_vse
	{
		width: 150px;
		height: auto;
		margin: 5px;
		display: block;
		float: left;
		border-color: #666;
		border-width: 1px;
		border-style: solid;
		overflow: hidden;
		background-color: #CCC;
	}
	
	.priklady_vse img
	{
		margin: 5px auto;
		width: auto;
		height: 200px;
		display: block;
	}
	
	.priklady
	{
		width: auto;
		height: 200px;
	}
	TABLE.kos {
		width: 530px;
	}
	TABLE.kos TR.ivory {
		background-color: #E5E5E5;
	}
	TABLE.kos IMG {
		height: 60px;
	}
	TABLE.noB, TABLE.noB TD, TABLE.kos INPUT.img {
		border: none;
	}

	FORM.dokose {
		display: block;
		width: 104px;
		float: right;
		clear: right;
	}
	Form.dokose INPUT, TABLE.kos INPUT, FORM.login INPUT, FORM.login TEXTAREA {
		width: 20px;
		border: 1px solid #E5E5E5;
		color: #FE0E24;
	}
	FORM.login INPUT, FORM.login TEXTAREA {
		width: 250px;
	}
	FORM.dokose INPUT.submit {
		width: auto;
		background-color: #E5E5E5;
		font-weight: bold;
	}
	
	SPAN.alert {
		color: red;
	}
	#footer #logos {
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 50px;
		background-color: black;
	}
	#footer #logos a {
		border: none;
		margin-left: 10px;
	}
	
}

@media print
{
	div#main_menu, div#main_menu_2, div#local_menu, div#header_menu, img#kat_header,#footer { display: none; }
	hr.cleaner { visibility: hidden; }
	
	table
	{
		width: auto;
		display: table;
		border-collapse: collapse;
		margin: 0.5em 0em;
		border-color: black;
		border-width: 0 5px 0 0;
		border-style: solid;
	}
	
	tr { display: table-row; }
	
	td, th
	{
		display: table-cell;
		border-color: #C91224;
		border-width: 1px;
		border-style: solid;
		height: auto;
		text-align: left;
		text-transform: inherit;
		padding: 1px 5px;
	}
	
	th
	{
		background-color: #767978;
		width: auto;
		text-align: left;
		text-transform: inherit;
		color: #fff;
	}
	
	div.prod_box
	{
		width: 470px;
		height: auto;
		float: left;
		margin: 5px 10px 5px 0px;
		border-color: #CCC;
		border-width: 0 0 1px 0;
		border-style: solid;
	}
	
	div.prod_box h3
	{
		background-color: #E5E5E5;
		padding: 3px;
		border-right: #CCC;
		border-left: #C91224;
		border-width: 0 0 0 5px;
		border-style: none none none solid;
		margin: 0 0 0 0;
	}
	
	div.prod_box a
	{
		text-transform: inherit;
		text-decoration: none;
	}
	
	div.prod_box div
	{
		width: 200px;
		display: block;
		float: left;
		margin: 5px 0 0 5px;
		overflow: hidden;
	}
	
	div.prod_box div img
	{
		margin: 0 auto;
		display: block;
	}
	
	div.prod_box table
	{
		float: right;
		width: 200px;
	}
	
	p.priklady_pouziti
	{
		clear: right;
		float: right;
	}
}