/*
Beton Te�ovice
------------------------
Author: munio webdesign
Web: 	http://munio.cz/
*/

	html, body {text-align:center}
	body {margin:0 0 20px 0; background:#ccc; color:#333; font-family:Arial, Helvetica, sans-serif; text-align:left}

/* --- BASIC ------------ */
/*h1, h2, h3, h4, h5, h6, p, blockquote, 
ul, ol, li, dl, dt, dd, 
table, tr, th, td, caption, thead, tbody, tfoot {margin:0; padding:0; font-size:100%; background:transparent}
form, fieldset, legend {margin:0; padding:0; font-size:100%}
*/

/*h1, h2 {margin:0 0 0.5em 0; padding:0 5px; line-height:25px; background:#D9E0FF; font-size:0.938em; color:#0022B2}
h2 {margin:0 0 10px 0; padding:3px 100px 4px 10px; font-size:0.938em; letter-spacing:1px; color:#060; background:#F5FAFF; border:1px solid #DFE7EE; font-weight:normal; font-family:Tahoma, Geneva, sans-serif}

h1 {font-size:0.938em; margin:0 0 5px 0; padding:0 0 10px 0; border-bottom:1px solid #fff}
h3 {font-weight:normal; font-size:1.125em}
h4 {padding:3px 5px; font-weight:normal; font-size:0.75em; color:#fff; background:#901B5F; text-transform:uppercase}
*/
	h1 {margin-bottom:10px; line-height:30px; font-size:1.625em; color:#fd0000}
	h2 {margin-bottom:10px; font-size:1.25em; font-weight:normal; color:#fd0000}
	h5 {font-size:1.188em}

	p {margin:0 0 1.5em 0; font-size:1.125em; line-height:1.5em}
	address {font-style:normal}
	small {margin:0; padding:0}
	strong, b {font-weight:bold}
	a {color:#fd0000; text-decoration:underline; cursor:pointer}
	a:hover {text-decoration:none}
	a:active, a:focus {}
	a img, img {border:none}

	ul, ol {margin:0 0 1.5em 0; list-style:none; font-size:1.125em; line-height:1.5em}
	li {padding-left:20px; /*background:url('../img/css/li.gif') 10px 6px no-repeat;*/}
/*dl {font-size:0.689em; line-height:1.5em}
dt {}
dd {}
*/

	table {width:100%; margin:0; border-collapse:collapse; border-spacing:0; font-size:1.125em}
	tfoot td {background:#fff; border:none}
	th, td {padding:5px 5px; border:1px solid #e3e3e3}
	th {text-align:left; background:#f4f4f4; font-weight:bold}
	tr.alt td {background:#f4f4f4}

/*form {margin:0 0 1.5em 0}
fieldset {padding:0; border:none}
legend {font-size:0.75em}
label {font-size:0.689em; color:#a60d66; text-transform:uppercase}
input, textarea {font-size:0.689em; font-family:"Helvetica Neue", "Helvetica CE", Helvetica, Sans-serif}
select {font-size:0.689em}
button {border:none; margin:0; padding:0; background:none; cursor:pointer}
*/


	/* --- LAYOUT ----------- */
	#pageout {background:#f2f2f2 url('../img/css/body-bg.png') left top repeat-x}
	#page {width:964px; margin:0 auto; position:relative}
	#areaout {width:952px; padding:13px 6px 0 6px; background:url('../img/css/area-bg.png') left top repeat-y}
	#area {width:922px; padding:0 15px; background:url('../img/css/areain.png') left bottom repeat-x; overflow:hidden}
	#contentarea {width:712px; float:left}
		#content {width:502px; float:right}
		#menubar {width:195px; padding:0 0 0 0px; float:left}
	#sidebar {width:195px; padding:0 0px 0 0; float:right}
	
	.half-left, .half-right {width:450px; float:left; border:1px solid #e3e3e3}
	.half-right {float:right}
	.boxin {padding:10px}


	/* --- HEADER ----------- */
	#header {width:964px; height:170px; background:url('../img/css/header.png') left top no-repeat; position:relative}
	#header #logo {display:block; width:110px; height:115px; position:absolute; left:0; top:0}
	
	.toplinks-bar {wid th:400px; font-size:1.25em; font-style:italic; text-align:right; background:none; color:#333; position:absolute; right:10px; top:55px}
	.toplinks-bar .top-links {display:block; width:600px; margin:1em 0 0 0; font-size:0.875em; font-style:normal}
	.toplinks-bar .top-links li {display:inline; margin:0; padding:0; background:none}
	.toplinks-bar .top-links li a {margin:0; margin-right:6px; padding-right:7px; background:url('../img/css/toplinks-separator.png') right center no-repeat; color:#fd0000}
	.toplinks-bar .top-links li a:hover {color:#333}


	/* --- NAVIGACE --------- */
	#nav {margin:0; position:absolute; left:6px; top:132px; font-size:1.25em}
	#nav li.level0 {margin:0; padding:0; float:left; background:none; text-transform:none}
	#nav li.level0 a {display:block; padding:0 15px; line-height:36px; color:#fff}
	#nav li.level0 a:hover {text-decoration:underline}
	#nav li.level1 a {line-height:14px;padding:2px 0px;}


	/* --- CONTENT ---------- */
	.breadcrumbs {width:700px; margin:0 0 13px 0; overflow:hidden}
	.breadcrumbs li {float:left; padding:0 2px; background:none}

	/*product*/
	ul.prod-nav {width:502px; margin-bottom:10px; padding-bottom:1px; border-bottom:1px solid #ccc; overflow:hidden}
	ul.prod-nav li {display:inline; width:auto; padding:0; line-height:25px; background:none}
	ul.prod-nav a {display:block; margin-left:1px; padding:0 25px; background:#003164 url('../img/css/prod-nav-a.png') left top repeat-x; color:#fff; text-decoration:none; float:right}
	img.ukazka {padding:1px; border:1px solid #ccc}
	
	.next-arrow, .prev-arrow {width:100%; margin:1em 0; overflow:hidden}
	.next-arrow a, .next-arrow input {display:block; float:right; padding:0 30px 0 20px; background:#fd0100 url('../img/css/next-arrow.png') right top no-repeat; color:#fff}
	.next-arrow a, .prev-arrow a {line-height:27px}
	.next-arrow input {height:27px; padding:5px 30px 6px 20px; border:none; cursor:pointer; text-decoration:underline; color:#fff}

	.prev-arrow a {display:block; float:left; padding:0 20px 0 30px; background:#fd0100 url('../img/css/prev-arrow.png') left top no-repeat; color:#fff}

	/*boxy*/
	h5.box {width:195px; margin:0; background:#A80000 url('../img/css/h5-bg.png') left top no-repeat; color:#fff}
	h5.box span {display:block; width:153px; padding:7px 15px 6px 27px; }
	h5.katalog span {background:url('../img/css/h5-katalog.png') left top no-repeat}
	h5.kosik span {background:url('../img/css/h5-kosik.png') left top no-repeat}
	h5.info span {background:url('../img/css/h5-info.png') left top no-repeat}
	h5.anketa span {background:url('../img/css/h5-anketa.png') left top no-repeat}

	ul.box {width:195px; margin:0 0 1.5em 0; padding:10px 0px 10px 0; background:#eee url('../img/css/box-top-bg.png') left top repeat-x; overflow:hidden}
	ul.box li {width:auto; background:url('../img/css/li.gif') 10px 8px no-repeat}
	ul.box a {display:block; width:170px; padding:2px 0px 2px 0; color:#333; text-decoration:none}
	ul.box a:hover {text-decoration:underline}
	
	div.box {margin:0 0 1.5em 0; padding:10px 5px; background:#eee url('../img/css/box-top-bg.png') left top repeat-x}
	div.box p {margin:0}
	
	/*sidebar cart*/
	#sidetotalcart {margin:6px 0; padding:4px 0; text-align:center; background:#fff}
	.sidenextarrow {width:100%; overflow:hidden}
	.sidenextarrow a {display:block; float:right; padding:0 20px 1px 15px; line-height:19px; background:#fd0100 url('../img/css/sidepayment.png') right top no-repeat; color:#fff}
	
	/*sidebar search*/
	#search_mini_form {display:block; width:195px; margin:0 0 1.5em 0; padding:0; overflow:hidden}
	#search_mini_form fieldset {padding:0; border:none}
	#search_mini_form input {width:30px; height:22px; border:none; float:right}
	#search_mini_form #search {width:155px; height:22px; line-height:22px; margin:0; padding:0 5px; background:url('../img/css/search-input.png') left top no-repeat; border:none; float:left}
	
	/*login, register*/
	.logreg .half-left, .logreg .half-right {min-height:250px; position:relative}
	* html .logreg .half-left, * html .logreg .half-right {height:250px}
		.logreg .hgrey {width:430px; margin:0; padding:5px 10px; color:#000; background:#e4e4e4; border-bottom:1px solid #e3e3e3; font-weight:bold}
		.logreg .half-right li {padding:0; background:none}
		.logreg .forgotpassword, .logreg .required {margin:0}
		.logreg .next-arrow {margin:0; position:absolute; right:10px; bottom:10px}
	
	/*cart*/
	.cart-totals table {border:1px solid #e3e3e3}
	.cart-totals table td {border:none; background:#f4f4f4}
	.checkout-types li {padding:0; background:none}
	#shopping-cart-table tfoot {border-bottom:none}
	#shopping-cart-table tfoot td {padding:10px 0}
	
	/*checkout*/
	.checkout-box {background:#fff url('../img/css/checkout-ol.png') left top repeat-y}
	.checkout-box li {padding:0; background:none}
	.checkout-box li h4 {margin:0 1px; padding:5px 10px; color:#000; background:#f4f4f4; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3}


	/* --- FOOTER ----------- */
	#footerout {background:url('../img/css/footerout.png') left top repeat-x}
	#footer {width:964px; height:78px; margin:0 auto; padding:30px 0 0 0; background:url('../img/css/footer') left top no-repeat; text-align:center}
	#footer a {color:#333}


	/* --- OTHERS ----------- */
	hr {display:none}
	
	img.fl-right {float:right; margin:0 0 5px 15px}
	img.fl-left {float:left; margin:0 15px 5px 0}

	/* --- CHECKOUT */
	.one-page-checkout .active .head {background-color: #BE0101; border-color: #BE0101;}