body 
{
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif,Tahoma;
	font-size: 0.8em;
	background-color: #E8E8E8;	
}

h1
{
	font-size: 1.5em;
	font-weight: 600;
	color: #666666;
	font-variant: small-caps;
	text-transform: none;
}

h2
{
	font-size: 1.2em;
	font-weight: 600;
	color: #666666;
	text-transform: none;
}

h3
{
	font-size: 1.1em;
	font-weight: 600;
	color: #666666;
	text-transform: none;
}

a:hover
{
	text-decoration: none;
}


address
{
	font-style:normal;
}

.leftmargin20
{
	margin-left: 20px;
}

.upozorneni
{
	color: red;
}

.left
{
	text-align: left !important;
}

span.updateprogressinline div[aria-hidden=false]
{
	display:inline !important;
}

/*****************************************************/
.itext { border: 1px solid #aaa; }
/*****************************************************/
.grid {
	margin: 0;
	border: solid 1px white;
	border: solid 1px #ddd;
}
.grid tr {
	border: 0;
}
.grid td {
	padding: 3px 7px;
	border: solid 1px white;
}
.grid tr.gheader {
	color:#FFFFFF;
	background-color:#d42e12;
	white-space: nowrap;
	padding: 3px 7px;
}
.grid tr.gheader th
{
	padding: 4px;
}
.grid tr.gheader td a, .grid tr.gheader th a 
{
	color:#FFFFFF;
}
.grid tr.gheader td, .grid tr.gheader th
{
	border: solid 1px white;
}
.grid tr.galternating td {
	background-color:#E6E1DE;
}
.grid tr.gpager 
{
	color:#FFFFFF;
	background-color:#A4A4A4;
	white-space: nowrap;
	padding: 3px 7px;
}
.grid .gpager table
{
	border-collapse: collapse;
}
.grid .gpager table td
{
	border: none;
	padding: 0 3px;
}
.grid .gpager table td span
{
	font-weight: bold;
	border: 1px solid white;
	width: 15px;
	height: 15px;
	display: inline-block;
	text-align: center;
	line-height: 15px;
}
.grid .gpager table td a
{
	display: inline-block;
	text-align: center;
	color: White;
}
/*****************************************************/
.edit {}
.edit .label { font-weight: bold; }
.edit td {vertical-align: top;}
/*****************************************************/

/***** HLAVNI LAYOUT *********************************/

.tmaincontainer
{
	background-color: #A5A5A5;
	border: 2px solid #FFFFFF;
	margin-left: 15px;
	margin-right: 15px;
	min-width: 1180px;
}

.theader
{
	background-color: #E8E8E8;	
	border: 2px solid #FFFFFF;
	margin-left: 15px;
	margin-right: 15px;
	height: 74px;
	position: relative;
	border-bottom-style: none;
}

.tlogo
{
	width: 250px;
	margin-left: 20px;
}

.tlogomain
{
	color: red;
	font-family: Impact;
	font-size: xx-large;
	font-weight: bold;
}

.tlogosub
{
	color: #7F7F7F;
	font-family: "Arial Narrow";
	font-size: 20pt;
	font-style:italic;
	font-weight: bold;
}

.tmenu
{
	position: absolute;
	left: 260px;
	top: 0px;
	height: 74px;
	vertical-align: bottom;
}

.tmenu a
{
	color: black;
	font-size: 12pt;
	font-weight: bold;
	position: relative;
	top: 45px;
	text-decoration: none;
	padding-right: 20px;
}

.tmenu a:hover
{
	color: #C0C2C4;
}

.tlogin
{
	position: absolute;
	right: 20px;
	top: 10px;
}

.tloggedheader
{
	font-weight: bold;
}

.tlogged a
{
	color: Red;
	font-size: 110%;
	font-weight: bold;
}

.theadbodydelimiter
{
	background-color: #A5A5A5;
	border: 2px solid #FFFFFF;
	border-left-style: none;
	border-right-style: none;
	margin: 0 0 0 0;
	height: 2px;
}

.tcontent
{
	background-color: #E8E8E8;	
	border: 2px solid #FFFFFF;
	border-top-style: none;
	border-bottom-style: none;
	margin-left: 15px;
	margin-right: 15px;
	position:relative;
	min-width: 1175px;
}

.tnadpis
{
	height: 60px;
	position: relative;
	border-bottom: 2px solid white;	
}

.thorniblok
{
	left: 230px;
	position: absolute;
	top: 20px;
}

.tsortimentheader
{
	position: absolute;
	top: 20px;
	left: 3px;
	font-weight: bold;
}

.tsearch
{
	position: absolute;
	right: 3px;
	top: 15px;
}

.tsearchtb
{
	width: 200px;
}

.tpocetnb
{
	width: 40px;
}

.tleftcolumn
{
	width: 250px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.trightcolumn
{
	width: 250px;
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.trightitem
{
	margin: 3px 3px 3px 3px;
	border-color: White;
	border-width: 2px;
	border-bottom-style: solid;
	padding-left: 20px;
	padding-bottom: 5px;
	position: relative;
}

.trightheader
{
	font-weight: bold;
}

.trightitem a
{
	text-decoration: none !important;
}

.trightitem a:hover
{
	text-decoration: underline !important;
}

.trightdetailarrow
{
	position: absolute;
	right:  10px;
	bottom: 5px;
}

.trightdetailarrowinline
{
	margin-left: 20px;
}

.tmiddle
{
	border-color: White;
	border-width: 2px;
	border-left-style: solid;
	border-right-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 1px;
	margin: 0 250px 0px 250px;
	
}

.tmiddleinner
{
	padding: 10px 0 10px 0;
	overflow: hidden; /* vytvořit nový Block Formatting Context kvuli float a clear */
}

.tcleaner
{
	clear: both;
}

.tfooter
{
	background-color: #E8E8E8;	
	/*border: 2px solid #FFFFFF;
	border-top-style: none;*/
	margin-left: 15px;
	margin-right: 15px;
	position:relative;
	height: 26px;
}

.tfooteritem 
{
	margin-right: 50px;
	margin-left: 5px;
	position:relative;
	top: 5px;
}







/******* MENU **************/

.tleftcolumn .AspNet-TreeView {
	margin: 5px 0 0;
	padding: 0 0 50px 10px;
}

.tleftcolumn .AspNet-TreeView-Root
{
	/*height: 2em;*/
	border-bottom: 2px solid white;
	border-top: 2px solid white;
	margin-left: -11px;
	margin-top: -2px;
	line-height: 2em;
}

.tleftcolumn li.AspNet-TreeView-Parent a, .tleftcolumn li.AspNet-TreeView-Leaf a
{
	color: #7F7F7F;
	font-weight: normal;
	text-decoration: none;
	margin-left: 25px;
}

.tleftcolumn li.AspNet-TreeView-ParentSelected a
{
	color: #7F7F7F !important;
	font-weight: normal !important;
}

/*li.AspNet-TreeView-Parent span, .AspNet-TreeView-Root span
{
	background-image: url('../images/arrow.gif');
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}*/

.tleftcolumn li.AspNet-TreeView-Root > a {
	color: red;
	text-decoration: none;
	margin-left: 25px;
}

.tleftcolumn .AspNet-TreeView-Root a:hover {
	text-decoration: underline;
}
.tleftcolumn .AspNet-TreeView-Leaf {

	background-image: none;
}
.tleftcolumn .AspNet-TreeView-Root li
{
	margin-left: 15px;
}
.tleftcolumn li.AspNet-TreeView-Selected a 
{
	color: black;
}

.tleftcolumn .AspNet-TreeView-Expand, .tleftcolumn .AspNet-TreeView-Collapse
{
	display: none;
}











.nadpis {
	margin-top:0px;
	font-weight:bold;
	font-style:italic;
	padding-left:2px;
}
.tmainwin {
	width: 840px;
	float: left;
	border:2px solid #C0C0C0;
	background:#FFFFFF;
	margin-top: 1em;
}
.bluerow {
	float:left;
	width: 840px;
	height:42px;
	font-size:12px;
	color:#FFFFFF;
	background-color:#C0C0C0;
	vertical-align:absmiddle;
}
.listbox {
	float:left;
	height:14px;
	margin-top:14px;
	padding-left:10px;
}
ul.rowlist {
	float:left;
	padding:0px;
	margin:0px;
}
ul.rowlist li {
	display:inline;
	padding-right:30px;
}
ul.rowlist li a {
	color:#FFFFFF;
	text-decoration:none;
}
.razeni {
	float:left;
	margin-top:10px;
}
.tridit {
	display:inline;
	vertical-align:text-top;
	line-height:18px;
	padding-right: 5px;
}
.filtr {
	float:right;
	margin-top:7px;
	padding-right:5px;
	vertical-align:top;
}

.filtr .item
{
	display: block;
	float: left;
	margin: 3px 2px;
}

.filtr .item strong
{
	padding-top: 4px;
	display: block;
}

.filtr .item label {
	display:inline;
	padding-right:5px;
	line-height:18px;
	vertical-align:text-top;
}
.middle {
	vertical-align:middle;
}


.nazev {
	margin-top:5px;
}
.blue {
	color:#808080;
}
.orange {
	color:#d42e12;
}

.green {
	color: #4DBF30;
}
.button {
	border: solid 1px #d42e12;
	background-color: #d42e12;
	cursor: pointer;
	color: White;
	font-weight: bold;
	text-align: center;
}
.button:hover {
	border: solid 1px black;
}


.group
{
	margin-bottom: 1.5em;
}

.group img
{
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.vanoce2011 p, .nabidkavpriprave p
{
	padding: 5px 20px;
	font-size: 120%;	
}
.nodisplay
{
	display: none;
}

.cena
{
	color: red;
	font-weight: bold;
}

.dostupnostskladem
{
	color: green;
	font-weight: bold;
}

.dostupnostobjednavka
{
	color: #A5A5A5;
	font-weight: bold;
}

/****** ProductList control *******/
.productlistcategory
{
	width: 186px;
	height: 160px;
	border: 2px solid #A5A5A5;
	display: inline-block;
	margin: 10px 10px 10px 10px;
}

.productlistimage
{
	margin: 0 0 0 0;
	height:125px;
	width:186px;
	text-align: center;
	position: relative;
}

.productlisttopstar
{
	position: absolute;
	top: 2px;
	left: 3px;
}

.productlistdesc
{
	width: 186px;
	height: 35px;
	background-color: #A5A5A5;
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
}

.productlistdesc a
{
	color: White;
	font-weight: bold;
	display: block;
	margin: auto 0 auto 0;
	text-align: center;
}

.productlistitem
{
	width: 186px;
	height: 195px;
	border: 2px solid #A5A5A5;
	display: inline-block;
	margin: 10px 10px 10px 10px;
}

.productlistitem .productlistdesc
{
	vertical-align: bottom;
	text-align: left;
}

.productlistcena
{
	width: 180px;
	height: 35px;
	background-color: White;
	overflow: hidden;
	position: relative;
	padding-left: 5px;
	
}

.productdetailcena
{
	
}
.productdetailcena
{
	background-color: white;
}
.productdetailusetrite
{
	color: green;
}

.dostupnostskladem span, .dostupnostobjednavka span
{
	position: absolute;
	right: 50px;
}


.produktlistdetail
{
	height: 24px;
	width: 24px;
	position: absolute;
	right: 5px;
	top: 5px;
}

/***** KosikSeznam.ascx ******/
a.kosikbutton
{
	font-weight: bold;
	color: Red;
	text-decoration: underline !important;
}

a.kosikbutton:hover
{
	text-decoration: none !important;
}

.kosikobsah
{
	font-style:italic;
	color: #444;
}

/***** Products.aspx *******/
.productsfilter
{
	margin-left: 50px;
}

/**** Detail.aspx *****/
.detailproduktu
{
	padding-left: 15px;
}

.zboziposundoprava
{
	margin-left: 248px;
}

.detailproduktuname
{
	color: Black;
	font-weight: bold;
	margin-top: 20px;
}

.detailproduktuname img
{
	vertical-align: middle;
}
	
.detailproduktuvalue
{
	color: #444;
	text-align: right;
	min-width: 100px;
}

.detailproduktupopis
{
	color: #444;
}

.zbozihlavniobrazek
{
	float: left;
	width: 300px;
	border: 2px solid #7F7F7F;
}

.detailproduktuobrazky
{
	border-top: 2px solid white;
	max-width: 100%;
	white-space: nowrap;
	padding-top: 15px;
	overflow: auto;
	height: auto;
	
}

.detailproduktuobrazky img
{
	border: 2px solid #7F7F7F;
	margin-left: 10px;
	margin-top: 10px;
	text-decoration: none !important;
}

.detailproduktuobrazky a
{
	text-decoration: none !important;
}

.nounderline
{
	text-decoration: none !important;
}

#fancybox-left span {
	left: 20px !important;
}

#fancybox-right span {
	left: auto;
	right: 20px !important;
}

/****** Jak-Nakupovat.aspx ********/
.sleva
{
	text-decoration: underline;
}

/****** Kontakty.aspx **********/
.kontakt
{
	display: inline-block;
	margin-right: 50px;
}

/****** SkupinySpecificke/Pneu.aspx *******/
.pneulogo 
{
	text-align: center;
}

.tmessage
{
	display: block;
	margin: 1em;
	padding: 1em 2em;
	border: solid 3px #d42e12;
	font-weight: bold;
}


/***** mapa-webu.aspx ******/
.mapawebu div.AspNet-TreeView ul 
{
	list-style: square none outside;
	padding-left: 40px;
}

.mapawebu .AspNet-TreeView-Collapse
{
	display: none;
}

/******* registrace *********/
#recaptcha_switch_audio_btn, #recaptcha_whatsthis_btn
{
	display: none;
}

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th
{
	background-color: #860400;
}
